:root{--bg:#121412;--paper:#f0f0e8;--muted:#a5aaa1;--accent:#caff4b;--line:#373a34;--body:'Manrope',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--body);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{border:0}::selection{background:var(--accent);color:#151515}.site-header{height:96px;position:absolute;z-index:20;top:0;left:0;width:100%;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1c}.monogram{font-size:36px;font-weight:800;letter-spacing:-6px;position:relative;line-height:1}.monogram span{color:var(--accent);margin-left:3px}.monogram i{font:9px Arial;position:absolute;right:-18px;top:0}.site-header nav{display:flex;gap:38px;font-size:12px}.site-header nav a{color:#dedfd7}.site-header nav a:hover{color:var(--accent)}sup{font-size:8px;margin-left:5px;color:var(--accent)}.contact-link{font-size:12px}.contact-link span{margin-left:26px;font-size:23px}.menu-toggle{display:none;background:none;font-size:23px}.experience{height:540vh;position:relative}.stage{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;background:#151714}#webgl{position:absolute;inset:0}#webgl canvas{display:block;width:100%;height:100%}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#11151028,transparent 70%),linear-gradient(0deg,#111510d6,transparent 30%,transparent 85%,#12141244);pointer-events:none}.grain{position:absolute;inset:0;opacity:.045;pointer-events:none;z-index:8;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-copy{position:absolute;left:5.5%;right:5.5%;top:135px;z-index:3}.eyebrow{font-size:10px;letter-spacing:1.6px;display:flex;align-items:center;gap:10px;font-weight:600}.eyebrow-right{margin-left:auto;opacity:.6;font-size:9px}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;box-shadow:0 0 16px #caff4b50}.hero-role{font-size:11px;letter-spacing:1.5px;line-height:1.6;margin-top:44px;margin-bottom:20px;color:#b7bbb2}h1{font-family:var(--display);font-size:clamp(110px,14.4vw,222px);letter-spacing:-.025em;line-height:.80;font-weight:700;margin:0;max-width:70%;text-transform:uppercase}h1>span{display:block}.title-dot{color:var(--accent)}.hero-bottom{display:flex;align-items:center;gap:40px;margin-top:28px}.hero-bottom p{font-size:12px;color:#b9beb3;line-height:1.65;margin:0}.pill{display:inline-flex;align-items:center;gap:40px;background:var(--accent);color:#18200e;font-size:11px;padding:15px 20px;border-radius:50px;font-weight:700}.pill span{font-size:18px}.pill:hover{background:#e0ff9c;transform:translateY(-2px)}.hero-side{position:absolute;right:5.5%;top:35%;z-index:2;text-align:right}.hero-side p{font-size:9px;letter-spacing:1.2px;line-height:1.7;color:#b0b6aa}.orbit-mark{font-size:42px;color:var(--accent);display:block;margin-bottom:25px}.small-line{display:block;width:25px;height:1px;background:#77806d;margin:24px 0 24px auto}.hero-bottomline{position:absolute;bottom:76px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;z-index:4;color:#9da597}.down-arrow{display:inline-block;margin-left:24px;font-size:23px;color:var(--accent)}.timeline{position:absolute;bottom:0;left:5.5%;right:5.5%;height:16px;background:repeating-linear-gradient(90deg,#4a5143 0,#4a5143 1px,transparent 1px,transparent 12px);border-bottom:1px solid #414839;opacity:.9}.timeline span{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--accent)}.timeline i{position:absolute;left:0;top:-7px;width:1px;height:23px;background:var(--accent)}.timeline i:before{content:'';position:absolute;top:0;left:-4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--accent)}.scene-marker{position:absolute;bottom:33px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;color:#7f8a77;font-size:8px;letter-spacing:1.3px;pointer-events:none}.scene-marker b{font:10px monospace;font-weight:normal;color:var(--accent)}.motion-control{position:absolute;bottom:31px;left:44%;background:transparent;font-size:9px;color:#b8c2ae;z-index:12;padding:5px}.motion-control span{margin-left:9px;color:var(--accent)}.skip-experience{position:absolute;right:5.5%;top:125px;font-size:10px;opacity:0;z-index:6}.project-overlay{position:absolute;inset:0;opacity:0;pointer-events:none;z-index:5}.project-index{position:absolute;top:10%;left:5.5%}.project-index b{font-weight:normal;color:var(--accent);margin-left:20px}.project-caption{position:absolute;bottom:110px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;align-items:end}.project-caption p{font-size:10px;letter-spacing:2px;text-shadow:0 2px 12px #000}.project-caption h2{font:700 clamp(74px,10vw,150px)/.9 var(--display);margin:16px 0 0;letter-spacing:-2px;text-shadow:0 2px 60px #0008}.round-button{border-radius:50%;border:1px solid #ffffff65;background:#161b1480;backdrop-filter:blur(12px);width:60px;height:60px;display:grid;place-items:center;font-size:29px;pointer-events:auto}.round-button:hover{background:var(--accent);color:#151515}.section-shell{padding:94px 5.5%}.section-top{display:flex;justify-content:space-between;align-items:center}.section-top p{margin:0}.mono{font-family:monospace;font-size:10px;letter-spacing:1px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:55px 0 48px}.section-heading h2{font:600 clamp(64px,7vw,105px)/.95 var(--display);letter-spacing:-1.7px;margin:0}.section-heading h2 em{font-style:normal;color:#8a9283}.section-heading p{font-size:12px;line-height:1.8;color:#adb3a6;margin:0 0 18px;max-width:355px}.text-link{font-size:11px;border-bottom:1px solid #7b8471;padding-bottom:7px}.text-link:hover{color:var(--accent)}.filters-row{display:flex;gap:15px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:22px 0 35px}#filters{display:flex;gap:8px;flex-wrap:wrap}#filters button{padding:10px 14px;border:1px solid #42473c;border-radius:25px;background:none;font-size:10px;color:#bbc0b4}#filters button.active{color:#151a10;background:var(--accent);border-color:var(--accent)}.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:40px 24px}.project-card{grid-column:span 4;display:block;background:transparent;text-align:left;padding:0}.project-card:nth-child(6n+1),.project-card:nth-child(6n+2){grid-column:span 6}.card-image{aspect-ratio:1.28;position:relative;overflow:hidden;background:#252923;border-radius:3px}.project-card:nth-child(6n+1) .card-image,.project-card:nth-child(6n+2) .card-image{aspect-ratio:1.5}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.6,.2,1),filter .7s;filter:saturate(.8)}.project-card:hover img{transform:scale(1.055);filter:saturate(1)}.card-image:after{content:'↗';position:absolute;right:16px;top:16px;width:35px;height:35px;background:#131810b3;border:1px solid #ffffff30;border-radius:50%;display:grid;place-items:center;font-size:20px;backdrop-filter:blur(10px);transition:.3s}.project-card:hover .card-image:after{background:var(--accent);color:#151515}.card-meta{display:flex;justify-content:space-between;gap:10px;margin-top:15px}.card-meta h3{font-size:14px;letter-spacing:-.3px;margin:0 0 5px;font-weight:600}.card-meta p{font-size:9px;color:#8e9885;margin:0;line-height:1.6}.card-meta>span{font-size:9px;color:#7c8773}.card-image.no-cover{display:grid;place-items:center;background:linear-gradient(130deg,#26301f,#151914)}.no-cover span{font:600 42px/.95 var(--display);max-width:85%;color:#becba7;text-align:center}.dark-pill{display:flex;margin:50px auto 0;border:1px solid #606b51;background:transparent;color:var(--paper)}.archive-note{text-align:center;color:#7f8976;font-size:10px;margin:40px 0 0}.about-section{background:var(--paper);color:#21251c}.about-section .mono{color:#777e6c}.about-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:100px;padding:70px 0 30px}.experience-number{font:600 clamp(160px,23vw,340px)/.85 var(--display);letter-spacing:-12px}.experience-number>span{font:300 .4em var(--body);letter-spacing:-7px;vertical-align:top}.experience-number p{font:10px/1.7 var(--body);letter-spacing:2px;margin:24px 0 0}.about-copy h2{font:500 clamp(32px,3.4vw,53px)/1.13 var(--body);letter-spacing:-2px;margin:0 0 35px}.about-copy h2 span{color:#8d9483}.about-copy>p{font-size:12px;line-height:1.9;color:#636a59;max-width:580px}.experience-names{border-top:1px solid #c7cbbf;display:flex;justify-content:space-between;padding-top:25px;margin-top:38px;font-size:12px;font-weight:700;gap:25px}.capability-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.ecosystem{height:430px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #424a36;border-radius:50%;width:340px;height:340px;transform:rotate(-30deg)}.orbit-two{width:450px;height:200px;transform:rotate(35deg);border-color:#30372a}.creative-core{background:var(--accent);color:#212b13;width:160px;height:160px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;font-weight:700;box-shadow:0 0 90px #caff4b0c}.creative-core span{font-size:6px;letter-spacing:.7px;margin-top:8px}.node{position:absolute;font-size:9px;letter-spacing:1px;background:var(--bg);padding:10px 14px;border:1px solid #465139;border-radius:30px}.node1{top:32px;left:35%}.node2{top:130px;right:6%}.node3{bottom:90px;right:12%}.node4{bottom:32px;left:35%}.node5{bottom:120px;left:4%}.node6{top:120px;left:8%}.capability-list details{border-bottom:1px solid var(--line)}.capability-list summary{cursor:pointer;display:flex;gap:22px;padding:24px 0;align-items:center;font-size:17px;list-style:none}.capability-list summary::-webkit-details-marker{display:none}.capability-list summary span{color:#747e69;font:10px monospace}.capability-list summary i{font-style:normal;margin-left:auto;color:var(--accent);font-size:22px}.capability-list details[open] summary i{transform:rotate(45deg)}.capability-list details p{font-size:11px;line-height:2;color:#9da793;padding:0 30px 18px 35px;margin:0}.contact-section{border-top:1px solid var(--line);position:relative;overflow:hidden;padding-top:65px;padding-bottom:60px}.contact-section h2{position:relative;font:600 clamp(85px,13vw,200px)/.9 var(--display);letter-spacing:-3px;margin:65px 0;color:var(--paper)}.contact-section em{font-style:normal;color:var(--accent)}.contact-section h2 a{position:absolute;right:7%;top:14%;font-family:Arial;font-size:90px;width:145px;height:145px;border:1px solid #697c51;border-radius:50%;display:grid;place-items:center}.contact-section h2 a:hover{background:var(--accent);color:#161a13}.contact-bottom{display:flex;align-items:end;justify-content:space-between;gap:25px}.contact-bottom p{font-size:12px;line-height:1.7;color:#abb5a0;margin:0}.contact-orbit{position:absolute;width:800px;height:800px;right:-300px;top:-200px;border:1px solid #65725026;border-radius:50%;box-shadow:0 0 0 80px #65725008,0 0 0 160px #65725005}footer{padding:30px 5.5%;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1px;border-top:1px solid var(--line);color:#859279}dialog{background:#151914;color:var(--paper);border:1px solid #424f34;width:min(1080px,94vw);max-height:92svh;padding:30px;border-radius:6px}dialog::backdrop{background:#030803d9;backdrop-filter:blur(14px)}.dialog-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-toolbar .round-button{width:42px;height:42px;font-size:26px}.dialog-title{font:600 64px/.95 var(--display);margin:15px 0 12px}.dialog-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.dialog-intro p{font-size:11px;line-height:1.9;color:#adb7a2}.dialog-main-image{width:100%;max-height:65vh;object-fit:contain;background:#0c100b}.dialog-details{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:35px 0}.dialog-details h3{font-size:10px;letter-spacing:1px;color:var(--accent)}.dialog-details p{font-size:12px;line-height:1.9;color:#a6b19a}.process-image{max-width:100%;display:block;margin:20px auto}.skip-link{position:absolute;top:-70px;left:20px;background:var(--accent);color:#000;padding:15px;z-index:100}.skip-link:focus{top:10px}.fallback-art{display:none}.webgl-failed .fallback-art{display:block;position:absolute;right:5%;top:25%;width:40%;transform:rotate(-7deg);opacity:.35}.fallback-art img{width:100%}.reduced .experience{height:100svh}.reduced .stage{min-height:640px}.reduced .timeline,.reduced .skip-experience{display:none}.reduced .hero-bottomline>span:first-child{visibility:hidden}[hidden]{display:none!important}.noscript{padding:40px;background:var(--accent);color:#000}
@media(min-width:1600px){.hero-copy{top:17%}.hero-role{margin-top:55px}.hero-bottom{margin-top:42px}}@media(max-height:760px) and (min-width:801px){.hero-copy{top:119px}.hero-role{margin-top:22px;margin-bottom:15px}h1{font-size:155px}.hero-bottom{margin-top:20px}.hero-bottomline{bottom:65px}.stage{min-height:640px}}@media(max-width:900px){.eyebrow-right{display:none}.hero-side{right:5%;top:40%}.hero-side p{font-size:8px}.hero-copy{top:140px}h1{font-size:17vw}.hero-role{margin-top:50px}.section-shell{padding:70px 5.5%}.capability-layout{gap:20px}.ecosystem{transform:scale(.8);margin-left:-40px}.about-grid{gap:45px}.about-copy h2{font-size:32px}.experience-names{flex-direction:column;gap:15px}.contact-section h2 a{width:100px;height:100px;font-size:60px;right:2%}.hero-bottomline>span:nth-child(2){display:none}}
@media(max-width:600px){.site-header{height:76px}.site-header nav{display:none;position:absolute;right:5%;top:76px;flex-direction:column;background:#20271b;padding:25px;border:1px solid #556742;border-radius:8px;gap:25px}.site-header nav.open{display:flex}.menu-toggle{display:block}.contact-link{margin-left:auto;margin-right:28px;font-size:10px}.contact-link span{margin-left:12px}.hero-copy{top:108px;left:6%;right:6%}.hero-role{margin-top:37px;font-size:9px;margin-bottom:18px}.hero-copy .eyebrow{font-size:8px}h1{font-size:26vw;max-width:95%;line-height:.82;position:relative;z-index:3}.hero-bottom{margin-top:32px;gap:20px;align-items:flex-start;flex-direction:column}.hero-bottom p{font-size:10px}.pill{font-size:10px;padding:12px 18px;gap:30px}.hero-side{right:6%;top:67%;text-align:right}.hero-side .orbit-mark{font-size:26px;margin-bottom:10px}.hero-side p{font-size:7px}.hero-side .small-line,.hero-side p:last-child{display:none}.hero-bottomline{left:6%;right:6%;bottom:68px;font-size:7px}.hero-bottomline .edition{display:block}.motion-control{left:44%;font-size:8px}.scene-marker{font-size:6px}.scene-marker b{font-size:8px}.stage{min-height:660px}.experience{height:450vh}.project-caption h2{font-size:22vw}.project-caption{bottom:110px}.project-index{top:10%;font-size:8px}.round-button{width:46px;height:46px;font-size:24px}.skip-experience{top:60px;font-size:9px}.section-heading{display:block;margin:35px 0}.section-heading h2{font-size:68px;letter-spacing:-1px}.section-heading>div,.section-heading>p{margin-top:25px}.section-heading p{font-size:11px}.section-top .eyebrow{font-size:8px;letter-spacing:1px}.mono{font-size:8px}.filters-row{align-items:start;gap:10px;flex-direction:column}#filters{gap:7px}#filters button{font-size:9px;padding:8px 12px}.gallery{gap:25px 12px}.project-card,.project-card:nth-child(6n+1),.project-card:nth-child(6n+2){grid-column:span 6}.project-card:nth-child(5n+1){grid-column:span 12}.card-image,.project-card:nth-child(6n+1) .card-image,.project-card:nth-child(6n+2) .card-image{aspect-ratio:1.2}.project-card:nth-child(5n+1) .card-image{aspect-ratio:1.4}.card-meta h3{font-size:11px}.card-meta p{font-size:8px}.card-meta>span{display:none}.card-image:after{width:28px;height:28px;right:9px;top:9px;font-size:16px}.no-cover span{font-size:27px}.about-grid{display:block;padding:40px 0 0}.experience-number{font-size:200px;letter-spacing:-7px;margin-bottom:50px}.experience-number p{font-size:8px}.about-copy h2{font-size:32px;letter-spacing:-1.5px}.about-copy>p{font-size:11px}.experience-names{flex-direction:row;line-height:1.6;font-size:10px}.capability-layout{display:block}.ecosystem{transform:scale(.8);height:365px;margin:-20px 0 0;transform-origin:center}.orbit{width:330px;height:330px}.orbit-two{width:400px}.node1{top:10px}.node4{bottom:0}.node2{right:-1%}.node3{right:0}.node5{left:0}.node6{left:-5%}.capability-list summary{font-size:14px;padding:22px 0}.capability-list details p{font-size:10px}.contact-section h2{font-size:20vw;letter-spacing:-1px;margin:45px 0}.contact-section h2 a{width:55px;height:55px;font-size:34px;right:0;top:0}.contact-bottom{flex-wrap:wrap;align-items:center}.contact-bottom p{font-size:10px;width:100%;margin-bottom:10px}.contact-bottom .text-link{font-size:9px}footer{flex-wrap:wrap;font-size:7px;line-height:1.7}footer span:nth-child(2){display:none}dialog{padding:18px}.dialog-title{font-size:44px}.dialog-intro{display:block}.dialog-intro .pill{margin-top:10px}.dialog-details{grid-template-columns:1fr;gap:15px}.dialog-details p{font-size:11px}.archive-note{font-size:9px;line-height:1.8}.reduced .experience{height:700px}.reduced .stage{height:700px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.webgl-failed .project-overlay,.webgl-failed .skip-experience{display:none}.webgl-failed .motion-control{cursor:default;color:#929e85}

.archive-search{position:relative;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:15px}.archive-search label{font-size:8px;letter-spacing:1px;color:#87947a}.archive-search input{background:transparent;color:var(--paper);border:0;font:12px var(--body);padding:12px 0;flex:1;min-width:0;outline:none}.archive-search input:focus{box-shadow:0 1px 0 var(--accent)}.archive-search>span{font-size:20px;color:var(--accent)}.empty-state{grid-column:1/-1;padding:45px 0;color:#aebaa0;font-size:13px}@media(max-width:600px){.archive-search{display:block;padding-bottom:5px}.archive-search label{display:block}.archive-search input{width:95%;font-size:11px}.archive-search>span{position:absolute;right:0;top:22px}}
.capabilities-section{overflow:hidden}
/* V2: live photographic space. A stationary perspective replaces camera dolly zooms. */
.experience{height:340vh}.stage{background:radial-gradient(ellipse at 70% 45%,#29322255,transparent 48%),#121412;isolation:isolate}.scene-shade{z-index:1;pointer-events:none;background:linear-gradient(0deg,#121412,transparent 22%,transparent 85%,#12141233)}.hero-copy{pointer-events:none}.hero-copy .hero-bottom button{pointer-events:auto}.live-photos{position:absolute;inset:0;perspective:950px;perspective-origin:50% 50%;transform-style:preserve-3d;z-index:2;touch-action:pan-y;user-select:none}.live-photo{position:absolute;left:50%;top:50%;margin-left:calc(var(--photo-width,310px)/-2);margin-top:calc(var(--photo-height,242.57px)/-2);padding:0;border:1px solid #b3cf7d40;border-radius:6px;background:#161c12;transform-style:preserve-3d;backface-visibility:hidden;box-shadow:0 20px 45px #0007,0 0 25px #b7ff5510;will-change:transform;cursor:grab;overflow:visible}.live-photo:active,.dragging .live-photo{cursor:grabbing}.live-photo>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px;pointer-events:none}.photo-sheen{position:absolute;inset:0;border-radius:5px;pointer-events:none;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,30%),#e4ffbe42,transparent 65%);mix-blend-mode:screen;opacity:calc(.18 + var(--lift,0)*.6);transform:translateZ(3px)}.photo-label{position:absolute;bottom:-1px;left:-1px;right:-1px;display:flex;align-items:center;gap:10px;padding:20px 13px 12px;border-radius:0 0 5px 5px;background:linear-gradient(transparent,#081006e8);font-size:10px;text-align:left;transform:translateZ(8px);pointer-events:none}.photo-label small{font:8px monospace;color:var(--accent)}.photo-label strong{font-size:11px;font-weight:600}.photo-label>span{margin-left:auto;color:var(--accent);font-size:18px}.live-photo.selected{border-color:#caff4b85;box-shadow:0 22px 60px #0008,0 0 40px #b4ff4d22}.live-photo:focus-visible{outline:2px solid var(--accent);outline-offset:8px}.webgl-ready .live-photo{background:transparent;border-color:transparent;box-shadow:none}.webgl-ready .live-photo>img,.webgl-ready .photo-sheen{opacity:0}.webgl-ready .live-photo:focus-visible{outline-color:var(--accent)}.live-heading{position:absolute;top:9%;left:5.5%;z-index:3;pointer-events:none;opacity:0}.live-heading h2{font:600 clamp(55px,6vw,92px)/.9 var(--display);letter-spacing:-1px;margin:20px 0}.live-heading em{font-style:normal;color:var(--accent)}.scene-toolbar{position:absolute;z-index:6;bottom:105px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;opacity:0}.scene-toolbar>button{height:43px;border:1px solid #58684366;background:#172112be;backdrop-filter:blur(12px);border-radius:50px;padding:0 16px;font-size:17px}.scene-toolbar>button:hover{background:#caff4b;color:#172112}.scene-toolbar #active-photo{display:flex;align-items:center;gap:25px;font-size:12px;min-width:240px;justify-content:space-between}.scene-toolbar #active-photo-index{font:9px monospace;color:#8fa679}.scene-toolbar #active-photo:hover #active-photo-index{color:#3c5323}.formation-switch{position:absolute;z-index:6;right:5.5%;bottom:33px;display:flex;gap:5px}.formation-switch button{background:transparent;padding:5px 8px;border:1px solid #58684377;border-radius:20px;color:#9bab8d;font-size:8px;letter-spacing:.3px}.formation-switch button.active{color:var(--accent);border-color:var(--accent)}.scene-marker{right:auto}.scene-marker b{display:none}.skip-experience{top:auto;bottom:74px;right:5.5%;opacity:1;font-size:10px}.hero-bottomline{right:auto;bottom:75px;gap:65px;pointer-events:none}.hero-bottomline .edition{display:none}.motion-control{left:50%;transform:translateX(-50%)}.project-card{perspective:950px}.card-image{overflow:visible;transform:rotateX(var(--ty,0deg)) rotateY(var(--tx,0deg));transition:transform .16s ease-out;transform-style:preserve-3d}.card-image img{border-radius:3px}.card-image:before{content:'';position:absolute;inset:0;z-index:1;border-radius:3px;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#d9ff8f40,transparent 65%);opacity:0;transition:opacity .25s;mix-blend-mode:screen}.project-card:hover .card-image:before{opacity:1}.project-card:hover img{transform:none}.project-card:hover .card-image:after{transform:translateZ(25px)}.reduced .experience{height:100svh}.reduced .stage{min-height:700px}.reduced .live-photo,.reduced .card-image{will-change:auto}.reduced .timeline{display:none}.reduced .hero-bottomline>span:first-child{visibility:visible}.reduced .skip-experience{display:block}.webgl-failed .skip-experience{display:block}
@media(max-width:900px){.live-heading h2{font-size:60px}.hero-bottomline{gap:30px}.hero-bottomline>span:nth-child(2){display:none}}
@media(max-width:600px){.experience{height:300vh}.stage{min-height:780px}.hero-copy{top:105px}.hero-role{margin-top:28px}h1{font-size:25vw}.hero-bottom{margin-top:22px}.hero-bottom p{display:none}.live-heading{top:9%;left:6%}.live-heading h2{font-size:52px;margin-top:15px}.live-heading .eyebrow{font-size:8px}.photo-label{padding:15px 7px 6px;gap:5px}.photo-label strong{font-size:9px}.photo-label small{font-size:7px}.photo-label>span{font-size:13px}.live-photo{border-radius:4px}.scene-toolbar{bottom:125px;gap:6px;width:89%;justify-content:center}.scene-toolbar>button{padding:0 12px;height:38px;font-size:15px}.scene-toolbar #active-photo{min-width:0;width:205px;font-size:10px;gap:10px}.scene-toolbar #active-photo-index{font-size:7px}.formation-switch{right:6%;bottom:35px}.formation-switch button{font-size:7px;padding:5px 7px}.scene-marker{font-size:6px;bottom:52px}.motion-control{left:6%;transform:none;bottom:30px;font-size:8px;padding:0}.hero-bottomline{left:6%;bottom:85px;font-size:7px;right:auto}.skip-experience{font-size:8px;right:6%;bottom:85px}.reduced .experience,.reduced .stage{height:800px;min-height:800px}}

.photo-surface{display:block;width:100%;height:100%;overflow:hidden;border-radius:5px;pointer-events:none}.photo-surface img{width:100%;height:100%;object-fit:cover;transform:translate(var(--image-x,0px),var(--image-y,0px)) scale(1.04);pointer-events:none}.webgl-ready .photo-surface{opacity:0}