.rshof-video-lounge {
    scroll-margin-top: 128px;
    padding: 24px 0 30px;
    border-top: 1px solid rgba(197,164,111,.12);
    border-bottom: 1px solid rgba(197,164,111,.15);
    background: linear-gradient(180deg,#07131c,#091923);
    color: #f4f1ea;
}
.rshof-video-lounge__group + .rshof-video-lounge__group { margin-top:26px; }
.rshof-video-lounge__header { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:15px; }
.rshof-video-lounge__header p { margin:0 0 3px; color:#d9b66f; font-size:9px; font-weight:900; letter-spacing:.18em; }
.rshof-video-lounge__header h2 { margin:0; font-family:"Iowan Old Style",Baskerville,serif; font-size:clamp(22px,2.3vw,32px); line-height:1.05; }
.rshof-video-lounge__header > a { flex:0 0 auto; color:#e1ccb0; font-size:10px; font-weight:900; text-decoration:none; white-space:nowrap; }
.rshof-video-lounge__rail { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(250px,310px); gap:12px; overflow-x:auto; padding:2px 2px 12px; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#8c7044 #07131c; }
.rshof-video-lounge__card { overflow:hidden; scroll-snap-align:start; border:1px solid rgba(197,164,111,.2); border-radius:14px; background:#0a1b25; color:inherit; box-shadow:0 12px 34px rgba(0,0,0,.16); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.rshof-video-lounge__card:hover { transform:translateY(-3px); border-color:rgba(225,204,176,.62); box-shadow:0 16px 38px rgba(0,0,0,.27); }
.rshof-video-lounge__screen { position:relative; display:block; aspect-ratio:16/9; overflow:hidden; background:radial-gradient(circle at 50% 48%,rgba(143,38,48,.45),transparent 24%),linear-gradient(135deg,#07131c 0%,#102d3a 55%,#35131b 100%); color:inherit; text-decoration:none; }
.rshof-video-lounge__poster { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:center; transform:scale(1.005); transition:transform .28s ease,filter .28s ease; }
.rshof-video-lounge__card:hover .rshof-video-lounge__poster { transform:scale(1.035); filter:brightness(1.04); }
.rshof-video-lounge__screen::before { position:absolute; z-index:2; inset:10px; border:1px solid rgba(225,204,176,.2); border-radius:9px; content:""; pointer-events:none; }
.rshof-video-lounge__play { position:absolute; z-index:3; left:50%; top:50%; display:grid; place-items:center; width:54px; height:54px; padding-left:4px; transform:translate(-50%,-50%); border:1px solid rgba(255,255,255,.75); border-radius:50%; background:rgba(5,15,22,.72); color:#fff; font-size:19px; box-shadow:0 0 0 8px rgba(255,255,255,.06),0 6px 25px rgba(0,0,0,.3); }
.rshof-video-lounge__meta { display:block; min-height:136px; padding:13px 14px 14px; }
.rshof-video-lounge__source { display:block; overflow:hidden; margin-bottom:7px; color:#aebbc1; font-size:8px; font-weight:900; line-height:1.35; letter-spacing:.08em; text-decoration:none; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.rshof-video-lounge__source:hover { color:#e6c77d; text-decoration:underline; text-underline-offset:2px; }
.rshof-video-lounge__title { display:-webkit-box; overflow:hidden; min-height:42px; color:#fff; font-size:13px; font-weight:800; line-height:1.42; text-decoration:none; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.rshof-video-lounge__title:hover { color:#f0d18d; }
.rshof-video-lounge__watch { display:block; margin-top:10px; color:#e1bd72; font-size:9px; font-weight:900; letter-spacing:.06em; text-decoration:none; text-transform:uppercase; }
.rshof-video-lounge__watch:hover { text-decoration:underline; text-underline-offset:3px; }
.rshof-video-lounge__details { display:block; overflow:hidden; margin-top:4px; color:#aebbc1; font-size:9px; font-weight:800; line-height:1.2; letter-spacing:.04em; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.rshof-video-lounge__rights { margin:8px 0 0; color:#8d9ba2; font-size:9px; line-height:1.5; }
.rshof-video-lounge__loading { margin:0; padding:28px 0; color:#aebbc1; font-size:11px; }
.rshof-mobile-menu-extra__video { color:#e7ca86 !important; font-weight:900 !important; }
.rshof-mobile-menu-extra__video > span { display:inline-grid; place-items:center; width:24px; height:24px; margin-right:8px; border:1px solid rgba(197,164,111,.5); border-radius:50%; font-size:9px; }
@media (min-width:901px) {
    .rshof-video-lounge { margin-top:4px; }
}
@media (max-width:700px) {
    .rshof-video-lounge { scroll-margin-top:92px; padding-block:18px 22px; }
    .rshof-video-lounge__group + .rshof-video-lounge__group { margin-top:22px; }
    .rshof-video-lounge__header { align-items:flex-start; }
    .rshof-video-lounge__header > a { display:none; }
    .rshof-video-lounge__rail { grid-auto-columns:minmax(235px,82vw); }
    .rshof-video-lounge__meta { min-height:132px; }
    .rshof-video-lounge__rights { line-height:1.45; }
}
@media (prefers-reduced-motion:reduce) {
    .rshof-video-lounge__card,
    .rshof-video-lounge__poster { transition:none; }
}

.rshof-video-lounge__context{display:flex;flex-wrap:wrap;gap:7px;margin:-3px 0 12px}
.rshof-video-lounge__context a{padding:6px 8px;border:1px solid rgba(225,204,176,.28);border-radius:999px;color:#d9c096;font-size:9px;font-weight:850;line-height:1;text-decoration:none}
.rshof-video-lounge__context a:hover,.rshof-video-lounge__context a:focus-visible{border-color:#e8c979;background:#102a36;color:#fff}

/* The homepage stays a short preview; the archive displays every clip by format and season. */
.rshof-video-lounge__archive-link,.rshof-video-lounge__all-link{display:inline-block;margin-top:8px;color:#e8c47e;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.rshof-video-lounge__all-link{margin-top:24px;font-size:15px}
.rshof-video-lounge__archive-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.rshof-video-lounge__archive-nav a{padding:9px 12px;border:1px solid rgba(225,204,176,.35);border-radius:999px;color:#f2e6cd;font-size:12px;font-weight:700;text-decoration:none}
.rshof-video-lounge__archive-nav a:hover,.rshof-video-lounge__archive-nav a:focus-visible{background:#173541;border-color:#e8c47e}
.rshof-video-lounge__season-title{margin:20px 0 10px;color:#e8c47e;font-size:15px;letter-spacing:.04em}
.rshof-video-lounge__rail--archive{display:grid;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;overflow:visible;scroll-snap-type:none}
.rshof-video-lounge__group[id]{scroll-margin-top:120px}
@media(max-width:600px){.rshof-video-lounge__rail--archive{grid-template-columns:1fr}.rshof-video-lounge__archive-nav{max-height:160px;overflow:auto}}

/* Clips archive: full-width dark portal layout, independent of the standard white-page rules. */
.rshof-page--standard.rshof-page--clips .rshof-page-content.rshof-standard-content{width:min(1460px,calc(100vw - 40px));max-width:none;min-width:0;padding:28px 0 72px}
.rshof-page--clips .rshof-standard-content__paper{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#f2f5f6}
.rshof-page--clips .rshof-standard-content__paper::before{content:none}
.rshof-page--standard.rshof-page--clips .rshof-page-content .rshof-standard-content__paper>p:first-child{max-width:850px;margin:0 0 22px!important;color:#d8e4e9;font-size:clamp(16px,1.6vw,20px);line-height:1.5}
.rshof-page--clips .rshof-standard-pagebar{border-color:rgba(225,204,176,.18);background:#0a1b25;color:#f2f5f6}
.rshof-page--clips .rshof-standard-pagebar strong{color:#d8e4e9}
.rshof-page--clips .rshof-standard-pagebar a{color:#eed195}
.rshof-page--standard.rshof-page--clips .rshof-page-content #rshof-video-lounge{width:100%;min-width:0;margin:0;padding:0 0 24px;border:0;background:transparent;color:#f2f5f6;overflow:clip}
.rshof-page--clips #rshof-video-lounge>.rshof-shell{width:100%;max-width:none;min-width:0;margin:0;padding:0}
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__group{width:100%;max-width:100%;min-width:0;margin-top:30px}
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;min-width:0}
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__header>div{min-width:0}
.rshof-page--standard.rshof-page--clips .rshof-page-content #rshof-video-lounge h2{margin:0;padding:0;color:#f8f5ed;font-family:"Iowan Old Style",Baskerville,serif;font-size:clamp(26px,3vw,40px);line-height:1.13;overflow-wrap:anywhere}
.rshof-page--clips #rshof-video-lounge h2::before{content:none}
.rshof-page--standard.rshof-page--clips .rshof-page-content #rshof-video-lounge h3.rshof-video-lounge__season-title{margin:18px 0 12px;color:#f0cf87;font-size:clamp(18px,2vw,24px)}
.rshof-page--standard.rshof-page--clips .rshof-page-content #rshof-video-lounge p{color:#d0dce1}
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__header>div>p{color:#e8c47e}
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__header>a{max-width:240px;white-space:normal;text-align:right;line-height:1.4}
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__rail--archive{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));width:100%;max-width:100%;min-width:0;overflow:visible;align-items:start;grid-auto-flow:dense;grid-auto-rows:8px}
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__rail--archive .rshof-video-lounge__card:not(.rshof-video-lounge__card--portrait){grid-column:span 2}
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__card{min-width:0}
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__screen::before{content:none}
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__card--portrait .rshof-video-lounge__screen{aspect-ratio:9/16}
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__poster{object-fit:cover;object-position:center}
/* The official 16:9 Shorts thumbnails contain a complete 9:16 video frame in their centre third.
   Show that frame at its native proportions; keep faces and bodies uncropped. */
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__card--portrait .rshof-video-lounge__poster{left:50%;right:auto;width:320%;max-width:none;height:100%;object-fit:fill;transform:translateX(-50%);transform-origin:center}
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__card--portrait:hover .rshof-video-lounge__poster{transform:translateX(-50%);filter:brightness(1.04)}
.rshof-page--standard.rshof-page--clips .rshof-page-content #rshof-video-lounge a:not(.rshof-button):not(.wp-block-button__link){color:#e9c883}
.rshof-page--standard.rshof-page--clips .rshof-page-content #rshof-video-lounge a.rshof-video-lounge__title:not(.rshof-button):not(.wp-block-button__link){color:#f6f7f7}
.rshof-page--standard.rshof-page--clips .rshof-page-content #rshof-video-lounge a.rshof-video-lounge__source:not(.rshof-button):not(.wp-block-button__link){color:#c5d4da}
.rshof-page--standard.rshof-page--clips .rshof-page-content #rshof-video-lounge .rshof-video-lounge__archive-nav a:not(.rshof-button):not(.wp-block-button__link){color:#f0e2c4}
.rshof-page--standard.rshof-page--clips .rshof-page-content #rshof-video-lounge .rshof-video-lounge__context a:not(.rshof-button):not(.wp-block-button__link){color:#e9d6ad}
.rshof-page--clips #rshof-video-lounge a:focus-visible{outline:2px solid #f5d484;outline-offset:3px}
@media(max-width:700px){
.rshof-page--standard.rshof-page--clips .rshof-page-content.rshof-standard-content{width:calc(100vw - 28px);padding:18px 0 48px}
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__header{grid-template-columns:1fr;align-items:start}
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__header>a{max-width:none;text-align:left}
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__archive-nav{max-height:none;overflow:visible}
}

@media(max-width:700px){.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__rail--archive{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__rail--archive .rshof-video-lounge__card:not(.rshof-video-lounge__card--portrait){grid-column:span 2}}

/* Shorts previews retain the complete central portrait frame, as in the archive. */
.rshof-video-lounge__rail:not(.rshof-video-lounge__rail--archive) {
    grid-auto-columns: max-content;
    align-items: start;
}
.rshof-video-lounge__rail:not(.rshof-video-lounge__rail--archive) > .rshof-video-lounge__card {
    width: 310px;
}
.rshof-video-lounge__rail:not(.rshof-video-lounge__rail--archive) > .rshof-video-lounge__card--portrait {
    width: 210px;
}
.rshof-video-lounge__rail:not(.rshof-video-lounge__rail--archive) .rshof-video-lounge__card--portrait .rshof-video-lounge__screen {
    aspect-ratio: 9 / 16;
}
.rshof-video-lounge__rail:not(.rshof-video-lounge__rail--archive) .rshof-video-lounge__card--portrait .rshof-video-lounge__poster {
    left: 50%;
    right: auto;
    width: auto;
    max-width: none;
    height: 100%;
    object-fit: fill;
    transform: translateX(-50%);
}
.rshof-video-lounge__rail:not(.rshof-video-lounge__rail--archive) .rshof-video-lounge__card--portrait:hover .rshof-video-lounge__poster {
    transform: translateX(-50%);
    filter: brightness(1.08);
}
@media (max-width: 700px) {
    .rshof-video-lounge__rail:not(.rshof-video-lounge__rail--archive) > .rshof-video-lounge__card {
        width: clamp(235px, 82vw, 310px);
    }
    .rshof-video-lounge__rail:not(.rshof-video-lounge__rail--archive) > .rshof-video-lounge__card--portrait {
        width: min(210px, 72vw);
    }
}

/* Equal editorial cards for every format, including Shorts. 2026-10-13. */
.rshof-video-lounge__rail:not(.rshof-video-lounge__rail--archive){grid-auto-columns:minmax(250px,310px);align-items:stretch}
.rshof-video-lounge__rail:not(.rshof-video-lounge__rail--archive)>.rshof-video-lounge__card,
.rshof-video-lounge__rail:not(.rshof-video-lounge__rail--archive)>.rshof-video-lounge__card--portrait{width:310px}
.rshof-video-lounge__screen,
.rshof-video-lounge__rail:not(.rshof-video-lounge__rail--archive) .rshof-video-lounge__card--portrait .rshof-video-lounge__screen,
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__card--portrait .rshof-video-lounge__screen{aspect-ratio:16/9}
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__rail--archive{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-auto-flow:row;grid-auto-rows:auto;align-items:stretch}
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__rail--archive .rshof-video-lounge__card,
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__rail--archive .rshof-video-lounge__card:not(.rshof-video-lounge__card--portrait){grid-column:auto;grid-row:auto}
.rshof-video-lounge__card{display:flex;flex-direction:column}
.rshof-video-lounge__meta{flex:1;box-sizing:border-box;min-height:136px}
.rshof-video-lounge__screen::before{content:none}
/* Crop the real centre portrait frame from broadcaster Shorts thumbnails.
   Scale both axes equally: no stretching, pasted inset or blurred filler. */
.rshof-video-lounge__rail:not(.rshof-video-lounge__rail--archive) .rshof-video-lounge__card--portrait .rshof-video-lounge__poster,
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__card--portrait .rshof-video-lounge__poster{inset:0;left:0;right:0;width:100%;max-width:none;height:100%;object-fit:cover;transform:scale(3.16);transform-origin:50% 35%}
.rshof-video-lounge__rail:not(.rshof-video-lounge__rail--archive) .rshof-video-lounge__card--portrait:hover .rshof-video-lounge__poster,
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__card--portrait:hover .rshof-video-lounge__poster{transform:scale(3.16);filter:brightness(1.04)}
@media(max-width:700px){
.rshof-video-lounge__rail:not(.rshof-video-lounge__rail--archive){grid-auto-columns:clamp(235px,82vw,310px)}
.rshof-video-lounge__rail:not(.rshof-video-lounge__rail--archive)>.rshof-video-lounge__card,
.rshof-video-lounge__rail:not(.rshof-video-lounge__rail--archive)>.rshof-video-lounge__card--portrait{width:clamp(235px,82vw,310px)}
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__rail--archive{grid-template-columns:repeat(2,minmax(0,1fr))}
.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__rail--archive .rshof-video-lounge__card:not(.rshof-video-lounge__card--portrait){grid-column:auto}
}
@media(max-width:420px){.rshof-page--clips #rshof-video-lounge .rshof-video-lounge__rail--archive{grid-template-columns:1fr}}
