.studio-visual{--diagram-surface:#eff4f1;--diagram-border:#cedbd3;--diagram-muted:#54665f}.studio-visual .studio-visual__hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:2rem}.studio-visual__hero h2{margin-bottom:0}.studio-visual__thesis p{max-width:27rem;color:#d3e0da}.studio-visual__nav{display:flex;flex-wrap:wrap;gap:.5rem 2rem;padding:1.3rem 0;border-bottom:1px solid var(--diagram-border)}.studio-visual__nav a{padding:.5rem 0;color:var(--studio-accent);font-size:.95rem;text-decoration:none}.studio-visual__nav a:hover{text-decoration:underline;text-underline-offset:.3em}.studio-map__scroll:focus-visible,.studio-visual a:focus-visible{outline:2px solid var(--studio-accent);outline-offset:5px}.studio-visual h3{margin:0;font-size:1.2rem;font-weight:600}.studio-path{padding:1.5rem;margin-top:1.4rem;border:1px solid var(--diagram-border);border-radius:.7rem}.studio-path--canvas{background:var(--diagram-surface)}.studio-path__label{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem 1.5rem;margin-bottom:1.5rem}.studio-path__label p{margin:0;color:var(--diagram-muted);font-size:.95rem}.studio-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;padding:0;margin:0;list-style:none}.studio-flow li{position:relative;min-width:0;padding:.8rem 0}.studio-flow li:not(:last-child):after{content:"→";position:absolute;right:-1.55rem;top:.8rem;color:var(--studio-accent);font-size:1.25rem}.studio-flow strong{display:block;font-size:1.05rem;font-weight:600}.studio-flow span{display:block;margin-top:.35rem;font-size:.9rem;line-height:1.6;color:var(--diagram-muted)}.studio-map{margin:1.6rem 0 0;padding:1rem;border-radius:.7rem;background:var(--diagram-surface)}.studio-map__scroll{overflow-x:auto}.studio-map svg{display:block;width:100%;min-width:920px;height:auto;font-family:inherit}.studio-map__links{color:var(--studio-accent)}.studio-map__node rect{fill:#fff;stroke:var(--diagram-border)}.studio-map__node text{fill:var(--diagram-muted);font-size:15px}.studio-map__node .studio-map__title{fill:var(--studio-ink);font-size:22px;font-weight:600}.studio-map__node .studio-map__type{fill:var(--studio-accent);font-size:15px}.studio-map__node--output rect{fill:var(--studio-ink);stroke:none}.studio-map__node--output .studio-map__title,.studio-map__node--output text{fill:#fff}.studio-map__node--output .studio-map__type{fill:#c4dcd1}.studio-map__edge-label{fill:var(--studio-accent);font-size:16px;text-anchor:middle}.studio-map figcaption{padding:.7rem .5rem .3rem;color:var(--diagram-muted);font-size:.9rem;line-height:1.6}.studio-management{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:1.5rem}.studio-management>div{padding-left:1rem;border-left:2px solid var(--diagram-border)}.studio-management span{display:block;color:var(--diagram-muted);font-size:.875rem;margin-bottom:.5rem}.studio-management strong{display:block;font-size:1.1rem;font-weight:600}.studio-management p{margin:.4rem 0 0;font-size:.95rem}.studio-state-map{padding:1.5rem 2rem 2rem;border:1px solid var(--diagram-border);border-radius:.7rem}.studio-state-map>.studio-flow{grid-template-columns:1fr;gap:1.3rem;max-width:28rem;margin-inline:auto;padding-bottom:1.5rem;text-align:center}.studio-state-map>.studio-flow li{padding:.8rem;border:1px solid var(--diagram-border);border-radius:.5rem}.studio-state-map>.studio-flow li:not(:last-child):after{content:"↓";left:calc(50% - .4rem);right:auto;top:auto;bottom:-1.5rem}.studio-state-map__branches{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;padding-top:2rem}.studio-state-map__branches:before{content:"";position:absolute;top:0;left:25%;width:50%;height:1.5rem;border:solid var(--diagram-border);border-width:1px 1px 0;border-radius:.5rem .5rem 0 0}.studio-state-map__branches:after{content:"";position:absolute;top:-1rem;left:50%;height:1rem;border-left:1px solid var(--diagram-border)}.studio-state{position:relative;padding:1.3rem;border-radius:.5rem;background:var(--diagram-surface)}.studio-state:before{content:"↓";position:absolute;left:calc(50% - .4rem);top:-1.5rem;color:var(--diagram-muted)}.studio-state--failure{background:#f5f1e9}.studio-state__tag{display:inline-block;margin-bottom:.8rem;font:600 .875rem var(--font-mono);color:#376859}.studio-state--failure .studio-state__tag{color:#85572c}.studio-state strong{display:block;font-size:1.1rem;font-weight:600}.studio-state p{margin:.5rem 0 0;color:var(--diagram-muted);font-size:.95rem}.studio-tradeoffs{display:grid;gap:0}.studio-tradeoffs article{display:grid;grid-template-columns:.7fr 1.1fr 1.1fr;align-items:baseline;gap:1.5rem;padding:1.6rem 0;border-top:1px solid var(--diagram-border)}.studio-tradeoffs p{margin:0;font-size:.95rem}.studio-tradeoffs p span{display:block;color:var(--studio-accent);font-size:.875rem;margin-bottom:.4rem}.studio-visual p.studio-visual__preview-note{margin:0 0 1.2rem;color:var(--diagram-muted);font-size:.9rem}@media (max-width:760px){.studio-visual .studio-visual__hero{grid-template-columns:1fr;gap:1.2rem}.studio-visual__nav{gap:.25rem 1.4rem}.studio-flow{grid-template-columns:1fr;gap:1.2rem}.studio-flow li{padding:0 0 0 1rem;border-left:2px solid var(--diagram-border)}.studio-flow li:not(:last-child):after{content:"↓";left:-.48rem;right:auto;top:auto;bottom:-1.35rem;font-size:1rem}.studio-map{padding:.5rem}.studio-management{grid-template-columns:1fr;gap:1.4rem}.studio-state-map{padding:1.2rem}.studio-state-map>.studio-flow{grid-template-columns:1fr;text-align:left}.studio-state-map__branches{grid-template-columns:1fr;gap:1rem;padding-top:1.4rem;border-top:1px solid var(--diagram-border)}.studio-state-map__branches:after,.studio-state-map__branches:before,.studio-state:before{display:none}.studio-tradeoffs article{grid-template-columns:1fr;gap:.7rem}.studio-tradeoffs p span{display:inline;margin-right:.8rem}}.studio-visual.workbench-case{--studio-ink:#252039;--studio-accent:#645099;--diagram-surface:#f3f0f8;--diagram-border:#ded7eb;--diagram-muted:#665f73}.workbench-case .studio-case__hero{background:#252039}.workbench-case .studio-visual__thesis p{color:#e1daee}.workbench-case .studio-case__hero .studio-case__eyebrow{color:#c7b9e0}.workbench-board{overflow-x:auto;margin-top:1.6rem;border:1px solid var(--diagram-border);border-radius:.7rem}.workbench-board:focus-visible{outline:2px solid var(--studio-accent);outline-offset:4px}.workbench-board table{width:100%;min-width:580px;border-collapse:collapse;font-size:.95rem}.workbench-board td,.workbench-board th{padding:1rem;text-align:left;border-bottom:1px solid var(--diagram-border);border-right:1px solid var(--diagram-border)}.workbench-board th{font-weight:600;background:var(--diagram-surface)}.workbench-board td{width:29%}.workbench-board tr:last-child>*{border-bottom:0}.workbench-board tr>:last-child{border-right:0}.workbench-board img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover;border-radius:.25rem}.studio-cover.workbench-cover{background:#242031}.studio-cover.workbench-cover img{top:8%;height:70%;object-fit:cover;object-position:top}@media (max-width:760px){.studio-cover.workbench-cover img{top:12%;height:57%}}.detail-panel.detail-panel--vibe{display:block;background:#fff;color:#172334;color-scheme:light}.vibe-case{--vc-blue:#356cbb;--vc-ink:#172334;--vc-muted:#53657a;--vc-line:#dce8f3;padding:clamp(1.2rem,4vw,4rem);user-select:text}.vibe-case :focus-visible{outline:2px solid #356cbb;outline-offset:5px}.vibe-intro{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:1rem 2rem 3rem 0}.vibe-case .vibe-label{margin:0 0 1.4rem;font:600 .8rem/1.5 var(--font-mono);letter-spacing:.04em;color:var(--vc-muted)}.vibe-intro h1{margin:0;font:500 clamp(3rem,6.5vw,6.5rem)/1 var(--font-display);letter-spacing:-.07em}.vibe-intro__summary{border-left:1px solid var(--vc-line);padding-left:2.5rem}.vibe-intro h2{font-size:1.3rem;font-weight:500;margin:0 0 .8rem}.vibe-intro p:not(.vibe-label){margin:0;font-size:1rem;line-height:1.9;color:var(--vc-muted);max-width:32rem}.vibe-app{padding:clamp(1.4rem,3vw,3rem);border-radius:.8rem;background:#edf5fc;margin-bottom:2rem}.vibe-app--sixyao{background:#edf0f2;--vc-blue:#20252a;--vc-line:#cdd3d8}.vibe-app__main{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:clamp(2rem,4vw,4rem);align-items:center}.vibe-app__copy h2{margin:0;font-size:clamp(2.5rem,4vw,4rem);line-height:1.2;font-weight:600;letter-spacing:-.045em;color:var(--vc-blue)}.vibe-app--sixyao .vibe-app__copy h2{font-family:Songti SC,SimSun,serif}.vibe-caption{margin:1rem 0 1.4rem;font-size:1.15rem;line-height:1.7}.vibe-description{font-size:1rem;line-height:1.9;color:var(--vc-muted);margin:0}.vibe-flow{display:flex;flex-wrap:wrap;gap:.7rem .5rem;list-style:none;padding:0;margin:1.8rem 0;font-size:.875rem;line-height:1.6;color:var(--vc-blue)}.vibe-flow li{display:flex;align-items:center;gap:.5rem}.vibe-flow li span{border-bottom:2px solid var(--vc-line);padding:.35rem 0}.vibe-flow b{font-weight:400}.vibe-features{margin:0 0 2rem}.vibe-features>div{display:grid;grid-template-columns:4rem 1fr;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--vc-line);font-size:.875rem;line-height:1.8}.vibe-features dt{font-weight:600}.vibe-features dd{margin:0;color:var(--vc-muted)}.vibe-open{display:inline-flex;gap:1.5rem;align-items:center;min-height:44px;color:var(--vc-blue);font-size:.875rem;border-bottom:1px solid}.vibe-devices{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(1rem,2vw,2rem);align-items:center}.vibe-device{width:100%;max-width:375px;aspect-ratio:375/812;overflow:hidden;position:relative;border:1px solid var(--vc-line);border-radius:.65rem;background:#fff}.vibe-device img{display:block;width:100%;height:100%;object-fit:contain;border:0}.vibe-demo-host{position:absolute;inset:0;overflow:hidden}.vibe-demo-host iframe{display:block;width:375px;height:812px;max-width:none;border:0;transform-origin:top left}.vibe-play{position:absolute;inset:auto 7% 5%;display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;min-height:48px;background:var(--vc-blue);color:#fff;border:1px solid #fff;border-radius:.45rem;font-size:1rem;font-weight:600;cursor:pointer}.vibe-result{margin:0}.vibe-result img{display:block;width:100%;height:auto;border:1px solid var(--vc-line);border-radius:.5rem}.vibe-device-caption,.vibe-result figcaption{font-size:.8rem;line-height:1.6;margin-top:.8rem;color:var(--vc-muted)}.vibe-device-caption{display:flex;flex-wrap:wrap;gap:.4rem 1rem;justify-content:space-between}.vibe-device-caption button{text-decoration:underline;min-height:32px;cursor:pointer}.vibe-screens{border-top:1px solid var(--vc-line);margin-top:2.5rem;padding-top:1rem}.vibe-screens summary{cursor:pointer;min-height:44px;padding-block:.6rem;font-size:1rem}.vibe-screens summary span{font:400 .8rem/1.5 var(--font-mono);color:var(--vc-muted);margin-left:1rem}.vibe-screen-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.25rem;margin-top:1.5rem}.vibe-screen-grid figure{margin:0;min-width:0}.vibe-screen-grid img{display:block;width:100%;height:auto;border-radius:.35rem;border:1px solid var(--vc-line)}.vibe-screen-grid figcaption{font-size:.875rem;line-height:1.6;margin-top:.7rem}.vibe-footnote{font-size:.8rem;line-height:1.8;color:var(--vc-muted);margin:1rem 0 0}.vibe-cover{position:absolute;inset:0;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;gap:5%;padding:6% 10% 0;background:#21364d}.vibe-cover img{height:86%;width:auto;max-width:42%;object-fit:contain;object-position:top;border-radius:.5rem;pointer-events:none}@media (max-width:1100px){.vibe-app__main{grid-template-columns:1fr}.vibe-app__copy{max-width:44rem}.vibe-devices{max-width:680px;width:100%;margin:auto}}@media (max-width:650px){.vibe-case{padding:4rem 1rem 2rem}.vibe-intro{grid-template-columns:1fr;gap:1.5rem;padding:0 0 2rem}.vibe-intro__summary{border-left:0;padding-left:0}.vibe-intro h1{font-size:clamp(2.8rem,12vw,4rem)}.vibe-app{padding:1.25rem}.vibe-devices{grid-template-columns:minmax(0,1fr);max-width:375px}.vibe-result{display:none}.vibe-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem .8rem}.vibe-screens summary span{display:block;margin:.4rem 0 0}}.detail-panel.detail-panel--visual{display:block;background:#f2f3f5;color:#22272d;color-scheme:light}.visual-gallery{--vg-paper:#f2f3f5;--vg-ink:#22272d;--vg-muted:#626b76;--vg-line:#d6dbe0;--vg-accent:#425c74;--vg-ease:cubic-bezier(.2,.7,.2,1);padding:clamp(1.5rem,3vw,3rem);user-select:text}.visual-gallery button{cursor:pointer}.visual-gallery button:focus-visible{outline:2px solid var(--vg-accent);outline-offset:5px}.visual-gallery__header{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;padding:.5rem 2.5rem 1.8rem 0}.visual-gallery__eyebrow{margin:0 0 1.7rem;font:600 .7rem var(--font-mono);letter-spacing:.07em;color:var(--vg-muted)}.visual-gallery__header h1{margin:0;font:500 clamp(3.5rem,5vw,5.5rem)/.92 var(--font-display);letter-spacing:-.07em}.visual-gallery__header h1 span{color:#687c8b}.visual-gallery__header h1 em{display:inline-block;margin-left:1.5rem;font:400 1rem var(--font-body);letter-spacing:.12em;vertical-align:middle}.visual-gallery__intro{max-width:23rem}.visual-gallery__intro p{font-size:1rem;line-height:1.9;margin:0}.visual-gallery__intro .visual-gallery__hint{margin-top:1.2rem;font-size:.8rem;color:var(--vg-muted)}.visual-gallery__filters{display:flex;flex-wrap:wrap;gap:.5rem 1.8rem;padding:1rem 0;border-block:1px solid var(--vg-line)}.visual-gallery__filters button{padding:.6rem .2rem;font-size:.9rem;color:var(--vg-muted);border-bottom:2px solid transparent}.visual-gallery__filters button[aria-pressed=true]{color:var(--vg-ink);border-bottom-color:var(--vg-ink)}.visual-gallery__filters button span{margin-left:.5rem;font:.65rem var(--font-mono);vertical-align:super}.visual-albums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(1.2rem,2.5vw,2.8rem);row-gap:2rem;padding:2.5rem 0 1rem;align-items:start}.visual-album{min-width:0;scroll-margin-block:1.5rem;border-radius:.3rem}.visual-album__heading{margin:0;font:inherit}.visual-album__trigger{width:100%;padding:0;display:block;text-align:left;perspective:1200px}.visual-stack{display:block;position:relative;aspect-ratio:1.4;width:100%;isolation:isolate;perspective:900px}.visual-stack:before{content:"";position:absolute;inset:22% 12% 4%;background:var(--album-tint);opacity:.22;filter:blur(20px);transition:opacity .28s ease}.visual-stack__sheet{position:absolute;inset:5% 9% 8%;padding:.45rem;background:#fff;box-shadow:0 2px 4px #22272d12,0 14px 24px #22272d18;transform-origin:center 85%;transition:transform .44s var(--vg-ease),box-shadow .44s var(--vg-ease);backface-visibility:hidden}.visual-stack__sheet--1{transform:translate(-3%,-1%) rotate(-7deg);background:var(--album-tint)}.visual-stack__sheet--2{transform:translate(3%,1%) rotate(5deg)}.visual-stack__sheet--3{transform:rotate(-1deg)}.visual-stack__sheet img{width:100%;height:100%;display:block;object-fit:contain;background:#e9ecef;pointer-events:none}@media (hover:hover){.visual-album__trigger:hover .visual-stack__sheet--1{transform:translate(-5%,-5%) rotate(-11deg)}.visual-album__trigger:hover .visual-stack__sheet--2{transform:translate(5%,-3%) rotate(9deg)}.visual-album__trigger:hover .visual-stack__sheet--3{transform:translateY(-5%) rotateX(5deg);box-shadow:0 18px 30px #22272d26}.visual-album__trigger:hover .visual-stack:before{opacity:.5}}.visual-album__label{display:block;padding:1rem .2rem}.visual-album__kicker{display:flex;justify-content:space-between;font:.7rem var(--font-mono);color:var(--vg-muted)}.visual-album__title{display:block;font-size:clamp(1.3rem,1.8vw,1.8rem);font-weight:500;margin:.8rem 0 .45rem;letter-spacing:-.035em}.visual-album__style{display:block;color:var(--vg-muted);font-size:.8rem;line-height:1.6}.visual-album__action{display:flex;justify-content:space-between;align-items:center;padding:1rem 0 .6rem;margin-top:.8rem;border-top:1px solid var(--vg-line);font-size:.78rem}.visual-album__action>span{font-size:1.4rem;line-height:1}.visual-album__fold{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .28s cubic-bezier(.4,0,1,1),visibility 0s .28s}.visual-album__clip{min-height:0;overflow:hidden}.visual-album__content{transform-origin:top center;transform:perspective(1200px) rotateX(-8deg) translateY(-12px);opacity:0;transition:transform .28s cubic-bezier(.4,0,1,1),opacity .2s ease}.visual-album.is-expanded{grid-column:1/-1;padding:1rem clamp(1rem,2vw,2rem) 0;background:#fff;box-shadow:0 12px 35px #22272d0a}.visual-album.is-expanded .visual-album__trigger{display:grid;grid-template-columns:minmax(180px,30%) 1fr;align-items:center;gap:clamp(1rem,4vw,4rem)}.visual-album.is-expanded .visual-stack{max-width:22rem}.visual-album.is-expanded .visual-stack__sheet--3{transform:rotate(0) translateY(-3%)}.visual-album.is-expanded .visual-album__title{font-size:clamp(1.7rem,3vw,2.8rem)}.visual-album.is-expanded .visual-album__fold{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .44s var(--vg-ease)}.visual-album.is-expanded .visual-album__content{transform:perspective(1200px) rotateX(0) translateY(0);opacity:1;transition:transform .44s var(--vg-ease),opacity .28s ease;animation:visual-fold-open .44s var(--vg-ease) both}.visual-album__info{display:grid;grid-template-columns:1fr 1.1fr;gap:2rem;padding:1.8rem 0 2rem;border-top:1px solid var(--vg-line)}.visual-album__info p{font-size:1rem;line-height:1.9;margin:0;max-width:33rem}.visual-album__info dl{margin:0;display:grid;gap:.8rem;font-size:.8rem;line-height:1.7}.visual-album__info dl>div{display:grid;grid-template-columns:4.5rem 1fr;gap:.7rem}.visual-album__info dt{color:var(--vg-muted)}.visual-album__info dd{margin:0}.visual-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem 1.1rem;align-items:start}.visual-images figure{min-width:0;margin:0}.visual-images button{display:block;width:100%;position:relative;padding:0;overflow:hidden;background:#eef0f2}.visual-images img{display:block;width:100%;height:auto}.visual-images__enlarge{position:absolute;right:.6rem;bottom:.6rem;width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;color:#22272d;background:#ffffffeb}.visual-images figcaption{display:flex;justify-content:space-between;gap:1rem;margin-top:.65rem;font-size:.7rem;line-height:1.5;color:var(--vg-muted)}.visual-album__collapse{display:block;width:100%;padding:1.5rem;font-size:.85rem}.visual-album__collapse,.visual-gallery__footer{border-top:1px solid var(--vg-line);margin-top:2rem}.visual-gallery__footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:1.5rem;color:var(--vg-muted);font-size:.7rem}.visual-gallery__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.visual-lightbox{position:fixed;inset:0;width:min(96vw,1600px);height:94dvh;max-width:96vw;max-height:94dvh;padding:0;margin:auto;border:1px solid #ffffff26;border-radius:.7rem;background:#171b20;color:#f5f7fa;overflow:hidden}.visual-lightbox::backdrop{background:#080c12e8}.visual-lightbox[open]{animation:visual-lightbox-in .3s var(--vg-ease)}.visual-lightbox__layout{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.visual-lightbox__bottom,.visual-lightbox__top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem}.visual-lightbox__top strong{font-weight:500;font-size:1rem}.visual-lightbox__top span{margin-left:1rem;color:#aab5c1;font-size:.8rem}.visual-lightbox__top button{width:2.7rem;height:2.7rem;font-size:1.8rem}.visual-lightbox__stage{min-height:0;padding:0 1rem;display:flex;align-items:center;justify-content:center}.visual-lightbox__stage img{width:100%;height:100%;object-fit:contain}.visual-lightbox__bottom{border-top:1px solid #ffffff20;margin-top:.8rem}.visual-lightbox__bottom button{padding:.5rem .2rem;min-height:44px;font-size:.9rem}.visual-lightbox__bottom span{font:.8rem var(--font-mono);color:#aab5c1}.visual-lightbox button:focus-visible{outline-color:#c4d8ed}.visual-cover{width:100%;height:100%;overflow:hidden;background:#273d49}.visual-cover img{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}@keyframes visual-fold-open{0%{opacity:.2;transform:perspective(1200px) rotateX(-9deg) translateY(-12px)}to{opacity:1;transform:perspective(1200px) rotateX(0) translateY(0)}}@keyframes visual-lightbox-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1100px){.visual-albums{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-gallery__header{align-items:flex-start;flex-direction:column}}@media (max-width:600px){.visual-gallery{padding:2rem 1.15rem 5rem}.visual-gallery__header{padding-right:2rem;padding-bottom:1.5rem;gap:1.5rem}.visual-gallery__header h1{font-size:clamp(2.8rem,11vw,4rem)}.visual-gallery__header h1 em{font-size:.8rem;margin-left:.8rem}.visual-gallery__filters{gap:.2rem 1rem}.visual-albums{grid-template-columns:1fr;padding-top:1.8rem}.visual-stack{max-width:26rem;margin-inline:auto}.visual-album.is-expanded{padding:.7rem .8rem 0}.visual-album.is-expanded .visual-album__trigger{grid-template-columns:1fr;gap:0}.visual-album.is-expanded .visual-stack{max-width:18rem}.visual-album__info{gap:1rem;padding-block:1.2rem}.visual-album__info,.visual-images{grid-template-columns:1fr}.visual-lightbox__bottom,.visual-lightbox__top{padding:.5rem .8rem}.visual-lightbox__top span{display:block;margin:.3rem 0 0}}@media (prefers-reduced-motion:reduce){.visual-gallery *,.visual-gallery :after,.visual-gallery :before{animation:none!important;transition:none!important}}.detail-panel.detail-panel--motion{display:block;background:#eef2f4;color:#232c35;color-scheme:light}.motion-gallery{--vg-paper:#eef2f4;--vg-ink:#232c35;--vg-muted:#586c7b;--vg-line:#d0d9df;--vg-accent:#486678}.motion-gallery .visual-gallery__header h1 span{color:#648092}.motion-stack .visual-stack__sheet{background:#27333d;padding:.4rem;border-radius:.2rem;border:1px solid #f3f6f8}.motion-stack .visual-stack__sheet--1{background:var(--album-tint)}.motion-stack .visual-stack__sheet img{background:#27333d}.motion-stack__play{position:absolute;bottom:1rem;right:1rem;display:flex;align-items:center;gap:.6rem;padding:.35rem .55rem;background:#111b25d9;color:#fff;border-radius:.2rem;font-size:.7rem}.motion-stack__play span{font-family:var(--font-mono)}.motion-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem 1.5rem;border-block:1px solid var(--vg-line);padding-block:.6rem}.motion-toolbar .visual-gallery__filters{border:0;padding:0;gap:.4rem 1.3rem}.motion-search{display:flex;align-items:center;gap:.7rem;font-size:.75rem;color:var(--vg-muted)}.motion-search input{width:10rem;padding:.55rem .7rem;border:1px solid var(--vg-line);border-radius:.3rem;color:var(--vg-ink);background:#ffffff80;font:inherit}.motion-search input:focus-visible{outline:2px solid var(--vg-accent);outline-offset:2px}.motion-album .visual-album__info .motion-notice{margin-top:.9rem;color:#765343;font-size:.78rem}.motion-screen{background:#1c242b;border-radius:.4rem;overflow:hidden;color:#edf2f6}.motion-screen--playlist{display:grid;grid-template-columns:minmax(0,1fr) 17rem}.motion-screen__main{min-width:0}.motion-screen video{display:block;width:100%;height:min(66svh,640px);object-fit:contain;background:#11181e}.motion-screen video:focus-visible{outline:2px solid #b9d5e8;outline-offset:-2px}.motion-screen__caption{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;font-size:.85rem}.motion-screen__caption strong{font-weight:500}.motion-screen__caption span{color:#b1c3cf;font:.75rem var(--font-mono);white-space:nowrap}.motion-playlist{min-height:0;max-height:calc(min(66svh, 640px) + 3.3rem);overflow-y:auto;overscroll-behavior:contain;border-left:1px solid #35434f}.motion-playlist button{display:grid;grid-template-columns:4rem minmax(0,1fr) 1rem;align-items:center;gap:.7rem;width:100%;padding:.85rem .7rem;border-bottom:1px solid #35434f;text-align:left}.motion-playlist button[aria-current=true]{background:#374d5c}.motion-playlist button:hover{background:#30414d}.motion-playlist button:focus-visible{outline-color:#bfd9ec;outline-offset:-3px}.motion-playlist img{width:4rem;height:3.5rem;object-fit:contain;background:#11181e}.motion-playlist strong{display:block;font-size:.8rem;font-weight:500;line-height:1.5}.motion-playlist small{display:block;font:.7rem var(--font-mono);color:#b1c3cf;margin-top:.35rem}.motion-playlist button>span:last-child{font-size:.65rem;color:#c3d6e4}.motion-error{padding:1rem;font-size:.9rem}.motion-error a{text-decoration:underline}.motion-empty{padding:4rem 1rem;text-align:center;color:var(--vg-muted)}.motion-empty button{padding:.8rem 1.2rem;border:1px solid var(--vg-line);border-radius:.3rem}.motion-cover{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;height:100%;background:#24313a}.motion-cover img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}@media (max-width:900px){.motion-screen--playlist{grid-template-columns:1fr}.motion-playlist{border-left:0;border-top:1px solid #35434f;max-height:16rem}}@media (max-width:600px){.motion-search{width:100%;justify-content:space-between}.motion-search input{width:70%}.motion-screen video{height:min(60svh,520px)}.motion-screen__caption{padding:.8rem;flex-wrap:wrap;gap:.5rem}}.detail-panel.detail-panel--spatial{display:block;background:#fff;color:#202a2e;color-scheme:light}.spatial-case{--sp-ink:#202a2e;--sp-muted:#657078;--sp-line:#d8dfe2;--sp-tint:#edf2f5;--sp-accent:#445f72;padding:clamp(1.4rem,4vw,4rem);user-select:text}.spatial-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);padding:1rem 2rem 2.7rem 0}.spatial-intro__title{padding-right:clamp(1rem,3vw,3rem);border-right:1px solid var(--sp-line)}.spatial-case .spatial-eyebrow{margin:0 0 1.3rem;color:var(--sp-accent);font:600 .78rem/1.6 var(--font-mono);letter-spacing:.025em}.spatial-intro h1{margin:0;font:500 clamp(2.8rem,5.5vw,6rem)/1.02 var(--font-display);letter-spacing:-.065em;overflow-wrap:anywhere}.spatial-intro h2{margin:1.2rem 0 1.7rem;font-size:clamp(1.1rem,1.5vw,1.35rem);font-weight:400;line-height:1.5}.spatial-summary{max-width:36rem;margin:0;font-size:1rem;line-height:1.95;color:#49565d}.spatial-case .spatial-rights{margin:1.5rem 0 0;padding:.9rem 1rem;border-left:2px solid #8297a5;background:var(--sp-tint);color:#4a5c68;font-size:.875rem;line-height:1.8}.spatial-intro__facts{align-self:center;min-width:0}.spatial-intro dl{margin:0;display:grid;gap:.9rem}.spatial-intro dl>div{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.8rem;font-size:.875rem;line-height:1.7}.spatial-intro dt{color:var(--sp-muted)}.spatial-intro dd{margin:0}.spatial-scope{margin-top:2rem;padding-top:1.3rem;border-top:1px solid var(--sp-line)}.spatial-scope h3{font-size:.875rem;font-weight:400;color:var(--sp-muted);margin:0 0 .7rem}.spatial-scope ul{list-style:none;margin:0;padding:0;font-size:.875rem;line-height:1.9}.spatial-scope li:before{content:"—";margin-right:.6rem;color:#8ca0ad}.spatial-image{margin:0;min-width:0}.spatial-image img{display:block;width:100%;height:auto;border-radius:.35rem;background:#f2f4f6}.spatial-image figcaption{padding:.7rem 0 .1rem;font-size:.8rem;line-height:1.65;color:var(--sp-muted)}.spatial-hero{margin-bottom:3rem}.spatial-hero img{max-height:76svh;object-fit:contain;background:#f2f4f6}.spatial-path{padding:clamp(1.4rem,3vw,3rem);background:var(--sp-tint);border-radius:.5rem}.spatial-path h2{margin:0;max-width:40rem;font-weight:400;font-size:clamp(1.45rem,2.4vw,2.3rem);line-height:1.5;letter-spacing:-.03em}.spatial-path ol{list-style:none;padding:0;margin:2rem 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.7rem}.spatial-path li{position:relative;padding-top:1rem;border-top:1px solid #b9c8d2}.spatial-step{font:.8rem var(--font-mono);color:var(--sp-accent)}.spatial-path h3{font-size:1.1rem;font-weight:500;margin:.7rem 0}.spatial-path li p{margin:0;font-size:1rem;line-height:1.8;color:#495e6a}.spatial-path__arrow{position:absolute;top:2rem;right:-2rem;font-size:1.3rem;color:var(--sp-accent)}.spatial-chapter{display:grid;grid-template-columns:minmax(14rem,.7fr) minmax(0,1.8fr);gap:clamp(1.5rem,4vw,4rem);padding-block:3.5rem;border-bottom:1px solid var(--sp-line);align-items:start}.spatial-chapter__intro h2{margin:0 0 1.1rem;font-size:clamp(1.4rem,2.5vw,2.2rem);font-weight:400;line-height:1.4;letter-spacing:-.035em}.spatial-chapter__intro>p:not(.spatial-eyebrow){font-size:1rem;line-height:1.9;color:#4c5a62;margin:0}.spatial-tags{list-style:none;display:flex;gap:.5rem;flex-wrap:wrap;padding:0;margin:1.3rem 0 0}.spatial-tags li{padding:.35rem .65rem;font-size:.8rem;line-height:1.5;background:var(--sp-tint);border-radius:.3rem;color:var(--sp-accent)}.spatial-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem;align-items:start}.spatial-chapter__media{min-width:0}.spatial-archive{margin-top:1.5rem;border-block:1px solid var(--sp-line)}.spatial-archive summary{padding:1.2rem 0;cursor:pointer;font-size:.9rem;line-height:1.6}.spatial-archive summary>span{margin-left:.7rem;color:var(--sp-muted);font-size:.8rem}.spatial-archive__action{float:right}.spatial-archive summary:focus-visible{outline:2px solid var(--sp-accent);outline-offset:3px}.spatial-archive .spatial-image-grid{padding:.8rem 0 1.5rem}.spatial-footer{padding-top:1.8rem;color:var(--sp-muted);font-size:.8rem;line-height:1.8}.spatial-footer p{margin:.5rem 0 0}.spatial-cover{width:100%;height:100%;overflow:hidden;background:#293d46}.spatial-cover img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}@media (max-width:1000px){.spatial-intro{grid-template-columns:1fr;gap:1.8rem}.spatial-intro__title{border-right:0;padding-right:0}.spatial-intro__facts{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.spatial-scope{margin-top:0;padding-top:0;border:0}.spatial-chapter{grid-template-columns:1fr;gap:1.7rem}.spatial-chapter__intro{max-width:42rem}}@media (max-width:600px){.spatial-case{padding:3.7rem 1.2rem 2rem}.spatial-intro{padding-right:0;padding-bottom:1.8rem}.spatial-intro h1{font-size:clamp(2.6rem,11vw,4rem)}.spatial-intro__facts{grid-template-columns:1fr;gap:1.4rem}.spatial-path ol{grid-template-columns:1fr;gap:1.8rem}.spatial-path__arrow{top:auto;bottom:-1.7rem;right:.3rem;transform:rotate(90deg)}.spatial-image-grid{grid-template-columns:1fr}.spatial-chapter{padding-block:2.5rem}}