.s-cover{padding-top:70px;padding-bottom:65px}.s-cover h1{font:clamp(65px,9vw,126px)/.94 var(--serif);letter-spacing:-.045em;margin:30px 0}.s-cover h1 em{color:var(--accent)}.s-dek{font-size:clamp(20px,2vw,26px);max-width:760px}.s-promise{font:32px var(--serif);color:var(--accent)}.s-scroll{font:12px var(--mono);margin-top:42px}.s-cover nav{display:flex;gap:10px 25px;flex-wrap:wrap;padding:22px 0;border-top:1px solid var(--rule);margin-top:30px;font:12px var(--mono)}.s-small{font-size:12px;color:var(--muted)}.s-chapter{padding-top:65px;border-top:1px solid var(--rule);scroll-margin-top:25px}.s-chapter>header{margin-bottom:40px}.s-chapter h2,.s-ending h2{font:clamp(40px,5vw,65px)/1.05 var(--serif);max-width:900px}.s-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:70px;align-items:start}.s-figure{position:sticky;top:65px;margin:0;padding:28px;background:var(--surface);border:1px solid var(--rule);box-shadow:0 8px 30px #00000008}.s-figure-top{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--muted);gap:12px}.s-scene{min-height:290px;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:24px 0}.s-caption{font-size:14px;min-height:62px;line-height:1.5}.s-progress{height:3px;background:var(--rule);margin-top:18px}.s-progress span{display:block;height:100%;background:var(--accent);width:0;transition:width .3s}.s-beat{min-height:70vh;display:flex;flex-direction:column;justify-content:center;padding:70px 0;max-width:490px}.s-number{font:11px var(--mono);color:var(--accent)}.s-beat h3{font:37px/1.1 var(--serif);margin:17px 0}.s-beat p{font-size:18px;line-height:1.75}.s-beat.is-current h3{color:var(--accent)}.s-values{display:flex;gap:7px;position:relative;height:90px;align-items:center}.s-value{position:absolute;width:calc((100% - 35px)/6);height:75px;display:grid;place-items:center;background:var(--paper);border:1px solid var(--rule);border-radius:4px;font:35px var(--serif);transition:left .55s ease,background .3s}.s-value.ordered{border-color:var(--green);background:var(--wash)}.s-value.boundary{border:3px solid var(--accent)}.s-picture{position:relative;width:100%;aspect-ratio:960/440;overflow:hidden}.s-strip{position:absolute;top:0;bottom:0;width:12.5%;background:url('landscape.svg') 0/800% 100%;transition:left .65s ease;border-right:1px solid #fff6}.s-strip small{position:absolute;bottom:2px;left:2px;background:#f6f1e8;color:#1c221f;padding:1px 4px;font:10px var(--mono)}.s-picture-label{font:12px var(--mono);margin:0 0 5px}.s-metric{font:12px/1.7 var(--mono);color:var(--muted);margin-top:6px}.s-bars{display:flex;align-items:end;height:85px;gap:7px}.s-bars span{flex:1;background:var(--green);display:grid;place-items:center;color:var(--paper);font:12px var(--mono)}.s-cost{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center;font:12px var(--mono)}.s-cost i{display:block;height:15px;background:var(--accent)}.s-record{display:flex;justify-content:space-between;border:1px solid var(--rule);padding:15px;background:var(--paper);font-size:17px;gap:10px}.s-record.bad{border-color:var(--accent);color:var(--accent)}.s-test{display:flex;justify-content:space-between;font:12px var(--mono);padding:6px 10px;border-left:3px solid var(--green);background:var(--wash)}.s-test.fail{border-color:var(--accent)}.s-ai-steps{display:grid;gap:14px}.s-ai-steps div{border-left:3px solid var(--accent);padding:12px 16px;background:var(--wash);font-size:19px}.s-ai-steps small{display:block;font-size:12px;color:var(--muted);margin-top:7px}.s-ending{padding-top:80px;padding-bottom:50px}.s-ending>p{max-width:760px}.s-takeaways{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:35px 0}.s-takeaways p{border-top:2px solid var(--accent);padding-top:20px;font-size:15px}.s-playground{max-width:1240px;margin:40px auto;border:1px solid var(--rule)}.s-playground>summary{cursor:pointer;padding:30px;font:30px var(--serif);background:var(--wash)}.s-playground .j-hero{padding-top:10px}.s-playground .j-hero-intro,.s-playground .j-kicker{display:none}.s-playground .j-hero-layout{display:block}.s-playground .mystery{max-width:850px;margin:25px auto}.s-playground>summary small{display:block;font:14px var(--body);margin-top:10px;color:var(--muted)}
@media(max-width:760px){.s-cover{padding-top:35px;padding-bottom:40px}.s-cover h1{font-size:64px}.s-promise{font-size:27px}.s-layout{display:block}.s-chapter{padding-top:40px}.s-chapter>header{margin-bottom:25px}.s-figure{top:8px;padding:15px;z-index:3;box-shadow:0 10px 24px #0002}.s-scene{min-height:155px;gap:8px;padding:14px 0}.s-caption{font-size:12px;min-height:36px;line-height:1.4}.s-figure-top{font-size:9px}.s-beat{min-height:75vh;padding:45vh 8px 65px;max-width:none}.s-beat h3{font-size:31px}.s-beat p{font-size:17px;line-height:1.65}.s-values{height:65px}.s-value{height:60px;font-size:28px}.s-picture{max-height:115px}.s-picture-label,.s-metric{font-size:10px}.s-test{font-size:10px;padding:4px 8px}.s-record{font-size:15px;padding:10px}.s-ai-steps{gap:8px}.s-ai-steps div{font-size:16px;padding:8px 12px}.s-ai-steps small{font-size:11px}.s-takeaways{grid-template-columns:1fr 1fr;gap:20px}.s-playground{margin:25px 15px}.s-playground>summary{font-size:27px;padding:22px}.s-progress{margin-top:10px}.s-ending{padding-top:40px}}
@media(prefers-reduced-motion:reduce){.s-value,.s-strip,.s-progress span{transition:none}}
@media print{.s-layout{display:block}.s-figure{position:static}.s-beat{min-height:0;padding:15px 0}.s-playground{display:none}}

.s-picture{max-width:390px;margin-inline:auto}@media(max-width:760px){.s-picture{max-width:196px;max-height:none}.s-beat{scroll-margin-top:360px}.s-beat h3{scroll-margin-top:360px}.s-scene{padding:10px 0}.s-caption{margin:0}.s-scene .s-small{margin:5px 0}}

@media(min-width:761px) and (max-height:760px){.s-figure{top:20px;padding:20px}.s-picture{max-width:300px}.s-scene{min-height:220px;padding:14px 0}.s-caption{min-height:40px}}

@media(min-width:761px) and (max-height:760px){.s-figure{top:20px;padding:20px}.s-picture{max-width:300px}.s-scene{min-height:220px;padding:14px 0}.s-caption{min-height:40px}}