/* Cinematic Navy — centered engineering, silver type and cobalt controls. */
:root{--dark:#06152c;--dark-soft:#0b2343}
.machine-scroll-stage,.scroll-machine-enabled .machine-scroll-stage{background:#06152c}
.machine-video-hero,.scroll-machine-enabled .machine-video-hero{background:radial-gradient(ellipse at 50% 68%,#173a60 0%,#081d37 42%,#030d1d 90%);height:calc(100svh - 104px);min-height:670px;isolation:isolate;padding:0}
.scroll-machine-enabled .machine-video-hero{height:calc(100svh - 88px)}
.machine-video-hero .cinema-shade{display:none}
.machine-video-hero .bold-hero-content,.scroll-machine-enabled .machine-video-hero .bold-hero-content{position:absolute;top:0;left:0;right:0;width:100%;max-width:none;height:auto;padding:36px 4% 0;text-align:center;align-items:center;justify-content:flex-start;pointer-events:none;z-index:1}
.machine-video-hero .cinema-eyebrow{color:#d3deee;font-size:12px;letter-spacing:.38em;margin:0 0 22px}
.machine-video-hero h1{font-family:Outfit,Arial,sans-serif;font-size:clamp(78px,9vw,145px);font-weight:700;line-height:.95;letter-spacing:-.045em;color:#ecf1f8;margin:0;text-shadow:none}
.machine-video-hero h1 span:first-child{background:linear-gradient(#fff 20%,#aebdce 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.machine-video-hero h1 span:last-child{font-size:.64em;font-weight:300;letter-spacing:.015em;margin-top:7px;color:#dbe5f1}
.machine-video-hero .hero-photo,.machine-video-hero .cinema-background,.scroll-machine-enabled .machine-video-hero .hero-photo,.scroll-machine-enabled .machine-video-hero .cinema-background{inset:auto auto 108px 17%;width:66%;height:65%;object-fit:contain;object-position:center bottom;z-index:2;filter:grayscale(1) contrast(1.18);mix-blend-mode:screen;pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 89%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 89%,transparent 100%)}
.navy-hero-left{position:absolute;left:4.8%;bottom:165px;z-index:3;max-width:240px}.navy-hero-left p{font-size:22px;line-height:1.5;font-weight:300;color:#e8eef8;margin:0 0 20px}.navy-hero-left .button{background:#075de7;color:white;font-size:15px;padding:15px 23px;gap:20px;margin:0;min-height:52px}
.navy-hero-right{position:absolute;right:4.8%;bottom:170px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:17px}.navy-hero-right>a{border-top:1px solid #72869e;border-bottom:1px solid #72869e;padding:15px 0;display:flex;gap:30px;color:white;font-size:16px}.navy-hero-right .cinema-film-button{color:#bdcbe0;border:0;min-height:30px;padding:0;font-size:13px}.navy-caption{font-size:10px;letter-spacing:.15em;color:#a7bad3}
.machine-video-hero .cinema-bottom{bottom:25px;left:4.8%;right:4.8%;z-index:4;padding-top:20px;border-top:1px solid #ffffff25;color:#c8d6e7;gap:25px}
.scroll-caption{grid-template-columns:1fr;gap:7px;min-width:170px;letter-spacing:.07em}.scroll-caption input{grid-column:1;grid-row:2;width:175px;accent-color:#086bff}.scroll-caption label{display:none}.scroll-caption small{grid-column:1;color:#a5b6cd;font-size:11px}.scroll-caption>span{font-size:10px}
.machine-video-hero .cinema-bottom button{background:transparent;border-color:#536d8b;color:#dce6f4;white-space:nowrap;font-size:12px}
.navy-chapters{display:flex;flex:1;justify-content:space-evenly;align-items:center;gap:22px}.navy-chapters>span{color:#7d93ae;display:flex;gap:12px;align-items:center;font-size:12px;white-space:nowrap}.navy-chapters b{font-size:10px;font-weight:400;letter-spacing:.14em}.navy-chapters>span.active{color:#fff}.navy-chapters>span.active:before{content:'';width:8px;height:8px;border-radius:50%;background:#086bff}
.section-dark,.dark-story,.engineering-section,.production-section,.video-section,.contact{background:#06152c}.process-ribbon{background:#091e39;border-top:1px solid #ffffff20}.process-ribbon a{font-family:Outfit,sans-serif;font-weight:500;letter-spacing:.05em;font-size:clamp(22px,3vw,46px)}.process-ribbon>span{font-size:32px;color:#2e61a0}.story-copy h2,.bold-intro-copy h2{font-family:Outfit,sans-serif;font-weight:600}.section-heading h2{font-weight:500}.feature-selector button{border-radius:0}.story-image{background:#f3f6fa}.finder-teaser{background:#075de7}
@media(max-width:1100px) and (min-width:901px){.navy-hero-left{max-width:180px}.navy-hero-left p{font-size:18px}.navy-hero-left .button{font-size:13px;padding:13px}.navy-hero-right{right:3%;max-width:160px}.navy-caption{font-size:9px}.navy-chapters{gap:12px}.navy-chapters b{font-size:9px;letter-spacing:.05em}}
@media(max-width:900px){
.machine-video-hero,.scroll-machine-enabled .machine-video-hero{margin-top:80px;height:calc(100svh - 140px);min-height:510px;padding:0}
.scroll-machine-enabled .machine-video-hero{margin-top:0;top:80px}
.machine-video-hero .bold-hero-content,.scroll-machine-enabled .machine-video-hero .bold-hero-content{position:absolute;padding:28px 12px 0;max-width:100%;height:auto;align-items:center}
.machine-video-hero .cinema-eyebrow,.scroll-machine-enabled .machine-video-hero .cinema-eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:20px}
.machine-video-hero h1,.scroll-machine-enabled .machine-video-hero h1{font-size:clamp(43px,11.4vw,84px);line-height:1}
.machine-video-hero h1 span:last-child{font-size:.55em;letter-spacing:.025em;margin-top:10px}
.machine-video-hero .hero-photo,.machine-video-hero .cinema-background,.scroll-machine-enabled .machine-video-hero .hero-photo,.scroll-machine-enabled .machine-video-hero .cinema-background{left:0;bottom:205px;top:auto;width:100%;height:calc(100% - 320px);min-height:175px;object-fit:contain;object-position:center}
.navy-hero-left{left:6%;bottom:103px;max-width:58%}.navy-hero-left p{font-size:16px;line-height:1.4;margin-bottom:12px}.navy-hero-left .button{font-size:13px;min-height:44px;padding:12px 14px;gap:14px}
.navy-hero-right{right:6%;bottom:105px;gap:9px;max-width:34%}.navy-hero-right>a{font-size:13px;padding:10px 0;gap:12px}.navy-hero-right .cinema-film-button{font-size:11px}.navy-caption{display:none}
.machine-video-hero .cinema-bottom,.scroll-machine-enabled .machine-video-hero .cinema-bottom{left:6%;right:6%;bottom:15px;padding-top:12px;gap:12px}.navy-chapters{display:none}.scroll-caption input,.scroll-machine-enabled .scroll-caption input{width:155px}.scroll-caption{min-width:155px}.scroll-caption>span{font-size:9px}.scroll-caption small,.scroll-machine-enabled .scroll-caption small{font-size:10px}.machine-video-hero .cinema-bottom button,.scroll-machine-enabled .cinema-bottom button{font-size:11px;padding:10px}
.process-ribbon a{font-size:clamp(16px,4.5vw,30px)}
}
@media(max-width:650px){.machine-video-hero{margin-top:75px}.machine-video-hero,.scroll-machine-enabled .machine-video-hero{height:calc(100svh - 135px)}.scroll-machine-enabled .machine-video-hero{top:75px;margin-top:0}}
@media(max-width:900px) and (max-height:650px){.machine-video-hero,.scroll-machine-enabled .machine-video-hero{min-height:480px}.machine-video-hero .bold-hero-content,.scroll-machine-enabled .machine-video-hero .bold-hero-content{padding-top:16px}.machine-video-hero .cinema-eyebrow,.scroll-machine-enabled .machine-video-hero .cinema-eyebrow{margin-bottom:12px}}
.machine-video-hero.motion-ready .hero-photo{visibility:hidden}
@media(max-width:900px){.navy-hero-left{bottom:125px}.navy-hero-right{bottom:128px}}
@media(max-width:360px){.navy-hero-left{max-width:55%}.navy-hero-left p{font-size:14px}.navy-hero-right{max-width:30%}.navy-hero-right>a{font-size:12px;gap:8px}.site-header .quote-link{white-space:nowrap;gap:5px;padding:10px 8px}.site-header .quote-link .ui-symbol{width:16px;height:16px}}