/*!
 * Hyde v1.1.2 (https://chemistryx.me)
 * Copyright 2022 ChemistryX. All rights reserved.
 * Licensed under MIT (https://github.com/ChemistryX/hyde/blob/master/LICENSE)
 */@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");@font-face{font-family:"Mont";font-style:normal;font-weight:200;src:local("Mont ExtraLight"),local("Mont-ExtraLight"),url(../fonts/mont/eot/Mont-ExtraLight.eot),url(../fonts/mont/eot/Mont-ExtraLight.eot?#iefix) format("embedded-opentype"),url(../fonts/mont/woff/Mont-ExtraLight.woff) format("woff"),url(../fonts/mont/woff/Mont-ExtraLight.woff2) format("woff2")}@font-face{font-family:"Mont";font-style:normal;font-weight:700;src:local("Mont Heavy"),local("Mont-Heavy"),url(../fonts/mont/eot/Mont-Heavy.eot),url(../fonts/mont/eot/Mont-Heavy.eot?#iefix) format("embedded-opentype"),url(../fonts/mont/woff/Mont-Heavy.woff) format("woff"),url(../fonts/mont/woff/Mont-Heavy.woff2) format("woff2")}html{height:100%;scroll-behavior:smooth}body{font-family:Mont,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:#724CF9}img{display:block;max-width:100%;height:auto}.hyde.header{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.hyde.main{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hyde.footer{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.hyde.content{margin:4rem auto;font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;font-size:1.15rem;line-height:1.75;letter-spacing:-0.02rem;color:#222;word-break:keep-all}.hyde.content a{word-break:break-all}.hyde.content blockquote{border-radius:10px;border-left:7px solid #724CF9;padding-left:1rem}.hyde.content blockquote p{color:#363636}.hyde.content pre.highlight{padding:1rem;border-radius:10px}.hyde.content code.highlighter-rouge{background-color:#eaeaec;padding:0.15rem 0.2rem;border-radius:5px;word-break:break-word}.hyde.content.about h2{margin-top:3rem}@media (max-width: 768px){.hyde.content{font-size:1.05rem}}.hyde.content img{margin:1rem auto}@media (max-width: 576px){.hyde.content img.fix-scale{height:100%;width:100%}}.hyde.content img+em{display:block;text-align:center;font-size:0.8rem;color:#aaaab3}.hyde.content .hyde.comment h2{margin-bottom:0}::-moz-selection{background:#724CF9;color:white}::selection{background:#724CF9;color:white}@media (prefers-color-scheme: dark){body{background:#222}.hyde.navbar-parent.hyde.navbar-bg{background-color:rgba(43,43,43,0.9) !important}.hyde.navbar-parent.hyde.navbar-bg .hyde.nav-toggler a{color:white !important}.hyde.navbar-parent.hyde.navbar-bg .hyde.nav-item a{color:white !important}.hyde.jumbotron{color:#f4f4f5 !important;background:linear-gradient(45deg, rgba(114,76,249,0.2) 35%, rgba(202,125,249,0.2) 100%) !important}.hyde.content{color:#eaeaec}.hyde.content .hyde.share .hyde.share-item{color:#363636}.hyde.content .hyde.share .hyde.share-item:hover{color:#444}.hyde.content .hyde.signature{background-color:#2b2b2b}.hyde.content blockquote p{color:#d4d4d9 !important}.hyde.content code.highlighter-rouge{background-color:#2b2b2b !important;font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important}.hyde.post .hyde.post-thumbnail-wrapper{background-color:#2b2b2b !important}.hyde.post .hyde.post-thumbnail-wrapper .hyde.post-thumbnail{opacity:0.4 !important}.hyde.post .hyde.post-thumbnail-wrapper .hyde.post-thumbnail:hover{opacity:0.6 !important}.hyde.post .hyde.post-author{color:#f4f4f5 !important}.hyde.post .hyde.post-title{color:#f4f4f5 !important}.hyde.post .hyde.post-preview{color:#d4d4d9 !important}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item:hover .hyde.thumbnail{opacity:0.6 !important}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item .hyde.thumbnail{opacity:0.4 !important}.hyde.tags .hyde.tag{background-color:#2b2b2b !important}hr{background-color:#2b2b2b !important}.hyde.divider{border-bottom:1px solid #2b2b2b !important}.hyde.btn-default{color:white;border:2px solid white}.hyde.btn-default:hover{color:#222;background-color:white}}.hyde.container{margin:0 auto;width:60%}@media (max-width: 1024px){.hyde.container{width:75%}}@media (max-width: 896px){.hyde.container{width:82.5%}}@media (max-width: 768px){.hyde.container{width:90%}}.hyde.navbar-parent{-webkit-transition:background-color 0.2s ease, color 0.2s ease;transition:background-color 0.2s ease, color 0.2s ease}.hyde.navbar-parent.hyde.navbar-bg{background-color:rgba(255,255,255,0.9);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-box-shadow:0px 0px 10px -7.5px rgba(0,0,0,0.7);box-shadow:0px 0px 10px -7.5px rgba(0,0,0,0.7)}.hyde.navbar-parent.hyde.navbar-bg a{color:#222 !important}.hyde.navbar-parent.hyde.navbar-bg .hyde.nav-item:before,.hyde.navbar-parent.hyde.navbar-bg .hyde.nav-item:after{background-color:#222 !important}.hyde.navbar-parent.hyde.navbar-bg .hyde.nav-item:not(:first-child):hover a,.hyde.navbar-parent.hyde.navbar-bg .hyde.nav-item.active a{color:white !important}.hyde.navbar-parent .hyde.navbar{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;padding:2.25rem 0;margin:0}.hyde.navbar-parent .hyde.navbar .hyde.nav-toggler{font-size:1.75rem;display:none}.hyde.navbar-parent .hyde.navbar .hyde.nav-toggler a{color:white;cursor:pointer;-webkit-transition:color 0.5s ease;transition:color 0.5s ease}.hyde.navbar-parent .hyde.navbar .hyde.nav-toggler a:hover{color:#d4d4d9}@media (max-width: 896px){.hyde.navbar-parent .hyde.navbar .hyde.nav-toggler{display:block}}.hyde.navbar-parent .hyde.navbar .hyde.nav-item{font-weight:900;text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px;margin:0 10px}.hyde.navbar-parent .hyde.navbar .hyde.nav-item:first-child{margin:0 auto 0 0;padding:0}@media (max-width: 896px){.hyde.navbar-parent .hyde.navbar .hyde.nav-item:first-child{padding:0;font-size:1.25rem}}.hyde.navbar-parent .hyde.navbar .hyde.nav-item:first-child a{padding:0}@media (max-width: 896px){.hyde.navbar-parent .hyde.navbar .hyde.nav-item:not(:first-child){display:none}}.hyde.navbar-parent .hyde.navbar .hyde.nav-item:before{content:" ";position:absolute;height:60%;width:0;background-color:white;left:0;z-index:-1;top:-3px;-webkit-transition:width 0.4s ease;transition:width 0.4s ease;border-radius:7px 7px 0 0}.hyde.navbar-parent .hyde.navbar .hyde.nav-item:after{content:" ";position:absolute;height:60%;width:0;background-color:white;left:0;z-index:-1;bottom:0;-webkit-transition:width 0.4s ease;transition:width 0.4s ease;border-radius:0 0 7px 7px}.hyde.navbar-parent .hyde.navbar .hyde.nav-item:not(:first-child):hover::before,.hyde.navbar-parent .hyde.navbar .hyde.nav-item:not(:first-child):hover::after,.hyde.navbar-parent .hyde.navbar .hyde.nav-item:not(:first-child).active::before,.hyde.navbar-parent .hyde.navbar .hyde.nav-item:not(:first-child).active::after{width:100%}.hyde.navbar-parent .hyde.navbar .hyde.nav-item:not(:first-child):hover a,.hyde.navbar-parent .hyde.navbar .hyde.nav-item:not(:first-child).active a{color:#222}.hyde.navbar-parent .hyde.navbar .hyde.nav-item a{color:white;padding:1px 5px;-webkit-transition:color 0.5s ease;transition:color 0.5s ease}.hyde.navbar-parent .hyde.mobile-nav-wrapper{background:linear-gradient(45deg, #2b2b2b 45%, #363636 100%);position:absolute;width:100%;height:100vh;font-weight:900;text-transform:uppercase;display:none;z-index:999}.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav{margin:0;padding:2.25rem 0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav .hyde.mobile-nav-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:2rem}.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav .hyde.mobile-nav-row .logo{padding:0;margin-top:5px}.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav .hyde.mobile-nav-row .close-btn{padding:0;font-size:2rem;cursor:pointer}.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav .hyde.mobile-nav-row .close-btn:hover{color:#d4d4d9}.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav .hyde.mobile-nav-item{font-size:1.25rem;padding:2rem 1rem;color:white !important;border-radius:9px;-webkit-transition:color 0.5s ease, background-color 0.5s ease;transition:color 0.5s ease, background-color 0.5s ease}.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav .hyde.mobile-nav-item:not(.close-btn):hover,.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav .hyde.mobile-nav-item:not(.close-btn).active{background-color:white;color:#222 !important}.hyde.jumbotron{color:white;background:linear-gradient(45deg, #724CF9 35%, #CA7DF9 100%);padding:2rem 0 1.875rem 0}.hyde.jumbotron.main{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.hyde.jumbotron.main h1{font-size:3.5rem;margin:8rem 0 0 0}@media (max-width: 768px){.hyde.jumbotron.main h1{margin:6rem 0 0 0;font-size:3rem}}.hyde.jumbotron.main h2{margin:1rem 0 1.75rem 0;word-break:keep-all}.hyde.jumbotron h1{font-size:3rem;margin:6rem 0 0 0;word-break:keep-all;-webkit-animation:fade-slide-up 0.5s both;animation:fade-slide-up 0.5s both}@media (max-width: 768px){.hyde.jumbotron h1{font-size:2.5rem}}.hyde.jumbotron h2{font-family:Pretendard, sans-serif;font-weight:500;font-size:1rem;letter-spacing:-0.5px;-webkit-animation:fade-slide-up 0.5s 0.1s both;animation:fade-slide-up 0.5s 0.1s both;word-break:keep-all}.hyde.jumbotron .hyde.main-desc{font-size:1.25rem}.hyde.jumbotron .hyde.post-desc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:0.5rem;font-family:Pretendard, sans-serif;font-size:0.875rem}.hyde.jumbotron .hyde.post-desc.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media (max-width: 768px){.hyde.jumbotron .hyde.post-desc{font-size:0.75rem}}.hyde.jumbotron .hyde.post-desc .hyde.post-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hyde.jumbotron .hyde.post-desc .hyde.post-info img{width:2rem;height:2rem;display:block;border-radius:2rem;margin-right:0.75rem;background:#d4d4d9}.hyde.jumbotron .hyde.post-desc .hyde.post-info .hyde.post-author{font-weight:500}.hyde.jumbotron .hyde.post-desc .hyde.post-info .hyde.post-date{font-weight:350}.hyde.jumbotron .hyde.post-desc .hyde.post-back{color:white;font-weight:600;-webkit-transition:color 0.5s ease;transition:color 0.5s ease}.hyde.jumbotron .hyde.post-desc .hyde.post-back:hover{color:#d4d4d9}.hyde.btn{border-radius:9px;padding:1rem 1.25rem;display:inline-block;text-align:center;font-size:0.9rem;font-weight:900;text-transform:uppercase;letter-spacing:-0.1px;-webkit-transition:background-color 0.5s ease;transition:background-color 0.5s ease;background-color:transparent;margin-bottom:1rem;cursor:pointer}.hyde.btn-primary{color:#724CF9;border:2px solid #724CF9}.hyde.btn-primary:hover{color:white;background-color:#724CF9}.hyde.btn-secondary{color:#CA7DF9;border:2px solid #CA7DF9}.hyde.btn-secondary:hover{color:white;background-color:#CA7DF9}.hyde.btn-light{color:white;border:2px solid white}.hyde.btn-light:hover{color:#222;background-color:white}.hyde.btn-default{color:#222;border:2px solid #222}.hyde.btn-default:hover{color:white;background-color:#222}.hyde.btn-group{text-align:center}.hyde.posts{font-family:Pretendard, sans-serif}.hyde.posts .hyde.post{padding:4rem 0;line-height:1.4}@media (max-width: 768px){.hyde.posts .hyde.post{padding:2rem 0}}.hyde.posts .hyde.post .hyde.hyde.post-thumbnail-wrapper{overflow:hidden;border-radius:5px;background-color:#222}.hyde.posts .hyde.post .hyde.hyde.post-thumbnail-wrapper .hyde.post-thumbnail{height:14rem;background-size:cover;background-position:50% 50%;opacity:0.8;-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease}.hyde.posts .hyde.post .hyde.hyde.post-thumbnail-wrapper .hyde.post-thumbnail:hover{-webkit-transform:scale(1.05) translateZ(0);transform:scale(1.05) translateZ(0);opacity:1}.hyde.posts .hyde.post .hyde.post-author-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0.75rem}.hyde.posts .hyde.post .hyde.post-author-wrapper img{width:2.5rem;height:2.5rem;display:block;border-radius:2rem;margin-right:0.75rem}@media (max-width: 768px){.hyde.posts .hyde.post .hyde.post-author-wrapper img{width:2.25rem;height:2.25rem}}.hyde.posts .hyde.post .hyde.post-author-wrapper .hyde.post-author{font-size:0.875rem;font-weight:500;color:#222}@media (max-width: 768px){.hyde.posts .hyde.post .hyde.post-author-wrapper .hyde.post-author{font-size:0.75rem}}.hyde.posts .hyde.post .hyde.post-title{font-size:1.5rem;color:#222;margin:0.75rem 0 0 0}.hyde.posts .hyde.post .hyde.post-preview{color:#222;margin:0.75rem 0;word-break:break-all}@media (max-width: 768px){.hyde.posts .hyde.post .hyde.post-preview{margin:0.5rem 0;font-size:0.9rem}}.hyde.posts .hyde.post .hyde.post-trail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:0.5rem;font-size:0.875em;color:#aaaab3}.hyde.posts .hyde.post .hyde.post-trail .hyde.post-date{font-weight:450}.hyde.signature{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:1.5rem 0 4rem 0;background-color:#fafafa;border-radius:3.5rem}.hyde.signature img{width:6.5rem;height:6.5rem;display:block;border-radius:3.5rem;margin:0 1rem 0 0;background:#aaaab3}.hyde.signature .hyde.signature-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hyde.signature .hyde.signature-text .hyde.signature-author{font-weight:300}@media (max-width: 768px){.hyde.signature .hyde.signature-text .hyde.signature-author{font-size:1rem}}.hyde.signature .hyde.signature-text .hyde.signature-author span{font-weight:700;color:#724CF9}.hyde.signature .hyde.signature-text .hyde.signature-contact{font-size:1rem}@media (max-width: 768px){.hyde.signature .hyde.signature-text .hyde.signature-contact{font-size:0.75rem}}.hyde.signature .hyde.signature-text .hyde.signature-contact a{color:#aaaab3}.hyde.header{position:fixed;top:0;right:0;left:0;z-index:999}.hyde.header.main{position:absolute !important}.hyde.footer-wrapper{color:white;background:linear-gradient(45deg, #2b2b2b 45%, #363636 100%);padding:4rem 0}.hyde.footer-wrapper .hyde.footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hyde.footer-wrapper .hyde.footer .hyde.footer-left{-webkit-box-flex:1;-ms-flex:1 0;flex:1 0;text-align:left}.hyde.footer-wrapper .hyde.footer .hyde.footer-right{-webkit-box-flex:1;-ms-flex:1 0;flex:1 0;text-align:right;place-self:flex-end}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu{padding:0}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu li{display:inline-block;list-style:none}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu li a{color:white;text-transform:uppercase;font-weight:900}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu.links li{margin:0 1rem 0.5rem 0}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu.links li a{font-size:0.8rem;-webkit-transition:color 0.5s ease;transition:color 0.5s ease}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu.links li a:hover{color:#aaaab3}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu.social a{display:inline-block;width:35px;height:35px;background-color:#444;border-radius:9px;line-height:38px;margin-left:14px;text-align:center;font-size:18px;-webkit-transition:color 0.5s ease, background-color 0.5s ease;transition:color 0.5s ease, background-color 0.5s ease}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu.social a:hover{color:#222;background-color:white}.hyde.footer-wrapper .hyde.footer .text{font-size:0.75rem;font-weight:900;text-transform:uppercase;letter-spacing:0.3px;color:#aaaab3}@media (max-width: 768px){.hyde.footer-wrapper .hyde.footer .text{font-size:0.7rem}}.hyde.footer-wrapper .hyde.footer .text a{color:#d4d4d9;line-height:initial}.hyde.footer-wrapper .hyde.footer .text a .fa-meteor{-webkit-transition:color 0.5s ease;transition:color 0.5s ease}.hyde.footer-wrapper .hyde.footer .text a .fa-meteor:hover{color:#f04568}.hyde.tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.hyde.tags .hyde.tag-wrapper{margin-bottom:1rem;overflow-wrap:break-word}.hyde.tags .hyde.tag-wrapper .hyde.tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1rem}.hyde.tags .hyde.tag-wrapper .hyde.tag-desc{font-size:1rem}.hyde.tags .hyde.tag-wrapper .hyde.tag-count{font-size:0.875rem;font-weight:450;color:#aaaab3}.hyde.tags.skills a{font-size:1rem !important}.hyde.tags .hyde.tag{background-color:#f4f4f5;border-radius:1.5rem;padding:0.25rem 1rem;margin:0 0.5rem 0.5rem 0;font-size:0.85rem;font-weight:500;-webkit-transition:background-color 0.5s ease;transition:background-color 0.5s ease}@media (max-width: 768px){.hyde.tags .hyde.tag{font-size:0.75rem}}.hyde.tags .hyde.tag:hover{background-color:#eaeaec}.hyde.header-tags{margin-top:0.5rem;font-family:Pretendard, sans-serif}.hyde.portfolio{margin:4rem 0}.hyde.portfolio .hyde.portfolio-item-wrapper{padding:0 1rem 1rem 0}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item{position:relative;overflow:hidden;color:white;border-radius:5px;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);background-color:#222;cursor:pointer}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item:hover .hyde.thumbnail{-webkit-transform:scale(1.05) translateZ(0);transform:scale(1.05) translateZ(0);opacity:1}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item .hyde.thumbnail{height:16rem;opacity:0.8;background-size:cover;background-position:50% 50%;-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item .hyde.portfolio-overlay{position:absolute;width:100%;bottom:0;padding:1.5rem;background:-webkit-gradient(linear, left bottom, left top, color-stop(20%, #222), to(transparent));background:linear-gradient(to top, #222 20%, transparent);font-family:Pretendard, sans-serif}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item .hyde.portfolio-overlay h3{color:white;margin:0.75rem 0;font-weight:700}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item .hyde.portfolio-overlay span{font-size:0.875rem;color:#bfbfc6;font-weight:500;letter-spacing:-0.25px}.hyde.lightbox{opacity:0;background:rgba(0,0,0,0.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;z-index:-1;width:100%;height:100%;top:0;left:0;-webkit-transition:opacity 0.3s ease, z-index 0.3s step-end;transition:opacity 0.3s ease, z-index 0.3s step-end}.hyde.lightbox:target{opacity:1;z-index:999;-webkit-transition:opacity 0.3s ease, z-index 0.3s step-start;transition:opacity 0.3s ease, z-index 0.3s step-start}.hyde.lightbox img{max-width:90%;max-height:90%;border-radius:5px}@-webkit-keyframes fade-slide-up{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}100%{opacity:100%;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-slide-up{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}100%{opacity:100%;-webkit-transform:translateY(0);transform:translateY(0)}}.hyde.empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:2rem 0}.hyde.empty img{max-width:10rem;margin:2rem auto}.hyde.empty p{color:#aaaab3;font-size:1.25rem;font-weight:500;margin:0}.hyde.separator{margin:0 0.5rem}@media (max-width: 768px){.hyde.separator{margin:0 0.25rem}}.utterances{max-width:none}hr{height:1px;background-color:#eaeaec;border:none}.hyde.share{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.hyde.share .hyde.share-item{margin:0 0.25rem;color:#bfbfc6;cursor:pointer}.hyde.share .hyde.share-item:hover{color:#d4d4d9}.hyde.name{color:#aaaab3;font-weight:500;font-size:1.25rem}.hyde.youtube{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:2em}.hyde.youtube iframe{position:absolute;top:0;left:0;height:100%;width:100%;margin-bottom:2em}.hyde.symbol{font-family:Pretendard, sans-serif}.hyde.divider{border-bottom:1px solid #eaeaec}.hyde.career-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hyde.career-wrapper .hyde.career{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:0.75rem;margin-bottom:1rem}.hyde.career-wrapper .hyde.career .hyde.career-place{font-weight:700;max-width:50%}.hyde.career-wrapper .hyde.career .hyde.career-desc{font-size:1rem;text-align:right}.hyde.career-wrapper .hyde.career .hyde.career-desc p{margin:0}.hyde.career-wrapper .hyde.career .hyde.career-desc .hyde.career-role{font-weight:500}.hyde.career-wrapper .hyde.career .hyde.career-desc .hyde.career-duration{font-weight:500;font-size:0.875rem;color:#aaaab3}
