/* One shared frame keeps the logbook aligned at every screen size. */
:root{--site-width:1600px;--site-gutter:clamp(24px,4vw,64px);--section-gap:24px}
header,footer,main>.identity-hero,main>.logbook-divider,main>.fishing-outlook,main>.tide-panel,main>.firstlight-promo,main>.section,main>.kayak-story,main>.penn-gear,main>.join{width:calc(100% - var(--site-gutter)*2);max-width:var(--site-width);margin-left:auto;margin-right:auto}
header{height:80px}
main>.identity-hero{padding:12px 32px 28px}
.identity-mark{width:min(520px,65vw);margin:14px auto 0}
.identity-hero h1{font-size:clamp(42px,6.6vw,88px);margin:12px 0 8px}
.identity-bottom{grid-template-columns:1fr 1fr 190px;margin-top:24px;min-height:175px;gap:24px}
.pinned-catch{max-width:190px;margin:-20px 0 0}.pinned-catch button{height:158px}.pinned-catch figcaption{font-size:17px}
main>.logbook-divider{padding:14px 32px}
main>.fishing-outlook,main>.tide-panel,main>.firstlight-promo,main>.section,main>.kayak-story,main>.penn-gear,main>.join{margin-top:var(--section-gap);margin-bottom:0;border:1px solid var(--border);border-radius:3px}
main>.fishing-outlook,main>.tide-panel,main>.section{padding:30px 32px}
.section-heading{margin-bottom:24px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{font-size:38px}
.outlook-headline{margin:18px 0 24px}.outlook-headline h2{font-size:36px}.outlook-headline h2 em{font-size:46px}
.tide-heading h2{font-size:32px}.tide-heading h2 em{font-size:42px}.tide-days{margin:22px 0}
.weather-deck{align-items:stretch}.weather-day{display:flex;flex-direction:column}.weather-day .card-fishing-window{margin-top:auto;min-height:56px}.day-reason{min-height:40px}
main>.firstlight-promo{padding:28px 40px;gap:36px;grid-template-columns:minmax(0,1fr) 220px}
.firstlight-wordmark{margin:16px 0}.firstlight-copy h2{font-size:32px}.firstlight-copy h2 em{font-size:42px}
.firstlight-copy>p:not(.eyebrow){max-width:650px;margin-top:14px}.firstlight-features{margin:16px 0}.firstlight-preview{max-width:175px;transform:rotate(3deg)}.firstlight-preview figcaption{margin-top:12px}
.featured{grid-template-columns:1.2fr 1fr}.featured-image{aspect-ratio:16/9}.featured-copy{padding:24px 28px}.featured-copy h3{font-size:32px;margin:14px 0}.featured-copy>.text-link{margin-top:18px}
.shorts-grid,.stream-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.short-card,.stream-card{display:flex;flex-direction:column;min-width:0;border-bottom:1px solid var(--border);padding-bottom:16px}
.short-card .video-image,.stream-card .video-image{aspect-ratio:16/9;flex:none}.short-card h4,.stream-card h3{min-height:42px}.card-link{margin-top:auto;align-self:flex-start}.media-meta{margin:12px 0 8px}
.stream-intro>p{max-width:650px}.filters{margin:22px 0}.stream-footer{margin-top:24px;padding-top:18px}
/* Keep the entire kayak portrait visible instead of cropping it as a background. */
main>.kayak-story{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;padding:0;min-height:0;overflow:hidden;background:#101011}
.kayak-scene{position:static;grid-column:2;grid-row:1;width:100%;height:auto;object-fit:contain;object-position:center}
.kayak-story:after{display:none}.kayak-copy{grid-column:1;grid-row:1;width:auto;max-width:none;padding:28px 32px}.kayak-copy h2{font-size:34px;margin:18px 0}.kayak-copy h2 em{font-size:46px}.kayak-copy>.handwritten{margin-top:22px}.kayak-caption{right:18px;bottom:12px;font-size:6px}
main>.penn-gear{padding:22px 32px;gap:24px}.penn-logo{width:100px}.penn-gear h2{font-size:21px}
main>.join{display:grid;grid-template-columns:1fr auto;padding:24px 32px;gap:10px 24px;align-items:center}
.join>.eyebrow{grid-column:1}.join>div{display:contents}.join h2{grid-column:1;grid-row:2;font-size:30px;line-height:1.2;letter-spacing:-1px}.join h2 br{display:none}.join h2 em{font-size:40px;white-space:nowrap}.join .button{grid-column:2;grid-row:1/4}.join>p:last-child{grid-column:1}
footer{padding:28px 0}
.gear-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0 0;max-width:960px;padding-top:16px;border-top:1px solid var(--border)}.gear-details>div{min-width:0}.gear-details dt{font-size:9px;line-height:1.5;text-transform:uppercase;letter-spacing:1px;color:#ef837b}.gear-details dd{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--text)}
.next-trip{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:18px auto 0;font-size:12px;color:var(--muted)}.next-trip>span:first-child{color:#ef837b;font-size:9px;text-transform:uppercase;letter-spacing:1.5px}.next-trip strong{font-weight:500;color:var(--text)}
@media(max-width:1000px){.shorts-grid,.stream-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.firstlight-actions{gap:12px}.kayak-copy{padding:24px}.kayak-copy h2{font-size:28px}.kayak-copy h2 em{font-size:38px}.kayak-copy>p:not(.eyebrow){font-size:12px}.kayak-copy>.handwritten{font-size:22px}}
@media(max-width:700px){:root{--site-gutter:16px;--section-gap:16px}header{height:76px}main>.identity-hero{padding:10px 16px 24px}.identity-top{font-size:6px;letter-spacing:1px}.identity-mark{width:84%;margin-top:20px}.identity-mark:before{left:-18px}.identity-mark:after{right:-18px}.identity-hero h1{font-size:clamp(34px,9vw,60px);letter-spacing:-2px}.identity-bottom{grid-template-columns:minmax(0,1fr) 128px;gap:16px;min-height:0;margin-top:24px}.pinned-catch{width:128px;margin:0;max-width:100%}.pinned-catch button{height:154px}.pinned-catch figcaption{font-size:14px}.identity-tagline{font-size:7px;letter-spacing:2px}.waterline-note{display:none}.identity-intro>p{font-size:11px}.hero-actions{gap:8px;margin-top:16px}.hero-actions .button{padding:10px;font-size:9px}main>.logbook-divider{padding:12px 16px;font-size:6px;letter-spacing:1px}main>.fishing-outlook,main>.tide-panel,main>.section{padding:24px 18px}.outlook-headline h2{font-size:32px}.outlook-headline h2 em{font-size:43px}.section-heading h2{font-size:32px}.weather-day{flex-basis:146px}.day-reason{min-height:40px}main>.firstlight-promo{padding:24px;grid-template-columns:1fr;gap:24px}.firstlight-copy h2{font-size:28px}.firstlight-copy h2 em{font-size:38px}.firstlight-preview{max-width:160px}.featured{grid-template-columns:1fr}.featured-copy{padding:22px}.featured-copy h3{font-size:29px}.shorts-grid,.stream-grid{grid-template-columns:1fr;gap:22px}.short-card h4,.stream-card h3{min-height:0}.section-heading{gap:14px}.shorts-heading{margin-top:26px}main>.kayak-story{grid-template-columns:1fr}.kayak-copy{grid-column:1;grid-row:1;padding:24px}.kayak-scene{grid-column:1;grid-row:2;height:auto;width:100%;object-fit:contain}.kayak-copy h2{font-size:32px}.kayak-copy h2 em{font-size:43px}.kayak-caption{font-size:5px;bottom:8px}main>.penn-gear{padding:22px;gap:16px}.penn-logo{width:76px}.penn-gear h2{font-size:18px}.penn-gear>a{margin-left:92px}main>.join{padding:24px;grid-template-columns:1fr;gap:12px}.join .button{grid-column:1;grid-row:4;justify-self:start}.join h2{font-size:27px}.join h2 em{font-size:36px}.join>p:last-child{grid-row:3}footer{padding:26px 0}}

/* Compact gear layout, with independent mobile wrapping. */
main>.penn-gear{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:28px;padding:28px 32px}.penn-gear .penn-logo{width:100%}.penn-gear>div:nth-child(2){min-width:0}.penn-gear>a{margin:0;align-self:center}
@media(max-width:1000px){.gear-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}main>.penn-gear{grid-template-columns:85px minmax(0,1fr);gap:20px}.penn-gear>a{grid-column:2;justify-self:start}.penn-gear .penn-logo{align-self:start;padding-top:5px}}
@media(max-width:500px){main>.penn-gear{padding:22px;grid-template-columns:64px minmax(0,1fr);gap:16px}.gear-details{grid-column:1/-1;gap:14px 18px}.gear-details dt{font-size:8px}.gear-details dd{font-size:12px}.penn-gear h2{font-size:18px}.penn-gear h2>span{display:inline}}

/* Waterline illustration fills the space between the app story and phone. */
main>.firstlight-promo{grid-template-columns:minmax(0,1.25fr) minmax(180px,.75fr) 200px;gap:28px}.firstlight-waterline{position:relative;z-index:1;align-self:center;width:100%;max-width:390px;justify-self:center;opacity:.9}.firstlight-waterline img{width:100%;height:auto;object-fit:contain}.firstlight-preview{grid-column:3}
@media(max-width:1100px){main>.firstlight-promo{grid-template-columns:minmax(0,1fr) 200px}.firstlight-waterline{display:none}.firstlight-preview{grid-column:2}}
@media(max-width:700px){main>.firstlight-promo{grid-template-columns:1fr}.firstlight-preview{grid-column:1}}

/* Give the opening logbook more presence without widening its frame. */
@media(min-width:701px){.identity-top{font-size:10px;letter-spacing:1.7px}.identity-mark{width:min(680px,62vw);margin:14px auto 0}.identity-hero>.handwritten{font-size:29px}.identity-hero h1{font-size:clamp(64px,8vw,112px);letter-spacing:-4px;margin:14px 0 12px}.identity-tagline{font-size:11px;letter-spacing:3.4px}.next-trip{font-size:15px;gap:10px 18px;margin-top:20px}.next-trip>span:first-child{font-size:11px}.identity-bottom{max-width:1180px;margin:28px auto 0;grid-template-columns:minmax(0,1.2fr) minmax(0,.7fr) 245px;min-height:220px;gap:28px}.identity-intro>p{font-size:16px;line-height:1.8}.identity-intro .button{font-size:13px;padding:16px 20px}.waterline-note{font-size:10px;letter-spacing:1.3px}.line-wave{font-size:36px}.pinned-catch{width:245px;max-width:245px;margin:0;padding:10px 10px 12px}.pinned-catch button{height:205px}.pinned-catch figcaption{font-size:21px}.hero-actions{gap:14px}}
@media(min-width:701px) and (max-width:1000px){.identity-bottom{grid-template-columns:minmax(0,1fr) 210px;gap:24px}.waterline-note{display:none}.pinned-catch{width:210px;max-width:210px}.pinned-catch button{height:190px}.identity-intro>p{font-size:15px}.identity-intro .button{font-size:12px;padding:14px 16px}.identity-tagline{font-size:9px}.next-trip{font-size:13px}.identity-top{font-size:8px}}

@media(min-width:1100px){.identity-tagline{font-size:13px;letter-spacing:3px}.next-trip{font-size:18px;gap:12px 20px}.next-trip>span:first-child{font-size:12px}.identity-bottom{max-width:1280px;grid-template-columns:minmax(0,1.15fr) minmax(0,.65fr) 280px;min-height:260px;margin-top:30px}.identity-intro>p{font-size:20px;line-height:1.65;color:#cbc8cc}.identity-intro .button{font-size:16px;padding:18px 23px}.identity-intro .hero-actions{margin-top:26px;gap:18px}.waterline-note{font-size:12px;letter-spacing:1px;gap:16px}.line-wave{font-size:42px}.pinned-catch{width:280px;max-width:280px;padding:11px 11px 14px}.pinned-catch button{height:235px}.pinned-catch figcaption{font-size:24px}.logbook-divider{font-size:11px;letter-spacing:2px}.identity-top{font-size:11px}}

/* Hero corner content follows the same outer frame as the forecast panel. */
main>.identity-hero{padding-inline:0}.identity-top,.identity-bottom{width:100%;max-width:none}.identity-bottom{margin-left:0;margin-right:0}.pinned-catch{transform:none;justify-self:end}.identity-top>span:last-child{text-align:right}


/* A personal recommendation, in the same frame as the fishing logbook. */
.buddy-spotlight{width:calc(100% - var(--site-gutter)*2);max-width:var(--site-width);margin:var(--section-gap) auto 0;padding:28px 32px;display:grid;grid-template-columns:180px minmax(0,1fr) 240px;align-items:center;gap:32px;border:1px solid var(--border);border-left:3px solid var(--red);border-radius:3px;background:radial-gradient(ellipse at 0% 60%,#e23a320b,transparent 55%),#19191b}.buddy-art{color:#b9b2b8}.buddy-art svg{display:block;width:100%;height:auto}.buddy-copy .eyebrow{font-size:9px;color:#b8adb6;letter-spacing:1.5px}.buddy-copy h2{font:500 clamp(24px,2.5vw,34px)/1.2 "DM Sans",Arial,sans-serif;letter-spacing:-1px;margin:10px 0 4px;overflow-wrap:anywhere}.buddy-copy .buddy-handwritten{font:500 34px/1.2 Caveat,cursive;color:#e77770;margin:0 0 12px}.buddy-copy>p:last-child{font-size:14px;line-height:1.8;color:var(--muted);max-width:680px}.buddy-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.buddy-actions .button{font-size:12px;padding:16px 20px}.buddy-actions small{font-size:10px;line-height:1.7;color:var(--muted);max-width:210px}
@media(max-width:1100px){.buddy-spotlight{grid-template-columns:120px minmax(0,1fr);gap:24px}.buddy-actions{grid-column:2}.buddy-art{grid-row:1/3;align-self:center}.buddy-copy>p:last-child{font-size:13px}}
@media(max-width:700px){.buddy-spotlight{padding:24px;grid-template-columns:minmax(0,1fr);gap:18px}.buddy-art{display:none}.buddy-actions{grid-column:1}.buddy-copy h2{font-size:27px}.buddy-copy .buddy-handwritten{font-size:31px}.buddy-copy .eyebrow{font-size:8px;letter-spacing:1px}.buddy-actions small{max-width:none}}

footer{flex-wrap:wrap}.site-rights{flex:0 0 100%;display:flex;justify-content:space-between;gap:12px 24px;padding-top:18px;border-top:1px solid var(--border)}.site-rights p{font-size:10px;line-height:1.7;color:var(--muted)}@media(max-width:700px){.site-rights{flex-direction:column;gap:5px}.site-rights p{width:auto;order:initial;font-size:9px}}

.not-found{max-width:900px;margin:12vh auto;padding:32px}.not-found .eyebrow{color:#e77770}.not-found h1{font-size:clamp(48px,8vw,88px);line-height:1.05;margin:24px 0}.not-found>p:not(.eyebrow){font-size:16px;color:var(--muted);margin-bottom:28px}

/* Give the header brand a readable, prominent lockup. */
header{height:108px;gap:28px}.brand.balanced-brand{gap:16px}.balanced-brand .nav-fish{width:128px}.brand.balanced-brand .brand-name{font-size:30px;letter-spacing:.5px}.brand.balanced-brand>.brand-lockup{gap:10px}.brand.balanced-brand small{font-size:10px;letter-spacing:3.5px}
@media(max-width:1100px){header{height:96px;gap:20px}.brand.balanced-brand{gap:12px}.balanced-brand .nav-fish{width:96px}.brand.balanced-brand .brand-name{font-size:24px}.brand.balanced-brand small{font-size:8px;letter-spacing:2.8px}.brand.balanced-brand>.brand-lockup{gap:8px}}
@media(max-width:900px){header nav{gap:14px;font-size:11px}.youtube-link{font-size:0;gap:0}.youtube-link .yt{font-size:9px}}
@media(max-width:700px){header{height:auto;min-height:112px;flex-wrap:wrap;padding:16px 0 12px;gap:16px}.brand.balanced-brand{gap:10px}.balanced-brand .nav-fish{width:76px}.brand.balanced-brand .brand-name{font-size:21px}.brand.balanced-brand small{font-size:7px;letter-spacing:2.7px}.brand.balanced-brand>.brand-lockup{gap:8px}header nav{order:3;flex:0 0 100%;justify-content:space-between;gap:12px}header nav a{font-size:11px}header nav a:nth-child(2),header nav a:last-child{display:block}}
@media(max-width:380px){.balanced-brand .nav-fish{width:62px}.brand.balanced-brand .brand-name{font-size:19px}.brand.balanced-brand small{font-size:6px;letter-spacing:2.6px}header nav a{font-size:10px}}

/* Compact rigging field notes follow the same frame as the gear and logbook. */
.penn-gear .gear-details{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.penn-gear .home-waters{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:14px 0 0;font-size:13px;color:#d1ccd0}.home-waters span{font-size:9px;letter-spacing:1.5px;color:#e77770}.home-waters b{font-weight:400;color:#777078}
.knot-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.knot-heading h2{font-size:clamp(29px,3vw,44px);font-weight:500;letter-spacing:-1.5px;margin:10px 0 0}.knot-heading>p{max-width:420px;color:var(--muted);font-size:14px;line-height:1.7}.knot-guide .eyebrow{color:#e77770;font-size:9px;letter-spacing:1.5px}.knot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.knot-card{min-width:0;border:1px solid var(--border);background:#18181a;display:flex;flex-direction:column}.knot-card>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-bottom:1px solid var(--border)}.knot-card-copy{padding:22px;display:flex;flex-direction:column;flex:1}.knot-card h3{font-size:27px;font-weight:500;letter-spacing:-.5px;margin:10px 0 12px}.knot-card-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.75}.knot-card-copy .knot-tip{border-left:2px solid #e77770;padding-left:12px;margin:16px 0 22px}.knot-card .text-link{margin-top:auto;align-self:start;font-size:13px}.knot-card small{display:block;color:#999299;font-size:10px;line-height:1.5;margin-top:10px}.knot-footnote{margin-top:22px;border-top:1px solid var(--border);padding-top:18px;font-size:12px;color:var(--muted);line-height:1.8}
@media(max-width:1200px){.penn-gear .gear-details{grid-template-columns:repeat(3,minmax(0,1fr))}.knot-card-copy{padding:18px}.knot-card-copy>p:not(.eyebrow){font-size:13px}}
@media(max-width:850px){.knot-heading{display:block}.knot-heading>p{margin-top:14px;max-width:600px}.knot-grid{grid-template-columns:1fr}.knot-card{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1fr)}.knot-card>img{align-self:center;border-bottom:0}.knot-card-copy{border-left:1px solid var(--border)}}
@media(max-width:550px){.penn-gear .gear-details{grid-template-columns:repeat(2,minmax(0,1fr))}.knot-card{display:flex}.knot-card>img{border-bottom:1px solid var(--border)}.knot-card-copy{border-left:0;padding:20px}.knot-heading h2{font-size:30px}.knot-heading>p{font-size:13px}.penn-gear .home-waters{font-size:12px}}

/* Every major destination remains visible, with room to tap on smaller screens. */
header nav{gap:clamp(16px,1.6vw,26px);align-items:center}header nav a{display:flex;align-items:center;min-height:44px;white-space:nowrap}header nav a:focus-visible{outline:2px solid var(--red);outline-offset:5px}main>section[id]{scroll-margin-top:24px}
@media(max-width:1200px){header{height:auto;min-height:138px;flex-wrap:wrap;padding:16px 0 8px;gap:10px 24px}header nav{order:3;flex:0 0 100%;justify-content:space-between;gap:12px}header nav a{font-size:12px}}
@media(max-width:700px){header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;border-top:1px solid var(--border);padding-top:8px}header nav a,header nav a:nth-child(2),header nav a:last-child{display:flex;justify-content:center;font-size:12px;min-height:44px}header{padding-bottom:8px}header .youtube-link{margin-left:auto}}
@media(max-width:380px){header nav a,header nav a:nth-child(2),header nav a:last-child{font-size:11px}header nav{gap:0 6px}}

/* Reserve a separate caption band below the knot art. */
.knot-card>img{aspect-ratio:5/4}
@media(max-width:700px){.identity-intro{min-width:0}.identity-intro>p{font-size:13px;line-height:1.7}.hero-actions{flex-wrap:wrap}.hero-actions .button{font-size:12px;min-height:44px;display:inline-flex;align-items:center;padding:12px}.firstlight-actions{flex-wrap:wrap}.firstlight-actions>a{max-width:100%}.firstlight-actions .button,.android-beta{min-height:44px}.tide-days{max-width:100%}.knot-card-copy{min-width:0}.knot-card .text-link{line-height:1.7;padding-block:8px}.site-rights p{overflow-wrap:anywhere}}
@media(max-width:380px){.identity-bottom{grid-template-columns:minmax(0,1fr);gap:24px}.pinned-catch{width:180px;justify-self:center}.pinned-catch button{height:190px}.identity-intro>p{font-size:14px}.hero-actions{justify-content:flex-start}.penn-gear .home-waters{overflow-wrap:anywhere}.firstlight-features{flex-wrap:wrap}}

/* Let the setup use the full panel instead of reserving a blank link column. */
main>.penn-gear{grid-template-columns:100px minmax(0,1fr)}.penn-gear>div:nth-child(2){grid-column:2;grid-row:1}.penn-gear>a{grid-column:2;grid-row:1;justify-self:end;align-self:start;margin-top:12px}.penn-gear .gear-details{max-width:none;grid-template-columns:.8fr 1.1fr 1.2fr 1.65fr 1.1fr;gap:20px}.penn-gear h2{padding-right:130px}.penn-gear .gear-details>div:nth-child(4) dd{white-space:nowrap}
@media(max-width:1200px){.penn-gear .gear-details{grid-template-columns:repeat(3,minmax(0,1fr))}.penn-gear .gear-details>div:nth-child(4){grid-column:span 2}}
@media(max-width:1000px){main>.penn-gear{grid-template-columns:85px minmax(0,1fr)}.penn-gear>a{grid-column:2;grid-row:2;justify-self:start;margin-top:0}.penn-gear h2{padding-right:0}}
@media(max-width:550px){main>.penn-gear{grid-template-columns:64px minmax(0,1fr)}.penn-gear>div:nth-child(2){grid-column:1/-1;grid-row:2}.penn-gear .penn-logo{grid-column:1;grid-row:1;padding:0}.penn-gear>a{grid-column:2;grid-row:1;justify-self:end;align-self:center}.penn-gear .gear-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.penn-gear .gear-details>div:nth-child(4){grid-column:1/-1;grid-row:3}.penn-gear .gear-details>div:nth-child(4) dd{white-space:normal}.penn-gear .gear-details dd{font-size:13px}}

/* Permanent branded holders remain visible regardless of broadcast status. */
.broadcast-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.broadcast-heading .eyebrow{font-size:9px;letter-spacing:1.5px;color:#e77770}.broadcast-heading h2{font-size:clamp(30px,3vw,42px);font-weight:500;letter-spacing:-1px;margin-top:10px}.broadcast-heading>p{font-size:14px;color:var(--muted);line-height:1.8}.broadcast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.broadcast-card{min-width:0;border:1px solid var(--border);background:#18181a}.broadcast-holder{position:relative;padding:48px 24px 22px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:280px;background:radial-gradient(ellipse at center,#292426 0,transparent 70%),#111113;border-bottom:1px solid var(--border);overflow:hidden}.broadcast-status{position:absolute;top:18px;left:20px;display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:600;letter-spacing:1.4px;color:#b4afb5}.broadcast-status:before{content:'';width:7px;height:7px;border-radius:50%;background:#77737a}.broadcast-art{width:min(320px,82%);text-align:center}.broadcast-art .tattoo-art{opacity:.78}.broadcast-art>strong{display:block;font:400 clamp(22px,2.3vw,34px)/1.2 'Archivo Black',Arial,sans-serif;letter-spacing:-1px;margin:10px 0}.broadcast-art>strong em{font-style:normal;color:var(--red)}.broadcast-art>span:last-child{font-size:7px;letter-spacing:2px;color:#a59fa6}.broadcast-message{font-family:Caveat,cursive;font-size:24px;color:#b7aeb6;margin-top:18px;text-align:center;line-height:1.2}.broadcast-info{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.broadcast-info h3{font-size:23px;font-weight:500;letter-spacing:-.5px}.broadcast-info p{font-size:12px;color:var(--muted);margin-top:5px}.broadcast-info .button{font-size:12px;min-height:44px;padding:14px 18px;white-space:nowrap}.broadcast-card .broadcast-viewers{color:#e77770;font-size:12px}.broadcast-viewers[hidden]{display:none}.broadcast-card[data-status="live"]{border-color:#e7777066}.broadcast-card[data-status="live"] .broadcast-status{color:#ff8b82}.broadcast-card[data-status="live"] .broadcast-status:before{background:var(--red);box-shadow:0 0 0 4px #e23a321c}.broadcast-updated,.broadcast-nojs{font-size:11px;color:var(--muted);line-height:1.7;margin-top:18px}
@media(max-width:850px){.broadcast-grid{grid-template-columns:1fr}.broadcast-heading{display:block}.broadcast-heading>p{margin-top:14px}.broadcast-holder{min-height:270px}.broadcast-art>strong{font-size:30px}}
@media(max-width:550px){.broadcast-info{padding:18px;flex-wrap:wrap}.broadcast-info .button{font-size:12px}.broadcast-heading h2{font-size:30px}.broadcast-heading>p{font-size:13px}.broadcast-holder{padding:52px 18px 22px;min-height:260px}.broadcast-art>strong{font-size:26px}.broadcast-message{font-size:23px}.broadcast-status{font-size:9px;left:18px}.broadcast-art>span:last-child{font-size:6px;letter-spacing:1.4px}}
@media(max-width:700px){header nav a:last-child:nth-child(3n+1){grid-column:1/-1}}

/* A small on-air signal at the top, rendered only after a fresh live check. */
.top-live-slot{width:calc(100% - var(--site-gutter)*2);max-width:var(--site-width);margin:0 auto;display:flex;justify-content:flex-end;padding-top:12px}.top-live-slot[hidden]{display:none}.top-live-badge{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:9px 16px;border:1px solid #f14b42;background:linear-gradient(115deg,#7e1b19,#c72821);color:#fff;border-radius:3px;box-shadow:0 0 0 0 #ee3c3340;font-size:11px;letter-spacing:1.3px;animation:onair-halo 2.4s ease-out infinite}.top-live-badge strong{font-weight:700;white-space:nowrap}.top-live-platform{font-size:10px;letter-spacing:.3px;color:#ffdad6;border-left:1px solid #ffffff40;padding-left:10px}.top-live-signal{display:flex;gap:3px;align-items:center;height:16px;width:17px}.top-live-signal i{display:block;width:3px;height:12px;background:currentColor;border-radius:1px;animation:onair-wave 1.1s ease-in-out infinite}.top-live-signal i:nth-child(2){height:16px;animation-delay:.15s}.top-live-signal i:nth-child(3){height:8px;animation-delay:.3s}.top-live-badge:hover{background:#d52d25}.top-live-badge:focus-visible{outline:2px solid #fff;outline-offset:4px}@keyframes onair-wave{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}@keyframes onair-halo{0%{box-shadow:0 0 0 0 #ee3c3340}75%,100%{box-shadow:0 0 0 8px #ee3c3300}}@media(max-width:550px){.top-live-slot{padding-top:10px}.top-live-badge{min-height:44px;padding:10px 12px;font-size:10px;gap:8px}.top-live-platform{font-size:9px}}@media(prefers-reduced-motion:reduce){.top-live-badge,.top-live-signal i{animation:none}}