/* A broad cinematic window. Video compositions match the window, without a crop. */
.home .hero{grid-template-columns:.83fr 1.17fr;gap:5vw;min-height:810px;padding:70px 5vw 108px;height:auto;max-height:none;background:#075d61}
.home .hero-content h1{font-size:clamp(88px,7.1vw,148px);max-width:none}
.home .hero-film{width:100%;max-width:950px;height:auto;min-height:0;aspect-ratio:8/7;margin:0 0 20px;justify-self:end}
.home .hero-film-surface{border-radius:22px 100px 22px 22px;box-shadow:0 25px 70px #012d3a35}
.home .hero-film-surface:after{background:linear-gradient(180deg,transparent 80%,#052e3b16)}
.home .hero-film:before{inset:-12px;transform:none;border-radius:30px 110px 30px 30px;border-color:#d5b68165}
.home .hero-reel{object-fit:contain}
.home .hero-film figcaption{bottom:-47px;left:0;right:0;font-size:12px;letter-spacing:.19em;display:flex;align-items:center;justify-content:space-between;color:#f0e5d0}
.film-caption-line{height:1px;width:60px;background:#d5b68185}
.hero-film .film-pulse{width:5px;height:5px;border-radius:50%;background:#d5b681;box-shadow:0 0 0 5px #d5b68118}
.home .hero-bottom{left:5vw;right:5vw}
.home.at-feature .floating-contact{opacity:0;visibility:hidden;pointer-events:none}
.home .leaf-landing .landing-water{background:radial-gradient(ellipse at 50% 50%,#15999a22,transparent 65%)}
.home:has(#leaf-traveller[data-flight="landed"]) .landing-water>i{animation:leaf-water-arrival 2.8s ease-out both}
.home:has(#leaf-traveller[data-flight="landed"]) .landing-water>i:nth-of-type(2){animation-delay:.18s}
.home:has(#leaf-traveller[data-flight="landed"]) .landing-water>i:nth-of-type(3){animation-delay:.36s}
@keyframes leaf-water-arrival{from{transform:rotate(-8deg) scale(.82);opacity:.7}to{transform:rotate(-8deg) scale(1.1);opacity:.35}}
#leaf-traveller{transition:opacity .35s ease;contain:layout style;will-change:transform}
.leaf-fallback{transform-style:preserve-3d}
@media(max-width:1100px) and (min-width:801px){.home .hero{gap:4vw;padding-inline:4vw;min-height:760px}.home .hero-content h1{font-size:86px}.home .hero-content .lead{font-size:20px}}
@media(max-width:800px){
  :root{--leaf-rail:clamp(112px,31vw,132px)}
  .home .hero{grid-template-columns:1fr;gap:40px;padding:42px 24px 100px;min-height:0}
  .home .hero-content{text-align:center}
  .home .hero-content .eyebrow{font-size:10px;line-height:1.8}
  .home .hero-content h1{font-size:clamp(78px,16.9vw,119px);margin:26px 0;line-height:.88}
  .home .hero-content .lead{font-size:20px;line-height:1.6}
  .home .hero-content>.button{margin-top:24px;max-width:100%;font-size:17px;padding-inline:22px}
  .home .hero-film{width:100%;max-width:500px;aspect-ratio:4/5;justify-self:center;margin-top:12px;margin-bottom:36px}
  .home .hero-film-surface{border-radius:16px 70px 16px 16px}
  .home .hero-film:before{inset:-7px;border-radius:22px 79px 22px 22px}
  .home .hero-film figcaption{bottom:-38px;font-size:10px;letter-spacing:.12em}
  .film-caption-line{width:36px}
  .home .hero-bottom{left:24px;right:24px;bottom:22px;align-items:center;text-align:center;gap:6px}
  .home .hero-bottom>a,.home .hero-bottom>span{align-self:center}
  .home .welcome,.home .home-help,.home .first-step,.home .instagram-section{padding-right:calc(var(--leaf-rail) + 12px)}
  .home .slow-scene{padding-right:calc(var(--leaf-rail) + 12px)}
  .home .slow-copy{padding-left:24px;padding-right:0}
  .home .welcome-copy h2,.home .home-help h2,.home .first-step h2,.home .instagram-section h2{font-size:clamp(40px,10.5vw,59px);line-height:1.03;overflow-wrap:normal}
  .home .slow-copy h2{font-size:clamp(44px,11vw,67px)}
  .home .welcome-copy .lead{font-size:19px}.home .welcome-copy .lead br{display:none}
  .home .visual-paths h3{font-size:33px}
  .home .slow-copy>.button{font-size:16px;padding:14px 16px;gap:10px;max-width:100%;min-height:60px}
  .home .leaf-landing .closing-copy{padding-right:calc(var(--leaf-rail) - 14px)}
  .home .leaf-landing h2{font-size:clamp(43px,11vw,67px)}
  .home .leaf-landing .button{font-size:16px;max-width:100%;padding:15px 18px;gap:10px}
  .home .landing-water{margin:0;height:340px;min-height:340px}
}
@media(prefers-reduced-motion:reduce){#leaf-traveller{display:none}.home .hero:after{content:none}}
