@font-face{font-family:Futura;src:url('/assets/futura-book.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:FuturaLight;src:url('/assets/futura-light.woff2') format('woff2');font-weight:300;font-display:swap}
:root{--nav:#112f3b;--blue:#388aaa;--violet:#6a40cb;--gold:#d5d56d;--ink:#f4f2eb;--contact:#392567;--font:Futura,'Century Gothic','Trebuchet MS',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--nav);font-family:var(--font);font-size:18px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{max-width:100%;display:block}button{cursor:pointer}.skip-link{position:fixed;z-index:100;top:-100px;left:16px;background:white;color:#111;padding:12px}.skip-link:focus{top:12px}.site-header{min-height:84px;display:flex;align-items:center;justify-content:space-between;padding:18px 30px;background:var(--nav);position:relative;z-index:20}.brand{font-size:34px;font-weight:bold;letter-spacing:-1px;color:#5da7bf;line-height:1.2}.main-nav{display:flex;align-items:center;gap:32px}.main-nav>a,.work-link{font-size:23px;color:#74afc2}.main-nav a:hover,.main-nav [aria-current=page]{color:var(--gold)}.work-nav{position:relative;display:flex;align-items:center;gap:7px}.work-toggle{border:0;background:none;color:#74afc2;padding:6px;font-size:14px}.work-menu{position:absolute;right:0;top:45px;min-width:310px;max-height:70vh;overflow:auto;background:var(--nav);padding:12px;box-shadow:0 14px 28px #0003;border-top:2px solid var(--gold)}.work-menu a{display:block;padding:9px 12px;font-size:15px;color:#e4edf0}.work-menu a:hover{background:#ffffff12}.menu-toggle{display:none;border:1px solid #74afc2;color:#d5e6ed;background:none;padding:5px 10px}.home{background:var(--violet)}.home-intro{height:80px;display:flex;align-items:center;justify-content:center;font-family:FuturaLight,var(--font);font-size:18px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.work-card{aspect-ratio:16/9;display:block;position:relative;overflow:hidden;background:#29243c}.work-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.work-card .card-title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:25px;text-align:center;background:#132b38d9;color:white;opacity:0;transition:opacity .2s;font-size:25px}.work-card:hover .card-title,.work-card:focus-visible .card-title{opacity:1}.work-card:hover img{transform:scale(1.025)}.home-contact{max-width:1420px;margin:auto;text-align:center;padding:105px 30px 100px;font-size:22px}.home-contact img{width:120px;height:120px;object-fit:contain;margin:0 auto 30px}.home-contact p{margin:0 0 22px}.email-link{text-decoration:underline;text-underline-offset:5px}.site-footer{background:var(--nav);padding:38px 5%;display:flex;gap:26px;justify-content:center;flex-wrap:wrap;color:#a6c8d3;font-size:16px}.site-footer a:hover{color:var(--gold)}.about{background:#368aaa;padding:140px max(5vw,25px) 90px}.about-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:260px 220px minmax(0,1fr);gap:55px 65px;align-items:start}.portrait{grid-row:span 3;width:260px;height:auto}.about h1,.about h2{font-size:25px;line-height:1.3;font-weight:600;margin:0}.about-copy{font-size:17px;line-height:1.5}.about-copy p:first-child{margin-top:0}.about-copy p{margin:0 0 26px}.about-copy ul{padding-left:24px;margin:0 0 32px}.about-copy li{margin:4px 0}.about-copy h3{font-size:18px;font-weight:400;margin:28px 0 4px}.about-copy .ko{font-family:var(--font),'Malgun Gothic',sans-serif;font-size:15px;line-height:1.7}.contact{background:var(--contact);text-align:center;min-height:calc(100vh - 185px);padding:110px 24px 90px}.contact-logo{width:140px;height:140px;object-fit:contain;margin:0 auto 22px}.contact h1{font-size:60px;font-weight:400;letter-spacing:2px;line-height:1.1;color:#86c1d6;margin:0 0 12px}.contact-email{color:#bddae3;font-size:19px}.contact-form{width:min(100%,460px);margin:30px auto 0;text-align:left}.contact-form label{display:block;font-size:14px;margin:14px 0 5px}.contact-form input,.contact-form textarea{width:100%;background:white;color:#222;border:1px solid #fff;padding:11px 14px;border-radius:0}.contact-form textarea{min-height:145px;resize:vertical}.contact-form button{display:block;margin:18px auto 12px;background:#0d1012;color:white;border:0;padding:14px 28px;min-width:170px}.form-note{text-align:center;color:#c5bada;font-size:13px;margin:14px 0}.form-status{font-size:14px;color:var(--gold);text-align:center}.reel{background:#343434;padding:65px max(5vw,20px) 90px}.reel-item{max-width:1280px;margin:0 auto 85px}.reel-item h1,.reel-item h2{text-align:center;font-size:64px;font-weight:400;line-height:1;margin:18px 0 45px;color:#e1e1de}.video-frame{aspect-ratio:16/9;background:#181818;position:relative}.video-frame iframe{width:100%;height:100%;border:0;display:block}.video-link{display:block;text-align:right;font-size:13px;margin-top:9px;color:#c5d4dc;text-decoration:underline;text-underline-offset:3px}.project{background:#343434;min-height:70vh;padding:70px max(5vw,24px) 80px}.project-inner{max-width:1280px;margin:auto}.project-heading{font-size:clamp(28px,4vw,48px);font-weight:400;text-align:center;margin:0 0 40px;line-height:1.2}.project-description{font-size:18px;max-width:1000px;margin:0 auto 44px;line-height:1.7;white-space:pre-line}.project-media{margin:0 auto 36px}.project-media img{width:100%;height:auto;margin:auto}.project-media.image-small img{max-width:900px}.project-navigation{display:flex;justify-content:space-between;gap:24px;margin:65px 0 0;padding-top:26px;border-top:1px solid #ffffff30;font-size:16px}.project-navigation a{max-width:44%;color:#b6d9e5}.project-navigation a:last-child{text-align:right}.project-navigation a:hover{color:var(--gold)}.archive{max-width:1280px;margin:0 auto;padding:50px 30px;background:var(--violet)}.archive h2{font-size:25px;font-weight:400}.archive-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 25px;font-size:17px}.archive-list a:hover{text-decoration:underline}.empty-message{color:#d7d7d7;text-align:center;padding:40px}.not-found{text-align:center;padding:120px 24px;background:var(--contact)}
@media(min-width:1800px){.site-header{padding-left:4vw;padding-right:4vw}}
@media(max-width:1050px){.about{padding-top:80px}.about-grid{grid-template-columns:210px 160px minmax(0,1fr);gap:40px 30px}.portrait{width:210px}.main-nav{gap:22px}.main-nav>a,.work-link{font-size:20px}}
@media(max-width:760px){.site-header{min-height:76px;padding:20px}.brand{font-size:29px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--nav);padding:20px 25px 25px;flex-wrap:wrap;gap:24px}.main-nav.is-open{display:flex}.work-menu{left:0;right:auto;max-width:calc(100vw - 50px)}.work-grid{grid-template-columns:1fr}.home-intro{height:68px;font-size:17px}.work-card .card-title{inset:auto 0 0;opacity:1;justify-content:flex-start;text-align:left;font-size:16px;padding:30px 18px 13px;background:linear-gradient(transparent,#0c1a28b3)}.home-contact{padding:65px 25px;font-size:20px}.about{padding:55px 25px}.about-grid{grid-template-columns:1fr;gap:24px}.portrait{grid-row:auto;width:220px;margin-bottom:15px}.about-grid h2{margin-top:25px}.about-copy{font-size:17px}.contact{padding:65px 24px}.contact h1{font-size:44px}.contact-logo{width:115px;height:115px}.reel{padding:35px 18px}.reel-item{margin-bottom:55px}.reel-item h1,.reel-item h2{font-size:44px;margin-bottom:28px}.project{padding:45px 18px}.project-description{font-size:16px}.project-navigation{font-size:14px}.archive-list{grid-template-columns:1fr 1fr}.site-footer{padding:30px 22px;gap:14px 24px;font-size:15px}.site-footer .footer-email{flex-basis:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}


.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.language-switch{display:flex;align-items:center;gap:9px;order:1;font-size:15px;color:#9bbdc9;border-left:1px solid #ffffff30;padding-left:20px}.language-switch a[aria-current=true]{color:var(--gold)}html[lang=ko] body{font-family:Futura,"Malgun Gothic","Apple SD Gothic Neo",sans-serif}html[lang=ko] .about-copy{line-height:1.8}html[lang=ko] .main-nav>a,html[lang=ko] .work-link{font-size:20px}.project-section-title{font-size:26px;font-weight:400;margin:64px auto 30px;max-width:1000px}.project-gallery:has(>figure:only-child){grid-template-columns:1fr}@media(max-width:760px){.language-switch{padding-left:0;border:0;width:100%;font-size:15px}.project-heading{font-size:28px}.contact h1{font-size:42px}}
html[lang=ko] p{word-break:keep-all;overflow-wrap:break-word}@media(max-width:760px){html[lang=ko] .project-description{text-align:left}}

.contact-invitation .email-link{white-space:nowrap}.contact-form button:disabled{opacity:.6;cursor:wait}.contact-form[aria-busy=true]{cursor:wait}@media(min-width:1100px){.contact-invitation>span{display:block;white-space:nowrap}}
