/* Silver / motion direction 02. Kept separate from the original blue website. */
.site-header{position:fixed;left:50%;top:22px;translate:-50% 0;width:min(540px,calc(100% - 40px));padding:15px 20px;background:#181a16ed;color:#f4f4ed;border:1px solid #ffffff25;backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 8px 30px #0001;transition:width .6s,background .5s,box-shadow .5s;gap:22px}
.site-header .brand{gap:11px;flex:1}.site-header nav{gap:23px;font-size:10px}.site-header nav .nav-contact{display:none}.site-header nav a:after{background:var(--lime);bottom:-7px}.site-header .menu-toggle{display:flex;align-items:center;gap:20px;border-left:1px solid #ffffff30;border-radius:0;padding:7px 0 7px 21px;font-size:10px}.menu-toggle span{font-size:23px;color:var(--lime);line-height:1}.site-header .brand-mark{font-size:32px}.site-header .brand-mark>span{font-size:18px}.site-header .brand>span:last-child{font-size:11px}.site-header.scrolled{box-shadow:0 10px 45px #0002;width:min(500px,calc(100% - 40px))}
.mobile-menu{display:flex;position:fixed;inset:0;background:#161912f5;color:#f4f5ef;z-index:18;padding:clamp(135px,17vh,190px) 8vw 50px;flex-direction:column;justify-content:center;gap:12px;backdrop-filter:blur(0);transform:none;clip-path:inset(0 0 100% 0 round 0 0 30px 30px);opacity:0;transition:clip-path .8s cubic-bezier(.76,0,.24,1),opacity .6s,backdrop-filter .8s;pointer-events:none}
.mobile-menu a{font-size:clamp(44px,6.8vw,110px);letter-spacing:-.065em;line-height:1.2;max-width:65%;transform:translateY(45px);opacity:0;transition:transform .7s var(--ease),opacity .5s,color .3s;position:relative;z-index:2}.mobile-menu a:hover{color:var(--lime);translate:12px 0}.mobile-menu a:nth-child(2){transition-delay:.06s}.mobile-menu a:nth-child(3){transition-delay:.12s}.mobile-menu a:nth-child(4){transition-delay:.18s}.mobile-menu:after{content:'OPEN TO PROJECTS & REMOTE ROLES / LET’S MAKE SOMETHING WORTH SHARING';font-size:10px;letter-spacing:.07em;color:#adb3a4;position:absolute;bottom:45px;left:8vw;right:8vw;border-top:1px solid #fff2;padding-top:23px}.menu-open{overflow:hidden}.menu-open .mobile-menu{clip-path:inset(0 0 0 0 round 0);opacity:1;pointer-events:auto;backdrop-filter:blur(22px)}.menu-open .mobile-menu a{transform:none;opacity:1}.menu-open .site-header{background:#22271b}
.title-line{display:block;overflow:hidden;line-height:1.15;margin-top:-.1em;padding-bottom:.04em}.title-line>span{display:block;transform-origin:left bottom}.hero-copy .title-line{padding-bottom:.07em}.hero-copy .title-line em:after{bottom:9%;height:22%}.hero-cube:after{border-color:#7b91494d;animation:orbit-breathe 9s ease-in-out infinite}.hero-cube .cube-halo{background:radial-gradient(ellipse,#d1ff6940,#fff6 40%,transparent 72%)}.hero-cube .cube-caption{letter-spacing:.11em}.hero-foot{position:relative;z-index:4}.hero-foot:before{content:'';position:absolute;top:-1px;height:1px;width:70px;background:#668000;animation:line-drift 6s ease-in-out infinite}
.perspective-scene{position:relative;min-height:100svh;background:#181b14;color:#f3f5ed;isolation:isolate}.perspective-stage{height:100svh;min-height:670px;position:relative;overflow:clip;background:#181b14}.perspective-stage:before{content:'';position:absolute;inset:-20%;background:radial-gradient(ellipse at 35% 50%,#91aa2730,transparent 52%);pointer-events:none}.perspective-top{position:absolute;left:56px;right:56px;top:40px;display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:10px}.perspective-counter{font:11px monospace}.perspective-type{position:absolute;top:13%;left:0;width:100%;height:30%;white-space:nowrap;text-align:center;pointer-events:none;color:#f3f5ed14}.perspective-type span{position:absolute;inset:0;display:block;font-size:clamp(100px,20vw,360px);line-height:1;letter-spacing:-.07em;font-weight:650}.perspective-type span:not(:first-child){opacity:0}.perspective-cube{position:absolute;top:24%;left:7%;width:56%;height:64%}.perspective-cube .cube-caption{display:none}.perspective-cube .cube-halo{background:radial-gradient(ellipse,#c4ff001f,transparent 65%);filter:blur(30px)}.perspective-notes{position:absolute;bottom:22%;right:5%;width:30%;z-index:4;min-height:250px}.perspective-notes article{position:absolute;inset:0}.perspective-notes article:not(:first-child){opacity:0;visibility:hidden}.perspective-notes article>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.perspective-notes h2{font-size:clamp(32px,3vw,48px);line-height:1.1;margin:26px 0}.perspective-notes p{font-size:13px;color:inherit;opacity:.7;max-width:340px}.perspective-bottom{position:absolute;bottom:40px;left:56px;right:56px;display:flex;align-items:center;gap:45px;font-size:9px;letter-spacing:.07em}.perspective-bottom>span:last-child{margin-left:auto}.scene-progress{height:1px;background:currentColor;opacity:.7;width:20%;position:relative}.scene-progress i{position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:currentColor;transform:translateX(var(--scene-progress,0px))}.intro .intro-layout{position:relative;z-index:4}.intro h2 .read-word{display:inline-block;transition:none}.word-ribbon{position:relative;justify-content:flex-start;width:max-content;min-width:100%;will-change:transform;border:0;margin-top:75px;animation:word-drift 27s linear infinite}.word-ribbon>span,.word-ribbon>i{flex:none}.intro{overflow:hidden}.live-marquee{overflow:hidden;border-top:1px solid #17191620;border-bottom:1px solid #17191620;background:var(--lime);padding:25px 0;position:relative}.marquee-track{display:flex;width:max-content;animation:marquee-roll 30s linear infinite;will-change:transform}.marquee-track>div{display:flex;gap:45px;align-items:center;flex:none;padding-right:45px}.marquee-track span{font-size:clamp(40px,6vw,100px);letter-spacing:-.06em;line-height:1}.marquee-track i{font-size:48px;font-style:normal;font-weight:300}.live-marquee:hover .marquee-track{animation-play-state:paused}.closing-link{perspective:900px}.closing-link:hover em{color:#728e1a}.closing-arrow{border:1px solid #17191620;border-radius:50%;font-size:.7em;width:1.6em;height:1.6em;display:grid;place-items:center;background:var(--lime)}
.work-window{overflow:visible}.work-controls{display:none}.selected.work-cinematic{height:100svh;min-height:670px;padding-top:105px;padding-bottom:25px;max-width:none;width:100%;overflow:clip;position:relative;background:var(--paper)}.work-cinematic>.section-label,.work-cinematic>.section-heading,.work-controls{margin-left:56px;margin-right:56px}.work-cinematic .section-heading{margin-top:24px;margin-bottom:30px;align-items:flex-end}.work-cinematic .section-heading h2{font-size:clamp(36px,3.4vw,60px)}.work-cinematic .section-heading h2 br{display:none}.work-cinematic .section-heading h2 em{margin-left:.2em}.work-cinematic .work-window{width:100%;overflow:visible;padding-left:56px}.work-cinematic .project-grid{display:flex;width:max-content;gap:36px;padding:0;will-change:transform}.work-cinematic .project-card{width:min(67vw,1060px);flex:none;transform:none!important;translate:none!important;opacity:1!important}.work-cinematic .project-image{aspect-ratio:auto;height:clamp(270px,43vh,530px);border-radius:12px}.work-cinematic .project-image img{object-fit:cover}.work-cinematic .project-caption{padding-top:18px}.work-cinematic .project-caption h3{font-size:26px}.work-cinematic .work-controls{display:flex;align-items:center;gap:20px;margin-top:24px;font-size:9px;letter-spacing:.05em}.work-progress{height:2px;background:#17191620;flex:1;max-width:300px}.work-progress i{display:block;width:25%;height:100%;background:#6a851b}.work-controls>span:nth-of-type(2){margin-left:auto}.work-controls button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;font-size:17px}.work-controls button:hover{background:var(--lime)}.work-controls button:disabled{opacity:.3;cursor:default}.project-card{perspective:1200px}.project-card .project-image{transform-origin:center;will-change:transform}.services .service-list details{transition:background .4s,padding .4s,border-radius .4s}.services .service-list details[open]{background:#ffffff08;padding:24px 16px;border-radius:10px}.process-sticky{will-change:transform}.process-progress span{box-shadow:0 0 16px #b5ec0066}.route-wipe{background:#d3ff39;transform:none;clip-path:circle(0% at 50% 50%);opacity:0;display:block;z-index:40}.route-wipe>.route-destination{position:absolute;top:72%;left:10%;right:10%;text-align:center;font-size:clamp(36px,5vw,80px);letter-spacing:-.06em;line-height:1.1}.route-wipe>small{position:absolute;left:0;bottom:8%;width:100%;text-align:center;font-size:9px;letter-spacing:.15em}.navigation-busy{cursor:progress}.cv-hero .portrait-stage img{will-change:transform}.capability-cards article{transform-style:preserve-3d}.capability-cards article:hover{box-shadow:0 20px 50px #0002}.contact-panel{perspective:1000px}.intent-options label>span{transition:background .45s,border-color .45s,transform .5s cubic-bezier(.22,1.4,.3,1)}.intent-options input:checked+span{transform:translateY(-6px) rotate(-1deg)}
@keyframes marquee-roll{to{transform:translateX(-50%)}}@keyframes word-drift{to{transform:translateX(-50%)}}@keyframes orbit-breathe{0%,100%{opacity:.5;scale:1}50%{opacity:1;scale:1.035}}@keyframes line-drift{0%,100%{left:0}50%{left:calc(100% - 70px)}}
@media(max-width:1000px){.perspective-notes{width:36%;right:4%}.perspective-cube{left:0;width:61%;height:60%;top:28%}.perspective-notes h2{font-size:32px}.work-cinematic>.section-label,.work-cinematic>.section-heading,.work-controls{margin-left:36px;margin-right:36px}.work-cinematic .work-window{padding-left:36px}.work-cinematic .section-heading h2 br{display:block}.work-cinematic .section-heading h2 em{margin-left:0}}
@media(max-width:760px){.site-header{top:15px;padding:13px 17px;width:calc(100% - 32px)}.site-header.scrolled{width:calc(100% - 32px)}.site-header nav{display:none}.site-header .menu-toggle{padding-left:20px;font-size:11px}.mobile-menu{padding:130px 25px 70px;justify-content:center}.mobile-menu a{font-size:clamp(41px,9vw,65px);max-width:100%;position:relative;z-index:2}.mobile-menu:after{left:25px;right:25px;bottom:35px;font-size:8px;line-height:1.6}.hero{padding-top:130px}.hero h1{font-size:clamp(50px,11.6vw,82px)}.perspective-stage{height:100svh;min-height:700px}.perspective-top{left:20px;right:20px;top:30px;align-items:flex-start}.perspective-top .eyebrow{font-size:8px;max-width:210px}.perspective-counter{font-size:9px}.perspective-type{top:13%}.perspective-type span{font-size:22vw}.perspective-cube{left:0;top:18%;width:100%;height:43%}.perspective-notes{left:25px;right:25px;width:auto;bottom:11%;min-height:200px}.perspective-notes h2{font-size:32px;margin:16px 0}.perspective-notes p{font-size:12px;max-width:340px}.perspective-notes article>span{font-size:8px}.perspective-bottom{left:25px;right:25px;bottom:30px;gap:15px;font-size:7px}.perspective-bottom .scene-progress{display:none}.live-marquee{padding:20px 0}.marquee-track>div{gap:25px;padding-right:25px}.marquee-track i{font-size:30px}.word-ribbon{gap:20px}.closing-arrow{font-size:.65em;top:10px}.work-window{overflow:visible}.services .service-list details[open]{padding:22px 10px}.route-wipe>.route-destination{font-size:38px;top:70%}.route-wipe>small{font-size:7px}.title-line{line-height:1.16}}
.motion-paused .perspective-scene,.no-motion .perspective-scene{min-height:0}.motion-paused .perspective-stage,.no-motion .perspective-stage{height:auto;min-height:0;padding:70px 25px}.motion-paused .perspective-top,.no-motion .perspective-top{position:relative;inset:auto}.motion-paused .perspective-type,.no-motion .perspective-type{display:none}.motion-paused .perspective-cube,.no-motion .perspective-cube{position:relative;inset:auto;width:100%;max-width:420px;height:320px;margin:auto}.motion-paused .perspective-notes,.no-motion .perspective-notes{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;width:100%;min-height:0}.motion-paused .perspective-notes article,.no-motion .perspective-notes article{position:relative;opacity:1!important;visibility:visible!important;transform:none!important}.motion-paused .perspective-bottom,.no-motion .perspective-bottom{position:relative;inset:auto;margin-top:50px}.motion-paused .perspective-notes h2,.no-motion .perspective-notes h2{font-size:32px}
@media(max-width:760px){.motion-paused .perspective-notes,.no-motion .perspective-notes{grid-template-columns:1fr}.motion-paused .perspective-stage,.no-motion .perspective-stage{padding:50px 25px}.motion-paused .perspective-top .eyebrow{max-width:none}}
@media(prefers-reduced-motion:reduce){.title-line>span{transform:none!important;opacity:1!important}.marquee-track,.word-ribbon{animation:none}.perspective-stage{min-height:700px}}
@media(max-width:760px){.perspective-top{top:104px}.perspective-type{top:18%}.perspective-type span{font-size:21vw}.perspective-cube{top:23%;height:38%}.motion-paused .perspective-top,.no-motion .perspective-top{top:auto}}
@media print{.live-marquee,.mobile-menu,.perspective-scene{display:none}.title-line{overflow:visible}.title-line>span{transform:none!important}.site-header{display:none!important}}

/* Direction 03: the background and sculpture belong to the whole journey. */
:root{background:var(--surface,#e9e9e5);--radius:12}
body{overflow-x:clip;background:var(--surface,#e9e9e5);color:var(--foreground,#171916);--mute:#575d50;--line:#17191629;--accent:#526c08}
body.surface-dark{--foreground:#f2f4ed;--mute:#b8c0af;--line:#ffffff29;--accent:#c4ff00}
body:before{z-index:0;background:radial-gradient(ellipse at 95% 20%,rgb(181 231 55 / calc(.025 + var(--atmosphere,0)*.10)),transparent 53%),radial-gradient(ellipse at 5% 85%,rgb(182 221 87 / calc(var(--atmosphere,0)*.06)),transparent 45%);pointer-events:none}
main,footer{color:inherit}main>section,.ink,.perspective-scene,.perspective-stage{background:transparent;color:inherit}
.ink{--mute:inherit;--line:inherit;isolation:auto}.ink:before,.perspective-stage:before{display:none}
.ink em,main h2 em,.perspective-type{color:var(--accent)}
.ink .section-label>span:last-child,.ink .service-intro,.ink .service-list details>div,.intro-bottom{color:inherit;opacity:.76}
.hero-deck{color:var(--mute)}.hero h1 em{color:inherit}.surface-dark .hero h1 em:after{opacity:.24}
.perspective-type{color:var(--foreground,#171916)}.perspective-type span:first-child{opacity:.14}
.section-label,.section-heading,.service-layout,.process-steps,.opportunity-layout,.closing>*{position:relative;z-index:4}
.intro-layout,.perspective-notes{color:inherit}.process-sticky h2,.process-sticky>.eyebrow{position:relative;z-index:4}
.word-ribbon{color:var(--mute);opacity:.4}.word-ribbon i{color:var(--accent)}
.live-marquee{background:transparent;color:var(--accent);border-color:var(--line)}.closing-arrow{color:#171916}
.project-open,.project-index{color:#171916}.button.lime{color:#171916}.surface-dark .button:not(.lime){background:var(--lime);color:#171916}
.work-editorial{padding-top:135px;padding-bottom:150px;position:relative}
.work-editorial .section-heading{margin-bottom:110px}.work-editorial .section-heading h2{font-size:clamp(48px,6.3vw,100px)}
.work-editorial .project-grid{display:flex;flex-direction:column;gap:130px;padding-bottom:0}
.work-editorial .project-card{width:74%;position:relative;z-index:4;transform:none;align-self:flex-start}
.work-editorial .project-card:nth-child(even){align-self:flex-end;width:68%;transform:none}
.work-editorial .project-image{aspect-ratio:1.9;border-radius:14px;box-shadow:0 25px 80px #00000012}
.work-editorial .project-image img{transition:none}.work-editorial .project-caption h3{font-size:clamp(26px,3vw,42px)}
.work-editorial .project-caption p{font-size:12px}.work-editorial .project-caption{padding-top:23px}
.availability i{position:relative;background:#85b31c;animation:availability-beat 2.8s ease-in-out infinite}
.availability i:after{content:'';position:absolute;inset:-5px;border:1px solid #83b50c80;border-radius:50%;animation:availability-ring 2.8s ease-out infinite}
.surface-dark .availability i{background:var(--lime)}
@keyframes availability-beat{0%,35%,100%{transform:scale(1);box-shadow:0 0 0 3px #92c51918}10%{transform:scale(1.27);box-shadow:0 0 12px #92c51950}20%{transform:scale(1)}28%{transform:scale(1.18)}}
@keyframes availability-ring{0%{transform:scale(.6);opacity:0}10%{opacity:.8}55%,100%{transform:scale(1.9);opacity:0}}
.motion-paused .availability i,.motion-paused .availability i:after{animation:none}

/* The original curved project ribbon, with the silver / lime visual language. */
.work-gallery{height:530svh;position:relative;isolation:auto}
.gallery-stage{height:100svh;min-height:680px;position:sticky;top:0;overflow:clip;padding-top:120px;display:flex;flex-direction:column;z-index:4}
.gallery-head{position:relative;z-index:2;pointer-events:none}.gallery-head .eyebrow{font-size:10px;color:var(--mute)}
.gallery-head h1{font-size:clamp(54px,6.1vw,100px);margin-top:20px;line-height:1.05}.gallery-head h1 em{color:var(--accent)}
.gallery-scene{position:relative;flex:1;min-height:280px;cursor:grab;touch-action:pan-y;outline-offset:-4px}
.gallery-scene:active{cursor:grabbing}.gallery-canvas{position:absolute;inset:-6% 0 -14%;pointer-events:none}.gallery-canvas canvas{width:100%;height:100%;display:block}
.gallery-fallback{position:absolute;left:22%;right:22%;top:8%;bottom:12%;transition:opacity .8s}
.gallery-fallback img{height:100%;object-fit:cover;border-radius:12px}.webgl-ready .gallery-fallback{opacity:0;pointer-events:none}
.gallery-open{position:absolute;left:50%;top:50%;translate:-50% -50%;width:94px;height:94px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;color:white;font-size:12px;background:#161a16a6;backdrop-filter:blur(14px);border:1px solid #ffffff50;box-shadow:0 8px 30px #0002;transition:scale .4s,background .4s;z-index:2}
.gallery-open span{color:var(--lime);font-size:24px}.gallery-open:hover{scale:1.08;background:#171c13d9}
.gallery-info{display:flex;justify-content:space-between;gap:35px;position:relative;z-index:3;padding-bottom:27px;align-items:flex-end;pointer-events:none}
.gallery-info a,.gallery-info button{pointer-events:auto}.selected-project>p{font-size:11px;color:var(--mute)}
.selected-project>a{display:flex;align-items:center;gap:30px;width:fit-content;margin:9px 0}.selected-project h2{font-size:clamp(32px,3.2vw,52px);letter-spacing:-.045em}.selected-project>a>span{font-size:30px;color:var(--accent)}
.gallery-controls{font-size:10px;display:flex;flex-direction:column;align-items:flex-end;gap:20px}.gallery-controls>span{color:var(--mute)}.gallery-controls>div{display:flex;align-items:center;gap:22px}
.gallery-controls button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);font-size:21px;transition:background .3s,color .3s}.gallery-controls button:hover{background:var(--lime);color:#171916}.gallery-controls button:disabled{opacity:.3;cursor:default}
.gallery-track{height:2px;background:var(--line);margin-bottom:26px;position:relative;z-index:3;flex-shrink:0}.gallery-track i{display:block;height:100%;background:var(--accent);transform:scaleX(.14);transform-origin:left;transition:transform .1s}
.gallery-loading{position:absolute;left:50%;bottom:10%;translate:-50% 0;background:#171916ed;color:#fff;padding:12px 18px;border-radius:40px;font-size:10px;display:flex;gap:12px;align-items:center;z-index:4}.gallery-loading[hidden]{display:none}.gallery-loading span{width:8px;height:8px;background:var(--lime);border-radius:50%;animation:availability-beat 1.5s infinite}
.work-index{position:relative;z-index:4;border-top:1px solid var(--line);padding-top:30px}.work-index>summary{display:flex;justify-content:space-between;font-size:clamp(28px,3.5vw,48px);letter-spacing:-.05em;margin-bottom:35px}.work-index>summary span{font-size:38px;color:var(--accent)}.work-index[open]>summary span{rotate:45deg}.work-index .project-grid{padding-bottom:80px}.work-index .project-image{aspect-ratio:1.9}.work-index .project-card:nth-child(even){transform:none}
.gallery-static{height:auto}.gallery-static .gallery-stage{position:relative}
.surface-dark .closing-link em{color:var(--lime)}
.surface-dark .closing-bottom a{color:var(--foreground)}
.site-footer{position:relative;z-index:4}
@media(max-width:1000px){.work-editorial .project-grid{gap:85px}.work-editorial .project-card{width:84%}.work-editorial .project-card:nth-child(even){width:80%}.gallery-head h1{font-size:70px}}
@media(max-width:760px){.work-editorial{padding-top:85px;padding-bottom:90px}.work-editorial .section-heading{margin-bottom:55px}.work-editorial .project-card,.work-editorial .project-card:nth-child(even){width:100%}.work-editorial .project-grid{gap:65px}.work-editorial .project-image{aspect-ratio:1.55}.work-editorial .project-caption p{font-size:10px}.gallery-stage{padding-top:112px;min-height:660px}.gallery-head h1{font-size:clamp(43px,10vw,68px);margin-top:18px}.gallery-head .eyebrow{font-size:8px;letter-spacing:.04em}.gallery-scene{min-height:240px}.gallery-canvas{inset:-12% 0 -10%}.gallery-open{width:70px;height:70px;font-size:10px}.gallery-open span{font-size:20px}.gallery-info{gap:16px;padding-bottom:22px;align-items:flex-start;flex-direction:column}.selected-project h2{font-size:33px}.selected-project>p{font-size:10px}.gallery-controls{flex-direction:row;width:100%;justify-content:space-between;align-items:center;gap:8px}.gallery-controls>span{font-size:8px}.gallery-controls>div{gap:15px}.gallery-controls button{width:35px;height:35px;font-size:18px}.gallery-track{margin-bottom:20px}.gallery-fallback{left:13%;right:13%;top:10%;bottom:15%}.work-index>summary{font-size:26px}}
@media(prefers-reduced-motion:reduce){.availability i,.availability i:after,.gallery-loading span{animation:none}.work-editorial .project-card{filter:none!important;opacity:1!important;transform:none!important}.gallery-fallback{transition:none}}
@media print{body{background:white!important;color:black!important}.work-gallery{height:auto}.gallery-stage{position:relative}.gallery-controls,.gallery-open{display:none}}

/* Yellow-lime to fresh green, sampled in spirit from the supplied button reference. */
:root{--action-gradient:radial-gradient(ellipse at 10% 95%,#eaff00 0%,#bbff13 37%,#70ff38 74%,#58f844 100%)}
.button,.button.lime,.surface-dark .button:not(.lime),.closing-arrow,.gallery-open,
.filters button[aria-pressed=true],.intent-options input:checked+span{
 background:var(--action-gradient);color:#171916;border-color:#b3e82d;
 background-size:115% 115%;background-position:35% 65%;
}
.button:hover,.button.lime:hover,.surface-dark .button:not(.lime):hover,.gallery-open:hover{
 background:var(--action-gradient);background-size:115% 115%;background-position:70% 30%;color:#171916;
 box-shadow:0 8px 28px #a7ff001a;
}
.gallery-open span,.filters button[aria-pressed=true] sup,.intent-options input:checked+span small,.intent-options input:checked+span i{color:#273319}
.closing-link:hover .closing-arrow{background-position:70% 30%;box-shadow:0 8px 40px #b9ff0020}
.button,.gallery-open,.closing-arrow{transition:transform .35s,scale .35s,background-position .6s,box-shadow .4s}
@media(prefers-reduced-motion:reduce){.button,.gallery-open,.closing-arrow{transition:none}}
.work-invitation{position:relative;z-index:4;border-top:1px solid var(--line);padding-top:45px;margin-top:85px;display:flex;justify-content:space-between;align-items:center;gap:40px}
.work-invitation h3{font-size:clamp(32px,3.5vw,54px);margin:18px 0;line-height:1.1}
.work-invitation p{font-size:13px;color:var(--mute);max-width:420px}.work-invitation .button{flex-shrink:0}
@media(max-width:760px){.work-invitation{flex-direction:column;align-items:flex-start;gap:28px;margin-top:55px;padding-top:32px}.work-invitation p{font-size:12px}}

/* Continuous metal sculpture, neutral surfaces and luminous controls. */
body{--ink:#171719;--mute:#606064;--accent:#29292d;--hover-gradient:linear-gradient(135deg,#44444b,#151517 75%)}
body.surface-dark{--foreground:#f3f3f4;--mute:#bdbdc4;--accent:#c4ff00;--hover-gradient:linear-gradient(135deg,#777880,#303137 75%)}
body:before{background:radial-gradient(ellipse at 95% 20%,rgb(196 255 0 / calc(.015 + var(--atmosphere,0)*.035)),transparent 53%),radial-gradient(ellipse at 5% 85%,rgb(196 255 0 / calc(var(--atmosphere,0)*.025)),transparent 45%)}
.site-header{background:#19191bed}.mobile-menu{background:#171719f5}.menu-open .site-header{background:#242427}
.cv-title h1 em,.case-hero h1 em{color:var(--mute)}.career-entry .eyebrow{color:inherit}.filters sup{color:var(--mute)}
.closing-link em,.surface-dark .closing-link em{color:inherit;transition:color .65s ease}
.closing-link:hover em,.surface-dark .closing-link:hover em{color:var(--lime)}
.button,.gallery-open,.closing-arrow,.gallery-controls button,.filters button,.motion-toggle,.back-top,.print-button,.menu-toggle,.text-link,.project-open{transition:color .4s,box-shadow .5s,border-color .4s,transform .4s,scale .4s;background-clip:padding-box}
.button,.gallery-open,.closing-arrow,.gallery-controls button,.filters button,.motion-toggle,.back-top{position:relative;isolation:isolate}
.button:before,.gallery-open:before,.closing-arrow:before,.gallery-controls button:before,.filters button:before,.motion-toggle:before,.back-top:before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--hover-gradient);opacity:0;z-index:-1;transition:opacity .45s ease;pointer-events:none}
.button:hover:before,.button:focus-visible:before,.gallery-open:hover:before,.gallery-open:focus-visible:before,.closing-link:hover .closing-arrow:before,.gallery-controls button:hover:before,.filters button:hover:before,.motion-toggle:hover:before,.back-top:hover:before{opacity:1}
.button:hover,.button.lime:hover,.surface-dark .button:not(.lime):hover,.button:focus-visible,.gallery-open:hover,.gallery-open:focus-visible,.closing-link:hover .closing-arrow,.gallery-controls button:hover,.filters button:hover,.motion-toggle:hover,.back-top:hover{color:#fff;border-color:#ffffff80;box-shadow:0 0 0 1px #ffffff65,0 0 22px #ffffff40,0 10px 35px #00000025}
.gallery-open:hover span,.filters button:hover sup{color:#fff}
button:hover,button:focus-visible,.text-link:hover,.text-link:focus-visible,.project-open:hover,.intent-options label:hover>span{box-shadow:0 0 18px #ffffff45,0 0 2px #ffffffaa}
.availability i,.surface-dark .availability i{width:10px;height:10px;flex:0 0 10px;background:var(--lime);box-shadow:0 0 12px #c4ff0080;animation:availability-beat 2.1s ease-in-out infinite}
.availability i:after{inset:-6px;border:2px solid #c4ff00;animation:availability-ring 2.1s ease-out infinite}
@keyframes availability-beat{0%,40%,100%{transform:scale(1);box-shadow:0 0 9px #c4ff0070}10%{transform:scale(1.3);box-shadow:0 0 22px #c4ff00cc}20%{transform:scale(1)}29%{transform:scale(1.22);box-shadow:0 0 18px #c4ff00aa}}
@keyframes availability-ring{0%{transform:scale(.5);opacity:0}10%{opacity:.8}65%,100%{transform:scale(1.8);opacity:0}}
.cv-orbit,.cv-cube{display:none}.cv-facts,.capability-layout,.career-entry,.education-grid,.languages,.next-role{position:relative;z-index:4}
.cv-hero .portrait-stage{z-index:4}
.process-sticky{z-index:4}
.capability-layout{row-gap:34px;align-items:start}.capability-layout>div:first-child{grid-column:1;grid-row:1}
.tech-stack{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-self:start}
.tech-stack>span{display:flex;align-items:center;gap:12px;font-size:11px;border:1px solid var(--line);border-radius:12px;padding:15px 12px;background:#ffffff05;backdrop-filter:blur(12px)}
.tech-stack img{width:24px;height:24px;object-fit:contain;filter:grayscale(1) brightness(0)}
.surface-dark .tech-stack img{filter:grayscale(1) brightness(0) invert(1)}
.capability-cards{grid-column:2;grid-row:1 / 3}
.career-entry{grid-template-columns:170px minmax(0,1fr);gap:45px;padding:0 0 32px;border:0;opacity:1}
.career-entry:before{content:'';position:absolute;left:169px;top:0;bottom:0;width:1px;background:var(--line)}
.career-entry:last-child:before{bottom:70px}
.career-marker{position:relative;padding:32px 28px 0 0;text-align:right;font-size:11px;color:var(--mute)}
.career-marker i{position:absolute;right:-6px;top:34px;width:13px;height:13px;background:var(--lime);border:3px solid var(--surface);border-radius:50%;box-shadow:0 0 18px #c4ff0038}
.career-card{position:relative;padding:34px 38px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#ffffff19,#ffffff05);backdrop-filter:blur(18px)}
.employer-logo{height:44px;display:flex;align-items:center;margin-bottom:30px}
.employer-logo img{width:auto;max-width:160px;max-height:40px;height:auto;object-fit:contain;filter:grayscale(1) brightness(0)}
.surface-dark .employer-logo img{filter:grayscale(1) brightness(0) invert(1)}
.career-entry h3{font-size:clamp(26px,3vw,40px);margin:12px 0 18px}.career-entry .job-date{opacity:.8}
/* The project ribbon uses the same full-height stage as the blue edition. */
.gallery-stage{display:block;padding-top:0}
.gallery-head{position:absolute;top:0;left:0;right:0;padding-top:115px;z-index:3}
.gallery-head h1{font-size:clamp(50px,5.2vw,82px);margin-top:15px}
.gallery-scene{position:absolute;inset:0;min-height:0;margin:0;z-index:1}
.gallery-canvas{inset:0}.gallery-fallback{top:29%;bottom:25%;left:24%;right:24%}
.gallery-info{position:absolute;bottom:0;left:0;right:0;padding-bottom:48px;z-index:3}
.gallery-track{position:absolute;bottom:0;left:0;right:0;margin-bottom:23px;z-index:3}
.gallery-loading{bottom:24%}
.gallery-open,.closing-arrow{position:absolute}
@media(max-width:760px){
 .capability-layout>div:first-child{grid-column:1;grid-row:1}.tech-stack{grid-column:1;grid-row:2;margin:14px 0 25px}.capability-cards{grid-column:1;grid-row:3}
 .career-entry{grid-template-columns:1fr;gap:15px;padding:0 0 28px 24px}.career-entry:before{left:3px}.career-marker{text-align:left;padding:5px 0 0}.career-marker i{left:-27px;right:auto;top:7px}.career-card{padding:26px 24px}.employer-logo{margin-bottom:24px}
 .gallery-head{padding-top:112px}.gallery-head h1{font-size:clamp(40px,10vw,65px)}.gallery-scene{min-height:0}.gallery-info{padding-bottom:42px}.gallery-track{margin-bottom:18px}.gallery-fallback{left:12%;right:12%;top:31%;bottom:30%}.gallery-open{width:68px;height:68px}.gallery-loading{bottom:29%}
}
@media(prefers-reduced-motion:reduce){.availability i,.availability i:after{animation:none}.button:before,.gallery-open:before,.closing-arrow:before,.closing-link em{transition:none}}
@media print{.career-entry{grid-template-columns:100px 1fr;gap:20px}.career-entry:before{left:99px}.career-card{padding:16px}.employer-logo img,.tech-stack img{filter:grayscale(1) brightness(0)!important}.career-marker i{box-shadow:none}.tech-stack{margin:20px 0}}