.home-page .hero{min-height:620px;max-height:none;background:#132532;overflow:clip}
.home-page .hero-image{transform:scale(1.035);transition:opacity 1.8s ease;object-position:50% 53%;animation:photo-drift 20s ease-in-out infinite alternate;animation-play-state:paused}
.home-page .hero-image.active{animation-play-state:running}
.home-page .hero-image.riverboat{object-position:62% 49%;transform-origin:65% 50%}
.home-page .hero-image.lotus-bud{object-position:65% 50%;transform-origin:65% 50%}
.home-page .hero-shade{background:linear-gradient(180deg,rgba(9,17,23,.4),transparent 30%,rgba(7,13,18,.16) 55%,rgba(7,13,18,.7)),linear-gradient(90deg,rgba(7,13,18,.28),transparent 65%)}
.home-page .hero-content{bottom:115px}
.home-page .hero h1{font-size:clamp(68px,7.1vw,102px);letter-spacing:.025em}
.home-page .hero-motto{font-size:clamp(18px,1.7vw,25px)}
.home-page .hero-motto span{color:#f0ede6}
.home-page .hero-role{font-size:12px;opacity:.9}
.home-page .hero-selector{bottom:115px;gap:8px}
.hero-scenes{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.hero-scenes .scene{min-width:44px;justify-content:flex-end}
.hero-playback{display:grid;place-items:center;min-width:44px;min-height:44px;background:transparent;color:#fff;border:1px solid #ffffff50;border-radius:50%;margin-top:8px}
.hero-playback svg{width:15px;height:15px}
.hero-playback:hover{background:#ffffff18}
.home-page .hero.motion-paused .hero-image{animation-play-state:paused}
.home-page .photography-home{padding-bottom:110px}
.experience-tools{flex-wrap:wrap;max-width:calc(100vw - 24px)}
.experience-tools .toggle-music{border-left:1px solid #76684b66;border-radius:0 22px 22px 0}
.toggle-music[aria-pressed=true] svg{color:#f4e6c7}
@keyframes photo-drift{from{transform:scale(var(--zoom-start,1.05)) translate3d(var(--pan-start,-1%),0,0)}to{transform:scale(var(--zoom-end,1.13)) translate3d(var(--pan-end,1.2%),.3%,0)}}
@media(max-width:650px){
 .home-page .hero{min-height:660px}
 .home-page .hero-content{left:24px;right:24px;bottom:155px}
 .home-page .hero h1{font-size:65px}
 .home-page .hero-line{font-size:11px;letter-spacing:.08em;margin-bottom:15px}
 .home-page .hero-motto{font-size:17px}
 .home-page .hero-role{font-size:11px;gap:11px;margin-top:18px}
 .home-page .hero-selector{right:24px;bottom:98px;flex-direction:row;align-items:center;gap:15px}
 .hero-scenes{flex-direction:row;gap:4px}
 .hero-playback{margin-top:0}
 .home-page .hero-image.dusk{object-position:43% 50%}
 .home-page .hero-image.riverboat{object-position:65% 50%}
 .home-page .hero-image.lotus-bud{object-position:65% 50%}
 .experience-tools button{padding:9px 9px;font-size:11px;gap:5px}
 .experience-tools svg{width:14px;height:14px}
 .home-page .scroll-cue{bottom:30px;left:auto;right:24px}
 .home-page .photography-home{padding-bottom:65px}
}
@media(prefers-reduced-motion:reduce){.home-page .hero-image{animation:none;transform:none;transition:opacity .25s}}

.home-page .hero-image.mountain{object-position:62% 48%;transform-origin:62% 48%}
.home-page .hero-image.glacier{object-position:62% 50%;transform-origin:62% 50%}
.home-page .hero-image.dunes{object-position:58% 50%;transform-origin:58% 50%}

/* Each cover has a slow photographic camera move, without downloading video. */
.home-page .hero-image.mountain{--zoom-start:1.05;--zoom-end:1.13;--pan-start:-1%;--pan-end:1.2%}
.home-page .hero-image.glacier{--zoom-start:1.11;--zoom-end:1.055;--pan-start:1.7%;--pan-end:-1.5%}
.home-page .hero-image.dunes{--zoom-start:1.045;--zoom-end:1.115;--pan-start:-1.1%;--pan-end:1.4%}
.home-page .site-footer .signature>span{font-size:18px;letter-spacing:.08em;white-space:nowrap}
@media(max-width:520px){.home-page .site-footer{flex-wrap:wrap;row-gap:20px}.home-page .site-footer .signature>span{font-size:16px}}