/* RiderTouch editorial cover. Photo + original UI share a transform plane.
 * Only the scene composition changes; interfaces retain their source proportions. */
.rt-cover.rt-daylight-hero{display:block;max-width:1600px;width:calc(100% - 36px);margin:18px auto 0;padding:0;position:relative}
.rt-cover .rt-hero-stage{aspect-ratio:1672/941;border-radius:20px;isolation:isolate;background:#20272f;margin:0;position:relative}
.rt-cover .rt-hero-plane{inset:0;transform-origin:70% 50%}
.rt-cover picture,.rt-cover .rt-daylight-photo{display:block;width:100%;height:auto;max-width:none}
.rt-cover .rt-hero-stage::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#11182055,transparent 56%);z-index:1;pointer-events:none}
.rt-cover .sf-hero-copy{position:absolute;left:4%;top:45%;width:44%;z-index:2;color:#fff;display:block}
.storefront .rt-cover h1{font:500 clamp(38px,4.6vw,72px)/1.06 var(--sf-display);letter-spacing:-.04em;text-align:left;margin:0 0 24px;text-wrap:initial}
.rt-cover h1 span,.rt-cover h1 span:last-child{display:block;color:#fff;white-space:normal}
.rt-cover h1 span:nth-child(2)::before{content:none}
.rt-cover .rt-hero-lead{font-size:clamp(16px,1.45vw,21px);line-height:1.4;color:#f3f4f4;max-width:470px;margin:0}
.rt-cover .sf-hero-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px}
.rt-cover .sf-hero-actions .sf-button{min-width:0}
.rt-cover .sf-text-link{display:inline-flex;align-items:center;justify-content:center;min-height:54px;border:1px solid #ffffff9c;border-radius:8px;padding:12px 22px;color:white;font-size:16px;line-height:1.3;text-decoration:none}
.rt-cover .sf-text-link:hover{background:#ffffff16}
.rt-cover .sf-hero-copy :is(a,button):focus-visible{outline-color:#ffcb59}
.rt-cover .rt-hero-window{left:52.57%;top:22.7%;width:36.24%;aspect-ratio:1.7;clip-path:polygon(2% 0,98% 0,100% 5%,100% 95%,98% 100%,2% 100%,0 95%,0 5%)}
.rt-cover .rt-hero-controls{margin:16px 4% 0;justify-content:space-between}
.rt-cover .rt-hero-choices button{border-color:#d7dadd;border-radius:8px;font-size:12px;font-weight:400}
.rt-cover .rt-hero-figure figcaption{margin:7px 4% 0;font-size:11px}
.rt-mobile-actions{display:none}
.rt-manifesto{background:#fff;padding:46px 0 0}
.rt-manifesto p{font:400 clamp(18px,2vw,28px)/1.4 var(--sf-display);letter-spacing:-.025em;text-align:center}
.home .sf-header{position:absolute;top:45px;left:50%;transform:translateX(-50%);width:calc(100% - 36px);max-width:1600px;padding-inline:4%;min-height:78px;background:transparent;color:#fff;z-index:5}
.home .sf-header .sf-nav-contact{display:none}
.home .sf-header nav a{color:#fff}
.home .sf-menu-toggle{color:#fff}
.home .sf-header :is(a,button):focus-visible{outline-color:#ffcb59}
@media(min-width:700px) and (max-width:1099px){
 .home .sf-header{position:relative;top:auto;left:auto;transform:none;background:white;color:var(--sf-ink);width:100%;max-width:1536px;padding-inline:4.7%;min-height:76px}
 .home .sf-header nav a,.home .sf-menu-toggle{color:var(--sf-ink)}
 .rt-cover.rt-daylight-hero{margin-top:0}
 .rt-cover .sf-hero-copy{top:32%;left:4%;width:45%}
 .storefront .rt-cover h1{font-size:clamp(30px,4.25vw,45px);margin-bottom:16px}
 .rt-cover .rt-hero-lead{font-size:16px;max-width:290px}
 .rt-cover .sf-hero-actions{margin-top:20px;gap:9px}
 .rt-cover .sf-hero-actions .sf-button,.rt-cover .sf-text-link{font-size:13px;min-height:46px;padding:12px 15px}
}
@media(max-width:699px){
 .rt-cover.rt-daylight-hero{width:calc(100% - 24px);margin-top:12px}
 .rt-cover .rt-hero-stage{aspect-ratio:2/3;border-radius:15px}
 .rt-cover .rt-hero-plane{transform-origin:50% 64%}
 .rt-cover .rt-hero-stage::after{background:linear-gradient(180deg,#10181f77,transparent 43%)}
 .home .sf-header{top:37px;width:calc(100% - 24px);min-height:60px;padding:8px 6%}
 .home .sf-header .sf-logo{font-size:23px;letter-spacing:-.04em}
 .home .sf-header nav{background:#fff;color:var(--sf-ink);border-radius:12px;padding:16px}
 .home .sf-header nav a{color:var(--sf-ink)}
 .home .sf-header nav .sf-nav-contact{display:block}
 .rt-cover .sf-hero-copy{left:7%;top:16%;width:86%}
 .storefront .rt-cover h1{font-size:clamp(29px,8.5vw,56px);line-height:1.05;letter-spacing:-.04em;margin:0 0 14px}
 .rt-cover .rt-hero-lead{font-size:clamp(14px,3.8vw,20px);max-width:90%;line-height:1.4}
 .rt-cover .sf-hero-actions{display:none}
 .rt-cover .rt-hero-window{left:17%;top:43.55%;width:68%;aspect-ratio:1.7}
 .rt-cover .rt-hero-controls{margin:14px 3% 0;gap:5px}
 .rt-cover .rt-hero-choices{width:auto;gap:6px}
 .rt-cover .rt-hero-choices button{font-size:12px;padding:8px 12px;min-height:44px}
 .rt-cover .rt-motion-control{font-size:11px;min-height:44px}
 .rt-cover .rt-hero-figure figcaption{margin:4px 3% 0;font-size:10px}
 .rt-mobile-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:21px 3% 0}
 .rt-mobile-actions .sf-button{justify-content:center}
 .rt-cover .rt-mobile-actions .sf-text-link{color:var(--sf-ink);border-color:var(--sf-line);font-size:14px;min-height:48px}
 .rt-manifesto{padding-top:34px}
 .rt-manifesto p{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.rt-cover .rt-hero-plane{animation:none!important}.rt-cover .rt-hero-interface{transition:none!important}}
/* Keep the complete navigation in document flow when enhancement is unavailable. */
@media(max-width:699px){
 .home .sf-header:has(.sf-menu-toggle[hidden]){position:relative;top:auto;left:auto;transform:none;width:100%;background:#fff;color:var(--sf-ink);padding:20px 24px;min-height:0}
 .home .sf-header:has(.sf-menu-toggle[hidden]) nav{padding:0;border-radius:0}
}
@media(max-width:359px){.rt-cover .sf-hero-copy{top:14%}}
