/* home */
.hero--home .hero__media{left:34%}
.hero--home .hero__media img{--focus:62% 22%;--focus-m:58% 12%}
.hero--home .hero__scrim{background:
  linear-gradient(90deg,rgba(12,11,9,1) 0%,rgba(12,11,9,1) 34%,rgba(12,11,9,.72) 46%,rgba(12,11,9,.18) 66%,rgba(12,11,9,0) 100%),
  linear-gradient(0deg,rgba(12,11,9,1) 0%,rgba(12,11,9,.6) 20%,rgba(12,11,9,0) 46%),
  linear-gradient(180deg,rgba(12,11,9,.72) 0%,rgba(12,11,9,0) 20%)}
@media (max-width:960px){
  .hero--home .hero__media{left:0;bottom:auto;height:58vh;height:58svh;overflow:hidden}
  .hero--home .hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,11,9,1) 0%,rgba(12,11,9,.97) 26%,rgba(12,11,9,.7) 44%,rgba(12,11,9,0) 74%)}
  .hero--home .hero__inner{padding-top:calc(var(--header-h) + 36vh);padding-top:calc(var(--header-h) + 36svh)}
  .hero--home .hero__scrim{background:
    linear-gradient(180deg,rgba(12,11,9,.7) 0%,rgba(12,11,9,0) 16%)}
}
.hero--home h1{margin:0}
.hero--home .hero__id{display:flex}
.hero--home .hero__title{display:block}
.hero--home .hero__inner{padding-bottom:clamp(28px,3.4vw,52px)}
.hero__creds{display:flex;flex-wrap:wrap;gap:8px clamp(20px,3vw,44px);padding-block:20px clamp(22px,2.4vw,34px);border-top:1px solid var(--hair-d);font-weight:500;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-2)}
.hero__creds li{display:flex;align-items:center;gap:clamp(20px,3vw,44px)}
.hero__creds li + li::before{content:"";width:3px;height:3px;border-radius:50%;background:var(--gold)}
.hero--home{grid-template-rows:1fr auto;align-items:end}
.hero__quote blockquote{margin:0}
.hero__quote .person{margin-top:16px}
.hero__quote .person strong{font-family:var(--sans);font-weight:600;font-size:1rem;letter-spacing:.02em}
@media (max-width:960px){
  .hero__creds{font-size:.75rem;letter-spacing:.1em;gap:6px 16px}
  .hero__creds li{gap:16px}
}

/* the act: reel first, then the plain statement of what he does */
.act{padding-top:clamp(40px,5vw,84px)}
.act__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,6vw,120px);align-items:start;margin-top:clamp(48px,6vw,104px)}
.act__grid .h1{max-width:13ch}
.points{margin-top:clamp(28px,3vw,44px);border-top:1px solid var(--hair-d)}
.points > div{display:grid;grid-template-columns:minmax(120px,.42fr) minmax(0,1fr);gap:20px;padding-block:18px;border-bottom:1px solid var(--hair-d)}
.points dt{font-weight:600;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);padding-top:.3em}
.points dd{color:var(--cream)}
@media (max-width:900px){.act__grid{grid-template-columns:1fr}.points > div{grid-template-columns:1fr;gap:6px}}

/* proof */
.proof__grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(36px,7vw,140px);align-items:start}
.proof__claim .h2{font-size:calc(clamp(1.7rem,2.9vw,2.6rem) * var(--k))}
.proof__claim .ledger{margin-top:clamp(32px,4vw,56px)}
.proof__quote blockquote{font-size:calc(clamp(1.6rem,3.1vw,2.9rem) * var(--k))}
.proof__quote{padding-top:.6rem}
.proof__trusted{margin-top:clamp(56px,7vw,112px);padding-top:clamp(28px,3vw,40px);border-top:1px solid var(--hair-l);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:center}
.proof__trusted .logos{justify-content:space-between}
@media (max-width:900px){.proof__grid{grid-template-columns:1fr}.proof__trusted{grid-template-columns:1fr}.proof__trusted .logos{justify-content:flex-start}}

/* formats */
.formats__head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(20px,6vw,120px);align-items:end;margin-bottom:clamp(36px,4.4vw,72px)}
@media (max-width:900px){.formats__head{grid-template-columns:1fr}}

/* before you book */
.before__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,7vw,140px);align-items:start}
.before__rail{position:sticky;top:calc(var(--header-h) + 32px)}
.before__rail .lede{margin-top:20px}
.before__rail .arrow-link{margin-top:18px}
@media (max-width:900px){.before__grid{grid-template-columns:1fr}.before__rail{position:static}}

/* close */
.close{padding-block:clamp(110px,14vw,220px)}
.flow{display:flex;flex-wrap:wrap;gap:8px 0;margin-top:clamp(20px,2.4vw,36px);padding-top:22px;border-top:1px solid var(--hair-d);font-weight:500;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-2);counter-reset:f}
.flow li{display:flex;align-items:center}
.flow li + li::before{content:"";width:28px;height:1px;background:var(--gold-line);margin-inline:16px}
@media (max-width:600px){.flow{font-size:.6875rem}.flow li + li::before{width:14px;margin-inline:10px}}

/* phone held sideways: photo beside the words, headline sized by height */
@media (max-width:960px) and (orientation:landscape) and (max-height:540px){
  .hero--home .hero__media{left:40%;height:100%;bottom:0}
  .hero--home .hero__inner{padding-top:calc(var(--header-h) + 24px)}
  .hero--home .display{font-size:clamp(2rem,12svh,3.4rem)}
  .hero--home .hero__media::after{background:linear-gradient(90deg,rgba(12,11,9,1) 0%,rgba(12,11,9,.6) 30%,rgba(12,11,9,0) 70%)}
}