@font-face{font-family:Cormorant;src:url(/ai-web-experience-collection/pelagic/fonts/cormorant-garamond-latin-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cormorant;src:url(/ai-web-experience-collection/pelagic/fonts/cormorant-garamond-latin-400-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Manrope;src:url(/ai-web-experience-collection/pelagic/fonts/manrope-latin-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/ai-web-experience-collection/pelagic/fonts/manrope-latin-500-normal.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--water:#071923;--deep:#07141b;--depth:#17343b;--ink:#e8e2cf;--muted:#9dbebb;--rule:#9dbebb40;--lure:#be5142;--gutter:6.8vw;--header:96px;--footer:100px;--step:125vh;font-synthesis:none;color:var(--ink);background:var(--water);font-family:Manrope,Arial,sans-serif;font-weight:400}*,:before,:after{box-sizing:border-box}html{scrollbar-color:#48625f var(--water);scrollbar-width:thin}body{margin:0;overflow-x:clip}::selection{color:#071923;background:#9dbebb}button,input,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:5px}[hidden]{display:none!important}.icon-definitions{width:0;height:0;position:absolute;overflow:hidden}.icon{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:21px;height:21px}.icon-button{border:1px solid var(--rule);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,border-color .2s;display:inline-flex}.icon-button:hover{border-color:var(--muted);background:#9dbebb1a}.text-button{min-height:44px;color:var(--ink);text-align:left;align-items:center;gap:12px;padding:0;font-size:13px;font-weight:400;line-height:1.6;display:inline-flex}.text-button:hover{color:var(--muted)}.text-button .icon{width:18px;height:18px}.skip-link{z-index:100;background:var(--ink);color:var(--water);padding:12px 20px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{height:var(--header);z-index:20;padding:0 var(--gutter);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.site-header>*{pointer-events:auto}.brand{letter-spacing:.22em;align-items:center;gap:13px;font-size:17px;font-weight:500;display:flex}.brand svg{fill:none;width:30px;height:24px;stroke:var(--muted);stroke-width:1px}.top-nav{align-items:center;gap:32px;display:flex}.index-button{gap:12px}.motion-toggle{margin-left:4px}.story{height:calc(100svh + var(--step) * 4);position:relative}.stage{isolation:isolate;width:100%;height:100svh;position:sticky;top:0;overflow:clip}.water{z-index:-3;background:radial-gradient(at 73% 41%,#142b32 0%,#0c2029 32%,#071923 68%,#07161e 100%);position:absolute;inset:0}#scene,#svg-scene{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#svg-scene{display:none}#svg-scene>svg{width:100%;height:100%;display:block}.first-frame{z-index:-2;pointer-events:none;opacity:1;place-items:center;display:grid;position:absolute;inset:12% 5% 11% 46%}.first-frame img,.first-frame>svg{object-fit:contain;filter:brightness(.72);width:100%;height:100%}.stage[data-ready=true] .first-frame{visibility:hidden}.chapter-stack{inset:var(--header) var(--gutter) var(--footer);outline:none;display:grid;position:absolute}.chapter{visibility:hidden;opacity:0;pointer-events:none;grid-area:1/1;grid-template-columns:43% 57%;align-items:center;min-width:0;min-height:0;display:grid}.chapter.active{visibility:visible;opacity:1;pointer-events:auto}.chapter .text-stack{width:100%;max-width:650px;padding:22px 0 24px}.prose{z-index:1;position:relative}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.035em;text-wrap:balance;font-family:Cormorant,Georgia,Times New Roman,serif;font-weight:400;line-height:.91}h1{font-size:clamp(84px,8.4vw,180px);line-height:.88}h1 em,h2 em{font-weight:400}h2{font-size:clamp(64px,6.7vw,142px);line-height:.95}.prose>p:not(.chapter-kicker){color:var(--muted);max-width:37ch;margin-top:26px;font-size:clamp(14px,1.13vw,20px);line-height:1.8}.prose>.intro{margin-top:30px}.chapter-kicker{color:var(--muted);letter-spacing:.08em;margin-bottom:26px;font-size:11px;line-height:1.5}.controls{z-index:2;max-width:340px;margin-top:32px;position:relative}.hero-controls{max-width:360px;margin-top:37px}.primary-link{letter-spacing:.015em;align-items:center;gap:16px;min-height:54px;font-size:14px;display:inline-flex}.action-circle{border:1px solid #9dbebb73;border-radius:50%;place-items:center;width:50px;height:50px;transition:background .25s,transform .25s;display:grid}.primary-link:hover .action-circle{background:#254047;transform:translate(3px)}.hero-footnote{color:var(--muted);margin-top:24px;font-size:11px;line-height:1.7}.scene-space{min-width:0;height:100%;min-height:0}.specimen-caption{left:68%;bottom:calc(var(--footer) + 13px);pointer-events:none;align-items:flex-start;gap:17px;display:flex;position:absolute}.specimen-line{background:var(--muted);opacity:.5;width:49px;height:1px;margin-top:9px}.specimen-caption em{letter-spacing:.01em;font-family:Cormorant,Georgia,serif;font-size:23px;display:block}.specimen-caption span:not(.specimen-line){color:var(--muted);letter-spacing:.025em;margin-top:4px;font-size:10px;line-height:1.7;display:block}.scene-label{right:var(--gutter);top:calc(var(--header) + 7px);color:var(--muted);letter-spacing:.08em;opacity:.8;font-size:9px;position:absolute}.observation-frame{left:49%;right:5%;top:calc(var(--header) + 4px);bottom:calc(var(--footer) + 3px);pointer-events:none;opacity:.38;position:absolute}.observation-frame span{border-color:var(--muted);border-style:solid;width:15px;height:15px;position:absolute}.observation-frame span:first-child{border-width:1px 0 0 1px;top:0;left:0}.observation-frame span:nth-child(2){border-width:1px 1px 0 0;top:0;right:0}.observation-frame span:nth-child(3){border-width:0 0 1px 1px;bottom:0;left:0}.observation-frame span:nth-child(4){border-width:0 1px 1px 0;bottom:0;right:0}.edit-label{left:55%;top:calc(var(--header) + 30px);letter-spacing:.06em;color:var(--muted);opacity:0;pointer-events:none;font-size:10px;position:absolute}.control-label{letter-spacing:.02em;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;font-size:12px;line-height:1.6;display:flex}output{font-variant-numeric:tabular-nums;color:var(--muted)}input[type=range]{--fill:0%;cursor:ew-resize;width:100%;height:24px;accent-color:var(--ink);appearance:none;touch-action:pan-y;background:0 0;margin:0;padding:0;display:block}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--ink) var(--fill),#516764 var(--fill));border:0;height:1px}input[type=range]::-moz-range-track{background:#516764;height:1px}input[type=range]::-moz-range-progress{background:var(--ink);height:1px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ink);border:2px solid var(--ink);border-radius:50%;width:11px;height:11px;margin-top:-5px;box-shadow:0 0 0 5px #e8e2cf0d}input[type=range]::-moz-range-thumb{background:var(--ink);border:1px solid var(--ink);border-radius:50%;width:9px;height:9px}.range-ends{color:var(--muted);justify-content:space-between;margin-top:3px;font-size:10px;display:flex}.light-mode{min-height:35px;color:var(--muted);justify-content:space-between;align-items:center;gap:14px;font-size:10px;display:flex}.light-mode .text-button{text-underline-offset:4px;min-height:35px;font-size:10px;text-decoration:underline}.control-note{color:var(--muted);margin-top:13px;font-size:10px;line-height:1.7}.manual-hint{bottom:calc(var(--footer) + 73px);right:var(--gutter);width:29ch;color:var(--muted);text-align:right;font-size:11px;line-height:1.6;position:absolute}.playback-actions{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.playback-actions .icon-button{width:38px;height:38px}.playback-actions>.text-button{font-size:13px}.quiet-only{display:none}html[data-motion=quiet] .quiet-only{display:inline-flex}.pattern-row{border-bottom:1px solid var(--rule);gap:28px;margin-bottom:10px;display:flex}.pattern-row button{color:var(--muted);border-bottom:1px solid #0000;min-height:40px;padding:0 3px 8px;font-size:12px}.pattern-row button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}.switch-row{align-items:center;min-height:48px;margin-bottom:10px;display:flex}.switch{cursor:pointer;align-items:center;gap:12px;min-height:44px;font-size:12px;line-height:1.5;display:inline-flex;position:relative}.switch input{opacity:0;z-index:1;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch-track{background:#2c464b;border:1px solid #6d8582;border-radius:20px;flex:none;width:31px;height:17px;transition:background .2s;position:relative}.switch-track:after{content:"";background:var(--muted);border-radius:50%;width:9px;height:9px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch input:checked+.switch-track{background:#5c716b;border-color:#91a69b}.switch input:checked+.switch-track:after{background:var(--ink);transform:translate(14px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--ink);outline-offset:5px}.compact-light .control-label{margin-bottom:5px}.compact-light .light-mode{min-height:29px}.compare-link{min-height:36px;font-size:11px}.pattern-controls{margin-top:23px}.pattern-controls .control-note{margin-top:3px}.prose>.closing-copy{margin-top:18px!important;font-size:13px!important;line-height:1.8!important}.end-controls{flex-direction:column;gap:3px;max-width:375px;margin-top:25px;display:flex}.end-controls>.text-button{min-height:38px;font-size:12px}.end-controls>.text-button .icon{margin-left:auto}.muted-link{color:var(--muted)}.end-light{max-width:300px;margin-top:13px}.stage-footer{bottom:0;left:var(--gutter);right:var(--gutter);height:var(--footer);border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:32px;display:flex;position:absolute}.scroll-cue{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;font-size:10px;display:flex}.scroll-cue .icon{width:15px;height:20px}.chapter-nav{align-items:center;gap:25px;display:flex}.chapter-nav a{min-height:44px;color:var(--muted);align-items:center;gap:9px;font-size:10px;display:flex;position:relative}.chapter-nav a:after{content:"";background:var(--ink);transform-origin:0;height:1px;transition:transform .3s;position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0)}.chapter-nav a[aria-current=step]{color:var(--ink)}.chapter-nav a[aria-current=step]:after{transform:scaleX(1)}.nav-number{font-variant-numeric:tabular-nums;opacity:.65;font-size:9px}.chapter-count{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:15px;font-size:10px;display:flex}#chapter-current{color:var(--ink)}.count-rule{background:var(--rule);width:36px;height:1px}.sheet{width:min(650px,100% - 48px);max-height:calc(100svh - 56px);color:var(--ink);overscroll-behavior:contain;scrollbar-width:thin;background:#0d232c;border:1px solid #375052;padding:32px 48px 45px;overflow-y:auto;box-shadow:0 30px 100px #0006}.sheet::backdrop{background:#030c12d9}.sheet-top{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.sheet-top>span{letter-spacing:.15em;color:var(--muted);font-size:10px}.sheet-top .icon-button{border:0;margin-right:-12px}.sheet h2{margin-bottom:24px;font-size:66px}.sheet>p{color:var(--muted);max-width:54ch;font-size:13px;line-height:1.9}.index-list{margin:35px 0 20px;display:grid}.index-list a{border-top:1px solid var(--rule);align-items:center;gap:20px;min-height:65px;font-size:15px;display:flex}.index-list a>span{color:var(--muted);font-size:10px}.index-list a>.icon{margin-left:auto}.index-list a:hover{color:var(--muted)}.notes-sheet{width:min(740px,100% - 48px)}.notes-section{border-top:1px solid var(--rule);grid-template-columns:25px 1fr;gap:20px;padding:28px 0;display:grid}.notes-intro{margin-bottom:32px}.note-index{color:var(--muted);padding-top:5px;font-size:10px}.notes-section h3,.notes-method h3{margin:0 0 12px;font-size:15px;font-weight:500}.notes-section p,.notes-method p{color:var(--muted);margin-bottom:16px;font-size:12px;line-height:1.9}.notes-section a{text-underline-offset:4px;padding:9px 0;font-size:11px;line-height:1.7;-webkit-text-decoration:underline #516a69;text-decoration:underline #516a69;display:block}.notes-method{border-top:1px solid var(--rule);padding-top:28px}.compare-sheet{width:min(850px,100% - 48px)}.comparison-pair{grid-template-columns:1fr 1fr;gap:26px;margin:24px 0;display:grid}.comparison-pair figure{text-align:center;min-width:0;margin:0}.still-art{height:330px}.still-art svg{width:100%;height:100%}.comparison-pair figcaption{font-size:12px}.comparison-pair figcaption strong{margin-bottom:6px;font-weight:500;display:block}.comparison-pair figcaption span{color:var(--muted);font-size:10px}.comb-art{height:270px;margin:12px 0}.comb-art svg{width:100%;height:100%}.comb-sheet .control-label{margin-top:10px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.no-script{max-width:800px;margin:auto;padding:100px 32px}.no-script h1{font-size:64px}.no-script h2{margin:60px 0 25px;font-size:44px}.no-script p{color:var(--muted);font-size:16px;line-height:1.8}.no-script img{object-fit:contain;max-width:100%;margin:30px auto;display:block}.no-script a{text-decoration:underline}@media (width>=2000px){:root{--header:128px;--footer:120px}.chapter .text-stack{max-width:760px}.brand{gap:19px;font-size:23px}.brand svg{width:40px;height:30px}.top-nav{gap:45px}.top-nav .text-button{font-size:16px}.chapter-kicker{font-size:14px}.controls{max-width:420px;margin-top:44px}.primary-link{font-size:18px}.hero-footnote{font-size:13px}.control-label,.switch,.pattern-row button{font-size:15px}.control-note,.light-mode,.range-ends,.light-mode .text-button{font-size:12px}.pattern-controls .text-button{font-size:14px}.chapter-nav{gap:38px}.chapter-nav a{font-size:13px}.nav-number{font-size:11px}.scroll-cue,.chapter-count{font-size:12px}.specimen-caption em{font-size:30px}.specimen-caption span:not(.specimen-line){font-size:12px}.scene-label{font-size:11px}.prose>.closing-copy{font-size:17px!important}.end-controls>.text-button{font-size:15px}}@media (width>=1200px) and (height<=760px){:root{--header:74px;--footer:78px}h1{font-size:94px}h2{font-size:72px}.chapter-kicker{margin-bottom:18px}.prose>p:not(.chapter-kicker){margin-top:19px;font-size:13px}.controls{margin-top:20px}.hero-controls{margin-top:24px}.hero-footnote{margin-top:16px}.pattern-controls{margin-top:15px}}@media (width<=1199px) and (width>=761px){:root{--gutter:5vw;--header:88px;--footer:86px}.chapter{grid-template-columns:47% 53%}h1{font-size:clamp(72px,9.7vw,111px)}h2{font-size:clamp(56px,7.4vw,80px)}.prose>p:not(.chapter-kicker){max-width:31ch;font-size:14px;line-height:1.75}.chapter-kicker{max-width:30ch;font-size:10px}.controls{max-width:285px}.chapter-nav{gap:20px}.nav-name{display:none}.chapter-nav a{justify-content:center;width:28px}.nav-number{font-size:11px}.scene-label{text-align:right;max-width:22ch;font-size:8px}.specimen-caption{gap:10px;left:66%}.specimen-line{width:25px}.specimen-caption em{font-size:21px}.specimen-caption span:not(.specimen-line){max-width:22ch;font-size:9px}.observation-frame{left:52%}.top-nav{gap:22px}.end-controls>.text-button{font-size:11px}}@media (width<=760px){:root{--gutter:7vw;--header:74px;--footer:65px;--step:110svh}.site-header{gap:12px}.brand{letter-spacing:.18em;gap:8px;font-size:13px}.brand svg{width:23px;height:20px}.top-nav{gap:16px}.top-nav .text-button{font-size:11px}.index-button span{display:none}.index-button .icon{width:19px}.motion-toggle{width:33px;height:33px;margin-left:0}.motion-toggle .icon{width:17px}.chapter-stack{inset:var(--header) var(--gutter) var(--footer)}.chapter{flex-direction:column;align-items:stretch;min-height:0;padding-top:12px;display:flex}.chapter .text-stack{display:contents}.prose{flex:none;order:0;max-width:100%;padding:0}h1{max-width:12ch;font-size:clamp(52px,14.5vw,90px);line-height:.91}h1 br:nth-of-type(2){display:none}h2{max-width:15ch;font-size:clamp(43px,11.9vw,72px);line-height:.94}.prose>p:not(.chapter-kicker){max-width:37ch;margin-top:14px;font-size:12px;line-height:1.75}.chapter-kicker{letter-spacing:.05em;margin-bottom:12px;font-size:9px;line-height:1.5}.scene-space{flex:1;order:1;min-height:135px;margin:10px -9px 3px}.controls{flex:none;order:2;width:100%;max-width:none;margin:0 0 16px}.hero-controls{margin-bottom:21px}.primary-link{gap:13px;min-height:42px;font-size:12px}.action-circle{width:39px;height:39px}.action-circle .icon{width:17px}.hero-footnote{margin-top:12px;font-size:9px;line-height:1.6}.control-label{margin-bottom:5px;font-size:12px}.range-ends{font-size:10px}.light-mode,.light-mode .text-button{min-height:30px;font-size:10px}.control-note{margin-top:5px;font-size:10px;line-height:1.6}.specimen-caption{display:none}.scene-label{right:var(--gutter);top:auto;bottom:calc(var(--footer) + 190px);font-size:8px;display:none}.observation-frame{display:none}.first-frame{inset:35% 7% 22%}.edit-label{left:var(--gutter);max-width:18ch;font-size:9px;line-height:1.6;top:46%}.stage-footer{gap:16px}.scroll-cue{gap:5px;font-size:9px}.scroll-cue .icon{width:13px;height:17px}.chapter-nav{flex:1;justify-content:flex-end;gap:12px}.chapter-nav a{justify-content:center;min-width:22px;min-height:40px}.nav-name{display:none}.nav-number{opacity:1;font-size:10px}.chapter-count{display:none}.playback-actions{margin-bottom:8px}.playback-actions>.text-button{min-height:36px;font-size:11px}.playback-actions .icon-button{width:34px;height:34px}.pattern-controls{grid-template-columns:1fr 1fr;align-items:center;column-gap:15px;display:grid}.pattern-row{gap:18px;margin:0}.pattern-row button{min-height:40px;padding-bottom:4px;font-size:11px}.switch-row{min-height:40px;margin:0}.switch{gap:7px;min-height:40px;font-size:10px}.switch span:last-child{min-width:0;line-height:1.45}.switch-track{width:28px;height:16px}.switch-track:after{width:8px;height:8px;top:3px;left:3px}.switch input:checked+.switch-track:after{transform:translate(12px)}.compact-light{grid-column:1/-1;margin-top:9px}.compact-light .light-mode{min-height:28px}.compact-light .control-label{font-size:11px}.compare-link{min-height:38px;font-size:11px}.pattern-controls .control-note{text-align:right;margin:0;font-size:10px;line-height:1.5}.manual-hint{display:none!important}.end-controls{grid-template-columns:1fr 1fr;gap:0 20px;margin:0 0 12px;display:grid}.end-controls>.text-button{min-height:44px;font-size:11px;line-height:1.5}.end-controls>.text-button .icon{width:14px}.end-light{grid-column:1/-1;max-width:none;margin-top:7px}.prose>.closing-copy{margin-top:9px!important;font-size:11px!important;line-height:1.7!important}.desktop-break{display:none}.quiet-only{min-height:28px;font-size:10px}.sheet{width:calc(100% - 28px);max-height:calc(100svh - 28px);padding:18px 24px 28px}.sheet-top{margin-bottom:18px}.sheet-top>span{font-size:9px}.sheet h2{margin-bottom:20px;font-size:49px}.sheet>p{font-size:12px;line-height:1.75}.index-list{margin-top:27px}.index-list a{gap:13px;min-height:61px;font-size:12px}.notes-section{grid-template-columns:18px 1fr;gap:13px;padding:24px 0}.notes-section h3,.notes-method h3{font-size:13px}.notes-section p,.notes-method p{font-size:11px}.notes-section a{overflow-wrap:anywhere;font-size:10px}.comparison-pair{gap:14px;margin:18px 0}.still-art{height:240px}.comparison-pair figcaption{font-size:11px}.comparison-pair figcaption span{font-size:9px;line-height:1.6;display:block}.comb-art{height:230px}}@media (width<=380px){:root{--header:65px;--footer:59px;--gutter:6vw}.top-nav{gap:12px}.brand{gap:7px;font-size:12px}.brand svg{width:20px}.top-nav .text-button{font-size:10px}.chapter{padding-top:9px}h1{font-size:54px}h2{font-size:43px}.prose>p:not(.chapter-kicker){margin-top:11px;font-size:11px;line-height:1.65}.chapter-kicker{margin-bottom:9px;font-size:8px}.scene-space{min-height:125px;margin-top:6px}.controls{margin-bottom:11px}.scroll-cue{font-size:8px}.chapter-nav{gap:9px}.pattern-row{gap:13px}.pattern-row button{font-size:10px}.pattern-controls{column-gap:12px}}@media (height<=650px) and (width<=760px){:root{--header:58px;--footer:54px}h1{font-size:48px}h2{font-size:39px}.prose>p:not(.chapter-kicker){margin-top:10px;font-size:11px;line-height:1.55}.chapter-kicker{margin-bottom:8px;font-size:8px}.chapter{padding-top:6px}.hero-footnote{margin-top:8px}.controls{margin-bottom:9px}.scene-space{min-height:108px}.pattern-controls{row-gap:0}.pattern-row button,.switch-row,.switch{min-height:32px}.compact-light{margin-top:5px}.compact-light .light-mode{min-height:25px}}@media (width>=761px) and (height<=760px){:root{--header:72px;--footer:70px}.chapter .text-stack{padding:12px 0}h1{font-size:clamp(52px,13vh,94px)}h2{font-size:clamp(45px,9.6vh,70px)}.chapter-kicker{margin-bottom:16px;font-size:10px}.prose>p:not(.chapter-kicker){margin-top:17px;font-size:13px;line-height:1.65}.controls,.hero-controls{margin-top:19px}.hero-footnote{margin-top:14px}.pattern-controls{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.pattern-row{gap:18px;margin:0}.pattern-row button{min-height:40px;font-size:11px}.switch-row{margin:0}.switch{gap:7px;min-height:40px;font-size:10px}.compact-light{grid-column:1/-1;margin-top:8px}.pattern-controls .control-note{text-align:right;margin:0;font-size:10px;line-height:1.5}.playback-actions{margin-bottom:12px}}@media (height<=520px){:root{--header:58px;--footer:55px;--gutter:5vw}.chapter-stack{scrollbar-width:thin;overflow-y:auto}.chapter{grid-template-columns:45% 55%;align-items:center;min-height:100%;padding:4px 0;display:grid}.chapter .text-stack{padding:0;display:block}h1{font-size:clamp(36px,8.6vh,46px)}h2{font-size:clamp(26px,6.7vh,34px)}.prose>p:not(.chapter-kicker){margin-top:8px;font-size:12px;line-height:1.5}.controls{margin-top:8px;margin-bottom:0}.scene-space{order:0;height:100%;min-height:0;margin:0}.chapter-kicker{margin-bottom:4px;font-size:9px;line-height:1.5}.top-nav{gap:18px}.chapter-nav{gap:15px}.nav-name,.scene-label,.specimen-caption{display:none}.hero-footnote{margin-top:10px}.pattern-controls{grid-template-columns:1fr 1fr;gap:0 13px;display:grid}.pattern-row{gap:16px;margin:0}.pattern-row button{min-height:32px;font-size:11px}.switch-row{min-height:32px;margin:0}.switch{gap:7px;min-height:32px;font-size:10px}.control-label{margin-bottom:5px;font-size:11px}.light-mode,.compact-light .light-mode{min-height:24px;font-size:10px}.compact-light{grid-column:1/-1;margin-top:5px}.compare-link,.pattern-controls .control-note{font-size:10px}.compare-link{min-height:32px}.pattern-controls .control-note{margin:0;line-height:1.5}.end-controls{grid-template-columns:1fr 1fr;gap:0 12px;max-width:none;display:grid}.end-controls>.text-button{min-height:38px;font-size:11px;line-height:1.5}.end-light{grid-column:1/-1;margin-top:5px}.prose>.closing-copy{margin-top:6px!important;font-size:11px!important;line-height:1.5!important}#title-4 br{display:none}.playback-actions{margin-bottom:6px}.playback-actions>.text-button{min-height:34px;font-size:11px}.playback-actions .icon-button{width:34px;height:34px}.control-note{margin-top:5px;font-size:10px;line-height:1.5}.observation-frame{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}