@font-face{font-family:'Funnel Sans';src:url('./footer-funnel-sans/vendor/FunnelSans-variable.woff2') format('woff2');font-weight:300 800;font-style:normal;font-display:swap}
:root{--paper:#f4efe6;--ink:#1d211e;--muted:#706d65;--orange:#e96435;--weight:300;--leading:1.20}
*{box-sizing:border-box}html{background:var(--paper);scrollbar-width:thin;scrollbar-color:#c9c0b2 var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Funnel Sans',sans-serif}
.reading-story{height:420svh;min-height:100svh}.reading-stage{position:sticky;top:0;height:100svh;min-height:380px;display:grid;place-items:center;padding:130px clamp(48px,15vw,240px) 170px;overflow:hidden}
.section-header{position:absolute;top:62px;left:96px;right:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:11px;font-weight:500;letter-spacing:1.5px}.signal{height:6px;width:6px;border-radius:50%;background:var(--orange)}button{font:inherit;color:var(--ink);cursor:pointer}#read-full{border:0;background:none;padding:8px 0;font-size:13px}#read-full:hover{color:var(--orange)}button:focus-visible,input:focus-visible,.manifesto:focus-visible{outline:2px solid var(--orange);outline-offset:8px}
.manifesto{margin:0;max-width:960px;width:100%;text-align:center;font-size:clamp(24px,min(3.15vw,5.4svh),44px);font-weight:var(--weight);font-variation-settings:'wght' var(--weight);font-synthesis:none;line-height:var(--leading);letter-spacing:-.028em;cursor:default;text-wrap:wrap}.word{display:inline-block;white-space:nowrap;text-align:center;font-weight:var(--word-weight,300);font-variation-settings:'wght' var(--word-weight,300);opacity:var(--visibility,.22)}
.interaction-footer{position:absolute;left:96px;right:96px;bottom:46px;border-top:1px solid #d8d0c4;padding-top:24px;display:flex;align-items:start;justify-content:space-between;gap:40px}.reading-progress{width:330px;max-width:38%;display:flex;flex-direction:column;gap:12px}.reading-progress__meta{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.1px;font-weight:500;line-height:1.4}#word-count{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted)}.reading-meter{height:2px;background:#d8d0c4;overflow:hidden}#reading-fill{display:block;height:100%;width:100%;background:var(--orange);transform-origin:left;transform:scaleX(0)}.gesture-caption{color:var(--muted);font-size:11px;line-height:1.4}.type-controls{display:flex;gap:38px;width:490px;max-width:55%}.focus-legend{display:flex;flex-direction:column;gap:14px;flex:1}.weight-stops{display:flex;gap:17px;font-size:12px}.leading-readout{display:flex;flex-direction:column;gap:12px;min-width:145px}.leading-readout output{font-size:16px;font-variant-numeric:tabular-nums;color:var(--orange)}.axis{display:flex;flex-direction:column;gap:9px;flex:1;min-width:0}.axis__heading{display:flex;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:1px;font-weight:500}.axis__direction{color:var(--orange);margin-left:5px;letter-spacing:0}.axis output{font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--muted)}.axis__ends{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.axis input{appearance:none;height:2px;margin:6px 0;background:#c9c0b2;width:100%;cursor:ew-resize;accent-color:var(--orange)}.axis input::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:var(--orange)}.axis input::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:var(--orange)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.reading-stage{padding:104px 36px 208px}.section-header{top:32px;left:36px;right:36px}.eyebrow{font-size:9px;letter-spacing:1px}#read-full{font-size:12px}.manifesto{font-size:clamp(21px,min(6.3vw,3.6svh),34px);letter-spacing:-.024em}.interaction-footer{left:36px;right:36px;bottom:24px;gap:22px;flex-direction:column;padding-top:18px}.reading-progress{width:100%;max-width:none;gap:9px}.gesture-caption{display:none}.type-controls{max-width:none;width:100%;gap:18px}.weight-stops{font-size:10px;gap:9px}.leading-readout{min-width:116px}.leading-readout output{font-size:14px}.reading-progress__meta{font-size:9px}.axis__heading{font-size:9px}}
@media(max-height:560px){.reading-stage{padding-top:72px;padding-bottom:135px}.section-header{top:22px}.manifesto{font-size:clamp(17px,min(3.8vw,5.9svh),32px)}.interaction-footer{bottom:20px;padding-top:12px;gap:12px}.gesture-caption,.axis__ends{display:none}}
@media(prefers-reduced-motion:reduce){#reading-story{height:100svh}.word{opacity:1}}
