@media (max-width: 800px) {
  .nav-cta { display: none; }
  .hero-copy { width: 88vw; max-width: 88vw; min-width: 0; }
  .lede { width: min(78vw, 320px); max-width: min(78vw, 320px); overflow-wrap: anywhere; }
}

.hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.58) contrast(1.12);
}

.hero .film { display: none; }

@media (prefers-reduced-motion: reduce) {
  .hero-video { display: none; }
  .hero .film { display: block; }
}

.community { background: #111316; }
.community-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr); gap: 8vw; align-items: center; }
.community-photo { height: min(74vw, 760px); position: relative; }
.community-photo::before { content: ""; position: absolute; inset: 18px -18px -18px 18px; border: 2px solid var(--red); }
.community-photo img { position: relative; z-index: 1; object-position: center 38%; filter: saturate(.9) contrast(1.06); }
.community-photo figcaption { position: relative; z-index: 2; margin-top: 12px; color: #8f8f8b; font: 700 9px Inter; letter-spacing: 1.4px; }
.community-copy { position: relative; z-index: 2; }
.community-copy h2 { font-size: clamp(58px, 7vw, 104px); }
.community-copy > p:not(.kicker) { max-width: 540px; color: #bbb8b0; font-size: 18px; line-height: 1.75; }
.community-copy blockquote { margin: 45px 0 30px; padding: 20px 0 20px 24px; border-left: 4px solid var(--red); font: 900 clamp(30px, 4vw, 58px)/.9 'Barlow Condensed'; letter-spacing: -.02em; }
.community-copy a { color: #fff; text-underline-offset: 7px; font: 800 11px Inter; letter-spacing: 1px; }
.everyone-grid { margin-top: 130px; padding-top: 80px; border-top: 1px solid #393a3a; display: grid; grid-template-columns: minmax(320px,.8fr) minmax(0,1.2fr); gap: 8vw; align-items: center; }
.owner-feature { margin-top: 130px; padding: 70px 6vw; background: linear-gradient(135deg,#15171a,#090a0b); border-top: 1px solid #393a3a; border-bottom: 1px solid #393a3a; display:grid; grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr); gap:8vw; align-items:center; }
.owner-photo { height:min(68vw,720px); position:relative; overflow:visible; }
.owner-photo::before { content:""; position:absolute; inset:18px -18px -18px 18px; border:2px solid var(--red); }
.owner-photo img { position:relative; z-index:1; filter:saturate(.82) contrast(1.08); object-position:center; }
.owner-photo figcaption { position:relative; z-index:2; margin-top:12px; color:#8f8f8b; font:700 9px Inter; letter-spacing:1.4px; }
.owner-copy h2 { font-size:clamp(58px,7vw,104px); }
.owner-copy > p:not(.kicker) { max-width:600px; color:#bbb8b0; font-size:18px; line-height:1.75; }
.owner-copy blockquote { margin:36px 0 26px; padding-left:20px; border-left:4px solid var(--red); font:900 clamp(25px,3vw,42px)/.95 'Barlow Condensed'; }
.owner-copy a { color:#fff; text-underline-offset:7px; font:800 11px Inter; letter-spacing:1px; }
.everyone-copy h2 { font-size: clamp(58px,7vw,100px); }
.everyone-copy > p:not(.kicker) { max-width: 540px; color: #bbb8b0; font-size: 18px; line-height: 1.75; }
.everyone-copy strong { display: inline-block; margin-top: 28px; padding-left: 18px; border-left: 4px solid var(--red); font: 900 18px 'Barlow Condensed'; letter-spacing: 1px; }
.jean-photo { height: min(68vw,780px); position: relative; }
.jean-photo::before { content:""; position:absolute; inset:-18px 18px 18px -18px; background:var(--red); }
.jean-photo img { position:relative; z-index:1; object-position:center 35%; filter:saturate(.9) contrast(1.04); }
.jean-photo figcaption { position:absolute; z-index:2; right:18px; bottom:18px; margin:0; padding:12px 16px; background:#090a0be8; color:#fff; font:900 13px 'Barlow Condensed'; letter-spacing:1.4px; }

@media (max-width: 800px) {
  .community-grid { grid-template-columns: 1fr; gap: 70px; }
  .community-photo { height: 118vw; max-height: 620px; }
  .community-photo::before { inset: 10px -10px -10px 10px; }
  .community-copy h2 { font-size: 58px; }
  .community-copy > p:not(.kicker) { font-size: 16px; }
  .community-copy blockquote { margin: 32px 0 25px; }
  .everyone-grid { margin-top:90px; padding-top:60px; grid-template-columns:1fr; gap:55px; }
  .owner-feature { margin:90px -6vw 0; padding:60px 6vw 75px; grid-template-columns:1fr; gap:60px; }
  .owner-photo { height:auto; aspect-ratio:1/1; }
  .owner-photo::before { inset:10px -10px -10px 10px; }
  .owner-copy h2 { font-size:58px; }
  .owner-copy > p:not(.kicker) { font-size:16px; }
  .everyone-copy { order:2; }
  .jean-photo { height:125vw; max-height:690px; }
  .jean-photo::before { inset:-10px 10px 10px -10px; }
  .everyone-copy > p:not(.kicker) { font-size:16px; }
}
