:root{font-family:DM Sans,Arial,sans-serif;color:#20211e;background:#f1eddc;font-synthesis:none;color-scheme:light;--paper: #f1eddc;--ink: #20211e;--orange: #bc3c17;--line: #b8b5a6}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:var(--paper);padding:15px;z-index:5}.skip:focus{top:15px}header{margin:0 5vw;padding:24px 0;border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;gap:24px;font-size:11px;letter-spacing:.1em}header a{font-weight:700}.opening{padding:54px 5vw 40px}.kicker{font-size:11px;line-height:1.6;text-transform:uppercase;letter-spacing:.12em;margin:0 0 22px}h1{font-size:clamp(72px,13vw,210px);letter-spacing:-.075em;line-height:.89;font-weight:500;margin:0}em{font-family:"Instrument Serif",Georgia,serif;font-weight:400}h1 em{color:var(--orange)}.intro{display:flex;gap:30px;align-items:center;max-width:420px;margin:25px 0 0 auto}.intro p{font-size:16px;line-height:1.55}.orange-mark{font-size:90px;line-height:1;color:var(--orange)}.notice{margin:0 5vw;padding:20px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;align-items:center;gap:12px;font-size:12px}.notice p{margin:0}.dot{width:8px;height:8px;background:var(--orange);border-radius:50%;flex:none}.study{margin:0 5vw;display:grid;grid-template-columns:.85fr 1.4fr;gap:6vw;padding:64px 0;border-bottom:1px solid var(--ink)}.study-heading{display:flex;gap:26px}.number{font-size:13px;white-space:nowrap;line-height:1.5;color:var(--orange)}h2{font-size:clamp(36px,5vw,74px);font-weight:500;letter-spacing:-.055em;line-height:1;margin:0 0 24px}.study-heading p:not(.kicker){font-size:14px;line-height:1.6;max-width:270px}.stage{height:330px;position:relative;overflow:hidden;background:#e5e1d0}.figure{position:absolute;bottom:18px;left:20px;font-size:9px;letter-spacing:.14em}.bars-stage{padding:50px 25px 55px}.bars{height:100%;display:flex;align-items:end;gap:7px}.bars i{display:block;flex:1;height:100%;background:var(--orange);transform:scaleY(.12);transform-origin:bottom}.bars i:nth-child(2n){background:var(--ink)}.bars i:nth-child(2),.bars i:nth-child(7){height:75%}.bars i:nth-child(3),.bars i:nth-child(6){height:85%}.bars i:nth-child(4),.bars i:nth-child(5){height:95%}.baseline{position:absolute;bottom:54px;left:25px;right:25px;border-bottom:1px solid var(--ink)}.dots-stage{display:grid;place-items:center;background:var(--ink);color:var(--paper)}.dots{display:grid;grid-template-columns:repeat(5,1fr);width:200px;gap:13px}.dots i{aspect-ratio:1;border-radius:50%;background:#ed724c;display:block;transform:scale(.25);opacity:.4}.dots i:nth-child(2n){background:var(--paper)}.tracks-stage{display:grid;place-items:center}.tracks{width:65%;display:grid;gap:40px}.track{height:28px;position:relative;border-bottom:1px solid #9f9e91}.track i{display:block;position:absolute;bottom:-14px;width:28px;height:28px;background:var(--orange);border-radius:50%;z-index:1}.track:nth-child(2) i{background:var(--ink)}.track span{position:absolute;right:0;bottom:-18px;width:36px;height:36px;border:1px solid #807f74;border-radius:50%}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-top:18px}button{cursor:pointer;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:12px 16px;min-height:46px;font-size:12px}button[data-action=play]{background:var(--ink);color:var(--paper)}button:hover{background:var(--orange);color:#fff;border-color:var(--orange)}.status{font-size:11px;line-height:1.5;flex-basis:100%;margin:3px 0 0;color:#57584e;min-height:17px}.closing{padding:68px 5vw;display:grid;grid-template-columns:1fr 2fr;gap:24px}.closing>p:not(.kicker){font-size:clamp(40px,7vw,100px);line-height:1;letter-spacing:-.05em;margin:0}.closing>div{grid-column:2;max-width:360px;font-size:14px;line-height:1.6}footer{margin:0 5vw;border-top:1px solid var(--ink);padding:24px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px}@media(max-width:750px){.study{grid-template-columns:1fr;gap:25px;padding:40px 0}.study-heading{gap:18px}.study-heading p:not(.kicker){max-width:340px}h2 br{display:none}h2{font-size:44px}.stage{height:300px}.intro{margin-left:0}.closing{grid-template-columns:1fr}.closing>div{grid-column:1}header span{text-align:right;font-size:9px;max-width:170px}.opening{padding-top:35px}.kicker{font-size:10px}.actions{gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.orange-mark{width:80px;height:80px;flex:none;fill:none;stroke:var(--orange);stroke-width:3}.skip{top:0;transform:translateY(-150%)}.skip:focus{transform:none;top:15px}