.architecture-demo{padding-block:clamp(66px,9vw,130px);scroll-margin-top:100px}.architecture-heading{grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr);align-items:end;gap:25px 55px;margin-bottom:32px;display:grid}.architecture-heading .eyebrow{color:var(--accent);margin-bottom:16px}.architecture-heading h2{letter-spacing:-.075em;text-wrap:balance;font-size:clamp(44px,6vw,89px);line-height:1.02}.architecture-heading h2 span{color:var(--muted)}.architecture-heading>p{color:var(--muted);max-width:49ch;font-size:15px;line-height:1.8}.architecture-console{border:1px solid var(--line);border-radius:var(--mode-card-radius,24px);background:var(--surface);isolation:isolate;position:relative;overflow:hidden}.architecture-toolbar,.architecture-footer{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 26px;padding:18px clamp(18px,3vw,34px);display:flex}.architecture-toolbar>.mono,.architecture-footer>.mono{letter-spacing:.08em;color:var(--muted);font-size:10px}.architecture-led{background:var(--accent);width:8px;height:8px;box-shadow:0 0 14px var(--accent);border-radius:50%;margin-right:10px;display:inline-block}.architecture-label{color:var(--muted);text-align:right;font-size:10px}.architecture-projects{border-bottom:1px solid var(--line);scrollbar-width:thin;gap:7px;padding:12px clamp(18px,3vw,34px);display:flex;overflow-x:auto}.architecture-projects button{color:var(--muted);min-height:46px;font:12px var(--mono);text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;padding:12px 17px}.architecture-projects button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--paper);font-weight:700}.architecture-projects button:not([aria-pressed=true]):hover{border-color:var(--line);color:var(--ink)}.architecture-stage{isolation:isolate;background:radial-gradient(ellipse at 55% 25%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 60%),var(--paper);min-height:440px;padding:clamp(20px,3vw,45px);position:relative;overflow:hidden}.architecture-stage:before{content:"";z-index:-1;opacity:.27;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--accent) 9%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 9%,transparent) 1px,transparent 1px);background-size:33px 33px;position:absolute;inset:0}.architecture-stage-top{z-index:3;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px 22px;margin-bottom:36px;display:flex;position:relative}.architecture-overline{color:var(--muted);letter-spacing:.1em;font-size:10px}.architecture-stage-top h3{letter-spacing:-.065em;margin-top:6px;font-size:clamp(26px,3.1vw,46px);font-weight:650}.architecture-status{font:10px var(--mono);color:var(--muted);border:1px solid var(--line);white-space:normal;border-radius:50px;padding:9px 12px}.architecture-nodes{z-index:3;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.8vw,24px);display:grid;position:relative}.architecture-node{text-align:left;border:1px solid var(--line);background:var(--surface);min-width:0;min-height:160px;color:var(--ink);border-radius:13px;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(12px,1.65vw,22px);transition:background-color .22s,border-color .22s,box-shadow .22s,transform .22s;display:flex;position:relative}.architecture-node:hover{border-color:var(--accent);transform:translateY(-3px)}.architecture-node:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.architecture-node[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 14px 45px color-mix(in srgb,var(--accent) 12%,transparent)}.architecture-node-number{letter-spacing:.05em;color:var(--muted);font-size:10px}.architecture-node strong{font:700 clamp(13px,1.25vw,19px)/1.22 var(--sans);letter-spacing:-.035em;overflow-wrap:anywhere}.architecture-node-desc{color:var(--muted);font-size:12px;line-height:1.5}.architecture-node-led{border:1px solid var(--accent);opacity:.45;border-radius:50%;width:7px;height:7px;position:absolute;bottom:14px;right:14px}.architecture-node[aria-pressed=true] .architecture-node-led{background:var(--accent);opacity:1;box-shadow:0 0 13px var(--accent)}.architecture-links{z-index:2;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.8vw,24px);width:72%;height:24px;margin:20px auto 21px;display:grid;position:relative}.architecture-wire{background:linear-gradient(90deg,var(--line),var(--accent),var(--line));opacity:.8;background-size:200% 100%;border-radius:4px;align-self:center;min-width:0;height:2px;display:block;position:relative}.architecture-wire:before,.architecture-wire:after{content:"";background:var(--accent);width:5px;height:5px;box-shadow:0 0 10px var(--accent);border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.architecture-wire:before{opacity:.6;left:0}.architecture-wire:after{opacity:.6;right:0}.architecture-stage[data-flow=running] .architecture-wire{background-size:200% 100%;animation:1.1s linear 2 arch-wire}.architecture-stage[data-flow=running] .architecture-wire:after{width:13px;height:13px;animation:1.15s ease-in-out 80ms forwards arch-signal;left:0;right:auto}.architecture-stage[data-flow=running] .architecture-node{border-color:var(--accent);animation:.53s ease-out both architecture-step}.architecture-stage[data-flow=running] .architecture-node:first-child{animation-delay:0s}.architecture-stage[data-flow=running] .architecture-node:nth-child(2){animation-delay:.32s}.architecture-stage[data-flow=running] .architecture-node:nth-child(3){animation-delay:.64s}.architecture-stage[data-flow=running] .architecture-node:nth-child(4){animation-delay:.96s}@keyframes architecture-step{0%{transform:translateY(0);box-shadow:0 0 #0000}45%{box-shadow:0 0 0 3px var(--accent),0 0 42px color-mix(in srgb,var(--accent) 28%,transparent);transform:translateY(-4px)}to{transform:translateY(0);box-shadow:0 0 0 1px #0000}}@keyframes arch-wire{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes arch-signal{0%{opacity:0;left:0}10%{opacity:1}to{opacity:1;left:calc(100% - 13px)}}.architecture-stage-bottom{z-index:3;border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px 30px;padding-top:22px;display:grid;position:relative}.architecture-detail{max-width:60ch;min-height:100px}.architecture-detail .mono{color:var(--accent);letter-spacing:.07em;font-size:11px}.architecture-detail p{color:var(--muted);margin-top:11px;font-size:14px;line-height:1.7}.architecture-actions{flex-wrap:wrap;gap:10px;display:flex}.architecture-replay,.architecture-matrix{border:1px solid var(--line);min-height:46px;font:12px var(--mono);text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;display:inline-flex}.architecture-replay{background:var(--accent);border-color:var(--accent);color:var(--paper);font-weight:700}.architecture-replay:disabled{opacity:.68;cursor:default}.architecture-matrix{background:var(--surface);color:var(--ink)}.architecture-matrix[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.architecture-matrix:disabled{opacity:.6;cursor:not-allowed}.architecture-footer{border-bottom:0;border-top:1px solid var(--line)}.architecture-footer a{color:var(--accent);align-items:center;gap:16px;min-height:44px;font-size:13px;font-weight:650;display:inline-flex}.architecture-footer a:hover{text-underline-offset:5px;text-decoration:underline}.architecture-feedback{min-height:25px;color:var(--muted);padding:0 clamp(18px,3vw,34px) 8px;font-size:10px}.architecture-console .matrix-rain{z-index:1;pointer-events:none;opacity:.48;display:none;position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(#0000,#000 15% 86%,#0000)}.architecture-stage[data-matrix=on] .matrix-rain{display:block}.architecture-console .matrix-column{top:-80%;left:var(--matrix-x);font:13px/1.4 var(--mono);color:#6affad;white-space:pre;writing-mode:vertical-rl;text-orientation:upright;text-shadow:0 0 9px #6affad80;animation:architecture-rain var(--matrix-duration) linear var(--matrix-delay) infinite;animation-play-state:paused;position:absolute}.architecture-stage[data-matrix=on][data-matrix-visible=true] .matrix-column{animation-play-state:running}@keyframes architecture-rain{0%{transform:translateY(-10%)}to{transform:translateY(400%)}}.architecture-console .visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=990px){.architecture-heading{grid-template-columns:1fr}.architecture-nodes{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-links{display:none}.architecture-node{min-height:135px}.architecture-stage-bottom{grid-template-columns:1fr}.architecture-detail{min-height:0}}@media (width<=620px){.architecture-demo{padding-block:65px}.architecture-heading h2{font-size:clamp(38px,9vw,56px)}.architecture-projects{padding:10px 12px}.architecture-projects button{padding:11px 12px}.architecture-stage{padding:18px}.architecture-nodes{gap:9px}.architecture-node{gap:9px;min-height:142px;padding:12px}.architecture-node strong{font-size:14px}.architecture-node-desc{font-size:11px}.architecture-actions{grid-template-columns:1fr 1fr;display:grid}.architecture-replay,.architecture-matrix{white-space:normal;min-height:48px;padding:10px;font-size:11px}.architecture-status{font-size:9px}.architecture-stage-top{margin-bottom:23px}}@media (width<=390px){.architecture-actions{grid-template-columns:1fr}.architecture-node{min-height:150px}}@media (prefers-reduced-motion:reduce){.architecture-stage[data-flow=running] .architecture-wire,.architecture-stage[data-flow=running] .architecture-wire:after,.architecture-console .matrix-column{animation:none!important}.architecture-node{transition:none;animation:none!important}}.depth-showcase{padding-block:clamp(80px,10vw,150px);scroll-margin-top:96px}.depth-heading{grid-template-columns:minmax(0,1.1fr) minmax(0,.65fr);align-items:end;gap:26px 55px;margin-bottom:40px;display:grid}.depth-heading .eyebrow{color:var(--accent);margin-bottom:19px}.depth-heading h2{letter-spacing:-.077em;font-size:clamp(44px,6vw,96px);line-height:1.04}.depth-heading h2 span{color:var(--muted)}.depth-heading>p{max-width:48ch;color:var(--muted);line-height:1.75}.depth-layout{border:1px solid var(--line);background:var(--surface);border-radius:var(--mode-card-radius,24px);grid-template-columns:minmax(0,1.4fr) minmax(270px,.64fr);display:grid;overflow:hidden}.depth-stage{--rx:0deg;--ry:0deg;--px:0px;--py:0px;isolation:isolate;background:radial-gradient(ellipse at 54% 34%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 50%),#0c1924;perspective:1000px;touch-action:pan-y;min-height:clamp(500px,45vw,650px);position:relative;overflow:hidden}.depth-grid{opacity:.26;pointer-events:none;background-image:linear-gradient(#93daeb16 1px,#0000 1px),linear-gradient(90deg,#93daeb16 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;transform:rotate(-8deg)scale(1.3)}.depth-universe{transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));will-change:transform;transition:transform .28s ease-out;position:absolute;inset:0}.depth-layer{aspect-ratio:900/610;width:min(71%,520px);transform-style:preserve-3d;pointer-events:none;background:#111c28;border:1px solid #83bfce66;border-radius:13px;margin:0;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .55s,box-shadow .55s;position:absolute;top:48%;left:50%;overflow:hidden;box-shadow:0 30px 70px #0009}.depth-window-bar{color:#a9ccdc;height:32px;font:10px var(--mono);background:#172633;justify-content:space-between;align-items:center;gap:6px;padding:0 12px;display:flex}.depth-window-bar span:first-child{letter-spacing:5px;color:#78e0d0}.depth-layer img{object-fit:cover;object-position:top center;width:100%;height:calc(100% - 78px);display:block}.depth-layer figcaption{color:#e8f6f8;background:#111c29;justify-content:space-between;align-items:center;gap:9px;min-height:45px;padding:8px 13px;font-size:13px;display:flex}.depth-layer figcaption small{font:9px var(--mono);color:#9dc7d6;white-space:nowrap}.depth-layer--1{z-index:3;transform:translate3d(-62%,-61%,95px)rotate(-8deg)}.depth-layer--2{z-index:2;opacity:.87;transform:translate3d(-20%,-43%,-5px)rotate(6deg)}.depth-layer--3{z-index:1;opacity:.72;transform:translate3d(-81%,-25%,-115px)rotate(-3deg)}.depth-stage[data-active=cpaul] .depth-layer--1{z-index:1;opacity:.72;transform:translate3d(-87%,-46%,-110px)rotate(-8deg)}.depth-stage[data-active=cpaul] .depth-layer--2{z-index:3;opacity:1;transform:translate3d(-55%,-60%,95px)rotate(-5deg)}.depth-stage[data-active=cpaul] .depth-layer--3{z-index:2;opacity:.86;transform:translate3d(-19%,-27%,-5px)rotate(6deg)}.depth-stage[data-active=pubg-map] .depth-layer--1{z-index:2;opacity:.84;transform:translate3d(-17%,-43%,-5px)rotate(7deg)}.depth-stage[data-active=pubg-map] .depth-layer--2{z-index:1;opacity:.72;transform:translate3d(-83%,-35%,-105px)rotate(-6deg)}.depth-stage[data-active=pubg-map] .depth-layer--3{z-index:3;opacity:1;transform:translate3d(-60%,-62%,98px)rotate(-4deg)}.depth-crosshair{color:#84eee8;font:30px var(--mono);opacity:.6;position:absolute;top:13%;right:7%}.depth-coordinates,.depth-stage-caption{z-index:5;color:#bbd7e1;font:10px var(--mono);letter-spacing:.08em;background:#08141eaa;border-radius:4px;padding:7px 9px;position:absolute}.depth-coordinates{top:16px;left:15px}.depth-stage-caption{bottom:17px;left:15px}.depth-console{flex-direction:column;gap:20px;min-width:0;padding:clamp(25px,3vw,44px);display:flex}.depth-kicker{font:11px var(--mono);color:var(--accent)}.depth-console h3{letter-spacing:-.055em;font-size:clamp(32px,3vw,49px);line-height:1.1}.depth-console>p{color:var(--muted);font-size:14px;line-height:1.75}.depth-selector{gap:8px;display:grid}.depth-selector button{border:1px solid var(--line);color:var(--ink);text-align:left;background:0 0;border-radius:9px;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;min-height:49px;padding:14px 13px;display:grid}.depth-selector button .mono{color:var(--muted);font-size:10px}.depth-selector button strong{font-size:13px}.depth-selector button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,var(--surface))}.depth-selector button[aria-pressed=true] .mono{color:var(--accent)}.depth-selector button:hover{border-color:var(--accent)}.depth-readout{border-top:1px solid var(--line);gap:7px;padding-top:18px;display:grid}.depth-readout .mono{color:var(--accent);font-size:10px}.depth-readout strong{font-size:21px}.depth-readout p{color:var(--muted);min-height:38px;font-size:13px;line-height:1.5}.depth-link{color:var(--paper);background:var(--accent);border-radius:9px;justify-content:space-between;align-items:center;gap:20px;min-height:46px;padding:12px 16px;font-size:13px;font-weight:700;display:inline-flex}.depth-console>small{color:var(--muted);font-size:11px;line-height:1.6}:root[data-design=systems] .depth-layer{border-radius:0}:root[data-design=atelier] .depth-layout{border-radius:35px}:root[data-design=chromatic] .depth-stage{background:radial-gradient(at 65% 20%,#7f2a8580,#0000 65%),#181226}:root[data-design=pocket] .depth-stage{background:#0b2020}@media (width<=1050px){.depth-layout,.depth-heading{grid-template-columns:1fr}.depth-console{border-top:1px solid var(--line)}.depth-stage{min-height:510px}.depth-console{grid-template-columns:1fr 1fr;gap:12px 25px;display:grid}.depth-console .depth-selector{grid-row:span 3}.depth-console>small{grid-column:1/-1}}@media (width<=690px){.depth-stage{min-height:410px}.depth-layer{width:min(76%,460px)}.depth-console{display:flex}.depth-layer figcaption{font-size:10px}.depth-layer figcaption small{font-size:8px}.depth-heading h2{font-size:clamp(42px,10vw,68px)}}@media (width<=420px){.depth-stage{min-height:335px}.depth-layer{border-radius:9px;width:78%}.depth-layer img{height:calc(100% - 65px)}.depth-layer figcaption{flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;min-height:33px;padding:4px 10px}.depth-window-bar{height:27px;font-size:8px}.depth-coordinates{font-size:9px}.depth-stage-caption{font-size:8px}}@media (prefers-reduced-motion:reduce){.depth-universe,.depth-layer{will-change:auto;transition:none!important}}:root[data-performance=lite] .depth-universe{will-change:auto;transform:none!important}:root[data-performance=lite] .depth-layer{transition:none}.spatial-photo{padding-block:110px 120px}.spatial-heading{grid-template-columns:1.25fr 1fr;align-items:end;gap:18px 60px;margin-bottom:44px;display:grid}.spatial-heading .eyebrow{grid-column:1/-1;margin-bottom:0}.spatial-heading h2{letter-spacing:-.065em;font-size:clamp(42px,6vw,88px);line-height:1.02}.spatial-heading>p:last-child{color:var(--muted);max-width:340px;margin-bottom:5px;line-height:1.8}.spatial-frame{aspect-ratio:1.8;isolation:isolate;border:1px solid var(--line);background:#091519;border-radius:32px;position:relative;overflow:hidden}.spatial-frame>img,.spatial-frame>canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}[data-spatial]>canvas{opacity:0;pointer-events:none;transition:opacity .7s;display:block}[data-spatial][data-ready=true]>canvas{opacity:1}.spatial-image-caption{bottom:0;color:#e8f6f7;pointer-events:none;background:linear-gradient(#0000,#061217e8);justify-content:space-between;gap:15px;padding:42px 32px 24px;font-size:12px;display:flex;position:absolute;inset-inline:0}.spatial-reticle{pointer-events:none;border:1px solid #e3ffef88;border-radius:50%;width:32px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spatial-reticle:before,.spatial-reticle:after{content:"";background:#e3ffef88;position:absolute}.spatial-reticle:before{width:1px;height:44px;top:-7px;left:50%}.spatial-reticle:after{width:44px;height:1px;top:50%;left:-7px}.spatial-tools{color:var(--muted);align-items:center;gap:18px;padding-block:22px;font-size:12px;display:flex}.spatial-tools label{white-space:nowrap;color:var(--ink);gap:14px;margin:0;display:inline-flex}.spatial-tools input{width:160px;accent-color:var(--accent);min-height:44px;margin:0}.spatial-tools>span{text-align:right;margin-left:auto}.portal-journey{view-timeline-name:--journey;view-timeline-axis:block;height:300svh;position:relative}.journey-stage{isolation:isolate;color:#edf8f7;background:#050b10;height:100svh;min-height:560px;position:sticky;top:0;overflow:hidden}.journey-stage>canvas,.journey-fallback,.journey-vignette{width:100%;height:100%;position:absolute;inset:0}.journey-vignette{pointer-events:none;background:linear-gradient(90deg,#050b10a8,#0000 75%),linear-gradient(#050b1050,#0000 25% 70%,#050b10c9)}.journey-fallback{perspective:650px;place-items:center;display:grid}.journey-fallback span{border:1px solid var(--accent);width:70%;height:78%;transform:translateZ(calc(var(--ring) * -120px)) rotate(calc(var(--ring) * 7deg));opacity:.5;border-radius:20%;position:absolute}.journey-header{color:#c9e6e7;justify-content:space-between;align-items:center;padding-top:115px;font-size:11px;display:flex;position:relative}.journey-header a{color:#edf8f7;align-items:center;gap:15px;min-height:44px;display:inline-flex}.journey-copy{pointer-events:none;transform:translateY(calc(var(--journey-progress,0) * -60px));opacity:clamp(0, calc(1 - var(--journey-progress,0) * 3), 1);padding-top:clamp(50px,10vh,120px);position:relative}.journey-copy .eyebrow{color:#c9e6e7}.journey-copy h2{letter-spacing:-.065em;max-width:800px;font-size:clamp(56px,8vw,116px);line-height:.98}.journey-intro{color:#c9e6e7;margin-top:26px;font-size:16px;line-height:1.7}.journey-chapter{pointer-events:none;position:absolute;bottom:65px;left:0;right:0}.journey-chapter .mono{color:#c9e6e7;font-size:11px}.journey-chapter p{letter-spacing:-.035em;margin-top:12px;font-size:clamp(20px,3vw,40px)}.journey-track{bottom:34px;background:#ffffff30;height:1px;position:absolute;inset-inline:0}.journey-track span{transform-origin:0;width:100%;height:100%;transform:scaleX(var(--journey-progress,0));background:var(--accent);display:block}.journey-accessible{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.lab-panel{view-transition-name:none}.lab-console::view-transition-group(*){animation-duration:.28s}@supports (corner-shape:squircle){.spatial-frame{corner-shape:squircle;border-radius:48px}}@supports (animation-timeline:view()){.journey-track span{animation:linear both journey-progress --journey;animation-range:contain}@keyframes journey-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}@media (width<=767px){.spatial-photo{padding-block:70px}.spatial-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.spatial-heading h2{font-size:48px}.spatial-frame{aspect-ratio:.95;border-radius:22px}.spatial-image-caption{flex-direction:column;gap:6px;padding:36px 18px 18px;font-size:10px}.spatial-tools{flex-wrap:wrap;gap:5px 16px}.spatial-tools input{flex:1}.spatial-tools>span{text-align:left;width:100%;margin:0}.portal-journey{height:250svh}.journey-header{padding-top:100px;font-size:10px}.journey-header a{gap:6px}.journey-copy{padding-top:70px}.journey-copy h2{font-size:58px}.journey-chapter{bottom:70px}}@media (forced-colors:active){.spatial-image-caption,.journey-stage{color:canvastext;background:canvas}}.spatial-photo,.portal-journey{scroll-margin-top:100px}.spatial-heading h2,.journey-copy h2{text-wrap:balance}.journey-header a:hover{text-underline-offset:5px;text-decoration:underline}html:not([data-effects]) .portal-journey,.portal-journey:has([data-renderer=fallback]){height:100svh}.spatial-frame{border-color:color-mix(in srgb, var(--accent) 38%, var(--line));box-shadow:0 40px 120px #0000002b,inset 0 0 0 1px #ffffff12}.spatial-frame>img{filter:saturate(1.08)contrast(1.06);transform:scale(1.018)}.spatial-frame:after{content:"";z-index:3;pointer-events:none;border-radius:inherit;background:linear-gradient(112deg,#0000 38%,#ffffff08 54%,#0000 68%),linear-gradient(#0000 60%,#06121726);border:1px solid #ffffff23;position:absolute;inset:0}.spatial-image-caption,.spatial-reticle{z-index:4}.spatial-image-caption{letter-spacing:.035em}.spatial-image-caption .mono{color:#98f2df}.spatial-heading .eyebrow{color:var(--accent)}.spatial-art-actions{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 20px;padding-block:20px 6px;display:flex}.spatial-art-actions>p{color:var(--muted);margin-right:auto}#matrix-toggle{border:1px solid var(--line);min-height:46px;font:12px var(--mono);background:var(--surface);color:var(--ink);border-radius:100px;align-items:center;gap:10px;padding:10px 18px;display:inline-flex}#matrix-toggle:focus-visible{outline-offset:3px}#matrix-toggle[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}#matrix-toggle:disabled{opacity:.7;cursor:not-allowed}.matrix-toggle-icon{font-size:19px;line-height:1}#matrix-status{width:100%;min-height:0;color:var(--muted)}.matrix-rain{z-index:2;pointer-events:none;background:linear-gradient(90deg,#020b0f30,#0000 55%);display:none;position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(#0000,#000 16% 86%,#0000)}.spatial-frame[data-matrix=on] .matrix-rain{display:block}.matrix-column{top:-160%;left:var(--matrix-x);font:16px/1.42 var(--mono);color:#8effb3;white-space:pre;writing-mode:vertical-rl;text-orientation:upright;opacity:.55;text-shadow:0 0 12px #33ef96b0;animation:matrix-fall var(--matrix-duration) linear var(--matrix-delay) infinite;animation-play-state:paused;position:absolute}.spatial-frame[data-matrix=on][data-matrix-visible=true] .matrix-column{animation-play-state:running}@keyframes matrix-fall{to{transform:translateY(250%)}}@media (width<=767px){.spatial-art-actions{align-items:flex-start}.spatial-art-actions>p{width:100%}#matrix-toggle{justify-content:center;width:100%}.matrix-column{font-size:12px}}@media (prefers-reduced-motion:reduce){.matrix-column{animation:none!important}.spatial-frame>img{transform:none}}.anatomy-section{padding-block:clamp(72px,9vw,136px)}.anatomy-heading{grid-template-columns:1fr 1fr;align-items:end;gap:30px 65px;margin-bottom:38px;display:grid}.anatomy-heading .eyebrow{color:var(--accent);margin-bottom:22px}.anatomy-heading h2{letter-spacing:-.06em;font-size:clamp(44px,6vw,92px);line-height:1.04}.anatomy-heading h2 span{color:var(--muted)}.anatomy-heading>p{color:var(--muted);justify-self:end;max-width:49ch;line-height:1.75}.anatomy-workbench{border:1px solid var(--line);background:var(--surface);border-radius:26px;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);display:grid;overflow:hidden}.anatomy-drawing{background:radial-gradient(#163440,#081720 74%);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:0;padding:clamp(16px,3vw,40px);display:flex}.anatomy-drawing svg{width:100%;height:auto;max-height:520px}.anatomy-drawing p{color:#afcbd5;max-width:58ch;font-size:10px}.anatomy-panel{border-left:1px solid var(--line);flex-direction:column;gap:18px;padding:clamp(25px,3vw,45px);display:flex}.anatomy-panel>.eyebrow{color:var(--accent)}.anatomy-panel h3{letter-spacing:-.04em;font-size:clamp(34px,3vw,50px)}.anatomy-panel>[data-anatomy-details]{color:var(--muted);min-height:80px;line-height:1.7}.anatomy-panel>.mono{color:var(--muted)}.anatomy-steps{gap:9px;display:grid}.anatomy-steps button{border:1px solid var(--line);color:var(--ink);text-align:left;min-height:44px;font:12px var(--mono);background:0 0;border-radius:10px;padding:13px 18px}.anatomy-steps button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--paper);font-weight:700}.anatomy-steps button:hover:not([aria-pressed=true]){border-color:var(--accent)}.anatomy-needle{transition:transform .4s cubic-bezier(.18,.8,.25,1)}@media (width<=850px){.anatomy-heading,.anatomy-workbench{grid-template-columns:1fr}.anatomy-heading>p{justify-self:start}.anatomy-panel{border-left:0;border-top:1px solid var(--line)}.anatomy-panel>[data-anatomy-details]{min-height:0}.anatomy-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=540px){.anatomy-drawing{padding:10px}.anatomy-workbench{border-radius:16px}.anatomy-steps{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.anatomy-needle{transition:none}}