:root{--paper:#F4F3EF;--surface:#FCFBF8;--elevated:#fff;--ink:#1E2A34;--navy:#173B63;--muted:#5C6670;--rule:#D8DBD9;--serif:Georgia,'Times New Roman',serif;--sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--condensed:'IBM Plex Sans',var(--sans)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--navy);outline-offset:6px}.header{position:absolute;z-index:10;top:0;left:0;right:0;margin:0 4.8vw;height:94px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rule)}.wordmark{font-family:var(--serif);font-weight:600;font-size:31px;letter-spacing:-1.3px;color:var(--navy)}.wordmark span{color:#B8833A}nav{display:flex;gap:32px;font-size:12px}nav a:hover,footer a:hover{color:var(--navy);text-decoration:underline;text-underline-offset:5px}.skip{position:fixed;top:-100px;left:20px;z-index:30;background:var(--paper);padding:12px}.skip:focus{top:12px}.scroll-story{height:480svh;position:relative}.sticky-scene{height:100svh;position:sticky;top:0;overflow:hidden}.narrative{position:absolute;left:4.8vw;top:30%;width:31%;z-index:5;pointer-events:none}.beat{position:absolute;inset:0 auto auto 0;width:100%;opacity:0;will-change:opacity,transform}.beat-intro{font-family:var(--serif);font-size:clamp(27px,2.9vw,48px);line-height:1.18;letter-spacing:-1.1px}.beat p{margin:0 0 24px}.beat-answer,.beat-point{font-family:var(--serif);font-size:clamp(60px,7vw,110px);line-height:1;letter-spacing:-4px;width:130%}.beat-welcome{width:140%}h1{font-family:var(--serif);font-size:clamp(60px,7.4vw,118px);line-height:.97;letter-spacing:-4px;font-weight:400;margin:0 0 28px}.beat-welcome p{font-family:var(--serif);font-size:clamp(20px,2vw,30px);letter-spacing:-.4px}.object-space{position:absolute;left:36%;top:14%;width:64%;height:82%;perspective:1600px;perspective-origin:50% 50%;pointer-events:none}.object-scale{width:860px;height:744px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--scale,1));transform-style:preserve-3d}.assembly{position:relative;width:860px;height:744px;transform-style:preserve-3d;transform-origin:50% 50%;will-change:transform}.screen{background:var(--paper);border:1px solid #cbd0d3;border-radius:12px;box-shadow:0 2px 0 #c7cdd0,0 5px 0 #e3e5e3,0 18px 42px #233c4d12;position:absolute;transform-style:preserve-3d}.main-screen{inset:0;padding:0 22px 22px;}.screen-title{height:69px;display:flex;align-items:center;justify-content:space-between;font-family:var(--condensed);font-size:21px;font-weight:700;border-bottom:1px solid var(--rule);margin:0 -22px;padding:0 22px;background:var(--surface);border-radius:12px 12px 0 0}.screen-actions{font-size:20px;letter-spacing:8px;font-weight:400;color:#9aa1a7}.screen-toolbar{height:73px;display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);white-space:nowrap}.week-pill,.export{padding:9px 12px;border:1px solid var(--rule);border-radius:6px;background:var(--surface);color:var(--ink);font-weight:600}.export{margin-left:auto;color:var(--muted)}.view-tabs{display:flex;align-items:center;border-radius:8px;background:var(--rule);padding:3px;gap:3px}.view-tabs>*{padding:10px 12px}.view-tabs b{background:var(--surface);border-radius:6px;color:var(--navy);box-shadow:0 2px 0 var(--navy)}.day-pills{display:flex;justify-content:center;gap:8px;padding:0 0 19px;font-size:12px;font-weight:600}.day-pills span{padding:5px 16px;border:1px solid var(--rule);border-radius:20px;background:var(--surface)}.day-pills .selected{background:var(--navy);border-color:var(--navy);color:white}.schedule-grid{display:grid;grid-template-columns:140px repeat(5,minmax(0,1fr));grid-template-rows:40px repeat(7,72px);border:1px solid var(--rule);border-radius:12px;transform-style:preserve-3d;background:var(--surface)}.grid-heading{font-family:var(--condensed);font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;text-align:center;padding:10px 6px;background:white;border-bottom:1.5px solid var(--rule)}.grid-heading:first-child{border-radius:12px 0 0 0;border-right:1px solid var(--rule)}.grid-heading:nth-child(6){border-radius:0 12px 0 0}.block-label{font-family:var(--condensed);font-size:14px;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center;padding:10px 14px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);line-height:1.4}.grid-cell{padding:8px 6px;min-width:0;border-bottom:1px solid var(--rule);transform-style:preserve-3d}.activity-card{border:1px solid var(--rule);border-radius:8px;padding:10px 12px;min-height:56px;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--surface);font-size:12px;font-weight:600;line-height:1.4}.anchor-card{border-left:3px solid #5C6B7A;color:#5C6B7A}.swap-card{will-change:transform;position:relative}.swap-active{border-color:var(--navy);outline:1px solid var(--navy);background:#eef2f5;box-shadow:0 8px 16px #173b6318;color:var(--navy)}.detached{will-change:transform,opacity;padding:20px;background:#FCFBF8f5}.activity-screen{width:236px;left:-130px;top:126px;transform:translateZ(130px)}.panel-caption{font:600 12px var(--condensed);letter-spacing:.09em;color:var(--muted);padding-bottom:14px;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between}.filter-box{border:1px solid var(--rule);border-radius:6px;padding:9px 10px;margin:12px 0 8px;font-size:12px;color:#90989e}.palette-item{border:1px solid var(--rule);border-radius:8px;padding:15px 12px;margin:8px 0;font-size:13px;font-weight:600;color:#48535d}.group-screen{width:248px;left:610px;top:-75px;transform:translateZ(-110px)}.group-line{font-size:13px;padding:16px 0;border-bottom:1px solid var(--rule)}.group-line span{float:right;color:#929a9f}.editor-screen{width:262px;left:545px;top:476px;transform:translateZ(200px);padding:10px;border-radius:8px;box-shadow:0 18px 45px #173b6321}.editor-input{padding:11px 12px;border:1.5px solid var(--navy);border-radius:5px;font-size:13px;margin-bottom:6px}.editor-input span,.editor-option span{float:right;color:#9aa4ad}.editor-option{padding:13px 12px;font-size:12px;border-radius:4px}.editor-option:nth-child(2){background:#173b630a;color:var(--navy)}.bottom-line{position:absolute;bottom:32px;left:4.8vw;right:4.8vw;display:flex;align-items:center;justify-content:space-between}.scroll-arrow{font-size:26px;color:var(--navy)}.progress-track{width:96px;height:1px;background:var(--rule)}.progress-track span{display:block;height:1px;background:var(--navy);width:0}footer{border-top:1px solid var(--rule);margin:0 4.8vw;padding:30px 0;display:flex;align-items:center;justify-content:space-between;font-size:12px}.footer-brand{font-family:var(--serif);font-size:22px;color:var(--navy)}.essay{max-width:760px;margin:0 auto;padding:185px 30px 100px;font-family:var(--serif);font-size:21px;line-height:1.75}.essay h1{font-size:80px;line-height:1.08;letter-spacing:-3px}.essay .deck{font-style:italic;color:var(--muted);font-size:25px;line-height:1.45;margin:35px 0 75px}.essay h2{font-size:36px;font-weight:400;line-height:1.25;letter-spacing:-.6px;margin:80px 0 32px}.essay p{margin:0 0 25px}.essay p:last-child{font-size:17px;color:var(--muted)}
@media(max-width:750px){.header{height:76px;margin:0 6vw}.wordmark{font-size:28px}nav{gap:24px}.narrative{left:6vw;top:15%;width:87%}.beat-intro{font-size:clamp(25px,5.1vw,34px);line-height:1.18;letter-spacing:-.7px;max-width:480px}.beat p{margin-bottom:14px}.beat-answer,.beat-point{font-size:64px;letter-spacing:-2.8px;width:100%}.beat-welcome{width:100%}h1{font-size:64px;letter-spacing:-2.8px}.beat-welcome p{font-size:23px}.object-space{left:0;top:42%;width:100%;height:54%;perspective:1200px}.bottom-line{left:6vw;right:6vw;bottom:20px}.essay{padding:135px 6vw 65px;font-size:19px}.essay h1{font-size:58px}.essay h2{font-size:30px}.essay .deck{font-size:22px;margin-bottom:45px}.scroll-story{height:430svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.detached{display:none}.swap-card{will-change:auto}}

.beat-welcome{opacity:1}.beat-finish{font-family:var(--serif);font-size:clamp(48px,5.5vw,88px);line-height:1.05;letter-spacing:-2px;width:135%}@media(max-width:750px){.beat-finish{font-size:53px;width:100%;letter-spacing:-1.8px}}
@media(min-width:751px){.object-space{left:41%;width:59%}.beat-welcome h1{font-size:clamp(60px,6.7vw,108px)}}
.narrative{min-height:320px;transform:translateZ(0)}