:root{--bg:#050608;--surface:#0b0d10;--surface2:#101318;--line:rgba(255,255,255,.12);--muted:#8b929d;--text:#f1f2ed;--cyan:#68f5d2;--violet:#826dff;--amber:#ffb65c;--ease:cubic-bezier(.2,.75,.25,1);--pad:clamp(22px,4vw,68px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cursor{position:fixed;width:34px;height:34px;border:1px solid rgba(104,245,210,.55);border-radius:50%;pointer-events:none;z-index:100;transform:translate(-50%,-50%);transition:width .25s,height .25s,border-color .25s;mix-blend-mode:difference}.cursor span{position:absolute;width:4px;height:4px;background:white;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.cursor.active{width:62px;height:62px;border-color:white}#field{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.45}.topbar{position:fixed;z-index:40;left:0;right:0;top:0;height:88px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,rgba(5,6,8,.92),transparent)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--cyan);border-radius:50%;font:500 14px DM Mono;color:var(--cyan)}.brand-copy{font:600 11px/1.15 DM Mono;letter-spacing:.08em}.brand-copy em{font-style:normal;color:var(--muted)}nav{display:flex;gap:34px}nav a,.command-button{font:400 12px DM Mono;text-transform:uppercase;letter-spacing:.08em;color:#c9ced5}nav a:hover{color:var(--cyan)}.command-button{border:1px solid var(--line);background:rgba(13,15,18,.7);padding:11px 15px;border-radius:100px;cursor:pointer}.command-button kbd{color:var(--cyan);font-family:inherit}.hero{min-height:100svh;padding:150px var(--pad) 80px;position:relative;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line)}.hero-kicker,.section-index,.detail-label,.result-label{font:400 12px DM Mono;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hero-kicker{display:flex;gap:11px;align-items:center}.hero-kicker span{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 18px var(--cyan);animation:pulse 2s infinite}.hero h1{font-size:clamp(4rem,10.6vw,10.8rem);line-height:.82;letter-spacing:-.075em;margin:5vh 0 3vh;max-width:1100px;font-weight:500;position:relative;z-index:2}.gradient-text{background:linear-gradient(90deg,var(--cyan),#b6aaff 55%,var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{font-size:clamp(1.05rem,1.6vw,1.38rem);line-height:1.55;color:#b3bac3;max-width:590px;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:28px}.primary-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 20px;border-radius:4px;background:var(--text);color:#08090b;font:600 13px DM Mono;text-transform:uppercase;letter-spacing:.04em;transition:transform .3s var(--ease),background .3s}.primary-cta:hover{background:var(--cyan);transform:translateY(-2px)}.text-link{font:500 13px DM Mono;color:#c9ced5}.text-link span{display:inline-block;margin-left:10px;transition:transform .3s}.text-link:hover span{transform:translateX(5px)}.orbit{position:absolute;width:min(38vw,550px);aspect-ratio:1;right:5vw;top:22%;opacity:.8}.orbit-ring{position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%;inset:10%;animation:spin 22s linear infinite}.ring-two{inset:25%;border-style:dashed;animation-direction:reverse;animation-duration:14s}.core{position:absolute;inset:37%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(130,109,255,.32),rgba(5,6,8,.2) 65%);box-shadow:0 0 70px rgba(130,109,255,.25)}.core span{position:absolute;font:400 9px DM Mono;color:#d9d6ff}.core span:nth-child(1){top:-22px}.core span:nth-child(2){left:-40px;bottom:0}.core span:nth-child(3){right:-48px;bottom:0}.satellite{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}.s1{left:8%;top:48%}.s2{right:22%;top:14%;background:var(--violet)}.s3{right:9%;bottom:27%;background:var(--amber)}.hero-meta{position:absolute;right:var(--pad);bottom:35px;display:flex;gap:25px;font:400 11px DM Mono;text-transform:uppercase;color:var(--muted)}.scroll-cue{position:absolute;left:var(--pad);bottom:30px;display:flex;align-items:center;gap:10px;font:400 10px DM Mono;color:var(--muted);text-transform:uppercase}.scroll-cue i{width:38px;height:1px;background:var(--line);position:relative;overflow:hidden}.scroll-cue i:after{content:"";position:absolute;width:15px;height:1px;background:var(--cyan);animation:scan 1.8s infinite}.signal-section,.work-section,.profile-section,.principles-section,.contact-section{position:relative;padding:120px var(--pad);border-bottom:1px solid var(--line)}.signal-section{min-height:90vh}.statement{display:grid;grid-template-columns:1fr 2fr;gap:7vw;margin:80px 0 110px}.statement p{color:var(--muted);font-size:1rem}.statement h2,.section-heading h2,.profile-heading h2,.contact-copy h2{font-size:clamp(2.8rem,6vw,6.8rem);letter-spacing:-.06em;line-height:.98;margin:0;font-weight:500}.statement h2 span{color:var(--cyan)}.statement h2 span:nth-child(2){color:#b3a6ff}.statement h2 span:nth-child(3){color:var(--amber)}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.signal-grid article{padding:35px 30px 25px 0;border-right:1px solid var(--line);min-height:230px}.signal-grid article:not(:first-child){padding-left:30px}.signal-grid article:last-child{border:0}.signal-code{font:400 11px DM Mono;color:var(--cyan)}.signal-grid h3{font-size:1.3rem;margin:50px 0 12px}.signal-grid p{color:var(--muted);line-height:1.7;margin:0;max-width:330px}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:7vw;align-items:start}.section-heading h2{grid-column:2}.section-heading>p:last-child{grid-column:2;color:var(--muted);max-width:500px;font-size:1.1rem}.lens-control{display:flex;gap:8px;justify-content:flex-end;margin:55px 0 25px}.lens-control button{border:1px solid var(--line);background:transparent;border-radius:100px;padding:10px 16px;font:400 11px DM Mono;text-transform:uppercase;cursor:pointer}.lens-control button.active,.lens-control button:hover{color:#08090b;background:var(--cyan);border-color:var(--cyan)}.project-stage{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project-card{min-height:560px;background:var(--surface);position:relative;overflow:hidden;padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:opacity .4s,transform .5s var(--ease),border-color .3s;border:1px solid transparent}.project-card:hover{transform:translateY(-7px);border-color:rgba(104,245,210,.28)}.project-card.hidden{display:none}.project-a{grid-column:1/-1;min-height:670px}.project-visual{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(104,245,210,.14),transparent 40%)}.visual-a:before,.visual-a:after{content:"";position:absolute;width:42%;aspect-ratio:1;border:1px solid rgba(104,245,210,.28);border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%)}.visual-a:after{width:24%;border-style:dashed;animation:spin 16s linear infinite}.radar{position:absolute;width:34%;aspect-ratio:1;border-radius:50%;left:33%;top:20%;background:conic-gradient(from 20deg,transparent 0 75%,rgba(104,245,210,.25));animation:spin 6s linear infinite}.visual-b{background:linear-gradient(140deg,rgba(130,109,255,.2),transparent 60%),repeating-linear-gradient(90deg,transparent 0 58px,rgba(255,255,255,.035) 59px)}.visual-b:after{content:"";position:absolute;left:13%;right:12%;top:42%;height:90px;border-top:2px solid #aa9cff;transform:skewY(-12deg);box-shadow:0 -20px 80px rgba(130,109,255,.3)}.pulse-dot{position:absolute;left:70%;top:30%;width:10px;height:10px;background:#aa9cff;border-radius:50%;box-shadow:0 0 0 12px rgba(130,109,255,.12),0 0 30px #826dff;animation:pulse 2s infinite}.visual-c{background:radial-gradient(circle at center,rgba(255,182,92,.16),transparent 55%)}.flow-node{position:absolute;width:90px;height:90px;border:1px solid rgba(255,182,92,.45);border-radius:50%}.n1{left:15%;top:25%}.n2{left:42%;top:38%;width:130px;height:130px}.n3{right:12%;top:18%}.visual-c:after{content:"";position:absolute;left:22%;right:20%;top:41%;height:1px;background:linear-gradient(90deg,var(--amber),transparent,var(--amber));transform:rotate(7deg)}.project-top,.project-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start}.project-top{font:400 10px DM Mono;color:#abb1ba;text-transform:uppercase;letter-spacing:.08em}.project-bottom{align-items:flex-end}.project-bottom h3{font-size:clamp(2.2rem,4vw,4.3rem);letter-spacing:-.05em;margin:0 0 12px;font-weight:500}.project-bottom p{color:#abb1ba;max-width:520px;line-height:1.55}.case-open{background:none;border:0;border-bottom:1px solid var(--line);padding:12px 0;font:500 11px DM Mono;text-transform:uppercase;cursor:pointer}.case-open:hover{color:var(--cyan);border-color:var(--cyan)}.demo-note{font:400 10px DM Mono;color:#606773;margin:18px 0 0;text-align:right}.profile-heading{margin-bottom:75px}.capability-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:9vw;align-items:center}.capability-map{position:relative;max-width:650px;margin:auto;width:100%}.capability-map svg{width:100%;overflow:visible}.triangle{fill:rgba(255,255,255,.01);stroke:url(#tri);stroke-width:1;opacity:.65}.map-node{fill:var(--bg);stroke:#bcc2c9;stroke-width:1}.map-project{fill:var(--text);filter:drop-shadow(0 0 8px white);transition:transform .4s;transform-origin:center}.capability-map button{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);background:var(--bg);border:1px solid var(--line);border-radius:100px;padding:10px 14px;font:500 11px DM Mono;cursor:pointer}.capability-map button:hover,.capability-map button.active{background:var(--text);color:var(--bg)}.map-center{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);text-align:center}.map-center strong{display:block;font:500 24px DM Mono}.map-center span{font:400 8px/1.5 DM Mono;color:var(--muted)}.capability-detail{border-left:1px solid var(--line);padding-left:40px}.capability-detail h3{font-size:2.2rem;margin:18px 0}.capability-detail>p:not(.detail-label){color:#a8b0ba;line-height:1.7}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.tag-list span{border:1px solid var(--line);padding:8px 10px;font:400 10px DM Mono;color:#c5cad0}.timeline-block{display:grid;grid-template-columns:.85fr 1fr 1fr;gap:5vw;margin-top:150px;padding-top:60px;border-top:1px solid var(--line)}.timeline-intro h3{font-size:1.8rem;line-height:1.2}.timeline-intro>p:last-child{color:var(--muted);line-height:1.7}.timeline{display:flex;flex-direction:column}.timeline-item{position:relative;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;padding:20px 0;display:grid;grid-template-columns:70px 1fr;cursor:pointer;color:#717781}.timeline-item span{font:400 10px DM Mono}.timeline-item strong{font-size:.92rem}.timeline-item i{position:absolute;right:0;top:50%;width:6px;height:6px;border-radius:50%;background:#444}.timeline-item.active{color:var(--text)}.timeline-item.active i{background:var(--cyan);box-shadow:0 0 15px var(--cyan)}.timeline-output{background:var(--surface);padding:35px;min-height:300px}.timeline-output>span{font:400 11px DM Mono;color:var(--cyan)}.timeline-output h4{font-size:2.2rem;line-height:1.1;margin:35px 0 15px}.timeline-output p{color:var(--muted);line-height:1.7}.timeline-output a{display:inline-block;margin-top:20px;font:400 11px DM Mono;color:var(--cyan)}.principles-section{overflow:hidden}.principles-marquee{font-size:clamp(3rem,7vw,8rem);white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.18);margin:60px -10vw 80px;animation:marquee 20s linear infinite}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.principles-grid article{background:var(--surface);padding:30px;min-height:260px}.principles-grid span{font:400 11px DM Mono;color:var(--amber)}.principles-grid h3{font-size:1.5rem;margin:80px 0 12px}.principles-grid p{color:var(--muted);line-height:1.6}.contact-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;min-height:90vh;align-items:center}.contact-copy h2{margin:35px 0}.contact-copy h2 span{color:var(--cyan)}.contact-copy>p:not(.section-index){color:var(--muted);line-height:1.7;max-width:480px}.contact-meta{display:flex;gap:50px;margin-top:50px;font:400 10px/1.8 DM Mono;color:var(--muted);text-transform:uppercase}.contact-meta strong{color:var(--text);font-weight:400}.scanner{background:var(--surface);border:1px solid var(--line);min-height:540px;padding:30px;display:flex;flex-direction:column}.scanner-head{display:flex;justify-content:space-between;align-items:center;font:400 10px DM Mono;color:var(--muted)}.scanner-progress{width:110px;height:1px;background:var(--line)}.scanner-progress i{display:block;height:100%;width:33%;background:var(--cyan);transition:width .45s var(--ease)}.scanner-step{display:none;flex:1;flex-direction:column;padding-top:55px}.scanner-step.active{display:flex;animation:stepIn .45s var(--ease)}.scanner-step>p{font-size:1.7rem;line-height:1.3;max-width:520px;margin:0 0 32px}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.option-grid button{min-height:90px;background:var(--surface2);border:1px solid var(--line);padding:20px;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:.25s}.option-grid button:hover{border-color:var(--cyan);background:rgba(104,245,210,.07);transform:translateY(-2px)}.result-step h3{font-size:2.6rem;letter-spacing:-.04em;margin:25px 0 12px}.result-step>p{font-size:1rem;color:var(--muted);line-height:1.6}.result-path{display:flex;align-items:center;margin:35px 0;font:400 10px DM Mono;color:#b9bfc7}.result-path i{height:1px;flex:1;background:var(--line);margin:0 12px}.email-cta{align-self:flex-start}.restart{margin-top:20px;align-self:flex-start;background:none;border:0;border-bottom:1px solid var(--line);padding:5px 0;font:400 10px DM Mono;color:var(--muted);cursor:pointer}footer{padding:90px var(--pad) 35px;min-height:55vh;display:flex;flex-direction:column;justify-content:space-between}footer>div:first-child{display:flex;align-items:flex-start;gap:25px}footer h2{font-size:clamp(2.5rem,5vw,5.5rem);line-height:1;letter-spacing:-.05em;margin:0}.footer-links{align-self:flex-end;display:flex;gap:30px;font:400 11px DM Mono;text-transform:uppercase}.footer-links a:hover{color:var(--cyan)}footer>p{font:400 9px DM Mono;color:#555c66}.command,.case-dialog{border:0;padding:0;background:transparent;color:var(--text)}.command::backdrop,.case-dialog::backdrop{background:rgba(2,3,4,.82);backdrop-filter:blur(12px)}.command{width:min(680px,calc(100% - 32px))}.command-shell{background:#101318;border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 100px #000}.command-input{display:flex;align-items:center;gap:14px;padding:20px;border-bottom:1px solid var(--line)}.command-input>span{color:var(--cyan)}.command-input input{flex:1;background:none;border:0;outline:0;color:white;font-size:1rem}.command-input button{background:none;border:0;color:var(--muted);font:400 10px DM Mono}.command-results{padding:10px}.command-results a{display:grid;grid-template-columns:40px 1fr auto;padding:18px;align-items:center}.command-results a:hover{background:rgba(255,255,255,.06)}.command-results span,.command-results kbd{font:400 10px DM Mono;color:var(--muted)}.case-dialog{width:100%;max-width:none;height:100%;max-height:none;margin:0;background:var(--bg);padding:clamp(70px,10vw,150px) var(--pad);overflow:auto}.case-close{position:fixed;right:var(--pad);top:30px;background:none;border:1px solid var(--line);padding:10px 14px;font:400 11px DM Mono;cursor:pointer}.case-content{max-width:1100px;margin:auto}.case-content>p:first-child{font:400 11px DM Mono;color:var(--cyan)}.case-content h2{font-size:clamp(4rem,10vw,10rem);line-height:.9;letter-spacing:-.07em;margin:35px 0}.case-lead{font-size:1.3rem;color:var(--muted);max-width:700px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin:70px 0}.case-grid div{background:var(--bg);padding:35px}.case-grid span{font:400 10px DM Mono;color:var(--amber)}.case-grid p{line-height:1.7;color:#aeb5bd}.reveal{opacity:0;transform:translateY(25px);animation:reveal .8s var(--ease) forwards}.hero h1{animation-delay:.1s}.hero-copy{animation-delay:.2s}.hero-actions{animation-delay:.3s}.hero-meta{animation-delay:.45s}
@keyframes reveal{to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.45;transform:scale(.8)}}@keyframes scan{from{left:-15px}to{left:40px}}@keyframes marquee{to{transform:translateX(-35%)}}@keyframes stepIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
@media(max-width:900px){.cursor{display:none}.topbar{height:70px}nav{display:none}.hero{padding-top:110px}.hero h1{font-size:clamp(4rem,16vw,7rem)}.orbit{width:72vw;right:-30vw;top:28%;opacity:.43}.hero-meta{display:none}.statement,.section-heading,.capability-layout,.timeline-block,.contact-section{grid-template-columns:1fr}.statement{margin:60px 0}.statement h2,.section-heading h2,.section-heading>p:last-child{grid-column:1}.signal-grid,.principles-grid{grid-template-columns:1fr}.signal-grid article{border-right:0;border-bottom:1px solid var(--line);padding:28px 0!important;min-height:0}.signal-grid h3{margin-top:35px}.project-stage{grid-template-columns:1fr}.project-card,.project-a{grid-column:auto;min-height:520px}.project-bottom{display:block}.case-open{margin-top:15px}.capability-detail{border-left:0;border-top:1px solid var(--line);padding:35px 0 0}.timeline-block{gap:35px;margin-top:100px}.contact-section{gap:60px}.principles-grid article{min-height:220px}.principles-grid h3{margin-top:55px}}
@media(max-width:560px){:root{--pad:20px}.hero{min-height:810px}.hero h1{font-size:19vw}.hero-actions{align-items:flex-start;flex-direction:column}.hero-copy{font-size:1rem;max-width:88%}.statement h2,.section-heading h2,.profile-heading h2,.contact-copy h2{font-size:2.8rem}.lens-control{justify-content:flex-start;overflow:auto;padding-bottom:8px}.lens-control button{white-space:nowrap}.project-card,.project-a{min-height:470px;padding:18px}.project-bottom h3{font-size:2.5rem}.option-grid{grid-template-columns:1fr}.option-grid button{min-height:68px}.scanner{padding:20px}.contact-meta{gap:25px}.case-grid{grid-template-columns:1fr}.footer-links{align-self:flex-start;flex-wrap:wrap;margin:60px 0}.scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.orbit{display:none}}

