.youtube-review__stage .facade-player{width:100%;height:auto;aspect-ratio:var(--aw,16)/var(--ah,9)}
[data-youtube-close]{min-height:44px;margin-block:8px;padding:8px 12px;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;font:inherit;cursor:pointer}
[data-youtube-close][hidden]{display:none}
/* Latest shares the homepage's section rhythm, paper and forged edges. */
.showcase-arrows{display:flex;gap:8px;align-self:center}
.showcase-arrow{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink-2);font:20px/1 var(--sans);cursor:pointer;transition:transform var(--press-out,.2s),color .18s,border-color .18s}
.showcase-arrow[hidden]{display:none}
.showcase-arrow:not(:disabled):is(:hover,:focus-visible){color:var(--ember-ink);border-color:var(--ember-ink)}
.showcase-arrow:disabled{opacity:.3;cursor:default}
.showcase-arrow.is-pressed:not(:disabled){transform:scale(.97);transition:transform var(--press-in,.1s)}
.showcase-rail{display:flex;align-items:stretch;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;touch-action:pan-x pan-y;padding:4px 2px 20px;transition:transform .18s ease}
.showcase-card{display:flex;flex-direction:column;flex:0 0 320px;scroll-snap-align:start;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--paper-raised);transition:transform .2s,box-shadow .2s}
.showcase-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0005}
.showcase-media{position:relative;aspect-ratio:16/9;isolation:isolate;background:var(--paper-sunken)}
.showcase-placeholder{position:absolute;inset:0;z-index:-1;display:grid;place-items:center;background:radial-gradient(ellipse at 65% 15%,#38201c88,transparent 70%),linear-gradient(145deg,#1d1717,#070505)}
.showcase-placeholder .mark{width:40px;height:40px;opacity:.35}
.showcase-media>.media{margin:0;height:100%}
.showcase-media :is(.media-frame,picture){display:block;height:100%}
.showcase-media img{display:block;width:100%;height:100%;object-fit:cover}
.showcase-media .facade-wrap{position:relative;height:100%}
.showcase-media :is(.youtube-review__stage,.facade,.facade-frame){height:100%;border:0;border-radius:0}
.showcase-media .facade-frame{background: url("/favicon.svg#full") center / 40px 40px no-repeat,radial-gradient(ellipse at 65% 15%,#38201c88,transparent 70%),linear-gradient(145deg,#1d1717,#070505)}
.showcase-media .facade-frame .plate{visibility:hidden}
.showcase-media .facade-plate{position:absolute;bottom:0;inset-inline:0;min-height:40px;background:#141010e6;font-size:13px}
.showcase-media .facade-player{width:100%;height:100%;aspect-ratio:16/9;border:0;border-radius:0}
.showcase-media :is(.facade-links,.facade-caption){display:none}
.showcase-media .youtube-review__meta{position:absolute;top:8px;right:8px;z-index:2}
.showcase-media [data-youtube-close]{margin:0;background:var(--paper-raised);font-size:12px}
.showcase-copy{display:flex;flex:1;flex-direction:column;padding:20px;gap:10px}
.hub .showcase-kind{margin:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.hub .showcase-card h3{margin:0;font:400 24px/1.2 var(--serif);overflow-wrap:anywhere}
.showcase-card h3 a{color:var(--ink);text-decoration:none}
.showcase-card h3 a:hover{color:var(--ember-ink)}
.showcase-host{margin:0;margin-top:auto;padding-top:8px;color:var(--ink-3);font:12px/1.4 var(--sans)}
.showcase-section :is(button,a,.showcase-rail):focus-visible{outline:2px solid var(--ember-ink);outline-offset:3px}
.showcase-card:focus-within{border-color:var(--ember-ink);outline:2px solid var(--ember-ink);outline-offset:2px}
@media(max-width:640px){.showcase-card{flex-basis:78%}}
@media(any-hover:none) and (any-pointer:coarse){.showcase-arrows{display:none}}
@media(prefers-reduced-motion:reduce){.showcase-card,.showcase-arrow,.showcase-rail{transition:none}.showcase-card:hover,.showcase-arrow.is-pressed:not(:disabled){transform:none}}
.is-still :is(.showcase-card,.showcase-arrow,.showcase-rail){transition:none}
.is-still .showcase-card:hover,.is-still .showcase-arrow.is-pressed:not(:disabled){transform:none}