:root{color-scheme:light;--bg:#f2efe7;--ink:#382d24;--muted:#756d61;--line:#d3cabe;--accent:#71533e;--screen:#e2d9cb;font:16px/1.5 Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}
a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
a:focus-visible,video:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
main{max-width:1120px;padding:0 40px;margin:auto}
header{height:84px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}
.wordmark{font-weight:700;font-size:12px;letter-spacing:2px;text-decoration:none;color:#574635}.wordmark span{font-weight:400;color:var(--muted);letter-spacing:1.5px;margin-left:8px}
.header-actions{display:flex;align-items:center;gap:28px;font-size:12px}.all-studies{text-decoration:none}.all-studies:hover{color:#382d24;text-decoration:underline}
.banner{margin:22px 0 0;background:#e9e1d4;border:1px solid #c8bfae;border-radius:3px;padding:11px 14px;font-size:12px;line-height:1.6;color:#5a4a3a;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.banner-mark{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;font-weight:700;color:#fffdf8;background:var(--accent);border-radius:2px;padding:3px 7px}
.eyebrow{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:var(--accent);margin:0 0 10px}
.intro{display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:end;padding:34px 0 30px}
h1{font:400 clamp(44px,6vw,78px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-2.4px;margin:0}h1 em{font-weight:400}
.intro-copy{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 6px}
.versions{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid var(--line);padding-top:30px}
.player h2{font:400 26px/1.15 Georgia,serif;letter-spacing:-.4px;margin:0 0 14px}
.screen{border:1px solid #c4b7a5;box-shadow:0 13px 35px #68513b12;border-radius:3px;overflow:hidden;background:var(--screen)}
.screen video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:var(--screen)}
.transport{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0 8px;flex-wrap:wrap}
.meta{font-size:10px;color:var(--muted);letter-spacing:.25px}
.download{display:inline-flex;gap:12px;align-items:center;text-decoration:none;border:1px solid #b2a28e;border-radius:3px;padding:10px 13px;font-size:11px;white-space:nowrap}.download:hover{background:#e3dacf}
.status{font-size:10px;margin:0;color:var(--muted);min-height:16px}.status.error{color:#983b23}.status a{margin-left:8px}
.line{font-size:12px;line-height:1.7;color:var(--muted);margin:12px 0 0;border-top:1px solid var(--line);padding-top:12px}.line strong{color:var(--ink);font-weight:600}
.scope{margin:36px 0 0;font-size:11px;line-height:1.7;color:var(--muted);max-width:640px;border-top:1px solid var(--line);padding-top:20px}
footer{margin-top:24px;padding:20px 0 30px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:30px}footer span:last-child{text-align:right}
.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{display:block;padding:12px}
@media(max-width:960px){main{padding:0 28px}.intro{grid-template-columns:1fr 300px;gap:36px}.versions{gap:22px}.player h2{font-size:23px}}
@media(max-width:820px){.intro{display:block;padding:28px 0 24px}.intro-copy{margin-top:18px;max-width:520px}.versions{grid-template-columns:1fr;gap:44px}.player{width:min(100%,360px);margin:0 auto}}
@media(max-width:600px){main{padding:0 20px}header{height:74px}.wordmark span{display:none}h1{font-size:50px;letter-spacing:-1.6px}h1 br{display:none}h1 em{margin-left:8px}.banner{font-size:11px;display:block}.banner-mark{display:inline-block;margin-right:10px;vertical-align:1px}.transport{align-items:flex-start}footer{display:block}footer span{display:block}footer span:last-child{text-align:left;margin-top:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