/* Bonggyu portfolio overrides */
a{color:#2563eb}
::-moz-selection{background:#2563eb;color:#fff}
::selection{background:#2563eb;color:#fff}
.hyde.content blockquote{border-left-color:#2563eb}
.hyde.signature .hyde.signature-text .hyde.signature-author span{color:#2563eb}
.hyde.navbar-parent .hyde.navbar .hyde.nav-item:not(:first-child):hover a,.hyde.navbar-parent .hyde.navbar .hyde.nav-item:not(:first-child).active a{color:#0f172a}
.hyde.navbar-parent .hyde.navbar-bg .hyde.nav-item:not(:first-child):hover a,.hyde.navbar-parent .hyde.navbar-bg .hyde.nav-item:not(:first-child).active a{color:#fff!important}
.hyde.jumbotron{background:linear-gradient(45deg,#0f172a 20%,#1d4ed8 100%)}
.hyde.btn-primary{color:#2563eb;border-color:#2563eb}
.hyde.btn-primary:hover{background-color:#2563eb;color:#fff}
.hyde.btn-secondary{color:#1d4ed8;border-color:#1d4ed8}
.hyde.btn-secondary:hover{background-color:#1d4ed8;color:#fff}
.hyde.home-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.hyde.home-secondary{color:#fff;border-color:rgba(255,255,255,.85)}
.hyde.home-secondary:hover{color:#0f172a;background-color:#fff}
.hyde.home-section{margin:1rem 0 4rem}
.hyde.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}
.hyde.section-heading h2{margin:0}
.hyde.section-heading a{color:#2563eb;font-weight:700}
.hyde.home-keyword{display:flex;justify-content:center;width:100%;padding:.85rem 1rem;margin-bottom:1rem;background-color:#f8fafc;color:#334155;border:1px solid #e2e8f0;font-weight:700}
.hyde.home-project-card{display:block;margin-bottom:1.5rem;padding:1.25rem;border:1px solid #e2e8f0;border-radius:16px;background-color:#f8fafc;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.hyde.home-project-card:hover{transform:translateY(-4px);border-color:#2563eb;box-shadow:0 16px 40px -28px rgba(15,23,42,.6)}
.hyde.home-project-copy h3{margin:0 0 .75rem;color:#0f172a}
.hyde.home-project-copy p{margin:0;color:#334155}
.hyde.home-section{margin:.5rem 0 2rem}
.hyde.home-project-card{margin-bottom:1rem;padding:1rem;border-radius:12px}
.hyde.media-placeholder{min-height:11rem;margin:1rem 0;border-radius:10px}
.hyde.media-placeholder.compact{min-height:9rem}
.hyde.media-placeholder.hero{min-height:14rem}
.hyde.project-card-media{margin-bottom:.875rem}
.hyde.project-card-image,.hyde.project-card-placeholder{width:100%;height:156px;object-fit:cover;border-radius:10px}
.hyde.project-card-placeholder{display:flex;align-items:center;justify-content:center;border:1px dashed #94a3b8;background:linear-gradient(135deg,rgba(226,232,240,.7),rgba(248,250,252,.95));color:#334155;font-size:.88rem;font-weight:700}
.hyde.project-card .hyde.home-project-copy p{font-size:.88rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hyde.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hyde.project-hero{padding:44px 0 36px}
.hyde.project-hero h1{font-size:2rem;line-height:1.2;margin:40px 0 8px}
.hyde.project-hero h2{font-size:.95rem;line-height:1.6;margin:0 0 12px}
.hyde.project-hero-tags,.hyde.tech-tags{display:flex;flex-wrap:wrap;gap:6px}
.hyde.project-hero-tags{margin-bottom:12px}
.hyde.tech-tags{margin-top:.75rem}
.hyde.tech-tag{display:inline-flex;align-items:center;font-size:.78rem;padding:4px 8px;border-radius:999px;background-color:#f1f5f9;border:1px solid #e2e8f0;color:#334155;font-weight:700}
.hyde.project-container{max-width:960px;margin:0 auto;padding:32px 24px 56px}
.hyde.project-section{margin-bottom:28px}
.hyde.project-section h2{font-size:1.15rem;margin-bottom:10px}
.hyde.project-section p,.hyde.project-section li{font-size:.92rem;line-height:1.65}
.hyde.project-preview{margin-bottom:28px}
.hyde.project-preview-media img,.hyde.project-preview-placeholder{width:100%;height:220px;object-fit:cover;border-radius:8px}
.hyde.project-preview-placeholder{display:flex;align-items:center;justify-content:center;border:1px dashed #94a3b8;background:linear-gradient(135deg,rgba(226,232,240,.7),rgba(248,250,252,.95));color:#334155;font-size:.92rem;font-weight:700}
.hyde.project-link-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.hyde.project-link-btn{margin-bottom:0;padding:.75rem 1rem;font-size:.8rem}
.hyde.project-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hyde.project-summary-card{padding:16px;border:1px solid #e2e8f0;border-radius:10px;background-color:#f8fafc}
.hyde.project-summary-card h2{margin-top:0}
.hyde.project-summary-card ul,.hyde.project-feature-list{margin:0;padding-left:1.1rem}
.hyde.project-feature-list{columns:2;column-gap:24px}
.hyde.architecture-placeholder{display:flex;align-items:center;justify-content:center;height:180px;border:1px dashed #94a3b8;border-radius:8px;background:linear-gradient(135deg,rgba(226,232,240,.7),rgba(248,250,252,.95));color:#334155;font-size:.9rem;font-weight:700}
.hyde.is-hidden{display:none}
@media (max-width:768px){.hyde.projects-grid,.hyde.project-summary-grid{grid-template-columns:1fr}.hyde.project-feature-list{columns:1}.hyde.project-container{padding:24px 0 40px}.hyde.project-hero h1{font-size:1.75rem;margin-top:32px}}
.hyde.media-placeholder{display:flex;align-items:center;justify-content:center;min-height:16rem;margin:1.5rem 0;border:1px dashed #94a3b8;border-radius:18px;background:linear-gradient(135deg,rgba(226,232,240,.7),rgba(248,250,252,.95));color:#334155;font-weight:700;text-align:center}
.hyde.media-placeholder.compact{min-height:10rem;margin:0 0 1rem}
.hyde.media-placeholder.hero{min-height:20rem;margin-top:0}
.hyde.project-detail img{border-radius:18px}
.hyde.posts .hyde.post .hyde.hyde.post-thumbnail-wrapper .hyde.post-thumbnail.placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(51,65,85,.95),rgba(37,99,235,.65));opacity:1}
.hyde.posts .hyde.post .hyde.hyde.post-thumbnail-wrapper .hyde.post-thumbnail.placeholder span{color:#fff;font-size:.95rem;font-weight:700;letter-spacing:.02em}
@media (prefers-color-scheme: dark){.hyde.jumbotron{background:linear-gradient(45deg,rgba(15,23,42,.9) 20%,rgba(29,78,216,.65) 100%)!important}.hyde.home-project-card{background-color:#172033!important;border-color:#334155!important}.hyde.home-project-copy h3,.hyde.home-project-copy p,.hyde.home-keyword,.hyde.media-placeholder{color:#f1f5f9!important}.hyde.home-keyword{background-color:#172033!important;border-color:#334155!important}.hyde.media-placeholder{background:linear-gradient(135deg,rgba(23,32,51,.95),rgba(51,65,85,.95))!important;border-color:#334155!important}}
.hyde.jumbotron.main h1{font-size:3.2rem;margin:6.5rem 0 0}
.hyde.jumbotron.main h2{margin:.9rem 0 1.5rem;word-break:keep-all}
.hyde.jumbotron .hyde.main-desc{font-size:1.1rem}
.hyde.home-shell{max-width:1080px;margin:0 auto;padding:48px 24px 72px}
.hyde.content.home.home-shell{margin:0 auto}
.hyde.home-section{margin:0 0 48px}
.hyde.home-copy{max-width:960px;margin:0 auto}
.hyde.home-copy p{margin:0 0 1rem;font-size:.95rem;line-height:1.65;color:#334155}
.hyde.intro-section{display:grid;grid-template-columns:1.5fr .8fr;gap:32px;align-items:center;margin-bottom:56px}
.hyde.intro-text{max-width:960px}
.hyde.profile-card{border:1px solid #e2e8f0;border-radius:14px;padding:24px;background:#f8fafc;text-align:center;box-shadow:0 18px 40px -34px rgba(15,23,42,.2)}
.hyde.profile-card strong{display:block;margin-bottom:.45rem;color:#0f172a;font-size:1.1rem}
.hyde.profile-card span{display:block;margin-bottom:.65rem;color:#334155;font-size:.9rem;line-height:1.5}
.hyde.profile-card p{margin:0;color:#64748b;font-size:.82rem;line-height:1.55}
.hyde.profile-image,.hyde.profile-image-placeholder{width:180px;height:180px;margin:0 auto 16px;border-radius:50%}
.hyde.profile-image{object-fit:cover}
.hyde.profile-image-placeholder{display:flex;align-items:center;justify-content:center;padding:1rem;border:1px dashed #94a3b8;background:#fff;color:#64748b;font-size:.85rem;text-align:center}
.hyde.home-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hyde.home-stack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hyde.home-info-card,.hyde.home-stack-card,.hyde.home-cta-card{border:1px solid #e2e8f0;border-radius:10px;padding:18px;background:#fff;box-shadow:0 18px 40px -34px rgba(15,23,42,.25)}
.hyde.home-info-card h3,.hyde.home-stack-card h3{font-size:1rem;font-weight:700;margin:0 0 8px;color:#0f172a}
.hyde.home-info-card p{font-size:.88rem;line-height:1.6;margin:0;color:#334155}
.hyde.home-stack-card{background:#f8fafc}
.hyde.home-stack-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.hyde.home-stack-card p{font-size:.86rem;line-height:1.55;margin:0;color:#334155}
.hyde.home-cta-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;background:#f8fafc}
.hyde.home-cta-card h2{margin:0 0 10px;font-size:1.35rem;color:#0f172a}
.hyde.home-cta-card p{margin:0;font-size:.95rem;line-height:1.65;color:#334155}
.hyde.footer-links,.hyde.footer-template{margin:0;text-transform:none !important;letter-spacing:0;text-align:right}
.hyde.footer-links{font-size:.82rem !important;display:flex;justify-content:flex-end;gap:.5rem;margin-bottom:.35rem}
.hyde.footer-template{font-size:.72rem !important}
@media (max-width:900px){.hyde.home-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:768px){.hyde.jumbotron.main h1{margin:5rem 0 0;font-size:2.7rem}.hyde.home-shell{padding:36px 20px 56px}.hyde.intro-section{grid-template-columns:1fr}.hyde.profile-card{max-width:320px;margin:0 auto}.hyde.home-stack-grid{grid-template-columns:1fr}.hyde.home-cta-card{flex-direction:column;align-items:flex-start}}
@media (max-width:640px){.hyde.home-capability-grid{grid-template-columns:1fr}.hyde.footer-links,.hyde.footer-template{text-align:left;justify-content:flex-start}}
