:root{--black:#09090d;--white:#f5f2ef;--lavender:#d8b7f1;--lilac:#bea0d8;--plum:#352040;--ink:#17141c;--orange:#e6a15f;--muted:#a5a0a8;font-family:'DM Sans',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:70px}body{margin:0;background:var(--black);color:var(--white);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}::selection{background:var(--lavender);color:var(--black)}[hidden],.slide:not(.active){display:none!important}.skip{position:fixed;z-index:100;top:-100px;left:16px;background:white;color:#111;padding:12px}.skip:focus{top:12px}.progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:100;background:transparent}.progress span{display:block;width:0;height:100%;background:var(--lavender)}
.site-header{height:74px;position:absolute;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 3.4vw;font-size:12px}.brand{display:inline-flex;gap:2px;align-items:center;font-size:22px;font-weight:700;letter-spacing:-.11em;white-space:nowrap}.brand-star{color:var(--lavender);font-size:17px;letter-spacing:0}.brand-name{font-size:10px;font-weight:600;letter-spacing:.15em;margin-left:17px}.site-header nav{display:flex;align-items:center;gap:32px}.site-header nav a{opacity:.78;transition:opacity .3s}.site-header nav a:hover{opacity:1}.header-contact{background:var(--lavender);color:var(--ink);border-radius:30px;padding:11px 18px;font-weight:700;min-width:110px;display:flex;justify-content:space-between;gap:15px;transition:background .3s,transform .3s}.header-contact:hover{background:#eed6ff;transform:translateY(-2px)}
.hero{height:max(790px,100svh);position:relative;isolation:isolate;padding:123px 3.4vw 38px;overflow:hidden}.hero:before{content:'';position:absolute;width:55vw;height:55vw;left:20%;top:25%;background:radial-gradient(circle,rgba(127,61,151,.23),transparent 63%);filter:blur(25px);pointer-events:none}.hero-overline{position:relative;z-index:4;margin:0;color:#bcb5c4;letter-spacing:.18em;font-size:10px}.hero-overline span{color:var(--lavender);padding:0 12px}.hero h1{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(95px,12.2vw,215px);font-weight:400;line-height:.73;letter-spacing:-.052em;position:relative;z-index:4;margin:37px 0 0;pointer-events:none;white-space:nowrap}.hero h1 span{display:block}.hero h1 .title-italic{font-style:italic;color:var(--lavender);margin-left:18vw}.hero-scene{position:absolute;z-index:2;inset:18% 0 8%;perspective:1000px;transform-style:preserve-3d;pointer-events:none}.scene-glow{position:absolute;width:46vw;height:38vw;max-height:560px;left:27%;top:19%;border-radius:50%;background:radial-gradient(circle,rgba(177,98,209,.22),transparent 62%);filter:blur(30px)}.scene-ground{position:absolute;width:62%;height:21%;bottom:0;left:19%;background:radial-gradient(ellipse,rgba(188,111,211,.2),transparent 66%);filter:blur(30px)}.scene-wrap{position:absolute;transform-style:preserve-3d;will-change:transform;transform:translate3d(var(--px,0px),var(--py,0px),0)}.scene-card{height:100%;width:100%;position:relative;overflow:hidden;border-radius:10px;box-shadow:0 35px 65px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.55);display:flex;flex-direction:column;padding:19px;transform-style:preserve-3d;animation:float 4.7s ease-in-out infinite}.scene-card:after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.3),transparent 30%,transparent 70%,rgba(0,0,0,.14));pointer-events:none}.scene-eyebrow,.scene-card small{font:9px/1.2 'DM Sans',sans-serif;letter-spacing:.11em;position:relative;z-index:1}.scene-card strong{font-size:clamp(23px,3vw,45px);line-height:.94;letter-spacing:-.06em;position:relative;z-index:1;margin-top:auto;margin-bottom:8px}.scene-wrap--left{width:clamp(160px,19vw,280px);height:clamp(230px,29vw,408px);left:12%;top:31%;transform:translate3d(var(--px,0px),var(--py,0px),0) rotateY(25deg) rotateZ(-12deg)}.scene-card--alpuris{background:#bc917c;color:#201421;animation-delay:-1.7s}.scene-card--alpuris:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 23px,rgba(29,20,25,.08) 24px 25px),repeating-linear-gradient(0deg,transparent 0 23px,rgba(29,20,25,.08) 24px 25px)}.city-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;transform:rotate(-15deg) skew(12deg);margin:25px 0 15px;width:78%;align-self:center}.city-mini i{aspect-ratio:1;background:#432b3b;box-shadow:5px -5px 0 #d9b26d}.city-mini i:nth-child(3n){background:#8b3c48}.scene-wrap--back{width:clamp(150px,17vw,245px);height:clamp(220px,28vw,380px);left:35%;top:37%;transform:translate3d(var(--px,0px),var(--py,0px),0) rotateY(-20deg) rotateZ(10deg)}.scene-card--core{background:#c6d3bb;color:#212a20;animation-delay:-3.2s}.core-rings{position:relative;height:48%;display:grid;place-items:center}.core-rings i{position:absolute;border:1px solid #526a57;border-radius:50%;width:78%;aspect-ratio:1}.core-rings i:nth-child(2){width:54%}.core-rings i:nth-child(3){width:30%;background:#465b49}.scene-wrap--right{width:clamp(175px,21vw,300px);height:clamp(245px,31vw,430px);right:9%;top:27%;transform:translate3d(var(--px,0px),var(--py,0px),0) rotateY(-24deg) rotateZ(11deg)}.scene-card--memory{background:#eee4f4;color:#271e32;animation-delay:-2.6s}.memory-lines{height:55%;display:flex;gap:12px;justify-content:center;align-items:center}.memory-lines i{width:13px;height:60%;border-radius:20px;background:#845a99;transform:rotate(18deg)}.memory-lines i:nth-child(2){height:85%;background:#bc8bcc}.memory-lines i:nth-child(3){height:100%;background:#553567}.memory-lines i:nth-child(4){height:75%;background:#a87cbc}.memory-lines i:nth-child(5){height:50%;background:#73537b}.scene-wrap--center{width:clamp(185px,22vw,310px);height:clamp(250px,30vw,420px);left:47%;top:30%;transform:translate3d(var(--px,0px),var(--py,0px),100px) rotateY(-5deg) rotateZ(-6deg)}.scene-card--lab{background:linear-gradient(155deg,#e3c4ff 4%,#a572bf 56%,#4a2b68 100%);color:#1b0f24;animation-delay:-.9s}.scene-card--lab strong{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(75px,9vw,135px);line-height:.8;letter-spacing:-.1em;margin-left:-6px}.scene-card--lab strong span{font-family:'DM Sans',sans-serif;font-size:13px;vertical-align:top;letter-spacing:0;margin-left:8px}.scene-card--lab small{color:#26132e}.lab-orbit{position:relative;flex:1;display:grid;place-items:center}.lab-orbit i{position:absolute;border:1px solid rgba(48,25,58,.56);border-radius:50%;width:79%;aspect-ratio:1}.lab-orbit i:nth-child(2){width:59%;transform:rotateX(65deg);border-width:2px}.lab-orbit i:nth-child(3){width:36%}.lab-orbit b{width:16px;height:16px;border-radius:50%;background:#291335;box-shadow:0 0 0 12px rgba(52,22,61,.12)}@keyframes float{0%,100%{transform:translateY(0) rotateX(0deg)}50%{transform:translateY(-28px) rotateX(4deg)}}.hero-bottom{position:absolute;z-index:5;bottom:32px;left:3.4vw;right:3.4vw;display:flex;align-items:end;justify-content:space-between}.hero-bottom p{font-size:13px;line-height:1.5;margin:0;max-width:420px;color:#d4cbd4}.hero-bottom>div{display:flex;align-items:center;gap:32px}.motion-toggle{border:0;background:transparent;color:#cdbed0;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:10px}.motion-toggle span{color:var(--lavender);font-size:19px}.scroll-cue{font-size:10px;letter-spacing:.13em}.scroll-cue span{font-size:18px;margin-left:8px}
.ticker{height:86px;overflow:hidden;background:var(--lavender);color:var(--ink);display:flex;align-items:center}.ticker-track{display:flex;gap:42px;align-items:center;white-space:nowrap;width:max-content;animation:marquee 35s linear infinite;font-size:12px;font-weight:700;letter-spacing:.12em}.ticker-track i{font-style:normal;font-size:22px}.ticker-track span{display:inline-block}@keyframes marquee{to{transform:translateX(-50%)}}
.chapter-label{display:flex;justify-content:space-between;align-items:center;padding:0 3.4vw;font-size:10px;letter-spacing:.14em;font-weight:600}.chapter-dark{background:#0e0b10}.manifesto{min-height:850px;padding:100px 0 110px}.manifesto-body{min-height:620px;display:grid;grid-template-columns:1fr 3fr 1fr;align-items:center;gap:28px;padding:30px 3.4vw}.manifesto-side,.manifesto-end{font-size:13px;line-height:1.6;max-width:235px;color:#b0a7b5}.manifesto-end{align-self:end;margin-bottom:75px}.manifesto h2,.work-heading h2,.lab-intro h2,.capability-section h2,.experience-head h2,.toolkit-grid h2,.contact-section h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.05em;line-height:.82}.manifesto h2{font-size:clamp(95px,13vw,230px);margin:0;text-align:center}.manifesto h2 em,.work-heading h2 em,.capability-section h2 em,.experience-head h2 em,.toolkit-grid h2 em,.contact-section h2 em{font-style:italic;color:var(--lavender)}
.work-section{background:#f0ede9;color:var(--ink);padding:75px 0 105px;color-scheme:light}.work-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;padding:95px 3.4vw 80px}.work-heading h2{font-size:clamp(75px,9.3vw,155px);margin:0}.work-heading h2 em{color:#8f619e}.work-heading p{max-width:265px;font-size:13px;line-height:1.75;margin:0 0 10px}.slider{margin:0 3.4vw}.slider-top{height:48px;border-top:1px solid #b8b3b7;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em}.slide{height:min(630px,65vw);min-height:500px;display:grid;grid-template-columns:1.14fr .86fr;background:#ded9d6;animation:slideIn .6s cubic-bezier(.2,.8,.2,1) both}@keyframes slideIn{from{opacity:.3;transform:translateY(14px)}to{opacity:1;transform:none}}.slide-art{position:relative;overflow:hidden;min-width:0}.slide-copy{padding:clamp(30px,5vw,80px);display:flex;flex-direction:column;align-items:start}.slide-label{font-size:10px;letter-spacing:.14em;font-weight:700}.slide-copy h3{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(68px,7vw,115px);line-height:.82;letter-spacing:-.05em;font-weight:400;margin:50px 0 30px}.slide-copy p{font-size:14px;line-height:1.7;max-width:430px;margin:0}.slide-tags{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0}.slide-tags span{border:1px solid #928992;border-radius:20px;padding:7px 10px;font-size:9px;font-weight:700;letter-spacing:.07em}.slide-copy>a{margin-top:auto;border-bottom:1px solid currentColor;padding-bottom:8px;font-size:13px;font-weight:700;display:flex;gap:50px}.slide-art--episodai{background:radial-gradient(circle at 50% 42%,#bc95c8,#513464 75%);color:#24152f}.art-halo{position:absolute;width:65%;aspect-ratio:1;border:1px solid rgba(255,255,255,.5);border-radius:50%;left:17%;top:18%;box-shadow:0 0 0 50px rgba(255,255,255,.06),0 0 0 110px rgba(255,255,255,.04);animation:halo 7s ease-in-out infinite}@keyframes halo{50%{transform:scale(1.13) rotate(15deg)}}.art-card{position:absolute;width:31%;height:43%;min-width:125px;min-height:185px;padding:17px;background:#f3eafa;border-radius:5px;box-shadow:18px 25px 40px rgba(20,10,35,.3);display:flex;flex-direction:column;animation:float 5s ease-in-out infinite}.art-card span{font-size:8px;letter-spacing:.12em}.art-card b{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(26px,3.4vw,55px);font-weight:400;margin-top:auto}.art-card small{font-size:9px;line-height:1.3}.art-card--one{left:7%;top:28%;transform:rotate(-15deg);animation-delay:-2s}.art-card--two{left:35%;top:12%;z-index:2;background:#e3c6f2;animation-delay:-1s}.art-card--three{right:6%;top:31%;transform:rotate(13deg);animation-delay:-3.5s}.art-wire{position:absolute;width:100%;height:1px;top:76%;background:linear-gradient(90deg,transparent,#f4d6ff,transparent)}.slide-art--core{background:radial-gradient(circle,#99b3a2,#224236 76%);color:#e4f1e4}.core-visual{position:absolute;inset:8% 12%;display:grid;place-items:center}.core-visual i{position:absolute;border:1px solid #d1ebd4;border-radius:50%;width:75%;aspect-ratio:1;animation:spin 14s linear infinite}.core-visual i:nth-child(2){width:55%;animation-direction:reverse;border-style:dashed}.core-visual i:nth-child(3){width:35%}.core-visual i:nth-child(4){width:16%;background:#b9d4bf}.core-visual b{z-index:1;color:#193424;text-align:center;font-size:12px;letter-spacing:.06em}@keyframes spin{to{transform:rotate(360deg)}}.art-caption,.city-caption{position:absolute;bottom:25px;left:30px;font-size:10px;letter-spacing:.12em}.slide-art--alpuris{background:radial-gradient(circle at 50% 40%,#dcad87,#563448 80%);color:#fff4e9}.city-art{position:absolute;inset:15% 10%;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;transform:perspective(800px) rotateX(50deg) rotateZ(-30deg);animation:cityTilt 7s ease-in-out infinite}.city-art i{background:#ead2b6;box-shadow:14px -14px 0 #98546c,14px 2px 0 #744154;min-height:55px}.city-art i:nth-child(3n){background:#efaa8a;box-shadow:14px -14px 0 #462c4e,14px 2px 0 #5e3958}.city-art i:nth-child(4n){background:#deb991;box-shadow:14px -14px 0 #a65555,14px 2px 0 #8e4756}@keyframes cityTilt{50%{transform:perspective(800px) rotateX(55deg) rotateZ(-24deg) translateY(-12px)}}.slider-controls{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:16px}.slider-tabs{display:flex;gap:8px;flex-wrap:wrap}.slider-tabs button{border:1px solid #bbb3b9;background:none;border-radius:30px;padding:11px 16px;color:#514b54;cursor:pointer;font-size:11px}.slider-tabs button[aria-selected=true]{background:#29202b;color:#fff;border-color:#29202b}.slider-arrows{display:flex;gap:8px}.slider-arrows button{width:46px;height:46px;border-radius:50%;border:1px solid #9d929d;background:transparent;color:#302630;font-size:22px;cursor:pointer}.slider-arrows button:hover{background:#29202b;color:#fff}
.lab-section{background:#d9b8ee;color:#1e1225;color-scheme:light;padding:65px 0 80px;overflow:hidden}.lab-intro{padding:45px 3.4vw 0;text-align:center}.lab-intro p{font-size:11px;letter-spacing:.13em}.lab-intro h2{font-size:clamp(130px,21vw,340px);margin:18px 0 0;line-height:.6}.lab-intro h2 em{font-style:italic;color:#6d3c82}.lab-intro>span{display:block;font-size:14px;margin-top:50px}.lab-stage{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:15px;align-items:center;min-height:690px;padding:0 3.4vw}.lab-stage-copy{max-width:340px}.lab-stage-copy h3{font-size:clamp(18px,2.2vw,30px);line-height:1.1;letter-spacing:-.04em}.lab-stage-copy p{font-size:13px;line-height:1.75}.lab-stage-copy--right{justify-self:end}.lab-object{height:600px;position:relative;display:grid;place-items:center;perspective:900px}.lab-sphere{width:min(30vw,390px);height:min(30vw,390px);border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#f7e9ff,#a56cbb 30%,#4e245d 67%,#170c23 90%);box-shadow:inset -30px -40px 60px rgba(18,6,27,.5),0 35px 60px rgba(74,29,100,.35);animation:sphereBob 6s ease-in-out infinite}.lab-sphere:after{content:'';position:absolute;inset:-15%;border:1px solid #70417d;border-radius:50%;transform:rotateX(65deg) rotateZ(15deg);animation:spin 12s linear infinite}.lab-sphere i{position:absolute;border:1px solid rgba(244,208,255,.35);border-radius:50%;width:70%;aspect-ratio:1;transform:rotateY(65deg)}.lab-sphere i:nth-child(2){transform:rotateX(70deg);width:90%}.lab-sphere i:nth-child(3){transform:rotateY(35deg) rotateZ(35deg);width:45%}.lab-sphere b{font-family:'Instrument Serif',Georgia,serif;font-size:170px;font-weight:400;color:#efe0f2;z-index:1;text-shadow:0 12px 20px rgba(27,6,33,.35)}@keyframes sphereBob{50%{transform:translateY(-30px) rotateY(17deg)}}.orbit-tag{position:absolute;background:#f4e7fa;border:1px solid #784785;border-radius:30px;padding:10px 14px;font-size:9px;letter-spacing:.08em;font-weight:700;white-space:nowrap;box-shadow:0 14px 30px rgba(62,24,76,.16);animation:tagBob 3.8s ease-in-out infinite}.orbit-tag--a{top:17%;left:8%}.orbit-tag--b{right:0;top:44%;animation-delay:-1s}.orbit-tag--c{left:6%;bottom:19%;animation-delay:-2s}@keyframes tagBob{50%{transform:translateY(-13px)}}.lab-specs{margin:0 3.4vw;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #9d77a8;border-bottom:1px solid #9d77a8}.lab-specs div{display:flex;flex-direction:column;gap:10px;padding:30px;border-right:1px solid #9d77a8}.lab-specs div:first-child{padding-left:0}.lab-specs div:last-child{border-right:0}.lab-specs span{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(50px,7vw,100px);line-height:.8}.lab-specs small{font-size:10px;letter-spacing:.11em}
.capability-section{padding:90px 0 120px;background:#15101a}.capability-section h2{font-size:clamp(90px,12vw,195px);margin:95px 3.4vw}.capability-list{margin:0 3.4vw;border-top:1px solid #55465b}.capability-list article{display:grid;grid-template-columns:80px 1fr 1fr;gap:25px;align-items:start;border-bottom:1px solid #55465b;padding:35px 0}.capability-list article span{font-size:12px;color:var(--lavender)}.capability-list article h3{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(35px,4vw,65px);font-weight:400;letter-spacing:-.03em;margin:0}.capability-list article p{font-size:13px;line-height:1.8;color:#c7b8cc;margin:0;max-width:490px}.capability-list code{color:#ebbcff}
.experience-section{background:#f2ede4;color:var(--ink);color-scheme:light;padding:85px 0 110px}.experience-head{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:80px 3.4vw}.experience-head h2{font-size:clamp(95px,11.5vw,185px);margin:0}.experience-head h2 em{color:#9b698d}.experience-head>div{max-width:300px;padding-bottom:10px}.experience-head>div span{font-size:10px;letter-spacing:.13em;font-weight:700}.experience-head>div p{font-size:14px;line-height:1.7}.experience-stage{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;padding:0 3.4vw}.simulation-art{border:1px solid #afa6a5;padding:24px;align-self:start;overflow:hidden}.sim-top,.sim-bottom{font-size:10px;letter-spacing:.1em;font-weight:700}.simulation-art svg{width:100%;height:auto;display:block;margin:35px 0;color:#9d799d}.sim-lines path{stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 2.3s ease}.simulation-art.in-view .sim-lines path{stroke-dashoffset:0}.sim-lines path:nth-child(2n){transition-delay:.2s}.sim-lines path:nth-child(3n){transition-delay:.4s}.sim-bottom{display:flex;justify-content:space-between;color:#6d6267;gap:12px}.experience-points article{border-top:1px solid #a99ea4;padding:23px 0}.experience-points article span{font-size:10px;letter-spacing:.1em}.experience-points h3{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(30px,3vw,48px);margin:14px 0}.experience-points p{font-size:13px;line-height:1.7;max-width:480px}
.toolkit-section{background:#c1cbbd;color:#203024;color-scheme:light;padding:80px 0 100px}.toolkit-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:0;margin:75px 3.4vw 0;border-top:1px solid #839580}.toolkit-grid>*{border-bottom:1px solid #839580;padding:30px}.toolkit-grid h2{font-size:clamp(75px,8vw,130px);margin:0;grid-row:span 2;padding-left:0}.toolkit-grid h2 em{color:#66826c}.toolkit-grid h3{font-size:11px;letter-spacing:.11em;margin:0 0 20px}.toolkit-grid p{font-size:14px;line-height:1.7;margin:0}.contact-section{background:#09090d;padding:80px 0 24px;min-height:700px;display:flex;flex-direction:column}.contact-section>p{font-size:14px;color:#bdb2c1;margin:90px 3.4vw 15px}.contact-section h2{font-size:clamp(110px,16vw,270px);margin:0 3.4vw}.contact-actions{display:flex;gap:25px;flex-wrap:wrap;margin:60px 3.4vw}.contact-actions a{border-bottom:1px solid #a992b2;padding-bottom:10px;font-size:14px;min-width:210px;display:flex;justify-content:space-between}.contact-section footer{margin:auto 3.4vw 0;border-top:1px solid #433749;padding-top:25px;display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.1em;color:#a99cb0}
.reveal{opacity:1;transform:none}.js-ready .reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.js-ready .reveal.in-view{opacity:1;transform:none}.motion-off .scene-card,.motion-off .ticker-track,.motion-off .art-halo,.motion-off .art-card,.motion-off .core-visual i,.motion-off .city-art,.motion-off .lab-sphere,.motion-off .lab-sphere:after,.motion-off .orbit-tag{animation-play-state:paused!important}
@media(max-width:1100px){.hero h1{font-size:clamp(85px,12vw,140px)}.scene-wrap--left{left:5%}.scene-wrap--right{right:2%}.manifesto-body{grid-template-columns:1fr 3fr}.manifesto-end{grid-column:2;margin:0}.lab-stage{grid-template-columns:1fr 1fr;min-height:0;padding-top:55px;padding-bottom:45px}.lab-object{grid-column:1 / -1;grid-row:1;height:440px}.lab-sphere{width:330px;height:330px}.lab-stage-copy--right{justify-self:auto}.work-heading{align-items:start}.slide-copy h3{font-size:clamp(60px,6vw,90px)}}
@media(max-width:750px){.site-header{height:66px}.site-header nav{gap:13px;font-size:10px}.site-header nav a:nth-child(2){display:none}.brand-name{display:none}.header-contact{min-width:0;padding:10px 13px}.hero{height:760px;min-height:100svh;padding-top:135px}.hero-overline{font-size:8px}.hero h1{font-size:clamp(62px,12vw,100px);line-height:.84;margin-top:50px}.hero h1 .title-italic{margin-left:5vw}.hero-scene{inset:29% -10% 13%;transform:scale(.9)}.scene-wrap--left{left:0;top:25%}.scene-wrap--back{left:27%;top:31%}.scene-wrap--center{left:44%;top:30%}.scene-wrap--right{right:-1%;top:23%}.hero-bottom{bottom:22px}.hero-bottom p{font-size:11px}.hero-bottom>div{gap:12px}.motion-toggle{font-size:9px}.scroll-cue{font-size:8px}.ticker{height:65px}.manifesto{min-height:660px;padding:70px 0}.manifesto-body{grid-template-columns:1fr;min-height:520px}.manifesto h2{text-align:left;font-size:clamp(90px,17vw,150px)}.manifesto-end{grid-column:auto;max-width:370px}.work-heading{flex-direction:column;padding:75px 3.4vw 45px;gap:25px}.work-heading h2{font-size:clamp(74px,13vw,120px)}.slide{grid-template-columns:1fr;height:auto;min-height:0}.slide-art{height:440px}.slide-copy{min-height:460px}.slide-copy h3{font-size:75px;margin:30px 0}.lab-intro h2{font-size:clamp(130px,24vw,220px)}.lab-stage{grid-template-columns:1fr;gap:25px}.lab-object{grid-column:auto;grid-row:auto;height:390px}.lab-stage-copy,.lab-stage-copy--right{max-width:none}.lab-sphere{width:290px;height:290px}.lab-sphere b{font-size:130px}.capability-section h2{font-size:clamp(75px,13vw,130px)}.capability-list article{grid-template-columns:40px 1fr;gap:12px}.capability-list article p{grid-column:2}.experience-head{flex-direction:column;align-items:start}.experience-head h2{font-size:clamp(83px,12vw,140px)}.experience-stage{grid-template-columns:1fr}.toolkit-grid{grid-template-columns:1fr 1fr}.toolkit-grid h2{grid-column:1/-1;grid-row:auto}.contact-section h2{font-size:clamp(100px,16vw,170px)}}
@media(max-width:480px){.hero{height:760px}.hero h1{font-size:clamp(54px,12.5vw,70px)}.hero-scene{inset:30% -32% 15%;transform:scale(.75)}.scene-wrap--left{left:-9%}.scene-wrap--right{right:-8%}.scene-wrap--center{left:44%}.hero-bottom{align-items:end}.hero-bottom p{max-width:170px}.hero-bottom>div{align-items:end;flex-direction:column}.manifesto h2{font-size:clamp(72px,18vw,105px)}.work-heading h2{font-size:clamp(62px,15vw,82px)}.slide-art{height:350px}.art-card{min-width:95px;min-height:145px;padding:10px}.art-card b{font-size:29px}.art-card small{font-size:7px}.slide-copy{min-height:430px;padding:30px}.slide-copy h3{font-size:62px}.slider-tabs button{font-size:9px;padding:9px}.slider-arrows button{width:40px;height:40px}.lab-intro h2{font-size:clamp(105px,26vw,150px)}.lab-object{height:340px}.lab-sphere{width:245px;height:245px}.orbit-tag{font-size:7px;padding:8px}.lab-specs div{padding:20px 10px}.lab-specs span{font-size:39px}.lab-specs small{font-size:7px}.capability-section h2{font-size:65px}.experience-head h2{font-size:72px}.toolkit-grid{grid-template-columns:1fr}.toolkit-grid h2{grid-column:auto}.contact-section h2{font-size:95px}.contact-section footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js-ready .reveal{opacity:1;transform:none}}
/* Keep the editorial headline readable while the cards move through the lower stage. */
@media(min-width:751px){.hero h1{font-size:clamp(95px,10.25vw,185px);line-height:.83;margin-top:32px;text-shadow:0 12px 25px rgba(0,0,0,.22)}.hero-meta{margin-top:18px}.hero-scene{inset:23% 0 5%}.scene-wrap--left{top:34%}.scene-wrap--back{top:39%}.scene-wrap--center{top:33%}.scene-wrap--right{top:29%}}
/* A scroll-held chapter: the composition changes as the viewer moves through it. */
.manifesto{height:270vh;min-height:0;padding:0}.manifesto-sticky{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;background:radial-gradient(circle at 52% 42%,#2b1a34 0%,#100d14 54%,#0b090d 100%);isolation:isolate}.manifesto-sticky .chapter-label{position:absolute;z-index:5;top:65px;left:0;right:0}.manifesto-orbit{--orbit-scale:1;--orbit-rotate:0deg;position:absolute;z-index:1;left:50%;top:47%;width:min(54vw,690px);height:min(54vw,690px);transform:translate(-50%,-50%) scale(var(--orbit-scale)) rotate(var(--orbit-rotate));transition:transform .18s linear;display:grid;place-items:center;filter:drop-shadow(0 20px 45px rgba(179,86,206,.23))}.manifesto-orbit-ring{position:absolute;inset:10%;border-radius:50%;border:1px solid rgba(217,177,239,.6);box-shadow:0 0 0 48px rgba(219,170,236,.03),0 0 0 100px rgba(219,170,236,.025);animation:spin 24s linear infinite}.manifesto-orbit-ring:before,.manifesto-orbit-ring:after{content:'';position:absolute;inset:16%;border-radius:50%;border:1px solid rgba(230,195,249,.45);transform:rotateX(70deg)}.manifesto-orbit-ring:after{inset:30%;transform:rotateY(70deg)}.manifesto-orbit-core{width:23%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f6dfff,#b284cd 35%,#3c1e50 76%);display:grid;place-items:center;font-family:'Instrument Serif',Georgia,serif;font-size:clamp(35px,5vw,72px);color:#fff;box-shadow:0 25px 65px rgba(0,0,0,.5)}.manifesto-satellite{position:absolute;width:12%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f8e8ff,#a472bd 50%,#2b1337);box-shadow:0 15px 35px rgba(0,0,0,.35)}.sat-a{left:12%;top:23%}.sat-b{right:12%;top:34%;width:8%}.sat-c{left:32%;bottom:10%;width:6%}.manifesto-phrase{position:absolute;z-index:3;inset:auto 3.4vw 11%;opacity:0;transform:translateY(65px) rotateX(10deg);transition:opacity .55s ease,transform .8s cubic-bezier(.2,.8,.2,1);pointer-events:none}.manifesto-phrase.active{opacity:1;transform:none}.manifesto-phrase>span{font-size:10px;letter-spacing:.15em;color:#dfb8f4}.manifesto-phrase h2{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(95px,13vw,215px);line-height:.74;font-weight:400;letter-spacing:-.06em;text-align:left;margin:35px 0 20px;text-shadow:0 12px 36px rgba(0,0,0,.6)}.manifesto-phrase h2 em{font-style:italic;color:#dfb8f4}.manifesto-phrase p{font-size:13px;line-height:1.6;color:#e1d4e5;max-width:390px;margin:0 0 0 auto}.manifesto-counter{position:absolute;right:3.4vw;top:48%;z-index:4;display:flex;align-items:center;gap:4px;font-size:12px;letter-spacing:.1em;color:#ddd0e2}.manifesto-counter>div{height:100px;width:2px;background:#68536f;margin-left:18px;position:relative}.manifesto-counter i{position:absolute;top:0;left:0;width:2px;height:var(--manifesto-fill,0%);background:#e9c7f8;transition:height .15s linear}.hero-scene{transform:translateY(var(--hero-drift,0px)) scale(var(--hero-scale,1));transition:transform .15s linear}
@media(max-width:750px){.manifesto{height:230vh}.manifesto-sticky{min-height:600px}.manifesto-orbit{width:85vw;height:85vw;top:41%}.manifesto-phrase{bottom:12%}.manifesto-phrase h2{font-size:clamp(80px,15vw,120px)}.manifesto-phrase p{margin-left:0;max-width:320px}.manifesto-counter{top:20%}}
@media(max-width:480px){.manifesto-sticky .chapter-label{top:45px}.manifesto-phrase h2{font-size:clamp(68px,16vw,90px)}.manifesto-phrase p{font-size:11px}.manifesto-orbit{top:39%}.manifesto-counter{top:20%}}
@media(prefers-reduced-motion:reduce){.manifesto-orbit-ring{animation:none}.manifesto-phrase{transition:none}}
.motion-off .manifesto-orbit-ring{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){body.force-motion .scene-card{animation-duration:4.7s!important;animation-iteration-count:infinite!important}body.force-motion .ticker-track{animation-duration:35s!important;animation-iteration-count:infinite!important}body.force-motion .manifesto-orbit-ring{animation-duration:24s!important;animation-iteration-count:infinite!important}body.force-motion .art-halo{animation-duration:7s!important;animation-iteration-count:infinite!important}body.force-motion .art-card{animation-duration:5s!important;animation-iteration-count:infinite!important}body.force-motion .core-visual i{animation-duration:14s!important;animation-iteration-count:infinite!important}body.force-motion .city-art{animation-duration:7s!important;animation-iteration-count:infinite!important}body.force-motion .lab-sphere{animation-duration:6s!important;animation-iteration-count:infinite!important}body.force-motion .lab-sphere:after{animation-duration:12s!important;animation-iteration-count:infinite!important}body.force-motion .orbit-tag{animation-duration:3.8s!important;animation-iteration-count:infinite!important}}
.resume-teaser{background:radial-gradient(circle at 76% 47%,#5c355f,#1b111f 45%,#0b090d 87%);min-height:850px;padding:80px 0 100px;overflow:hidden}.resume-teaser-stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:650px;padding:40px 3.4vw}.resume-teaser-copy{position:relative;z-index:2}.resume-teaser-copy>p{font-size:10px;letter-spacing:.15em;color:#d4b8df}.resume-teaser-copy h2{font:400 clamp(95px,11vw,180px)/.8 'Instrument Serif',Georgia,serif;letter-spacing:-.05em;margin:34px 0}.resume-teaser-copy h2 em{color:#d8b7f1;font-style:italic}.resume-teaser-copy>span{display:block;max-width:440px;font-size:14px;line-height:1.7;color:#d5c7d7}.resume-teaser-copy>div{display:flex;flex-wrap:wrap;gap:25px;margin-top:35px}.resume-teaser-copy a{border-bottom:1px solid #d2acd9;font-size:13px;padding-bottom:8px}.resume-preview{perspective:1000px;display:grid;place-items:center;height:640px}.resume-preview-sheet{width:min(80%,450px);height:540px;border-radius:8px;padding:38px;background:#f2e9ef;color:#251a2a;box-shadow:28px 36px 65px rgba(0,0,0,.47),inset 0 2px rgba(255,255,255,.9);transform:rotateZ(10deg) rotateY(-17deg);display:flex;flex-direction:column;animation:paperFloat 6s ease-in-out infinite}.resume-preview-sheet small{font-size:10px;letter-spacing:.15em}.resume-preview-sheet strong{font:400 clamp(35px,3.7vw,60px)/.92 'Instrument Serif',Georgia,serif;margin-top:85px;letter-spacing:-.04em}.resume-preview-sheet i{display:block;height:1px;background:#86768d;margin:40px 0 auto}.resume-preview-sheet span{font-size:10px;line-height:1.7;letter-spacing:.13em}@keyframes paperFloat{50%{transform:translateY(-30px) rotateZ(5deg) rotateY(-9deg)}}.motion-off .resume-preview-sheet{animation-play-state:paused!important}@media(max-width:750px){.resume-teaser-stage{grid-template-columns:1fr;gap:5px}.resume-teaser-copy h2{font-size:clamp(80px,16vw,120px)}.resume-preview{height:480px}.resume-preview-sheet{height:430px;padding:25px}.resume-preview-sheet strong{margin-top:45px}}@media(max-width:480px){.site-header nav a:nth-child(3){display:none}.resume-teaser-copy h2{font-size:72px}.resume-preview{height:400px}.resume-preview-sheet{height:380px;width:75%}}@media(prefers-reduced-motion:reduce){.resume-preview-sheet{animation:none}body.force-motion .resume-preview-sheet{animation:paperFloat 6s ease-in-out infinite!important}}
.hero-scene{filter:blur(var(--hero-blur,0px))}.slider .slide.active{transition:opacity .26s ease,transform .26s ease,filter .26s ease}.slider.is-changing .slide.active{opacity:0;transform:scale(.96) rotateY(5deg);filter:blur(12px)}.lab-object{transform:translateY(var(--lab-rise,0px)) scale(var(--lab-scale,1));transition:transform .18s linear,opacity .18s linear}
@media(max-width:480px){.hero-scene{inset:32% -5% 16%;transform:scale(.86)}.scene-wrap--left{left:-4%;top:31%}.scene-wrap--back{left:16%;top:36%}.scene-wrap--center{left:37%;top:31%}.scene-wrap--right{right:-1%;top:30%}}
.hero-scene{pointer-events:auto}.hero-scene .scene-wrap{pointer-events:none}
/* Continuous, scroll-scrubbed chapter transitions: each phrase enters from
   depth, hangs in the frame, then dissolves upward before the next arrives. */
.manifesto{height:360vh}
.manifesto-phrase{opacity:var(--panel-opacity,0);transform:translate3d(0,var(--panel-y,74px),-90px) scale(var(--panel-scale,.9)) rotateX(7deg);filter:blur(var(--panel-blur,15px));transform-origin:50% 68%;transition:none;will-change:opacity,transform,filter;backface-visibility:hidden}
.manifesto-phrase.active{opacity:var(--panel-opacity,0);transform:translate3d(0,var(--panel-y,74px),-90px) scale(var(--panel-scale,.9)) rotateX(7deg);filter:blur(var(--panel-blur,15px))}
.manifesto-phrase h2{perspective:900px}
.manifesto-glyph{display:inline-block;opacity:var(--glyph-opacity,0);transform:translate3d(0,var(--glyph-y,27px),0) rotateX(14deg);filter:blur(var(--glyph-blur,7px));will-change:opacity,transform,filter;backface-visibility:hidden}
.manifesto-orbit{transition:none;will-change:transform;}
.manifesto-orbit-ring{transform:scale(calc(.83 + var(--chapter-progress,0) * .42));opacity:calc(1 - var(--chapter-progress,0) * .25)}
.manifesto-counter i{transition:none}
.slide{animation:slideIn .72s cubic-bezier(.16,1,.3,1) both}
@keyframes slideIn{from{opacity:.05;transform:translate3d(0,44px,-100px) rotateX(8deg) scale(.94);filter:blur(12px)}to{opacity:1;transform:translate3d(0,0,0) rotateX(0) scale(1);filter:blur(0)}}
.slider .slide.active{transition:opacity .56s ease,transform .64s cubic-bezier(.2,.8,.2,1),filter .56s ease}
.slider.is-changing .slide.active{opacity:0;transform:translate3d(0,-42px,-90px) rotateY(9deg) rotateX(-4deg) scale(.94);filter:blur(18px)}
@media(max-width:750px){.manifesto{height:315vh}.manifesto-phrase{transform:translate3d(0,var(--panel-y,74px),-30px) scale(var(--panel-scale,.9));}}
@media(prefers-reduced-motion:reduce){body.force-motion .manifesto-phrase{transition:none!important}body.force-motion .manifesto-glyph{transition:none!important}body.force-motion .slide{animation-duration:.72s!important;animation-iteration-count:1!important}body.force-motion .slider .slide.active{transition:opacity .56s ease,transform .64s cubic-bezier(.2,.8,.2,1),filter .56s ease!important}}
/* Give the pinned title and the orbital graphic separate visual lanes. */
.manifesto-orbit{left:73%;top:46%;width:min(46vw,610px);height:min(46vw,610px)}
.manifesto-phrase,.manifesto-phrase.active{inset:auto auto 9% 3.4vw;width:62%;}
.manifesto-phrase h2{font-size:clamp(76px,9.5vw,145px);}
.manifesto-phrase p{margin:0;max-width:390px;}
@media(max-width:750px){.manifesto-orbit{left:50%;top:25%;width:60vw;height:60vw}.manifesto-phrase,.manifesto-phrase.active{inset:auto 3.4vw 8%;width:auto}.manifesto-phrase h2{font-size:clamp(60px,12vw,95px)}.manifesto-phrase p{max-width:320px}}
@media(max-width:480px){.manifesto-phrase,.manifesto-phrase.active{bottom:8%}.manifesto-phrase h2{font-size:clamp(57px,13vw,76px)}}
/* Keep the manual carousel change in one continuous scene instead of fading
   the outgoing panel to an empty gap before the new panel appears. */
.slider{position:relative}
.slide.entering{position:absolute;inset:48px 0 auto;z-index:3;width:100%;opacity:0;transform:translate3d(0,35px,-80px) rotateY(-7deg) scale(.97);filter:blur(10px);pointer-events:none;animation:none}
.slide.entering-now{opacity:1;transform:translate3d(0,0,0) rotateY(0) scale(1);filter:blur(0)}
.slide:not(.active):not(.entering){display:none!important}
.contact-actions{max-width:760px;column-gap:34px;row-gap:22px}
.contact-actions a{min-width:min(310px,100%);transition:color .25s,border-color .25s,transform .25s}
.contact-actions a:hover{color:var(--lavender);border-color:var(--lavender);transform:translateY(-2px)}
/* Editorial portrait-led hero: the photo remains the real photographic
   subject while depth, light, and scroll provide the motion. */
.hero{height:max(800px,100svh);min-height:800px;padding:142px 3.4vw 118px;background:radial-gradient(ellipse at 77% 40%,rgba(71,44,67,.3),transparent 42%),#09090d}
.hero:before{width:45vw;height:45vw;left:auto;right:4%;top:15%;background:radial-gradient(circle,rgba(163,121,166,.18),rgba(123,92,112,.08) 35%,transparent 68%);filter:blur(30px)}
.hero-copy{position:relative;z-index:6;width:min(55%,720px);padding-top:clamp(30px,7vh,76px)}
.hero-overline{font-size:10px;letter-spacing:.19em;color:#c7bdc9}
.hero h1{white-space:normal;font-size:clamp(76px,9.3vw,144px);line-height:.82;letter-spacing:-.065em;margin:34px 0 0;max-width:700px}
.hero h1 .title-italic{font-style:italic;color:#d5b8e5;margin:10px 0 0;letter-spacing:-.055em}
.hero-deck{max-width:445px;margin:28px 0 0;color:#c1bac5;font-size:16px;line-height:1.75}
.hero-actions{display:flex;align-items:center;gap:27px;margin-top:31px;font-size:13px}
.hero-actions a{display:inline-flex;gap:12px;align-items:center;transition:color .25s,transform .25s}
.hero-actions a:hover{color:#e5c9f2;transform:translateY(-2px)}
.hero-actions .hero-primary{background:#e7d5ed;color:#17121a;padding:13px 18px;border-radius:30px;font-weight:600}
.hero-actions .hero-primary:hover{background:#f3e7f7;color:#17121a}
.hero-meta{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid rgba(211,194,219,.2);max-width:550px;margin-top:48px;padding-top:15px;color:#978d9c;font-size:9px;letter-spacing:.13em}
.hero-scene{position:absolute;z-index:3;inset:84px 0 0 auto;width:51%;height:calc(100% - 84px);perspective:1200px;filter:blur(var(--hero-blur,0px));transform:translate3d(0,var(--hero-drift,0px),0) scale(var(--hero-scale,1));transition:filter .15s linear,transform .15s linear;pointer-events:auto;overflow:visible}
.portrait-aura{position:absolute;width:86%;aspect-ratio:1;right:-4%;top:8%;border-radius:50%;background:radial-gradient(circle,rgba(183,141,183,.19),rgba(124,91,132,.08) 42%,transparent 70%);filter:blur(14px);animation:auraBreathe 8s ease-in-out infinite}
.portrait-orbit{position:absolute;right:3%;top:15%;width:min(43vw,555px);aspect-ratio:1;border:1px solid rgba(221,199,230,.15);border-radius:50%;transform:rotate(var(--orbit-angle,0deg)) scale(var(--orbit-scale,1));animation:orbitDrift 34s linear infinite}
.portrait-orbit:before,.portrait-orbit:after{content:'';position:absolute;inset:8%;border:1px solid rgba(221,199,230,.1);border-radius:50%;transform:rotate(-35deg) scaleX(.64)}
.portrait-orbit:after{inset:-4% 18% 18% -4%;border-color:rgba(219,180,151,.19);transform:rotate(38deg) scaleX(.52)}
.portrait-orbit--two{right:17%;top:31%;width:min(24vw,310px);border-style:dashed;border-color:rgba(231,212,238,.13);animation-duration:49s;animation-direction:reverse}
.portrait-stage{position:absolute;right:4%;bottom:2%;width:min(47vw,630px);height:min(78vh,690px);margin:0;transform:translate3d(var(--px,0px),var(--py,0px),0);transition:transform .45s cubic-bezier(.2,.8,.2,1);will-change:transform}
.portrait-stage:before{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 31%,rgba(236,213,255,.08) 47%,transparent 62%);background-size:220% 100%;mix-blend-mode:screen;animation:portraitSweep 12s ease-in-out infinite}
.portrait-stage:after{content:'';position:absolute;z-index:1;inset:58% 0 0;pointer-events:none;background:linear-gradient(0deg,rgba(8,7,11,.46),transparent 82%)}
.portrait-stage figcaption{position:absolute;z-index:2;bottom:8%;left:8%;right:4%;display:flex;justify-content:space-between;gap:12px;color:rgba(247,239,249,.8);font-size:9px;letter-spacing:.14em;text-shadow:0 2px 12px rgba(0,0,0,.75)}
.portrait-index,.portrait-signal{position:absolute;z-index:4;font-size:9px;letter-spacing:.16em;color:#cfc0d2}
.portrait-index{top:8%;right:4%}.portrait-signal{top:18%;left:2%;display:flex;align-items:center;gap:8px;color:#c7b7c9}
.portrait-signal i{width:6px;height:6px;border-radius:50%;background:#b8d9b9;box-shadow:0 0 12px #a5ddb0}
.hero-bottom{left:3.4vw;right:3.4vw;bottom:28px;z-index:8}
.hero-bottom p{color:#aaa1af;font-size:12px}
.motion-off .scene-card,.motion-off .scene-glow{animation-play-state:paused!important}
@keyframes portraitLift{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(1.012)}}
@keyframes auraBreathe{0%,100%{opacity:.58;transform:scale(.96)}50%{opacity:.9;transform:scale(1.05)}}
@keyframes orbitDrift{to{rotate:360deg}}
@keyframes portraitSweep{0%,16%{background-position:190% 0}74%,100%{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){.scene-card,.scene-glow{animation:none}body.force-motion .scene-card{animation:float 4.7s ease-in-out infinite!important}body.force-motion .scene-glow{animation:auraBreathe 8s ease-in-out infinite!important}}
@media(max-width:750px){
  .hero{height:auto;min-height:1080px;padding:116px 7vw 115px}
  .hero:before{width:95vw;height:95vw;right:-12%;top:38%}
  .hero-copy{width:100%;padding-top:12px}
  .hero h1{font-size:clamp(66px,14.5vw,104px);margin-top:28px;max-width:620px}
  .hero-deck{font-size:15px;max-width:460px;margin-top:22px}
  .hero-meta{margin-top:30px;gap:14px 24px}
  .hero-scene{inset:430px 0 74px auto;width:100%;height:auto;transform:translate3d(0,var(--hero-drift,0px),0) scale(var(--hero-scale,1))}
  .portrait-stage{right:1%;bottom:0;width:min(91vw,500px);height:min(560px,57vh)}
  .portrait-orbit{right:3%;top:2%;width:min(83vw,430px)}
  .portrait-orbit--two{right:14%;top:18%;width:min(48vw,260px)}
  .portrait-signal{top:9%;left:5%}.portrait-index{top:2%;right:5%}
  .hero-bottom{left:7vw;right:7vw;bottom:23px}
  .hero-bottom p{font-size:10px;max-width:210px}
  .hero-bottom>div{gap:12px}
}
@media(max-width:480px){
  .hero{min-height:1030px;padding-top:105px}
  .hero h1{font-size:clamp(62px,15vw,78px)}
  .hero-deck{max-width:96%;font-size:14px}
  .hero-actions{gap:19px;font-size:12px}
  .hero-meta{font-size:8px}
  .hero-scene{top:425px;bottom:83px}
  .portrait-stage{height:480px;width:94vw;right:-3%}
  .portrait-stage figcaption{font-size:7px}
  .hero-bottom{align-items:end}.hero-bottom p{display:none}.hero-bottom>div{width:100%;justify-content:space-between}
}
/* Replace glossy spheres and per-character blur with a quieter technical
   signal diagram; keep the scroll chapter title crisp at every position. */
.manifesto-orbit{filter:none}
.manifesto-orbit{transform:translate(-50%,-50%) scale(var(--orbit-scale,1))}
.manifesto-orbit-ring{border-color:rgba(225,207,232,.27);box-shadow:0 0 0 55px rgba(220,199,230,.018),0 0 0 115px rgba(220,199,230,.012)}
.manifesto-orbit-core{width:16%;background:rgba(217,192,229,.07);border:1px solid rgba(225,207,232,.52);color:#e0c4ef;box-shadow:0 0 34px rgba(203,162,223,.12);backdrop-filter:blur(4px);font-size:clamp(25px,3vw,42px)}
.manifesto-orbit .manifesto-satellite{width:9px!important;background:#d5b8e5;box-shadow:0 0 12px rgba(213,184,229,.65);border:0}
.manifesto-orbit .sat-b{width:7px!important}.manifesto-orbit .sat-c{width:6px!important}
.manifesto-phrase,.manifesto-phrase.active{filter:blur(var(--panel-blur,0px))!important;transform:translate3d(0,var(--panel-y,0px),0) scale(var(--panel-scale,1));clip-path:inset(var(--panel-clip-top,0%) 0 var(--panel-clip-bottom,0%) 0);will-change:opacity,transform,filter,clip-path}
.manifesto-phrase h2{text-shadow:0 6px 24px rgba(0,0,0,.3)}
@media(prefers-reduced-motion:reduce){.manifesto-orbit-ring{animation:none}}


/* Richer scroll choreography: chapter copy wipes in from below and exits upward
   through a soft focus falloff; project cards travel in opposite directions. */
.js-ready .reveal{opacity:0;transform:translate3d(0,58px,0) rotateX(4deg) scale(.975);filter:blur(9px);clip-path:inset(7% 0 16% 0);transition:opacity .85s cubic-bezier(.2,.75,.25,1),transform .95s cubic-bezier(.16,1,.3,1),filter .85s ease,clip-path .95s cubic-bezier(.16,1,.3,1);will-change:opacity,transform,filter,clip-path}
.js-ready .reveal.in-view{opacity:1;transform:translate3d(0,0,0) rotateX(0) scale(1);filter:blur(0);clip-path:inset(0)}
.js-ready .reveal:nth-child(2){transition-delay:.08s}.js-ready .reveal:nth-child(3){transition-delay:.16s}
.slider .slide.active{transition:opacity .68s ease,transform .78s cubic-bezier(.16,1,.3,1),filter .68s ease}
.slider.is-changing[data-direction="next"] .slide.active{transform:translate3d(0,-70px,-100px) rotateY(7deg) rotateX(-3deg) scale(.94);clip-path:inset(0 0 26% 0)}
.slider.is-changing[data-direction="prev"] .slide.active{transform:translate3d(0,70px,-100px) rotateY(-7deg) rotateX(3deg) scale(.94);clip-path:inset(26% 0 0 0)}
.slider[data-direction="next"] .slide.entering{transform:translate3d(0,64px,-90px) rotateY(-6deg) scale(.96);clip-path:inset(18% 0 0 0)}
.slider[data-direction="prev"] .slide.entering{transform:translate3d(0,-64px,-90px) rotateY(6deg) scale(.96);clip-path:inset(0 0 18% 0)}
.slider[data-direction="next"] .slide.entering.entering-now,.slider[data-direction="prev"] .slide.entering.entering-now{transform:translate3d(0,0,0) rotateY(0) scale(1);clip-path:inset(0)}
@media(max-width:750px){.js-ready .reveal{transform:translate3d(0,38px,0) scale(.985);filter:blur(6px)}.slider[data-direction="next"] .slide.entering{transform:translate3d(0,38px,0) scale(.985)}.slider[data-direction="prev"] .slide.entering{transform:translate3d(0,-38px,0) scale(.985)}}
@media(prefers-reduced-motion:reduce){.js-ready .reveal,.js-ready .reveal.in-view{opacity:1;transform:none;filter:none;clip-path:none;transition:none;will-change:auto}.manifesto-phrase,.manifesto-phrase.active{clip-path:none;filter:none!important}.slider .slide.active{transition:opacity .2s ease!important}}
/* Layer the flagship systems and personal local AI lab in the photo-free hero; each card
   floats independently while the group parallax and scroll-dissolve together. */
.hero-scene .scene-wrap{filter:drop-shadow(0 28px 28px rgba(0,0,0,.34));will-change:transform}
.hero-scene .scene-wrap--left{left:3%;top:34%;width:clamp(145px,16vw,225px);height:clamp(230px,28vw,360px);transform:translate3d(var(--px,0px),var(--py,0px),-90px) rotateY(24deg) rotateZ(-10deg)}
.hero-scene .scene-wrap--back{left:26%;top:39%;width:clamp(145px,16vw,220px);height:clamp(225px,27vw,350px);transform:translate3d(var(--px,0px),var(--py,0px),-140px) rotateY(-18deg) rotateZ(8deg)}
.hero-scene .scene-wrap--right{right:0;top:30%;width:clamp(150px,17vw,235px);height:clamp(235px,29vw,370px);transform:translate3d(var(--px,0px),var(--py,0px),-55px) rotateY(-22deg) rotateZ(9deg)}
.hero-scene .scene-wrap--center{left:35%;top:26%;width:clamp(155px,18vw,250px);height:clamp(245px,30vw,385px);transform:translate3d(var(--px,0px),var(--py,0px),100px) rotateY(-3deg) rotateZ(-5deg)}
.hero-scene .scene-card{border:1px solid rgba(255,255,255,.24);border-radius:7px;box-shadow:0 28px 60px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.6)}
.hero-scene .scene-wrap--left .scene-card{animation-delay:-1.7s}.hero-scene .scene-wrap--back .scene-card{animation-delay:-3.2s}.hero-scene .scene-wrap--right .scene-card{animation-delay:-2.6s}.hero-scene .scene-wrap--center .scene-card{animation-delay:-.9s}
.hero-scene .scene-wrap--center{z-index:4}.hero-scene .scene-wrap--left{z-index:2}.hero-scene .scene-wrap--back{z-index:1}.hero-scene .scene-wrap--right{z-index:3}
@media(max-width:750px){.hero-scene .scene-wrap--left{left:0;top:34%;width:clamp(135px,37vw,190px);height:270px}.hero-scene .scene-wrap--back{left:19%;top:38%;width:clamp(130px,35vw,180px);height:260px}.hero-scene .scene-wrap--right{right:-1%;top:31%;width:clamp(138px,37vw,190px);height:280px}.hero-scene .scene-wrap--center{left:32%;top:24%;width:clamp(142px,39vw,200px);height:295px}}
@media(max-width:480px){.hero-scene .scene-wrap--left{left:-2%;top:35%;width:39vw;height:235px}.hero-scene .scene-wrap--back{left:14%;top:38%;width:38vw;height:225px}.hero-scene .scene-wrap--right{right:-5%;top:32%;width:40vw;height:240px}.hero-scene .scene-wrap--center{left:29%;top:24%;width:42vw;height:250px}}

/* Art direction pass: give each project card a tangible glass-and-paper edge,
   with the systems sculpture sitting on a true depth stack. */
.hero-scene,.hero-scene .scene-wrap,.hero-scene .scene-card{transform-style:preserve-3d}
.hero-scene .scene-card{overflow:hidden;border-radius:9px;box-shadow:0 38px 70px rgba(0,0,0,.42),0 9px 0 rgba(29,18,35,.45),inset 0 1px 0 rgba(255,255,255,.72);backface-visibility:hidden}
.hero-scene .scene-card:after{content:"";position:absolute;z-index:2;inset:-32%;pointer-events:none;background:linear-gradient(112deg,transparent 31%,rgba(255,255,255,.24) 46%,rgba(255,255,255,.035) 51%,transparent 67%);transform:translateZ(3px) translateX(-58%) rotate(12deg);animation:cardLightSweep 8s cubic-bezier(.45,0,.55,1) infinite;mix-blend-mode:screen}
.hero-scene .scene-card>*{position:relative;z-index:1;transform:translateZ(18px)}
@keyframes cardLightSweep{0%,16%{transform:translateZ(3px) translateX(-58%) rotate(12deg)}68%,100%{transform:translateZ(3px) translateX(58%) rotate(12deg)}}
.hero-scene .scene-card--lab{background:linear-gradient(150deg,#f1d9ff 0%,#b587ce 48%,#513166 100%);color:#1b0f24}
.hero-scene .scene-card--lab strong{font:400 clamp(34px,4.5vw,58px)/.84 'Instrument Serif',Georgia,serif;letter-spacing:-.075em;white-space:nowrap;text-shadow:0 10px 22px rgba(39,17,49,.2)}
.lab-object{transform-style:preserve-3d}.lab-sphere{transform-style:preserve-3d;border:1px solid rgba(255,255,255,.28);box-shadow:inset -32px -42px 68px rgba(18,6,27,.52),inset 12px 12px 30px rgba(255,255,255,.19),0 48px 92px rgba(74,29,100,.42)}
.lab-sphere:before{content:"";position:absolute;inset:9%;border:1px solid rgba(255,255,255,.28);border-radius:50%;transform:translateZ(34px) rotateY(58deg);box-shadow:inset 0 0 32px rgba(237,207,255,.17),0 0 28px rgba(235,203,255,.13)}
.lab-sphere:after{transform:translateZ(48px) rotateX(65deg) rotateZ(15deg)}
.lab-sphere i{transform:translateZ(24px) rotateY(65deg);box-shadow:inset 0 0 18px rgba(244,208,255,.1)}
.lab-sphere i:nth-child(2){transform:translateZ(42px) rotateX(70deg)}.lab-sphere i:nth-child(3){transform:translateZ(58px) rotateY(35deg) rotateZ(35deg)}
.lab-sphere b{transform:translateZ(78px);font-size:clamp(96px,13vw,170px);text-shadow:0 18px 32px rgba(27,6,33,.55),0 0 24px rgba(247,225,255,.18)}
.orbit-tag{transform:translateZ(100px);backdrop-filter:blur(12px);background:rgba(255,247,255,.82)}
@media(prefers-reduced-motion:reduce){.hero-scene .scene-card:after{animation:none}.hero-scene .scene-card:after{transform:translateZ(3px) translateX(0) rotate(12deg)}}

/* Direction update: make the thesis chapter feel like a living system map,
   not a static black interstitial. */
.manifesto-sticky{background:radial-gradient(ellipse at 77% 43%,rgba(122,70,146,.24),transparent 36%),radial-gradient(ellipse at 11% 86%,rgba(72,48,100,.2),transparent 34%),linear-gradient(130deg,#09080d 8%,#100c15 55%,#08080c);}
.manifesto-sticky:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(rgba(229,205,242,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(229,205,242,.035) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,transparent 14%,#000 58%,transparent 100%);opacity:.32}
.manifesto-sticky:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,7,11,.4),transparent 24%,transparent 73%,rgba(8,7,11,.56));}
.manifesto-orbit{width:min(58vw,760px);height:min(58vw,760px);filter:drop-shadow(0 0 42px rgba(191,126,220,.19));transform-style:preserve-3d;}
.manifesto-orbit-ring{border-color:rgba(233,204,249,.68);box-shadow:0 0 28px rgba(209,157,235,.14),0 0 0 38px rgba(219,170,236,.035),0 0 0 86px rgba(219,170,236,.025);transform:perspective(900px) rotateX(57deg) rotateY(-16deg) scale(calc(.83 + var(--chapter-progress,0) * .42));}
.manifesto-orbit-ring:before{inset:12%;border-color:rgba(206,161,229,.48);transform:rotateX(66deg) rotateZ(28deg)}
.manifesto-orbit-ring:after{inset:27%;border-color:rgba(245,222,255,.5);transform:rotateY(68deg) rotateZ(-26deg)}
.manifesto-orbit-core{width:20%;background:radial-gradient(circle at 31% 24%,#fff1ff 0,#d7b1eb 15%,#9666b2 38%,#301d41 77%);border:1px solid rgba(255,255,255,.56);box-shadow:inset -12px -18px 28px rgba(32,13,44,.5),inset 7px 7px 20px rgba(255,255,255,.46),0 0 0 14px rgba(208,166,232,.08),0 26px 74px rgba(0,0,0,.58);transform:translateZ(54px);}
.manifesto-satellite{border:1px solid rgba(255,255,255,.65);box-shadow:0 0 18px rgba(230,189,250,.72),0 0 60px rgba(179,111,216,.36);transform:translateZ(75px);}
.manifesto-phrase{transform-origin:0 80%;}
.manifesto-phrase>span{display:inline-flex;align-items:center;gap:11px;color:#edd3ff}
.manifesto-phrase>span:before{content:"";width:28px;height:1px;background:#ddaff4;box-shadow:0 0 12px #d9a8f0}
.manifesto-phrase h2{letter-spacing:-.075em;text-shadow:0 16px 55px rgba(0,0,0,.56)}
.manifesto-phrase h2 em{background:linear-gradient(105deg,#fff1ff 0%,#ddb1f3 44%,#a576c3 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 8px 25px rgba(192,135,220,.18))}
.manifesto-counter{padding:13px 15px;border:1px solid rgba(234,210,246,.17);border-radius:50px;background:rgba(22,14,28,.54);backdrop-filter:blur(12px)}
.lab-intro h2{font-size:clamp(88px,15vw,205px);letter-spacing:-.085em;line-height:.8;margin:28px 0 12px}
.lab-intro h2 em{font-style:normal;color:#fff;background:linear-gradient(105deg,#fff 8%,#e0b9f3 56%,#9f70bd 100%);background-clip:text;-webkit-background-clip:text}
@media(max-width:750px){.hero-scene{inset:48% -4% 12%;width:auto;height:auto;transform:none;perspective:900px}.hero-scene .scene-wrap--left{left:0;top:26%;width:35vw;height:235px}.hero-scene .scene-wrap--back{left:20%;top:33%;width:33vw;height:225px}.hero-scene .scene-wrap--right{right:0;top:24%;width:35vw;height:245px}.hero-scene .scene-wrap--center{left:33%;top:15%;width:39vw;height:275px}.manifesto-orbit{width:83vw;height:83vw;top:28%;left:50%}.manifesto-phrase h2{font-size:clamp(68px,15vw,102px)}.lab-intro h2{font-size:clamp(80px,15vw,130px)}.lab-stage{padding-top:45px}}
@media(max-width:480px){.hero-scene{inset:49% -3% 13%}.hero-scene .scene-wrap--left{left:-2%;top:28%;width:38vw;height:220px}.hero-scene .scene-wrap--back{left:17%;top:34%;width:36vw;height:215px}.hero-scene .scene-wrap--right{right:-1%;top:26%;width:38vw;height:230px}.hero-scene .scene-wrap--center{left:31%;top:17%;width:40vw;height:250px}.manifesto-orbit{width:86vw;height:86vw;top:29%}.manifesto-phrase h2{font-size:clamp(60px,14vw,78px)}.lab-intro h2{font-size:clamp(66px,15vw,88px)}}
@media(prefers-reduced-motion:reduce){.manifesto-sticky:before{opacity:.2}.manifesto-orbit-ring{transform:perspective(900px) rotateX(57deg) rotateY(-16deg) scale(calc(.83 + var(--chapter-progress,0) * .42))}}
/* Let each principle read like a chapter title, not a generic slogan. */
.manifesto-orbit{transform:translate(-50%,-50%) scale(var(--orbit-scale,1)) rotate(var(--orbit-rotate,0deg));}
.manifesto-orbit-ring{transition:filter .25s ease;filter:drop-shadow(0 0 18px rgba(221,175,245,.2));}
.manifesto-orbit-core{font-size:clamp(31px,4vw,58px);text-shadow:0 4px 18px rgba(47,22,64,.35);}
.manifesto-satellite{animation:satelliteSignal 3.8s ease-in-out infinite;}
.manifesto-satellite.sat-b{animation-delay:-1.25s}.manifesto-satellite.sat-c{animation-delay:-2.5s}
@keyframes satelliteSignal{0%,100%{filter:brightness(.9);scale:.88}50%{filter:brightness(1.25);scale:1.18}}
.manifesto-phrase h2{max-width:10ch;font-size:clamp(72px,9.2vw,142px);line-height:.77;}
.manifesto-phrase p{margin-top:22px;max-width:410px;}
.lab-object:before{content:"";position:absolute;width:min(44vw,560px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(223,182,244,.36),rgba(161,104,194,.17) 36%,rgba(124,73,157,.04) 58%,transparent 72%);filter:blur(12px);transform:translateZ(-72px);}
.lab-object:after{content:"";position:absolute;width:min(42vw,540px);aspect-ratio:1;border:1px solid rgba(99,57,122,.35);border-radius:50%;transform:rotateX(68deg) rotateZ(-18deg) translateZ(-28px);box-shadow:0 0 0 32px rgba(255,255,255,.035),0 0 0 72px rgba(100,56,126,.045);pointer-events:none;}
.lab-sphere{animation:sphereBob 7s cubic-bezier(.42,0,.58,1) infinite;}
.lab-sphere:before{background:radial-gradient(circle at 28% 23%,rgba(255,255,255,.24),transparent 42%);}
.lab-sphere b{font-size:clamp(88px,11vw,142px);font-weight:500;letter-spacing:-.09em;}
.orbit-tag{border-color:rgba(103,63,122,.38);color:#2c1b35;box-shadow:0 16px 42px rgba(55,24,72,.2),inset 0 1px rgba(255,255,255,.9);}
.motion-off .manifesto-satellite,.motion-off .lab-sphere,.motion-off .hero-scene .scene-card:after{animation-play-state:paused!important;}
@media(max-width:750px){.manifesto-phrase h2{max-width:11ch;font-size:clamp(58px,11.8vw,82px)}.manifesto-phrase p{margin-top:15px;max-width:300px}.lab-object:before{width:78vw}.lab-object:after{width:74vw}.lab-sphere b{font-size:112px}}
@media(max-width:480px){.manifesto-phrase h2{font-size:clamp(52px,11.7vw,67px)}.manifesto-phrase p{max-width:270px}}
@media(prefers-reduced-motion:reduce){.manifesto-satellite,.lab-sphere,.hero-scene .scene-card:after{animation:none}.manifesto-orbit-ring{animation:none}body.force-motion .manifesto-satellite{animation:satelliteSignal 3.8s ease-in-out infinite!important}body.force-motion .lab-sphere{animation:sphereBob 7s ease-in-out infinite!important}body.force-motion .hero-scene .scene-card:after{animation:cardLightSweep 8s cubic-bezier(.45,0,.55,1) infinite!important}body.force-motion .manifesto-orbit-ring{animation:spin 24s linear infinite!important}}
/* Keep the local AI chapter cinematic and cohesive with the dark opening. */
.lab-section{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 61%,rgba(103,54,132,.34),transparent 37%),radial-gradient(ellipse at 82% 13%,rgba(152,101,183,.13),transparent 34%),linear-gradient(145deg,#0a090e 3%,#17101f 56%,#0a090e 100%);color:#f4edf6;color-scheme:dark;}
.lab-section:before{content:"";position:absolute;z-index:-1;inset:-10%;pointer-events:none;background:radial-gradient(ellipse at 48% 60%,rgba(185,119,218,.18),transparent 31%);filter:blur(38px);animation:labLightDrift 13s ease-in-out infinite alternate;}
.lab-section:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(rgba(235,217,245,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(235,217,245,.025) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(transparent,#000 29%,#000 76%,transparent);}
@keyframes labLightDrift{to{transform:translate3d(4%,-3%,0) scale(1.1);opacity:.68}}
.lab-intro p,.lab-intro>span{color:#c8b5d0}.lab-intro h2 em{background:linear-gradient(100deg,#fff 8%,#ead7f5 42%,#bf91da 78%,#8a60a7 100%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 10px 40px rgba(178,111,209,.18))}
.lab-stage-copy h3{color:#f3e9f7}.lab-stage-copy p{color:#c8bdce}.lab-specs{border-color:rgba(229,200,244,.32)}.lab-specs div{border-color:rgba(229,200,244,.24)}.lab-specs small{color:#c8b5d0}
.lab-object:after{border-color:rgba(221,188,239,.28);box-shadow:0 0 0 32px rgba(255,255,255,.024),0 0 0 72px rgba(175,112,207,.055)}
@media(max-width:750px){.hero-scene{inset:52% -4% 12%}.hero-meta{margin-top:26px}.lab-stage-copy p{color:#d1c5d8}}
@media(max-width:480px){.hero-scene{inset:53% -3% 13%}.hero-meta{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.lab-section:before{animation:none;opacity:.68}body.force-motion .lab-section:before{animation:labLightDrift 13s ease-in-out infinite alternate!important}}

/* Color and depth pass: a controlled ultraviolet / sea-glass / warm-metal palette. */
:root{--signal:#83e4d0;--signal-deep:#246c70;--metal:#e9b878}
.hero{background:radial-gradient(ellipse at 78% 38%,rgba(105,76,155,.29),transparent 39%),radial-gradient(ellipse at 91% 78%,rgba(53,150,144,.14),transparent 30%),#09090d}
.hero:before{background:radial-gradient(circle,rgba(134,81,176,.2),transparent 66%)}
.scene-glow{background:radial-gradient(circle at 43% 38%,rgba(177,116,224,.3),rgba(81,199,178,.13) 39%,transparent 68%)}
.scene-card--alpuris{background:linear-gradient(145deg,#f0c58f 0%,#bf7759 54%,#623d55 100%);color:#21131c}
.city-mini i{background:#33243d;box-shadow:6px -6px 0 var(--metal),0 0 18px rgba(233,184,120,.12)}
.scene-card--core{background:linear-gradient(150deg,#d9fff1 0%,#86d9c7 50%,#338e91 100%);color:#102c31}
.core-rings i{border-color:rgba(18,71,74,.68);box-shadow:0 0 20px rgba(65,166,157,.15)}
.core-rings i:nth-child(3){background:#18555a}
.scene-card--memory{background:linear-gradient(145deg,#f0e8ff 0%,#bca8f2 50%,#635ba9 100%);color:#201936}
.memory-lines i{background:#705dba;box-shadow:0 0 18px rgba(87,80,174,.2)}
.memory-lines i:nth-child(2){background:#8edbce}.memory-lines i:nth-child(3){background:#3a3478}.memory-lines i:nth-child(4){background:#aa8ee0}.memory-lines i:nth-child(5){background:#5fbab1}
.scene-card--lab{background:radial-gradient(ellipse at 72% 24%,rgba(255,255,255,.56),transparent 30%),linear-gradient(150deg,#f1dcff 0%,#ba8cdb 43%,#7254bb 74%,#25234f 100%);color:#18172b}
.hero-scene .scene-wrap--center{filter:drop-shadow(0 26px 52px rgba(132,91,214,.3))}
.hero-scene .scene-wrap--back{filter:drop-shadow(0 24px 42px rgba(66,176,161,.2))}
.lab-section{background:radial-gradient(ellipse at 47% 61%,rgba(91,75,171,.34),transparent 38%),radial-gradient(ellipse at 82% 13%,rgba(70,181,164,.12),transparent 32%),linear-gradient(145deg,#090a10 3%,#151326 56%,#09090e 100%)}
.lab-sphere{background:radial-gradient(circle at 32% 24%,#f7efff 0,#d7b4ed 16%,#916fdb 39%,#423d87 67%,#111728 92%);box-shadow:inset -30px -40px 60px rgba(10,13,31,.58),inset 12px 12px 28px rgba(255,255,255,.24),0 42px 76px rgba(79,66,171,.38)}
.lab-sphere:before{border-color:rgba(131,228,208,.52);box-shadow:inset 0 0 32px rgba(131,228,208,.17),0 0 30px rgba(131,228,208,.24)}
.lab-sphere:after{border-color:rgba(131,228,208,.62);box-shadow:0 0 22px rgba(131,228,208,.25)}
.lab-sphere i{border-color:rgba(193,235,229,.38);box-shadow:inset 0 0 20px rgba(131,228,208,.15)}
.lab-sphere i:nth-child(2){border-color:rgba(131,228,208,.74)}
.lab-sphere b{text-shadow:0 18px 32px rgba(18,12,49,.65),0 0 30px rgba(235,220,255,.28)}
.lab-object:after{border-color:rgba(131,228,208,.3);box-shadow:0 0 0 32px rgba(131,228,208,.035),0 0 0 72px rgba(141,116,219,.07)}
.orbit-tag{border-color:rgba(131,228,208,.32);box-shadow:0 16px 42px rgba(44,45,102,.25),inset 0 1px rgba(255,255,255,.9)}

/* Chapter 1 sculpture: a rotating, layered memory appliance with orbital data paths. */
.manifesto-orbit{perspective:1100px;transform-style:preserve-3d;filter:drop-shadow(0 24px 56px rgba(77,59,132,.25))}
.engine-aura{position:absolute;inset:3%;border-radius:50%;background:radial-gradient(circle at 49% 45%,rgba(156,119,236,.25),rgba(75,208,186,.11) 35%,rgba(33,39,74,.12) 52%,transparent 70%);filter:blur(18px);animation:enginePulse 7s ease-in-out infinite alternate}
.engine-orbit{position:absolute;inset:7%;border:1px solid rgba(152,225,218,.4);border-radius:50%;transform-style:preserve-3d;box-shadow:0 0 24px rgba(90,206,192,.09),inset 0 0 24px rgba(160,119,222,.07)}
.engine-orbit:before{content:"";position:absolute;inset:9%;border:1px solid rgba(182,155,231,.3);border-radius:50%;transform:rotateX(66deg) rotateZ(28deg)}
.engine-orbit i{position:absolute;left:12%;top:12%;width:11px;height:11px;border-radius:50%;background:#c9fff0;box-shadow:0 0 12px #83e4d0,0 0 32px rgba(131,228,208,.85);transform:translateZ(35px)}
.engine-orbit--outer{inset:2%;transform:rotateX(68deg) rotateY(20deg);animation:engineOrbitA 26s linear infinite}
.engine-orbit--middle{inset:14%;border-color:rgba(205,167,240,.54);transform:rotateX(70deg) rotateY(-38deg) rotateZ(18deg);animation:engineOrbitB 20s linear infinite reverse}
.engine-orbit--middle i{left:auto;right:8%;top:36%;background:#e7c4ff;box-shadow:0 0 12px #d1a6f5,0 0 28px rgba(184,130,232,.7)}
.engine-orbit--inner{inset:25%;border-color:rgba(154,202,224,.32);transform:rotateX(62deg) rotateY(51deg);animation:engineOrbitA 32s linear infinite}
.engine-orbit--inner i{left:44%;top:-2%;width:7px;height:7px}
.engine-platform{position:absolute;left:50%;top:51%;width:53%;aspect-ratio:1;transform-style:preserve-3d;border:1px solid rgba(136,225,211,.48);background:linear-gradient(135deg,rgba(50,114,125,.13),rgba(137,106,189,.08));box-shadow:0 0 30px rgba(77,198,184,.12),inset 0 0 22px rgba(144,111,213,.12)}
.engine-platform--lower{transform:translate(-50%,-50%) rotateX(70deg) rotateZ(45deg) translateZ(-92px)}
.engine-platform--upper{width:38%;border-color:rgba(218,194,249,.64);transform:translate(-50%,-50%) rotateX(70deg) rotateZ(45deg) translateZ(102px);background:rgba(187,158,226,.12)}
.engine-platform i{position:absolute;inset:12%;border:1px solid rgba(153,223,210,.3)}
.engine-platform i:nth-child(2){inset:25%;border-color:rgba(206,175,242,.42)}
.engine-platform i:nth-child(3){inset:39%;border-color:rgba(153,223,210,.28)}
.engine-platform--upper i:nth-child(2){display:none}
.engine-cube{--engine-size:clamp(142px,18vw,214px);position:absolute;left:50%;top:50%;width:var(--engine-size);height:var(--engine-size);transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(-22deg) rotateY(-34deg);animation:engineCubeTurn 22s cubic-bezier(.48,.02,.52,.98) infinite alternate;filter:drop-shadow(0 24px 28px rgba(14,14,36,.42))}
.engine-face{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:14px;border:1px solid rgba(230,221,255,.64);border-radius:12px;background:linear-gradient(145deg,rgba(215,198,250,.94),rgba(103,91,176,.88) 54%,rgba(35,40,79,.96));color:#fbf7ff;backface-visibility:hidden;box-shadow:inset 1px 1px 24px rgba(255,255,255,.21),inset -10px -16px 24px rgba(21,23,61,.28)}
.engine-face:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 42%,rgba(80,224,202,.11))}
.engine-face span,.engine-face small{position:relative;z-index:1;font:700 7px/1.3 'DM Sans',sans-serif;letter-spacing:.12em;color:rgba(248,242,255,.82)}
.engine-face b{position:relative;z-index:1;font:500 clamp(16px,2vw,23px)/.9 'Instrument Serif',Georgia,serif;letter-spacing:-.045em;text-shadow:0 4px 18px rgba(25,18,58,.35)}
.engine-face i{position:relative;z-index:1;display:block;width:100%;height:24%;border-radius:5px;background:repeating-linear-gradient(90deg,rgba(225,255,250,.78) 0 2px,transparent 2px 13px),linear-gradient(90deg,rgba(55,218,192,.16),rgba(207,175,246,.4));box-shadow:0 0 18px rgba(125,228,209,.19);clip-path:polygon(0 8%,100% 0,100% 78%,0 100%)}
.engine-face--front{transform:translateZ(calc(var(--engine-size)/2));}
.engine-face--right{transform:rotateY(90deg) translateZ(calc(var(--engine-size)/2));background:linear-gradient(145deg,rgba(121,224,207,.96),rgba(42,137,150,.93) 56%,rgba(22,56,83,.98));color:#f1fffc}
.engine-face--back{transform:rotateY(180deg) translateZ(calc(var(--engine-size)/2));background:linear-gradient(145deg,rgba(234,193,139,.95),rgba(183,118,98,.92) 58%,rgba(80,49,74,.98))}
.engine-face--left{transform:rotateY(-90deg) translateZ(calc(var(--engine-size)/2));background:linear-gradient(145deg,rgba(205,186,244,.96),rgba(117,100,181,.94) 60%,rgba(43,49,92,.98))}
.engine-face--top{transform:rotateX(90deg) translateZ(calc(var(--engine-size)/2));justify-content:center;align-items:center;background:linear-gradient(145deg,rgba(227,253,239,.94),rgba(86,176,160,.94));color:#173638}
.engine-face--top span{color:#173638}.engine-face--top i{width:45%;height:45%;border-radius:50%;clip-path:none;border:1px solid rgba(24,91,89,.55);background:radial-gradient(circle at center,rgba(31,83,99,.8) 0 5%,transparent 7%),repeating-radial-gradient(circle,transparent 0 10px,rgba(37,106,105,.32) 11px 12px)}
.engine-face--bottom{transform:rotateX(-90deg) translateZ(calc(var(--engine-size)/2));justify-content:center;align-items:center;background:linear-gradient(145deg,#443667,#1b203c)}
.engine-readout{position:absolute;z-index:2;padding:8px 11px;border:1px solid rgba(186,227,223,.27);border-radius:20px;background:rgba(12,17,30,.64);backdrop-filter:blur(10px);color:#e7e0f1;font:700 7px/1 'DM Sans',sans-serif;letter-spacing:.14em;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.engine-readout b{margin-left:6px;color:#83e4d0;text-shadow:0 0 12px rgba(131,228,208,.85)}
.engine-readout--a{left:5%;top:27%}.engine-readout--b{right:1%;top:61%}.engine-readout--c{left:36%;bottom:9%;color:#cdb4ec}
@keyframes engineCubeTurn{0%{transform:translate(-50%,-50%) rotateX(-23deg) rotateY(-42deg) rotateZ(-3deg)}50%{transform:translate(-50%,-50%) rotateX(-12deg) rotateY(18deg) rotateZ(2deg)}100%{transform:translate(-50%,-50%) rotateX(-24deg) rotateY(42deg) rotateZ(-3deg)}}
@keyframes engineOrbitA{to{rotate:0 0 1 360deg}}
@keyframes engineOrbitB{to{rotate:0 0 1 360deg}}
@keyframes enginePulse{to{opacity:.62;scale:1.08}}
.motion-off .engine-cube,.motion-off .engine-orbit,.motion-off .engine-aura{animation-play-state:paused!important}
@media(max-width:750px){.engine-cube{--engine-size:clamp(122px,28vw,174px)}.engine-face{padding:10px}.engine-face span,.engine-face small{font-size:6px}.engine-face b{font-size:clamp(15px,4vw,19px)}.engine-readout{padding:7px 9px;font-size:6px}.engine-platform--lower{transform:translate(-50%,-50%) rotateX(70deg) rotateZ(45deg) translateZ(-68px)}.engine-platform--upper{transform:translate(-50%,-50%) rotateX(70deg) rotateZ(45deg) translateZ(76px)}}
@media(prefers-reduced-motion:reduce){.engine-cube,.engine-orbit,.engine-aura{animation:none!important}.engine-cube{transform:translate(-50%,-50%) rotateX(-22deg) rotateY(-30deg)}}


/* Chapter 2 sculpture: a three-tier local inference routing chamber. */
.lab-object{isolation:isolate}
.sentinel-orbit{position:absolute;left:50%;top:47%;width:min(76%,420px);aspect-ratio:1;border:1px solid rgba(131,228,208,.42);border-radius:50%;transform-style:preserve-3d;box-shadow:0 0 30px rgba(79,209,190,.1),inset 0 0 35px rgba(120,100,203,.09)}
.sentinel-orbit:before,.sentinel-orbit:after{content:"";position:absolute;inset:11%;border:1px solid rgba(197,161,235,.34);border-radius:50%;transform:rotateX(68deg) rotateZ(31deg)}
.sentinel-orbit:after{inset:22%;border-color:rgba(131,228,208,.22);transform:rotateY(70deg) rotateZ(-24deg)}
.sentinel-orbit--outer{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(-18deg);animation:sentinelOrbit 30s linear infinite}
.sentinel-orbit--inner{width:61%;border-color:rgba(199,159,238,.43);transform:translate(-50%,-50%) rotateX(62deg) rotateY(25deg);animation:sentinelOrbit 22s linear infinite reverse}
.sentinel-orbit i{position:absolute;left:14%;top:16%;width:10px;height:10px;border-radius:50%;background:#a9fff0;box-shadow:0 0 14px #83e4d0,0 0 34px rgba(131,228,208,.8)}
.sentinel-orbit--inner i{left:auto;right:6%;top:48%;background:#dfc0ff;box-shadow:0 0 14px #c69bed,0 0 30px rgba(196,146,238,.72)}
.sentinel-platform{position:absolute;left:50%;top:53%;width:55%;aspect-ratio:1;border:1px solid rgba(144,222,211,.38);background:linear-gradient(145deg,rgba(57,156,151,.1),rgba(107,78,161,.11));box-shadow:0 0 34px rgba(87,199,185,.13),inset 0 0 26px rgba(149,122,209,.13);transform:translate(-50%,-50%) rotateX(70deg) rotateZ(45deg) translateZ(-64px)}
.sentinel-platform:before,.sentinel-platform:after{content:"";position:absolute;inset:14%;border:1px solid rgba(190,161,226,.34)}
.sentinel-platform:after{inset:29%;border-color:rgba(131,228,208,.28)}
.sentinel-reactor{position:absolute;left:50%;top:47%;width:clamp(190px,24vw,278px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);transform-style:preserve-3d;background:radial-gradient(circle at 32% 24%,rgba(233,225,255,.98),rgba(158,137,225,.94) 18%,rgba(75,77,153,.96) 48%,rgba(18,30,52,.98) 78%);border:1px solid rgba(232,238,255,.64);box-shadow:inset -28px -32px 52px rgba(12,20,44,.54),inset 12px 12px 28px rgba(255,255,255,.35),0 36px 78px rgba(75,70,153,.42),0 0 66px rgba(79,205,190,.18);animation:reactorHover 7s ease-in-out infinite}
.sentinel-reactor:before,.sentinel-reactor:after{content:"";position:absolute;inset:8%;border:1px solid rgba(157,246,222,.54);border-radius:50%;transform:rotateY(67deg) translateZ(22px);box-shadow:0 0 22px rgba(131,228,208,.19)}
.sentinel-reactor:after{inset:2%;border-color:rgba(220,197,255,.44);transform:rotateX(73deg) rotateZ(24deg) translateZ(34px)}
.sentinel-reactor-face{position:absolute;inset:25%;border:1px solid rgba(239,231,255,.43);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:radial-gradient(circle,rgba(194,172,248,.22),rgba(24,35,66,.3));box-shadow:inset 0 0 28px rgba(131,228,208,.14),0 0 32px rgba(174,143,234,.18);transform:translateZ(30px);backdrop-filter:blur(3px)}
.sentinel-reactor-face small,.sentinel-reactor-face span{font:700 7px/1.3 'DM Sans',sans-serif;letter-spacing:.16em;color:rgba(247,244,255,.82)}
.sentinel-reactor-face b{font:400 clamp(68px,8vw,100px)/.8 'Instrument Serif',Georgia,serif;color:#fcf8ff;text-shadow:0 0 28px rgba(225,214,255,.55),0 9px 23px rgba(14,21,43,.5)}
.sentinel-reactor-face i{position:absolute;right:13%;top:16%;width:7px;height:7px;border-radius:50%;background:#9bffe8;box-shadow:0 0 14px #83e4d0}
.sentinel-node{position:absolute;z-index:2;width:106px;min-height:82px;padding:11px 12px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(221,215,246,.46);border-radius:12px;background:linear-gradient(145deg,rgba(37,42,66,.9),rgba(20,21,39,.87));box-shadow:0 16px 36px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.1);backdrop-filter:blur(12px);color:#f7f3ff;animation:nodeFloat 5.5s ease-in-out infinite}
.sentinel-node:after{content:"";position:absolute;left:50%;top:100%;height:32px;border-left:1px solid rgba(131,228,208,.52);filter:drop-shadow(0 0 5px rgba(131,228,208,.6))}
.sentinel-node small,.sentinel-node span{font:700 6px/1.2 'DM Sans',sans-serif;letter-spacing:.13em;color:#c8bdd8}.sentinel-node b{font:500 24px/.95 'Instrument Serif',Georgia,serif;letter-spacing:-.03em;color:#b8ffef}.sentinel-node--verify{left:9%;top:19%;animation-delay:-1.4s}.sentinel-node--draft{right:7%;top:38%;animation-delay:-3s}.sentinel-node--draft b{color:#dfc2ff}.sentinel-node--draft:after{top:50%;left:auto;right:100%;height:0;width:36px;border-left:0;border-top:1px solid rgba(196,150,239,.62)}.sentinel-node--reflex{left:19%;bottom:13%;animation-delay:-2.2s}.sentinel-node--reflex b{font-size:20px;color:#a8d9ff}.sentinel-node--reflex:after{top:auto;bottom:100%;height:28px}
.sentinel-readout{position:absolute;z-index:1;top:12%;padding:7px 10px;border:1px solid rgba(195,218,223,.2);border-radius:18px;background:rgba(11,16,28,.56);backdrop-filter:blur(8px);font:700 6px/1 'DM Sans',sans-serif;letter-spacing:.14em;color:#ded5e8}.sentinel-readout b{margin-left:5px;color:#8df1d5}.sentinel-readout--left{left:11%}.sentinel-readout--right{right:9%;top:75%;color:#cdb9e1}
@keyframes sentinelOrbit{to{rotate:0 0 1 360deg}}
@keyframes reactorHover{50%{translate:0 -9px;filter:brightness(1.08)}}
@keyframes nodeFloat{50%{translate:0 -8px}}
.motion-off .sentinel-orbit,.motion-off .sentinel-reactor,.motion-off .sentinel-node{animation-play-state:paused!important}
@media(max-width:750px){.sentinel-reactor{width:220px}.sentinel-node{width:88px;min-height:72px;padding:9px}.sentinel-node--verify{left:3%;top:19%}.sentinel-node--draft{right:2%;top:39%}.sentinel-node--reflex{left:11%;bottom:14%}.sentinel-readout{font-size:5px}.sentinel-readout--left{left:5%}.sentinel-readout--right{right:4%}.sentinel-orbit{width:87%}.sentinel-platform{width:64%}}
@media(max-width:480px){.lab-object{height:350px}.sentinel-reactor{width:180px}.sentinel-node{width:76px;min-height:64px;padding:8px;border-radius:9px}.sentinel-node small,.sentinel-node span{font-size:5px}.sentinel-node b{font-size:20px}.sentinel-node--verify{left:0;top:17%}.sentinel-node--draft{right:0;top:40%}.sentinel-node--reflex{left:7%;bottom:12%}.sentinel-readout--left{left:1%;top:5%}.sentinel-readout--right{right:1%;top:84%}}
@media(prefers-reduced-motion:reduce){.sentinel-orbit,.sentinel-reactor,.sentinel-node{animation:none!important}}


/* Portfolio-wide art direction: one deep-ink canvas, with lavender and signal-mint accents. */
:root{--signal:#83e4d0;--surface:#11111a;--surface-raised:#191823;--hairline:rgba(227,218,239,.2)}
button:focus-visible,a:focus-visible{outline-color:var(--signal)}
::selection{background:var(--signal);color:#091012}
.site-header{backdrop-filter:blur(16px);background:linear-gradient(180deg,rgba(9,9,13,.58),rgba(9,9,13,.08));border-bottom:1px solid rgba(235,224,246,.06)}
.hero:before{background:radial-gradient(circle,rgba(105,83,189,.25),rgba(57,183,168,.07) 45%,transparent 68%)}
.scene-card{border-radius:5px;box-shadow:0 38px 70px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.52)}
.scene-card--alpuris{background:linear-gradient(150deg,#e4b69a,#94556c 78%)}
.scene-card--core{background:linear-gradient(145deg,#d0dfd0,#627e76 78%)}
.scene-card--memory{background:linear-gradient(145deg,#f2e8ff,#ab8dc3 78%)}
.scene-card--lab{background:linear-gradient(145deg,#c1fff0,#64b8b0 43%,#5c477f 100%)}
.scene-card:hover{filter:brightness(1.06)}
.work-section{position:relative;background:radial-gradient(ellipse at 78% 38%,rgba(102,79,150,.15),transparent 37%),linear-gradient(155deg,#0a0a10,#111018 52%,#0a0a10);color:#f2edf5;color-scheme:dark;padding-bottom:100px}
.work-heading h2 em{color:#cda8ee}.work-heading p{color:#c2b8c8}
.slider-top{border-color:var(--hairline);color:#c9bfce}
.slide{background:linear-gradient(135deg,#181721,#101018);border:1px solid rgba(229,218,240,.14);box-shadow:0 34px 80px rgba(0,0,0,.27)}
.slide-copy{background:linear-gradient(145deg,rgba(28,26,38,.98),rgba(15,15,23,.98));color:#f6f0f7}
.slide-label{color:var(--signal)}.slide-copy p{color:#c9bfce}
.slide-tags span{border-color:rgba(224,211,235,.31);color:#d8cddd;background:rgba(255,255,255,.025)}
.slide-copy>a{border-color:rgba(131,228,208,.57);color:#d5fff5;transition:gap .25s ease,color .25s ease}
.slide-copy>a:hover{gap:64px;color:var(--signal)}
.slider-tabs button{border-color:rgba(230,220,239,.27);color:#d3c8d8;background:rgba(255,255,255,.025);transition:background .25s,border-color .25s,transform .25s}
.slider-tabs button:hover{transform:translateY(-2px);border-color:var(--signal)}
.slider-tabs button[aria-selected=true]{background:var(--signal);color:#0b1616;border-color:var(--signal)}
.slider-arrows button{border-color:rgba(226,213,236,.32);color:#f2edf5;transition:background .25s,color .25s,border-color .25s,transform .25s}
.slider-arrows button:hover{background:var(--signal);border-color:var(--signal);color:#081313;transform:translateY(-2px)}
.slide-art--episodai{background:radial-gradient(circle at 50% 42%,#8867a4,#382746 75%)}
.slide-art--core{background:radial-gradient(circle,#648e7c,#172e2a 76%)}
.slide-art--alpuris{background:radial-gradient(circle at 50% 40%,#c48870,#382339 80%)}
.capability-section{position:relative;background:radial-gradient(ellipse at 83% 48%,rgba(80,173,158,.08),transparent 34%),#0b0b11}
.capability-list{border-color:var(--hairline)}.capability-list article{border-color:var(--hairline);transition:padding .3s ease,background .3s ease}.capability-list article:hover{padding-left:16px;background:linear-gradient(90deg,rgba(131,228,208,.045),transparent 65%)}.capability-list article span,.capability-list code{color:var(--signal)}
.experience-section{background:radial-gradient(ellipse at 14% 65%,rgba(97,72,143,.15),transparent 39%),linear-gradient(140deg,#111019,#0b0b10 60%,#12131a);color:#f3edf5;color-scheme:dark}
.experience-head h2 em{color:#cda8ee}.experience-head>div span,.experience-points article span{color:var(--signal)}.experience-head>div p,.experience-points article p{color:#c8bfce}
.simulation-art{border-color:rgba(225,215,235,.2);background:linear-gradient(145deg,rgba(27,26,38,.9),rgba(16,17,25,.92));box-shadow:0 24px 60px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.04)}
.sim-top{color:#ddd1e5}.simulation-art svg{color:#b89be0}.simulation-art svg circle{fill:var(--signal)}.sim-bottom{color:#9fabb0}.experience-points article{border-color:var(--hairline)}
.experience-points article h3{color:#f6eff7}.experience-points article{transition:padding .28s ease,border-color .28s ease}.experience-points article:hover{padding-left:14px;border-color:rgba(131,228,208,.58)}
.toolkit-section{position:relative;background:radial-gradient(ellipse at 83% 22%,rgba(131,228,208,.09),transparent 32%),linear-gradient(145deg,#111019,#0b0b10 76%);color:#f5eff6;color-scheme:dark}
.toolkit-grid{border-color:var(--hairline)}.toolkit-grid>*{border-color:var(--hairline)}.toolkit-grid h2 em{color:#cda8ee}.toolkit-grid h3{color:var(--signal)}.toolkit-grid p{color:#cec4d2}.toolkit-grid>div{transition:background .25s ease}.toolkit-grid>div:hover{background:rgba(131,228,208,.04)}
.resume-teaser{background:radial-gradient(ellipse at 75% 49%,rgba(101,77,156,.36),transparent 36%),radial-gradient(ellipse at 20% 82%,rgba(67,177,159,.1),transparent 32%),#0b0a10}
.contact-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 74% 44%,rgba(112,77,165,.2),transparent 42%),#08090d}.contact-section:before{content:"";position:absolute;right:-12vw;top:8%;width:42vw;aspect-ratio:1;border:1px solid rgba(193,162,226,.09);border-radius:50%;box-shadow:0 0 0 48px rgba(193,162,226,.025),0 0 0 100px rgba(131,228,208,.018);pointer-events:none}
.contact-actions a{border-color:rgba(218,205,228,.28)}.contact-actions a:hover{color:var(--signal);border-color:var(--signal)}
@media(max-width:750px){.site-header{backdrop-filter:blur(12px)}.work-section{padding-top:45px}.slide{border-radius:4px}.experience-section,.toolkit-section{padding-top:60px}.toolkit-grid{border-top-color:var(--hairline)}.contact-section:before{width:75vw;right:-30vw;top:13%}}
@media(prefers-reduced-motion:reduce){.scene-card,.capability-list article,.experience-points article,.toolkit-grid>div{transition:none!important}}


/* Readability pass: raise the small-print floor and strengthen personal-name hierarchy. */
.site-header{font-size:14px}.brand{font-size:25px}.brand-star{font-size:20px}.brand-name{font-size:14px;letter-spacing:.12em}
.site-header nav{gap:clamp(18px,2.4vw,34px)}.header-contact{font-size:14px;padding:12px 20px}
.hero-overline{font-size:14px;letter-spacing:.14em}.hero-meta{font-size:12px;letter-spacing:.1em}.hero-bottom p{font-size:15px}.motion-toggle,.scroll-cue{font-size:13px}
.ticker-track{font-size:15px;letter-spacing:.1em}.chapter-label{font-size:13px;letter-spacing:.12em}
.manifesto-phrase>span,.manifesto-counter{font-size:13px}.manifesto-phrase p{font-size:16px;line-height:1.65}
.work-heading p{font-size:16px}.slider-top{font-size:12px}.slide-label{font-size:12px}.slide-copy p{font-size:16px;line-height:1.72}.slide-tags span{font-size:11px;padding:8px 11px}.slide-copy>a{font-size:15px}.slider-tabs button{font-size:13px;padding:12px 17px}.slider-arrows button{font-size:25px}
.art-card span{font-size:11px}.art-card small{font-size:11px}.art-caption,.city-caption{font-size:12px}
.lab-intro p{font-size:13px}.lab-intro>span{font-size:16px}.lab-stage-copy p{font-size:16px;line-height:1.75}.orbit-tag{font-size:12px;padding:11px 15px}.lab-specs small{font-size:12px}
.capability-list article span{font-size:14px}.capability-list article h3{font-size:clamp(38px,4vw,68px)}.capability-list article p{font-size:16px;line-height:1.75}
.experience-head>div span,.experience-points article span{font-size:12px;letter-spacing:.1em}.experience-head>div p{font-size:16px}.sim-top{font-size:12px}.sim-bottom{font-size:11px}.experience-points article p{font-size:16px;line-height:1.75}
.toolkit-grid h3{font-size:13px}.toolkit-grid p{font-size:16px;line-height:1.75}.resume-teaser-copy>p{font-size:13px}.resume-teaser-copy>span{font-size:16px;line-height:1.75}.resume-teaser-copy a{font-size:15px}.contact-section>p{font-size:16px}.contact-actions a{font-size:16px}.contact-section footer{font-size:12px}
.engine-face span,.engine-face small{font-size:10px;letter-spacing:.09em}.engine-readout{font-size:10px;letter-spacing:.1em;padding:9px 12px}
.sentinel-reactor-face small,.sentinel-reactor-face span{font-size:10px;letter-spacing:.12em}.sentinel-node{width:120px;min-height:92px;padding:13px 14px}.sentinel-node small,.sentinel-node span{font-size:9px;letter-spacing:.1em}.sentinel-node b{font-size:29px}.sentinel-node--reflex b{font-size:24px}.sentinel-readout{font-size:9px;letter-spacing:.1em;padding:9px 12px}
@media(max-width:750px){.site-header{font-size:12px}.site-header nav{gap:14px}.site-header nav a:nth-child(2){display:none}.brand{font-size:23px}.brand-name{display:inline;font-size:11px;margin-left:9px;letter-spacing:.08em}.header-contact{font-size:12px;padding:10px 14px}.hero-overline{font-size:12px;letter-spacing:.1em}.hero-meta{font-size:11px}.hero-bottom p{font-size:13px}.motion-toggle,.scroll-cue{font-size:11px}.chapter-label{font-size:11px;letter-spacing:.09em}.manifesto-phrase>span,.manifesto-counter{font-size:11px}.manifesto-phrase p{font-size:14px}.work-heading p{font-size:15px}.slider-top{font-size:11px}.slide-label{font-size:11px}.slide-copy p{font-size:15px}.slide-tags span{font-size:10px}.slide-copy>a{font-size:14px}.slider-tabs button{font-size:11px;padding:10px 13px}.art-card span,.art-card small{font-size:9px}.lab-intro p{font-size:11px}.lab-intro>span{font-size:14px}.lab-stage-copy p{font-size:15px}.orbit-tag{font-size:10px;padding:9px 12px}.lab-specs small{font-size:10px}.capability-list article span{font-size:12px}.capability-list article p{font-size:15px}.experience-head>div span,.experience-points article span{font-size:11px}.experience-head>div p,.experience-points article p{font-size:15px}.sim-top{font-size:10px}.sim-bottom{font-size:10px}.toolkit-grid h3{font-size:12px}.toolkit-grid p{font-size:15px}.resume-teaser-copy>p{font-size:11px}.resume-teaser-copy>span{font-size:15px}.resume-teaser-copy a{font-size:14px}.contact-section>p{font-size:15px}.contact-actions a{font-size:15px}.contact-section footer{font-size:10px}.engine-face span,.engine-face small{font-size:9px}.engine-readout{font-size:8px;padding:8px 10px}.sentinel-reactor-face small,.sentinel-reactor-face span{font-size:9px}.sentinel-node{width:100px;min-height:82px;padding:10px}.sentinel-node small,.sentinel-node span{font-size:8px}.sentinel-node b{font-size:26px}.sentinel-node--reflex b{font-size:21px}.sentinel-readout{font-size:8px;padding:8px 10px}}
@media(max-width:480px){.hero-overline{font-size:11px}.brand-name{font-size:10px}.chapter-label{font-size:10px}.hero-bottom p{font-size:12px}.manifesto-phrase p{font-size:13px}.slide-art{height:370px}.slide-copy{padding:24px}.slide-copy p{font-size:14px}.slide-tags span{font-size:9px}.slider-controls{gap:14px;align-items:flex-start}.slider-tabs{gap:6px}.slider-tabs button{font-size:10px;padding:9px 10px}.slider-arrows button{width:40px;height:40px}.art-card span,.art-card small{font-size:8px}.lab-stage-copy p{font-size:14px}.orbit-tag{font-size:9px;padding:8px 10px}.lab-specs small{font-size:9px}.lab-specs div{padding:20px 8px}.lab-specs span{font-size:34px}.capability-list article{grid-template-columns:34px 1fr;gap:10px}.capability-list article h3{font-size:36px}.capability-list article p{font-size:14px}.sim-bottom{font-size:9px}.toolkit-grid p{font-size:14px}.resume-teaser-copy>span{font-size:14px}.contact-section footer{font-size:9px}.engine-cube{--engine-size:clamp(122px,31vw,146px)}.engine-face{padding:9px}.engine-face span,.engine-face small{font-size:8px;letter-spacing:.06em}.engine-readout{font-size:7px;padding:7px 8px}.sentinel-reactor{width:170px}.sentinel-reactor-face small,.sentinel-reactor-face span{font-size:8px}.sentinel-node{width:94px;min-height:76px;padding:9px}.sentinel-node small,.sentinel-node span{font-size:7px}.sentinel-node b{font-size:24px}.sentinel-node--reflex b{font-size:19px}.sentinel-readout{font-size:7px;padding:7px 8px}.sentinel-readout--left{left:2%}.sentinel-readout--right{right:2%}}
@media(max-width:360px){.brand-name{font-size:9px;margin-left:6px}.site-header{gap:8px;padding-inline:4vw}.header-contact{padding:9px 10px}.chapter-label{font-size:9px}.engine-face span,.engine-face small{font-size:7px}.sentinel-node{width:84px}.sentinel-readout{letter-spacing:.04em}}

/* Keep technical annotations legible instead of treating them as decorative microtype. */
.engine-face span,.engine-face small{font-size:11px;letter-spacing:.07em}
.engine-readout{font-size:11px}
.sentinel-reactor-face small,.sentinel-reactor-face span{font-size:11px}
.sentinel-node small,.sentinel-node span{font-size:10px;letter-spacing:.06em}
.sentinel-readout{font-size:10px}
@media(max-width:750px){
  .header-contact{white-space:nowrap;min-width:max-content;gap:9px}
  .art-card span,.art-card small{font-size:10px}
  .sim-bottom{font-size:10px}
  .lab-specs small{font-size:11px}
  .engine-face span,.engine-face small{font-size:10px;letter-spacing:.05em}
  .engine-readout{font-size:9px;letter-spacing:.06em}
  .sentinel-reactor-face small,.sentinel-reactor-face span{font-size:10px}
  .sentinel-node{width:104px;min-height:84px;padding:10px}
  .sentinel-node small,.sentinel-node span{font-size:9px;letter-spacing:.04em}
  .sentinel-readout{font-size:9px;letter-spacing:.06em}
}
@media(max-width:480px){
  .engine-face span,.engine-face small{font-size:9px;letter-spacing:.03em}
  .engine-readout{font-size:8px;letter-spacing:.04em}
  .sentinel-reactor-face small,.sentinel-reactor-face span{font-size:9px}
  .sentinel-node{width:100px;min-height:80px;padding:9px}
  .sentinel-node small,.sentinel-node span{font-size:8px;letter-spacing:.03em}
  .sentinel-readout{font-size:8px;letter-spacing:.04em}
  .header-contact{padding-inline:11px}
}
@media(max-width:480px){
  .engine-face span,.engine-face small{font-size:10px;letter-spacing:.02em}
  .engine-readout{font-size:9px;letter-spacing:.03em}
  .sentinel-reactor-face small,.sentinel-reactor-face span{font-size:10px}
  .sentinel-node small,.sentinel-node span{font-size:9px;letter-spacing:.02em}
  .sentinel-readout{font-size:9px;letter-spacing:.03em}
  .slide-tags span,.contact-section footer{font-size:10px}
}
/* Make the portfolio owner unmistakable and keep mobile annotations readable. */
.brand-name{font-size:16px;letter-spacing:.1em}
.hero-overline{font-size:15px;letter-spacing:.12em}
@media(max-width:750px){.brand-name{font-size:12px;letter-spacing:.06em}.hero-overline{font-size:13px;letter-spacing:.08em}.engine-cube{--engine-size:clamp(140px,36vw,168px)}.engine-face span,.engine-face small{font-size:10px}.engine-readout{font-size:9px}.sentinel-node small,.sentinel-node span{font-size:10px;letter-spacing:0}.sentinel-readout{font-size:9px}.contact-section footer{font-size:11px}}
@media(max-width:480px){.brand-name{font-size:11px}.hero-overline{font-size:12px}.engine-cube{--engine-size:clamp(136px,36vw,148px)}.sentinel-node{width:104px}.sentinel-node small,.sentinel-node span{font-size:9px}.contact-section footer{font-size:10px}}
@media(max-width:480px){
  .brand-name{font-size:12px}
  .hero-overline{font-size:13px}
  .chapter-label{font-size:11px}
  .engine-face span,.engine-face small{font-size:10px;letter-spacing:.02em}
  .engine-readout{font-size:10px;letter-spacing:.02em}
  .sentinel-reactor-face small,.sentinel-reactor-face span{font-size:10px}
  .sentinel-node small,.sentinel-node span{font-size:10px;letter-spacing:0}
  .sentinel-readout{font-size:10px;letter-spacing:.02em}
}
@media(max-width:360px){.brand-name{font-size:10px}.hero-overline{font-size:12px}.chapter-label{font-size:10px}}
@media(max-width:360px){
  .site-header nav{display:none}
  .site-header{gap:6px;padding-inline:12px}
  .header-contact{margin-left:auto}
  .hero-actions{gap:10px;font-size:11px;flex-wrap:wrap}
  .hero-actions .hero-primary{padding:11px 13px;white-space:nowrap;flex-shrink:0}
  .hero-actions>a:not(.hero-primary){white-space:nowrap}
}
@media(max-width:360px){.brand-name{font-size:12px}}