/* The headline has a quiet reading surface; the film is the first visual. */
.hero{padding-top:34px}
.hero-intro .eyebrow{margin-bottom:24px;font-size:12px;letter-spacing:.1em}
.hero h1{font-size:clamp(44px,5.9vw,86px);line-height:1.25;letter-spacing:-.05em}
.hero .hero-art{margin-top:40px;border-radius:16px}
.hero-details{display:flex;justify-content:space-between;align-items:center;gap:48px;text-align:left;padding-block:34px}
.hero-description{max-width:50em}
.hero .hero-copy{font-size:17px;line-height:1.9;margin:0;text-wrap:pretty}
.hero-copy>span{display:block}
.hero-copy .keep-phrase{display:inline-block}
.hero .hero-services{font-size:12px;line-height:1.9;margin-top:18px}
.hero-details>.text-link{flex:none;font-size:16px;gap:32px;min-height:44px;align-items:center}
.hero .hero-bottom{padding-block:20px;border-top:1px solid var(--line);font-size:12px}
.experience-detail p+p{margin-top:12px}

@media(max-width:1050px){
  .hero-details{gap:32px}
  .hero .hero-copy{font-size:16px}
  .hero-details>.text-link{font-size:14px;gap:20px}
}
@media(max-width:760px){
  .site-header{height:74px}
  .site-header nav{top:68px}
  .hero{padding-top:20px;text-align:left}
  .hero-intro .eyebrow{font-size:12px;line-height:1.65;letter-spacing:.03em;margin-bottom:20px;max-width:33em}
  .hero h1{font-size:clamp(34px,10.6vw,58px);line-height:1.32;letter-spacing:-.045em}
  .hero .hero-art{margin-top:28px;margin-inline:calc(-1 * var(--gutter));border-radius:0}
  .hero .hero-art.hero-art-video{aspect-ratio:1;background:#d1d2d1}
  .hero-art-video video,.hero-art-video #hero-poster{object-fit:contain}
  .hero-art-video .motion-toggle{right:18px;bottom:18px;min-width:106px;min-height:44px;font-size:12px;padding:10px 15px;background:#faf9f5f5}
  .hero-details{display:block;padding-block:28px 30px}
  .hero .hero-copy{font-size:16px;line-height:1.85}
  .hero-copy>span+span{margin-top:12px}
  .hero .hero-services{font-size:12px;margin-top:22px;letter-spacing:0}
  .hero-services span{margin-inline:2px}
  .hero-details>.text-link{display:flex;justify-content:space-between;min-height:48px;font-size:16px;margin-top:24px;max-width:320px}
  .hero .hero-bottom{font-size:11px;letter-spacing:.045em;padding-block:18px}
  .hero .hero-bottom>span:nth-child(2){font-size:12px}
}