:root{--paper:#f4efe6;--ink:#35281f;--muted:#746452;--accent:#a3432d;--line:#d8ccbd;--hero-shift:0px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Outfit,Noto Sans KR,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%}h1,h2,h3,p{margin:0}.portfolio-site{overflow:clip;line-height:1.7;font-size:16px}.portfolio-site h1,.portfolio-site h2,.portfolio-site h3{font-weight:400;letter-spacing:-.045em;line-height:1.35}.portfolio-site a:focus-visible,.portfolio-site button:focus-visible{outline:3px solid var(--accent);outline-offset:7px}.portfolio-site main:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;background:var(--ink);color:var(--paper);padding:14px 22px;z-index:1000}.skip-link:focus{top:15px}.eyebrow{font:11px/1.5 Arial,sans-serif;letter-spacing:1.5px;color:var(--muted)}.site-header{height:94px;padding:0 3.1%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;background:var(--paper)}.site-header.on-hero{position:absolute;top:0;left:0;width:100%;background:transparent;color:var(--ink)}.wordmark{font-size:17px;letter-spacing:-.7px;display:flex;gap:4px;align-items:center}.site-header nav{display:flex;gap:42px;font-size:15px}.site-header nav a{position:relative;padding:14px 0}.site-header nav a:after{content:"";position:absolute;width:5px;height:5px;background:currentColor;border-radius:50%;bottom:2px;left:50%;transform:scale(0);transition:transform .2s}.site-header nav a:hover:after,.site-header nav a.active:after{transform:scale(1)}.menu-button{position:fixed;right:3%;top:28px;width:78px;height:78px;background:var(--ink);border:0;border-radius:50%;z-index:30;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;transform:scale(0);transition:transform .35s}.menu-button span{width:24px;height:1px;background:var(--paper)}.menu-button:hover{background:var(--accent)}html[data-scrolled=true] .menu-button{transform:scale(1)}.navigation-dialog{position:fixed;inset:0 0 0 auto;margin:0;border:0;width:min(650px,100%);max-width:100%;height:100dvh;max-height:100dvh;background:var(--ink);color:var(--paper);padding:0;overflow:auto}.navigation-dialog::backdrop{background:#0007;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.navigation-panel{min-height:100%;display:flex;flex-direction:column;padding:110px 80px 50px}.menu-close{position:absolute;right:40px;top:30px;width:70px;height:70px;border:0;border-radius:50%;background:var(--accent);color:var(--paper);font-size:40px;font-weight:200}.navigation-panel>.eyebrow{color:#c5af9a;border-bottom:1px solid #ffffff30;padding-bottom:25px}.navigation-panel nav{display:flex;flex-direction:column;gap:8px;padding:35px 0;flex:1}.navigation-panel nav a{font-size:clamp(36px,4vw,58px);letter-spacing:-2px}.navigation-panel nav a:hover,.navigation-panel nav a.active{color:#e9b397}.menu-contact{border-top:1px solid #ffffff30;padding-top:25px;display:grid;gap:12px;font-size:14px}.menu-contact>span{font-size:10px;color:#c5af9a;letter-spacing:1px}.editorial-hero{position:relative;height:108svh;min-height:780px;max-height:1400px;background:var(--paper);color:var(--ink);overflow:hidden;isolation:isolate}.hero-photo{position:absolute;top:12%;left:32%;width:65%;height:64%;object-fit:cover;object-position:50% 40%;transform:translateY(var(--hero-shift));z-index:-1;border-radius:3px}.location-pill{position:absolute;top:56%;left:7%;padding:0;display:flex;gap:25px;align-items:center;font-size:10px;letter-spacing:1px;line-height:1.8;color:var(--muted)}.location-pill>span:last-child{font-size:42px;color:var(--accent)}.hero-role{position:absolute;left:7%;top:23%;max-width:25%;font:clamp(30px,3.3vw,54px)/1.25 Georgia,serif;letter-spacing:-1.5px;color:var(--ink)}.hero-role small{display:block;font:11px/1.8 Noto Sans KR,sans-serif;letter-spacing:0;margin-top:24px;color:var(--muted)}.role-arrow{display:block;font-size:34px;line-height:1;margin-bottom:30px}.hero-marquee{position:absolute;top:72%;left:0;width:100%;overflow:hidden}.marquee-track{display:flex;width:max-content;animation:marquee 30s linear infinite;will-change:transform}.marquee-track>span{font-family:Georgia,serif;font-style:italic;font-size:clamp(150px,18.3vw,340px);letter-spacing:-.065em;line-height:1.1;font-weight:400;white-space:nowrap;padding-right:.12em}.hero-marquee.is-paused .marquee-track{animation-play-state:paused}.hero-foot{position:absolute;bottom:33px;left:3.1%;right:3.1%;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.5px}.hero-foot button{background:var(--paper);color:var(--paper);border:1px solid #ffffff55;border-radius:25px;font-size:10px;padding:8px 14px;min-height:32px}.hero-foot a{padding:8px 0}.editorial-intro{max-width:1200px;margin:auto;padding:150px 45px 110px;display:grid;grid-template-columns:1.8fr 1fr;gap:100px;align-items:start}.editorial-intro h2{font-size:clamp(30px,3vw,46px);line-height:1.65;letter-spacing:-1.9px}.intro-aside>p{font-size:15px;line-height:2;margin:8px 0 30px}.circle-link{display:flex;align-items:center;justify-content:center;gap:8px;width:170px;height:170px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:14px;position:relative;overflow:hidden;transition:background .3s,transform .4s;transform:translate(var(--mag-x,0),var(--mag-y,0))}.circle-link:hover{background:var(--accent)}.circle-link span{font-size:18px}.intro-aside .circle-link{margin-left:10px}.selected-work{padding:0 max(9%,calc((100vw - 1240px)/2)) 110px}.selected-work>.eyebrow{padding:0 8%;margin-bottom:32px}.work-row{border-top:1px solid var(--line)}.work-row:last-child{border-bottom:1px solid var(--line)}.work-row>a{display:grid;grid-template-columns:45px 1fr auto 25px;align-items:center;gap:20px;min-height:170px;padding:25px 6%;transition:padding .4s,color .4s}.work-row-number{font-size:10px;color:var(--muted)}.work-row h3{font-family:Georgia,serif;font-size:clamp(35px,4.8vw,72px);letter-spacing:-2px}.work-row-discipline{font-size:12px}.row-arrow{font-size:24px}.work-row:hover>a{padding-left:8%;padding-right:4%;color:#967a61}.touch-preview{display:none}.work-hover-preview{position:fixed;left:50%;top:50%;width:360px;height:280px;pointer-events:none;z-index:20;opacity:0;transform:translate(-50%,-50%) scale(.7);transition:opacity .2s,transform .35s;background:#ded0bd;padding:25px}.work-hover-preview.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.preview-window{width:100%;height:100%;overflow:hidden}.preview-gallery{height:100%;transition:transform .5s cubic-bezier(.7,0,.2,1)}.preview-slide{height:100%;width:100%;padding:0}.preview-slide img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.work-hover-preview>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:var(--accent);color:var(--paper);border-radius:50%;width:90px;height:90px;font-size:12px}.more-work{display:flex;width:210px;min-height:75px;border:1px solid var(--line);border-radius:80px;justify-content:center;align-items:center;gap:10px;font-size:14px;margin:60px auto 0;transition:background .3s,color .3s}.more-work:hover{background:var(--ink);color:var(--paper)}.more-work sup{font-size:10px;color:var(--muted);align-self:center;margin-top:-12px}.section{padding:110px max(8%,calc((100vw - 1240px)/2))}.section h2{font-size:clamp(30px,3.6vw,53px)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:55px}.section-heading .eyebrow{margin-bottom:25px}.small-count{font:12px Arial;letter-spacing:0;vertical-align:super;margin-left:15px}.text-link{border-bottom:1px solid var(--line);padding-bottom:10px;font-size:13px;display:inline-flex;gap:25px;white-space:nowrap}.work-controls{display:flex;justify-content:space-between;gap:25px;margin-bottom:55px}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters button,.layout-toggle{border:1px solid var(--line);background:transparent;border-radius:30px;padding:12px 22px;font-size:13px}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.layout-toggle{white-space:nowrap}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 35px}.project-media{height:350px;display:flex;justify-content:center;align-items:center;padding:40px;background:#e4d4c3;position:relative;overflow:hidden}.project-media img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s}.tone-1 .project-media{background:#dfc9b5}.tone-2 .project-media{background:#d4d6bd}.tone-2 img{object-fit:contain}.tone-3 .project-media{background:#d6c8b9}.project-link:hover img{transform:scale(1.035)}.view-project{position:absolute;left:50%;top:50%;width:110px;height:110px;transform:translate(-50%,-45%);background:var(--accent);color:var(--paper);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;font-size:11px;transition:opacity .25s,transform .25s}.project-link:hover .view-project,.project-link:focus-visible .view-project{opacity:1;transform:translate(-50%,-50%)}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:23px}.project-caption h3{font-size:26px}.project-caption>span{font-size:25px}.project-meta{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:15px;padding-top:12px;font-size:11px;color:var(--muted)}.project-list{grid-template-columns:1fr}.project-list .project-link{display:grid;grid-template-columns:230px 1fr;column-gap:40px}.project-list .project-media{height:160px;grid-row:span 2;padding:20px}.project-list .project-meta{align-self:start}.project-list .project-caption h3{font-size:35px}.detail>.eyebrow{margin:55px 0 25px}.detail h1,.not-found h1{font-size:clamp(40px,5.5vw,80px)}.detail-meta{display:flex;flex-wrap:wrap;gap:30px;font-size:12px;color:var(--muted);margin:35px 0}.detail-image{padding:50px;background:#e4d4c3;max-height:700px;overflow:hidden}.detail-image img{display:block;width:100%}.detail-story{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;padding-top:45px;margin-top:65px;border-top:1px solid var(--line)}.detail-story h2{font-size:30px}.detail-story p{line-height:2;font-size:16px}.muted{color:var(--muted)}.pill-link{display:inline-flex;gap:30px;align-items:center;border:1px solid var(--line);border-radius:35px;padding:16px 25px;font-size:13px;margin-top:25px}.pill-link:hover{background:var(--ink);color:var(--paper)}.tags{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.tags span{border:1px solid var(--line);border-radius:30px;padding:10px 18px;font-size:12px}.detail-gallery{display:flex;gap:25px;overflow:auto;margin-top:60px;padding-bottom:15px}.detail-gallery img{height:430px;width:auto;max-width:100%;object-fit:contain}.next-project{display:block;border-top:1px solid var(--line);margin-top:80px;padding-top:40px}.next-project>span{font-size:11px;color:var(--muted)}.next-project h2{margin-top:15px}.not-found{min-height:75vh}.not-found>.eyebrow{margin-bottom:35px}.about>.eyebrow{margin-bottom:50px}.about-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:80px}.about-intro h2{font-size:clamp(40px,4.6vw,68px);line-height:1.5}.about-intro p{font-size:15px;line-height:2.1;margin:10px 0 25px}.about-intro h2 span{color:#9b674a}.round-link{display:inline-flex;gap:30px;border-bottom:1px solid var(--line);padding:10px 0;font-size:13px}.approach-points{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--line);margin-top:90px;padding-top:30px}.approach-points article>span{font-size:10px;color:var(--muted);letter-spacing:1px}.approach-points h3{font-size:22px;margin:20px 0 15px}.approach-points p{font-size:13px;line-height:2;color:var(--muted)}.about>.experience{padding:100px 0 60px}.experience-layout{display:grid;grid-template-columns:1fr 2fr;gap:70px}.experience-note{font-size:14px;line-height:2;color:var(--muted)}.career-row{padding:25px 0;border-top:1px solid var(--line)}.career-row>span{font-size:10px;color:var(--muted);letter-spacing:.5px}.career-row h3{font-size:24px;margin:12px 0}.career-row p{font-size:14px;line-height:2;color:var(--muted)}.skills{border-top:1px solid var(--line);margin-top:50px;padding-top:25px}.skills>span{font-size:11px;color:var(--muted)}.skills p{font-size:23px;line-height:2;margin-top:20px}.skills i{font-style:normal;color:#bbb;margin:0 7px}.build-process>.eyebrow{margin-bottom:25px}.build-process>h2{margin-bottom:40px}.contact{background:var(--ink);color:var(--paper);padding:120px max(13%,calc((100vw - 1060px)/2)) 80px;border-radius:0;position:relative}.contact:before{content:"";position:absolute;left:-5%;top:calc(-1 * var(--curve-height,28px));width:110%;height:calc(var(--curve-height,28px) + 2px);background:var(--ink);border-radius:50% 50% 0 0}.contact-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.contact-heading h1,.contact-heading h2{font-size:clamp(42px,5.8vw,86px);line-height:1.4;letter-spacing:-4px}.contact-line{display:inline-flex;align-items:center;gap:25px}.contact-line img{width:80px;height:80px;border-radius:50%;object-fit:cover;object-position:50% 15%}.contact-arrow{font-size:35px;align-self:flex-start;margin-top:25px}.contact-divider{height:1px;background:#ffffff35;position:relative;margin:80px 0 65px}.contact-orb{position:absolute;right:25px;top:0;transform:translate(var(--mag-x,0),calc(-50% + var(--mag-y,0)));background:var(--accent);width:180px;height:180px}.contact-orb:hover{background:#7c301e}.contact-bottom{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.outline-pill{border:1px solid #ffffff45;border-radius:50px;color:var(--paper);background:transparent;display:inline-flex;padding:22px 30px;font-size:14px;min-height:64px}.outline-pill:hover{background:#ffffff12}.copy-status{flex-basis:100%;font-size:12px;min-height:21px;color:#ccc}.contact-page{min-height:78vh;padding-top:80px}.contact-page:before{display:none}.site-footer{background:var(--ink);color:var(--paper);padding:35px 3.1%;display:flex;gap:45px;align-items:flex-end;font-size:12px}.site-footer>div>span{font-size:9px;color:#c5af9a;letter-spacing:1px}.site-footer p{margin-top:10px}.site-footer>a{margin-left:auto;padding:8px 0;font-size:11px}@keyframes marquee{0%{transform:translate(-15%)}to{transform:translate(-48.333333%)}}@media(min-width:1700px){.editorial-intro{max-width:1450px;padding-top:180px;padding-bottom:150px}.editorial-hero{min-height:1000px}.project-media{height:420px}}@media(max-width:1100px){.hero-role{left:70%;font-size:26px}.location-pill{padding-left:25px;font-size:13px;gap:20px}.globe{width:60px;height:60px;font-size:52px}.editorial-intro{padding:100px 8%;gap:50px}.editorial-intro h2{font-size:32px}.intro-aside>p{font-size:13px}.circle-link{width:145px;height:145px}.selected-work{padding-left:6%;padding-right:6%}.work-row>a{min-height:150px;gap:12px}.work-row-discipline{font-size:10px}.section{padding:85px 6%}.project-media{height:300px;padding:25px}.about-intro{gap:40px}.contact{padding:100px 8% 65px}.contact-heading h1,.contact-heading h2{font-size:60px}.contact-orb{width:155px;height:155px}.contact-line img{width:65px;height:65px}.contact-divider{margin-top:75px}.outline-pill{font-size:12px;padding:18px 24px}.approach-points{gap:25px}.approach-points h3{font-size:19px}}@media(max-width:767px){.site-header{height:88px;padding:0 6%}.site-header nav{display:none}.wordmark{font-size:15px}.menu-button,html[data-scrolled=true] .menu-button{transform:scale(1);width:55px;height:55px;right:5%;top:17px}.on-hero~.menu-button{background:var(--ink)}.menu-button span{width:20px}.navigation-panel{padding:100px 35px 35px}.menu-close{width:55px;height:55px;right:5%;top:17px;font-size:32px}.navigation-panel nav a{font-size:43px}.editorial-hero{height:100svh;min-height:720px;max-height:1000px}.hero-photo{object-position:50% 25%;transform:translateY(var(--hero-shift)) scale(1.04)}.location-pill{top:34%;padding:12px 12px 12px 20px;gap:15px;font-size:11px}.globe{width:44px;height:44px;font-size:40px}.hero-role{left:59%;width:37%;white-space:normal;top:24%;font-size:18px;letter-spacing:-.7px}.role-arrow{margin-bottom:30px;font-size:25px}.hero-marquee{top:66%}.marquee-track>span{font-size:29vw;letter-spacing:-.055em}.hero-foot{left:6%;right:6%;bottom:25px;font-size:9px}.editorial-intro{padding:80px 7% 70px;grid-template-columns:1fr;gap:30px}.editorial-intro h2{font-size:31px;letter-spacing:-1.5px;line-height:1.65}.intro-aside{display:flex;align-items:center;justify-content:space-between;gap:20px}.intro-aside>p{font-size:12px;margin:0}.intro-aside .circle-link{flex-shrink:0;margin:0;width:115px;height:115px;font-size:11px}.selected-work{padding:0 7% 80px}.selected-work>.eyebrow{padding:0;margin-bottom:25px}.work-row>a{grid-template-columns:1fr 25px;padding:24px 0;gap:6px;min-height:120px}.work-row-number{display:none}.work-row h3{font-size:37px;letter-spacing:-1.5px}.work-row-discipline{grid-column:1;grid-row:2;font-size:10px}.row-arrow{grid-column:2;grid-row:1/3}.work-row:hover>a{padding-left:0;padding-right:0}.work-hover-preview{display:none}.more-work{width:180px;min-height:65px;margin-top:35px;font-size:12px}.section{padding:65px 7%}.section-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:35px}.section h2{font-size:32px;letter-spacing:-1.4px}.section-heading .eyebrow{margin-bottom:22px}.small-count{font-size:10px}.work-controls{flex-direction:column;gap:18px;margin-bottom:35px}.filters{gap:7px}.filters button,.layout-toggle{font-size:11px;padding:10px 16px;min-height:40px}.layout-toggle{align-self:flex-end}.project-grid{grid-template-columns:1fr;gap:40px}.project-media{height:285px;padding:25px}.project-caption h3{font-size:24px}.project-meta{font-size:10px}.project-list .project-link{grid-template-columns:100px 1fr;column-gap:15px}.project-list .project-media{height:120px;padding:10px}.project-list .project-caption{margin-top:0}.project-list .project-caption h3{font-size:19px}.project-list .project-meta{font-size:9px;flex-wrap:wrap;gap:5px;margin-top:5px}.detail h1,.not-found h1{font-size:38px}.detail-image{padding:18px;max-height:440px}.detail-meta{gap:15px;font-size:10px}.detail-story{grid-template-columns:1fr;gap:25px;margin-top:40px;padding-top:30px}.detail-story h2{font-size:26px}.detail-story p{font-size:13px}.tags span{font-size:11px}.detail-gallery img{height:320px}.next-project h2{font-size:28px}.about>.eyebrow{margin-bottom:30px}.about-intro{grid-template-columns:1fr;gap:25px}.about-intro h2{font-size:40px;line-height:1.5}.about-intro p{font-size:13px}.approach-points{grid-template-columns:1fr;margin-top:40px;gap:30px}.approach-points h3{font-size:21px;margin:12px 0}.approach-points p{font-size:13px}.about>.experience{padding:65px 0 40px}.experience-layout{grid-template-columns:1fr;gap:30px}.career-row h3{font-size:23px}.career-row p{font-size:13px}.skills p{font-size:19px}.contact{padding:75px 7% 40px}.contact:before{top:-15px;height:30px}.contact-heading h1,.contact-heading h2{font-size:37px;letter-spacing:-2px;line-height:1.55}.contact-line{gap:12px}.contact-line img{width:42px;height:42px}.contact-arrow{font-size:24px;margin-top:5px}.contact-divider{margin:85px 0 80px}.contact-orb{right:0;width:130px;height:130px;font-size:11px}.contact-bottom{gap:10px}.outline-pill{font-size:11px;padding:16px 22px;min-height:54px}.copy-status{font-size:11px}.site-footer{padding:25px 7%;gap:25px;flex-wrap:wrap;font-size:10px}.site-footer>div>span{font-size:8px}.site-footer>a{font-size:10px}.contact-page{padding-top:65px;min-height:72vh}}@media(max-width:400px){.hero-role{left:59%;font-size:17px}.location-pill{font-size:10px;padding-left:17px;gap:12px}.editorial-intro h2{font-size:28px}.intro-aside{gap:12px}.intro-aside>p{font-size:11px}.intro-aside .circle-link{width:100px;height:100px}.contact-heading h1,.contact-heading h2{font-size:32px}.contact-line{gap:9px}.contact-line img{width:37px;height:37px}}@media(hover:none){.work-hover-preview{display:none}.touch-preview{display:block;grid-column:1/-1;width:100%;height:200px;object-fit:cover;object-position:top;margin-top:18px;background:#eee}.work-row>a{padding-bottom:25px}.project-link .view-project{opacity:1;width:85px;height:85px;left:auto;right:10px;top:auto;bottom:10px;transform:none;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portfolio-site *,dialog *{animation:none!important;transition:none!important}.hero-photo{transform:none}.marquee-track{transform:translate(-10%)}.hero-foot button{display:none}.circle-link{transform:none}.contact-orb{transform:translateY(-50%)}}.brand-name{font:italic 34px/1 Georgia,serif;letter-spacing:-2px}.brand-by{font:8px/1.5 Arial,sans-serif;letter-spacing:1.8px;border-left:1px solid currentColor;padding-left:12px;margin-left:10px;max-width:85px}.contact>.eyebrow{color:#d9bca6;margin-bottom:30px}.hero-foot button{background:transparent;color:var(--ink);border-color:var(--line)}.navigation-dialog{transform:translate(110%);border-radius:40% 0 0 40%;transition:transform .8s cubic-bezier(.7,0,.2,1),border-radius .8s cubic-bezier(.7,0,.2,1),overlay .8s allow-discrete,display .8s allow-discrete}.navigation-dialog[open]{transform:translate(0);border-radius:0}.navigation-dialog::backdrop{transition:opacity .8s;opacity:0}.navigation-dialog[open]::backdrop{opacity:1}.navigation-dialog[open] .navigation-panel nav a{animation:nav-enter .8s cubic-bezier(.7,0,.2,1) both;animation-delay:calc(.1s + var(--nav-index,0) * 45ms)}.navigation-panel nav a:nth-child(2){--nav-index:1}.navigation-panel nav a:nth-child(3){--nav-index:2}.navigation-panel nav a:nth-child(4){--nav-index:3}.route-curtain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:var(--ink);color:var(--paper);transform:translateY(-110%);pointer-events:none;border-radius:0 0 35% 35%}.route-curtain span{font:italic clamp(35px,5vw,75px) Georgia,serif}.route-curtain.is-active{animation:curtain .95s cubic-bezier(.7,0,.2,1) both}.in-view{animation:content-enter .8s cubic-bezier(.22,1,.36,1) both}.work-hover-preview{transition:opacity .25s,transform .5s cubic-bezier(.34,1.2,.64,1)}@starting-style{.navigation-dialog[open]{transform:translate(110%);border-radius:40% 0 0 40%}.navigation-dialog[open]::backdrop{opacity:0}}@keyframes nav-enter{0%{opacity:0;transform:translate(65px) rotate(3deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes content-enter{0%{opacity:0;transform:translateY(42px)}to{opacity:1;transform:translateY(0)}}@keyframes curtain{0%{transform:translateY(110%);border-radius:35% 35% 0 0}40%{transform:translateY(0);border-radius:0}65%{transform:translateY(0);border-radius:0}to{transform:translateY(-110%);border-radius:0 0 35% 35%}}@media(max-width:1100px){.hero-role{left:7%;top:23%;max-width:25%;font-size:38px}.location-pill{padding:0;font-size:9px;gap:12px;left:7%}}@media(max-width:767px){.brand-name{font-size:29px}.brand-by{font-size:7px;margin-left:7px;padding-left:9px;max-width:75px}.editorial-hero{min-height:720px;height:100svh}.hero-photo{left:7%;top:28%;width:86%;height:44%;object-position:50% 35%;transform:translateY(var(--hero-shift))}.hero-role{left:7%;top:13%;width:86%;max-width:none;font-size:28px;white-space:normal}.hero-role small{font-size:10px;margin-top:9px}.role-arrow,.location-pill{display:none}.hero-marquee{top:72%}.marquee-track>span{font-size:29vw}.hero-foot{bottom:22px}.on-hero~.menu-button{background:var(--accent)}.contact:before{top:calc(-1 * var(--curve-height,15px));height:calc(var(--curve-height,15px) + 2px)}}@media(prefers-reduced-motion:reduce){.route-curtain{display:none}.in-view{animation:none}.navigation-dialog,.navigation-dialog *{transition:none!important;animation:none!important}.hero-photo{transform:none}.contact:before{height:2px;top:0}.marquee-track{transform:translate(-10%)}}.editorial-hero{--marquee-size:clamp(150px,18.3vw,340px);--hero-stage-height:clamp(500px,78svh,950px);height:calc(var(--hero-stage-height) + var(--marquee-size) * 1.4 + 100px);min-height:0;max-height:none}.hero-photo{top:110px;height:calc(var(--hero-stage-height) - 110px)}.hero-role{top:calc(var(--hero-stage-height) * .3)}.location-pill{top:calc(var(--hero-stage-height) * .76)}.hero-marquee{top:var(--hero-stage-height);font-size:var(--marquee-size);padding:.05em 0 .15em}.marquee-track>span{font-size:var(--marquee-size);line-height:1.2}.hero-foot{bottom:25px;min-height:40px;z-index:2}.hero-foot button{background:var(--paper);border:1px solid var(--muted);font-size:11px;min-height:40px;padding:10px 18px}.contact-heading h1,.contact-heading h2{font-family:Georgia,serif;font-size:clamp(36px,5.4vw,80px);letter-spacing:-.04em}.contact-line{display:inline}@media(max-width:767px){.editorial-hero{--marquee-size:29vw;--hero-stage-height:clamp(440px,64svh,680px);min-height:0;height:calc(var(--hero-stage-height) + var(--marquee-size) * 1.4 + 100px)}.hero-photo{top:185px;height:calc(var(--hero-stage-height) - 185px)}.hero-role{top:100px}.hero-role p{font-size:26px;line-height:1.15}.hero-role small{margin-top:5px}.hero-marquee{top:var(--hero-stage-height)}.marquee-track>span{font-size:var(--marquee-size)}.hero-foot{bottom:23px}.contact-heading h1,.contact-heading h2{font-size:clamp(30px,7.3vw,50px);letter-spacing:-.04em}}.demo-page{height:100dvh;min-height:100dvh;width:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.demo-page--missing{align-items:center;justify-content:center;gap:16px;overflow:auto}.demo-page-msg{color:var(--text-2)}.demo-page-bar{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:50}.demo-page-title{flex:1;min-width:140px;font-weight:600;font-size:15px;color:var(--text)}.demo-page-bar-actions{display:flex;flex-wrap:wrap;gap:8px}.demo-page-frame{flex:1 1 auto;width:100%;min-height:0;height:100%;border:0;display:block;background:#fff}.design-demo-page{height:auto;min-height:100dvh;overflow-y:auto}.design-demo-body{max-width:1100px;margin:0 auto;padding:20px 20px 48px}.design-demo-note{color:var(--text-2);font-size:14px;margin-bottom:20px}.design-demo-hero-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--bg-alt)}.design-demo-hero-label{padding:10px 14px;font-size:13px;font-weight:600;color:var(--text-2);border-bottom:1px solid var(--line)}.design-demo-hero{display:block;width:100%;height:auto}.design-demo-thumbs{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 28px}.design-demo-thumb{display:flex;flex-direction:column;align-items:center;gap:6px;width:108px;min-height:44px;padding:0;border:2px solid transparent;border-radius:10px;background:var(--bg-alt);cursor:pointer;overflow:hidden;transition:border-color .2s var(--ease)}.design-demo-thumb:hover,.design-demo-thumb:focus-visible{border-color:var(--line-strong)}.design-demo-thumb.active{border-color:var(--accent)}.design-demo-thumb img{width:100%;height:64px;object-fit:cover;object-position:top;display:block}.design-demo-thumb span{font-size:11px;color:var(--text-2);padding:0 6px 8px;text-align:center;line-height:1.3}.design-demo-stack-title{font-size:1rem;margin-bottom:16px;color:var(--text)}.design-demo-figure{margin:0 0 24px}.design-demo-figure figcaption{font-size:13px;color:var(--text-2);margin-bottom:8px}.design-demo-figure img{display:block;width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--line)}.design-demo-meta{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.design-demo-meta p{color:var(--text-2);font-size:14px;margin-top:12px}:root{--bg:#f5f5f1;--bg-alt:#eaeae5;--surface:#fff;--text:#20211f;--text-2:#656660;--radius:10px;--line-strong:#76628d;--ease:ease}.demo-page,.design-demo-page{font-family:Noto Sans KR,sans-serif;font-size:14px}.demo-page a,.design-demo-page a{color:inherit;text-decoration:none}.demo-page .btn,.design-demo-page .btn{display:inline-flex;border:1px solid #d6d6cf;padding:9px 14px;border-radius:30px;font-size:12px}.demo-page a:focus-visible,.design-demo-page a:focus-visible{outline:3px solid #6546a8;outline-offset:3px}.port-tags{display:flex;flex-wrap:wrap;gap:10px}.port-tags span{padding:6px 12px;background:#eae6f1;border-radius:20px;font-size:11px}