:root{
  --night:#0b0b0a;--ink:#171512;--paper:#eee6d6;--paper-bright:#f7f1e5;--muted:#8b8378;
  --orange:#ff6a18;--cyan:#33c7f4;--acid:#d1f52d;--pink:#ff3e96;--blue:#194eea;
  --line:rgba(238,230,214,.16);--sans:"Avenir Next","PingFang SC","Hiragino Sans GB",sans-serif;
  --serif:"Songti SC","STSong","Noto Serif CJK SC",serif;color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--night)}
body{min-height:100vh;background:var(--night);color:var(--paper);font-family:var(--sans);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.has-dialog{overflow:hidden}
button,a{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%}
:focus-visible{outline:2px solid var(--accent,var(--orange));outline-offset:5px}
.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.13;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}
.topline{position:fixed;z-index:90;left:0;right:0;top:0;height:56px;padding:0 clamp(18px,3vw,44px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(11,11,10,.78);backdrop-filter:blur(22px)}
.topline a{text-decoration:none;font-size:12px;font-weight:650;letter-spacing:.04em}.topline a::before{content:"←";margin-right:10px;color:var(--accent,var(--orange))}
.topline small{font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em;color:var(--accent,var(--orange))}
.page-progress{position:fixed;z-index:100;left:0;right:0;top:55px;height:2px;background:var(--accent,var(--orange));transform:scaleX(0);transform-origin:left}
.eyebrow{font:700 9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.3em;text-transform:uppercase;color:var(--accent,var(--orange))}
.quiet-title{font-family:var(--serif);font-size:clamp(34px,5vw,78px);font-weight:600;line-height:1.08;letter-spacing:-.055em;max-width:11em}
.quiet-title em{font-style:normal;color:var(--accent,var(--orange))}
.lede{max-width:46em;color:#c8bfb1;font-size:clamp(15px,1.35vw,19px);line-height:1.9}
.pill{display:inline-flex;align-items:center;gap:12px;margin-top:26px;padding:11px 17px;border:1px solid color-mix(in srgb,var(--accent,var(--orange)) 55%,transparent);border-radius:100px;background:rgba(255,255,255,.025);font-size:12px;font-weight:650;letter-spacing:.04em}.pill:hover{background:var(--accent,var(--orange));color:var(--ink)}
.section-label{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:34px}.section-label h2{font-family:var(--serif);font-size:clamp(27px,3.3vw,47px);font-weight:600;line-height:1.2;letter-spacing:-.035em}.section-label p{max-width:32em;color:var(--muted);font-size:13px}

/* CASE STORY: the person is the subject; the project is evidence */
.hero-proof{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.hero-proof span{padding:7px 9px;border:1px solid color-mix(in srgb,var(--accent,var(--orange)) 42%,transparent);background:rgba(8,8,7,.28);font:700 8px/1 ui-monospace,monospace;letter-spacing:.12em;color:var(--accent,var(--orange))}
.reading-page .hero-proof span{background:rgba(247,241,229,.55);border-color:rgba(25,78,234,.28);color:#173ca6}
.case-profile{--profile-bg:#ece4d4;--profile-ink:#171512;--profile-soft:#6e665c;padding:96px clamp(22px,5vw,76px);background:var(--profile-bg);color:var(--profile-ink);position:relative;overflow:hidden}
.case-profile::before{content:"LOKI / CAPABILITY FILE";position:absolute;right:-.04em;top:.1em;font:800 clamp(64px,13vw,190px)/.8 var(--sans);letter-spacing:-.08em;color:rgba(23,21,18,.025);white-space:nowrap;pointer-events:none}
.case-profile.dark{--profile-bg:#11120f;--profile-ink:#eee6d6;--profile-soft:#938b7f}.case-profile.acid{--profile-bg:#d7f23c;--profile-ink:#13140f;--profile-soft:#53583b}
.case-profile-head{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,.7fr) minmax(430px,1.3fr);gap:clamp(35px,8vw,120px);align-items:start}.case-profile-title small{display:block;font:800 9px/1.3 ui-monospace,monospace;letter-spacing:.22em;color:var(--accent,var(--orange));margin-bottom:22px}.case-profile.acid .case-profile-title small{color:#30350a}.case-profile-title h2{font-family:var(--serif);font-size:clamp(31px,4.1vw,58px);font-weight:600;line-height:1.16;letter-spacing:-.045em}.case-profile-title h2 em{font-style:normal;color:var(--accent,var(--orange))}.case-profile.acid .case-profile-title h2 em{background:#12140d;color:#d7f23c;padding:0 .08em}
.case-profile-lead{font-size:clamp(17px,1.7vw,23px);line-height:1.8;font-family:var(--serif);font-weight:600}.case-profile-lead strong{color:var(--accent,var(--orange));font-weight:700}.case-profile.acid .case-profile-lead strong{color:#14160e;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.case-story-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:54px;background:color-mix(in srgb,var(--profile-ink) 18%,transparent);border:1px solid color-mix(in srgb,var(--profile-ink) 16%,transparent)}.case-story-grid article{min-height:260px;padding:clamp(25px,3vw,40px);background:color-mix(in srgb,var(--profile-bg) 94%,white 6%)}.case-profile.dark .case-story-grid article{background:#151613}.case-profile.acid .case-story-grid article:nth-child(2){background:#eef4d1}
.case-story-grid small{font:800 8px/1 ui-monospace,monospace;letter-spacing:.18em;color:var(--accent,var(--orange))}.case-profile.acid .case-story-grid small{color:#4c5600}.case-story-grid h3{font-family:var(--serif);font-size:clamp(19px,2vw,26px);line-height:1.4;margin:34px 0 12px}.case-story-grid p{font-size:13px;line-height:1.9;color:var(--profile-soft)}
.role-ledger{position:relative;z-index:1;display:grid;grid-template-columns:.36fr 1.64fr;gap:28px;align-items:start;margin-top:30px;padding-top:30px;border-top:1px solid color-mix(in srgb,var(--profile-ink) 18%,transparent)}.role-ledger b{font-family:var(--serif);font-size:20px}.role-ledger div{display:flex;flex-wrap:wrap;gap:7px}.role-ledger span{padding:8px 10px;border:1px solid color-mix(in srgb,var(--profile-ink) 20%,transparent);font:700 9px/1.3 ui-monospace,monospace;letter-spacing:.08em}
.case-invitation{padding:86px clamp(22px,5vw,76px);background:var(--invite-bg,#0a0a09);color:var(--invite-ink,#eee6d6)}.case-invitation-inner{max-width:1250px;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(35px,8vw,120px);align-items:end}.case-invitation small{font:800 9px/1 ui-monospace,monospace;letter-spacing:.2em;color:var(--accent,var(--orange))}.case-invitation h2{font-family:var(--serif);font-size:clamp(30px,4vw,55px);line-height:1.22;letter-spacing:-.04em;margin-top:20px}.case-invitation p{font-size:15px;line-height:1.9;color:var(--invite-soft,#a59d91)}.case-invitation a{display:inline-flex;margin-top:24px;text-decoration:none;padding:11px 17px;border:1px solid var(--accent,var(--orange));border-radius:100px;font-size:12px;font-weight:700}.case-invitation a:hover{background:var(--accent,var(--orange));color:#111}

/* INTERFACE ARCHIVE */
.interface-page{--accent:var(--orange);background:#11100e}
.archive-hero{min-height:100svh;padding:112px clamp(22px,5vw,76px) 72px;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(600px,1.28fr);gap:clamp(34px,5vw,80px);align-items:center;background:radial-gradient(circle at 20% 8%,rgba(255,106,24,.12),transparent 35%),#11100e;position:relative}
.archive-copy{position:relative;z-index:4}.archive-copy .lede{margin-top:26px}.archive-note{margin-top:42px;padding-left:18px;border-left:1px solid var(--orange);max-width:31em;color:#847a6d;font-size:12px}
.archive-table{position:relative;height:min(72vw,720px);min-height:560px;isolation:isolate;background:radial-gradient(ellipse at center,rgba(255,255,255,.04),transparent 65%)}
.archive-table::before{content:"";position:absolute;inset:5% 2% 4%;border:1px solid rgba(255,255,255,.08);background:repeating-linear-gradient(90deg,transparent 0 89px,rgba(255,255,255,.025) 90px),repeating-linear-gradient(0deg,transparent 0 89px,rgba(255,255,255,.025) 90px);transform:perspective(800px) rotateX(4deg) rotateZ(-1deg)}
.artifact{position:absolute;border:0;background:transparent;text-align:left;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .3s;z-index:2}.artifact:hover{z-index:9;filter:brightness(1.07)}
.artifact::after{content:"OPEN ARCHIVE ↗";position:absolute;right:8px;bottom:-24px;font:700 8px/1 ui-monospace,monospace;letter-spacing:.17em;color:var(--accent)}
.artifact img{display:block;width:100%;height:100%;object-fit:cover;border:2px solid #0a0908;box-shadow:10px 12px 0 var(--shadow),0 26px 52px rgba(0,0,0,.45)}
.artifact b{position:absolute;left:-15px;top:-12px;padding:7px 9px;background:var(--paper-bright);color:#171512;font:800 9px/1 ui-monospace,monospace;letter-spacing:.12em;box-shadow:4px 4px 0 var(--shadow)}
.artifact-cola{--shadow:var(--cyan);left:3%;top:9%;width:46%;height:34%;transform:rotate(-3deg)}.artifact-cola:hover{transform:rotate(-1deg) translateY(-10px) scale(1.025)}
.artifact-hub{--shadow:var(--acid);right:1%;top:18%;width:50%;height:43%;transform:rotate(2deg)}.artifact-hub:hover{transform:rotate(.5deg) translateY(-10px) scale(1.02)}
.artifact-codex{--shadow:var(--pink);left:15%;bottom:4%;width:58%;height:39%;transform:rotate(1.5deg)}.artifact-codex img{object-fit:contain;background:#090909}.artifact-codex:hover{transform:rotate(0deg) translateY(-10px) scale(1.02)}
.archive-strip{padding:90px clamp(22px,5vw,76px);background:var(--paper);color:var(--ink);border-top:8px solid var(--orange)}
.archive-strip .section-label p{color:#645d55}.archive-index{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(23,21,18,.2);border:1px solid rgba(23,21,18,.18)}
.archive-index button{border:0;background:var(--paper-bright);color:var(--ink);padding:30px;text-align:left;min-height:230px;position:relative;overflow:hidden}.archive-index button:hover{background:#fff}.archive-index b{font:500 62px/.9 "Bodoni 72",Didot,serif;color:var(--archive-accent)}.archive-index h3{font-family:var(--serif);font-size:24px;margin:42px 0 8px}.archive-index p{font-size:12px;color:#70685e;max-width:28em}.archive-index i{position:absolute;right:22px;top:22px;font-style:normal;color:var(--archive-accent)}
.archive-index .cola{--archive-accent:#16aeda}.archive-index .hub{--archive-accent:#719100}.archive-index .codex{--archive-accent:#e2217b}

.archive-dialog{width:calc(100vw - 18px);height:calc(100dvh - 18px);max-width:none;max-height:none;margin:auto;padding:0;border:1px solid var(--dialog-accent);background:#0d0d0c;color:var(--paper);overflow:hidden}.archive-dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(15px)}
.archive-dialog[open]{animation:dialogIn .5s cubic-bezier(.2,.8,.2,1)}@keyframes dialogIn{from{opacity:0;transform:translateY(18px) scale(.99)}}
.dialog-shell{height:100%;display:grid;grid-template-rows:58px 1fr}.dialog-bar{display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid color-mix(in srgb,var(--dialog-accent) 45%,transparent);font:700 9px/1 ui-monospace,monospace;letter-spacing:.2em;color:var(--dialog-accent)}.dialog-bar button{border:1px solid color-mix(in srgb,var(--dialog-accent) 55%,transparent);background:transparent;padding:8px 12px;color:var(--paper)}.dialog-bar button:hover{background:var(--dialog-accent);color:#111}
.dialog-scroll{overflow:auto;padding:clamp(28px,5vw,78px)}
.dialog-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(35px,7vw,110px);align-items:end;margin-bottom:56px}.dialog-intro h2{font-family:var(--serif);font-size:clamp(34px,4vw,60px);font-weight:600;letter-spacing:-.045em;line-height:1.12}.dialog-intro p{color:#aaa094;font-size:14px;line-height:1.9}
.hub-dialog{--dialog-accent:var(--acid)}.hub-gallery{display:grid;grid-template-columns:minmax(200px,.34fr) minmax(540px,1.66fr);gap:22px}.gallery-tabs{display:flex;flex-direction:column;gap:8px}.gallery-tabs button{border:1px solid rgba(255,255,255,.11);background:#151513;padding:15px;text-align:left;color:#a69d91}.gallery-tabs button b{display:block;color:var(--paper);font-size:13px;margin-bottom:5px}.gallery-tabs button small{font:600 8px/1.4 ui-monospace,monospace;letter-spacing:.13em}.gallery-tabs button.is-active,.gallery-tabs button:hover{border-color:var(--acid);background:#20231a;color:var(--acid)}
.gallery-stage{position:relative;background:#171715;border:1px solid rgba(255,255,255,.12);min-height:640px;padding:20px;display:grid;grid-template-rows:1fr auto}.gallery-stage img{width:100%;height:100%;max-height:590px;object-fit:contain;transition:opacity .15s,transform .15s}.gallery-stage img.is-changing{opacity:0;transform:scale(.985)}.gallery-caption{display:flex;justify-content:space-between;gap:22px;padding-top:15px}.gallery-caption b{font-family:var(--serif);font-size:18px}.gallery-caption p{color:#81796f;font-size:11px;max-width:35em;text-align:right}
.article-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:52px}.article-wall button{position:relative;min-height:250px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#111;text-align:left}.article-wall img{width:100%;height:100%;object-fit:cover;transition:.5s}.article-wall button:hover img,.article-wall button.is-active img{transform:scale(1.035)}.article-wall button.is-active{border-color:var(--acid);box-shadow:0 0 0 1px var(--acid)}.article-wall div{position:absolute;inset:auto 0 0;padding:35px 18px 16px;background:linear-gradient(transparent,rgba(0,0,0,.93))}.article-wall h3{font-family:var(--serif);font-size:17px}.article-wall p{font-size:10px;color:var(--acid);margin-top:5px}.article-reader{margin-top:15px;border:1px solid rgba(255,255,255,.12);background:#161614;padding:clamp(12px,2.5vw,30px)}.article-reader[hidden]{display:none}.article-reader figure{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr);gap:30px;align-items:end}.article-reader img{display:block;width:100%;max-height:720px;object-fit:contain;object-position:top;background:#eee}.article-reader figcaption{padding:22px;border-left:1px solid var(--acid);color:#8f877d;font-size:12px;line-height:1.8}.article-reader figcaption b{display:block;color:var(--acid);font:700 8px/1.4 ui-monospace,monospace;letter-spacing:.16em;margin-bottom:13px}
.codex-dialog{--dialog-accent:var(--pink)}.codex-bench{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(560px,1.2fr);gap:24px;align-items:stretch}.codex-figure{position:relative;min-height:650px;background:radial-gradient(circle at 56% 45%,rgba(255,62,150,.13),transparent 45%),#070707;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.codex-figure img{position:absolute;width:92%;height:92%;left:4%;bottom:0;object-fit:contain}.codex-figure::after{content:"STATIC IP / PRODUCTION ASSET";position:absolute;left:18px;bottom:18px;font:700 8px/1 ui-monospace,monospace;letter-spacing:.16em;color:var(--pink)}
.component-rack{display:grid;grid-template-columns:1fr 1fr;gap:12px}.component-specimen{border:1px solid #222;background:#f4f0e8;color:#111;padding:20px;min-height:215px;position:relative;box-shadow:7px 7px 0 var(--rack-accent);text-align:left;transition:.3s}.component-specimen:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--rack-accent)}.component-specimen:nth-child(1){--rack-accent:var(--pink);transform:rotate(-.5deg)}.component-specimen:nth-child(2){--rack-accent:var(--cyan);transform:rotate(.4deg)}.component-specimen:nth-child(3){--rack-accent:var(--acid);transform:rotate(.25deg)}.component-specimen:nth-child(4){--rack-accent:var(--orange);transform:rotate(-.3deg)}
.component-specimen small{font:800 8px/1 ui-monospace,monospace;letter-spacing:.16em}.component-specimen h3{font-family:var(--serif);font-size:21px;margin:34px 0 8px}.component-specimen p{font-size:11px;color:#655e55;line-height:1.7}.component-specimen::before{content:"";position:absolute;right:18px;top:-8px;width:56px;height:18px;background:rgba(224,212,181,.74);transform:rotate(3deg)}
.mini-menu{margin-top:22px;border:2px solid #111;background:#fff;box-shadow:5px 5px 0 var(--pink);padding:6px}.mini-menu span{display:block;padding:7px 9px;font-size:10px}.mini-menu span:first-child{background:var(--acid)}
.mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:18px}.mini-cards i{height:42px;border:2px solid #111;background:var(--c);box-shadow:3px 3px 0 #111}
.mini-dialog{margin-top:18px;border:2px solid #111;background:#fff;padding:14px;box-shadow:6px 6px 0 var(--cyan)}.mini-dialog b{font-size:12px}.mini-dialog div{display:flex;gap:6px;margin-top:14px}.mini-dialog i{display:block;width:54px;height:18px;background:#111}.mini-dialog i:last-child{background:var(--pink)}
.mini-composer{margin-top:22px;border:3px solid #111;padding:12px;background:#fff;box-shadow:7px 7px 0 var(--cyan),-4px 4px 0 var(--acid)}.mini-composer i{display:block;height:8px;width:70%;background:#d6d0c6}.mini-composer i+ i{width:35%;margin-top:8px;background:var(--pink)}
.component-detail{margin-top:36px;padding:32px;border:1px solid rgba(255,255,255,.1);background:#131311}.component-detail[hidden]{display:none}.component-detail h3{font-family:var(--serif);font-size:26px}.component-detail p{margin-top:12px;max-width:70em;color:#a69d91;font-size:13px}.component-detail ul{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:24px;background:rgba(255,255,255,.1);list-style:none}.component-detail li{padding:22px;background:#0d0d0c;font-size:12px;color:#aaa094}.component-detail b{display:block;color:var(--pink);margin-bottom:8px}
.cola-dialog{--dialog-accent:var(--cyan)}.skin-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.skin-sheet{min-height:270px;padding:22px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:var(--skin-bg);color:var(--skin-fg);text-align:left;transition:.35s}.skin-sheet:hover{transform:translateY(-6px)}.skin-sheet::before{content:"";position:absolute;right:-9%;top:18%;width:60%;height:58%;border:1px solid currentColor;transform:rotate(var(--r,4deg));opacity:.55}.skin-sheet small{font:700 8px/1 ui-monospace,monospace;letter-spacing:.16em}.skin-sheet h3{position:absolute;left:22px;bottom:38px;font-family:var(--serif);font-size:25px}.skin-sheet span{position:absolute;left:22px;bottom:20px;font-size:9px;opacity:.65}

/* DAILY READING */
.reading-page{--accent:var(--blue);background:#e8dfcf;color:var(--ink);color-scheme:light}.reading-page .topline{background:rgba(239,231,216,.85);border-color:rgba(23,21,18,.15)}.reading-page .topline a,.reading-page .topline small{color:var(--ink)}.reading-page .topline a::before{color:var(--blue)}
.reading-hero{min-height:100svh;position:relative;display:grid;align-items:end;padding:100px clamp(22px,5vw,76px) 62px;overflow:hidden}.reading-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reading-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(232,223,207,.97) 0 34%,rgba(232,223,207,.74) 50%,rgba(232,223,207,.05) 75%),linear-gradient(0deg,rgba(232,223,207,.7),transparent 45%)}
.reading-hero-copy{position:relative;z-index:2;max-width:650px}.reading-hero .quiet-title{font-size:clamp(38px,5vw,70px);max-width:9.5em}.reading-hero .lede{color:#514b43;margin-top:24px;max-width:37em}.reading-seal{display:inline-flex;margin-bottom:22px;padding:6px 9px;border:1px solid var(--ink);font:800 8px/1 ui-monospace,monospace;letter-spacing:.17em;background:rgba(238,230,214,.65)}
.reading-room{padding:96px clamp(22px,5vw,76px);background:#eee6d7}.reading-room .section-label p{color:#6b645b}.day-drawer{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;perspective:1600px}.insight-card{height:430px;border:0;background:transparent;position:relative;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.8,.2,1);text-align:left}.insight-card.is-flipped{transform:rotateY(180deg)}.insight-card-face{position:absolute;inset:0;padding:34px;backface-visibility:hidden;border:1px solid rgba(23,21,18,.18);background:var(--card);box-shadow:8px 10px 0 rgba(23,21,18,.16),0 24px 45px rgba(61,50,35,.14);display:flex;flex-direction:column}.insight-card-face::before{content:"";position:absolute;width:76px;height:22px;top:-10px;left:calc(50% - 38px);background:rgba(210,194,160,.75);transform:rotate(var(--tape-rot,-2deg))}.insight-card-back{transform:rotateY(180deg);background:#1a1917;color:#f4ead9}.insight-card small{font:800 8px/1 ui-monospace,monospace;letter-spacing:.17em}.insight-card .day{font:500 70px/.9 "Bodoni 72",Didot,serif;margin-top:38px}.insight-card h3{font-family:var(--serif);font-size:24px;line-height:1.35;margin-top:auto}.insight-card p{font-size:13px;line-height:1.85;margin-top:16px;color:#5e574e}.insight-card-back p{color:#c9bdae}.insight-card .turn{margin-top:auto;font:700 8px/1 ui-monospace,monospace;letter-spacing:.14em;color:var(--blue)}
.reading-path{padding:96px clamp(22px,5vw,76px);background:#171716;color:var(--paper)}.reading-path .section-label p{color:#8a8277}.path-track{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.2)}.path-step{position:relative;padding:46px 24px 28px;border-right:1px solid rgba(255,255,255,.1);min-height:230px}.path-step::before{content:"";position:absolute;width:11px;height:11px;border-radius:50%;top:-6px;left:24px;background:var(--blue);box-shadow:0 0 0 8px rgba(25,78,234,.12)}.path-step b{font:500 34px/1 "Bodoni 72",Didot,serif;color:#5e7cff}.path-step h3{font-family:var(--serif);font-size:18px;margin:28px 0 9px}.path-step p{font-size:11px;color:#8d857a;line-height:1.8}.path-step:hover{background:rgba(25,78,234,.08)}
.recall-lab{padding:96px clamp(22px,5vw,76px);background:#d9eff7;color:var(--ink)}.recall-shell{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;align-items:start}.recall-question{background:var(--paper-bright);padding:clamp(30px,5vw,64px);border:1px solid var(--ink);box-shadow:10px 10px 0 var(--blue);min-height:420px}.recall-question small{font:800 8px/1 ui-monospace,monospace;letter-spacing:.18em}.recall-question h3{font-family:var(--serif);font-size:clamp(27px,3vw,42px);line-height:1.4;margin:48px 0}.recall-question button{border:1px solid var(--ink);background:var(--ink);color:white;padding:11px 16px;font-size:12px}.recall-answer{border-top:1px solid rgba(23,21,18,.2);padding-top:26px;margin-top:28px;font-size:14px;line-height:1.9}.recall-answer[hidden]{display:none}.privacy-note{padding:32px;border-left:3px solid var(--blue);background:rgba(255,255,255,.42);font-size:13px;line-height:1.9;color:#514b43}.privacy-note b{display:block;font-family:var(--serif);font-size:21px;color:var(--ink);margin-bottom:12px}

/* PERSPECTIVE STAGE */
.perspective-page{--accent:var(--acid);background:#070806}.perspective-hero{min-height:100svh;position:relative;padding:100px clamp(22px,5vw,76px) 60px;display:flex;align-items:flex-end;overflow:hidden}.perspective-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.perspective-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,4,.85),rgba(5,6,4,.24) 54%,rgba(5,6,4,.12)),linear-gradient(0deg,rgba(5,6,4,.82),transparent 50%)}
.perspective-copy{position:relative;z-index:2;max-width:740px}.perspective-copy .quiet-title{font-size:clamp(38px,5vw,70px);max-width:9.7em}.perspective-copy .lede{margin-top:23px;color:#c8c1b6}.stage-instruction{display:flex;gap:10px;align-items:center;margin-top:28px;font:700 9px/1 ui-monospace,monospace;letter-spacing:.15em;color:var(--acid)}.stage-instruction::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 7px rgba(209,245,45,.12)}
.mic-lab{padding:92px clamp(22px,5vw,76px);background:#0d0e0b}.hotspot-stage{position:relative;min-height:720px;max-width:1500px;margin:auto;background-image:linear-gradient(0deg,rgba(4,4,3,.96),transparent 35%),url('./assets/exhibition/perspective-stage-v1.webp');background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.11);overflow:hidden}
.mic-hotspot{position:absolute;width:54px;height:54px;border-radius:50%;border:1px solid var(--acid);background:rgba(7,8,6,.66);color:var(--acid);font:800 10px/1 ui-monospace,monospace;backdrop-filter:blur(8px);box-shadow:0 0 0 8px rgba(209,245,45,.09);transition:.3s}.mic-hotspot:hover,.mic-hotspot.is-active{background:var(--acid);color:#10110d;transform:scale(1.08)}.mic-hotspot:nth-of-type(1){left:17%;top:34%}.mic-hotspot:nth-of-type(2){left:49%;top:41%}.mic-hotspot:nth-of-type(3){right:18%;top:31%}
.evidence-drawer{position:absolute;left:0;right:0;bottom:0;min-height:270px;padding:28px clamp(20px,4vw,56px);display:none;grid-template-columns:.36fr 1fr;gap:40px;background:rgba(8,9,7,.9);border-top:1px solid var(--acid);backdrop-filter:blur(24px)}.evidence-drawer.is-active{display:grid;animation:drawerUp .42s cubic-bezier(.2,.8,.2,1)}@keyframes drawerUp{from{opacity:0;transform:translateY(35px)}}
.score-plate b{font:500 clamp(56px,8vw,110px)/.9 "Bodoni 72",Didot,serif;color:var(--acid)}.score-plate span{display:block;margin-top:12px;font:700 8px/1.5 ui-monospace,monospace;letter-spacing:.17em;color:#8a847a}.evidence-copy h3{font-family:var(--serif);font-size:clamp(24px,3vw,38px);line-height:1.28}.evidence-copy p{margin-top:14px;color:#a59e93;font-size:13px;max-width:72em}.evidence-copy ul{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px;list-style:none}.evidence-copy li{border:1px solid rgba(209,245,45,.32);padding:6px 9px;font:700 8px/1 ui-monospace,monospace;color:var(--acid)}
.protocol{padding:96px clamp(22px,5vw,76px);background:#d7f23c;color:#13140f}.protocol .section-label p{color:#53583b}.evidence-ledger{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(19,20,15,.25);border:1px solid rgba(19,20,15,.2)}.ledger-step{min-height:260px;padding:28px 22px;background:#e5fa66}.ledger-step b{font:500 40px/1 "Bodoni 72",Didot,serif}.ledger-step h3{font-family:var(--serif);font-size:18px;margin:52px 0 10px}.ledger-step p{font-size:11px;color:#5d6245;line-height:1.8}.ledger-step:nth-child(even){background:#f0f5d3}
.roundtable{padding:96px clamp(22px,5vw,76px);background:#171813}.roundtable-shell{display:grid;grid-template-columns:.36fr 1.64fr;gap:26px}.channel-mixer{position:sticky;top:86px;align-self:start;padding:24px;border:1px solid rgba(255,255,255,.12);background:#0d0e0b}.channel-mixer small{font:700 8px/1 ui-monospace,monospace;letter-spacing:.17em;color:var(--acid)}.channel-mixer button{width:100%;display:flex;justify-content:space-between;border:1px solid rgba(255,255,255,.1);background:transparent;padding:13px 14px;color:#8d877d;margin-top:8px;text-align:left;font-size:12px}.channel-mixer button.is-active,.channel-mixer button:hover{border-color:var(--acid);color:var(--acid);background:rgba(209,245,45,.07)}
.transcript{border:1px solid rgba(255,255,255,.1);padding:clamp(25px,4vw,54px);background:#0d0e0b}.voice-line{display:grid;grid-template-columns:82px 1fr;gap:28px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.08);transition:.35s}.voice-line.is-muted{opacity:.12;filter:blur(1px)}.voice-line b{color:var(--voice);font-family:var(--serif);font-size:19px}.voice-line p{color:#b5ada1;font-size:14px;line-height:1.9}.voice-line small{display:block;margin-top:10px;font:700 8px/1.5 ui-monospace,monospace;letter-spacing:.1em;color:#6f695f}
.boundary{padding:80px clamp(22px,5vw,76px);background:#080907}.boundary-board{max-width:1100px;padding:45px;border:1px solid rgba(209,245,45,.45);background:linear-gradient(115deg,rgba(209,245,45,.08),transparent)}.boundary-board h2{font-family:var(--serif);font-size:clamp(28px,4vw,52px)}.boundary-board p{margin-top:18px;color:#aaa398;line-height:1.9;max-width:68em}

@media(max-width:1050px){
  .archive-hero{grid-template-columns:1fr;padding-top:110px}.archive-table{height:690px}.case-profile-head,.case-invitation-inner{grid-template-columns:1fr}.dialog-intro,.codex-bench,.recall-shell,.roundtable-shell{grid-template-columns:1fr}.hub-gallery{grid-template-columns:1fr}.gallery-tabs{display:grid;grid-template-columns:repeat(2,1fr)}.component-detail ul{grid-template-columns:1fr}.channel-mixer{position:static}.channel-mixer div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.channel-mixer button{margin:0}.evidence-ledger{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .topline{height:52px;padding-inline:14px}.topline small{display:none}.page-progress{top:51px}.quiet-title{font-size:clamp(34px,10vw,49px);line-height:1.16}.section-label{display:block}.section-label p{margin-top:13px}
  .archive-hero{padding:88px 18px 52px;display:block}.archive-note{margin-top:24px}.archive-table{height:540px;min-height:0;margin-top:35px}.artifact-cola{left:1%;top:2%;width:68%;height:30%}.artifact-hub{right:0;top:28%;width:73%;height:34%}.artifact-codex{left:4%;bottom:2%;width:78%;height:31%}.archive-index{grid-template-columns:1fr}.archive-index button{min-height:180px}.case-profile,.case-invitation,.archive-strip,.reading-room,.reading-path,.recall-lab,.mic-lab,.protocol,.roundtable,.boundary{padding:72px 18px}.case-story-grid{grid-template-columns:1fr}.case-story-grid article{min-height:auto}.role-ledger{grid-template-columns:1fr}.role-ledger div{gap:5px}.role-ledger span{font-size:8px}.case-profile-lead{font-size:17px}
  .archive-dialog{width:100vw;height:100dvh;border:0}.dialog-bar{padding-inline:15px}.dialog-scroll{padding:34px 18px}.dialog-intro{margin-bottom:34px}.article-wall{grid-template-columns:1fr 1fr}.article-wall button{min-height:210px}.article-reader figure{grid-template-columns:1fr}.gallery-tabs{grid-template-columns:1fr 1fr}.gallery-stage{min-height:420px;padding:10px}.gallery-caption{display:block}.gallery-caption p{text-align:left;margin-top:7px}.codex-figure{min-height:460px}.component-rack,.skin-wall{grid-template-columns:1fr}.component-specimen{min-height:190px}
  .reading-hero{padding:88px 18px 45px;min-height:92svh}.reading-hero::after{background:linear-gradient(0deg,rgba(232,223,207,.96) 0 42%,rgba(232,223,207,.18) 78%)}.reading-hero-copy{max-width:none}.reading-hero .quiet-title{font-size:clamp(36px,10vw,50px)}.day-drawer{grid-template-columns:1fr}.insight-card{height:390px}.path-track{grid-template-columns:1fr;border-left:1px solid rgba(255,255,255,.2);border-top:0}.path-step{min-height:auto;padding:24px 25px 24px 38px;border-bottom:1px solid rgba(255,255,255,.08);border-right:0}.path-step::before{left:-6px;top:31px}.path-step h3{margin:16px 0 7px}.recall-question{min-height:360px}
  .perspective-hero{padding:86px 18px 48px;min-height:92svh}.perspective-hero::after{background:linear-gradient(0deg,rgba(5,6,4,.93),rgba(5,6,4,.12) 80%)}.perspective-copy .quiet-title{font-size:clamp(35px,10vw,50px)}.hotspot-stage{min-height:780px;background-position:center}.mic-hotspot:nth-of-type(1){left:12%;top:21%}.mic-hotspot:nth-of-type(2){left:46%;top:30%}.mic-hotspot:nth-of-type(3){right:12%;top:20%}.evidence-drawer{grid-template-columns:1fr;gap:15px;min-height:420px}.score-plate b{font-size:68px}.evidence-ledger{grid-template-columns:1fr}.ledger-step{min-height:auto}.ledger-step h3{margin:24px 0 8px}.channel-mixer div{grid-template-columns:1fr 1fr}.voice-line{grid-template-columns:1fr;gap:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}