/* The homepage reuses the site's navigation, forms, portraits and gallery. */
.homepage-formats{background:#f1f0ed;color:#161617}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.format-hero{position:relative;height:88svh;min-height:700px;max-height:1080px;isolation:isolate;background:#080809;color:#fff;overflow:hidden}
.format-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s ease,visibility .7s ease}
.format-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.format-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:none}
.format-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,9,10,.88) 0%,rgba(9,9,10,.65) 27%,rgba(9,9,10,.12) 57%,rgba(9,9,10,.05) 100%),linear-gradient(180deg,rgba(9,9,10,.25),transparent 30%,rgba(9,9,10,.24))}
.format-content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;padding:112px 0 104px;z-index:1}
.format-eyebrow{margin:0 0 27px;font-size:11px;letter-spacing:.21em;line-height:1.6;text-transform:uppercase;color:#ffffffb8}
.format-logo{width:min(430px,40vw);height:auto;margin:-55px 0 -35px -28px}
.format-wordmark{margin:0 0 30px;max-width:710px;font-size:clamp(64px,7.5vw,120px);font-weight:530;line-height:.91;letter-spacing:-.065em;color:#fff}
.format-wordmark em{font-style:normal;color:#d1ccf9}
.format-wordmark span{display:block;margin-top:17px;font-size:17px;letter-spacing:.38em;line-height:1.5;font-weight:550}
.format-wordmark-primitive{font-weight:800;letter-spacing:-.07em;font-size:clamp(72px,8vw,130px)}
.format-wordmark-ksfm{letter-spacing:-.035em;font-size:clamp(80px,10vw,155px)}
.format-wordmark-rpr1{max-width:670px;font-size:clamp(60px,7vw,105px)}
.format-description{max-width:480px;margin:14px 0 0;font-size:17px;line-height:1.7;color:#ffffffe0;text-wrap:pretty}
.format-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.format-actions .button{min-height:48px;height:auto;padding:15px 21px;text-align:center}
.format-actions .button span{font-size:19px}
.format-selection{padding:31px 0 42px}
.format-selection-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.format-selection-heading .section-kicker{margin:0;font-size:11px;letter-spacing:.15em}
.format-selection-heading>span{font-size:12px;color:#77777c}
.format-strip{display:flex;align-items:center;gap:14px;min-width:0}
.format-cards{display:flex;flex:1;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 9px}
.format-cards::-webkit-scrollbar{display:none}
.format-card{position:relative;flex:1 0 170px;min-width:0;height:126px;overflow:hidden;border:2px solid transparent;border-radius:13px;background:#161617;color:#fff;cursor:pointer;scroll-snap-align:center;text-align:left;transition:border-color .2s,transform .2s}
.format-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080809f0,#08080938);pointer-events:none}
.format-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s;opacity:.8}
.format-card:hover img{transform:scale(1.05)}
.format-card.is-active{border-color:#8076cb;box-shadow:0 0 0 2px #8076cb20}
.format-card-copy{position:absolute;left:14px;right:19px;bottom:16px;z-index:1;display:grid;gap:6px}
.format-card-copy small{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#ffffffad}
.format-card-copy strong{font-size:15px;font-weight:600;line-height:1.2;letter-spacing:-.025em}
.format-card-arrow{position:absolute;top:10px;right:13px;font-size:17px;z-index:1;opacity:.85}
.format-step{flex:0 0 34px;width:34px;height:34px;border:1px solid #1b1b2020;border-radius:50%;font-size:17px;background:transparent;color:#35353b;cursor:pointer}
.format-step:hover{background:#e3e0ef}
.format-card:focus-visible,.format-step:focus-visible{outline:3px solid #b7aaff;outline-offset:3px}
.homepage-main{padding-bottom:20px;background:#f1f0ed}
.homepage-members{padding:10px 0 60px;scroll-margin-top:96px}
.homepage-members-panel{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:15px;padding:clamp(24px,3vw,42px);border:1px solid #ffffff12;border-radius:26px;background:radial-gradient(ellipse at top left,#30284188,transparent 65%),#121214;color:#fff;box-shadow:0 25px 55px #09091115}
.membership-intro{padding:24px 24px 22px 0;align-self:center}
.membership-intro .section-kicker{color:#bcb4e1;font-size:10px}
.membership-intro h2{margin:20px 0 24px;font-size:clamp(35px,3.4vw,52px);font-weight:500;letter-spacing:-.055em;line-height:1.06}
.membership-intro>p:not(.section-kicker){max-width:300px;color:#aaa7b1;font-size:14px;line-height:1.75}
.membership-intro .membership-free-note{margin-top:22px;color:#d9d4e7!important;font-size:12px!important}
.membership-plan{display:flex;flex-direction:column;padding:29px 25px 25px;border:1px solid #ffffff22;border-radius:18px;background:#ffffff03;min-width:0}
.membership-plan-plus{border-color:#a99ddb65;background:linear-gradient(145deg,#bcb0e418,transparent)}
.plan-name{margin:0;font-size:15px;letter-spacing:.01em;font-weight:570}
.plan-price{margin:32px 0 5px;font-size:clamp(44px,4vw,66px);font-weight:520;letter-spacing:-.055em;line-height:1}
.plan-price span{font-size:26px;color:#bab6c5}
.plan-period{font-size:12px;color:#b8b4c1;margin:9px 0 24px}
.membership-plan ul{list-style:none;margin:0 0 27px;padding:0;display:grid;gap:13px;color:#c1bdca;font-size:12px;line-height:1.6}
.membership-plan li{position:relative;padding-left:20px}
.membership-plan li:before{content:'✓';position:absolute;left:0;color:#c1b7f0}
.membership-plan .button{margin-top:auto;min-height:46px;width:100%;padding:14px 12px;font-size:12px;text-align:center}
.membership-plan .button:disabled{opacity:.5;cursor:default}
.plan-plus-copy{margin:0 0 13px;font-size:15px;color:#e1dbea}
.plan-details-pending{margin:0 0 30px;color:#b8b4c1;font-size:12px;line-height:1.7}
.homepage-main>.newsletter-section{padding-top:0;padding-bottom:80px}
.homepage-main>.about-section{padding-top:0}
.homepage-main>.stats-section{padding-top:20px}
.homepage-main>.contact-section{scroll-margin-top:96px}
@media(min-width:1600px){.format-content{padding-left:0}.format-logo{width:480px}}
@media(max-width:1000px){.homepage-members-panel{grid-template-columns:1fr 1fr}.membership-intro{grid-column:1/-1;display:block;padding:0 0 16px}.membership-intro h2{font-size:44px}.membership-intro>p:not(.section-kicker){max-width:620px}.format-card{flex-basis:190px}.format-wordmark{font-size:82px}.format-logo{width:360px}}
@media(max-width:760px){
 .format-hero{height:89svh;min-height:680px;max-height:900px}
 .format-backdrop{object-position:60% center}
 .format-shade{background:linear-gradient(180deg,rgba(9,9,10,.12) 0%,rgba(9,9,10,.08) 24%,rgba(9,9,10,.78) 52%,rgba(9,9,10,.95) 100%)}
 .format-content{justify-content:flex-end;width:calc(100% - 36px);padding:100px 0 95px}
 .format-eyebrow{margin:0 0 20px;font-size:9px;letter-spacing:.14em}
 .format-logo{width:260px;max-width:80vw;margin:-40px 0 -35px -17px}
 .format-wordmark{font-size:66px;max-width:100%;margin-bottom:14px}
 .format-wordmark-primitive{font-size:clamp(52px,13vw,80px)}
 .format-wordmark-ksfm{font-size:86px}
 .format-wordmark-rpr1{font-size:56px}
 .format-wordmark span{font-size:12px;margin-top:11px}
 .format-description{font-size:14px;line-height:1.65;max-width:440px;margin-top:12px}
 .format-actions{gap:9px;margin-top:22px}.format-actions .button{font-size:11px;min-height:44px;padding:13px 16px}
 .format-hero-controls{width:calc(100% - 36px);bottom:26px}
 .format-dots{gap:4px}.format-dot{width:27px;height:27px;padding:9px}.format-pause{font-size:10px;padding:9px 12px}
 .format-selection{padding:24px 0 27px;width:calc(100% - 32px)}
 .format-selection-heading{gap:8px;align-items:flex-start}.format-selection-heading>span{font-size:10px;max-width:125px;text-align:right;line-height:1.5}
 .format-strip{gap:8px}.format-step{flex-basis:28px;width:28px;height:28px;font-size:14px}.format-card{flex:0 0 165px;height:117px}.format-card-copy strong{font-size:14px}
 .homepage-members{padding:8px 0 40px;width:calc(100% - 32px)}
 .homepage-members-panel{padding:25px 20px;grid-template-columns:1fr;gap:15px;border-radius:22px}
 .membership-intro{grid-column:auto;padding-bottom:10px}.membership-intro h2{font-size:42px;margin:16px 0 20px}
 .membership-intro>p:not(.section-kicker){font-size:13px}.membership-intro .membership-free-note{margin-top:14px}
 .membership-plan{padding:25px 22px}.plan-price{margin-top:22px;font-size:56px}
 .homepage-main>.newsletter-section{padding-bottom:48px}.homepage-main>.stats-section{padding-top:0}
}
@media(prefers-reduced-motion:reduce){.format-slide,.format-card img{transition:none}.format-cards{scroll-behavior:auto}}

/* Keep the raised, rounded surface from the original homepage design. */
.homepage-main.light-surface{position:relative;z-index:3;margin-top:-20px;padding:0 0 20px;border-radius:30px 30px 0 0;box-shadow:0 -34px 90px #0003}
.homepage-main>.format-selection{padding-top:38px}
.format-card{flex:0 0 calc((100% - 36px)/4);height:auto;aspect-ratio:16/9;border:0;background:transparent;box-shadow:none}
.format-card:after{display:none}
.format-card img{opacity:1;filter:none;transform:none;object-fit:cover}
.format-card:hover img{transform:none}
.format-card.is-active{border:0;box-shadow:inset 0 0 0 2px #8076cb;outline:2px solid #8076cb;outline-offset:2px}
@media(max-width:760px){
 .homepage-main.light-surface{border-radius:22px 22px 0 0}
 .homepage-main>.format-selection{padding-top:28px}
 .format-card{flex:0 0 calc((100% - 12px)/2);height:auto;aspect-ratio:16/9}
}

/* The original sticky head stays behind the rising content surface. */
.format-hero{position:sticky;top:0;z-index:1;height:100svh;min-height:850px;max-height:none}
.format-content{padding-bottom:300px}
.format-selection{position:absolute;z-index:3;bottom:35px;left:50%;transform:translateX(-50%);padding:36px 0 0;color:#fff}
.format-hero:after{content:'';position:absolute;z-index:2;inset:auto 0 0;height:330px;background:linear-gradient(0deg,#080809 10%,#080809eb 55%,transparent);pointer-events:none}
.format-selection-heading .section-kicker,.format-selection-heading>span{color:#ffffffa8}
.format-step{color:#fff;border-color:#ffffff45;background:#08080970}
.format-step:hover{background:#ffffff20}
.homepage-main.light-surface{padding-top:60px}
@media(max-width:760px){
 .format-hero{height:100svh;min-height:760px;max-height:none}
 .format-content{padding-bottom:235px}
 .format-selection{bottom:34px;padding:20px 0 0}
 .format-hero:after{height:250px}
 .homepage-main.light-surface{padding-top:32px}
}

/* Return to ordinary page scrolling; keep the rounded seam. */
.format-hero{position:relative;top:auto}

/* Draw the active border inside the card so the scroll viewport cannot clip it. */
.format-card.is-active{box-shadow:none;outline-offset:-2px}
.homepage-main .newsletter-card{min-height:480px}
@media(max-width:760px){.homepage-main .newsletter-card{min-height:0}}

/* Triple the black space after the cards, with consistent box spacing. */
.homepage-formats{background:#080809}
.homepage-main.light-surface{margin-top:28px}
.homepage-main>.homepage-members,.homepage-main>.newsletter-section{padding-bottom:60px}
.homepage-main>.contact-section{padding-top:60px}
@media(max-width:760px){
 .homepage-main.light-surface{margin-top:26px}
 .homepage-main>.homepage-members,.homepage-main>.newsletter-section{padding-bottom:48px}
 .homepage-main>.contact-section{padding-top:48px}
}

.format-logo-primitv{width:min(430px,40vw);margin:0 0 12px;mix-blend-mode:screen}
:is(#format-slide-primitive,[data-format-template="primitive"]) .format-backdrop{object-position:center}
@media(max-width:760px){.format-logo-primitv{width:260px;max-width:80vw;margin:0 0 8px}}

/* Match the large hero's fade, with centered logos on the two supplied formats. */
.format-card:after{display:block;z-index:1;background:linear-gradient(90deg,rgba(9,9,10,.88) 0%,rgba(9,9,10,.65) 27%,rgba(9,9,10,.12) 57%,rgba(9,9,10,.05) 100%),linear-gradient(180deg,rgba(9,9,10,.25),transparent 30%,rgba(9,9,10,.24))}
.format-card img.format-card-logo{position:absolute;z-index:2;left:50%;top:50%;width:65%;height:90%;object-fit:contain;transform:translate(-50%,-50%);pointer-events:none}
.format-card img.format-card-logo-primitv{mix-blend-mode:normal;opacity:1}

.format-eyebrow{display:flex;align-items:center;gap:10px}
.format-eyebrow-logo{flex:0 0 40px;width:40px;height:40px;object-fit:contain}
@media(max-width:760px){.format-eyebrow{gap:8px}.format-eyebrow-logo{flex-basis:32px;width:32px;height:32px}}

/* Account for the transparent left inset in the supplied D logo. */
.format-eyebrow{margin-left:-6.7px}
@media(max-width:760px){.format-eyebrow{margin-left:-5.4px}}

:is(#format-slide-primitive,[data-format-template="primitive"]) .format-eyebrow{margin-bottom:10px}
:is(#format-slide-primitive,[data-format-template="primitive"]) .format-logo-primitv{margin-top:-10px}
@media(max-width:760px){:is(#format-slide-primitive,[data-format-template="primitive"]) .format-eyebrow{margin-bottom:8px}:is(#format-slide-primitive,[data-format-template="primitive"]) .format-logo-primitv{margin-top:-6px}}

/* Format label belongs above the description, after the format graphic. */
.format-content .format-eyebrow{margin-top:18px;margin-bottom:0}
.format-content .format-description{margin-top:10px}
:is(#format-slide-primitive,[data-format-template="primitive"]) .format-eyebrow{margin-top:18px;margin-bottom:0}
:is(#format-slide-primitive,[data-format-template="primitive"]) .format-logo-primitv{margin-top:0}
/* The community uses the same heading typography as the newsletter. */
.homepage-members-panel{grid-template-columns:1.1fr 1fr}
.membership-intro h2{font-family:inherit;font-size:clamp(48px,5.1vw,74px);font-weight:520;letter-spacing:-.052em;line-height:1.04}
.membership-intro .section-kicker{font-size:12px;font-weight:560;letter-spacing:.16em;line-height:1.4}
.membership-intro>p:not(.section-kicker){max-width:480px}
@media(max-width:1000px){.membership-intro{grid-column:auto}.membership-intro h2{font-size:clamp(48px,8vw,68px)}}
@media(max-width:760px){.homepage-members-panel{grid-template-columns:1fr}.membership-intro h2{font-size:clamp(42px,13vw,60px)}}

/* Members-only label sits beside the primiTV play button. */
:is(#format-slide-primitive,[data-format-template="primitive"]) .format-actions{align-items:center;flex-wrap:nowrap}
.format-members-only{display:inline-flex;align-items:center;gap:7px;color:#ffffffc7;font-size:12px;line-height:1.4;white-space:nowrap}
.format-members-only svg{flex:0 0 16px}
@media(max-width:760px){.format-members-only{font-size:11px;gap:6px}:is(#format-slide-primitive,[data-format-template="primitive"]) .format-actions .button{width:auto;flex:0 0 auto}}

.format-lock-open{display:none}
.format-members-only[data-signed-in="true"] .format-lock-closed{display:none}
.format-members-only[data-signed-in="true"] .format-lock-open{display:block}


/* Personal channels complement the newsletter above the community. */
.newsletter-social-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.newsletter-social-links a{display:inline-flex;align-items:center;padding:9px 12px;border:1px solid #ffffff30;border-radius:8px;color:#ffffffe0;font-size:12px;line-height:1.4;text-decoration:none;transition:background .2s}
.newsletter-social-links a:hover{background:#ffffff12}
.newsletter-social-links a:focus-visible{outline:2px solid #40d7ea;outline-offset:3px}
.newsletter-copy>p.newsletter-social-handle{margin-top:12px;font-size:12px;color:#ffffff8f}

.format-content .format-logo-ksfm{width:min(330px,30vw);height:auto;margin:0 0 0 -25px;object-fit:contain}
@media(max-width:760px){.format-content .format-logo-ksfm{width:230px;max-width:70vw;margin-left:-18px}}

/* Personal channels beside the newsletter subscription. */
.newsletter-card{grid-template-columns:1fr 1.1fr}
.newsletter-follow{padding:64px 60px}
.newsletter-follow h2{font-size:clamp(40px,4vw,60px)}
.newsletter-social-links{gap:18px;margin-top:32px}
.newsletter-social-links a{flex-direction:column;justify-content:center;gap:14px;min-width:72px;padding:12px 4px;border:0;background:transparent;font-size:13px}
.newsletter-social-links img{width:56px;height:56px;object-fit:contain}
.newsletter-social-links a:hover{background:#ffffff0b}
.newsletter-form-wrap{flex-direction:column;justify-content:center;align-items:stretch;padding:56px 60px}
.newsletter-heading h2{margin:0;font-size:clamp(40px,4vw,60px);font-weight:520;letter-spacing:-.052em;line-height:1.04;color:#fff}
.newsletter-heading>p:not(.section-kicker){margin:22px 0 0;font-size:16px;line-height:1.62;color:#ffffff8f}
.newsletter-heading .section-kicker{margin-bottom:24px}
.newsletter-form-wrap .newsletter-form{margin-top:30px}
@media(max-width:1100px){.newsletter-follow{padding:52px 40px}.newsletter-form-wrap{padding:48px 40px}.newsletter-social-links{gap:12px}.newsletter-social-links a{min-width:60px}}
@media(max-width:1000px){.newsletter-card{grid-template-columns:1fr}.newsletter-follow{padding:48px 44px 34px}.newsletter-form-wrap{margin:0 44px;padding:34px 0 48px}.newsletter-social-links{gap:24px}.newsletter-heading h2,.newsletter-follow h2{font-size:48px}}
@media(max-width:600px){.newsletter-follow{padding:38px 25px 30px}.newsletter-form-wrap{margin:0 25px;padding:30px 0 36px}.newsletter-social-links{gap:12px;justify-content:space-between}.newsletter-social-links a{min-width:48px;font-size:12px}.newsletter-social-links img{width:44px;height:44px}.newsletter-heading h2,.newsletter-follow h2{font-size:40px}}

/* RPR1. artwork is separate from its neutral Sunday background. */
.format-logo-rpr1{width:min(480px,40vw);height:auto;object-fit:contain;margin:-10px 0 0 -50px}
.format-card img.format-card-logo-rpr1{width:95%;height:90%}
@media(max-width:600px){.format-logo-rpr1{width:320px;max-width:90vw;margin:0 0 0 -34px}}

.format-logo-rpr1{margin:-10px 0 0 -12px}
@media(max-width:600px){.format-logo-rpr1{margin:0 0 0 -8px}}

/* Compact homepage on phones, preserving all existing text sizes. */
@media(max-width:900px){
 html:not(.nav-member-signed-in) .homepage-formats .site-nav{height:72px!important;align-items:center!important;padding-top:0!important}
 html:not(.nav-member-signed-in) .homepage-formats .site-nav .menu-button{top:auto!important}
 html:not(.nav-member-signed-in) .homepage-formats .site-nav .member-mobile-header-logout{top:50%!important;bottom:auto!important;right:18px!important;transform:translateY(-50%)!important;height:36px!important}
 .homepage-formats .site-nav .mobile-menu .member-mobile-register-button{position:static!important;grid-column:1/-1!important;justify-self:stretch!important;right:auto!important;bottom:auto!important;width:100%!important;height:auto!important;min-height:48px!important;margin-top:12px!important;padding:14px!important;font-size:13px!important}
}
@media(max-width:760px){
 .homepage-formats .format-hero{height:auto;min-height:0;max-height:none}
 .homepage-formats .format-slide.is-active{position:relative}
 .homepage-formats .format-content{height:auto;min-height:0;justify-content:flex-start;padding:200px 0 0}
 .homepage-formats :is(#format-slide-nightlounge,[data-format-template="nightlounge"]) .format-logo{width:180px;max-width:65vw;margin:-28px 0 -24px -12px}
 .homepage-formats :is(#format-slide-nightlounge,[data-format-template="nightlounge"]) .format-backdrop{object-position:40% top}
 .homepage-formats .format-content .format-eyebrow{margin-top:12px}
 .homepage-formats .format-actions{margin-top:18px}
 .homepage-formats .format-selection{position:relative;left:auto;bottom:auto;transform:none;margin:28px auto 0;padding:0 0 24px;width:calc(100% - 36px)}
 .homepage-formats .format-selection-heading{margin-bottom:12px}
 .homepage-formats .format-step{display:none}
 .homepage-formats .format-cards{gap:12px;scroll-padding-inline:2px;padding-bottom:4px;overscroll-behavior-x:contain}
 .homepage-formats .format-card{flex:0 0 64%;scroll-snap-align:start}
 .homepage-formats .format-hero:after{height:210px}
}

/* Fade the phone's title image into the black format strip. */
@media(max-width:760px){
 .homepage-formats .format-slide::after{
  content:'';position:absolute;inset:auto 0 0;height:160px;z-index:0;
  background:linear-gradient(to bottom,transparent,#080809);pointer-events:none;
 }
}

/* Match Nightlounge on phones only; desktop artwork remains untouched. */
.format-artwork{display:contents}
@media(max-width:760px){
 .homepage-formats .format-artwork{display:block;position:relative;width:100%;height:128px;flex:0 0 128px}
 .homepage-formats :is(:is(#format-slide-nightlounge,[data-format-template="nightlounge"]),:is(#format-slide-primitive,[data-format-template="primitive"]),:is(#format-slide-ksfm,[data-format-template="ksfm"]),:is(#format-slide-rpr1,[data-format-template="rpr1"])) .format-content .format-logo{
  position:absolute;top:62px;left:-12px;margin:0;
  transform:translateY(-50%) scale(.666666667);transform-origin:left center;
 }
 .homepage-formats :is(:is(#format-slide-nightlounge,[data-format-template="nightlounge"]),:is(#format-slide-primitive,[data-format-template="primitive"]),:is(#format-slide-ksfm,[data-format-template="ksfm"]),:is(#format-slide-rpr1,[data-format-template="rpr1"])) .format-backdrop{object-position:40% top}
 .homepage-formats .format-slide .format-description{min-height:var(--mobile-format-copy-height,0px)}
 .homepage-formats :is(:is(#format-slide-nightlounge,[data-format-template="nightlounge"]),:is(#format-slide-primitive,[data-format-template="primitive"]),:is(#format-slide-ksfm,[data-format-template="ksfm"]),:is(#format-slide-rpr1,[data-format-template="rpr1"])) .format-content .format-eyebrow{margin-top:12px;margin-bottom:0}
 .homepage-formats .format-card img.format-card-logo{transform:translate(-50%,-50%) scale(.666666667)}
}

/* Nightlounge was already reduced; retain its prior mobile logo size. */
@media(max-width:760px){
 .homepage-formats :is(#format-slide-nightlounge,[data-format-template="nightlounge"]) .format-content .format-logo{transform:translateY(-50%)}
 .homepage-formats .format-card img.format-card-logo-nightlounge{transform:translate(-50%,-50%)}
}
/* Editor-controlled artwork uses the same page in preview and publication. */
.format-slide.format-custom-fade::after{content:'';position:absolute;inset:auto 0 0;height:var(--format-admin-fade-height,160px);z-index:0;background:linear-gradient(to bottom,transparent,#080809);opacity:var(--format-admin-fade-strength,1);pointer-events:none}
html.format-admin-preview .format-logo{cursor:move;touch-action:none;outline:1px dashed #ffffff80;outline-offset:6px}
html.format-admin-preview .format-hero:after{pointer-events:none}

.format-configured-slide{overflow:hidden}
@media(min-width:761px){.format-hero.has-custom-fade:after{opacity:0}}