.boids-page{--page-gutter:clamp(1.25rem, 4vw, 4.5rem);--story-width:1440px;--line:#00000029;--line-strong:#0000006b;--panel:#ffffffd1;--panel-solid:#fff;--muted:#0000009e;--red:#f02b2b;--red-rgb:240, 43, 43;--green:#168b54;--green-rgb:22, 139, 84;--blue:#356fdf;--blue-rgb:53, 111, 223;background:var(--bg-primary);color:var(--text-primary);overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:1rem}.boids-page *{box-sizing:border-box}.boids-page .site-header{z-index:20;background:var(--bg-primary);border-bottom:1px solid var(--line);position:relative}.boids-page main.boids-story{width:100%;max-width:none;margin:0;padding:0}.story-shell{width:min(calc(100% - (var(--page-gutter) * 2)), var(--story-width));margin-inline:auto}.mono-label,.eyebrow,.section-rail,.chapter-kicker,.visual-header,.step-count,.control-heading{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:600;line-height:1.35}.skip-link{z-index:9999;background:var(--text-heading);color:var(--bg-primary);font-family:var(--font-mono);padding:.65rem .85rem;font-size:.75rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.live-label{align-items:center;gap:.55rem;display:inline-flex}.live-label i{background:var(--red);width:.55rem;height:.55rem;box-shadow:0 0 0 0 rgba(var(--red-rgb), .45);border-radius:50%;flex:none;animation:2s ease-out infinite live-pulse}@keyframes live-pulse{60%,to{box-shadow:0 0 0 .55rem rgba(var(--red-rgb), 0)}}.boids-hero{border-bottom:1px solid var(--line-strong);isolation:isolate;min-height:max(680px,100svh - 8rem);position:relative;overflow:hidden}.hero-canvas,.hero-wash{position:absolute;inset:0}.hero-canvas{z-index:-2;opacity:.66}.hero-wash{z-index:-1;background:linear-gradient(90deg, var(--bg-primary) 0%, #ffffffad 38%, #ffffff0f 78%), linear-gradient(0deg, var(--bg-primary) 0%, transparent 32%);pointer-events:none}.hero-grid{min-height:inherit;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);gap:2rem;padding-block:clamp(1.5rem,4vh,3.5rem);display:grid}.hero-meta{border-bottom:1px solid var(--line-strong);grid-column:1/-1;justify-content:space-between;align-items:center;padding-bottom:.8rem;display:flex}.hero-copy{grid-column:1/2;align-self:center;max-width:68rem;padding-block:2rem}.eyebrow{color:var(--red);margin:0 0 clamp(1rem,2.5vh,2rem)}.hero-copy h1{letter-spacing:-.065em;margin:0;line-height:.86}.hero-word{text-transform:uppercase;white-space:nowrap;font-size:clamp(6rem,13.5vw,13.5rem);font-weight:700;display:block}.hero-claim{letter-spacing:-.045em;word-spacing:.1em;max-width:18ch;margin-top:.34em;font-size:clamp(2rem,4.2vw,4.65rem);font-weight:500;line-height:.98;display:block}.hero-claim em{color:var(--red);font-style:normal}.hero-deck{max-width:42rem;margin:clamp(1.5rem,3vh,2.4rem) 0 0;font-size:clamp(1.05rem,1.55vw,1.35rem);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.text-button{border:1px solid var(--line-strong);min-height:46px;color:var(--text-heading);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1.75rem;padding:.75rem 1rem;font-size:.76rem;font-weight:600;line-height:1;display:inline-flex}.text-button:hover,.text-button:focus-visible{border-color:var(--red);color:var(--red)}.text-button--primary{border-color:var(--red);background:var(--red);color:#fff}.text-button--primary:hover,.text-button--primary:focus-visible{color:var(--red);background:0 0}.hero-rule-index{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);background:var(--panel);backdrop-filter:blur(10px);grid-column:1/-1;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.hero-rule-index li+li{border-left:1px solid var(--line)}.hero-rule-index a{min-height:82px;color:var(--text-heading);grid-template-rows:1fr 1fr;grid-template-columns:auto 1fr;align-items:end;column-gap:1rem;padding:1rem 1.25rem;display:grid}.hero-rule-index a:hover,.hero-rule-index a:focus-visible{background:var(--text-heading);color:var(--bg-primary)}.hero-rule-index span{color:var(--red);font-family:var(--font-mono);grid-row:1/3;align-self:center;font-size:.76rem}.hero-rule-index strong{align-self:end;font-size:1rem;line-height:1}.hero-rule-index small{color:var(--muted);align-self:start;font-size:.76rem;line-height:1.1}.hero-rule-index a:hover small,.hero-rule-index a:focus-visible small{color:inherit;opacity:.72}.premise-section,.mixer-section{background:var(--bg-primary);padding-block:clamp(6.5rem,12vw,11rem)}.section-rail{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);color:var(--muted);grid-template-columns:4rem 1fr auto;gap:1.5rem;padding-block:.9rem;display:grid}.section-rail span:first-child{color:var(--red)}.premise-grid,.mixer-heading{grid-template-columns:minmax(0,1.2fr) minmax(20rem,.8fr);align-items:start;gap:clamp(3rem,8vw,9rem);padding-block:clamp(3.5rem,7vw,7rem);display:grid}.premise-grid h2,.mixer-heading h2{letter-spacing:-.035em;max-width:13ch;margin:0;font-size:clamp(3.25rem,7vw,7.25rem);font-weight:500;line-height:.92}.premise-copy,.mixer-heading>div{padding-top:.35rem;font-size:1rem;line-height:1.65}.premise-copy p,.mixer-heading p{margin-top:0}.premise-copy .lede,.mixer-heading .lede{margin-bottom:2rem;font-size:clamp(1.2rem,1.75vw,1.55rem);line-height:1.48}.decision-loop{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.decision-loop li{flex-direction:column;min-height:18rem;padding:1.4rem;display:flex}.decision-loop li+li{border-left:1px solid var(--line)}.loop-number{color:var(--red);font-family:var(--font-mono);font-size:.75rem}.decision-loop h3{letter-spacing:-.045em;margin:auto 0 .75rem;font-size:clamp(2rem,3.2vw,3.4rem);font-weight:500}.decision-loop p{max-width:30ch;color:var(--muted);margin:0;font-size:.95rem;line-height:1.5}.rule-chapter{--signal:var(--red);--signal-rgb:var(--red-rgb);border-top:1px solid var(--line-strong);background:var(--bg-primary);align-items:center;min-height:100svh;padding-block:clamp(6rem,9vw,9rem);display:flex;position:relative}.rule-chapter--alignment{--signal:var(--green);--signal-rgb:var(--green-rgb)}.rule-chapter--cohesion{--signal:var(--blue);--signal-rgb:var(--blue-rgb)}.chapter-grid{grid-template-columns:minmax(20rem,.82fr) minmax(30rem,1.18fr);grid-template-areas:"copy visual""code visual";align-items:center;gap:2.5rem clamp(3rem,7vw,8rem);display:grid}.chapter-copy{grid-area:copy;align-self:end}.chapter-kicker,.visual-header{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:1rem;padding-block:.85rem;display:flex}.chapter-kicker span:first-child{color:var(--red)}.chapter-copy h2{letter-spacing:-.03em;white-space:nowrap;margin:clamp(2rem,4vw,4rem) 0 0;font-size:clamp(4rem,5.8vw,6.8rem);font-weight:600;line-height:.82}.chapter-thesis{letter-spacing:-.025em;max-width:24ch;margin:clamp(2rem,4vw,3.5rem) 0 1rem;font-size:clamp(1.4rem,2vw,2rem);font-weight:500;line-height:1.2}.chapter-body{max-width:42rem;color:var(--muted);margin:0;font-size:1rem;line-height:1.65}.rule-logic{border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.035em;grid-template-columns:1fr auto;gap:1rem;margin-top:2rem;padding:.9rem 0;font-size:.72rem;line-height:1.4;display:grid}.rule-logic span{color:var(--muted)}.rule-logic strong{color:var(--signal);text-align:right;font-weight:600}.rule-visual{grid-area:visual;justify-self:end;width:100%;max-width:760px;margin:0}.visual-header{border-top-color:rgba(var(--signal-rgb), .72)}.visual-header .live-label{color:var(--signal)}.visual-header .live-label i{background:var(--signal);box-shadow:none;animation:none}.visual-window{aspect-ratio:1;border:1px solid rgba(var(--signal-rgb), .72);background-color:rgba(var(--signal-rgb), .035);background-image:linear-gradient(rgba(var(--signal-rgb), .08) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--signal-rgb), .08) 1px, transparent 1px), radial-gradient(circle, rgba(var(--signal-rgb), .1), transparent 62%);background-position:50%;background-size:25% 25%,25% 25%,100% 100%;border-radius:50%;width:100%;margin-block:1.5rem;position:relative;overflow:hidden}.visual-window:before,.visual-window:after{content:"";z-index:2;pointer-events:none;background:rgba(var(--signal-rgb), .35);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.visual-window:before{width:1px;height:100%}.visual-window:after{width:100%;height:1px}.rule-canvas{z-index:3;position:absolute;inset:0}.visual-legend{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);font-size:.68rem;line-height:1.3;display:grid}.visual-legend>span{align-items:center;gap:.7rem;min-height:3.7rem;padding:.7rem .8rem;display:flex}.visual-legend>span+span{border-left:1px solid var(--line)}.legend-ring,.legend-boid,.legend-cross,.legend-arrow{flex:none;width:1.4rem;height:1.4rem;position:relative}.legend-ring{border:1px solid;border-radius:50%}.legend-ring--red{color:var(--red);background:rgba(var(--red-rgb), .09)}.legend-ring--blue{color:var(--blue);background:rgba(var(--blue-rgb), .08)}.legend-arrow:before{content:"";background:currentColor;height:1px;position:absolute;top:calc(50% - 1px);left:0;right:.25rem}.legend-arrow:after{content:"";border-top:1px solid;border-right:1px solid;width:.4rem;height:.4rem;position:absolute;top:calc(50% - .22rem);right:.1rem;transform:rotate(45deg)}.legend-arrow--red{color:var(--red)}.legend-arrow--green{color:var(--green)}.legend-arrow--blue{color:var(--blue)}.legend-arrow--small{transform:scale(.74)}.legend-boid:before{content:"";border-top:.4rem solid #0000;border-bottom:.4rem solid #0000;border-left:.8rem solid #f4a855;position:absolute;top:.3rem;left:.25rem}.legend-cross:before,.legend-cross:after{content:"";background:var(--blue);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.legend-cross:before{width:1.25rem;height:1px}.legend-cross:after{width:1px;height:1.25rem}.code-panel{border:1px solid var(--line);background:rgba(var(--gray-light), .1);grid-area:code;align-self:start;min-width:0}.code-panel summary{border-left:3px solid var(--signal);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;min-height:3.2rem;padding:.75rem .9rem;list-style:none;display:grid}.code-panel summary::-webkit-details-marker{display:none}.code-label,.code-toggle{color:var(--signal);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.66rem;font-weight:700}.code-panel summary code{color:var(--text-heading);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.code-toggle:after{content:" +"}.code-panel[open] .code-toggle:after{content:" −"}pre.code-block{border:0;border-top:1px solid var(--line);width:100%;max-width:100%;color:var(--text-primary);font-family:var(--font-mono);font-variant-ligatures:none;tab-size:2;background:0 0;border-radius:0;margin:0;padding:1.2rem 1.35rem 1.4rem;font-size:clamp(.68rem,.8vw,.78rem);line-height:1.6;overflow-x:auto}pre.code-block code{white-space:pre;font-family:inherit;display:block}pre.code-block .token.keyword,pre.code-block .token.class-name,pre.code-block .token.constant,pre.code-block .token.boolean{color:var(--red);font-weight:650}pre.code-block .token.function{color:var(--text-heading);font-weight:650}pre.code-block .token.comment{color:var(--muted);font-style:italic}pre.code-block .token.number,pre.code-block .token.string{color:var(--blue)}pre.code-block .token.operator,pre.code-block .token.punctuation{color:var(--muted)}.pov-section{--pov-progress:0;color:#f7f7f7;background:#050505;height:480svh;position:relative}.pov-stage{isolation:isolate;width:100%;height:100svh;position:sticky;top:0;overflow:hidden}.pov-canvas,.pov-wash{position:absolute;inset:0}.pov-canvas{z-index:-2}.pov-wash{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#050505f0 0%,#050505bd 25%,#0000 58%),linear-gradient(#0000 65%,#050505eb 100%),linear-gradient(#0505059e 0%,#0000 22%)}.pov-topbar{z-index:5;top:clamp(1rem,3vw,2.5rem);left:var(--page-gutter);right:var(--page-gutter);color:#ffffffb8;border-top:1px solid #ffffffb3;border-bottom:1px solid #ffffff42;grid-template-columns:1fr auto 1fr;gap:1rem;padding-block:.85rem;display:grid;position:absolute}.pov-topbar span:nth-child(2){color:#fff}.pov-topbar span:last-child{text-align:right}.pov-copy-stack{z-index:4;left:var(--page-gutter);width:min(39rem, calc(100vw - (var(--page-gutter) * 2)));min-height:20rem;position:absolute;bottom:clamp(2rem,7vh,6rem)}.pov-step{opacity:0;pointer-events:none;background:#050505d1;border-top:1px solid #ffffffb8;border-bottom:1px solid #ffffff47;padding:clamp(1.4rem,2.5vw,2rem);transition:opacity .3s,transform .3s;position:absolute;inset:auto 0 0;transform:translateY(1.25rem)}.pov-step.is-active{opacity:1;pointer-events:auto;transform:translateY(0)}.step-count{color:#ff4b4b;margin-bottom:1.5rem;display:block}.pov-step h2{color:#fff;letter-spacing:-.04em;max-width:16ch;margin:0;font-size:clamp(2.5rem,4.8vw,5rem);font-weight:500;line-height:.96}.pov-step p{color:#ffffffc2;max-width:48ch;margin:1.5rem 0 0;font-size:clamp(.95rem,1.2vw,1.1rem);line-height:1.55}.step-legend{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap;gap:.8rem 1.25rem;margin-top:1.5rem;font-size:.68rem;display:flex}.step-legend span{align-items:center;gap:.45rem;display:inline-flex}.signal{background:currentColor;width:1.1rem;height:2px;display:inline-block}.signal--red{color:#f45555}.signal--green{color:#55f48c}.signal--blue{color:#558cf4}.pov-progress{z-index:4;right:var(--page-gutter);width:10rem;margin:0;padding:0;list-style:none;position:absolute;top:50%;transform:translateY(-50%)}.pov-progress li{color:#ffffff5c;font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;border-top:1px solid #ffffff2e;grid-template-columns:2.2rem 1fr;gap:.75rem;padding-block:.85rem;font-size:.65rem;transition:color .2s;display:grid}.pov-progress li:last-child{border-bottom:1px solid #ffffff2e}.pov-progress li.is-active{color:#fff}.pov-progress li.is-active span{color:#ff4b4b}.pov-progress b{font-weight:500}.pov-progress-line{z-index:5;background:#ffffff29;height:2px;position:absolute;top:0;left:0;right:0}.pov-progress-line i{width:calc(var(--pov-progress) * 100%);background:#ff3434;height:100%;display:block}.mixer-section{border-top:1px solid var(--line-strong)}.mixer-heading h2{max-width:10ch}.steering-equation{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);font-family:var(--font-mono);white-space:nowrap;align-items:baseline;gap:clamp(.6rem,1.4vw,1.4rem);padding:clamp(1.25rem,2.5vw,2rem) 0;font-size:clamp(.72rem,1.1vw,.95rem);display:flex;overflow-x:auto}.steering-equation i{color:var(--muted);font-style:normal}.equation-red{color:var(--red)}.equation-green{color:var(--green)}.equation-blue{color:var(--blue)}.mixer-lab{grid-template-columns:minmax(18rem,.7fr) minmax(30rem,1.3fr);grid-template-areas:"controls visual";gap:clamp(2rem,5vw,5rem);margin-top:clamp(3rem,6vw,6rem);display:grid}.mixer-controls{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);flex-direction:column;grid-area:controls;align-self:stretch;display:flex}.control-heading{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:1rem;padding-block:.9rem;display:flex}.mixer-control{--control-color:var(--red);border-bottom:1px solid var(--line);padding:1.25rem 0;display:block}.mixer-control--green{--control-color:var(--green)}.mixer-control--blue{--control-color:var(--blue)}.mixer-control>span{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.mixer-control b{font-size:1.02rem;font-weight:500}.mixer-control output{color:var(--control-color);font-family:var(--font-mono);font-size:.75rem}.mixer-control small{color:var(--muted);margin-top:.2rem;font-size:.7rem;display:block}.mixer-control input[type=range]{cursor:pointer;appearance:none;background:0 0;border:0;width:100%;height:40px;margin:.4rem 0 0;padding:0;display:block}.mixer-control input[type=range]::-webkit-slider-runnable-track{background:var(--line-strong);height:2px}.mixer-control input[type=range]::-webkit-slider-thumb{border:2px solid var(--bg-primary);background:var(--control-color);width:17px;height:17px;box-shadow:0 0 0 1px var(--control-color);appearance:none;border-radius:0;margin-top:-7.5px}.mixer-control input[type=range]::-moz-range-track{background:var(--line-strong);height:2px}.mixer-control input[type=range]::-moz-range-thumb{border:2px solid var(--bg-primary);background:var(--control-color);width:15px;height:15px;box-shadow:0 0 0 1px var(--control-color);border-radius:0}.mixer-control input[type=range]:focus-visible{outline:2px solid var(--control-color);outline-offset:3px}.preset-group{border-bottom:1px solid var(--line);padding:1.4rem 0}.preset-group>span{color:var(--muted);margin-bottom:.8rem;display:block}.preset-group>div,.lab-actions{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.preset-group button,.lab-actions button{border:1px solid var(--line);min-height:44px;color:var(--text-heading);font-family:var(--font-mono);letter-spacing:.05em;text-align:left;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:0;padding:.65rem .75rem;font-size:.68rem}.preset-group button:hover,.preset-group button:focus-visible,.preset-group button.is-active{border-color:var(--text-heading);background:var(--text-heading);color:var(--bg-primary)}.lab-actions{margin-top:auto;padding-block:1.25rem}.lab-actions button:hover,.lab-actions button:focus-visible,.lab-actions button[aria-pressed=true]{border-color:var(--red);color:var(--red)}.mixer-visual{border:1px solid var(--line-strong);background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), rgba(var(--gray-light), .08);background-size:12.5% 12.5%;grid-area:visual;min-width:0;height:clamp(34rem,68svh,48rem);position:relative;overflow:hidden}.mixer-canvas{position:absolute;inset:0}.mixer-canvas-meta{z-index:4;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);background:var(--panel);backdrop-filter:blur(10px);pointer-events:none;justify-content:space-between;gap:1rem;padding:.75rem .85rem;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}.story-footer{border-top:1px solid var(--line-strong);background:var(--text-heading);color:var(--bg-primary);padding-block:clamp(5rem,10vw,9rem)}.story-footer .story-shell{justify-content:space-between;align-items:end;gap:3rem;display:flex}.story-footer p{letter-spacing:-.06em;margin:0;font-size:clamp(3rem,7vw,7rem);font-weight:400;line-height:.9}.story-footer strong{color:#ff4b4b;font-weight:inherit}.story-footer .story-shell>div{flex:none;gap:.75rem;display:grid}.story-footer a{min-width:12rem;color:inherit;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-top:1px solid;justify-content:space-between;gap:2rem;padding:.75rem 0;font-size:.7rem;display:flex}.story-footer a:hover,.story-footer a:focus-visible{color:#ff4b4b}@media (prefers-color-scheme:dark){.boids-page{--line:#ffffff29;--line-strong:#ffffff75;--panel:#000000c7;--panel-solid:#000;--muted:#ffffff9e;--green:#55d992;--green-rgb:85, 217, 146;--blue:#6d9cff;--blue-rgb:109, 156, 255}.hero-wash{background:linear-gradient(90deg, var(--bg-primary) 0%, #000000ad 38%, #0000000f 78%), linear-gradient(0deg, var(--bg-primary) 0%, transparent 32%)}.text-button--primary{color:#fff}.visual-window{background-color:rgba(var(--signal-rgb), .045)}.story-footer{color:#050505;background:#f5f5f5}}@media (width<=1050px){.hero-grid{grid-template-columns:1fr}.hero-copy{grid-column:1}.chapter-grid{grid-template-columns:minmax(17rem,.85fr) minmax(26rem,1.15fr);column-gap:3rem}.visual-legend{grid-template-columns:1fr}.visual-legend>span{min-height:2.75rem}.visual-legend>span+span{border-top:1px solid var(--line);border-left:0}.mixer-lab{grid-template-columns:minmax(17rem,.75fr) minmax(24rem,1.25fr);gap:2.5rem}}@media (width<=820px){.boids-page{--page-gutter:clamp(1rem, 5vw, 2rem)}.boids-hero{min-height:max(680px,100svh - 6rem)}.hero-grid{gap:1rem}.hero-copy{padding-block:1rem 2rem}.hero-word{font-size:clamp(5.5rem,21vw,9rem)}.hero-claim{font-size:clamp(2rem,8vw,3.75rem)}.premise-grid,.mixer-heading{grid-template-columns:1fr;gap:2.5rem}.premise-grid h2,.mixer-heading h2{max-width:14ch}.decision-loop{grid-template-columns:1fr}.decision-loop li{min-height:13rem}.decision-loop li+li{border-top:1px solid var(--line);border-left:0}.chapter-grid{grid-template-columns:1fr;grid-template-areas:"copy""visual""code";gap:2.5rem}.chapter-copy h2{font-size:clamp(3.8rem,11.5vw,6rem)}.rule-visual{justify-self:center;max-width:680px}.visual-legend{grid-template-columns:repeat(3,1fr)}.visual-legend>span{min-height:3.5rem}.visual-legend>span+span{border-top:0;border-left:1px solid var(--line)}.pov-progress{display:none}.pov-copy-stack{bottom:max(1rem, env(safe-area-inset-bottom));width:min(36rem, calc(100vw - (var(--page-gutter) * 2)))}.mixer-lab{grid-template-columns:1fr;grid-template-areas:"visual""controls"}.mixer-visual{height:min(68svh,42rem)}.story-footer .story-shell{display:grid}}@media (width<=560px){.mono-label,.eyebrow,.section-rail,.chapter-kicker,.visual-header,.step-count,.control-heading{letter-spacing:.09em;font-size:.62rem}.hero-meta span:first-child{max-width:14ch}.hero-wash{background:linear-gradient(0deg, var(--bg-primary) 0%, #ffffff8c 55%, #ffffff1f 100%), linear-gradient(90deg, var(--bg-primary) 0%, transparent 100%)}.hero-rule-index{grid-template-columns:1fr}.hero-rule-index li+li{border-top:1px solid var(--line);border-left:0}.hero-rule-index a{min-height:64px}.hero-deck{font-size:1rem}.hero-actions{display:grid}.text-button{width:100%}.premise-section,.mixer-section,.rule-chapter{padding-block:5rem}.section-rail{grid-template-columns:2.25rem 1fr}.section-rail span:last-child{display:none}.premise-grid,.mixer-heading{padding-block:3rem}.premise-grid h2,.mixer-heading h2{font-size:clamp(3.05rem,14vw,4.7rem)}.premise-copy .lede,.mixer-heading .lede{font-size:1.15rem}.decision-loop li{min-height:11rem;padding-inline:0}.chapter-kicker,.visual-header{align-items:center}.chapter-kicker span:last-child,.visual-header>span:last-child{text-align:right;max-width:15ch}.chapter-copy h2{font-size:clamp(3.15rem,14vw,4.75rem)}.chapter-body{font-size:.95rem}.rule-logic{grid-template-columns:1fr}.rule-logic strong{text-align:left}.visual-window{margin-block:1rem}.visual-legend{grid-template-columns:1fr}.visual-legend>span{min-height:2.7rem}.visual-legend>span+span{border-top:1px solid var(--line);border-left:0}.code-panel summary{grid-template-columns:auto minmax(0,1fr) auto}pre.code-block{font-size:.65rem}.pov-section{height:430svh}.pov-wash{background:linear-gradient(#0000 24%,#05050585 52%,#050505f5 100%),linear-gradient(#050505a6 0%,#0000 25%)}.pov-topbar{grid-template-columns:1fr auto}.pov-topbar span:nth-child(2){text-align:right}.pov-topbar span:last-child{display:none}.pov-copy-stack{bottom:max(1rem, env(safe-area-inset-bottom));min-height:23rem}.pov-step{background:#050505db;padding:1.15rem}.pov-step h2{font-size:clamp(2.2rem,10vw,3.3rem)}.pov-step p{margin-top:1rem;font-size:.9rem}.step-count{margin-bottom:1rem}.step-legend{gap:.55rem .9rem;margin-top:1rem;font-size:.58rem}.steering-equation{white-space:normal;flex-wrap:wrap;margin-inline:0;padding-inline:0}.mixer-lab{margin-top:3rem}.mixer-visual{height:64svh;min-height:28rem}.mixer-canvas-meta{top:.75rem;left:.75rem;right:.75rem}.mixer-canvas-meta>span:last-child{display:none}.preset-group>div,.lab-actions{grid-template-columns:1fr 1fr}.story-footer p{font-size:clamp(3.3rem,15vw,5rem)}.story-footer .story-shell>div,.story-footer a{width:100%}@media (prefers-color-scheme:dark){.hero-wash{background:linear-gradient(0deg, var(--bg-primary) 0%, #0000008c 55%, #0000001f 100%), linear-gradient(90deg, var(--bg-primary) 0%, transparent 100%)}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.boids-page *,.boids-page :before,.boids-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}