/* News (/news): boat show reels, press stories and the latest Instagram posts. */

/* Split hero: copy panel and photograph */
.news-hero{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);min-height:max(min(860px,96svh),calc(var(--header-h) + 37vw));background:var(--navy);color:#fff}
.news-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(56px,7vw,120px) clamp(32px,5vw,88px)}
.news-hero .eyebrow{color:#b7c9d0;margin-bottom:24px}
.news-hero h1{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(2.5rem,4.4vw,4.25rem);line-height:1.02;margin:0 0 24px;color:#fff}
.news-hero .lead{color:#c5d1d5;font-size:var(--text-lg);line-height:1.55;max-width:44ch;margin:0 0 40px}
.news-hero-nav{display:flex;flex-wrap:wrap;gap:12px}
.news-hero-nav a{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:#fff;text-decoration:none;border:1px solid #ffffff55;padding:10px 16px;transition:background .2s,border-color .2s}
.news-hero-nav a:hover{background:#ffffff14;border-color:#fff}
.news-hero-image{margin:0;position:relative;overflow:hidden;min-height:560px;padding-top:var(--header-h);background:var(--navy)}
.news-hero-image img{position:absolute;inset:var(--header-h) 0 0;width:100%;height:calc(100% - var(--header-h));object-fit:cover;object-position:center}

/* Section heads */
.news-section-head{max-width:760px;margin-bottom:56px}
.news-section-head .eyebrow{color:var(--muted);margin-bottom:20px}
.news-section-head h2,.news-shows-head h2{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.06;margin:0}
.news-section-head--row{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap}

/* Boat show reel strip */
.news-shows{padding-block:104px 96px;overflow:hidden}
.news-shows-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:48px}
.news-shows-head .eyebrow{color:var(--muted);margin-bottom:20px}
.news-shows-intro{line-height:1.7;max-width:52ch;margin:0;justify-self:end}
.reel-strip-shell{position:relative}
.reel-strip{list-style:none;margin:0 auto;padding:0 0 12px;display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.reel-strip::-webkit-scrollbar{height:6px}
.reel-strip::-webkit-scrollbar-thumb{background:var(--border)}
.reel-card{flex:0 0 clamp(220px,calc((100% - 72px)/4),300px);scroll-snap-align:start}
.reel-card a{display:flex;flex-direction:column;gap:16px;color:inherit;text-decoration:none}
.reel-media{position:relative;display:block;aspect-ratio:9/16;background:var(--navy);overflow:hidden}
.reel-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s,filter .3s;filter:brightness(.92)}
.reel-card a:hover .reel-media img{transform:scale(1.03);filter:brightness(.8)}
.reel-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#04151ecc;color:#fff;display:grid;place-items:center;transition:transform .3s,background .3s}
.reel-play svg{margin-left:3px}
.reel-card a:hover .reel-play{transform:translate(-50%,-50%) scale(1.06);background:#04151ee6}
.reel-play--small{width:32px;height:32px;left:auto;top:12px;right:12px;transform:none}
.reel-play--small svg{margin-left:2px}
.reel-date{position:absolute;left:14px;bottom:14px;font-size:var(--text-xs);letter-spacing:.06em;color:#fff;background:#132c39c9;padding:6px 10px}
.reel-text{display:flex;flex-direction:column;gap:6px}
.reel-show{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);line-height:1.25;color:var(--ink)}
.reel-place{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.reel-line{font-size:var(--text-sm);line-height:1.55;color:var(--ink);margin-top:4px}
.reel-cta{margin-top:6px;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--original-navy,#073453)}
.reel-card a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.reel-strip-controls{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}
.reel-strip-controls button{width:48px;height:48px;border:1px solid var(--border);background:transparent;color:var(--ink);font-size:1.1rem;cursor:pointer;transition:background .2s,color .2s}
.reel-strip-controls button:hover{background:var(--navy);color:#fff;border-color:var(--navy)}

/* Press */
.news-press{background:var(--surface);border-top:1px solid var(--border);padding-block:104px}
.press-feature{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);gap:clamp(32px,4vw,64px);align-items:center;margin-bottom:80px}
.press-feature-image{display:block;overflow:hidden;background:var(--navy)}
.press-feature-image img{display:block;width:100%;height:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .5s}
.press-feature-image:hover img{transform:scale(1.02)}
.press-meta{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.press-source{color:var(--original-navy,#073453);font-weight:500}
.press-feature h3{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.6rem,2.4vw,2.35rem);line-height:1.1;margin:0 0 20px}
.press-feature h3 a,.press-card h3 a{color:inherit;text-decoration:none}
.press-feature h3 a:hover,.press-card h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.press-excerpt{line-height:1.7;color:var(--ink);margin:0 0 28px;max-width:52ch}
.press-feature .actions{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.press-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}
.press-card{display:flex;flex-direction:column}
.press-card-image{display:block;overflow:hidden;background:var(--navy);margin-bottom:22px}
.press-card-image img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .5s}
.press-card-image:hover img{transform:scale(1.03)}
.press-card h3{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);line-height:1.25;margin:0 0 12px}
.press-card .press-excerpt{font-size:var(--text-sm);margin-bottom:18px}
.press-card .text-link{margin-top:auto;align-self:flex-start}

/* Instagram grid */
.news-instagram{padding-block:104px}
.ig-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.ig-grid a{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--navy);color:#fff;text-decoration:none}
.ig-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.ig-grid a:hover img{transform:scale(1.04)}
.ig-caption{position:absolute;left:0;right:0;bottom:0;padding:32px 14px 14px;font-size:var(--text-xs);line-height:1.45;background:linear-gradient(180deg,transparent,#04151ecc);opacity:0;transition:opacity .3s}
.ig-grid a:hover .ig-caption,.ig-grid a:focus-visible .ig-caption{opacity:1}

@media(max-width:1100px){
  .press-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ig-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .news-hero{grid-template-columns:1fr;min-height:0}
  .news-hero-image{order:-1;min-height:0;aspect-ratio:2400/1528;box-sizing:content-box}
  .news-hero-image img{position:relative;inset:auto;height:100%}
  .news-hero-copy{padding:40px 20px 48px}
  .news-shows{padding-block:72px 64px}
  .news-shows-head{grid-template-columns:1fr;gap:20px;margin-bottom:32px}
  .news-shows-intro{justify-self:start}
  .reel-strip{gap:16px;padding-bottom:8px}
  .reel-card{flex-basis:min(68vw,260px)}
  .reel-strip-controls{display:none}
  .news-press,.news-instagram{padding-block:72px}
  .news-section-head{margin-bottom:36px}
  .press-feature{grid-template-columns:1fr;gap:24px;margin-bottom:56px}
  .press-grid{gap:40px 24px}
}
@media(max-width:600px){
  .press-grid{grid-template-columns:1fr}
  .ig-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ig-caption{opacity:1;padding:24px 10px 10px}
  .news-section-head--row .button{width:100%;justify-content:center}
}

/* Reel lightbox */
.reel-dialog{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:min(92vw,440px);overflow:visible}
.reel-dialog::backdrop{background:rgba(2,12,18,.86);backdrop-filter:blur(6px)}
.reel-dialog video{display:block;width:100%;height:auto;max-height:82svh;aspect-ratio:9/16;background:#000;object-fit:contain}
.reel-dialog-close{position:absolute;top:-44px;right:0;width:36px;height:36px;border:0;border-radius:50%;background:#ffffff22;color:#fff;font-size:22px;line-height:1;cursor:pointer}
.reel-dialog-close:hover{background:#ffffff40}
.reel-dialog-foot{margin:12px 0 0;text-align:center}
.reel-dialog-foot a{color:#fff;font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #ffffff66}