body{background:var(--ink);color:white}header{padding:18px 4vw;border-bottom:1px solid white;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:11px;letter-spacing:.04em}main{max-width:1520px;margin:auto;padding:0 4vw}.intro{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:end;padding:52px 0 40px;gap:30px}.eyebrow{font-size:11px;letter-spacing:.1em;align-self:start}.intro h1{font-size:clamp(40px,5vw,78px);line-height:.97;letter-spacing:-.055em;margin:0}.intro>p:last-child{font-size:14px;line-height:1.6}canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--cobalt)}.transport{display:flex;align-items:center;gap:14px;margin-top:18px}.transport button{background:transparent;color:white;border:1px solid white;min-height:46px;padding:10px 20px;font-size:13px;white-space:nowrap}.transport button:first-child{background:var(--ember);color:var(--ink);border-color:var(--ember);min-width:128px;font-weight:700}.transport button:disabled{opacity:.55}.seek-wrap{flex:1;display:flex;align-items:center}input[type=range]{width:100%;min-height:44px;accent-color:var(--ember)}output{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}#motion-status{font-size:12px;min-height:22px;line-height:1.5}.beats{display:grid;grid-template-columns:repeat(3,1fr);gap:6vw;margin:55px 0}.beats article{border-top:1px solid;padding-top:20px}.beats span{font-size:11px;letter-spacing:.08em}.beats h2{font-family:var(--font-serif);font-size:44px;font-weight:400;margin:20px 0 8px}.beats p{font-size:14px;line-height:1.6;max-width:35ch}details{padding:15px 0;border-top:1px solid;border-bottom:1px solid}summary{min-height:44px;display:list-item;padding-top:10px;cursor:pointer;font-size:14px}details p{font-size:14px;line-height:1.6;max-width:80ch}.links{display:flex;gap:30px;flex-wrap:wrap;margin-top:20px}.links a{min-height:44px;display:flex;align-items:center;font-size:14px}footer{padding:25px 4vw 35px}@media(max-width:700px){header{flex-wrap:wrap;font-size:10px}header>span:last-child{display:none}.intro{grid-template-columns:1fr;gap:18px;padding:30px 0}.intro h1{font-size:52px}.intro p{margin:0}.intro>p:last-child{font-size:13px}.transport{flex-wrap:wrap;gap:10px}.transport button{padding:10px 16px}.seek-wrap{order:4;flex-basis:100%}.beats{grid-template-columns:1fr;gap:25px;margin:30px 0}.beats h2{margin:16px 0 8px}.beats p{max-width:none}.links{gap:10px}}