.technique-page{--tech-paper:#f6f5f1;--tech-ink:#17181c;--tech-soft:#50534e;--tech-muted:#8c8e86;--tech-accent:#2f6844;--tech-accent-soft:#dce8de;--tech-line:#d9d8d0;min-height:100svh;margin:calc(var(--nav-h) * -1) 0 -2rem;background:var(--tech-paper);color:var(--tech-ink);padding:1.25rem clamp(1.25rem,6vw,6rem) clamp(3rem,8vh,6rem);font-family:Space Grotesk,system-ui,sans-serif}.technique-page__header{border-bottom:1px solid var(--tech-line);justify-content:space-between;align-items:center;padding-bottom:1.15rem;display:flex}.technique-page__header>a:last-child{color:var(--tech-soft);text-underline-offset:.2em;font-size:.86rem}.technique-page__brand{color:var(--tech-ink);align-items:center;gap:.55rem;font-size:1rem;font-weight:500;text-decoration:none;display:inline-flex}.technique-page__brand img{object-fit:contain;width:1.7rem;height:1.7rem}.technique-page>article,.technique-page__pager{width:min(100%,68rem);margin-inline:auto}.technique-page__hero{padding:clamp(4.5rem,12vh,9rem) 0 clamp(3rem,8vh,6rem)}.technique-page__eyebrow{color:var(--tech-accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem;font-weight:500}.technique-page__hero h1{letter-spacing:-.075em;max-width:13ch;margin:1rem 0 0;font-size:clamp(2.7rem,7.5vw,6.5rem);font-weight:500;line-height:.92}.technique-page__summary{max-width:43rem;color:var(--tech-soft);margin:2rem 0 0 auto;font-size:clamp(1.12rem,2vw,1.45rem);line-height:1.55}.technique-demo{color:#f4f1e9;background:#1b1d1b;padding:clamp(2rem,5vw,4rem)}.technique-demo__intro{grid-template-columns:minmax(0,1fr) minmax(16rem,.7fr);align-items:end;gap:2rem;display:grid}.technique-demo__intro h2{letter-spacing:-.055em;margin:.65rem 0 0;font-size:clamp(1.7rem,4vw,3.25rem);font-weight:500;line-height:1}.technique-demo__intro>p{color:#b6b8b0;margin:0;line-height:1.6}.technique-demo__controls{border:1px solid #484b46;width:fit-content;margin-top:2.5rem;padding:.25rem;display:flex}.technique-demo__controls button{color:#b6b8b0;cursor:pointer;background:0 0;border:0;padding:.65rem .85rem;font-size:.82rem}.technique-demo__controls button[aria-pressed=true]{color:#1b1d1b;background:#f4f1e9}.technique-demo__controls button:focus-visible{outline-offset:2px;outline:2px solid #83b593}.technique-demo__stage{background:#222522;border:1px solid #484b46;margin-top:1.25rem;padding:clamp(1.25rem,3vw,2rem)}.technique-demo__stage.is-optimised{background:#1d2920;border-color:#4f795b}.technique-demo__stage-head{color:#9fa29a;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:1rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem;display:flex}.technique-demo__stage-head strong{color:#80bd92;font-weight:500}.technique-demo__stage h3{letter-spacing:-.04em;margin:1.5rem 0;font-size:clamp(1.3rem,2.4vw,2rem);font-weight:500}.technique-demo__stage ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.technique-demo__stage li{border-left:1px solid #484b46;min-width:0;padding:.75rem}.technique-demo__stage li:first-child{border-left:0;padding-left:0}.technique-demo__stage li>span{color:#80bd92;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.65rem}.technique-demo__stage li p{color:#d8d8d2;overflow-wrap:anywhere;margin:.55rem 0 0;font-size:.82rem;line-height:1.45}.technique-demo__note{color:#898c85;margin:.85rem 0 0;font-size:.72rem}.technique-page__explanation{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:clamp(2rem,8vw,8rem);padding:clamp(5rem,12vh,9rem) 0;display:grid}.technique-page__explanation h2,.technique-page__mechanics>h2,.technique-page__sources h2{letter-spacing:-.06em;margin:.75rem 0 0;font-size:clamp(1.8rem,4vw,3.5rem);font-weight:500;line-height:1}.technique-page__prose p{color:var(--tech-soft);margin:0 0 1.4rem;font-size:1.05rem;line-height:1.75}.technique-page__prose p:first-child:first-letter{float:left;color:var(--tech-accent);margin:.08em .12em 0 0;font-size:3.2em;line-height:.8}.technique-page__mechanics{border-top:1px solid var(--tech-line);padding:clamp(4rem,9vh,7rem) 0}.technique-page__mechanics ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem);margin:3rem 0 0;padding:0;list-style:none;display:grid}.technique-page__mechanics li{border-top:2px solid var(--tech-ink);padding-top:.9rem}.technique-page__mechanics li>span{color:var(--tech-accent);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem}.technique-page__mechanics h3{margin:2rem 0 0;font-size:1.05rem;font-weight:600}.technique-page__mechanics li p{color:var(--tech-soft);margin:.55rem 0 0;font-size:.92rem;line-height:1.6}.technique-page__sources{background:var(--tech-accent-soft);grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:clamp(2rem,8vw,8rem);margin-top:clamp(2rem,5vh,4rem);padding:clamp(2rem,5vw,4rem);display:grid}.technique-page__sources h2{font-size:clamp(1.6rem,3vw,2.5rem)}.technique-page__sources ul{margin:0;padding:0;list-style:none}.technique-page__sources li{border-top:1px solid #b7c8ba;padding:1rem 0}.technique-page__sources li:first-child{border-top:0;padding-top:0}.technique-page__sources code{color:var(--tech-ink);overflow-wrap:anywhere;font-size:.74rem;display:block}.technique-page__sources li span{color:var(--tech-soft);margin-top:.35rem;font-size:.85rem;display:block}.technique-page__pager{background:var(--tech-line);border:1px solid var(--tech-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:clamp(4rem,10vh,8rem);display:grid}.technique-page__pager a{background:var(--tech-paper);min-height:8rem;color:var(--tech-ink);padding:1.5rem;font-size:clamp(1rem,2vw,1.25rem);font-weight:500;text-decoration:none}.technique-page__pager a:last-child{text-align:right}.technique-page__pager a:hover{background:var(--tech-accent-soft)}.technique-page__pager a span{color:var(--tech-accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.68rem;display:block}@media (width<=720px){.technique-page__summary{margin-left:0}.technique-demo__intro,.technique-page__explanation,.technique-page__sources,.technique-demo__stage ol{grid-template-columns:1fr}.technique-demo__stage li,.technique-demo__stage li:first-child{border-top:1px solid #484b46;border-left:0;padding:.75rem 0}.technique-demo__stage li:first-child{border-top:0}.technique-page__mechanics ol,.technique-page__pager{grid-template-columns:1fr}.technique-page__pager a:last-child{text-align:left}}@media (prefers-reduced-motion:reduce){.technique-page *{scroll-behavior:auto}}
