.proj{box-sizing:border-box;color:#f6f7fa;width:min(100%,177.778dvh - 533.333px + 2*clamp(10px,1.6vw,22px));min-width:min(100%,560px);box-shadow:0 0 0 1px #000, 0 30px 60px -30px color-mix(in srgb, var(--h) 45%, #0000), 0 30px 60px -30px color-mix(in srgb, var(--a) 45%, #0000);background:#0b0c0e;border-radius:2px;align-self:center;padding:clamp(10px,1.6vw,22px);position:relative}.proj .seg-one,.proj .quiet{color:#c4cde0}.proj .player{border-radius:2px}.smx{border-bottom:1px dashed var(--control-stroke);flex-direction:column;gap:10px;padding-bottom:clamp(20px,2.4vw,28px);display:flex}.smx h1{font:700 clamp(24px, 2.6vw, 34px)/1.1 var(--font-barlow), system-ui, sans-serif;letter-spacing:-.01em;text-wrap:balance;flex-wrap:wrap;align-items:center;gap:0 10px;margin:0;display:flex}.smx h1 .flag{width:26px}.smx .mxr{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.smx .asof{color:var(--muted);margin:0 0 0 auto;font-size:12px}.flap{background-color:var(--raised-2);background-image:var(--matte), var(--grain);box-shadow:var(--edge), 0 1px 0 color-mix(in srgb, var(--sh) 25%, #0000), 0 1px 2px color-mix(in srgb, var(--sh) 30%, #0000), 0 8px 16px -6px color-mix(in srgb, var(--sh) 40%, #0000);border-radius:3px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:0 0 0 20px;display:grid;position:relative}.flap p{margin:18px 0;font-size:15px;line-height:1.5}.tear{color:var(--text);font:700 13px var(--font-barlow), system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transform-origin:0;background:radial-gradient(circle at 0 50%, var(--raised) 1.6px, #0000 2.1px) left top / 4px 8px repeat-y, var(--matte), var(--raised-2);border-radius:0 3px 3px 0;align-self:stretch;align-items:center;padding:0 22px 0 26px;text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.tear:hover{transform:rotate(-1.5deg)translate(3px)}.tear:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}@media (prefers-reduced-motion:reduce){.tear{transition:none}.tear:hover{transform:none}}@media (max-width:600px){.flap{grid-template-columns:auto 1fr;padding:0 0 0 16px}.tear{background:var(--matte), var(--raised-2);border-top:2px dotted var(--raised);border-radius:0 0 3px 3px;grid-column:1/-1;justify-content:center;min-height:44px;margin-left:-16px}}
