:root{--yellow:#d4ff00;--black:#0a0a0a;--white:#fafafa;--gray:#5a5a5a;--gutter:clamp(24px,5.2vw,100px);--header:76px;font-synthesis:none;color:var(--white);background:var(--black);font-family:Pretendard,Inter,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 20px)}body,h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border-radius:0}img{max-width:100%;height:auto;display:block}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}.site-header a:focus-visible{outline-color:var(--black)}::selection{background:var(--yellow);color:var(--black)}em{font-style:normal}a,button{touch-action:manipulation}.skip-link{background:var(--yellow);color:var(--black);z-index:100;padding:14px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.site-header{height:var(--header);z-index:50;padding:0 var(--gutter);background:var(--white);color:var(--black);border-bottom:1px solid var(--black);align-items:center;gap:38px;display:flex;position:fixed;inset:0 0 auto}.wordmark{letter-spacing:-1.8px;white-space:nowrap;font:900 30px/1 Inter,sans-serif}.wordmark span{vertical-align:top;letter-spacing:0;margin-left:3px;font-size:9px}.header-caption{font:600 9px/1.4 Inter,sans-serif}.site-header nav{align-items:center;gap:26px;margin-left:auto;font-size:12px;font-weight:600;display:flex}.site-header nav a{align-items:center;min-height:44px;display:flex}.site-header .nav-contact{background:var(--yellow);border:1px solid;gap:24px;padding:0 18px}.page-progress{pointer-events:none;background:0 0;height:3px;position:absolute;bottom:-3px;left:0;right:0}.page-progress span{background:var(--yellow);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.world{z-index:0;inset:var(--header) 0 0;pointer-events:none;background:var(--black);position:fixed;overflow:hidden}.world-poster,#world-canvas,.world-shade{width:100%;height:100%;position:absolute;inset:0}.world-poster{object-fit:cover}#world-canvas{opacity:0}.world.has-frame #world-canvas{opacity:1}.world-shade{opacity:var(--shade,1);background:linear-gradient(90deg,#0a0a0a59,#0000 70%),linear-gradient(#0a0a0a1f,#0000 30%,#0a0a0a24 55%,#0a0a0ac4)}.journey-nav{z-index:40;color:var(--white);background:#0a0a0acc;border:1px solid #fafafa40;flex-direction:column;gap:0;padding:9px 8px;display:flex;position:fixed;top:50%;right:16px;transform:translateY(-45%)}.journey-nav a{color:#ddd;align-items:center;gap:10px;min-height:42px;font-size:9px;display:flex}.journey-nav a>span:first-child{opacity:.55;font:500 9px/1 Inter,sans-serif}.journey-nav a[aria-current]{color:var(--yellow)}.journey-nav a[aria-current]>span:first-child{opacity:1}.journey-percent{color:var(--yellow);text-align:center;border-top:1px solid #777;padding:13px 0 5px;font:500 9px/1 Inter,sans-serif}#story{z-index:2;position:relative}.chapter{min-height:110svh;padding:15svh var(--gutter);padding-right:calc(var(--gutter) + 60px);position:relative}.chapter h2{letter-spacing:-.065em;word-break:keep-all;font-size:clamp(44px,5.1vw,82px);font-weight:600;line-height:1.16}.eyebrow{letter-spacing:.06em;margin-bottom:25px;font:600 10px/1.5 Inter,Pretendard,sans-serif}.body-copy{word-break:keep-all;font-size:14px;line-height:1.85}.line-link{border-bottom:1px solid;justify-content:space-between;align-items:center;gap:48px;min-height:46px;font-size:12px;font-weight:600;display:inline-flex}.line-link span{font-size:21px}.scene-copy{text-shadow:0 2px 18px #0a0a0a73,0 1px 3px #0a0a0a59;width:min(100%,520px)}.scene-copy em,.scene-copy .eyebrow{color:var(--yellow)}.scene-copy .body-copy{max-width:400px}.scene-meta{letter-spacing:.04em;gap:28px;margin-top:38px;font:500 8px/1.6 Inter,sans-serif;display:flex}.scene-meta span{color:var(--yellow)}.opening{min-height:100svh;padding-top:calc(var(--header) + 26px);flex-direction:column;justify-content:space-between;padding-bottom:32px;display:flex}.opening-meta{letter-spacing:.05em;justify-content:space-between;gap:20px;font:600 9px/1.4 Inter,Pretendard,sans-serif;display:flex}.opening-meta span:last-child{opacity:.7}.opening-copy{max-width:900px;margin-top:14svh;margin-bottom:9svh}.opening-copy .eyebrow{color:var(--yellow)}.opening h1{letter-spacing:-.065em;word-break:keep-all;font-size:clamp(45px,5.8vw,90px);font-weight:600;line-height:1.13}.opening em,.design em,.completion-copy em{color:var(--yellow)}.opening-description{margin-top:28px;font-size:14px;line-height:1.8}.scroll-invitation{border-bottom:1px solid #fafafab3;align-items:center;gap:50px;min-height:44px;margin-top:30px;padding:12px 0;font-size:12px;display:inline-flex}.scroll-invitation span{font-size:25px}.opening-bottom{justify-content:space-between;gap:20px;font:500 9px/1.5 Inter,Pretendard,sans-serif;display:flex}.opening-bottom #load-status{color:var(--yellow)}.approach{align-items:center;min-height:130svh;display:flex}.approach-copy .lead{letter-spacing:-.035em;margin:34px 0 24px;font-size:clamp(20px,2vw,27px);line-height:1.5}.design{flex-direction:column;justify-content:space-between;gap:22svh;min-height:140svh;display:flex}.design-heading .body-copy{margin-top:27px}.service-list{width:min(100%,520px)}.service-row{border-top:1px solid #fafafa73;grid-template-columns:22px 1fr;align-items:baseline;gap:9px 16px;padding:25px 0;display:grid}.service-row>span{color:var(--yellow);font:500 10px/1.5 Inter,sans-serif}.service-row h3{letter-spacing:-.04em;font-size:26px;font-weight:600}.service-row p{word-break:keep-all;grid-column:2;font-size:12px;line-height:1.7}.work{padding-top:16svh;padding-bottom:18svh}.work-heading{margin-bottom:46px}.project-label{letter-spacing:.03em;margin-bottom:16px;font-size:10px;line-height:1.5}.project-spread h3{letter-spacing:-.04em;font-size:28px;font-weight:600;line-height:1.3}.project-spread .body-copy{margin-top:14px;font-size:13px}.frame-recognition{align-items:baseline;gap:15px;margin-top:24px;font:500 9px/1.5 Inter,sans-serif;display:flex}.frame-recognition strong{letter-spacing:-.05em;color:var(--yellow);font-size:25px;font-weight:600}.project-photos{grid-template-columns:repeat(2,150px);gap:12px;margin-top:27px;display:grid}.project-photos a{display:block}.project-photos img{aspect-ratio:1.5;object-fit:cover;width:100%}.project-photos figcaption{grid-column:1/-1;padding-top:1px;font-size:9px;line-height:1.7}.project-spread>.line-link{margin-top:22px}.milestone{margin-top:23svh}.milestone .eyebrow{align-items:baseline;gap:25px;font-size:9px;display:flex}.milestone-date{letter-spacing:-.03em;font:500 18px/1 Inter,sans-serif}.milestone h3{letter-spacing:-.04em;font-size:30px;font-weight:600;line-height:1.4}.milestone .body-copy{max-width:370px;margin-top:21px;font-size:13px;line-height:1.8}.milestone .line-link{margin-top:20px}.insight{align-items:center;min-height:130svh;display:flex}.book-layout{grid-template-columns:100px 1fr;align-items:center;gap:26px;max-width:440px;margin-top:40px;display:grid}.book-layout img{width:100%;height:auto;box-shadow:0 3px 20px #0a0a0a40}.book-label{letter-spacing:.04em;color:var(--yellow);margin-bottom:12px;font:600 8px/1.5 Inter,sans-serif}.book-layout h3{letter-spacing:-.045em;word-break:keep-all;font-size:24px;font-weight:600;line-height:1.35}.book-layout .body-copy{margin-top:14px;font-size:12px;line-height:1.7}.book-meta{margin-top:17px;font-size:10px;line-height:1.8}.book-copy>.line-link{margin-top:27px}.final-scene{flex-direction:column;justify-content:space-between;gap:8svh;min-height:100svh;padding-top:16svh;padding-bottom:32px;display:flex}.completion-copy{max-width:850px}.completion-copy .eyebrow{color:var(--yellow)}.completion-copy h2{font-size:clamp(43px,5.8vw,88px)}.completion-copy .body-copy{margin-top:28px}.contact-link{background:var(--yellow);color:var(--black);border:1px solid var(--black);justify-content:space-between;align-items:center;gap:70px;min-height:54px;margin-top:32px;padding:14px 19px;font-size:13px;font-weight:600;display:inline-flex}.contact-link span{font-size:25px;font-weight:400}.story-footer{width:100%}.footer-status{justify-content:space-between;gap:25px;margin-bottom:21px;font:500 9px/1.5 Inter,Pretendard,sans-serif;display:flex}.footer-status span:first-child{color:var(--yellow)}.footer-wordmark{letter-spacing:-.075em;white-space:nowrap;color:var(--yellow);padding-bottom:6px;font:900 clamp(58px,14.2vw,220px)/.95 Inter,sans-serif;display:block}.footer-wordmark span{vertical-align:top;letter-spacing:0;margin-left:.1em;font-size:.11em;line-height:1.8}.footer-bottom{border-top:1px solid #fafafa99;align-items:center;gap:24px;margin-top:27px;padding-top:16px;font-size:9px;display:flex}.footer-bottom>span{margin-right:auto}.footer-bottom a,.footer-bottom button{align-items:center;min-height:44px;display:flex}.footer-bottom button{color:inherit;background:0 0;border:0;padding:0;font-size:10px}.js-ready .reveal{opacity:0;transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(30px)}.js-ready .reveal.is-visible{opacity:1;transform:none}dialog{border:1px solid var(--black);background:var(--white);color:var(--black);width:calc(100% - 40px);max-width:1000px;max-height:92svh;padding:0;overflow:auto}dialog::backdrop{background:#0a0a0adb}.dialog-top{border-bottom:1px solid var(--black);justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;display:flex}.dialog-top h2{font-size:15px;font-weight:600}.dialog-top button{background:var(--yellow);border:0;min-height:44px;padding:10px 14px;font-size:12px}#film-player{background:var(--black);aspect-ratio:16/9;width:100%;max-height:70svh;display:block}.dialog-note{color:var(--gray);padding:18px 22px;font-size:12px;line-height:1.65}#credits-dialog{max-width:560px}.credits-copy{padding:24px;font-size:13px;line-height:1.85}.credits-copy p+p{margin-top:20px}.credits-copy a{text-decoration:underline}.noscript-note{z-index:45;background:var(--yellow);color:var(--black);padding:20px;font-size:13px;line-height:1.7;position:relative}@media (width>=1700px){.chapter{padding-right:calc(var(--gutter) + 90px)}.journey-nav{right:32px}.journey-nav a{min-height:48px;font-size:11px}}@media (width<=1000px){.header-caption{display:none}.site-header nav{gap:22px}}@media (width<=700px){:root{--header:64px;--gutter:22px}.site-header{gap:20px}.wordmark{letter-spacing:-1.5px;font-size:25px}.site-header nav{gap:17px;font-size:10px}.site-header nav>a:first-child,.site-header nav>a[href=\#insight]{display:none}.site-header .nav-contact{background:0 0;border:0;gap:6px;padding:0}.nav-contact span{font-size:14px}.journey-nav{padding:0 16px calc(env(safe-area-inset-bottom,0px) + 3px);background:#0a0a0af0;border:0;border-top:1px solid #fafafa4d;flex-direction:row;justify-content:space-between;align-items:center;gap:4px;inset:auto 0 0;transform:none}.journey-nav a{flex:1;justify-content:center;gap:5px;min-height:49px;font-size:9px}.journey-nav a>span:first-child{font-size:7px}.journey-percent{border:0;min-width:30px;padding:0 0 0 5px;font-size:8px}.chapter{padding:14svh var(--gutter);min-height:110svh}.chapter h2{font-size:48px;line-height:1.18}.eyebrow{margin-bottom:23px;font-size:9px}.body-copy{font-size:13px;line-height:1.85}.opening{min-height:100svh;padding-top:calc(var(--header) + 24px);padding-bottom:82px}.opening-meta{flex-wrap:wrap;gap:10px;font-size:8px}.opening-meta span:last-child{font-size:8px}.opening-copy{margin-top:16svh;margin-bottom:9svh}.opening h1{font-size:clamp(39px,10vw,65px)}.opening-description{margin-top:23px;font-size:12px}.scroll-invitation{gap:30px;margin-top:24px;font-size:10px}.opening-bottom{gap:12px;font-size:8px}.scene-copy{width:min(100%,380px)}.scene-copy .body-copy{font-size:12px}.scene-meta{gap:21px;margin-top:30px;font-size:7px}.approach,.insight{min-height:125svh}.approach-copy .lead{margin:28px 0 22px;font-size:22px}.design{gap:26svh;min-height:140svh}.design-heading .body-copy{margin-top:24px}.service-row{grid-template-columns:17px 1fr;gap:8px 13px;padding:21px 0}.service-row h3{font-size:23px}.service-row p{font-size:11px}.work{padding-top:13svh;padding-bottom:16svh}.work-heading{margin-bottom:39px}.project-label{margin-bottom:12px;font-size:9px}.project-spread h3{font-size:24px}.project-spread .body-copy{margin-top:12px;font-size:12px}.frame-recognition{gap:12px;margin-top:21px;font-size:8px}.frame-recognition strong{font-size:23px}.project-photos{grid-template-columns:repeat(2,126px);gap:10px;margin-top:23px}.project-photos figcaption{font-size:8px}.project-spread>.line-link{margin-top:17px}.milestone{margin-top:22svh}.milestone .eyebrow{gap:20px;font-size:8px}.milestone-date{font-size:17px}.milestone h3{font-size:25px}.milestone .body-copy{margin-top:18px;font-size:12px}.milestone .line-link{margin-top:17px}.book-layout{grid-template-columns:78px 1fr;gap:22px;margin-top:33px}.book-layout h3{font-size:21px}.book-layout .body-copy{margin-top:12px;font-size:11px;line-height:1.7}.book-meta{margin-top:14px;font-size:9px}.book-label{margin-bottom:9px;font-size:7px}.book-copy>.line-link{margin-top:24px}.final-scene{gap:10svh;min-height:100svh;padding-top:14svh;padding-bottom:85px}.completion-copy h2{font-size:clamp(39px,11vw,60px)}.completion-copy .body-copy{margin-top:24px;font-size:12px}.contact-link{gap:35px;min-height:52px;margin-top:25px;font-size:12px}.footer-status{flex-direction:column;gap:14px;margin-bottom:20px;font-size:8px}.footer-status span:last-child{opacity:.7;font-size:7px}.footer-wordmark{font-size:15vw}.footer-bottom{flex-wrap:wrap;gap:15px;margin-top:23px;padding-top:18px;font-size:8px}.footer-bottom>span{width:100%;margin:0}.footer-bottom a,.footer-bottom button{font-size:9px}.footer-bottom a{margin-left:auto}.line-link{gap:40px;font-size:11px}dialog{width:calc(100% - 24px)}.dialog-top{padding:12px}.dialog-top h2{font-size:13px}.dialog-note{padding:14px;font-size:11px}}@media (width<=360px){:root{--gutter:18px}.wordmark{font-size:23px}.site-header nav{gap:12px;font-size:9px}.opening h1{font-size:36px}.opening-meta{font-size:7px}.opening-copy{margin-top:10svh}.opening-bottom{font-size:7px}.chapter h2{font-size:43px}.scene-copy .body-copy{font-size:11px}.approach-copy .lead{font-size:20px}.project-spread h3{font-size:22px}.project-photos{grid-template-columns:repeat(2,117px)}.milestone h3{font-size:23px}.book-layout{grid-template-columns:70px 1fr;gap:18px}.book-layout h3{font-size:19px}.book-layout .body-copy{font-size:10px}.book-meta{font-size:8px}.completion-copy h2{font-size:37px}.journey-nav{padding-left:7px;padding-right:7px}.journey-nav a{gap:3px;font-size:8px}.journey-nav a>span:first-child{font-size:7px}.footer-bottom{gap:11px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.js-ready .reveal{opacity:1;transform:none}}@media (width<=700px) and (height<=660px){.final-scene{gap:35px;min-height:100svh;padding-top:75px;padding-bottom:72px}.completion-copy h2{font-size:34px}.completion-copy .eyebrow{margin-bottom:12px}.completion-copy .body-copy{margin-top:16px;font-size:11px;line-height:1.7}.contact-link{min-height:44px;margin-top:18px;padding:9px 15px}.footer-status{gap:10px;margin-bottom:12px}.footer-bottom{row-gap:3px;margin-top:16px;padding-top:14px}}.frame-announcement{border:1px solid var(--black);background:var(--white);width:min(940px,100% - 40px);max-width:none;max-height:calc(100dvh - 40px);color:var(--black);overscroll-behavior:contain;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden}.frame-announcement[open]{flex-direction:column;display:flex}.frame-announcement::backdrop{background:#0a0a0ab8}.frame-announcement button{cursor:pointer;background:0 0;border:0;border-radius:0;font-family:inherit}.frame-announcement-header{border-bottom:1px solid var(--black);font-family:var(--font-wordmark);letter-spacing:.08em;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 20px;font-size:11px;font-weight:700;display:flex}.frame-announcement-close{min-height:44px;color:var(--black);letter-spacing:0;align-items:center;gap:12px;padding:0 4px;font-size:13px;display:flex}.frame-announcement-close span{font-size:28px;font-weight:400}.frame-announcement-content{overscroll-behavior:contain;grid-template-columns:1.05fr 1fr;min-height:0;display:grid;overflow-y:auto}.frame-announcement-content[hidden]{display:none}.announcement-switcher{border-bottom:1px solid var(--black);flex-shrink:0;display:flex}.announcement-switcher button{min-height:48px;color:var(--gray);flex:1;padding:12px;font-size:14px;font-weight:700}.announcement-switcher button+button{border-left:1px solid var(--black)}.announcement-switcher button[aria-pressed=true]{background:var(--yellow);color:var(--black)}.announcement-switcher button:focus-visible{outline-offset:-4px}.book-announcement-cover{background:#e9e7e0;justify-content:center;align-items:center;padding:32px;display:flex}.book-announcement-cover img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:400px;box-shadow:8px 12px 24px #0a0a0a2e}.frame-announcement .book-announcement h2{margin-top:32px;font-size:clamp(26px,3vw,34px);line-height:1.35}.book-announcement-subtitle{word-break:keep-all;margin-top:16px;font-size:16px;line-height:1.6}#book-announcement-description{color:var(--gray);word-break:keep-all;margin-top:24px;font-size:14px;line-height:1.7}.frame-announcement-photo{object-fit:cover;object-position:52% center;width:100%;height:100%;min-height:430px}.frame-announcement-copy{padding:36px 32px}.frame-announcement-eyebrow{font-family:var(--font-wordmark);letter-spacing:.06em;font-size:18px;font-weight:700;line-height:1.4}.frame-announcement-grade{font-family:var(--font-wordmark);letter-spacing:-.065em;margin:12px 0 22px;font-size:clamp(56px,7vw,84px);font-weight:500;line-height:1}.frame-announcement h2{letter-spacing:-.035em;word-break:keep-all;font-size:24px;line-height:1.45}.frame-announcement-meta{color:var(--gray);margin-top:12px;font-size:11px}#frame-announcement-description{color:var(--gray);word-break:keep-all;margin-top:22px;font-size:14px;line-height:1.7}.frame-announcement-link{background:var(--yellow);color:var(--black);justify-content:space-between;align-items:center;gap:16px;margin-top:26px;padding:16px 18px;font-size:14px;font-weight:700;display:flex}.frame-announcement-link span{font-size:22px;line-height:1}.frame-announcement-footer{text-align:right;border-top:1px solid #d6d6d2;flex-shrink:0;padding:4px 20px}.frame-announcement-snooze{min-height:44px;color:var(--gray);text-underline-offset:4px;padding:0 4px;font-size:13px;text-decoration:underline}.frame-announcement button:focus-visible,.frame-announcement a:focus-visible{outline:2px solid var(--black);outline-offset:3px}@media (width<=640px){.frame-announcement{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.frame-announcement-header{padding:4px 16px}.frame-announcement-content{display:block}.frame-announcement-photo{object-position:center 46%;height:clamp(150px,26vh,240px);min-height:0}.frame-announcement-copy{padding:22px}.book-announcement-cover{padding:20px}.book-announcement-cover img{max-height:220px}.frame-announcement .book-announcement h2{margin-top:16px;font-size:26px}.book-announcement-subtitle{margin-top:12px;font-size:14px}#book-announcement-description{margin-top:16px;font-size:13px}.frame-announcement-eyebrow{font-size:16px}.frame-announcement-grade{margin:8px 0 14px;font-size:56px}.frame-announcement h2{font-size:21px}.frame-announcement-meta{margin-top:8px}#frame-announcement-description{margin-top:16px;font-size:13px}.frame-announcement-link{margin-top:18px;padding:14px 16px}.frame-announcement-footer{padding:2px 16px}}.frame-announcement{--font-wordmark:Inter,Pretendard,sans-serif}.frame-announcement .news-announcement:not([hidden]){padding:32px;display:block}.news-announcement>p{color:var(--gray);margin-top:14px;font-size:13px;line-height:1.7}.news-announcement .news-list{margin:28px 0 0;padding:0;list-style:none}.news-announcement .news-item{border-top:1px solid #d6d6d2}.news-announcement .news-link{grid-template-columns:1fr auto;gap:10px 18px;padding:20px 0;line-height:1.6;display:grid}.news-announcement .news-date,.news-announcement .news-cat{color:var(--gray);font:500 10px/1.5 Inter,Pretendard,sans-serif}.news-announcement .news-title{word-break:keep-all;overflow-wrap:anywhere;font-size:16px;font-weight:600}.news-announcement .news-arrow{font-size:22px}.news-announcement .news-link:hover .news-title{text-underline-offset:4px;text-decoration:underline}.news-announcement .news-experiments{border-top:1px solid #d6d6d2;padding-top:24px;font:600 10px/1.5 Inter,sans-serif}.news-experiment-links{flex-wrap:wrap;gap:12px 24px;display:flex}.news-experiment-links a{text-underline-offset:4px;min-height:44px;color:var(--black);align-items:center;text-decoration:underline;display:inline-flex}@media (width<=640px){.frame-announcement .news-announcement:not([hidden]){padding:22px}.news-announcement .news-title{font-size:14px}.announcement-switcher button{font-size:12px}}
