:root{color-scheme:light;--paper:#f6f5f0;--ink:#252b26;--muted:#63685f;--line:#d9dcd2;--accent:#466049}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}.page{max-width:1184px;margin:auto;padding:0 48px}a{color:inherit;text-underline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,iframe:focus-visible{outline:3px solid #3d6546;outline-offset:5px}.skip{position:absolute;top:-90px;left:16px;padding:12px;background:white;z-index:5}.skip:focus{top:16px}header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:20px;letter-spacing:-.8px;text-decoration:none;display:flex;align-items:center;gap:10px}.brand-icon{display:inline-grid;place-items:center;border:1px solid var(--ink);width:25px;height:25px;font-size:19px;line-height:1}.header-note,.muted{color:var(--muted)}.header-note{font-size:12px}.intro{padding:78px 0 63px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700;margin:0 0 23px;color:var(--accent)}h1{font-size:clamp(40px,5vw,64px);font-weight:400;line-height:1.08;letter-spacing:-2.8px;margin:0 0 24px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.lede{color:var(--muted);font-size:15px;margin:0;line-height:1.8}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:26px}h2{margin:0;font-size:15px;font-weight:500}#count{font-size:10px;border:1px solid var(--line);padding:2px 7px;border-radius:20px;margin-left:8px}.play-note{font-size:11px;color:var(--muted)}.play-note span{color:var(--accent);margin-right:5px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px}.screen{position:relative;aspect-ratio:16/9;min-height:200px;overflow:hidden;background:#dce1d5}.card:nth-child(2n) .screen{background:#d7dfe1}.cover{width:100%;height:100%;position:absolute;inset:0;border:0;cursor:pointer;color:var(--ink);background:radial-gradient(ellipse at 24% 130%,#75896a 0%,transparent 55%),linear-gradient(125deg,transparent 25%,#ffffff55 25%,#ffffff55 50%,transparent 50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font:inherit}.card:nth-child(2n) .cover{background:radial-gradient(ellipse at 95% 110%,#80999b 0%,transparent 55%),linear-gradient(150deg,transparent 40%,#ffffff55 40%,#ffffff55 65%,transparent 65%)}.play-symbol{display:grid;place-items:center;border:1px solid #ffffffaa;border-radius:50%;background:#f6f5f0e6;width:56px;height:56px;font-size:19px;padding-left:3px}.cover:hover .play-symbol{background:white}.cover-label{font-size:11px;letter-spacing:.3px;background:var(--paper);padding:2px 9px;border-radius:3px}.screen iframe{width:100%;height:100%;position:absolute;inset:0;border:0;background:#151915}.card-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:16px}.card h3{font-size:17px;font-weight:500;line-height:1.4;margin:0}.index{font-size:10px;color:var(--muted);margin-right:9px}.platform{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.description{font-size:13px;color:var(--muted);margin:7px 0 10px}.card-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:11px}.close-player{font:inherit;background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer;color:var(--ink)}.watch-note{display:flex;gap:14px;border-top:1px solid var(--line);margin-top:45px;padding-top:20px;color:var(--muted);font-size:11px}.watch-note p{margin:0}footer{display:flex;justify-content:space-between;gap:20px;margin-top:65px;padding:25px 0;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}#status:empty{display:none}#status{font-size:14px;padding:14px;border:1px solid var(--line)}@media(max-width:680px){.page{padding:0 22px}header{height:80px}.header-note{display:none}.intro{padding:52px 0 42px}h1{letter-spacing:-1.7px}.grid{grid-template-columns:1fr;gap:30px}.section-heading{align-items:baseline}.play-note{font-size:10px}footer{flex-direction:column;gap:6px;margin-top:45px}.screen{min-height:200px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media(forced-colors:active){.cover,.play-symbol{border:1px solid ButtonText}}
.card{min-width:0}.screen{width:100%}.card h3,.description{overflow-wrap:anywhere}