@charset "UTF-8";
:root{--paper:#f4f0e7;--paper2:#e8e2d5;--ink:#171a17;--muted:#656b65;--rule:#c8c8be;--green:#2e6255;--green2:#9fb9aa;--pad:clamp(22px,4.4vw,74px);--wide:1480px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper);color-scheme:light}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Instrument Sans","Arial",sans-serif;letter-spacing:-.025em}a{color:inherit;text-decoration:none}::selection{background:#c8ded2}.site-header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:0 var(--pad);border-bottom:1px solid color-mix(in srgb,var(--ink) 14%,transparent);background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(14px)}.wordmark{font-size:13px;font-weight:800;letter-spacing:.17em}.site-header nav{display:flex;gap:34px;font-size:12px}.site-header nav a,.header-action{opacity:.66}.site-header a:hover{opacity:1}.header-action{justify-self:end;font-size:12px}.section{padding:clamp(96px,13vw,190px) var(--pad);border-top:1px solid var(--rule)}.hero{min-height:calc(100svh - 76px);padding:clamp(54px,7vh,96px) var(--pad) 38px;display:flex;flex-direction:column;position:relative;overflow:hidden}.hero-meta{display:flex;justify-content:space-between;font:11px/1.2 ui-monospace,monospace;letter-spacing:.12em;color:var(--muted)}.hero h1{font-size:clamp(60px,10.4vw,178px);line-height:.84;letter-spacing:-.072em;font-weight:620;margin:9vh 0 0;max-width:9.6ch}.hero h1 em,.closing h2 em,.method-title h2 em{font-family:Georgia,serif;font-weight:400}.hero-bottom{margin-top:auto;display:grid;grid-template-columns:minmax(260px,620px) 106px;justify-content:space-between;align-items:end;gap:42px;position:relative;z-index:2}.hero-bottom>p{font-size:clamp(18px,1.7vw,27px);line-height:1.36;max-width:39ch;margin:0}.disc{width:100px;height:100px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;position:relative;transition:.35s cubic-bezier(.16,1,.3,1)}.disc span{font-size:10px}.disc b{position:absolute;bottom:14px;font-weight:400}.disc:hover{background:var(--ink);color:var(--paper);transform:rotate(6deg)}.hero-index{position:absolute;right:-4vw;top:19%;width:min(36vw,600px);height:56%;opacity:.72}.hero-index span{position:absolute;font:10px ui-monospace,monospace;letter-spacing:.12em;color:var(--muted);padding:7px 9px;border-top:1px solid var(--rule)}.section-kicker{display:grid;grid-template-columns:70px 1fr;align-items:center;margin-bottom:70px;color:var(--muted);font:11px ui-monospace,monospace;letter-spacing:.12em}.section-kicker p{margin:0}.work-head,.systems-head{display:grid;grid-template-columns:1.4fr .6fr;gap:7vw;align-items:end;margin-bottom:90px}.work-head h2,.systems-head h2,.proof-title h2{font-size:clamp(54px,8vw,128px);line-height:.86;letter-spacing:-.067em;margin:0;font-weight:610}.work-head p,.systems-head p{font-size:16px;line-height:1.55;color:var(--muted);max-width:42ch;margin:0}.work-layout{display:grid;grid-template-columns:minmax(290px,.74fr) minmax(480px,1.5fr);gap:clamp(28px,5vw,84px);align-items:start}.work-list{border-top:1px solid var(--ink)}.work-button{width:100%;border:0;border-bottom:1px solid var(--rule);background:none;color:inherit;text-align:left;padding:18px 0;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;cursor:pointer}.work-button .code{font:10px ui-monospace,monospace;color:var(--muted)}.work-button .name{font-size:clamp(17px,1.4vw,22px);font-weight:620}.work-button .state{font:9px ui-monospace,monospace;letter-spacing:.08em;color:var(--muted)}.work-button:hover .name,.work-button[aria-pressed=true] .name{color:var(--green)}.work-button[aria-pressed=true]{padding-left:12px}.work-stage{position:sticky;top:105px;min-height:min(78vh,850px);border:1px solid var(--ink);background:#d6e1d8;display:grid;grid-template-rows:auto minmax(260px,1fr) auto;overflow:hidden}.stage-top{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid color-mix(in srgb,var(--ink) 35%,transparent);font:10px ui-monospace,monospace;letter-spacing:.1em}.artifact{position:relative;min-height:330px;overflow:hidden;isolation:isolate;perspective:900px}.artifact strong{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(80px,14vw,220px);letter-spacing:-.1em;z-index:2}.artifact i{position:absolute;display:block;transition:transform .8s cubic-bezier(.16,1,.3,1)}.work-stage:hover .artifact i:first-child{transform:translate3d(4%,-3%,0) rotate(8deg)}.work-stage:hover .artifact i:nth-child(2){transform:translate3d(-4%,4%,0) rotate(-8deg)}.work-stage[data-art=build]{background:#ff735b}.work-stage[data-art=build] .artifact i:first-child{width:54%;height:52%;right:8%;top:10%;background:#f6e3bd;border:1px solid #181a17;transform:rotate(-5deg)}.work-stage[data-art=build] .artifact i:nth-child(2){width:36%;height:28%;left:10%;bottom:13%;background:#171a17}.work-stage[data-art=matter]{background:#c7d9af}.work-stage[data-art=matter] .artifact i:first-child{width:54%;aspect-ratio:1;border-radius:50%;left:12%;top:8%;background:#f3ead6;border:1px solid #182218}.work-stage[data-art=matter] .artifact i:nth-child(2){width:44%;aspect-ratio:1;border-radius:50%;right:8%;bottom:-8%;background:#55725c;mix-blend-mode:multiply}.work-stage[data-art=play]{background:#6ea9ff}.work-stage[data-art=play] .artifact i:first-child{width:58%;height:58%;left:7%;top:12%;background:#ffcd3a;clip-path:polygon(0 12%,86% 0,100% 82%,12% 100%)}.work-stage[data-art=play] .artifact i:nth-child(2){width:44%;height:42%;right:4%;bottom:4%;background:#ff5c9a;clip-path:circle(48%)}.work-stage[data-art=evidence]{background:#ddd7cc}.work-stage[data-art=evidence] .artifact i:first-child{width:60%;height:64%;left:19%;top:9%;background:#faf8f2;border:1px solid #52564f;box-shadow:18px 18px 0 #b7bab0}.work-stage[data-art=lineage]{background:#c5d7d0}.work-stage[data-art=lineage] .artifact i:first-child{width:65%;height:1px;left:12%;top:36%;background:#173d33;box-shadow:70px 80px 0 #173d33,-30px 150px 0 #173d33}.work-stage[data-art=lineage] .artifact i:nth-child(2){width:20px;height:20px;border-radius:50%;left:24%;top:33%;background:#173d33;box-shadow:170px 85px 0 #173d33,310px 10px 0 #173d33}.work-stage[data-art=reuse]{background:#d7c3a1}.work-stage[data-art=repair]{background:#85aef2}.work-stage[data-art=qualify]{background:#e7db58}.work-stage[data-art=wardrobe]{background:#d8c6df}.stage-copy{padding:clamp(22px,3vw,42px);border-top:1px solid color-mix(in srgb,var(--ink) 30%,transparent);display:grid;grid-template-columns:.45fr 1.55fr;gap:18px 28px}.stage-type{font:10px ui-monospace,monospace;letter-spacing:.1em}.stage-copy h3{font-size:clamp(44px,6vw,96px);line-height:.86;letter-spacing:-.065em;margin:0}.stage-hook{grid-column:2;font:italic clamp(20px,2vw,30px)/1.2 Georgia,serif;margin:3px 0}.stage-summary{grid-column:2;max-width:45ch;line-height:1.5;margin:0}.stage-facts{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid color-mix(in srgb,var(--ink) 28%,transparent);padding-top:16px}.stage-facts p{margin:0}.stage-facts b{display:block;font:9px ui-monospace,monospace;letter-spacing:.1em;margin-bottom:7px}.stage-facts span{font-size:12px;line-height:1.45}.stage-link{grid-column:2;width:max-content;border-bottom:1px solid currentColor;padding-bottom:3px;font-size:12px;font-weight:700}.systems{background:var(--ink);color:var(--paper)}.systems .section-kicker,.systems-head p{color:#aeb4ad}.systems .section-kicker{border-color:#485048}.system-list{border-top:1px solid #4b514b}.system-row{display:grid;grid-template-columns:52px minmax(180px,.55fr) 1fr 1fr;gap:24px;padding:22px 0;border-bottom:1px solid #3e443e;align-items:start}.system-row code{color:#889087;font-size:10px}.system-row h3{font-size:clamp(20px,2vw,32px);margin:0}.system-row p{margin:0;font-size:13px;line-height:1.5;color:#c3c7c1}.system-row .caution{color:#858d85}.method{background:var(--paper2)}.method-title span,.proof-title>span{font:10px ui-monospace,monospace;letter-spacing:.12em;color:var(--muted)}.method-title h2{font-size:clamp(50px,7.2vw,116px);line-height:.88;letter-spacing:-.064em;margin:26px 0 80px;font-weight:600}.method-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.method-steps article{min-height:280px;padding:24px 22px 26px 0;border-right:1px solid var(--rule);display:flex;flex-direction:column}.method-steps article:not(:first-child){padding-left:22px}.method-steps article:last-child{border-right:0}.method-steps b{font:10px ui-monospace,monospace;color:var(--muted)}.method-steps h3{margin:auto 0 10px;font-size:clamp(28px,3vw,48px)}.method-steps p{margin:0;max-width:22ch;color:var(--muted);line-height:1.45}.proof-title h2{margin:24px 0 80px}.proof-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}.proof-links a{min-height:360px;padding:22px;border-right:1px solid var(--rule);border-bottom:1px solid var(--ink);display:flex;flex-direction:column;transition:.3s ease}.proof-links a:first-child{border-left:1px solid var(--ink)}.proof-links span{font:9px ui-monospace,monospace;color:var(--muted)}.proof-links b{font-size:clamp(36px,4vw,62px);margin-top:auto}.proof-links em{font:normal 12px ui-sans-serif;margin-top:10px;color:var(--muted)}.proof-links a:hover{background:var(--ink);color:var(--paper);transform:translateY(-8px)}.closing{min-height:85vh;background:#bbcdbf;display:grid;align-content:end}.closing>p{font:10px ui-monospace,monospace}.closing h2{font-size:clamp(64px,11vw,170px);line-height:.8;letter-spacing:-.075em;margin:30px 0 55px;font-weight:600}.closing>a{justify-self:end;font-size:clamp(20px,2vw,30px);border-bottom:1px solid var(--ink);padding-bottom:5px}.closing>a span{margin-left:60px}footer{min-height:100px;padding:26px var(--pad);display:flex;justify-content:space-between;align-items:end;font:9px ui-monospace,monospace;letter-spacing:.1em;border-top:1px solid var(--rule)}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.work-head,.systems-head{grid-template-columns:1fr}.work-layout{grid-template-columns:1fr}.work-stage{position:relative;top:auto}.work-list{grid-row:2}.work-stage{grid-row:1}.system-row{grid-template-columns:42px 1fr}.system-row p{grid-column:2}.method-steps{grid-template-columns:1fr 1fr}.proof-links{grid-template-columns:1fr}.proof-links a{border-left:1px solid var(--ink);border-right:1px solid var(--ink);min-height:240px}.hero-index{opacity:.25;width:50vw}.stage-copy{grid-template-columns:1fr}.stage-copy>*{grid-column:1!important}}@media(max-width:560px){.header-action{font-size:10px}.hero h1{font-size:clamp(58px,20vw,98px)}.hero-bottom{grid-template-columns:1fr}.disc{justify-self:end}.hero-index{display:none}.section-kicker{grid-template-columns:44px 1fr}.method-steps{grid-template-columns:1fr}.system-row{grid-template-columns:32px 1fr}.stage-facts{grid-template-columns:1fr}footer{gap:12px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@supports(view-transition-name:none){::view-transition-old(stage-copy){animation:fadeOut .18s ease both}::view-transition-new(stage-copy){animation:fadeIn .38s ease both}.stage-copy{view-transition-name:stage-copy}@keyframes fadeOut{to{opacity:0;transform:translateY(-8px)}}@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}}}
/* V3 — spatial product scenes + compact system constellation */
.work-stage{background:var(--scene-bg,#d6e1d8);transition:background .5s cubic-bezier(.16,1,.3,1);min-height:min(82vh,900px)}
.artifact{--mx:0px;--my:0px;--tilt:0deg;min-height:390px;background:color-mix(in srgb,var(--scene-bg) 82%,var(--paper));transition:background .45s ease}
.artifact:before{content:"";position:absolute;inset:8%;border:1px solid color-mix(in srgb,var(--scene-accent) 34%,transparent);transform:translate(var(--mx),var(--my)) rotate(var(--tilt));transition:transform .18s ease-out;z-index:-1}
.artifact:after{content:attr(data-scene);position:absolute;left:-2%;bottom:-.15em;font-size:clamp(92px,15vw,245px);font-weight:750;line-height:.7;letter-spacing:-.09em;color:color-mix(in srgb,var(--scene-accent) 10%,transparent);white-space:nowrap;pointer-events:none}
.work-stage .artifact strong{font-size:clamp(92px,13vw,205px);color:var(--scene-accent);transform:translate(calc(var(--mx) * -.35),calc(var(--my) * -.35));transition:transform .2s ease-out,color .35s ease}
.work-stage .artifact i{border-color:var(--scene-accent)!important;box-shadow:none;will-change:transform}
.work-stage[data-art=build] .artifact i:first-child{transform:translate(var(--mx),var(--my)) rotate(calc(-5deg + var(--tilt)));box-shadow:22px 22px 0 color-mix(in srgb,var(--scene-accent) 18%,transparent)}
.work-stage[data-art=build] .artifact i:nth-child(2){transform:translate(calc(var(--mx) * -.7),calc(var(--my) * -.7)) rotate(calc(var(--tilt) * -.5))}
.work-stage[data-art=matter] .artifact i:first-child{border-radius:46% 54% 63% 37% / 48% 36% 64% 52%;transform:translate(var(--mx),var(--my)) rotate(var(--tilt))}
.work-stage[data-art=matter] .artifact i:nth-child(2){border-radius:42% 58% 36% 64% / 64% 44% 56% 36%;transform:translate(calc(var(--mx) * -.6),calc(var(--my) * -.5))}
.work-stage[data-art=play] .artifact i:first-child{transform:translate(var(--mx),var(--my)) rotate(var(--tilt))}
.work-stage[data-art=play] .artifact i:nth-child(2){transform:translate(calc(var(--mx) * -.7),calc(var(--my) * -.7)) rotate(calc(var(--tilt) * -1))}
.work-stage[data-art=evidence] .artifact i:first-child{width:55%;height:62%;left:22%;top:7%;background:#f8f5ed;border:1px solid var(--scene-accent);box-shadow:15px 15px 0 #aaa99f,30px 30px 0 #c1bfb5!important;transform:translate(var(--mx),var(--my)) rotate(var(--tilt))}
.work-stage[data-art=evidence] .artifact i:nth-child(2){width:22%;height:1px;right:8%;top:21%;background:var(--scene-accent);box-shadow:0 18px 0 var(--scene-accent),0 36px 0 var(--scene-accent)}
.work-stage[data-art=lineage] .artifact i:first-child{width:70%;height:1px;left:10%;top:38%;background:var(--scene-accent);box-shadow:80px 88px 0 var(--scene-accent),-24px 154px 0 var(--scene-accent);transform:rotate(calc(var(--tilt) * .3))}
.work-stage[data-art=lineage] .artifact i:nth-child(2){width:24px;height:24px;border-radius:50%;left:22%;top:35%;background:var(--scene-accent);box-shadow:190px 92px 0 var(--scene-accent),360px 14px 0 var(--scene-accent),90px 170px 0 var(--scene-accent);transform:translate(var(--mx),var(--my))}
.work-stage[data-art=reuse] .artifact i:first-child{width:48%;aspect-ratio:1;border-radius:50%;left:12%;top:11%;background:#efe2c7;border:1px solid var(--scene-accent);clip-path:polygon(0 0,100% 0,100% 48%,0 75%);transform:translate(var(--mx),var(--my)) rotate(var(--tilt))}
.work-stage[data-art=reuse] .artifact i:nth-child(2){width:31%;height:44%;right:12%;bottom:8%;background:var(--scene-accent);clip-path:polygon(0 18%,78% 0,100% 72%,20% 100%);transform:translate(calc(var(--mx) * -.6),calc(var(--my) * -.6))}
.work-stage[data-art=repair] .artifact i:first-child{width:42%;height:56%;left:8%;top:15%;background:#dfe8f5;clip-path:polygon(0 0,100% 0,80% 43%,100% 100%,0 100%,16% 55%);transform:translate(var(--mx),var(--my)) rotate(calc(-4deg + var(--tilt)))}
.work-stage[data-art=repair] .artifact i:nth-child(2){width:42%;height:56%;right:8%;top:15%;background:#1d3556;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,18% 55%,0 43%);transform:translate(calc(var(--mx) * -.6),calc(var(--my) * -.6)) rotate(calc(4deg - var(--tilt)))}
.work-stage[data-art=repair] .artifact i:nth-child(3){width:44%;height:3px;background:#ffefbe;left:28%;top:49%;transform:rotate(-12deg);box-shadow:0 0 0 5px color-mix(in srgb,#ffefbe 22%,transparent)}
.work-stage[data-art=qualify] .artifact i:first-child{width:52%;aspect-ratio:1;border:1px solid var(--scene-accent);left:24%;top:5%;background:transparent;transform:translate(var(--mx),var(--my)) rotate(45deg)}
.work-stage[data-art=qualify] .artifact i:nth-child(2){width:36%;aspect-ratio:1;border:1px solid var(--scene-accent);left:32%;top:15%;background:transparent;border-radius:50%;transform:translate(calc(var(--mx) * -.4),calc(var(--my) * -.4))}
.work-stage[data-art=qualify] .artifact i:nth-child(3){width:2px;height:76%;left:50%;top:4%;background:var(--scene-accent);transform:rotate(27deg)}
.work-stage[data-art=wardrobe] .artifact i:first-child{width:42%;height:72%;left:29%;top:2%;background:#f3ebe9;border-radius:50% 50% 8% 8% / 22% 22% 5% 5%;clip-path:polygon(32% 0,68% 0,77% 16%,100% 34%,78% 47%,69% 100%,31% 100%,22% 47%,0 34%,23% 16%);transform:translate(var(--mx),var(--my)) rotate(var(--tilt))}
.work-stage[data-art=wardrobe] .artifact i:nth-child(2){width:63%;height:1px;left:18%;bottom:15%;background:var(--scene-accent);box-shadow:0 8px 0 color-mix(in srgb,var(--scene-accent) 35%,transparent)}
.stage-copy{background:color-mix(in srgb,var(--scene-bg) 90%,var(--paper))}
.systems{min-height:100vh;overflow:hidden}.system-world{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.5fr);gap:clamp(32px,5vw,90px);align-items:start}.system-map{position:relative;min-height:720px;border:1px solid #3e443e;background:radial-gradient(circle at center,#20251f 0 1px,transparent 1px),radial-gradient(circle at center,transparent 0 24%,#252c26 24.15% 24.35%,transparent 24.5% 100%);background-size:34px 34px,100% 100%;overflow:hidden}.system-edges{position:absolute;inset:0;width:100%;height:100%}.system-edges line{stroke:#3d473f;stroke-width:.16;vector-effect:non-scaling-stroke;transition:stroke .3s,stroke-width .3s}.system-edges line.active{stroke:#c8ded2;stroke-width:.45}.system-core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:130px;aspect-ratio:1;border:1px solid #5b665c;border-radius:50%;display:grid;place-items:center;align-content:center;gap:7px;background:#171a17;z-index:2}.system-core:before,.system-core:after{content:"";position:absolute;inset:-20px;border:1px solid #343c35;border-radius:50%}.system-core:after{inset:-43px;border-style:dashed}.system-core b{font-size:38px;letter-spacing:-.06em}.system-core span{font:8px ui-monospace,monospace;letter-spacing:.12em;color:#8e978e}.system-node{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;display:flex;align-items:center;gap:7px;max-width:150px;border:1px solid #4b554c;background:#171a17;color:var(--paper);padding:7px 9px;cursor:pointer;text-align:left;z-index:3;transition:transform .3s,background .3s,color .3s,border-color .3s}.system-node code{font-size:7px;color:#788279}.system-node span{font-size:10px;font-weight:650;line-height:1.05}.system-node:hover,.system-node:focus-visible,.system-node[aria-pressed=true]{background:#c8ded2;color:#171a17;border-color:#c8ded2;outline:none;transform:scale(1.08)}.system-node[aria-pressed=true] code{color:#476056}.system-detail{position:sticky;top:110px;border-top:1px solid #515b52;border-bottom:1px solid #515b52;padding:18px 0 28px;min-height:390px}.system-detail-meta{display:flex;justify-content:space-between;gap:16px;font:8px ui-monospace,monospace;letter-spacing:.12em;color:#858e85}.system-detail h3{font-size:clamp(46px,5vw,82px);line-height:.84;letter-spacing:-.06em;margin:88px 0 22px}.system-role{font-size:17px!important;color:#e0e2dc!important;max-width:30ch}.system-caution{font-size:13px!important;color:#838c83!important;max-width:36ch;margin-top:22px!important}.system-detail-line{height:1px;background:#3f4840;margin:40px 0 12px}.system-instruction{font:8px ui-monospace,monospace;letter-spacing:.12em;color:#707a71}
@supports(view-transition-name:none){.work-stage{view-transition-name:product-scene}.system-detail{view-transition-name:system-detail}::view-transition-old(product-scene){animation:v3Out .22s cubic-bezier(.7,0,1,1) both}::view-transition-new(product-scene){animation:v3In .55s cubic-bezier(.16,1,.3,1) both}::view-transition-old(system-detail){animation:fadeOut .15s ease both}::view-transition-new(system-detail){animation:fadeIn .32s ease both}@keyframes v3Out{to{opacity:0;transform:scale(.985) translateX(-18px)}}@keyframes v3In{from{opacity:0;transform:scale(1.02) translateX(28px)}}}
@media(max-width:900px){.system-world{grid-template-columns:1fr}.system-map{min-height:auto;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.system-edges,.system-core{display:none}.system-node{position:relative;left:auto;top:auto;translate:none;max-width:none;min-height:52px}.system-node:hover,.system-node:focus-visible,.system-node[aria-pressed=true]{transform:none}.system-detail{position:relative;top:auto;min-height:300px}.system-detail h3{margin-top:58px}.artifact{min-height:350px}}
@media(max-width:560px){.system-map{grid-template-columns:repeat(2,1fr)}.system-node{padding:9px 7px}.system-node span{font-size:9px}.system-detail h3{font-size:50px}.artifact{min-height:310px}.work-stage .artifact strong{font-size:110px}}

/* V4 — identity mark + deterministic campaign/capture modes */
.wordmark{display:flex;align-items:center;gap:10px}.wordmark img{width:27px;height:27px;color:var(--ink)}
body.capture-mode{min-height:100vh;overflow:hidden}body.capture-mode .site-header,body.capture-mode footer{display:none!important}
body.capture-mode main{height:100vh;overflow:hidden}body.capture-mode .section{border:0}
body.capture-product .hero,body.capture-product .systems,body.capture-product .method,body.capture-product .proof,body.capture-product .closing{display:none!important}
body.capture-product .work{padding:0;height:100vh}.capture-product .work>.section-kicker,.capture-product .work-head,.capture-product .work-list{display:none!important}
body.capture-product .work-layout{display:block;height:100vh}.capture-product .work-stage{position:relative;top:auto;width:100%;height:100vh;min-height:0;border:0;grid-template-rows:auto minmax(0,1.05fr) minmax(0,.95fr)}
.capture-product .artifact{min-height:0}.capture-product .stage-copy{overflow:hidden}.capture-product .stage-copy h3{font-size:clamp(72px,11vw,170px)}.capture-product .stage-summary{font-size:clamp(13px,1.25vw,22px)}
.capture-product .stage-facts{font-size:11px}.capture-product .stage-top{padding:20px 24px}
body.capture-system .hero,body.capture-system .work,body.capture-system .method,body.capture-system .proof,body.capture-system .closing{display:none!important}
body.capture-system .systems{height:100vh;min-height:0;padding:0;background:var(--ink)}body.capture-system .systems>.section-kicker,body.capture-system .systems-head{display:none!important}
body.capture-system .system-world{height:100vh;display:grid;grid-template-columns:1.22fr .78fr;gap:0}.capture-system .system-map{min-height:100vh;border:0;border-right:1px solid #394039}.capture-system .system-detail{position:relative;top:auto;min-height:100vh;border:0;padding:clamp(30px,5vw,80px);display:flex;flex-direction:column;justify-content:center}
.capture-system .system-detail h3{font-size:clamp(78px,10vw,168px);margin:0 0 35px}.capture-system .system-role{font-size:clamp(18px,1.6vw,28px)!important}.capture-system .system-caution{font-size:clamp(12px,1vw,17px)!important}.capture-system .system-instruction{display:none}
body.capture-network .work,body.capture-network .systems,body.capture-network .method,body.capture-network .proof,body.capture-network .closing{display:none!important}body.capture-network .hero{height:100vh;min-height:100vh;padding-top:clamp(40px,7vh,96px)}
body.motion-hold *,body.motion-hold *:before,body.motion-hold *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:700px){body.capture-product .work-stage{grid-template-rows:auto 46% 54%}.capture-product .stage-copy{padding:20px}.capture-product .stage-copy h3{font-size:clamp(54px,16vw,92px)}.capture-product .stage-hook{font-size:20px}.capture-product .stage-facts{display:none}.capture-product .artifact{min-height:0}.capture-system .system-world{grid-template-columns:1fr}.capture-system .system-map{display:none}.capture-system .system-detail{min-height:100vh;padding:42px 28px}.capture-system .system-detail h3{font-size:clamp(68px,20vw,120px)}.wordmark img{width:23px;height:23px}}

/* V4 capture-fit correction: visual bounds, not merely scroll bounds. */
.capture-product .stage-copy>*{min-width:0;max-width:100%}
.capture-product .stage-copy h3{text-wrap:balance}
.capture-product .stage-summary,.capture-product .stage-hook{overflow-wrap:break-word}
@media(max-width:560px){
 .capture-product .stage-copy{padding:18px 20px;min-width:0}
 .capture-product .stage-copy h3{font-size:clamp(38px,10.5vw,54px);line-height:.9;letter-spacing:-.055em;overflow-wrap:normal;word-break:normal}
 .capture-product .stage-hook{font-size:18px;line-height:1.08;margin:0}
 .capture-product .stage-summary{font-size:12px;line-height:1.34}
 .capture-product .stage-link{font-size:11px}
}
@media(max-width:560px){
 body.capture-product .work-stage{grid-template-rows:auto 39% 61%}
 .capture-product .stage-copy{gap:13px;align-content:start}
}

/* V5 campaign director — product identity changes composition, not only palette. */
@media(min-width:701px){
 body.capture-product .work-stage{isolation:isolate}
 body.capture-product .stage-top{position:relative;z-index:8;background:color-mix(in srgb,var(--scene-bg) 78%,transparent);backdrop-filter:blur(8px)}
 body.capture-product .artifact,body.capture-product .stage-copy{min-width:0}
 body.capture-product .stage-copy{position:relative;z-index:6}
 body.capture-product .stage-copy:before{font:9px ui-monospace,monospace;letter-spacing:.18em;opacity:.48}

 /* MATTER / REUSE — specimen spread: object world and editorial copy face each other. */
 body.capture-product .work-stage[data-art=matter],body.capture-product .work-stage[data-art=reuse]{grid-template-columns:1.08fr .92fr;grid-template-rows:auto 1fr}
 body.capture-product .work-stage[data-art=matter] .stage-top,body.capture-product .work-stage[data-art=reuse] .stage-top{grid-column:1/-1}
 body.capture-product .work-stage[data-art=matter] .artifact,body.capture-product .work-stage[data-art=reuse] .artifact{grid-column:1;grid-row:2;min-height:0;border-right:1px solid color-mix(in srgb,var(--scene-accent) 35%,transparent)}
 body.capture-product .work-stage[data-art=matter] .stage-copy,body.capture-product .work-stage[data-art=reuse] .stage-copy{grid-column:2;grid-row:2;border-top:0;padding:clamp(34px,5vw,74px);display:flex;flex-direction:column;justify-content:center;gap:34px}
 body.capture-product .work-stage[data-art=matter] .stage-copy h3,body.capture-product .work-stage[data-art=reuse] .stage-copy h3{font-size:clamp(66px,7.4vw,112px);line-height:.84}
 body.capture-product .work-stage[data-art=matter] .stage-copy:before{content:"SPECIMEN / REUSE / 02"}
 body.capture-product .work-stage[data-art=reuse] .stage-copy:before{content:"SECOND LIFE / MATERIAL / 06"}
 body.capture-product .work-stage[data-art=matter] .artifact strong,body.capture-product .work-stage[data-art=reuse] .artifact strong{font-size:clamp(170px,22vw,330px)}

 /* PLAY — full-bleed world poster with floating editorial panel. */
 body.capture-product .work-stage[data-art=play]{display:block;position:relative;overflow:hidden}
 body.capture-product .work-stage[data-art=play] .stage-top{position:absolute;inset:0 0 auto;z-index:10}
 body.capture-product .work-stage[data-art=play] .artifact{position:absolute;inset:0;min-height:100%;border:0}
 body.capture-product .work-stage[data-art=play] .artifact:before{inset:7% 7% 8%;border-width:2px}
 body.capture-product .work-stage[data-art=play] .artifact strong{font-size:clamp(210px,30vw,450px);opacity:.16;align-items:flex-start;padding-top:18vh;justify-content:flex-start;padding-left:6vw}
 body.capture-product .work-stage[data-art=play] .stage-copy{position:absolute;left:7%;right:12%;bottom:7%;padding:42px 48px;background:color-mix(in srgb,#f4f0e7 90%,transparent);border:1px solid var(--scene-accent);display:grid;grid-template-columns:.28fr 1.72fr;gap:20px 34px;box-shadow:22px 22px 0 color-mix(in srgb,var(--scene-accent) 55%,transparent)}
 body.capture-product .work-stage[data-art=play] .stage-copy h3{font-size:clamp(105px,13vw,190px)}
 body.capture-product .work-stage[data-art=play] .stage-copy:before{content:"PLAY / CONSTELLATION / 03";grid-column:2}
 body.capture-product .work-stage[data-art=play] .stage-facts{grid-column:2}.capture-product .work-stage[data-art=play] .stage-link{grid-column:2}

 /* EVIDENCE — document room, narrow proof column beside a giant paper object. */
 body.capture-product .work-stage[data-art=evidence]{grid-template-columns:1.34fr .66fr;grid-template-rows:auto 1fr}
 body.capture-product .work-stage[data-art=evidence] .stage-top{grid-column:1/-1}
 body.capture-product .work-stage[data-art=evidence] .artifact{grid-column:1;grid-row:2;min-height:0}
 body.capture-product .work-stage[data-art=evidence] .stage-copy{grid-column:2;grid-row:2;border-top:0;border-left:1px solid #8f918a;padding:42px 36px;display:flex;flex-direction:column;justify-content:flex-end;gap:28px;background:#eeeae1}
 body.capture-product .work-stage[data-art=evidence] .stage-copy:before{content:"SOURCE / EXCERPT / BOUNDARY"}
 body.capture-product .work-stage[data-art=evidence] .stage-copy h3{font-size:clamp(58px,6vw,90px)}
 body.capture-product .work-stage[data-art=evidence] .stage-facts{grid-template-columns:1fr}

 /* LINEAGE — graph as the stage, type rides the lower edge like an atlas plate. */
 body.capture-product .work-stage[data-art=lineage]{grid-template-rows:auto 1.35fr .65fr}
 body.capture-product .work-stage[data-art=lineage] .artifact{min-height:0}
 body.capture-product .work-stage[data-art=lineage] .stage-copy{padding:30px 44px 40px;grid-template-columns:.26fr 1.74fr;background:color-mix(in srgb,var(--scene-bg) 92%,#fff)}
 body.capture-product .work-stage[data-art=lineage] .stage-copy:before{content:"LINEAGE PLATE / 05";grid-column:2}
 body.capture-product .work-stage[data-art=lineage] .stage-copy h3{font-size:clamp(95px,13vw,180px)}
 body.capture-product .work-stage[data-art=lineage] .stage-summary,body.capture-product .work-stage[data-art=lineage] .stage-facts{grid-column:2}

 /* REPAIR — fracture fills the poster; copy becomes a repair note over the break. */
 body.capture-product .work-stage[data-art=repair]{display:block;position:relative;overflow:hidden}
 body.capture-product .work-stage[data-art=repair] .stage-top{position:absolute;inset:0 0 auto;z-index:10}
 body.capture-product .work-stage[data-art=repair] .artifact{position:absolute;inset:0;min-height:100%}
 body.capture-product .work-stage[data-art=repair] .artifact strong{font-size:clamp(210px,27vw,420px);opacity:.78}
 body.capture-product .work-stage[data-art=repair] .stage-copy{position:absolute;left:6%;right:6%;bottom:6%;padding:38px 46px;background:#eef4fd;border:1px solid #162943;display:grid;grid-template-columns:.3fr 1.7fr;gap:18px 32px}
 body.capture-product .work-stage[data-art=repair] .stage-copy:before{content:"FAILURE → REPAIR → RETEST";grid-column:2}
 body.capture-product .work-stage[data-art=repair] .stage-copy h3{font-size:clamp(74px,9.5vw,136px)}
 body.capture-product .work-stage[data-art=repair] .stage-summary,body.capture-product .work-stage[data-art=repair] .stage-facts{grid-column:2}

 /* QUALIFY — calibration plate: copy floats inside the target rather than below it. */
 body.capture-product .work-stage[data-art=qualify]{display:block;position:relative;overflow:hidden}
 body.capture-product .work-stage[data-art=qualify] .stage-top{position:absolute;inset:0 0 auto;z-index:10}
 body.capture-product .work-stage[data-art=qualify] .artifact{position:absolute;inset:0;min-height:100%}
 body.capture-product .work-stage[data-art=qualify] .stage-copy{position:absolute;inset:27% 14% auto;padding:32px 38px;background:color-mix(in srgb,#f4f0e7 86%,transparent);border:1px solid var(--scene-accent);display:block;text-align:center}
 body.capture-product .work-stage[data-art=qualify] .stage-copy:before{content:"FIT / CONDITIONS / EVIDENCE";display:block;margin-bottom:24px}
 body.capture-product .work-stage[data-art=qualify] .stage-copy h3{font-size:clamp(100px,14vw,210px);margin:0 0 30px}
 body.capture-product .work-stage[data-art=qualify] .stage-hook{font-size:30px}.capture-product .work-stage[data-art=qualify] .stage-summary{max-width:46ch;margin:32px auto}
 body.capture-product .work-stage[data-art=qualify] .stage-facts{display:none}

 /* WARDROBE — magazine cover grammar: copy leads, garment form occupies the lower field. */
 body.capture-product .work-stage[data-art=wardrobe]{grid-template-rows:auto .72fr 1.28fr}
 body.capture-product .work-stage[data-art=wardrobe] .stage-copy{grid-row:2;padding:42px 48px;border-top:0;border-bottom:1px solid color-mix(in srgb,var(--scene-accent) 30%,transparent);grid-template-columns:.32fr 1.68fr;align-content:center}
 body.capture-product .work-stage[data-art=wardrobe] .stage-copy:before{content:"PRIVATE / PERSONAL / LOCAL";grid-column:2}
 body.capture-product .work-stage[data-art=wardrobe] .stage-copy h3{font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:clamp(92px,12vw,168px)}
 body.capture-product .work-stage[data-art=wardrobe] .stage-summary,body.capture-product .work-stage[data-art=wardrobe] .stage-facts{grid-column:2}
 body.capture-product .work-stage[data-art=wardrobe] .artifact{grid-row:3;min-height:0;border-top:1px solid color-mix(in srgb,var(--scene-accent) 30%,transparent)}
}
@media(min-width:701px){
 body.capture-product .work-stage[data-art=matter] .stage-copy h3{font-size:clamp(58px,6.4vw,96px)}
 body.capture-product .work-stage[data-art=lineage] .stage-copy h3{font-size:clamp(82px,11vw,154px)}
}
@media(min-width:701px){body.capture-product .work-stage[data-art=matter] .stage-copy h3{font-size:clamp(52px,5.55vw,84px)}}
@media(min-width:701px){body.capture-product .work-stage[data-art=play] .stage-copy h3{font-size:clamp(96px,12vw,176px)}}
@media(min-width:701px){body.capture-product .work-stage[data-art=evidence] .stage-copy h3{font-size:clamp(48px,5.05vw,78px)}}

/* V8 root constellation rejoin */
.systems-atlas-link{color:#c8ded2;text-decoration:none;border-bottom:1px solid #56665a;margin-left:.35em;white-space:nowrap}.systems-atlas-link:hover{color:#eef0e9}.system-detail[data-state="OPERATOR_CONFIRMED_NAME_SOURCE_MIGRATION_OPEN"] h3:after,.system-detail[data-state="WORLD_VERTICAL_SLICE"] h3:after{content:"";display:inline-block;width:8px;height:8px;margin-left:12px;background:#d9d86a;vertical-align:top}.system-detail[data-identity="synoron"]{border-color:#68794d}.system-detail[data-identity="threshold"]{border-color:#607895}


/* V14 root catalogue ↔ Atlas family-field rejoin */
.stage-class{display:flex;align-items:center;justify-content:space-between;gap:14px}.stage-atlas{font:8px ui-monospace,monospace;letter-spacing:.09em;color:color-mix(in srgb,var(--scene-accent) 72%,#171a17);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--scene-accent) 35%,transparent);padding-bottom:3px;white-space:nowrap}.stage-atlas:hover{border-color:currentColor}.work-stage{isolation:isolate}.work-stage:before,.work-stage:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.42}.work-stage[data-group="evidence"]:before{background:repeating-linear-gradient(0deg,transparent 0 42px,color-mix(in srgb,var(--scene-accent) 11%,transparent) 43px 44px),repeating-linear-gradient(66deg,transparent 0 76px,color-mix(in srgb,var(--scene-accent) 9%,transparent) 77px 78px)}.work-stage[data-group="matter"]:before{background:repeating-radial-gradient(ellipse at 24% 32%,transparent 0 54px,color-mix(in srgb,var(--scene-accent) 12%,transparent) 55px 56px)}.work-stage[data-group="worlds"]:before{background:radial-gradient(ellipse 32% 19% at 28% 44%,transparent 68%,color-mix(in srgb,var(--scene-accent) 18%,transparent) 69% 70%,transparent 71%),radial-gradient(ellipse 45% 27% at 28% 44%,transparent 68%,color-mix(in srgb,var(--scene-accent) 11%,transparent) 69% 70%,transparent 71%)}.work-stage[data-group="human"]:before{background:repeating-radial-gradient(ellipse at -5% 50%,transparent 0 72px,color-mix(in srgb,var(--scene-accent) 11%,transparent) 73px 74px)}.work-stage[data-group="build"]:before{background:repeating-linear-gradient(72deg,transparent 0 82px,color-mix(in srgb,var(--scene-accent) 13%,transparent) 83px 84px)}.work-stage[data-group="build"]:after{background:linear-gradient(108deg,transparent 0 66%,color-mix(in srgb,var(--scene-accent) 14%,transparent) 66.2% 66.4%,transparent 66.6%)}
@media(max-width:560px){.stage-class{align-items:flex-start;flex-direction:column;gap:8px}.stage-atlas{white-space:normal}}


/* V15 multiformat campaign hardening — capture-only compact vertical rhythm. */
@media (min-width:701px) and (max-height:1200px){
 body.capture-product .stage-top{padding:14px 20px}
 body.capture-product .stage-copy{gap:16px}
 body.capture-product .stage-copy .stage-hook{margin-block:0;line-height:1.08}
 body.capture-product .stage-copy .stage-summary{line-height:1.3;margin-block:0}
 body.capture-product .stage-facts{font-size:9px;gap:16px;margin-top:2px}
 body.capture-product .stage-link{font-size:10px;margin-top:2px}
 body.capture-product .work-stage[data-art=matter] .stage-copy,body.capture-product .work-stage[data-art=reuse] .stage-copy{padding:24px 32px;gap:18px}
 body.capture-product .work-stage[data-art=play] .stage-copy{bottom:4%;padding:26px 34px;gap:12px 24px}
 body.capture-product .work-stage[data-art=evidence] .stage-copy{padding:24px 28px;gap:16px}
 body.capture-product .work-stage[data-art=evidence] .stage-copy h3{font-size:clamp(42px,4.55vw,70px)}
 body.capture-product .work-stage[data-art=lineage] .stage-copy{padding:20px 36px 26px;gap:12px 24px}
 body.capture-product .work-stage[data-art=repair] .stage-copy{bottom:4%;padding:26px 36px;gap:12px 24px}
 body.capture-product .work-stage[data-art=qualify] .stage-copy{inset:22% 14% auto;padding:24px 32px}
 body.capture-product .work-stage[data-art=qualify] .stage-copy:before{margin-bottom:14px}
 body.capture-product .work-stage[data-art=qualify] .stage-copy h3{margin-bottom:18px}
 body.capture-product .work-stage[data-art=qualify] .stage-summary{margin:18px auto}
 body.capture-product .work-stage[data-art=wardrobe]{grid-template-rows:auto .84fr 1.16fr}
 body.capture-product .work-stage[data-art=wardrobe] .stage-copy{padding:24px 36px;gap:12px 24px}
}

.root-footer nav{display:flex;gap:18px}.root-footer nav a{font:9px ui-monospace,monospace;letter-spacing:.08em}
@media(max-width:700px){.root-footer{flex-wrap:wrap}.root-footer nav{order:3;width:100%}}