/* Selected mobile opening screen. Desktop content and composition are retained. */
.x-hero-photo picture{display:block;width:100%;height:100%}
.x-hero-mobile-copy,.x-hero-mobile-kicker,.x-hero-mobile-actions{display:none}

@media screen and (max-width:760px){
 body[data-page="Start"] .site-header .header-inner{width:calc(100% - 44px)}
 body[data-page="Start"] .site-header .header-cta{display:none}
 body[data-page="Start"] .site-header .brand{gap:10px}
 body[data-page="Start"] .site-header .brand-symbol{width:40px;height:40px}
 body[data-page="Start"] .site-header .brand-name{font-size:12px;letter-spacing:.07em}
 body[data-page="Start"] .site-header .brand-sub{font-size:8px;letter-spacing:.16em}
 body[data-page="Start"] .site-header .menu-toggle{margin-left:auto;border:0;background:transparent;padding:10px;gap:8px}
 body[data-page="Start"] .site-header .menu-toggle span{width:24px;height:1.5px}
 body[data-page="Start"] .site-header.menu-open .menu-toggle span:first-child{transform:translateY(4.75px) rotate(45deg)}
 body[data-page="Start"] .site-header.menu-open .menu-toggle span:last-child{transform:translateY(-4.75px) rotate(-45deg)}
 body[data-page="Start"] .x-hero{display:block;height:calc(100svh - var(--header,64px));min-height:0;isolation:isolate;color:#fff;background:#101820}
 body[data-page="Start"] .x-hero:after{display:block;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,25,42,.14),rgba(5,25,42,.42) 32%,rgba(5,25,42,.27) 42%,transparent 53%,transparent 75%,rgba(4,19,10,.24))}
 body[data-page="Start"] .x-hero-photo{position:absolute;inset:0;order:initial;z-index:-1;height:100%;width:100%}
 body[data-page="Start"] .x-hero-photo img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center center}
 body[data-page="Start"] .x-hero-desktop-copy,
 body[data-page="Start"] .x-hero-actions,
 body[data-page="Start"] .x-hero-scroll{display:none!important}
 body[data-page="Start"] .x-hero-mobile-copy{display:inline}
 body[data-page="Start"] .x-hero-content{position:relative;z-index:1;display:block;order:initial;width:calc(100% - 44px);max-width:none;height:100%;margin-inline:auto;padding:clamp(52px,11.8svh,92px) 0 0}
 body[data-page="Start"] .x-hero-mobile-kicker{display:block;margin:0 0 18px;font:650 12px/1.5 var(--font);letter-spacing:.15em;color:#fff}
 body[data-page="Start"] .x-hero h1{margin:0;font:700 clamp(46px,13.85vw,58px)/1.025 'Inter Tight',Arial,sans-serif;letter-spacing:-.035em;max-width:none;color:#fff;text-wrap:initial}
 body[data-page="Start"] .x-hero-lead{margin:18px 0 0;max-width:none;font:400 18px/1.5 var(--font);letter-spacing:-.015em;color:#f2f4f6}
 body[data-page="Start"] .x-hero-photo figcaption{top:70%;right:24px;bottom:auto;left:auto;max-width:none;padding:0;background:transparent;color:#fff;font:400 12px/1.4 var(--font)}
 body[data-page="Start"] .x-hero-mobile-actions{position:absolute;inset:auto 22px 24px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;z-index:2}
 body[data-page="Start"] .x-mobile-hero-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;margin:0;padding:14px 20px;border:1px solid #444bff;border-radius:3px;background:#444bff;box-shadow:none;color:#fff;font:650 18px/1.25 var(--font);letter-spacing:-.01em;text-align:center}
 body[data-page="Start"] .x-mobile-hero-cta:hover{background:#3440e9;border-color:#3440e9}
 body[data-page="Start"] .x-mobile-hero-models{display:inline-flex;align-items:center;justify-content:center;justify-self:center;min-height:44px;padding:4px 8px;color:#fff;font:500 16px/1.4 var(--font);text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
 body[data-page="Start"] .x-mobile-hero-cta:focus-visible,
 body[data-page="Start"] .x-mobile-hero-models:focus-visible{outline:3px solid #fff;outline-offset:4px}
}

@media screen and (max-width:760px) and (max-height:740px){
 body[data-page="Start"] .x-hero-content{padding-top:clamp(36px,7svh,52px)}
 body[data-page="Start"] .x-hero-mobile-kicker{font-size:11px;margin-bottom:17px}
 body[data-page="Start"] .x-hero h1{font-size:clamp(40px,11.8vw,48px)}
 body[data-page="Start"] .x-hero-lead{font-size:16px;margin-top:16px}
 body[data-page="Start"] .x-mobile-hero-cta{font-size:17px}
}

@media screen and (max-width:760px) and (max-height:650px){
 body[data-page="Start"] .x-hero-content{padding-top:30px}
 body[data-page="Start"] .x-hero h1{font-size:40px}
 body[data-page="Start"] .x-hero-lead{font-size:15px;margin-top:12px}
 body[data-page="Start"] .x-hero-mobile-actions{bottom:12px;gap:4px}
 body[data-page="Start"] .x-mobile-hero-cta{min-height:50px;font-size:16px}
 body[data-page="Start"] .x-mobile-hero-models{min-height:40px;font-size:15px}
}

/* A rotated phone keeps the copy and actions separate and allows normal scrolling. */
@media screen and (max-width:760px) and (max-height:500px){
 body[data-page="Start"] .x-hero{height:560px}
}