*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Instrument Sans,system-ui,sans-serif;background:#0c0d10;color:#ece7dc;-webkit-font-smoothing:antialiased}.page{min-height:100dvh;display:grid;place-items:center;padding:32px 20px 48px;background:radial-gradient(ellipse 80% 50% at 50% -10%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 55%),#0c0d10}.card{width:min(640px,100%)}.mark{width:10px;height:10px;border-radius:2px;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.kicker{display:flex;align-items:center;gap:10px;margin:0 0 24px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,#ece7dc 55%,transparent)}h1{margin:0 0 12px;font-size:clamp(2rem,5vw,2.6rem);font-weight:650;letter-spacing:-.03em;line-height:1.1}.lede{margin:0 0 28px;font-size:1.125rem;line-height:1.55;color:color-mix(in srgb,#ece7dc 78%,transparent)}.shot{margin:0;overflow:hidden;border-radius:14px;border:1px solid color-mix(in srgb,#ece7dc 12%,transparent);background:#14161b;box-shadow:0 24px 60px color-mix(in srgb,#000 45%,transparent)}.shot-chrome{display:flex;gap:6px;align-items:center;height:36px;padding:0 14px;border-bottom:1px solid color-mix(in srgb,#ece7dc 8%,transparent)}.shot-chrome span{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,#ece7dc 22%,transparent)}.shot-chrome span:first-child{background:color-mix(in srgb,var(--accent) 70%,#ece7dc)}.shot img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;object-position:top center}.shot figcaption{margin:0;padding:12px 14px 14px;font-size:13px;color:color-mix(in srgb,#ece7dc 48%,transparent)}.preview-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.preview-list a{color:var(--accent, #ece7dc);text-decoration:none;font-size:.95rem}.preview-list a:hover{text-decoration:underline}