:root{--color-primary:#0003c4;--color-banner-title:#ff2660;--color-site-title:#3f3f3f;--color-body:#4a4a4a;--color-bg:#fff;--color-heading:#000;--color-hero-text:#fff;--color-hero-accent:#ff6b7e;--color-typed:#37c9df;--color-hero-area-bg:#fff0ea;--color-hero-overlay:#404352;--hero-overlay-opacity:.7;--font-body:"Nunito", "Noto Sans KR", sans-serif;--font-heading:"Karla", "Noto Sans KR", sans-serif;--size-body:18px;--size-site-title:25px;--size-site-desc:18px;--size-hero:50px;--size-single-title:80px;--size-index-title:30px;--size-menu:12px;--line-height-body:1.8;--line-height-heading:1.2;--weight-body:400;--weight-heading:600;--letter-spacing-heading:1px;--hero-inset:45px;--header-padding:30px;--header-padding-mobile:15px;--hero-padding-y:200px;--hero-padding-y-mobile:50px;--content-max:1170px;--grid-gap:45px;--entry-gap:60px;--transition:.3s;--transition-header:.4s}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/nunito-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/nunito-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/nunito-latin-700-normal.woff2)format("woff2")}@font-face{font-family:Karla;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/karla-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Karla;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/karla-latin-700-normal.woff2)format("woff2")}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-sans-kr-korean-400-normal-subset.woff2)format("woff2");unicode-range:U+11??,U+3130-318F,U+A960-A97F,U+AC00-D7A3,U+D7B0-D7FF}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/noto-sans-kr-korean-700-normal-subset.woff2)format("woff2");unicode-range:U+11??,U+3130-318F,U+A960-A97F,U+AC00-D7A3,U+D7B0-D7FF}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);font-size:var(--size-body);font-weight:var(--weight-body);line-height:var(--line-height-body);color:var(--color-body);background-color:var(--color-bg);word-wrap:break-word;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6,.site-title{font-family:var(--font-heading);font-weight:var(--weight-heading);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);color:var(--color-heading);margin-top:20px;margin-bottom:20px}a{color:var(--color-primary);transition:color var(--transition)}a:hover,a:focus-visible{color:var(--color-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skip-link{z-index:100;background:var(--color-bg);color:var(--color-primary);padding:12px 20px;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.container{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 15px}.site-header{padding:var(--header-padding);background-color:var(--color-bg);z-index:99;transition:box-shadow var(--transition-header);justify-content:space-between;align-items:center;gap:20px;display:flex;position:sticky;top:0}.site-header[data-stuck=true]{box-shadow:0 0 15px #0000001a}.site-title{font-size:var(--size-site-title);margin:0}.site-title a{color:var(--color-site-title);text-decoration:none}.site-title a:hover{color:var(--color-site-title)}.main-navigation ul{align-items:center;margin:0;padding:0;list-style:none;display:flex}.main-navigation li{font-size:var(--size-menu);text-transform:uppercase;padding:20px 10px}.main-navigation li:last-of-type{padding-right:0}.main-navigation a{color:var(--color-body);text-decoration:none;display:block}.main-navigation a:hover,.main-navigation .current-menu-item>a{color:var(--color-primary)}.btn-menu{color:#000;cursor:pointer;background:0 0;border:0;padding:0;line-height:0;display:none}.site-content{margin-top:90px;margin-bottom:90px}.hero{margin:0 var(--hero-inset);background-color:var(--color-hero-area-bg);position:relative;overflow:hidden}.hero-media{width:100%;position:relative}.hero-media img{object-fit:cover;width:100%;display:block}.hero-media:after{content:"";background-color:var(--color-hero-overlay);opacity:var(--hero-overlay-opacity);position:absolute;inset:0}.hero-text{z-index:11;width:100%;padding-left:var(--hero-inset);text-align:left;position:absolute;top:50%;transform:translateY(-50%)}.hero-text h1{font-size:var(--size-hero);color:var(--color-hero-text);margin:0;line-height:1}.hero-accent{color:var(--color-hero-accent)}.typed-article{color:var(--color-hero-text);font-family:var(--font-heading)}.typed-element{color:var(--color-typed);font-family:Times New Roman,Times,serif;font-style:italic;position:relative}.typed-cursor{color:var(--color-typed);opacity:1;margin-left:15px;font-size:80%;font-weight:100;animation:.7s infinite typed-blink}@keyframes typed-blink{0%,to{opacity:1}50%{opacity:0}}.page-banner{text-align:center;padding:100px 0}.page-banner h1{color:var(--color-banner-title);font-size:var(--size-single-title);margin:0}.site-main{padding:60px 0}.entry-content>*+*{margin-top:1.2em}.masonry{columns:3;column-gap:var(--grid-gap)}.masonry>*{break-inside:avoid;margin-bottom:var(--entry-gap)}.reveal .work-card{opacity:0;transform:translateY(100%)}.reveal .work-card.is-visible{animation:1s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}.work-card{text-decoration:none;display:block}.work-card img{width:100%;display:block}.work-card h2{font-size:var(--size-index-title);color:var(--color-heading);margin:15px 0 0}.work-card:hover h2{color:var(--color-primary)}.gallery{columns:3;column-gap:30px;margin:40px 0}.gallery figure{break-inside:avoid;margin:0 0 30px}.gallery img{width:100%;display:block}.embed{aspect-ratio:16/9;margin:40px 0;position:relative}.embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.embed-facade{background-color:var(--color-hero-overlay);color:#fff;width:100%;height:100%;font-family:var(--font-heading);letter-spacing:var(--letter-spacing-heading);cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:0;font-size:14px;display:flex;position:absolute;inset:0}.embed-play svg{display:block}.embed-play-bg{fill:#212121;fill-opacity:.8;transition:fill-opacity var(--transition)}.embed-play-arrow{fill:#fff}.embed-facade:hover .embed-play-bg,.embed-facade:focus-visible .embed-play-bg{fill:var(--color-primary);fill-opacity:1}.embed-caption{text-transform:uppercase}.site-footer{color:var(--color-body);text-align:center;padding:40px 0}@media only screen and (width<=1199px){.masonry{columns:2}.hero-text h1,.page-banner h1{font-size:36px}}@media only screen and (width<=1024px){.site-content{margin-top:30px;margin-bottom:30px}}@media only screen and (width<=991px){.gallery{columns:2}body{font-size:16px}}@media only screen and (width<=767px){.hero-text h1,.page-banner h1{font-size:22px}.site-title{font-size:26px}.site-header{padding:var(--header-padding-mobile)}.btn-menu{display:block}.main-navigation{width:min(80vw,320px);transition:transform var(--transition-header);z-index:100;background-color:#202529;padding:80px 30px 30px;position:fixed;inset:0 0 0 auto;transform:translate(100%)}.main-navigation[data-open=true]{transform:translate(0)}.main-navigation ul{flex-direction:column;align-items:flex-start;gap:10px}.main-navigation a{color:#fff;font-size:14px}.hero{margin:0}.hero-text{padding-left:20px;padding-right:20px}.masonry,.gallery{columns:1}.site-main{padding:40px 0}}
