@font-face{font-family:Suisse;src:url('fonts/SuisseIntl-Book.woff') format('woff');font-display:swap;font-weight:400}
@font-face{font-family:Supply;src:url('fonts/PPSupplyMono-Medium.woff2') format('woff2');font-display:swap;font-weight:500}
:root{color-scheme:dark;--paper:#f1f1e9;--ink:#151c1b;--line:rgba(241,241,233,.3);--ease-out:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{background:var(--ink);scrollbar-width:thin;scrollbar-color:#737d72 #151c1b}body{margin:0;color:var(--paper);font-family:Suisse,Arial,sans-serif;font-weight:400}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #dddabe;outline-offset:7px}button:disabled{cursor:default}button, a{touch-action:manipulation}
#landscape,.scrim,.right-scrim,.night{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#landscape{display:block}.scrim{background:linear-gradient(90deg,rgba(6,17,18,.61),rgba(6,17,18,.19) 48%,transparent 78%),linear-gradient(0deg,rgba(5,13,13,.67),transparent 29%,transparent 70%,rgba(9,16,16,.4))}.right-scrim{background:linear-gradient(90deg,transparent 25%,rgba(6,17,18,.36) 52%,rgba(6,17,18,.68));opacity:0}.night{background:#091010;opacity:0}
header{position:fixed;inset:0 0 auto;display:flex;align-items:center;gap:34px;padding:26px 3.5vw;z-index:5}.brand{padding:0;width:157px;line-height:0}.brand img{width:100%;filter:invert(1);opacity:.95}.header-note,.eyebrow,footer,.folio small,.folio-top,.folio-caption,.folio-edge,.loading p,.loading small{font-family:Supply,monospace;font-size:10px;letter-spacing:.06em;line-height:1.6;font-weight:500}.header-note{border-left:1px solid var(--line);padding-left:24px}.contact-link{margin-left:auto;font-size:13px;padding:12px 0;border-bottom:1px solid var(--line)}.contact-link span{margin-left:30px}
main{position:fixed;inset:0;pointer-events:none;z-index:2}.chapter{position:absolute;left:7vw;top:24vh;width:70vw;opacity:0;visibility:hidden;will-change:transform,opacity}.chapter.active{opacity:1;visibility:visible}.eyebrow{margin:0 0 26px;color:#e0e4d7}h1,h2,p{margin-top:0}h1,h2{font-weight:400;letter-spacing:-.065em;line-height:.99;text-wrap:balance;margin-bottom:30px}h1{font-size:clamp(64px,8.5vw,142px)}h2{font-size:clamp(54px,6.8vw,116px)}.chapter.right{left:53vw;top:23vh;width:43vw}.chapter.right h2{font-size:clamp(54px,5.65vw,96px)}.chapter.final{top:22vh;width:52vw}.chapter.final h2{font-size:clamp(48px,6.1vw,104px)}.body-copy,.intro-bottom p{font-size:clamp(15px,1.16vw,19px);line-height:1.5;color:#e0e5df;letter-spacing:-.02em}.intro-bottom{display:flex;align-items:flex-end;gap:70px;margin-top:42px}.intro-bottom p{margin:0}.next{pointer-events:auto;display:flex;align-items:center;gap:28px;padding:10px 0;font-size:13px}.next b{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;font-size:19px;font-weight:400;transition:background .2s ease,transform .2s var(--ease-out)}.disciplines{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.disciplines span{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:8px 13px}
footer{position:fixed;z-index:5;inset:auto 3.5vw 24px;display:flex;align-items:center;justify-content:space-between}.studio{text-decoration:none;font-size:10px}.studio span{margin-left:10px}nav{display:flex;position:relative;gap:24px}nav button{font:inherit;padding:12px 0;color:#bbc3b8;min-width:24px}nav button[aria-current]{color:#fff}nav i{position:absolute;bottom:3px;left:0;width:24px;height:1px;background:#fff;transition:transform .5s var(--ease-out)}.credits-link{font:inherit;padding:12px 0;font-size:9px}.credits-link span{margin-left:18px}.progress{position:absolute;bottom:-24px;left:-3.5vw;height:2px;width:100vw;background:#ffffff14}.progress i{display:block;width:100%;height:100%;background:#e8e4cd;transform-origin:left;transform:scaleX(0)}.track{height:560vh;pointer-events:none}
.folio-wrap{position:fixed;z-index:3;right:10vw;top:18vh;width:min(28vw,380px);perspective:1200px;opacity:0;visibility:hidden}.folio{position:relative;aspect-ratio:.735;border:1px solid #74776f66;border-radius:15px;overflow:hidden;background:#13181a;box-shadow:0 26px 90px #0008;will-change:transform;transform-style:preserve-3d}.folio canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.folio-top{position:absolute;left:9%;right:9%;top:8%;display:flex;justify-content:space-between;font-size:12px}.folio-top>span:last-child{font-size:22px;color:#acb4b0}.folio-sign{position:absolute;top:26%;left:0;width:100%;text-align:center;font-size:clamp(100px,14vw,195px);letter-spacing:-.13em;color:#e0ddd636;-webkit-text-stroke:.6px #b6b9b262;font-family:Suisse;line-height:1}.folio-sign span{position:absolute;left:47%;top:59%;font-size:55px;letter-spacing:0;color:#c2c7c267}.folio-bottom{position:absolute;left:9%;bottom:10%;right:9%}.folio-bottom p{font-size:clamp(20px,2vw,29px);letter-spacing:-.035em;margin-bottom:12px}.folio-bottom small{font-size:9px;color:#acb4ae}.folio-edge{position:absolute;right:7%;bottom:11%;writing-mode:vertical-rl;font-size:7px;color:#949c98}.folio-caption{text-align:center;font-size:8px;margin-top:20px;color:#9faaa5}
.loading{position:fixed;z-index:20;inset:0;background:#151c1b;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .8s var(--ease-out),visibility .8s;gap:20px}.loading img{width:220px;filter:invert(1)}.loading p{margin:10px 0 5px;font-size:9px}.loading small{font-size:9px;color:#9ca7a0}.loading-line{width:190px;height:1px;background:#ffffff20;overflow:hidden}.loading-line i{display:block;background:#dae0cd;width:100%;height:100%;transform:scaleX(.04);transform-origin:left;transition:transform .4s ease}.loading.done{opacity:0;visibility:hidden;pointer-events:none}.load-fallback{display:none;font-size:12px;color:#adb8b1}.loading.slow .load-fallback,.loading.failed .load-fallback{display:block}
dialog{color:#eaece3;border:1px solid #737e6966;background:#19221f;border-radius:3px;max-width:590px;width:calc(100% - 36px);padding:45px;max-height:85svh;overflow:auto}dialog::backdrop{background:#060d0dcc;backdrop-filter:blur(9px)}dialog h2{font-size:48px}dialog p:not(.eyebrow){font-size:14px;line-height:1.55;color:#c6cec5}dialog a{text-underline-offset:4px}.close{position:absolute;right:18px;top:12px;font-size:25px}.mention-demo{border-top:1px solid var(--line);padding-top:20px;font-size:11px!important}.dialog-return{padding:15px 0;margin:10px 0 25px;border-bottom:1px solid var(--line)}.no-script{position:fixed;inset:0;background:#151c1b;z-index:25;padding:12vh 8vw}.no-script h1{font-size:50px}
@media(hover:hover) and (pointer:fine){.next:hover b{background:#ffffff20;transform:translateY(-2px)}.contact-link:hover{border-color:#fff}.credits-link:hover,.studio:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}}
@media(max-width:760px){header{padding:20px 6vw;gap:15px}.brand{width:118px}.header-note{display:none}.contact-link{font-size:11px}.contact-link span{margin-left:12px}.chapter,.chapter.right{left:7vw;top:24svh;width:88vw}.chapter h1{font-size:clamp(58px,12.5vw,88px)}.chapter h2,.chapter.right h2{font-size:clamp(48px,11.5vw,80px)}.eyebrow{font-size:8px;margin-bottom:24px}.body-copy,.intro-bottom p{font-size:14px}.intro-bottom{display:block;margin-top:30px}.next{margin-top:18px;font-size:12px}.next b{width:37px;height:37px}.chapter.final{top:16svh;width:87vw}.chapter.final h2{font-size:clamp(38px,10vw,68px)}.chapter.final h2 br:nth-child(2){display:none}.chapter.final .body-copy{display:none}.chapter.final .next{margin-top:0}.folio-wrap{top:auto;bottom:13svh;right:10vw;width:min(43vw,210px)}.folio-caption{display:none}.folio-top{font-size:8px}.folio-sign{font-size:clamp(76px,23vw,120px)}.folio-sign span{font-size:25px}.folio-bottom p{font-size:17px}.folio-bottom small{font-size:6px}.folio-edge{font-size:5px}.folio-top>span:last-child{font-size:15px}footer{inset:auto 6vw 18px}.credits-link{font-size:7px}.credits-link span{display:none}nav{gap:14px}nav button{font-size:9px}.progress{bottom:-18px;left:-6vw}.studio{font-size:8px}.studio span{margin-left:4px}dialog{padding:38px 25px}dialog h2{font-size:40px}.track{height:520svh}}
@media(max-height:620px) and (min-width:761px){.chapter,.chapter.right{top:21vh}h1{font-size:72px}h2,.chapter.right h2,.chapter.final h2{font-size:58px}.eyebrow{margin-bottom:15px}.intro-bottom{margin-top:15px}.body-copy{font-size:13px}.folio-wrap{width:24vw;max-width:260px;top:15vh}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.folio,.next b,nav i{transition:none!important}.loading{transition:opacity .2s ease}}

.demo-note{border:0;padding:0;margin-top:22px;font-size:9px!important;color:#9da9a1;line-height:1.5}.chapter .demo-note{max-width:290px}@media(max-width:760px){.folio-wrap{width:min(52vw,235px);right:9vw}.demo-note{font-size:8px!important;max-width:210px!important;margin-top:10px}}