/* Interactive cinematic character — editorial scale inspired by bold agency work. */
.character-stage{--stage-x:0deg;--stage-y:0deg;position:absolute;z-index:3;width:min(47vw,720px);height:min(92vh,860px);right:0;bottom:0;cursor:crosshair;outline:none;perspective:1200px;isolation:isolate}.character-stage:focus-visible{box-shadow:inset 0 0 0 1px var(--cyan)}.character-rig{position:absolute;inset:0;transform:rotateY(var(--stage-x)) rotateX(var(--stage-y));transform-origin:55% 70%;transition:transform .18s ease-out;filter:drop-shadow(0 35px 45px rgba(0,0,0,.5))}.character-body{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center bottom;user-select:none;-webkit-user-drag:none}.head-rig{--head-x:0px;--head-y:0px;--head-r:0deg;position:absolute;left:38%;top:1%;width:18.5%;height:18.5%;overflow:hidden;clip-path:ellipse(47% 48% at 50% 51%);transform:translate(var(--head-x),var(--head-y)) rotate(var(--head-r));transform-origin:50% 88%;transition:transform .16s ease-out;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}.head-rig img{position:absolute;width:540.5%;height:540.5%;max-width:none;left:-205.4%;top:-5.4%;object-fit:contain;object-position:center top;user-select:none;-webkit-user-drag:none}.character-orbit{position:absolute;z-index:-2;width:70%;aspect-ratio:1;border:1px solid rgba(104,245,210,.2);border-radius:50%;left:14%;top:16%;box-shadow:inset 0 0 90px rgba(104,245,210,.05),0 0 120px rgba(255,100,46,.08)}.character-orbit:before,.character-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(255,182,92,.2);inset:12%;animation:spin 24s linear infinite}.character-orbit:after{inset:28%;animation-direction:reverse;animation-duration:16s}.character-echo{position:absolute;z-index:-3;right:-3%;top:16%;font:700 clamp(2.5rem,5vw,6.5rem)/.82 Manrope;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.075);letter-spacing:-.08em;text-align:right;transform:rotate(-90deg) translateY(-30%);transform-origin:bottom right;white-space:nowrap}.character-ui{position:absolute;z-index:4;right:5%;bottom:7%;display:flex;align-items:center;gap:8px;padding:9px 12px;background:rgba(5,6,8,.78);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);font:500 9px DM Mono;letter-spacing:.1em;color:#c6ccd3;pointer-events:none}.character-ui i{width:18px;height:1px;background:var(--line)}.target-icon{color:var(--cyan);font-size:14px}.muzzle{position:absolute;z-index:8;left:81.2%;top:49.2%;width:110px;height:110px;transform:translate(-50%,-50%) rotate(35deg);opacity:0;pointer-events:none}.muzzle i,.muzzle b{position:absolute;inset:34%;background:white;clip-path:polygon(50% 0,62% 37%,100% 50%,62% 63%,50% 100%,38% 63%,0 50%,38% 37%);filter:drop-shadow(0 0 12px #ffb13d)}.muzzle b{inset:18%;background:#ff8b21;opacity:.55;transform:rotate(22deg)}.muzzle span{position:absolute;left:48%;top:48%;width:80px;height:3px;background:linear-gradient(90deg,#fff9b5,transparent);box-shadow:0 0 16px #ff8b21}.shot-tracer{position:absolute;z-index:7;left:81.2%;top:49.2%;width:44vw;height:1px;transform-origin:left center;transform:rotate(35deg) scaleX(0);background:linear-gradient(90deg,#fff,#ffb65c 25%,transparent);box-shadow:0 0 8px #ffb65c;opacity:0}.character-stage.firing .muzzle{animation:muzzleFlash .18s steps(2)}.character-stage.firing .shot-tracer{animation:tracer .28s ease-out}.character-stage.firing .character-rig{animation:recoil .28s var(--ease)}.character-stage.firing:after{content:"";position:fixed;inset:0;z-index:10;pointer-events:none;background:radial-gradient(circle at 83% 48%,rgba(255,181,76,.18),transparent 24%);animation:screenFlash .18s ease-out}
@keyframes muzzleFlash{0%{opacity:1;transform:translate(-50%,-50%) rotate(35deg) scale(.35)}60%{opacity:1;transform:translate(-50%,-50%) rotate(35deg) scale(1.15)}100%{opacity:0;transform:translate(-50%,-50%) rotate(35deg) scale(.2)}}@keyframes tracer{0%{opacity:1;transform:rotate(35deg) scaleX(0)}35%{opacity:1;transform:rotate(35deg) scaleX(1)}100%{opacity:0;transform:rotate(35deg) scaleX(1)}}@keyframes recoil{0%{transform:rotateY(var(--stage-x)) rotateX(var(--stage-y)) translate(0)}28%{transform:rotateY(var(--stage-x)) rotateX(var(--stage-y)) translate(-10px,-8px) rotate(-1deg)}100%{transform:rotateY(var(--stage-x)) rotateX(var(--stage-y)) translate(0)}}@keyframes screenFlash{from{opacity:1}to{opacity:0}}
@media(max-width:900px){.hero h1{max-width:90%;position:absolute;top:20%;left:var(--pad)}.hero-copy{position:absolute;z-index:6;bottom:17%;max-width:52%;background:rgba(5,6,8,.7);padding:10px}.hero-actions{position:absolute;z-index:6;bottom:7%}.character-stage{width:80vw;height:80vh;right:-18vw;bottom:0}}
@media(max-width:560px){.hero h1{top:16%}.hero-actions{bottom:4%}.hero-copy{max-width:80%;bottom:20%}.character-stage{width:115vw;height:75vh;right:-45vw}.character-ui{right:35%;bottom:4%}}
@media(prefers-reduced-motion:reduce){.character-orbit{display:none}.head-rig{transform:none!important}}

/* Precision gaze + click-targeted ballistics override. */
.character-rig{transform:none!important;transition:none}.head-rig{display:none}.eye-rig{--eye-x:0px;--eye-y:0px;position:absolute;left:41.8%;top:9.1%;width:11.5%;height:3.4%;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.eye-rig i{width:12px;height:6px;border-radius:50%;background:radial-gradient(circle at 65% 50%,#fff 0 12%,var(--cyan) 16% 28%,rgba(104,245,210,.12) 31% 58%,transparent 62%);opacity:.72;transform:translate(var(--eye-x),var(--eye-y));transition:transform .1s ease-out;filter:drop-shadow(0 0 5px rgba(104,245,210,.7));mix-blend-mode:screen}.shot-tracer{position:fixed;z-index:59;left:var(--shot-x,81vw);top:var(--shot-y,49vh);width:var(--shot-distance,0px);height:2px;transform-origin:left center;transform:rotate(var(--shot-angle,0deg)) scaleX(0);background:linear-gradient(90deg,#fff 0,#ffcf72 12%,rgba(255,139,33,.48) 52%,transparent 100%);box-shadow:0 0 8px #ff9c32;opacity:0;pointer-events:none}.shot-impact{position:fixed;z-index:60;left:var(--impact-x,50vw);top:var(--impact-y,50vh);width:54px;height:54px;transform:translate(-50%,-50%) scale(.2);opacity:0;pointer-events:none}.shot-impact i,.shot-impact b{position:absolute;inset:0;border:1px solid var(--amber);border-radius:50%}.shot-impact b{inset:18px;background:#fff;border:0;box-shadow:0 0 16px var(--amber)}.character-stage.firing .shot-tracer{animation:targetTracer .3s ease-out}.character-stage.firing .shot-impact{animation:targetImpact .42s ease-out}.character-stage.firing .character-rig{animation:rifleRecoil .3s var(--ease)!important}.character-stage.firing .muzzle{transform:translate(-50%,-50%) rotate(var(--shot-angle,35deg));animation:targetMuzzle .18s steps(2)}
@keyframes targetTracer{0%{opacity:1;transform:rotate(var(--shot-angle)) scaleX(0)}35%{opacity:1;transform:rotate(var(--shot-angle)) scaleX(1)}100%{opacity:0;transform:rotate(var(--shot-angle)) scaleX(1)}}@keyframes targetImpact{0%{opacity:1;transform:translate(-50%,-50%) scale(.1)}45%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}@keyframes targetMuzzle{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--shot-angle)) scale(.3)}60%{opacity:1;transform:translate(-50%,-50%) rotate(var(--shot-angle)) scale(1.1)}100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--shot-angle)) scale(.2)}}@keyframes rifleRecoil{0%{transform:translate(0)}28%{transform:translate(-7px,-7px) rotate(-.6deg)}100%{transform:translate(0)}}
@media(prefers-reduced-motion:reduce){.eye-rig i{transform:none!important}.character-stage.firing .character-rig{animation:none!important}}
.character-rig{inset:auto auto 0 50%;height:100%;width:auto;aspect-ratio:2/3;transform:translateX(-50%)!important}.character-stage.firing:after{background:radial-gradient(circle at var(--impact-x) var(--impact-y),rgba(255,181,76,.2),transparent 18%)}
@keyframes rifleRecoil{0%{transform:translateX(-50%)}28%{transform:translateX(calc(-50% - 7px)) translateY(-7px) rotate(-.6deg)}100%{transform:translateX(-50%)}}

