:root{--bg-dark:#050505;--text-dark-theme:#e8e6e3;--bg-light:#fcfcfc;--text-light-theme:#1a1a1a;--accent-orange:#ff6b00;--border-color-dark:#ffffff14;--border-color-light:#00000014;--font-header:"Space Grotesk", sans-serif;--font-body:"Literata", serif;--font-mono:"Space Mono", monospace;--font-handwritten:"Caveat", cursive;--transition-speed:.8s}html{scroll-behavior:smooth;scroll-padding-top:6rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-current,var(--bg-dark));color:var(--text-current,var(--text-dark-theme));font-family:var(--font-body);transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease;font-size:1.15rem;line-height:1.75;overflow-x:hidden}body.active-chapter-0{--bg-current:#0d0c0b;--text-current:#e8e4e0;--border-current:#ffffff14;--pre-bg-current:#0006}body.active-chapter-1{--bg-current:#1b1612;--text-current:#f4eae0;--border-current:#fff0dc1a;--pre-bg-current:#00000059}body.active-chapter-2{--bg-current:#413631;--text-current:#faefe6;--border-current:#ffe6d226;--pre-bg-current:#0000004d}body.active-chapter-3{--bg-current:#56505c;--text-current:#fff;--border-current:#ffffff26;--pre-bg-current:#00000040}body.active-chapter-4{--bg-current:#ded9cd;--text-current:#1e1b15;--border-current:#0000001a;--pre-bg-current:#fff3}body.active-chapter-5{--bg-current:#f6f4ee;--text-current:#141311;--border-current:#00000014;--pre-bg-current:#00000008}.dossier-layout{min-height:100vh;display:flex}.sidebar-nav{border-right:1px solid var(--border-current,var(--border-color-dark));width:320px;height:100vh;font-family:var(--font-mono);transition:border-color var(--transition-speed) ease;flex-direction:column;justify-content:space-between;padding:3rem 2rem;font-size:.8rem;display:flex;position:fixed;top:0;left:0}.nav-sticky-content{flex-direction:column;justify-content:space-between;height:calc(100vh - 6rem);display:flex;position:sticky;top:3rem}.studio-branding .brand-icon{object-fit:cover;border-radius:12px;width:100%;height:auto;margin:.75rem 0;transition:transform .3s,box-shadow .3s;display:block}.studio-branding:hover .brand-icon{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b0026}.studio-branding .brand-sub{color:var(--accent-orange);letter-spacing:.18em;text-transform:uppercase;font-size:.7rem;font-weight:700}.studio-branding .brand-main{font-family:var(--font-header);letter-spacing:-1px;margin-top:.2rem;font-size:1.6rem;font-weight:700}.scroll-spy-links{flex-direction:column;gap:1.2rem;margin:auto 0;display:flex}.nav-item{color:inherit;opacity:.4;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;text-decoration:none;transition:opacity .3s,padding-left .3s}.nav-item:hover,.nav-item.active{opacity:1;padding-left:.5rem;font-weight:700}.nav-footer-signature{opacity:.3;line-height:1.4}.content-stream{width:calc(100% - 320px);max-width:1400px;margin-left:320px;padding:6rem 4rem}.editorial-chapter{grid-template-columns:65% 30%;gap:5%;margin-bottom:12rem;scroll-margin-top:6rem;display:grid;position:relative}.chapter-main{flex-direction:column;display:flex}.chapter-aside{flex-direction:column;gap:2.5rem;padding-top:6.5rem;display:flex}.chapter-aside pre{font-family:var(--font-mono);border-left:2px solid var(--accent-orange);white-space:pre-wrap;opacity:.7;font-variant-numeric:tabular-nums;background:0 0;margin-bottom:0;padding-left:1.2rem;font-size:.75rem;transition:opacity .3s;overflow-x:auto}.chapter-aside pre:hover{opacity:1}.editorial-chapter h2{font-family:var(--font-header);letter-spacing:-2px;max-width:100%;margin-bottom:3rem;font-size:3.5rem;font-weight:700;line-height:1.1}.editorial-chapter h4{font-family:var(--font-header);margin-top:3rem;margin-bottom:1rem;font-size:1.8rem}.editorial-chapter p{text-align:left;max-width:95%;margin-bottom:2rem;font-weight:300}.editorial-chapter p em{font-family:var(--font-body);font-style:italic}.chapter-exhibit-slot{width:100%;margin:4rem 0}.exhibit-frame-16-9{aspect-ratio:16/9;border:1px solid var(--border-current,var(--border-color-dark));width:100%;transition:border-color var(--transition-speed) ease;background-color:#0000001a;overflow:hidden}.exhibit-frame-16-9 img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .5s}.exhibit-caption{font-family:var(--font-mono);opacity:.6;text-transform:uppercase;letter-spacing:.12em;margin-top:.8rem;font-size:.68rem}.split-exhibit-grid{gap:2rem;max-width:90%;margin:4rem 0;display:flex}.split-exhibit-grid .exhibit-frame-16-9{aspect-ratio:4/3}#introduction h2{max-width:100%;font-size:5rem}.editorial-chapter{opacity:0;filter:blur(4px);will-change:transform, opacity, filter;transition:opacity 1.4s cubic-bezier(.16,1,.3,1),transform 1.4s cubic-bezier(.16,1,.3,1),filter 1.4s cubic-bezier(.16,1,.3,1);transform:translateY(30px)scale(.99)}.editorial-chapter.is-visible{opacity:1;filter:blur();transform:translateY(0)scale(1)}.scroll-progress-container{pointer-events:none;z-index:5;background:0 0;width:2px;height:100%;position:absolute;top:0;right:-1px}.scroll-progress-bar{background:var(--accent-orange);width:100%;height:0%;transition:height .1s ease-out}.image-slider-container{--slider-pos:50%;aspect-ratio:16/9;border:1px solid var(--border-current,var(--border-color-dark));-webkit-user-select:none;user-select:none;width:100%;transition:border-color var(--transition-speed) ease;background-color:#0000001a;margin:4rem 0;position:relative;overflow:hidden}.slider-bg-img,.slider-overlay-img{object-fit:cover;width:100%;height:100%}.slider-bg-img{display:block}.slider-overlay-img{filter:grayscale();clip-path:polygon(0 0, var(--slider-pos) 0, var(--slider-pos) 100%, 0 100%);-webkit-clip-path:polygon(0 0, var(--slider-pos) 0, var(--slider-pos) 100%, 0 100%);position:absolute;top:0;left:0}.slider-handle{top:0;bottom:0;left:var(--slider-pos);background:var(--accent-orange);cursor:ew-resize;z-index:10;width:1px;position:absolute;transform:translate(-50%)}.slider-label{font-family:var(--font-mono);background:var(--bg-current);color:var(--text-current);border:1px solid var(--border-current);pointer-events:none;z-index:12;opacity:0;letter-spacing:.1em;transition:opacity .3s ease, background-color var(--transition-speed) ease, color var(--transition-speed) ease, border-color var(--transition-speed) ease;border-radius:4px;padding:.25rem .5rem;font-size:.65rem;font-weight:700;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 10px #00000040}.slider-label-left{right:calc(100% + 12px)}.slider-label-right{left:calc(100% + 12px)}.image-slider-container:hover .slider-label,.image-slider-container:active .slider-label{opacity:.9}.slider-center-dot{background:var(--accent-orange);cursor:ew-resize;z-index:11;border-radius:4px;width:8px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d}.skip-to-content{z-index:-999;width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.skip-to-content:focus-visible{background:var(--bg-current);width:auto;height:auto;color:var(--accent-orange);border:1px solid var(--accent-orange);z-index:9999;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;outline:none;padding:.8rem 1.5rem;font-size:.8rem;position:fixed;top:1rem;left:1rem;box-shadow:0 4px 20px #00000080}.nav-item:focus-visible{outline:2px solid var(--accent-orange);outline-offset:4px;opacity:1}.slider-handle:focus-visible{outline:2px solid var(--accent-orange);outline-offset:4px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}body,.sidebar-nav,.nav-item,.scroll-progress-bar{transition:none!important}.editorial-chapter{opacity:1!important;filter:none!important;will-change:auto!important;transition:none!important;transform:none!important}.image-slider-container,.slider-label{transition:none!important}.pulse-ring,.scanner-sweep,.flow-dots path,.rec-indicator{animation:none!important}}.schematic-svg{width:100%;height:100%;color:var(--text-current);transition:color var(--transition-speed) ease;background:0 0;display:block}.aside-svg{width:100%;height:auto;color:var(--text-current);transition:color var(--transition-speed) ease, transform .4s cubic-bezier(.16, 1, .3, 1);transform-origin:50%;margin-bottom:.8rem;display:block}.aside-svg:hover{transform:scale(1.03)rotate(.5deg)}.aside-svg text.handwritten{font-family:var(--font-handwritten,"Caveat", cursive);fill:currentColor;font-size:1.45rem;font-weight:400}.aside-svg text.handwritten-accent{font-family:var(--font-handwritten,"Caveat", cursive);fill:var(--accent-orange);font-size:1.45rem;font-weight:400}.aside-svg path,.aside-svg line,.aside-svg circle,.aside-svg rect,.aside-svg polygon{vector-effect:non-scaling-stroke}.chapter-aside-item{flex-direction:column;transition:transform .3s;display:flex}@keyframes pulse{0%{opacity:.9;transform:scale(.8)}50%{opacity:.15;transform:scale(2)}to{opacity:.9;transform:scale(.8)}}.pulse-ring{transform-origin:50%;transform-box:fill-box;animation:3s ease-out infinite pulse}@keyframes scanner-sweep-y{0%{transform:translateY(20px)}50%{transform:translateY(880px)}to{transform:translateY(20px)}}.scanner-sweep{animation:6s ease-in-out infinite scanner-sweep-y}@keyframes flow-offset{to{stroke-dashoffset:-20px}}.flow-dots path{animation:1.2s linear infinite flow-offset}@keyframes rec-blink{0%,to{opacity:.9}50%{opacity:.1}}.rec-indicator{animation:1.2s step-end infinite rec-blink}@media (prefers-reduced-motion:no-preference){.aside-svg .march-flow{stroke-dasharray:8 6;animation:2s linear infinite march-forward}.aside-svg .march-flow-reverse{stroke-dasharray:8 6;animation:2s linear infinite march-backward}@keyframes march-forward{to{stroke-dashoffset:-14px}}@keyframes march-backward{to{stroke-dashoffset:14px}}.aside-svg .jitter-needle{transform-origin:120px 150px;animation:2.5s ease-in-out infinite needle-jitter}@keyframes needle-jitter{0%,to{transform:rotate(0)}50%{transform:rotate(2.5deg)}}.aside-svg .lamp-blink{animation:1.8s step-end infinite lamp-fade}@keyframes lamp-fade{0%,to{opacity:1}50%{opacity:.3}}.aside-svg .spin-slow{animation:25s linear infinite spin-clockwise}.aside-svg .spin-slow-reverse{animation:25s linear infinite spin-counter-clockwise}.aside-svg .spin-medium{animation:12s linear infinite spin-clockwise}@keyframes spin-clockwise{to{transform:rotate(360deg)}}@keyframes spin-counter-clockwise{to{transform:rotate(-360deg)}}.aside-svg .ripple-ring-1{transform-origin:200px 125px;animation:3s cubic-bezier(.16,1,.3,1) infinite ripple-wave}.aside-svg .ripple-ring-2{transform-origin:200px 125px;animation:3s cubic-bezier(.16,1,.3,1) 1.5s infinite ripple-wave}@keyframes ripple-wave{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.3)}}.aside-svg .shimmer-slow{animation:4s ease-in-out infinite active-shimmer}@keyframes active-shimmer{0%,to{opacity:.4}50%{opacity:.95}}.aside-svg .demo-slide{animation:5s ease-in-out infinite handle-slide-back-forth}@keyframes handle-slide-back-forth{0%,to{transform:translate(0)}50%{transform:translate(10px)}}}