@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#1c2b37;background:#eeefeb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,canvas{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}header{height:102px;display:flex;align-items:center;gap:35px;margin:0 5%;border-bottom:1px solid #c6ccca}.brand{font:700 54px Space Grotesk,sans-serif;letter-spacing:-8px;line-height:1}.brand span{color:#c38229}.edition,.embed-link,.eyebrow,.material,.stage-caption,.view-note,.view-index,.notes>div>span,footer{font-family:Space Grotesk,sans-serif;font-size:13px;letter-spacing:1px}.edition{flex:1}.embed-link{letter-spacing:0;font-size:16px}main{max-width:1800px;margin:auto}.intro{padding:65px 5% 0;position:relative;z-index:1;pointer-events:none}.eyebrow{font-weight:600}.eyebrow span{margin-left:24px;color:#52616b}h1{font-size:clamp(52px,6.7vw,106px);font-weight:500;letter-spacing:-.075em;line-height:.99;margin:32px 0 25px}h1>span{color:#c48a39}.intro p{font-size:18px;line-height:1.6;color:#52616b}.material{display:flex;align-items:center;gap:10px;margin-top:38px;font-size:13px;letter-spacing:0}.material i{background:#23465e;border:3px solid #a6b0b1;width:18px;height:18px;border-radius:50%}.product{margin:-390px 5% 0 37%;position:relative}.stage{height:540px;position:relative;background:radial-gradient(ellipse at 52% 62%,#ccd3d2 0,transparent 64%);border-bottom:1px solid #c6ccca}canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y;outline:none}canvas:active{cursor:grabbing}canvas:focus-visible:not([data-pointer-focus]){outline:2px solid #b77b28;outline-offset:-4px}.stage-caption{position:absolute;top:0;left:25px;right:0;display:flex;justify-content:space-between;font-size:13px;color:#63717b;pointer-events:none}.stage-caption span{font-size:13px}.view-note,.view-index{position:absolute;bottom:19px;font-size:13px;color:#5c6c76;pointer-events:none}.view-note{left:25px}.view-index{right:0}.transport{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 0}.live{display:flex;gap:8px;align-items:center;font-size:13px}.live i{width:6px;height:6px;background:#7b8b91;border-radius:50%}.live.playing i{background:#b67b27}.buttons{display:flex;gap:7px}button{border:1px solid #b9c2c3;background:transparent;border-radius:5px;color:#263d4c;padding:10px 12px;font:13px DM Sans,sans-serif;cursor:pointer;white-space:nowrap}button:hover{background:#e0e5e2}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #976420;outline-offset:4px}#play{background:#233e51;color:#fff;border-color:#233e51}#instructions{font-size:16px;line-height:1.7;color:#5c6c76;margin:0;max-width:520px}.notes{margin:70px 5% 0;border-top:1px solid #c6ccca;padding:33px 0 52px;display:grid;grid-template-columns:1fr 1fr .7fr;gap:40px}.notes>div>span{color:#52616b;font-size:13px}.notes h2{font-weight:500;font-size:23px;letter-spacing:-1px;margin:17px 0 12px}.notes p{color:#52616b;font-size:16px;line-height:1.8}.end-mark{font:500 30px/1.1 Space Grotesk,sans-serif;text-align:right;letter-spacing:-1.5px}.end-mark span{display:block;margin-top:24px}footer{border-top:1px solid #c6ccca;margin:0 5%;padding:23px 0;display:flex;justify-content:space-between;color:#52616b;font-size:13px}.fallback{position:absolute;inset:80px 25px 45px;text-align:center}.fallback p{font-size:16px;line-height:1.7}.flat-player{background:#173b58;color:#d8e2e8;border:10px solid #1c3040;border-radius:20px;padding:30px;max-width:330px;margin:25px auto;font:18px monospace}.flat-player span{display:block;font-size:45px;margin-top:20px}.embedded header,.embedded .intro,.embedded .notes,.embedded footer{display:none}.embedded .product{margin:0 20px}.embedded .stage-caption{top:15px}.embedded #instructions{font-size:16px}.embedded .transport{padding:12px 0}.embedded .view-note{font-size:13px}.embedded .stage-caption span{display:none}@media(min-width:1500px){.product{margin-top:-430px}.stage{height:620px}}@media(max-width:1050px){header{height:80px}.edition{font-size:13px}.intro{padding-top:45px}.product{margin-top:-285px;margin-left:34%}.stage{height:440px}.transport{flex-wrap:wrap}.intro p{font-size:16px}.material{max-width:200px;line-height:1.6}.stage-caption span{display:none}.notes{margin-top:50px}.end-mark{font-size:23px}}@media(max-width:680px){header{height:70px;gap:22px}.brand{font-size:44px}.edition{display:none}.embed-link{font-size:13px;margin-left:auto}.intro{padding-top:34px}.eyebrow{font-size:13px}.eyebrow span{display:block;margin:7px 0 0}h1{font-size:60px;margin-top:24px}.intro p{font-size:15px;line-height:1.5;margin-bottom:14px}.material{position:absolute;right:5%;bottom:0;width:125px;font-size:13px}.material i{flex-shrink:0}.product{margin:28px 5% 0}.stage{height:310px}.stage-caption,.view-note{left:0;font-size:13px}.transport{padding:16px 0;gap:14px}.buttons{gap:6px}button{font-size:13px;padding:9px 11px}#instructions{font-size:16px}.notes{grid-template-columns:1fr;gap:20px;margin-top:35px;padding-bottom:30px}.notes h2{margin-top:10px}.notes p{font-size:16px}.end-mark{display:none}footer{gap:20px;font-size:13px;line-height:1.7;flex-direction:column}.embedded .product{margin:0 14px}.embedded .transport{gap:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.embedded .product{height:100svh;display:flex;flex-direction:column}.embedded .stage{height:auto;min-height:0;flex:1}.embedded .transport,.embedded #instructions{flex-shrink:0}.embedded #instructions{margin-bottom:12px}.music-bar{display:flex;align-items:flex-end;gap:16px;margin:0 0 16px;flex-shrink:0;color:#52616b;font:16px Space Grotesk,sans-serif}.music-bar label{flex:1;min-width:0;letter-spacing:.7px}.music-bar select{display:block;margin-top:7px;width:100%;min-width:0;border:1px solid #aab8bc;border-radius:5px;padding:10px 30px 10px 12px;background:#e5e8e3;color:#203746;font:16px DM Sans,Arial,sans-serif;text-overflow:ellipsis}.music-bar select:focus-visible{outline:2px solid #976420;outline-offset:3px}.music-bar select:disabled{opacity:.7}#time{white-space:nowrap;padding-bottom:12px;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:0}#audio{display:none}@media(max-width:360px){.view-note{max-width:calc(100% - 84px);line-height:1.4;bottom:12px}.view-index{bottom:12px}}