/* Real eye-texture rig: movement is clipped inside the rendered eyelids. */
.eye-rig{display:none!important}.eye-window{--gaze-x:0px;--gaze-y:0px;position:absolute;z-index:5;top:7.88%;width:3.125%;height:1.172%;overflow:hidden;display:block;pointer-events:none;mask-image:radial-gradient(ellipse at center,#000 48%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse at center,#000 48%,transparent 76%)}.eye-window img{position:absolute;inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px);object-fit:fill;transform:translate(var(--gaze-x),var(--gaze-y)) scale(1.14);transition:transform .09s ease-out}.eye-left{left:41.113%}.eye-right{left:47.266%}.hero.gaze-active{cursor:crosshair}.hero.gaze-active~* .cursor,.cursor.gaze-hidden{opacity:0}
@media(prefers-reduced-motion:reduce){.eye-window img{transform:scale(1.14)!important}}
.eye-window,.eye-rig{display:none!important}

/* APS card: kinetic signal system with a native page link. */
.aps-card{cursor:pointer}.aps-card:focus-visible{outline:1px solid var(--cyan);outline-offset:4px}.aps-card .project-top,.aps-card .project-bottom{z-index:6}.aps-card .case-link{border-bottom:1px solid var(--line);padding:12px 0;font:500 11px DM Mono;text-transform:uppercase;white-space:nowrap}.aps-card .case-link b{display:inline-block;font-weight:400;transition:transform .35s var(--ease)}.aps-card:hover .case-link{color:var(--cyan);border-color:var(--cyan)}.aps-card:hover .case-link b{transform:translate(5px,-5px)}.aps-visual{background:radial-gradient(circle at 50% 45%,rgba(104,245,210,.17),transparent 36%),linear-gradient(135deg,rgba(130,109,255,.08),transparent 50%)}.aps-wave{position:absolute;left:16%;right:16%;top:43%;height:92px;display:flex;align-items:center;justify-content:center;gap:9px;opacity:.8}.aps-wave i{display:block;width:2px;height:18%;background:linear-gradient(var(--cyan),rgba(104,245,210,.15));box-shadow:0 0 12px rgba(104,245,210,.65);animation:apsWave 1.5s ease-in-out infinite;transform-origin:center}.aps-wave i:nth-child(2),.aps-wave i:nth-child(11){animation-delay:-.8s}.aps-wave i:nth-child(3),.aps-wave i:nth-child(10){animation-delay:-.6s}.aps-wave i:nth-child(4),.aps-wave i:nth-child(9){animation-delay:-.4s}.aps-wave i:nth-child(5),.aps-wave i:nth-child(8){animation-delay:-.2s}.aps-wave i:nth-child(6),.aps-wave i:nth-child(7){animation-delay:-.05s}.aps-loop{position:absolute;left:50%;top:45%;width:min(64%,720px);aspect-ratio:2.6/1;transform:translate(-50%,-50%);border:1px solid rgba(104,245,210,.22);border-radius:50%;animation:apsFloat 6s ease-in-out infinite}.aps-loop:before{content:"";position:absolute;inset:16%;border:1px dashed rgba(255,182,92,.25);border-radius:50%;animation:spin 18s linear infinite}.aps-loop span{position:absolute;padding:7px 9px;background:rgba(5,6,8,.8);border:1px solid var(--line);font:400 9px DM Mono;color:#b8c1c9;letter-spacing:.08em}.aps-loop span:nth-child(1){left:-3%;top:45%}.aps-loop span:nth-child(2){left:29%;top:-8%}.aps-loop span:nth-child(3){right:23%;bottom:-9%}.aps-loop span:nth-child(4){right:-1%;top:38%}.aps-live{position:absolute;top:24%;right:8%;font:400 9px DM Mono;color:#9fa8b1;letter-spacing:.09em}.aps-live i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan);animation:pulse 1.6s infinite}@keyframes apsWave{0%,100%{height:16%;opacity:.35}50%{height:92%;opacity:1}}@keyframes apsFloat{0%,100%{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,-54%) rotate(2deg)}}
@media(max-width:560px){.aps-loop{width:82%;top:38%}.aps-wave{left:10%;right:10%;top:38%}.aps-live{top:18%;right:5%}.aps-card .case-link{display:inline-block;margin-top:15px}}
@media(prefers-reduced-motion:reduce){.aps-wave i,.aps-loop,.aps-loop:before,.aps-live i{animation:none!important}}

/* Arc focus carousel: enhanced only after its isolated controller is ready. */
.arc-controls{display:none}.arc-carousel.arc-ready{display:block;position:relative;height:720px;overflow:hidden;perspective:1400px;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad)}.arc-carousel.arc-ready .project-card{position:absolute;left:50%;top:0;width:min(72vw,900px);height:620px;min-height:0;grid-column:auto;opacity:var(--arc-opacity,.42);z-index:var(--arc-z,1);transform:translateX(calc(-50% + var(--arc-x,0px))) translateY(var(--arc-y,105px)) rotate(var(--arc-rotate,0deg)) scale(var(--arc-scale,.76));transform-origin:50% 115%;transition:transform .72s var(--ease),opacity .55s ease,filter .55s ease,border-color .3s;filter:saturate(var(--arc-saturation,.45)) blur(var(--arc-blur,1px));pointer-events:var(--arc-events,none)}.arc-carousel.arc-ready .project-card.is-active{--arc-opacity:1;--arc-y:0px;--arc-scale:1;--arc-z:5;--arc-saturation:1;--arc-blur:0px;--arc-events:auto}.arc-carousel.arc-ready .project-card.is-prev{--arc-x:min(-48vw,-610px);--arc-rotate:-10deg;--arc-z:2;--arc-events:auto}.arc-carousel.arc-ready .project-card.is-next{--arc-x:min(48vw,610px);--arc-rotate:10deg;--arc-z:2;--arc-events:auto}.arc-carousel.arc-ready .project-card.is-active:hover{transform:translateX(-50%) translateY(-8px) scale(1)}.arc-carousel.arc-ready .project-card:not(.is-active){cursor:pointer}.arc-carousel.arc-ready .project-card:not(.is-active) .project-bottom,.arc-carousel.arc-ready .project-card:not(.is-active) .project-top{opacity:.55}.arc-controls.is-ready{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:-45px;position:relative;z-index:8}.arc-controls button{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer;transition:background .25s,color .25s,transform .25s}.arc-controls button:hover{background:var(--cyan);color:#07100d;transform:scale(1.08)}.arc-progress{display:flex;align-items:center;gap:11px;font:400 10px DM Mono;color:var(--muted)}.arc-progress i{display:block;width:70px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--line))}
@media(max-width:900px){.arc-carousel.arc-ready{height:610px;margin-inline:calc(var(--pad) * -1)}.arc-carousel.arc-ready .project-card{width:min(82vw,680px);height:520px}.arc-carousel.arc-ready .project-card.is-prev{--arc-x:-60vw}.arc-carousel.arc-ready .project-card.is-next{--arc-x:60vw}.arc-controls.is-ready{margin-top:-25px}}
@media(max-width:560px){.arc-carousel.arc-ready{height:535px}.arc-carousel.arc-ready .project-card{width:88vw;height:470px}.arc-carousel.arc-ready .project-card.is-prev{--arc-x:-76vw}.arc-carousel.arc-ready .project-card.is-next{--arc-x:76vw}.arc-controls.is-ready{margin-top:0}}
@media(prefers-reduced-motion:reduce){.arc-carousel.arc-ready .project-card{transition:none!important}}

/* APS click pulse and intentional case-study transition. */
.aps-card{user-select:none}.aps-card .case-link{position:relative;z-index:12}.aps-click-fx,.aps-impact-ring{position:absolute;inset:0;pointer-events:none}.aps-click-fx i{position:absolute;left:50%;top:44%;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan);opacity:0}.aps-click-fx i:nth-child(1){--tx:-310px;--ty:-125px}.aps-click-fx i:nth-child(2){--tx:-230px;--ty:145px}.aps-click-fx i:nth-child(3){--tx:-80px;--ty:-185px}.aps-click-fx i:nth-child(4){--tx:115px;--ty:170px}.aps-click-fx i:nth-child(5){--tx:250px;--ty:-140px}.aps-click-fx i:nth-child(6){--tx:330px;--ty:95px}.aps-impact-ring{inset:44% auto auto 50%;width:40px;height:40px;border:1px solid var(--cyan);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.2)}.aps-card.is-pulsing .aps-click-fx i{animation:apsPacket 1s cubic-bezier(.15,.78,.2,1) forwards}.aps-card.is-pulsing .aps-click-fx i:nth-child(2),.aps-card.is-pulsing .aps-click-fx i:nth-child(5){animation-delay:.08s}.aps-card.is-pulsing .aps-click-fx i:nth-child(3),.aps-card.is-pulsing .aps-click-fx i:nth-child(6){animation-delay:.16s}.aps-card.is-pulsing .aps-impact-ring{animation:apsImpact 1.05s ease-out forwards}.aps-card.is-pulsing .aps-loop span{animation:apsLabel .85s ease both}.aps-card.is-pulsing .aps-loop span:nth-child(2){animation-delay:.1s}.aps-card.is-pulsing .aps-loop span:nth-child(3){animation-delay:.2s}.aps-card.is-pulsing .aps-loop span:nth-child(4){animation-delay:.3s}.aps-card.is-pulsing .aps-wave i{animation-duration:.42s}.aps-card.is-leaving{pointer-events:none;animation:apsLaunch .64s var(--ease) forwards}.aps-card.is-leaving:after{content:"OPENING CASE STUDY";position:absolute;z-index:20;inset:0;display:grid;place-items:center;background:rgba(5,6,8,.74);backdrop-filter:blur(8px);font:500 11px DM Mono;letter-spacing:.16em;color:var(--cyan);animation:reveal .35s ease both}@keyframes apsPacket{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}20%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(.1)}}@keyframes apsImpact{0%{opacity:.9;transform:translate(-50%,-50%) scale(.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(14)}}@keyframes apsLabel{0%,100%{background:rgba(5,6,8,.8);color:#b8c1c9}45%{background:var(--cyan);border-color:var(--cyan);color:#07100d;box-shadow:0 0 25px rgba(104,245,210,.42)}}@keyframes apsLaunch{to{transform:translateX(-50%) translateY(-16px) scale(1.04);filter:brightness(1.35);opacity:0}}
@media(max-width:560px){.aps-click-fx i:nth-child(1){--tx:-130px;--ty:-85px}.aps-click-fx i:nth-child(2){--tx:-105px;--ty:100px}.aps-click-fx i:nth-child(3){--tx:-45px;--ty:-120px}.aps-click-fx i:nth-child(4){--tx:55px;--ty:115px}.aps-click-fx i:nth-child(5){--tx:110px;--ty:-90px}.aps-click-fx i:nth-child(6){--tx:135px;--ty:70px}}
@media(prefers-reduced-motion:reduce){.aps-card.is-leaving{animation:none;opacity:.35}}

/* Recruiter-friendly CV layer: fast scan on-page, complete original PDF on demand. */
.resume-download{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:30px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:500 11px DM Mono;text-transform:uppercase;letter-spacing:.05em;transition:color .25s,border-color .25s}.resume-download span{color:var(--cyan)}.resume-download:hover{color:var(--cyan);border-color:rgba(104,245,210,.55)}.timeline-item{grid-template-columns:92px 1fr}.timeline-item span{white-space:nowrap}.resume-evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:18px;background:var(--line);border:1px solid var(--line)}.resume-evidence article{min-height:220px;padding:28px;background:var(--surface)}.resume-evidence article>span{font:400 10px DM Mono;color:var(--cyan);letter-spacing:.08em}.resume-evidence h3{font-size:1.35rem;line-height:1.25;margin:55px 0 12px}.resume-evidence p{color:var(--muted);line-height:1.6;margin:0}.resume-evidence .toolkit{grid-column:1/-1;min-height:190px;background:linear-gradient(105deg,rgba(104,245,210,.08),var(--surface) 45%,rgba(130,109,255,.08))}.resume-evidence .toolkit h3{font-size:clamp(1.55rem,3vw,3rem);margin-top:38px}.hero-actions{flex-wrap:wrap}
@media(max-width:900px){.resume-evidence{grid-template-columns:1fr 1fr}.resume-evidence .toolkit{grid-column:1/-1}}
@media(max-width:560px){.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.resume-evidence{grid-template-columns:1fr}.resume-evidence .toolkit{grid-column:auto}.resume-evidence article{min-height:190px}.timeline-item{grid-template-columns:82px 1fr}.timeline-item strong{line-height:1.4}.footer-links{flex-wrap:wrap;justify-content:flex-end}}

.contact-channels{display:grid;gap:8px;margin-top:34px;max-width:560px}.contact-channels a{display:grid;grid-template-columns:82px 1fr auto;align-items:center;gap:16px;padding:17px 18px;border:1px solid var(--line);background:rgba(255,255,255,.018);transition:transform .3s var(--ease),border-color .3s,background .3s}.contact-channels a:hover{transform:translateX(6px);border-color:rgba(104,245,210,.55);background:rgba(104,245,210,.06)}.contact-channels span{font:400 10px DM Mono;color:var(--cyan);letter-spacing:.09em}.contact-channels strong{font-size:.95rem;font-weight:500;overflow-wrap:anywhere}.contact-channels b{font:400 13px DM Mono;transition:transform .3s}.contact-channels a:hover b{transform:translate(3px,-3px)}
@media(max-width:560px){.contact-channels a{grid-template-columns:1fr auto}.contact-channels span{grid-column:1/-1}.contact-channels strong{font-size:.86rem}}

/* Liquid-glass primary navigation. */
.topbar{background:linear-gradient(to bottom,rgba(5,6,8,.86),rgba(5,6,8,.3) 62%,transparent)}
.liquid-nav{--liquid-x:4px;--liquid-w:76px;position:relative;isolation:isolate;display:flex;gap:0;padding:4px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.035) 45%,rgba(104,245,210,.1));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.8),0 16px 42px rgba(0,0,0,.42),0 0 0 1px rgba(130,109,255,.04);backdrop-filter:blur(22px) saturate(165%);-webkit-backdrop-filter:blur(22px) saturate(165%);overflow:hidden}
.liquid-nav:before{content:"";position:absolute;z-index:-1;left:var(--liquid-x);top:4px;width:var(--liquid-w);height:calc(100% - 8px);border-radius:999px;background:radial-gradient(circle at 24% 0,rgba(255,255,255,.36),transparent 32%),linear-gradient(135deg,rgba(104,245,210,.22),rgba(130,109,255,.2) 52%,rgba(255,182,92,.13));border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 1px rgba(255,255,255,.24),inset 0 -1px 1px rgba(0,0,0,.55),0 5px 18px rgba(0,0,0,.28),0 0 24px rgba(104,245,210,.08);transition:left .52s var(--ease),width .52s var(--ease),background .35s ease}
.liquid-nav:after{content:"";position:absolute;z-index:-2;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 14%,rgba(255,255,255,.12) 29%,transparent 45%,rgba(104,245,210,.09) 63%,transparent 78%);transform:translateX(-42%);animation:liquidSheen 7s ease-in-out infinite}
.liquid-nav.liquid-instant:before{transition:none}
.liquid-nav a{position:relative;z-index:1;display:grid;place-items:center;min-width:76px;padding:11px 16px;border-radius:999px;color:#9ca4ae;font:500 11px DM Mono;letter-spacing:.09em;text-transform:uppercase;transition:color .25s ease,text-shadow .25s ease}
.liquid-nav a:hover,.liquid-nav a:focus-visible,.liquid-nav a.is-active{color:#f4f7f5;text-shadow:0 0 16px rgba(104,245,210,.38);outline:none}
@keyframes liquidSheen{0%,30%{transform:translateX(-55%);opacity:.35}52%{opacity:.85}70%,100%{transform:translateX(55%);opacity:.35}}
@media(max-width:900px){.topbar{height:72px;padding-inline:12px;justify-content:center}.topbar>.brand,.topbar>.command-button{display:none}.liquid-nav{display:flex;width:min(100%,440px);justify-content:stretch}.liquid-nav a{min-width:0;flex:1;padding-inline:8px}}
@media(max-width:420px){.liquid-nav a{font-size:9px;letter-spacing:.06em;padding-inline:5px}}
@media(prefers-reduced-motion:reduce){.liquid-nav:after{animation:none}.liquid-nav:before{transition:none}}

/* Refined capability convergence map and clear work filters. */
.lens-control{align-items:center;width:max-content;max-width:100%;margin-left:auto;padding:5px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 32px rgba(0,0,0,.22);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.lens-control .lens-label{padding:0 12px;font:500 9px DM Mono;letter-spacing:.12em;text-transform:uppercase;color:#6f7883;white-space:nowrap}
.lens-control button{border-color:transparent;padding:10px 15px;color:#9fa8b2;transition:background .3s,color .3s,box-shadow .3s,transform .3s}
.lens-control button.active,.lens-control button:hover,.lens-control button:focus-visible{color:#06110e;background:linear-gradient(135deg,#d9fff5,var(--cyan));border-color:rgba(255,255,255,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 6px 20px rgba(104,245,210,.2);outline:none}
.capability-map{margin-block:28px;isolation:isolate}
.capability-map svg{display:block;filter:drop-shadow(0 18px 38px rgba(0,0,0,.24))}
.triangle{stroke-width:1.35;opacity:.72}
.map-project{filter:drop-shadow(0 0 13px currentColor)}
.map-project.p1{fill:var(--cyan);color:var(--cyan)}.map-project.p2{fill:#a798ff;color:#a798ff}.map-project.p3{fill:var(--amber);color:var(--amber)}
#capability-map .cap-node{position:absolute;z-index:3;left:var(--x);top:var(--y);display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(106px,18%,126px);aspect-ratio:1;padding:12px;transform:translate(-50%,-50%);overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.2),transparent 27%),linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.025) 54%,rgba(104,245,210,.08));box-shadow:inset 0 1px 1px rgba(255,255,255,.24),inset 0 -1px 1px rgba(0,0,0,.68),0 18px 40px rgba(0,0,0,.38),0 0 28px rgba(104,245,210,.06);backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%);color:#f3f5f2;text-align:center;cursor:pointer;transition:transform .4s var(--ease),border-color .3s,box-shadow .3s,background .3s}
#capability-map .cap-node:before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.09);border-radius:50%;background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 42%,rgba(130,109,255,.08));pointer-events:none}
#capability-map .cap-node .cap-label{position:relative;z-index:1;display:block;max-width:96px;font-family:DM Mono,monospace;font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.035em;text-transform:uppercase;color:#f4f6f3;text-wrap:balance}
#capability-map .cap-node:hover,#capability-map .cap-node:focus-visible,#capability-map .cap-node.active{transform:translate(-50%,-50%) scale(1.07);border-color:rgba(104,245,210,.55);background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.28),transparent 29%),linear-gradient(145deg,rgba(104,245,210,.18),rgba(130,109,255,.1) 58%,rgba(255,182,92,.11));box-shadow:inset 0 1px 1px rgba(255,255,255,.3),0 20px 46px rgba(0,0,0,.42),0 0 34px rgba(104,245,210,.13);outline:none}
.map-center{z-index:2;top:57%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(132px,24%,162px);aspect-ratio:1;padding:20px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:radial-gradient(circle at 35% 24%,rgba(255,255,255,.14),transparent 28%),linear-gradient(145deg,rgba(130,109,255,.13),rgba(255,255,255,.025) 55%,rgba(104,245,210,.1));box-shadow:inset 0 1px 1px rgba(255,255,255,.19),0 20px 46px rgba(0,0,0,.36),0 0 48px rgba(130,109,255,.08);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}
.map-center:before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.07);border-radius:50%}
.map-center>span{font:500 8px DM Mono;letter-spacing:.16em;color:var(--cyan)}
.map-center strong{margin:7px 0 5px;font:600 clamp(20px,3vw,27px) Manrope;letter-spacing:-.04em}
.map-center small{font:400 7px/1.4 DM Mono;letter-spacing:.08em;color:#8f98a3;white-space:nowrap}
.converge-orb{position:absolute;z-index:6;left:var(--orb-x);top:var(--orb-y);width:13px;height:13px;border-radius:50%;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.35)}
.orb-data{--orb-x:50%;--orb-y:8.65%;background:var(--cyan);box-shadow:0 0 22px var(--cyan)}
.orb-design{--orb-x:9.17%;--orb-y:89.42%;background:#a798ff;box-shadow:0 0 22px #a798ff}
.orb-product{--orb-x:90.83%;--orb-y:89.42%;background:var(--amber);box-shadow:0 0 22px var(--amber)}
#capability-map.is-converging .cap-node{pointer-events:none}
#capability-map.is-converging .cap-data{animation:capDataConverge .95s var(--ease)}
#capability-map.is-converging .cap-design{animation:capDesignConverge .95s var(--ease)}
#capability-map.is-converging .cap-product{animation:capProductConverge .95s var(--ease)}
#capability-map.is-converging .converge-orb{animation:convergeSignal .86s var(--ease)}
#capability-map.is-converging .orb-design{animation-delay:.05s}
#capability-map.is-converging .orb-product{animation-delay:.1s}
#capability-map.is-converging .map-center{z-index:7;animation:centerBloom .95s var(--ease)}
#capability-map.is-converging .triangle{stroke-dasharray:9 8;animation:triangleCharge .95s linear}
@keyframes capDataConverge{0%,100%{left:50%;top:8.65%;transform:translate(-50%,-50%) scale(1)}52%{left:50%;top:34%;transform:translate(-50%,-50%) scale(.82);filter:brightness(1.35)}}
@keyframes capDesignConverge{0%,100%{left:9.17%;top:89.42%;transform:translate(-50%,-50%) scale(1)}52%{left:32%;top:72%;transform:translate(-50%,-50%) scale(.82);filter:brightness(1.35)}}
@keyframes capProductConverge{0%,100%{left:90.83%;top:89.42%;transform:translate(-50%,-50%) scale(1)}52%{left:68%;top:72%;transform:translate(-50%,-50%) scale(.82);filter:brightness(1.35)}}
@keyframes convergeSignal{0%{left:var(--orb-x);top:var(--orb-y);opacity:0;transform:translate(-50%,-50%) scale(.25)}15%{opacity:1}62%{left:50%;top:57%;opacity:1;transform:translate(-50%,-50%) scale(1.25)}78%,100%{left:50%;top:57%;opacity:0;transform:translate(-50%,-50%) scale(.1)}}
@keyframes centerBloom{0%,100%{transform:translate(-50%,-50%) scale(1)}54%{transform:translate(-50%,-50%) scale(1.12);border-color:rgba(104,245,210,.48);box-shadow:inset 0 1px 1px rgba(255,255,255,.28),0 24px 58px rgba(0,0,0,.42),0 0 70px rgba(104,245,210,.18)}}
@keyframes triangleCharge{to{stroke-dashoffset:-34}}
@media(max-width:700px){.lens-control{width:100%;margin-left:0;overflow-x:auto;justify-content:flex-start;border-radius:20px}.lens-control .lens-label{position:sticky;left:0;background:rgba(10,12,15,.92)}#capability-map .cap-node{width:96px;padding:8px}#capability-map .cap-node .cap-label{max-width:78px;font-size:9px;font-weight:700}.map-center{width:116px;padding:12px}.map-center small{font-size:5.5px}}
@media(prefers-reduced-motion:reduce){#capability-map.is-converging .cap-node,#capability-map.is-converging .converge-orb,#capability-map.is-converging .map-center,#capability-map.is-converging .triangle{animation:none}}

/* Persistent day / night theme control. */
html{color-scheme:dark}html[data-theme="light"]{color-scheme:light;--bg:#edf2f4;--surface:#f8fafb;--surface2:#e4ebee;--line:rgba(18,31,40,.14);--muted:#5f6b74;--text:#111920;--cyan:#087d6d;--violet:#5d4dcc;--amber:#a95708}
body,.topbar,.project-card,.timeline-output,.principles-grid article,.scanner,.resume-evidence article,.contact-channels a,.command-shell,.case-dialog,.case-grid div,#capability-map .cap-node,.map-center{transition:background-color .55s var(--ease),background .55s var(--ease),color .35s ease,border-color .35s ease,box-shadow .45s ease}
.topbar-actions{display:flex;align-items:center;gap:9px}
.theme-toggle{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:72px;height:40px;padding:0 12px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:radial-gradient(circle at 24% 0,rgba(255,255,255,.22),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.025) 58%,rgba(104,245,210,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.55),0 10px 30px rgba(0,0,0,.28);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);cursor:pointer;overflow:hidden;transition:transform .3s var(--ease),background .45s,border-color .35s,box-shadow .35s,color .35s}
.theme-toggle:before{content:"";position:absolute;inset:4px;border-radius:inherit;border:1px solid rgba(255,255,255,.08);pointer-events:none}.theme-toggle:hover,.theme-toggle:focus-visible{transform:translateY(-2px);border-color:rgba(104,245,210,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 14px 34px rgba(0,0,0,.34),0 0 22px rgba(104,245,210,.1);outline:none}.theme-toggle span{position:relative;z-index:1;font:500 16px/1 DM Mono;color:var(--cyan);filter:drop-shadow(0 0 8px rgba(104,245,210,.32))}.theme-toggle small{position:relative;z-index:1;font:600 9px/1 DM Mono;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}

html[data-theme="light"] body{background:radial-gradient(circle at 82% 9%,rgba(93,77,204,.11),transparent 27%),radial-gradient(circle at 9% 27%,rgba(8,125,109,.1),transparent 24%),linear-gradient(145deg,#f8fafb 0,#edf2f4 45%,#e5ecef 100%);background-attachment:fixed}
html[data-theme="light"] .noise{opacity:.018;mix-blend-mode:multiply}html[data-theme="light"] #field{opacity:.19}html[data-theme="light"] .cursor{border-color:rgba(8,125,109,.5)}
html[data-theme="light"] .topbar{background:linear-gradient(to bottom,rgba(244,248,249,.95),rgba(237,242,244,.67) 62%,transparent)}
html[data-theme="light"] .liquid-nav{border-color:rgba(255,255,255,.88);background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,255,255,.46) 48%,rgba(8,125,109,.1));box-shadow:inset 0 1px 1px white,inset 0 -1px 0 rgba(17,25,32,.12),0 16px 42px rgba(41,58,68,.15),0 0 0 1px rgba(22,39,49,.08)}
html[data-theme="light"] .liquid-nav:before{border-color:rgba(255,255,255,.8);background:radial-gradient(circle at 24% 0,rgba(255,255,255,.8),transparent 32%),linear-gradient(135deg,rgba(8,125,109,.85),rgba(67,61,147,.9) 55%,rgba(147,80,14,.77));box-shadow:inset 0 1px 1px rgba(255,255,255,.6),inset 0 -1px 1px rgba(10,19,25,.28),0 8px 20px rgba(47,63,73,.2)}
html[data-theme="light"] .liquid-nav a{color:#5c6871}html[data-theme="light"] .liquid-nav a:hover,html[data-theme="light"] .liquid-nav a:focus-visible,html[data-theme="light"] .liquid-nav a.is-active{color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.2)}
html[data-theme="light"] .theme-toggle{border-color:rgba(255,255,255,.9);background:radial-gradient(circle at 24% 0,#fff,transparent 34%),linear-gradient(145deg,rgba(255,255,255,.96),rgba(224,233,237,.72));box-shadow:inset 0 1px 1px #fff,inset 0 -1px 0 rgba(18,31,40,.12),0 11px 28px rgba(40,58,68,.14)}html[data-theme="light"] .theme-toggle:before{border-color:rgba(18,31,40,.08)}
html[data-theme="light"] nav a,html[data-theme="light"] .command-button,html[data-theme="light"] .text-link{color:#53606a}html[data-theme="light"] .command-button{background:rgba(255,255,255,.67);box-shadow:inset 0 1px 0 white,0 8px 24px rgba(39,55,65,.1)}
html[data-theme="light"] .hero-copy,html[data-theme="light"] .project-top,html[data-theme="light"] .project-bottom p,html[data-theme="light"] .capability-detail>p:not(.detail-label),html[data-theme="light"] .tag-list span,html[data-theme="light"] .result-path{color:#59666f}
html[data-theme="light"] .primary-cta{background:#111920;color:#fff}html[data-theme="light"] .primary-cta:hover{background:var(--cyan);color:#fff}
html[data-theme="light"] .orbit-ring{border-color:rgba(17,25,32,.15)}html[data-theme="light"] .core{background:radial-gradient(circle,rgba(93,77,204,.2),rgba(255,255,255,.46) 68%);box-shadow:0 0 70px rgba(93,77,204,.13)}html[data-theme="light"] .core span{color:#494064}
html[data-theme="light"] .project-card,html[data-theme="light"] .timeline-output,html[data-theme="light"] .principles-grid article,html[data-theme="light"] .scanner,html[data-theme="light"] .resume-evidence article{box-shadow:0 20px 58px rgba(35,52,62,.08)}
html[data-theme="light"] .visual-b{background:linear-gradient(140deg,rgba(93,77,204,.14),transparent 60%),repeating-linear-gradient(90deg,transparent 0 58px,rgba(17,25,32,.04) 59px)}
html[data-theme="light"] .character-rig{filter:drop-shadow(0 35px 45px rgba(29,40,48,.25))}html[data-theme="light"] .character-echo{stroke:rgba(17,25,32,.32)}
html[data-theme="light"] .lens-control{border-color:rgba(17,25,32,.12);background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(224,233,237,.52));box-shadow:inset 0 1px 0 white,0 12px 32px rgba(35,52,62,.1)}html[data-theme="light"] .lens-control .lens-label{color:#66727b}html[data-theme="light"] .lens-control button{color:#59666f}
html[data-theme="light"] .principles-marquee{-webkit-text-stroke-color:rgba(17,25,32,.18)}
html[data-theme="light"] .contact-channels a{background:rgba(255,255,255,.55)}html[data-theme="light"] .contact-channels a:hover{background:rgba(8,125,109,.08)}
html[data-theme="light"] .command::backdrop,html[data-theme="light"] .case-dialog::backdrop{background:rgba(222,230,234,.82)}html[data-theme="light"] .command-shell{background:rgba(248,250,251,.96);border-color:rgba(17,25,32,.17);box-shadow:0 30px 100px rgba(23,34,41,.22)}html[data-theme="light"] .command-input input{color:var(--text)}html[data-theme="light"] .command-results a:hover{background:rgba(17,25,32,.05)}html[data-theme="light"] .case-grid p{color:#59666f}
html[data-theme="light"] .map-node{fill:#f1f5f6;stroke:#72808a}html[data-theme="light"] .capability-map svg{filter:drop-shadow(0 18px 38px rgba(41,57,66,.13))}
html[data-theme="light"] #capability-map .cap-node{border-color:rgba(255,255,255,.9);background:radial-gradient(circle at 28% 18%,#fff,transparent 28%),linear-gradient(145deg,rgba(255,255,255,.94),rgba(220,230,234,.7) 54%,rgba(8,125,109,.1));box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px rgba(17,25,32,.12),0 18px 40px rgba(41,57,66,.15),0 0 28px rgba(8,125,109,.05)}html[data-theme="light"] #capability-map .cap-node:before{border-color:rgba(17,25,32,.07);background:linear-gradient(115deg,rgba(255,255,255,.72),transparent 42%,rgba(93,77,204,.07))}html[data-theme="light"] #capability-map .cap-node .cap-label{color:#162028}html[data-theme="light"] #capability-map .cap-node:hover,html[data-theme="light"] #capability-map .cap-node:focus-visible,html[data-theme="light"] #capability-map .cap-node.active{border-color:rgba(8,125,109,.4);background:radial-gradient(circle at 28% 18%,#fff,transparent 29%),linear-gradient(145deg,rgba(8,125,109,.14),rgba(93,77,204,.08) 58%,rgba(169,87,8,.1));box-shadow:inset 0 1px 1px #fff,0 20px 46px rgba(41,57,66,.17),0 0 34px rgba(8,125,109,.1)}
html[data-theme="light"] .map-center{border-color:rgba(255,255,255,.88);background:radial-gradient(circle at 35% 24%,#fff,transparent 29%),linear-gradient(145deg,rgba(93,77,204,.12),rgba(255,255,255,.75) 55%,rgba(8,125,109,.12));box-shadow:inset 0 1px 1px white,0 20px 46px rgba(41,57,66,.14),0 0 48px rgba(93,77,204,.08)}html[data-theme="light"] .map-center:before{border-color:rgba(17,25,32,.07)}html[data-theme="light"] .map-center small{color:#65717a}
html[data-theme="light"] .aps-card.is-leaving:after{background:rgba(237,242,244,.82)}
@media(max-width:900px){.topbar>.brand{display:none}.topbar-actions{position:absolute;right:12px}.topbar-actions .command-button{display:none}.liquid-nav{width:min(calc(100% - 62px),440px);margin-right:58px}.theme-toggle{min-width:44px;width:44px;padding:0}.theme-toggle small{display:none}}
@media(max-width:700px){html[data-theme="light"] .lens-control .lens-label{background:rgba(240,245,247,.94)}}
@media(prefers-reduced-motion:reduce){body,.topbar,.project-card,.timeline-output,.principles-grid article,.scanner,.resume-evidence article,.contact-channels a,.command-shell,.case-dialog,#capability-map .cap-node,.map-center{transition:none}}

/* Dedicated certification archive. */
.education-evidence{grid-template-columns:repeat(2,1fr)}.education-evidence .toolkit{grid-column:1/-1}
.certifications-showcase{margin-top:110px;padding-top:70px;border-top:1px solid var(--line)}
.certifications-head{display:grid;grid-template-columns:1.35fr .65fr;gap:8vw;align-items:end;margin-bottom:46px}.certifications-head h3{max-width:820px;margin:18px 0 0;font-size:clamp(2.6rem,5.5vw,6.2rem);font-weight:500;line-height:.96;letter-spacing:-.06em}.certifications-head>p{max-width:440px;margin:0;color:var(--muted);font-size:1rem;line-height:1.7}
.certification-feature{position:relative;display:grid;grid-template-columns:180px 1fr auto;gap:44px;align-items:center;min-height:330px;padding:42px;border:1px solid rgba(104,245,210,.24);overflow:hidden;background:radial-gradient(circle at 12% 50%,rgba(104,245,210,.13),transparent 25%),radial-gradient(circle at 88% 10%,rgba(130,109,255,.12),transparent 30%),var(--surface);box-shadow:0 24px 70px rgba(0,0,0,.2)}.certification-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.045) 48%,transparent 61%);transform:translateX(-80%);animation:credentialSheen 7s ease-in-out infinite;pointer-events:none}.certification-seal{position:relative;display:grid;place-items:center;width:156px;aspect-ratio:1;border:1px solid rgba(104,245,210,.46);border-radius:50%;box-shadow:inset 0 0 0 10px rgba(104,245,210,.035),inset 0 0 0 11px rgba(104,245,210,.16),0 0 48px rgba(104,245,210,.1)}.certification-seal:before,.certification-seal:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(167,152,255,.45);inset:24px;animation:spin 18s linear infinite}.certification-seal:after{inset:43px;border-style:solid;border-color:rgba(255,182,92,.36);animation-direction:reverse;animation-duration:12s}.certification-seal span{font:600 31px Manrope;color:var(--text);letter-spacing:-.08em}.certification-seal small{position:absolute;bottom:31px;font:500 9px DM Mono;letter-spacing:.15em;color:var(--cyan)}
.certification-feature-copy{position:relative;z-index:1}.certification-feature-copy>span,.certification-card>span{font:500 11px DM Mono;letter-spacing:.1em;color:var(--cyan)}.certification-feature h4{margin:22px 0 18px;font-size:clamp(2rem,4vw,4.7rem);font-weight:500;line-height:.98;letter-spacing:-.055em}.certification-feature p{max-width:700px;margin:0;color:var(--muted);font-size:1rem;line-height:1.7}.certification-feature>strong{align-self:start;font:500 11px DM Mono;letter-spacing:.12em;color:var(--muted)}
.certification-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:18px;background:var(--line);border:1px solid var(--line)}.certification-card{position:relative;min-height:210px;padding:27px;background:var(--surface);overflow:hidden;transition:background .35s var(--ease),transform .35s var(--ease),box-shadow .35s var(--ease)}.certification-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;transform:scaleX(.18);transform-origin:left;background:var(--cyan);transition:transform .4s var(--ease)}.certification-card[data-track="data"]:before{background:var(--violet)}.certification-card[data-track="foundation"]:before{background:var(--amber)}.certification-card:hover{z-index:2;transform:translateY(-5px);background:var(--surface2);box-shadow:0 18px 50px rgba(0,0,0,.22)}.certification-card:hover:before{transform:scaleX(1)}.certification-card[data-track="data"]>span{color:#a798ff}.certification-card[data-track="foundation"]>span{color:var(--amber)}.certification-card h4{margin:54px 0 18px;max-width:360px;font-size:1.15rem;font-weight:600;line-height:1.35}.certification-card p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.5}
@keyframes credentialSheen{0%,30%{transform:translateX(-80%)}62%,100%{transform:translateX(80%)}}
html[data-theme="light"] .certification-feature{border-color:rgba(8,125,109,.2);background:radial-gradient(circle at 12% 50%,rgba(8,125,109,.12),transparent 25%),radial-gradient(circle at 88% 10%,rgba(93,77,204,.1),transparent 30%),rgba(248,250,251,.78);box-shadow:0 24px 70px rgba(35,52,62,.1)}html[data-theme="light"] .certification-seal{border-color:rgba(8,125,109,.38);box-shadow:inset 0 0 0 10px rgba(8,125,109,.035),inset 0 0 0 11px rgba(8,125,109,.12),0 0 48px rgba(8,125,109,.08)}html[data-theme="light"] .certification-card{box-shadow:0 12px 34px rgba(35,52,62,.05)}html[data-theme="light"] .certification-card:hover{box-shadow:0 18px 50px rgba(35,52,62,.13)}
@media(max-width:900px){.certifications-head{grid-template-columns:1fr;gap:26px}.certification-feature{grid-template-columns:135px 1fr;gap:30px;padding:34px}.certification-seal{width:128px}.certification-feature>strong{position:absolute;right:28px;top:28px}.certification-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.education-evidence,.certification-grid{grid-template-columns:1fr}.certifications-showcase{margin-top:80px;padding-top:50px}.certification-feature{grid-template-columns:1fr;min-height:0;padding:28px}.certification-seal{width:112px}.certification-seal:after{inset:36px}.certification-feature h4{font-size:2.15rem}.certification-card{min-height:185px}.certification-card h4{margin-top:44px}}
@media(prefers-reduced-motion:reduce){.certification-feature:after,.certification-seal:before,.certification-seal:after{animation:none}}

/* Tailored project enquiry flow. */
.scanner{min-height:680px}.scanner-head{font-size:12px}.scanner-progress{width:150px}.scanner-step{padding-top:42px}.scanner-step>p{font-size:clamp(1.65rem,2.5vw,2.35rem)}
.option-grid button{position:relative;isolation:isolate;min-height:116px;font-size:1rem;overflow:hidden}.option-grid button:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,rgba(104,245,210,.11),transparent 55%);opacity:0;transform:translateX(-25%);transition:opacity .3s,transform .4s var(--ease)}.option-grid button:hover:before,.option-grid button:focus-visible:before{opacity:1;transform:none}.option-grid button:hover span,.option-grid button:focus-visible span{transform:translate(3px,-3px)}.option-grid button span{transition:transform .3s var(--ease)}.option-grid button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.scanner-back{align-self:flex-start;margin:0 0 20px;padding:0 0 7px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--muted);font:500 12px DM Mono;cursor:pointer}.scanner-back:hover,.scanner-back:focus-visible{color:var(--cyan);border-color:var(--cyan);outline:none}
.selected-signal{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px;padding:15px 18px;border:1px solid rgba(104,245,210,.24);background:rgba(104,245,210,.05)}.selected-signal span{font:500 11px DM Mono;letter-spacing:.1em;color:var(--cyan)}.selected-signal strong{font-size:.98rem;font-weight:600;text-align:right}
.project-enquiry-form{position:relative;display:flex;flex-direction:column;gap:23px}.form-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.enquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.enquiry-fields label{display:flex;flex-direction:column;gap:9px}.enquiry-fields label>span{font:500 12px DM Mono;color:var(--muted);letter-spacing:.04em}.enquiry-fields .field-wide{grid-column:1/-1}.enquiry-fields input,.enquiry-fields textarea,.enquiry-fields select{width:100%;border:1px solid var(--line);border-radius:0;background:var(--surface2);color:var(--text);font:500 15px Manrope;padding:14px 15px;outline:none;transition:border-color .25s,box-shadow .25s,background .25s}.enquiry-fields textarea{resize:vertical;min-height:96px}.enquiry-fields input:focus,.enquiry-fields textarea:focus,.enquiry-fields select:focus{border-color:rgba(104,245,210,.7);box-shadow:0 0 0 3px rgba(104,245,210,.08)}.enquiry-fields input::placeholder,.enquiry-fields textarea::placeholder{color:#6f7781}.enquiry-submit{align-self:flex-start;border:0;cursor:pointer}.enquiry-submit:disabled{opacity:.68;cursor:wait;transform:none}.form-status{min-height:1.2em;margin:-10px 0 0;color:var(--cyan);font:500 12px/1.55 DM Mono}.form-status.is-error{color:#ff8c7a}.form-privacy{margin:0;color:var(--muted);font-size:.76rem;line-height:1.55}.success-mark{display:grid;place-items:center;width:62px;height:62px;margin:0 0 24px;border:1px solid rgba(104,245,210,.5);border-radius:50%;background:rgba(104,245,210,.08);color:var(--cyan);font:600 24px DM Mono;box-shadow:inset 0 0 24px rgba(104,245,210,.08),0 0 38px rgba(104,245,210,.12)}.enquiry-summary{display:grid;grid-template-columns:auto 1fr;gap:7px 22px;margin:30px 0;padding:20px;border:1px solid var(--line);background:var(--surface2)}.enquiry-summary span{grid-row:1/3;font:500 11px DM Mono;letter-spacing:.1em;color:var(--cyan)}.enquiry-summary strong{font-size:1rem}.enquiry-summary small{color:var(--muted);font-size:.84rem}.result-step h3{font-size:clamp(2rem,4vw,3.4rem)}.result-step>p strong{color:var(--text);font-weight:600}.restart-primary{align-self:flex-start;border:0;cursor:pointer}
html[data-theme="light"] .selected-signal{border-color:rgba(8,125,109,.23);background:rgba(8,125,109,.06)}html[data-theme="light"] .enquiry-fields input,html[data-theme="light"] .enquiry-fields textarea,html[data-theme="light"] .enquiry-fields select,html[data-theme="light"] .enquiry-summary{background:rgba(255,255,255,.62)}html[data-theme="light"] .enquiry-fields input::placeholder,html[data-theme="light"] .enquiry-fields textarea::placeholder{color:#7a858c}
@media(max-width:560px){.scanner{min-height:720px}.scanner-step{padding-top:32px}.option-grid button{min-height:78px;font-size:.94rem}.enquiry-fields{grid-template-columns:1fr}.enquiry-fields .field-wide{grid-column:auto}.selected-signal{align-items:flex-start;flex-direction:column;gap:7px}.selected-signal strong{text-align:left}.scanner-progress{width:96px}.enquiry-submit{width:100%}}

/* CV download signal-scan gate. */
.cv-dialog{width:min(920px,calc(100% - 32px));max-height:calc(100% - 32px);padding:0;border:0;background:transparent;color:var(--text);overflow:auto}.cv-dialog::backdrop{background:rgba(2,3,4,.84);backdrop-filter:blur(16px)}.cv-dialog-shell{--cv-x:22%;--cv-y:18%;position:relative;isolation:isolate;display:grid;grid-template-columns:200px 1fr;gap:38px;padding:46px;border:1px solid rgba(255,255,255,.2);overflow:hidden;background:radial-gradient(circle at var(--cv-x) var(--cv-y),rgba(104,245,210,.15),transparent 27%),radial-gradient(circle at 92% 92%,rgba(130,109,255,.14),transparent 34%),linear-gradient(145deg,rgba(25,31,36,.95),rgba(8,10,13,.97));box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 34px 120px rgba(0,0,0,.62);transition:background .16s linear,box-shadow .6s var(--ease)}.cv-dialog-shell:before{content:"";position:absolute;z-index:-1;inset:-1px;background:linear-gradient(115deg,transparent 12%,rgba(104,245,210,.36) 28%,transparent 42%,rgba(167,146,255,.22) 67%,transparent 84%);background-size:220% 100%;opacity:.34;animation:cvGlassTrace 8s linear infinite;pointer-events:none}.cv-dialog-shell:after{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(90deg,transparent 0 78px,rgba(255,255,255,.018) 79px),repeating-linear-gradient(0deg,transparent 0 78px,rgba(255,255,255,.014) 79px);mask-image:linear-gradient(to bottom,black,transparent 72%);pointer-events:none}.cv-dialog-close{position:absolute;z-index:5;right:22px;top:19px;border:0;border-bottom:1px solid var(--line);padding:5px 0;background:none;color:var(--muted);font:500 11px DM Mono;cursor:pointer}.cv-dialog-close:hover,.cv-dialog-close:focus-visible{color:var(--cyan);border-color:var(--cyan);outline:none}.cv-signal-visual{grid-row:1/3;display:flex;flex-direction:column;align-items:center;gap:27px;align-self:start;padding-top:18px}.cv-dialog-mark{position:relative;display:grid;place-items:center;width:170px;aspect-ratio:1;border:1px solid rgba(104,245,210,.34);border-radius:50%;background:radial-gradient(circle,rgba(104,245,210,.11),rgba(8,11,14,.74) 63%);box-shadow:inset 0 0 42px rgba(104,245,210,.08),0 0 54px rgba(104,245,210,.1);transition:transform .7s var(--ease),box-shadow .7s}.cv-dialog-mark:before,.cv-dialog-mark:after{content:"";position:absolute;border-radius:50%}.cv-dialog-mark:before{inset:10px;border:1px solid transparent;border-top-color:var(--cyan);border-right-color:rgba(167,146,255,.62);filter:drop-shadow(0 0 8px rgba(104,245,210,.5));animation:cvOrbit 4.8s linear infinite}.cv-dialog-mark:after{inset:25px;border:1px dashed rgba(255,255,255,.22);animation:cvOrbit 12s linear infinite reverse}.cv-mark-core{position:relative;z-index:2;display:grid;place-items:center;width:84px;aspect-ratio:1;border:1px solid rgba(255,255,255,.17);border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(104,245,210,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.16);transition:transform .6s var(--ease),background .6s}.cv-mark-core span{font:600 27px DM Mono;letter-spacing:-.08em}.cv-mark-core b{position:absolute;bottom:14px;color:var(--cyan);font:600 12px DM Mono;opacity:.72}.cv-scan-beam{position:absolute;z-index:3;left:21px;right:21px;top:25%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 15px var(--cyan),0 0 32px rgba(104,245,210,.36);animation:cvScan 3.2s ease-in-out infinite}.cv-dialog-mark small{position:absolute;bottom:-9px;z-index:4;padding:5px 8px;border:1px solid rgba(104,245,210,.22);background:#0b0e11;color:var(--cyan);font:500 8px DM Mono;letter-spacing:.08em;white-space:nowrap}.cv-signal-steps{width:100%;display:grid;gap:8px}.cv-signal-steps span{display:flex;align-items:center;gap:11px;padding:9px 11px;border:1px solid rgba(255,255,255,.08);color:#6e7680;font:500 9px DM Mono;text-transform:uppercase;letter-spacing:.06em;transition:.35s}.cv-signal-steps i{color:inherit;font-style:normal}.cv-dialog[data-signal-stage="identify"] .cv-signal-steps span:nth-child(1),.cv-dialog[data-signal-stage="verify"] .cv-signal-steps span:nth-child(-n+2),.cv-dialog[data-signal-stage="unlock"] .cv-signal-steps span{border-color:rgba(104,245,210,.27);background:rgba(104,245,210,.045);color:var(--cyan)}.cv-dialog-copy{padding-right:52px}.cv-dialog-copy h2{margin:16px 0 12px;font-size:clamp(2.35rem,5vw,4.8rem);font-weight:500;line-height:.95;letter-spacing:-.055em}.cv-dialog-copy>p:last-child{max-width:570px;margin:0;color:var(--muted);font-size:1rem;line-height:1.65}.cv-access-form{grid-column:2;display:flex;flex-direction:column;gap:20px}.cv-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cv-form-grid label{display:flex;flex-direction:column;gap:8px}.cv-form-grid label>span{font:500 12px DM Mono;color:var(--muted)}.cv-form-grid label span em{float:right;color:#737b85;font-style:normal;font-size:10px}.cv-field-wide{grid-column:1/-1}.cv-form-grid input{width:100%;border:1px solid var(--line);border-radius:0;background:rgba(255,255,255,.035);color:var(--text);font:500 15px Manrope;padding:14px 15px;outline:none;transition:border-color .25s,box-shadow .25s,background .25s}.cv-form-grid input:focus{border-color:rgba(104,245,210,.72);background:rgba(104,245,210,.035);box-shadow:0 0 0 3px rgba(104,245,210,.08),inset 0 0 20px rgba(104,245,210,.025)}.cv-form-grid input::placeholder{color:#6f7781}.cv-consent{display:flex;align-items:flex-start;gap:11px;color:var(--muted);font-size:.78rem;line-height:1.55}.cv-consent input{flex:0 0 auto;margin-top:3px;accent-color:var(--cyan)}.cv-submit{align-self:flex-start;border:0;cursor:pointer}.cv-submit:disabled{opacity:.76;cursor:wait;transform:none}.cv-download-success{grid-column:2;padding-top:8px}.cv-download-success h3{margin:18px 0 12px;font-size:clamp(2rem,4vw,3.4rem);font-weight:500;line-height:1.05;letter-spacing:-.04em}.cv-download-success>p{max-width:520px;margin:0 0 28px;color:var(--muted);line-height:1.65}.cv-download-success .success-mark{margin-bottom:20px}.cv-dialog-shell.is-unlocking{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 34px 120px rgba(0,0,0,.62),0 0 70px rgba(104,245,210,.09)}.cv-dialog-shell.is-unlocking .cv-dialog-mark{animation:cvUnlockPulse 1.1s ease-in-out infinite}.cv-dialog-shell.is-unlocking .cv-scan-beam{animation-duration:.72s}.cv-dialog-shell.is-unlocked .cv-dialog-mark{transform:scale(1.045);box-shadow:inset 0 0 48px rgba(104,245,210,.17),0 0 60px rgba(104,245,210,.22)}.cv-dialog-shell.is-unlocked .cv-mark-core{transform:rotateY(180deg);background:rgba(104,245,210,.17)}.cv-dialog-shell.is-unlocked .cv-mark-core span{opacity:0}.cv-dialog-shell.is-unlocked .cv-mark-core b{inset:0;display:grid;place-items:center;font-size:0;opacity:1}.cv-dialog-shell.is-unlocked .cv-mark-core b:after{content:"✓";font:600 27px DM Mono;color:var(--cyan);transform:rotateY(180deg)}.cv-dialog-shell.is-unlocked .cv-scan-beam{opacity:0}.cv-dialog-shell.is-unlocked .cv-dialog-mark:before{border-color:var(--cyan);animation-duration:2s}
@keyframes cvOrbit{to{transform:rotate(360deg)}}@keyframes cvScan{0%,100%{top:27%;opacity:.25}50%{top:73%;opacity:1}}@keyframes cvGlassTrace{to{background-position:-220% 0}}@keyframes cvUnlockPulse{50%{transform:scale(1.035);box-shadow:inset 0 0 44px rgba(104,245,210,.13),0 0 62px rgba(104,245,210,.18)}}
.cv-access-form[hidden],.cv-download-success[hidden]{display:none}
html[data-theme="light"] .cv-dialog::backdrop{background:rgba(22,30,36,.48)}html[data-theme="light"] .cv-dialog-shell{border-color:rgba(31,46,54,.17);background:radial-gradient(circle at var(--cv-x) var(--cv-y),rgba(8,125,109,.13),transparent 28%),radial-gradient(circle at 92% 92%,rgba(93,77,204,.1),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.98),rgba(238,244,246,.97));box-shadow:inset 0 1px 0 white,0 34px 110px rgba(30,44,51,.23)}html[data-theme="light"] .cv-dialog-shell:after{background:repeating-linear-gradient(90deg,transparent 0 78px,rgba(22,35,43,.025) 79px),repeating-linear-gradient(0deg,transparent 0 78px,rgba(22,35,43,.02) 79px)}html[data-theme="light"] .cv-form-grid input{background:rgba(255,255,255,.72)}html[data-theme="light"] .cv-dialog-mark{border-color:rgba(8,125,109,.34);background:radial-gradient(circle,rgba(8,125,109,.09),rgba(255,255,255,.72) 65%)}html[data-theme="light"] .cv-dialog-mark small{background:#f5f8f9}html[data-theme="light"] .cv-signal-steps span{border-color:rgba(22,35,43,.1)}
@media(max-width:700px){.cv-dialog-shell{grid-template-columns:1fr;padding:58px 24px 28px;gap:24px}.cv-signal-visual{grid-row:auto;flex-direction:row;align-items:center;padding-top:0}.cv-dialog-mark{width:112px;flex:0 0 auto}.cv-mark-core{width:58px}.cv-dialog-mark small{font-size:7px}.cv-signal-steps{flex:1}.cv-dialog-copy{padding-right:0}.cv-access-form,.cv-download-success{grid-column:1}.cv-form-grid{grid-template-columns:1fr}.cv-field-wide{grid-column:auto}.cv-submit{width:100%}}
@media(max-width:430px){.cv-signal-visual{align-items:flex-start}.cv-dialog-mark{width:96px}.cv-signal-steps span{padding:7px 9px}.cv-dialog-copy h2{font-size:2.3rem}}
@media(prefers-reduced-motion:reduce){.cv-dialog-shell:before,.cv-dialog-mark:before,.cv-dialog-mark:after,.cv-scan-beam,.cv-dialog-shell.is-unlocking .cv-dialog-mark{animation:none}.cv-dialog-shell,.cv-dialog-mark,.cv-mark-core{transition:none}}

/* Scroll choreography inspired by editorial product storytelling. */
.journey-progress{position:fixed;z-index:32;right:18px;top:50%;display:grid;justify-items:center;gap:8px;transform:translateY(-50%);font:500 8px DM Mono;letter-spacing:.08em;color:#69717a;pointer-events:none}.journey-progress i{position:relative;width:1px;height:150px;background:rgba(255,255,255,.12);overflow:hidden}.journey-progress b{position:absolute;inset:0;background:linear-gradient(to bottom,var(--cyan),var(--violet),var(--amber));transform:scaleY(0);transform-origin:top;box-shadow:0 0 11px rgba(104,245,210,.58);will-change:transform}.scroll-aura{--aura-x:50vw;--aura-y:50vh;position:fixed;z-index:0;inset:0;pointer-events:none;background:radial-gradient(420px circle at var(--aura-x) var(--aura-y),rgba(104,245,210,.055),transparent 68%);mix-blend-mode:screen}.scroll-scene{--scene-progress:0;--scene-focus:0;isolation:isolate;overflow:hidden}.scroll-scene:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at calc(18% + var(--scene-progress)*64%) 42%,rgb(104 245 210/calc(var(--scene-focus)*.075)),transparent 34%),radial-gradient(circle at calc(84% - var(--scene-progress)*48%) 68%,rgb(130 109 255/calc(var(--scene-focus)*.075)),transparent 32%);opacity:var(--scene-focus);transition:opacity .15s linear}.scroll-scene>.section-index{position:relative;display:inline-flex;align-items:center;gap:11px}.scroll-scene>.section-index:before{content:"";width:7px;height:7px;background:var(--cyan);box-shadow:0 0 16px var(--cyan);transform:scale(calc(.55 + var(--scene-focus)*.45));transition:transform .2s linear}.scroll-copy{position:relative}.scroll-word{display:inline-block;opacity:calc(.18 + var(--word-light,0)*.82);filter:blur(calc((1 - var(--word-light,0))*1.7px));translate:0 calc((1 - var(--word-light,0))*9px);transition:opacity .13s linear,filter .13s linear,translate .13s linear;will-change:opacity,filter,translate}.statement h2 .scroll-word{color:inherit}.impact-band{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:120px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--line);overflow:hidden}.impact-band:before{content:"";position:absolute;inset:0;background:radial-gradient(390px circle at 50% 48%,rgba(104,245,210,.085),transparent 70%);pointer-events:none}.impact-band article{position:relative;min-height:330px;padding:34px 30px;background:rgba(10,12,15,.92);overflow:hidden}.impact-band article:after{content:"";position:absolute;right:-70px;bottom:-100px;width:230px;aspect-ratio:1;border:1px solid rgba(104,245,210,.08);border-radius:50%;box-shadow:inset 0 0 0 22px rgba(104,245,210,.015),inset 0 0 0 23px rgba(167,146,255,.06);transition:transform .7s var(--ease),border-color .7s}.impact-band article:hover:after{transform:scale(1.15) rotate(18deg);border-color:rgba(104,245,210,.22)}.impact-band strong{position:relative;z-index:1;display:flex;align-items:flex-start;margin:4px 0 44px;font:400 clamp(4.5rem,8vw,9.2rem)/.82 Manrope;letter-spacing:-.085em;color:var(--text)}.impact-band sup{margin:3px 0 0 8px;color:var(--cyan);font:500 clamp(1.2rem,2.2vw,2.3rem) DM Mono;letter-spacing:-.04em}.impact-band h3{position:relative;z-index:1;margin:0 0 11px;font-size:1.15rem}.impact-band p{position:relative;z-index:1;max-width:280px;margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.principles-section.scroll-scene:before{z-index:0;inset:8% 0;background:radial-gradient(circle at 50% 48%,rgb(130 109 255/calc(var(--scene-focus)*.15)),transparent 56%);transform:scale(calc(.84 + var(--scene-focus)*.16));opacity:var(--scene-focus)}.principles-section>*{position:relative;z-index:1}.contact-section.scroll-scene:before{background:radial-gradient(circle at 78% 52%,rgb(104 245 210/calc(var(--scene-focus)*.105)),transparent 36%),radial-gradient(circle at 20% 74%,rgb(255 182 92/calc(var(--scene-focus)*.065)),transparent 28%)}html[data-theme="light"] .journey-progress i{background:rgba(17,25,32,.15)}html[data-theme="light"] .scroll-aura{background:radial-gradient(420px circle at var(--aura-x) var(--aura-y),rgba(8,125,109,.06),transparent 68%);mix-blend-mode:multiply}html[data-theme="light"] .impact-band article{background:rgba(248,250,251,.95)}html[data-theme="light"] .impact-band:before{background:radial-gradient(390px circle at 50% 48%,rgba(8,125,109,.08),transparent 70%)}
@media(max-width:900px){.journey-progress{display:none}.impact-band{grid-template-columns:1fr;margin-top:85px}.impact-band article{min-height:250px}.impact-band strong{margin-bottom:34px}.scroll-aura{display:none}}
@media(prefers-reduced-motion:reduce){.scroll-word{opacity:1;filter:none;translate:none;transition:none}.scroll-scene:before{opacity:.35}.impact-band article:after{transition:none}.journey-progress{display:none}.scroll-aura{display:none}}

/* Browser-safe computed values for the scroll scenes. */
.scroll-scene{--scene-x:18%;--scene-x-alt:84%;--scene-alpha:0;--scene-alpha-strong:0;--scene-alpha-contact:0;--scene-alpha-warm:0;--scene-scale:.84;--dot-scale:.55}.scroll-scene:before{background:radial-gradient(circle at var(--scene-x) 42%,rgb(104 245 210 / var(--scene-alpha)),transparent 34%),radial-gradient(circle at var(--scene-x-alt) 68%,rgb(130 109 255 / var(--scene-alpha)),transparent 32%)}.scroll-scene>.section-index:before{transform:scale(var(--dot-scale))}.scroll-word{opacity:var(--word-opacity,.18);filter:blur(var(--word-blur,1.7px));translate:0 var(--word-y,9px)}.principles-section.scroll-scene:before{background:radial-gradient(circle at 50% 48%,rgb(130 109 255 / var(--scene-alpha-strong)),transparent 56%);transform:scale(var(--scene-scale))}.contact-section.scroll-scene:before{background:radial-gradient(circle at 78% 52%,rgb(104 245 210 / var(--scene-alpha-contact)),transparent 36%),radial-gradient(circle at 20% 74%,rgb(255 182 92 / var(--scene-alpha-warm)),transparent 28%)}

/* Clear studio positioning and two-audience journey. */
.liquid-nav{gap:23px}
.hero h1{max-width:1180px}
.hero-copy{max-width:680px}
.hero-audience{position:relative;z-index:6;margin:-14px 0 27px;color:var(--cyan);font:500 11px DM Mono;text-transform:uppercase;letter-spacing:.085em}
.hero-audience:before{content:"";display:inline-block;width:24px;height:1px;margin:0 10px 3px 0;background:var(--cyan);box-shadow:0 0 10px rgba(104,245,210,.55)}
.signal-grid article{display:flex;flex-direction:column}
.signal-grid article>strong{display:block;margin-top:auto;padding-top:32px;color:var(--text);font:500 10px/1.6 DM Mono;text-transform:uppercase;letter-spacing:.055em}
.engagement-note{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:1px;background:var(--line);border-bottom:1px solid var(--line)}
.engagement-note>div{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:start;padding:23px 28px;background:var(--bg)}
.engagement-note span{color:var(--cyan);font:500 10px DM Mono;letter-spacing:.08em}
.engagement-note p{max-width:470px;margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}
.audience-paths{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:90px}
.audience-paths a{position:relative;isolation:isolate;min-height:350px;padding:32px;border:1px solid var(--line);overflow:hidden;background:linear-gradient(145deg,rgba(104,245,210,.045),transparent 45%),var(--surface);transition:transform .45s var(--ease),border-color .45s,background .45s}
.audience-paths a:nth-child(2){background:linear-gradient(145deg,rgba(130,109,255,.055),transparent 45%),var(--surface)}
.audience-paths a:before{content:"";position:absolute;z-index:-1;right:-90px;bottom:-120px;width:310px;aspect-ratio:1;border:1px solid rgba(104,245,210,.14);border-radius:50%;box-shadow:inset 0 0 0 30px rgba(104,245,210,.018),inset 0 0 0 31px rgba(130,109,255,.08);transition:transform .65s var(--ease),border-color .65s}
.audience-paths a:nth-child(2):before{border-color:rgba(130,109,255,.2)}
.audience-paths a:hover,.audience-paths a:focus-visible{transform:translateY(-7px);border-color:rgba(104,245,210,.48);outline:none}
.audience-paths a:hover:before,.audience-paths a:focus-visible:before{transform:scale(1.14) rotate(18deg);border-color:var(--cyan)}
.audience-paths span{color:var(--cyan);font:500 10px DM Mono;letter-spacing:.09em}
.audience-paths a:nth-child(2)>span{color:#aa9cff}
.audience-paths h3{max-width:610px;margin:70px 0 16px;font-size:clamp(2rem,3.4vw,4.15rem);font-weight:500;line-height:1.02;letter-spacing:-.045em}
.audience-paths p{max-width:520px;margin:0;color:var(--muted);font-size:1rem;line-height:1.65}
.audience-paths strong{position:absolute;left:32px;bottom:30px;color:var(--text);font:500 11px DM Mono;text-transform:uppercase;letter-spacing:.055em}
html[data-theme="light"] .hero-audience{color:#087d6d}
html[data-theme="light"] .audience-paths a{background:linear-gradient(145deg,rgba(8,125,109,.055),transparent 45%),rgba(248,250,251,.94)}
html[data-theme="light"] .audience-paths a:nth-child(2){background:linear-gradient(145deg,rgba(93,77,204,.06),transparent 45%),rgba(248,250,251,.94)}
@media(max-width:1120px){.liquid-nav{gap:13px}.liquid-nav a{font-size:10px}.hero-meta{gap:14px}}
@media(max-width:900px){.hero-audience{position:absolute;bottom:29%;margin:0}.engagement-note,.audience-paths{grid-template-columns:1fr}.engagement-note>div{grid-template-columns:105px 1fr}.audience-paths{margin-top:70px}.audience-paths a{min-height:310px}.signal-grid article>strong{margin-top:22px;padding-top:0}}
@media(max-width:560px){.hero-audience{bottom:29%;max-width:82%;font-size:9px;line-height:1.6}.hero-copy{bottom:18.5%}.hero-actions{bottom:2.5%;gap:15px}.engagement-note>div{grid-template-columns:1fr;gap:8px;padding:21px 0}.engagement-note{background:transparent}.audience-paths a{min-height:330px;padding:25px}.audience-paths h3{margin-top:55px}.audience-paths strong{left:25px;bottom:25px}}

/* Preserve the original borderless portrait blend. */
.character-stage:before{content:"";position:absolute;z-index:-4;inset:8% -4% -3% 4%;pointer-events:none;background:radial-gradient(ellipse at 58% 48%,rgba(104,245,210,.12),transparent 46%),radial-gradient(ellipse at 70% 70%,rgba(255,116,50,.1),transparent 42%);filter:blur(24px);opacity:.72}
.character-body{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 86%,rgba(0,0,0,.82) 92%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 86%,rgba(0,0,0,.82) 92%,transparent 100%);filter:contrast(1.035) saturate(1.045)}
html[data-theme="light"] .character-stage:before{background:radial-gradient(ellipse at 58% 48%,rgba(8,125,109,.09),transparent 47%),radial-gradient(ellipse at 70% 70%,rgba(205,96,38,.07),transparent 42%);opacity:.54}
@media(prefers-reduced-motion:reduce){.character-stage:before{filter:blur(18px)}}

/* Focused two-service studio layout. */
.service-offer-grid{grid-template-columns:repeat(2,1fr)}
.service-offer-grid article{min-height:270px}
.profile-section>.timeline-block{margin-top:80px}
@media(max-width:900px){.service-offer-grid{grid-template-columns:1fr}.profile-section>.timeline-block{margin-top:55px}}

/* Keep the full hero promise clear of the portrait. */
.hero h1{z-index:5;max-width:min(1180px,78vw);pointer-events:none}
.character-stage{right:-2vw;width:min(43vw,660px)}
.character-rig{left:62%}
.gradient-text{filter:drop-shadow(0 7px 22px rgba(5,6,8,.58))}
html[data-theme="light"] .gradient-text{filter:drop-shadow(0 7px 22px rgba(242,247,248,.72))}
@media(max-width:1120px){.hero h1{max-width:84vw}.character-stage{right:-6vw}.character-rig{left:58%}}
@media(max-width:900px){.hero h1{max-width:94%;z-index:5}.character-stage{right:-24vw}.character-rig{left:50%}}
@media(max-width:560px){.character-stage{right:-47vw}}

/* Responsive experience parity: the desktop atmosphere, rebuilt for touch. */
@media(max-width:900px){
  .topbar{height:72px;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(135deg,rgba(12,15,19,.78),rgba(8,10,13,.58));backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
  html[data-theme="light"] .topbar{border-bottom-color:rgba(22,35,43,.12);background:linear-gradient(135deg,rgba(250,253,253,.84),rgba(232,241,243,.72))}
  .liquid-nav{border-color:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 12px 36px rgba(0,0,0,.18)}
  .hero{display:block;min-height:clamp(900px,118svh,1060px);padding:112px var(--pad) 40px}
  .hero-kicker{position:relative;z-index:7;max-width:calc(100% - 64px);font-size:10px;line-height:1.55}
  .hero h1{position:relative;top:auto;left:auto;max-width:92%;margin:48px 0 0;font-size:clamp(4.2rem,13.5vw,7rem);line-height:.84}
  .character-stage{width:min(78vw,680px);height:min(68vh,650px);right:-11vw;bottom:145px}
  .character-ui{right:12%;bottom:9%;border-radius:100px;background:rgba(8,10,13,.62);backdrop-filter:blur(14px)}
  .hero-copy{left:var(--pad);bottom:145px;max-width:min(58%,560px);margin:0;padding:14px 16px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:linear-gradient(135deg,rgba(8,10,13,.86),rgba(15,19,24,.64));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 16px 44px rgba(0,0,0,.24);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}
  html[data-theme="light"] .hero-copy{border-color:rgba(22,35,43,.14);background:linear-gradient(135deg,rgba(250,253,253,.9),rgba(232,241,243,.76));box-shadow:inset 0 1px 0 white,0 16px 44px rgba(35,53,62,.12)}
  .hero-audience{left:var(--pad);bottom:286px}
  .hero-actions{left:var(--pad);right:var(--pad);bottom:38px;flex-wrap:wrap;gap:16px 24px}
  .journey-progress{display:grid;right:7px;padding:10px 7px;border:1px solid rgba(255,255,255,.1);border-radius:100px;background:rgba(8,10,13,.48);backdrop-filter:blur(12px)}
  .journey-progress i{height:96px}
  .scroll-aura{display:block;opacity:.72;background:radial-gradient(330px circle at var(--aura-x) var(--aura-y),rgba(104,245,210,.055),transparent 70%)}
  .signal-section,.work-section,.profile-section,.principles-section,.contact-section{padding-top:88px;padding-bottom:88px}
  .statement{gap:20px;margin:54px 0 72px}
  .statement h2,.section-heading h2,.profile-heading h2,.contact-copy h2{font-size:clamp(3rem,8.6vw,5.4rem)}
  .service-offer-grid article{min-height:230px;padding:30px 0!important}
  .engagement-note>div{padding:24px}
  .audience-paths a{border-radius:18px;background:linear-gradient(145deg,rgba(104,245,210,.07),transparent 45%),rgba(16,20,24,.78);backdrop-filter:blur(14px)}
  .audience-paths a:nth-child(2){background:linear-gradient(145deg,rgba(130,109,255,.08),transparent 45%),rgba(16,20,24,.78)}
  .audience-paths a:active{transform:translateY(-4px) scale(.995);border-color:rgba(104,245,210,.5)}
  .arc-carousel{touch-action:pan-y}.arc-carousel.arc-ready .project-card{border-radius:18px;box-shadow:0 28px 70px rgba(0,0,0,.3)}
  .arc-carousel.arc-ready .project-card.is-active{border-color:rgba(104,245,210,.25)}
  .arc-controls button{min-width:48px;min-height:48px}
  .timeline-output,.resume-evidence article,.certification-card,.certification-feature,.scanner{border-radius:16px}
  .contact-section{gap:48px}.scanner{min-height:640px;background:linear-gradient(145deg,rgba(20,25,30,.88),rgba(10,13,16,.82));backdrop-filter:blur(16px)}
  html[data-theme="light"] .scanner{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(235,242,244,.86))}
}

@media(max-width:600px){
  :root{--pad:20px}
  .topbar{padding-inline:8px}.liquid-nav{width:calc(100% - 54px);margin-right:50px}.liquid-nav a{min-height:43px;padding-inline:4px;font-size:9px}.theme-toggle{right:8px;min-width:42px;width:42px;height:42px}
  .hero{min-height:980px;padding-top:96px}
  .hero-kicker{max-width:82%;font-size:9px}
  .hero h1{max-width:100%;margin-top:34px;font-size:clamp(3.45rem,16vw,5.25rem);line-height:.85;letter-spacing:-.07em}
  .character-stage{width:112vw;height:61vh;right:-45vw;bottom:242px}
  .character-ui{right:37%;bottom:6%;padding:8px 10px;font-size:8px}
  .hero-audience{bottom:322px;max-width:82%;font-size:9px;line-height:1.55}
  .hero-copy{bottom:160px;max-width:calc(100% - 40px);padding:13px 14px;font-size:.94rem;line-height:1.5}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;bottom:25px;gap:12px 18px}.hero-actions .primary-cta{grid-column:1/-1;width:100%;padding:14px 16px}.hero-actions .text-link{font-size:11px;line-height:1.35}
  .journey-progress{right:4px;padding:8px 5px}.journey-progress span{display:none}.journey-progress i{height:72px}
  .scroll-aura{opacity:.62;background:radial-gradient(260px circle at 50vw 48vh,rgba(104,245,210,.06),transparent 72%)}
  .signal-section,.work-section,.profile-section,.principles-section,.contact-section{padding-top:72px;padding-bottom:72px}
  .section-heading{gap:18px}.section-heading>p:last-child{font-size:1rem;line-height:1.6}
  .statement{margin:45px 0 58px}.statement h2,.section-heading h2,.profile-heading h2,.contact-copy h2{font-size:clamp(2.7rem,13vw,3.7rem);line-height:.98}
  .service-offer-grid article{min-height:220px}.service-offer-grid h3{font-size:1.45rem}.engagement-note>div{padding:20px 0}
  .audience-paths{gap:12px;margin-top:52px}.audience-paths a{min-height:305px;padding:24px}.audience-paths h3{font-size:2.05rem}.audience-paths strong{left:24px;bottom:24px}
  .impact-band{margin-top:62px;border-radius:16px}.impact-band article{min-height:230px;padding:28px 24px}.impact-band strong{font-size:5.1rem}
  .lens-control{scrollbar-width:none}.lens-control::-webkit-scrollbar{display:none}.lens-control button{min-height:42px}.arc-carousel.arc-ready{height:555px}.arc-carousel.arc-ready .project-card{width:89vw;height:495px;padding:20px}.project-top{gap:16px}.project-top span:last-child{text-align:right}.project-bottom h3{font-size:2.55rem}.arc-controls.is-ready{margin-top:0}.demo-note{text-align:left;line-height:1.5}
  .profile-section>.timeline-block{margin-top:44px;padding-top:42px}.timeline-block{gap:26px}.timeline-item{min-height:68px}.timeline-output{min-height:280px;padding:27px}.timeline-output h4{font-size:1.85rem;margin-top:28px}
  .resume-evidence article{padding:24px}.certifications-showcase{margin-top:66px}.certification-feature,.certification-card{border-radius:16px}.certification-feature{padding:25px}.certification-feature>strong{top:22px;right:22px}.certification-feature h4{font-size:2rem}
  .principles-grid{gap:12px}.principles-grid article{border-radius:16px}.contact-section{gap:38px}.contact-copy h2{margin:26px 0}.contact-meta{flex-direction:column;gap:16px;margin-top:32px}.contact-channels{margin-top:28px}.scanner{min-height:690px;padding:20px}.scanner-step{padding-top:28px}.scanner-step>p{font-size:1.55rem}.option-grid button{border-radius:12px;min-height:82px}.enquiry-fields input,.enquiry-fields textarea,.enquiry-fields select{border-radius:10px}
  .cv-dialog{width:calc(100% - 16px);max-height:calc(100% - 16px)}.cv-dialog-shell{border-radius:18px;padding:54px 20px 24px}.cv-signal-visual{gap:17px}.cv-dialog-mark{width:94px}.cv-signal-steps span{font-size:8px}.cv-dialog-copy h2{font-size:2.2rem}.cv-form-grid input{border-radius:10px}
  footer{min-height:440px;padding-top:70px}.footer-links{align-self:flex-start;justify-content:flex-start;margin:50px 0 0;gap:18px 24px}
}

@media(hover:none){
  .magnetic{transform:none!important}.primary-cta:active,.option-grid button:active,.arc-controls button:active,.theme-toggle:active{transform:scale(.97)}
  .audience-paths a:active:before{transform:scale(1.12) rotate(16deg);border-color:var(--cyan)}
}

/* Brighter moving principle statement only. */
.principles-marquee{-webkit-text-stroke-color:rgba(255,255,255,.36)}
html[data-theme="light"] .principles-marquee{-webkit-text-stroke-color:rgba(17,25,32,.32)}

/* Two-category work gallery and website showcase placeholder. */
.arc-controls.has-single{display:none}
.website-card .project-top,.website-card .project-bottom{z-index:6}.website-card .case-link{border-bottom:1px solid var(--line);padding:12px 0;font:500 11px DM Mono;text-transform:uppercase;white-space:nowrap}.website-card .case-link b{display:inline-block;font-weight:400;transition:transform .35s var(--ease)}.website-card:hover .case-link{color:var(--violet);border-color:var(--violet)}.website-card:hover .case-link b{transform:translate(5px,-5px)}
.website-visual{background:radial-gradient(circle at 62% 42%,rgba(167,146,255,.18),transparent 34%),linear-gradient(135deg,rgba(104,245,210,.055),transparent 54%)}
.website-wireframe{position:absolute;left:50%;top:44%;width:min(68%,720px);height:48%;transform:translate(-50%,-50%) rotate(-2deg);border:1px solid rgba(167,146,255,.42);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 28px 80px rgba(0,0,0,.3);backdrop-filter:blur(14px);animation:websiteFloat 6s ease-in-out infinite}.website-wireframe:before{content:"";position:absolute;left:0;right:0;top:42px;height:1px;background:rgba(255,255,255,.12)}.website-wireframe span{position:absolute;top:16px;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.24)}.website-wireframe span:nth-child(1){left:18px;background:var(--cyan)}.website-wireframe span:nth-child(2){left:34px}.website-wireframe span:nth-child(3){left:50px}.website-wireframe i{position:absolute;left:8%;top:28%;width:54%;height:42%;border-radius:12px;background:linear-gradient(120deg,rgba(104,245,210,.18),rgba(167,146,255,.13));box-shadow:0 0 45px rgba(104,245,210,.08)}.website-wireframe b{position:absolute;right:8%;top:28%;width:25%;height:9%;border-radius:100px;background:rgba(255,255,255,.15);box-shadow:0 34px 0 rgba(255,255,255,.08),0 68px 0 rgba(255,255,255,.05)}.website-status{position:absolute;top:22%;right:9%;font:500 9px DM Mono;color:#aeb6c0;letter-spacing:.09em}.website-status i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--violet);box-shadow:0 0 14px var(--violet);animation:pulse 1.8s infinite}@keyframes websiteFloat{0%,100%{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,-54%) rotate(1deg)}}
html[data-theme="light"] .website-wireframe{border-color:rgba(93,77,204,.28);background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(232,239,242,.48));box-shadow:inset 0 1px 0 white,0 28px 70px rgba(35,52,62,.13)}html[data-theme="light"] .website-status{color:#59666f}
@media(max-width:560px){.website-wireframe{width:82%;height:43%;top:39%}.website-status{top:18%;right:5%}.website-card .case-link{display:inline-block;margin-top:15px}}
@media(prefers-reduced-motion:reduce){.website-wireframe{animation:none}}