/* One opening scene, real portrait and consistent reel rhythm. */
body .desktop-start{padding:16px 5%;background:#0b100e}
body .desktop-start h1{font-size:26px}
body .hero.cinematic{position:relative;display:block;height:560px;min-height:560px;max-height:none;overflow:hidden}
body .hero.cinematic .hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.48) 57%,rgba(0,0,0,.2));z-index:1}
body .hero.cinematic .herocopy{position:relative;z-index:3;width:58%;max-width:760px;padding:95px 5% 60px}
body .hero.cinematic .herocopy h2{font-size:clamp(40px,4.5vw,64px)!important;line-height:1.08!important;margin-bottom:22px!important}
body .hero.cinematic .intro{max-width:450px;margin:0 0 25px;font-size:17px;line-height:1.6}
body .hero.cinematic .hero-brokerage{margin-top:28px}
body .hero.cinematic .photo-masthead{position:absolute!important;inset:48px 5% auto auto!important;width:34%!important;height:440px!important;min-height:0!important;max-height:none!important;z-index:3;background:transparent!important;border:1px solid #ffffff40;border-radius:8px;overflow:hidden;box-shadow:0 18px 50px #0006}
body .hero.cinematic .photo-masthead .masthead-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;background:transparent!important}
body .hero.cinematic .photo-masthead .social-header{position:absolute!important;inset:auto 0 0!important;padding:14px!important;background:linear-gradient(transparent,#000d)!important;justify-content:center!important;z-index:4}
body .hero.cinematic .photo-masthead .social-links{gap:22px!important}
body .hero.cinematic .page-motion-toggle{position:absolute!important;inset:10px 10px auto auto!important;min-height:36px;padding:8px 12px;font-size:11px;z-index:6;background:#080808d9}
body .hero.cinematic .carousel-bottom{bottom:16px;right:5%;z-index:5}
body main>section#watch{padding-top:40px!important;padding-bottom:40px!important}
body #watch .sectionhead{align-items:end}
body #watch h2{font-size:clamp(30px,3.5vw,44px)}
body #watch .reel-window{margin:24px 0 0;padding-bottom:4px;border-radius:6px}
body #watch .reel-track{gap:18px;animation-duration:120s}
body #watch .reel-card{width:280px;height:350px;border-radius:6px;border:1px solid #ffffff30}
body #watch .reel-card video{object-fit:cover}
body #watch .reel-card>span{padding:60px 20px 20px}
@media(min-width:801px) and (max-width:1100px){
body .hero.cinematic .photo-masthead{width:36%!important;height:400px!important;top:65px!important}
body .hero.cinematic .herocopy{padding-top:85px;width:60%}
body .hero.cinematic .hero-actions{gap:10px}
body .hero.cinematic .hero-actions a{padding:13px 16px;font-size:13px}
}
@media(max-width:800px){
body .hero.cinematic{height:auto!important;min-height:0!important;max-height:none!important;padding:0 20px 55px;display:flex;flex-direction:column}
body .hero.cinematic .herocopy{padding:36px 0 24px;width:100%;max-width:none}
body .hero.cinematic .herocopy h2{font-size:clamp(34px,8vw,48px)!important}
body .hero.cinematic .intro{font-size:16px}
body .hero.cinematic .photo-masthead{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:1.15!important;max-width:480px!important;margin:0 auto;order:2}
body .hero.cinematic .hero-shade{background:linear-gradient(180deg,#000b,#0008)}
body .hero.cinematic .carousel-bottom{bottom:12px;right:20px}
body #watch .reel-card{width:240px;height:310px}
body #watch .reel-track{gap:18px}
}
@media(prefers-reduced-motion:reduce){body #watch .reel-track{animation:none;transform:none}body #watch .reel-window{overflow-x:auto}}
html[data-motion-paused="true"] #watch .reel-track{animation-play-state:paused}