/* From a drawn identity to a walk through the work. */
.brand-loader{position:fixed;inset:0;z-index:500;background:#111610;color:#e4e9dc;overflow:hidden;display:flex;align-items:center;justify-content:center}.brand-loader[hidden]{display:none}.loader-top,.loader-bottom{position:absolute;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:30px;font:9px/1.5 monospace;letter-spacing:1.2px;z-index:4}.loader-top{top:35px;color:#9dab8f}.loader-bottom{bottom:40px;color:#b8c6a6}.loader-bottom button{background:none;color:#caff4b;font:10px monospace;padding:12px;white-space:nowrap}.loader-track{height:1px;flex:1;max-width:300px;background:#405233}.loader-track i{display:block;background:#caff4b;width:0;height:100%;box-shadow:0 0 12px #caff4b6b}.draft-grid{position:absolute;inset:0;background-image:linear-gradient(#8fba4e0b 1px,transparent 1px),linear-gradient(90deg,#8fba4e0b 1px,transparent 1px),linear-gradient(#8fba4e09 1px,transparent 1px),linear-gradient(90deg,#8fba4e09 1px,transparent 1px);background-size:28px 28px,28px 28px,140px 140px,140px 140px}.draft-grid:before,.draft-grid:after{content:'';position:absolute;background:#caff4b29}.draft-grid:before{top:50%;height:1px;width:100%}.draft-grid:after{left:50%;width:1px;height:100%}.draft-tool-strip{position:absolute;left:5%;top:50%;transform:translateY(-50%);display:grid;gap:15px;color:#70865e;font-size:21px}.draft-tool-strip span:first-child{color:#caff4b;background:#344c24;padding:6px}.draft-canvas{position:relative;width:min(46vw,580px)}.artboard-label{position:absolute;left:10%;top:-30px;font:8px monospace;letter-spacing:2px;color:#6b8255}.logo-drafting{display:block;width:100%;height:auto;overflow:visible}.logo-draw{stroke:#caff4b;stroke-width:1.5;fill:transparent;stroke-linejoin:miter}.draft-anchors{stroke:#8db956;stroke-width:1;fill:#111610;opacity:0}.draft-anchors>path{stroke-dasharray:3 5;opacity:.5}.loader-wordmark{text-align:center;font:11px monospace;letter-spacing:4px;margin-top:10px;opacity:0;transform:translateY(8px)}.is-loading{overflow:hidden}.is-loading .site-header,.is-loading main{visibility:hidden}.is-entering .brand-loader{animation:drawingExit .85s cubic-bezier(.7,0,.2,1) both;pointer-events:none}.is-entering .intro-stage{animation:arrivalZoom .85s cubic-bezier(.16,1,.3,1) both}.is-entering .site-header{animation:headerArrival 1s both}.skip-intro{position:fixed;z-index:130;right:28px;bottom:58px;background:#1c2518d9;border:1px solid #58723e;color:#b6ce9f;border-radius:30px;padding:10px 16px;font-size:10px}.is-loading .skip-intro{display:none}.skip-intro[hidden]{display:none}.write-line{display:block;white-space:nowrap}.write-line:last-child{color:var(--accent)}.ink-char{display:inline-block}.is-loading .ink-char,.is-entering .ink-char,.is-writing .ink-char:not(.inked){opacity:0;clip-path:inset(0 100% 0 0)}.is-writing .ink-char.inked{animation:inkReveal .12s ease-out both}#writing-cursor{display:none;position:absolute;color:#caff4b;font-size:35px;z-index:9;transform:translate(2px,-10px) rotate(-18deg);pointer-events:none}.is-writing #writing-cursor{display:block}.writing-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:bottom;opacity:0;pointer-events:none;transition:opacity .4s}.is-writing .writing-portrait,.is-entering .writing-portrait{opacity:1}.portrait-wrap{transition:opacity .4s}.is-writing .portrait-wrap,.is-entering .portrait-wrap{opacity:0}.is-writing .hello-sticker,.is-entering .hello-sticker{visibility:hidden}.has-greeted .hello-sticker{animation:helloPop .6s cubic-bezier(.2,1.4,.5,1) both}.cv-guide{position:absolute;right:1%;bottom:0;height:58%;width:30%;z-index:14;opacity:0;pointer-events:none;will-change:opacity,transform}.cv-guide img{width:100%;height:100%;object-fit:contain;object-position:bottom}.cv-guide>span{position:absolute;right:10%;bottom:30px;font:8px/1.8 monospace;letter-spacing:1px;color:#9dbb78;display:none}.cv-section.cinematic-cv{right:24%;inset-inline-end:24%;bottom:64px;padding:28px 3%}.cinematic-cv .cv-layout{gap:5%;grid-template-columns:.85fr 1.15fr}.cinematic-cv .cv-intro h2{font-size:clamp(48px,4.7vw,75px)}.cinematic-cv .cv-sheet{padding:22px 22px 0}.cinematic-cv .cv-sheet h3{font-size:34px}.cinematic-cv .cv-facts>div{grid-template-columns:80px 1fr}.cinematic-cv .cv-facts dd{font-size:10px}.cinematic-cv .years-line strong{font-size:80px}.static-guide{position:relative;right:auto;bottom:auto;width:280px;height:380px;margin:35px auto -70px;opacity:1!important;transform:none!important}.static-guide>span{display:block}.intro-stage #hero-fx{transition:none}.museum-chapter{height:760svh;background:#111810}.museum-chapter .stage{background:#171d17}.museum-chapter .stage:after{display:none}.museum-chapter #webgl{position:absolute;inset:0;z-index:1;opacity:0}.museum-chapter .webgl-ready #webgl{opacity:1}.museum-space{position:absolute;inset:0;z-index:2;overflow:hidden;perspective:900px;perspective-origin:50% 50%;touch-action:pan-y}.museum-world{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;will-change:transform}.museum-world>div{position:absolute;left:0;top:0;backface-visibility:hidden;transform-style:preserve-3d}.museum-wall{background:linear-gradient(0deg,#313c2f,#8e9783 48%,#5c6b52);border-bottom:8px solid #202b1e}.museum-floor{background:repeating-linear-gradient(0deg,transparent 0 548px,#6070527a 549px 550px),repeating-linear-gradient(90deg,#263123 0 598px,#5c6d4e77 599px 600px);box-shadow:inset 0 0 350px #10180e}.museum-ceiling{background:#1a2318}.museum-panel{background:radial-gradient(ellipse at 50% 35%,#d8dfb999,#89937a44 52%,transparent 72%)}.wall-wash{position:absolute;left:22%;right:22%;top:4%;height:80%;background:radial-gradient(ellipse at 50% 0,#f3f2ce66,transparent 68%);pointer-events:none}.museum-art{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateZ(12px);width:712px;height:573px;border:12px solid #1b2018;padding:23px;background:#e3e4d2;box-shadow:12px 18px 24px #111a0c78,0 0 0 1px #79836b;cursor:pointer;overflow:visible}.museum-art:focus-visible{outline:5px solid #caff4b;outline-offset:10px}.museum-mat{display:block;width:100%;height:100%;overflow:hidden}.museum-mat img{display:block;width:100%;height:100%;object-fit:cover}.museum-plaque{position:absolute;top:calc(100% + 42px);left:-12px;width:280px;padding:14px 18px;background:#e7e8d9;color:#202b1b;text-align:left;border-left:3px solid #3e512d}.museum-plaque small{font:8px monospace;letter-spacing:1px;display:block;margin-bottom:7px}.museum-plaque strong{display:block;font:600 24px var(--display)}.museum-plaque>span{font-size:9px;display:block;margin-top:5px}.ceiling-light{background:#e5f8b6;box-shadow:0 0 25px #d2ff8788,0 0 100px #caff4b44}.floor-guide{background:#a2c86055;box-shadow:0 0 15px #caff4b20}.museum-end-wall{background:radial-gradient(ellipse at center,#68795b,#34432d 65%)}.museum-door{position:absolute;left:50%;top:50%;width:570px;height:950px;transform:translate(-50%,-39%) translateZ(10px);background:none;border:0;padding:0;color:#edf5de;cursor:pointer;transform-style:preserve-3d}.door-lintel{position:absolute;top:-70px;left:0;right:0;letter-spacing:7px;font:18px monospace}.door-opening{position:absolute;inset:0;background:radial-gradient(#bde67899,#111a0c 60%);border:5px solid #d0f69a;box-shadow:0 0 25px #caff4b66,inset 0 0 65px #caff4b44;transform-style:preserve-3d}.door-leaf{position:absolute;inset:0;background:linear-gradient(110deg,#2c3a25,#121b0d);border:1px solid #71865a;transform-origin:left center;transform:rotateY(var(--door-angle,0deg));transform-style:preserve-3d;transition:transform .25s}.door-logo{display:block;position:absolute;top:32%;left:0;right:0;font:100px var(--display);color:#87a963}.door-handle{position:absolute;width:5px;height:130px;right:42px;top:48%;background:#d6ff9a;box-shadow:0 0 15px #caff4b88}.door-caption{position:absolute;top:68%;left:0;right:0;font:14px monospace;letter-spacing:2px;pointer-events:none}.door-caption b{display:block;font-size:22px;margin-top:20px;color:#caff4b}.museum-door:hover .door-leaf{transform:rotateY(-18deg)}.door-opening-active .museum-door .door-leaf{transform:rotateY(-88deg)}.museum-chapter .webgl-ready .museum-wall,.museum-chapter .webgl-ready .museum-floor,.museum-chapter .webgl-ready .museum-ceiling,.museum-chapter .webgl-ready .ceiling-light,.museum-chapter .webgl-ready .floor-guide,.museum-chapter .webgl-ready .museum-panel,.museum-chapter .webgl-ready .museum-end-wall{background:none;box-shadow:none;border-color:transparent}.museum-chapter .webgl-ready .museum-art,.museum-chapter .webgl-ready .museum-mat,.museum-chapter .webgl-ready .wall-wash,.museum-chapter .webgl-ready .door-opening{opacity:0}.museum-chapter .webgl-ready .museum-plaque{display:none}.museum-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(0deg,#0c160aef,transparent 30%,transparent 73%,#121a10b3),radial-gradient(ellipse,transparent 40%,#0e170b6b)}.museum-chapter .work-intro{z-index:6;top:118px}.museum-tour-note{position:absolute;top:175px;left:6%;font:8px/2 monospace;letter-spacing:2px;color:#d3dfbf;z-index:6;pointer-events:none}.museum-tour-note em{font:500 34px var(--display);letter-spacing:0;display:block;color:#ecf0e5}.museum-chapter .work-copy{top:auto;bottom:138px;left:6%;width:300px;z-index:6}.museum-chapter .work-counter{gap:10px;font-size:9px}.museum-chapter .work-counter>span:first-child{font-size:12px}.museum-chapter .work-copy>p:first-of-type{margin:18px 0 8px;font-size:8px}.museum-chapter .work-copy h2{font-size:52px;line-height:1;margin:0 0 8px;letter-spacing:0}.museum-chapter .work-copy>p:nth-of-type(2){font-size:11px;line-height:1.6;max-width:280px;margin:0 0 12px;color:#c1ceb0}.museum-chapter .work-open{font-size:11px;padding:5px 0;gap:20px;width:180px;position:static}.museum-chapter .work-open>span{font-size:20px}.museum-chapter .work-bottom{bottom:53px;z-index:8}.museum-chapter .scroll-direction{color:#c7d3b7}.museum-chapter .timeline{z-index:8}.museum-chapter .work-step-controls>button{border-color:#a0b77a77;background:#152010a6}.museum-chapter #work-steps>button{color:#b5c69d}.museum-chapter #work-steps>button[aria-pressed=true]{color:#caff4b}.museum-chapter #work-steps>button[aria-pressed=true]:after{background:#caff4b}.door-copy{position:absolute;left:6%;top:34%;z-index:6;opacity:0;pointer-events:none;transition:opacity .4s}.door-copy p{font:8px monospace;letter-spacing:1.3px;color:#abc28e}.door-copy h2{font:600 95px/.9 var(--display);margin:25px 0}.door-copy h2 em{color:#caff4b;font-style:normal}.door-copy .pill{pointer-events:auto;font-size:11px}.at-door .door-copy{opacity:1}.at-door .work-copy,.at-door .museum-tour-note{opacity:0;pointer-events:none}.museum-chapter.static-work{height:100svh!important;min-height:740px}.museum-chapter.static-work .stage{min-height:740px}
@keyframes drawingExit{0%{opacity:1;scale:1}60%{opacity:.8}100%{opacity:0;scale:2.1;filter:blur(6px)}}@keyframes arrivalZoom{from{scale:.9;filter:blur(8px);opacity:.2}to{scale:1;filter:blur(0);opacity:1}}@keyframes headerArrival{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes inkReveal{from{opacity:1;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes helloPop{from{scale:.6;opacity:0;rotate:-10deg}to{scale:1;opacity:1;rotate:0deg}}
@media(max-width:1100px){.cinematic-cv .cv-intro h2{font-size:4.8vw}.cinematic-cv .cv-facts>div{grid-template-columns:65px 1fr;gap:8px}.cinematic-cv .cv-sheet h3{font-size:29px}.cinematic-cv .cv-facts dd{font-size:9px}.cv-guide{width:29%;height:53%}.museum-chapter .work-copy{bottom:133px;width:250px}.museum-chapter .work-copy h2{font-size:45px}.door-copy h2{font-size:75px}}
@media(max-width:759px){.draft-canvas{width:82vw}.loader-top{top:24px;font-size:7px}.loader-top>span:last-child{display:none}.artboard-label{font-size:6px;top:-28px}.draft-tool-strip{left:20px;top:23%;display:flex;gap:12px;font-size:16px}.loader-bottom{bottom:30px;gap:10px;flex-wrap:wrap;font-size:7px}.loader-track{order:3;min-width:100%;max-width:none}.loader-wordmark{font-size:8px;letter-spacing:2px}.skip-intro{bottom:48px;right:12px;font-size:8px;padding:8px 12px}.writing-portrait{object-position:bottom}.static-guide{height:360px;width:245px;margin-bottom:-70px}.museum-chapter{height:780svh}.museum-chapter .stage{height:100svh;min-height:640px}.museum-chapter .work-intro{top:100px}.museum-chapter .work-intro p{font-size:7px;letter-spacing:.9px}.museum-tour-note{left:6%;top:135px;font-size:6px}.museum-tour-note em{font-size:25px}.museum-chapter .work-copy{bottom:132px;top:auto;left:6%;right:6%;width:auto}.museum-chapter .work-counter{position:static;gap:8px;font-size:8px}.museum-chapter .work-counter>span:first-child{font-size:10px}.museum-chapter .work-copy>p:first-of-type{margin-top:12px;font-size:7px}.museum-chapter .work-copy h2{font-size:40px;max-width:100%;margin-bottom:6px}.museum-chapter .work-copy>p:nth-of-type(2){font-size:9px;max-width:95%;margin-bottom:8px}.museum-chapter .work-open{font-size:10px;width:170px;padding:4px 0}.museum-chapter .work-bottom{bottom:53px}.museum-chapter .scroll-direction{display:none}.museum-chapter .work-step-controls{gap:5px}.museum-chapter #work-steps>button{width:20px}.museum-chapter .all-work-link{font-size:9px;gap:10px}.museum-vignette{background:linear-gradient(0deg,#0c160af7,transparent 55%,transparent 76%,#121a10c9)}.door-copy{top:auto;bottom:165px;left:6%}.door-copy p{font-size:6px}.door-copy h2{font-size:52px;margin:15px 0}.door-copy .pill{font-size:10px}.museum-chapter.static-work,.museum-chapter.static-work .stage{min-height:640px}.reduced .museum-chapter,.reduced .museum-chapter .stage{min-height:640px}.museum-plaque{display:none}}
@media(max-width:759px) and (max-height:730px){.museum-tour-note{display:none}.museum-chapter .work-copy{bottom:122px}.museum-chapter .work-copy h2{font-size:33px}.museum-chapter .work-copy>p:nth-of-type(2){display:none}.museum-chapter .work-copy>p:first-of-type{margin-top:7px}.museum-chapter .work-open{font-size:9px}.museum-chapter .work-counter{font-size:7px}.door-copy{bottom:140px}.door-copy h2{font-size:44px}}
.reduced .brand-loader,.reduced .intro-stage,.reduced .hello-sticker{animation:none!important}.reduced .ink-char{opacity:1!important;clip-path:none!important}.reduced #writing-cursor{display:none}.reduced .cv-guide{will-change:auto}

.door-logo .brand-mark{width:180px;margin:auto}.door-logo{color:inherit}

@media(max-width:759px){.museum-space{perspective-origin:50% 42%}.museum-world{top:42%}.door-copy{left:6%;right:6%;text-align:center;bottom:155px}.door-copy h2{font-size:46px;line-height:1.05;margin:14px 0}.door-copy h2 br{display:none}.door-copy h2 em:before{content:' '}.door-copy .pill{margin:auto}.museum-chapter .work-copy{max-width:90%}}
@media(max-width:759px) and (max-height:730px){.door-copy{bottom:116px}.door-copy h2{font-size:34px;margin:10px 0}.door-copy p{font-size:5px}.door-copy .pill{padding:12px 18px}}
/* A ground backdrop avoids CSS 3D sorting artifacts on a floor spanning behind the camera. The WebGL scene keeps its physical floor. */
.museum-floor{visibility:hidden}.museum-space:before{content:'';position:absolute;left:-50%;bottom:-15%;width:200%;height:60%;background:repeating-linear-gradient(0deg,transparent 0 79px,#6f825322 80px 81px),repeating-linear-gradient(90deg,#182214 0 139px,#5e75402b 140px 141px);transform:perspective(500px) rotateX(65deg);transform-origin:50% 100%;pointer-events:none}.webgl-ready .museum-space:before{display:none}

/* Keep planes behind the camera out of the CSS door composition. */
.at-door .museum-world>div:not(.museum-end-wall){visibility:hidden}