/* Loaded only for desktop. The original phone and tablet layout lives in gunner.css. */
:root{--desktop-width:min(2800px,calc(100% - clamp(64px,6vw,240px)))}

.lander{width:var(--desktop-width);padding-top:22px}
.hero-stage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(40px,3.5vw,112px);row-gap:clamp(36px,3vw,80px);padding-bottom:48px;text-align:left}
.hero{display:contents}
.brand-row{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:32px;padding-bottom:20px}
.wordmark{padding:8px 0}
.wordmark img{width:clamp(320px,14vw,440px);max-height:none}
.desktop-nav{display:flex;align-items:center;gap:34px}
.desktop-nav a{font-size:clamp(16px,.85vw,22px);text-decoration:none;color:var(--muted)}
.desktop-nav a:hover{color:var(--ink)}
.desktop-nav .cta{min-height:clamp(48px,2.8vw,64px);padding:14px 28px;color:var(--on-gold)}
.hero-copy{display:block;grid-column:1;grid-row:2;min-width:0;align-self:center;padding:12px 0}
.hero h1{max-width:none;margin:0;font-size:clamp(40px,2.6vw,72px);line-height:1.12;letter-spacing:-.025em;text-wrap:balance}
.hero .sub{max-width:52ch;margin:24px 0 0;font-size:clamp(18px,1.05vw,28px);line-height:1.6;color:var(--muted);text-wrap:pretty}
.hero-invite{display:none}
.desktop-hero-actions{display:flex;gap:18px;margin-top:32px}
.desktop-hero-actions .cta{min-width:clamp(178px,9vw,250px);min-height:clamp(62px,3vw,82px);padding:18px 30px;font-size:clamp(18px,.9vw,24px)}
.desktop-hero-actions .cta-ghost{color:var(--ink);background:transparent;border-color:#C9CBD140}
.hero-reviews{margin-inline:0}
.hero-review-stars{font-size:clamp(20px,1vw,28px)}
.hero-review-copy strong{font-size:clamp(16px,.8vw,22px)}
.hero-review-copy>span{font-size:clamp(13px,.7vw,18px)}
.hero-slots{font-size:clamp(14px,.75vw,20px);margin:24px 0 0}
.desktop-hero-benefits{display:flex;flex-wrap:wrap;gap:12px 28px;list-style:none;margin:24px 0 0;padding:0;color:var(--muted);font-size:clamp(15px,.75vw,20px)}
.desktop-hero-benefits li{display:flex;align-items:center;gap:8px}
.desktop-hero-benefits li::before{content:"✓";color:var(--gold)}
.hero-media{display:block;position:relative;isolation:isolate;grid-column:2;grid-row:2;align-self:center;min-width:0}
.hero-media::before{content:"";position:absolute;z-index:-1;inset:-18% -3%;background:radial-gradient(ellipse at center,#C9CBD124 0%,#C9CBD10a 48%,transparent 72%);pointer-events:none}

.services-strip{margin-top:0}
.services-list{padding-block:18px}
.watch-alert{max-width:1440px;margin:26px auto 0;padding:0;justify-content:center;border:0;border-radius:0;background:transparent}
.watch-alert.is-ready{display:none}
.watch-alert strong{font-size:15px}
.watch-alert div>span{font-size:14px}
.video-frame{width:100%;max-width:none;margin:0;padding:12px 12px 0;border:1px solid #C9CBD14d;border-radius:24px;box-shadow:0 0 0 5px #C9CBD106,0 32px 80px #0009,0 0 60px #C9CBD10a}
.watch-alert+.video-frame{margin-top:0}
.video-frame-top,.video-frame-bottom{font-size:14px;padding:14px 16px}
.video-frame .video{border-radius:14px}
.watch-progress{margin-inline:-12px}
.access-invite{max-width:1440px;margin-inline:auto;padding-top:36px}
.apply{max-width:1440px;margin-top:48px}

.expect-section{max-width:1040px;margin-top:108px}
.expect-section h2{font-size:52px}
.expect-copy p{font-size:22px;line-height:1.7}
.section-heading h2,.closing-cta h2{font-size:clamp(42px,3vw,54px)}
.proof-section .section-heading{max-width:800px}
.section-heading>p{max-width:720px;font-size:19px}
.reel-track.ba-track{grid-auto-columns:min(640px,calc((100% - 24px)/2));gap:24px}
.youtube-grid{grid-auto-columns:min(640px,calc((100% - 24px)/2))}
.faq-section{width:min(960px,100%)}
.faq-list summary{font-size:20px}
.faq-answer{max-width:850px;font-size:17px}
.closing-cta p{max-width:640px;font-size:18px}
.gallery-cta .cta,.closing-cta .cta{min-width:220px;min-height:64px;font-size:18px}

.foot{width:var(--desktop-width);padding-top:52px}
.footer-grid{gap:clamp(40px,4vw,80px)}
.footer-brand p,.footer-links h3,.footer-links a{font-size:16px}
.footer-copyright{font-size:13px}
.foot .disclaimer{font-size:12px;max-width:1280px}

@media(max-width:1599px){
  :root{--desktop-width:calc(100% - 64px)}
  .desktop-nav{gap:24px}
  .wordmark img{width:290px}
  .desktop-hero-actions .cta{min-width:150px;padding:16px 20px;font-size:17px}
  .desktop-hero-benefits{font-size:14px;gap:12px 18px}
}