/* ST MOTOR: cinematic applications, precise and light product surfaces. */
:root{--ink:#10161c;--muted:#606972;--line:#dce2e6;--pale:#f3f6f8;--red:#086ba8;--blue:#086ba8;--accent:#65d0ff}
html{scroll-behavior:smooth}body{background:#fff;color:var(--ink)}.wrap{max-width:1440px;padding-left:5vw;padding-right:5vw}p{font-size:16px}.brand{font-family:Arial,sans-serif;font-size:23px;font-weight:800;letter-spacing:.045em;white-space:nowrap}.brand img{display:none}header{background:#fff;border-bottom:1px solid var(--line)}.nav{height:86px}nav{gap:25px;font-size:14px}nav a{font-size:14px}.btn{border-radius:0;background:#101b24;border-color:#101b24;padding:14px 24px;font-size:14px}.btn:hover{background:#075f91;border-color:#075f91}.btn.secondary{border-color:#c6cdd2;background:transparent}.btn.secondary:hover{border-color:#086ba8;color:#086ba8}.text-link{color:#075f91;border-color:#075f91;white-space:normal}.eyebrow{font-size:14px;letter-spacing:.08em}.micro{font-size:13px;font-weight:600;letter-spacing:.12em;line-height:1.5;text-transform:uppercase;color:#52606c}h1,h2,h3{letter-spacing:-.025em}h2{font-size:clamp(2rem,3.2vw,3rem);line-height:1.5;font-weight:600}.section{padding-top:105px;padding-bottom:105px}.case,.contact-box,.notice{background:#f4f7f9}.note{background:#f4f7f9}.cta{background:#f3f7fa;border:1px solid var(--line);border-top:2px solid #086ba8;border-radius:0}.card{border-radius:0}.filter.active{background:#101b24;border-color:#101b24}.card:hover{border-color:#7ea4bc}footer{background:#0b1117;color:#f3f6f8;margin-top:0;border-top:0;padding-top:65px}footer p,.copyright{color:#a1acb7}.copyright{border-top:1px solid #29333c}.footer-grid{gap:60px}footer .brand{font-size:24px}footer a:hover{color:#65d0ff}
/* Homepage */
.future-home header{background:#090f15;color:white;border-bottom:1px solid #ffffff20;position:relative;z-index:5}.future-home .nav{height:88px}.future-home header .btn{background:#fff;color:#10161c;border-color:#fff;min-height:44px;padding:9px 20px}.future-home header nav a:hover{color:#65d0ff}.future-home .menu{background:transparent;color:white;border-color:#ffffff60}.motion-hero{position:relative;isolation:isolate;background:#080e14;color:white;height:clamp(650px,calc(100svh - 88px),890px);min-height:650px;overflow:hidden}.scene-stack,.scene,.hero-shade{position:absolute;inset:0}.scene{opacity:0;transition:opacity 1.2s ease;overflow:hidden;pointer-events:none}.scene.active{opacity:1}.scene img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.045)}.scene.active img{animation:scene-drift 7.8s ease-out both}.motion-hero.is-paused .scene img,.motion-hero.is-paused .scene-tab i{animation-play-state:paused}.hero-shade{background:linear-gradient(90deg,rgba(5,10,15,.88) 0%,rgba(5,10,15,.65) 32%,rgba(5,10,15,.1) 63%,transparent),linear-gradient(0deg,rgba(5,10,15,.85),transparent 28%);z-index:1}.motion-content{position:relative;z-index:2;padding-top:clamp(74px,10vh,135px)}.motion-content .micro{color:#a9b6c3;letter-spacing:.15em}.motion-content h1{color:#fff;font-size:clamp(42px,4.6vw,68px);font-weight:500;letter-spacing:-.035em;line-height:1.35;margin:24px 0}.motion-content h1 span{color:#7bd6ff}.motion-content p{color:#b9c4cd;font-size:17px;line-height:1.9;margin-bottom:29px}.motion-content .btn{background:#fff;color:#10161c;border-color:#fff;min-width:167px}.motion-content .btn:hover{background:#c7ebff;border-color:#c7ebff}.motion-bottom{position:absolute;bottom:34px;left:0;right:0;width:100%;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:30px}.scene-caption .micro{color:#75d0fb}.scene-caption p{color:#d4dce3;margin:7px 0 0;font-size:14px}.scene-controls{display:flex;align-items:center;gap:25px}.scene-tab{background:transparent;border:0;color:#a1acb5;font:inherit;font-size:14px;font-weight:500;line-height:1.6;cursor:pointer;padding:10px 0 16px;min-width:84px;position:relative;text-align:left}.scene-tab span{font-family:Arial,sans-serif;margin-right:8px;font-size:12px}.scene-tab:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff30}.scene-tab i{position:absolute;bottom:0;left:0;height:2px;background:#73d0fc;width:0;z-index:1}.scene-tab.active{color:#fff}.scene-tab.active i{animation:scene-progress 6.5s linear forwards}#motion-toggle{color:#ddd;background:#ffffff08;border:1px solid #ffffff40;cursor:pointer;font-size:13px;padding:8px 14px;min-width:62px}.concept-disclosure{background:#101820;color:#9eacb8;border-top:1px solid #28323c}.concept-disclosure .wrap{display:flex;align-items:center;gap:24px;padding-top:17px;padding-bottom:17px}.concept-disclosure span{font-size:13px;white-space:nowrap;color:#d8e3ec}.concept-disclosure p{font-size:13px;line-height:1.8;margin:0}.motor-intro .section-head{margin-bottom:40px;align-items:end}.section-head .micro{margin-bottom:19px}.intro-aside{font-size:16px;padding-bottom:7px}.motor-stage{display:grid;grid-template-columns: .9fr 1.25fr;align-items:center;min-height:465px;background:#f4f7f9;overflow:hidden}.motor-details{padding:55px 0 55px 55px;position:relative;z-index:1}.motor-details .micro{font-family:Arial,sans-serif;font-size:12px;color:#687d8d}.motor-details h3{font-size:clamp(28px,2.5vw,39px);font-weight:500;line-height:1.55;margin:22px 0}.motor-details p{max-width:360px;margin-bottom:28px}.motor-ref{display:block;margin-top:38px;font-size:13px;color:#78838d}.motor-object{overflow:hidden}.motor-object img{width:100%;height:465px;object-fit:contain;mix-blend-mode:multiply;transform:scale(1.06)}.design-factors{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;gap:40px}.design-factors article{border-top:1px solid #cbd5dc;padding-top:22px}.design-factors span{font:13px/1.4 Arial,sans-serif;color:#7d909e}.design-factors h3{font-size:20px;margin:15px 0 12px;font-weight:600}.design-factors p{font-size:15px;margin:0}.product-note{font-size:13px;line-height:1.9;color:#6d7a85;margin-top:28px}.series-section{background:#f2f5f7;border-top:1px solid #e7ecef;border-bottom:1px solid #e7ecef}.series-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}.series-card{background:#fff;display:flex;flex-direction:column;min-width:0;height:100%;border:1px solid #e2e7eb;transition:border-color .25s,box-shadow .25s}.series-card:hover{border-color:#7eb5d4;box-shadow:0 4px 18px #101b2408}.series-card:focus-visible{outline:2px solid #086ba8;outline-offset:4px}.series-image{height:220px;padding:22px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 220px}.series-image img{display:block;height:100%;width:100%;object-fit:contain;object-position:center;transform:none}.series-card:hover img{transform:none}.series-info{padding:22px 23px 25px;display:flex;flex-direction:column;flex:1;min-width:0}.series-info .micro{display:block;font-size:12px;letter-spacing:.05em}.series-info h3{font:500 28px/1.4 Arial,sans-serif;margin:10px 0 20px}.series-info dl{font-size:13px;margin:0 0 23px}.series-info dl div{padding:8px 0;display:flex;justify-content:space-between;border-top:1px solid #e7ecef;gap:8px}.series-info dt{color:#687681;white-space:nowrap}.series-info dd{margin:0;text-align:right}.series-link{display:block;font-size:13px;color:#075f91;margin-top:auto}.other-products{border-top:1px solid #d2dbe2;padding-top:30px;margin-top:35px;display:flex;gap:25px;flex-wrap:wrap;font-size:14px}.other-products span{color:#687681;margin-right:auto}.other-products a:hover{color:#086ba8}.collaboration-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:20px}.collaboration-grid>div>p{max-width:440px;margin:25px 0 30px}.process-list article{border-bottom:1px solid #d7e0e6;padding:20px 0;display:flex;gap:25px}.process-list article:first-child{padding-top:0}.process-list span{font:13px/2 Arial,sans-serif;color:#086ba8}.process-list h3{margin:0 0 8px;font-size:20px;font-weight:500}.process-list p{margin:0;font-size:15px}.quality-band{background:#101820;color:#fff}.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.quality-grid h2{color:#fff}.quality-grid .micro{color:#7aa0b7}.quality-grid p{color:#abb9c4;margin:25px 0 30px}.quality-grid .text-link{color:#a5e1ff;border-color:#a5e1ff}.quality-grid img{height:400px;object-fit:cover;width:100%;filter:saturate(.65)}.final-inquiry{text-align:center;padding-top:110px;padding-bottom:110px}.final-inquiry h2{font-size:clamp(34px,4vw,54px);line-height:1.5;margin:20px 0}.final-inquiry .buttons{justify-content:center;margin-top:32px}.response-note{display:block;font-size:13px;color:#7b8791;margin-top:22px}.future-home .section-head p{margin-bottom:20px}.motion-hero .scene-tab:focus-visible{outline:2px solid #75d0fb;outline-offset:5px}
@keyframes scene-drift{from{transform:scale(1.01)}to{transform:scale(1.065)}}@keyframes scene-progress{to{width:100%}}
@media(min-width:1700px){.motion-hero .scene img{object-position:center 55%}}
@media(max-width:1100px){nav{gap:17px}.series-grid{grid-template-columns:repeat(2,1fr)}.series-image{height:250px;flex-basis:250px}.collaboration-grid{gap:50px}.motion-content h1{font-size:48px}.scene-controls{gap:16px}.motor-details{padding-left:36px}.quality-grid{gap:40px}.motor-object img{height:420px}}
@media(max-width:760px){.wrap{padding-left:24px;padding-right:24px}.nav,.future-home .nav{height:72px}.brand{font-size:21px}nav{top:72px}.future-home nav{background:#111b24;color:white}.future-home nav .btn{color:#111b24}.motion-hero{height:850px;min-height:0}.scene img{height:500px;object-position:72% center}.hero-shade{background:linear-gradient(0deg,#080e14 0%,#080e14 37%,rgba(8,14,20,.85) 47%,transparent 70%)}.motion-content{padding-top:395px}.motion-content h1{font-size:40px;margin:18px 0;line-height:1.27}.motion-content h1 br:first-of-type{display:none}.motion-content p{font-size:15px;margin-bottom:22px;line-height:1.7}.motion-content .micro{font-size:11px}.motion-bottom{bottom:24px;display:block}.scene-caption p{font-size:13px;min-height:24px}.scene-caption .micro{font-size:12px}.scene-controls{margin-top:13px;gap:17px;justify-content:space-between}.scene-tab{font-size:13px;min-width:64px;padding-bottom:10px}.scene-tab span{font-size:11px;margin-right:4px}#motion-toggle{font-size:12px;padding:7px 11px}.concept-disclosure .wrap{display:block;padding-top:16px;padding-bottom:16px}.concept-disclosure p{margin-top:5px;font-size:12px}.concept-disclosure span{font-size:12px}.section{padding-top:64px;padding-bottom:64px}.section-head{display:block}.intro-aside{margin:15px 0 0}.motor-stage{grid-template-columns:1fr;min-height:0}.motor-details{padding:30px 26px 0}.motor-details h3{font-size:29px}.motor-ref{margin-top:20px}.motor-object img{height:330px;transform:scale(1.04)}.design-factors{grid-template-columns:1fr;gap:27px;margin-top:28px}.design-factors h3{font-size:19px;margin:9px 0}.series-grid{grid-template-columns:1fr}.series-card{display:flex;flex-direction:column}.series-image{height:220px;padding:22px;flex-basis:220px}.series-info{padding:22px 23px 25px}.series-info h3{font-size:24px;margin:8px 0 13px}.series-info dl{font-size:12px;margin-bottom:12px}.series-link{font-size:12px}.series-info .micro{font-size:11px}.other-products{gap:17px}.other-products span{width:100%}.collaboration-grid,.quality-grid{grid-template-columns:1fr;gap:35px}.quality-grid img{height:270px}.final-inquiry h2{font-size:35px}.final-inquiry .buttons{flex-wrap:wrap}.footer-grid{gap:25px}footer{padding-top:40px}.micro{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene,.series-card,.series-image img{transition:none}.scene img,.scene-tab i{animation:none!important}}

/* Running scene: real video motion with a lightweight static cover. */
.scene video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.045);opacity:0}.scene.has-video video{opacity:1}.scene.has-video img{opacity:0;animation:none}.scene.has-video img,.scene video{transition:none}@media(min-width:1700px){.motion-hero .scene video{object-position:center 55%}}@media(max-width:760px){.scene video{height:500px;object-position:72% center}}

/* Product photos share a base line and the requested flange proportions. */
.series-grid{container-type:inline-size;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)}
.series-image{--motor-base-width:min(205px,calc((100cqw - 54px)/4.5 - 46px));position:relative;padding:18px 22px 48px;align-items:flex-end}
.series-photo{display:flex;align-items:flex-end;justify-content:center;width:var(--motor-base-width);height:calc(var(--motor-base-width)/1.3344);max-width:205px;max-height:100%;min-width:0}
.series-photo-crop{flex:none;position:relative;height:calc(100% * var(--motor-scale,1) * var(--form-scale,1));width:auto;aspect-ratio:var(--photo-ratio);max-width:100%;overflow:hidden;background:#fff;transform:translateY(var(--photo-baseline-shift,0%))}
.series-photo-crop img{position:absolute;left:var(--photo-left);top:var(--photo-top);width:var(--photo-canvas-width);max-width:none;height:auto;object-fit:initial;transform:none}
.series-card--forms .series-image{padding-left:5px;padding-right:5px}
.series-photo-pair{width:100%;max-width:none;gap:10px}
.series-forms-label{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:12px;line-height:1.5;color:#687681}
.series-info:focus-visible{outline:2px solid #086ba8;outline-offset:-3px}
@media(max-width:1100px){.series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.series-image{--motor-base-width:min(205px,calc(((100cqw - 18px)/2 - 12px)/1.733334))}}
@media(max-width:760px){.series-grid{grid-template-columns:minmax(0,1fr)}.series-image{--motor-base-width:min(205px,calc((100cqw - 12px)/1.733334))}}

/* Wide workshop photograph, with the source scene preserved. */
.quality-grid{display:block}
.quality-copy{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
.quality-grid .quality-description p{margin:0 0 24px;max-width:540px}
.factory-figure{margin:52px 0 0;padding-top:14px;border-top:1px solid #ffffff24}
.quality-grid .factory-photo{height:auto;aspect-ratio:2.05;object-fit:cover;object-position:center 58%;filter:contrast(1.12) saturate(.82) brightness(1.01)}
.factory-figure figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:16px;color:#9eacb8;font-size:12px;line-height:1.5}
.factory-figure figcaption span:last-child{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.13em}
@media(max-width:1100px){.quality-copy{gap:40px}}
@media(max-width:760px){.quality-copy{grid-template-columns:1fr;gap:24px}.factory-figure{margin-top:32px}.quality-grid .factory-photo{aspect-ratio:1600/965;object-fit:contain}.factory-figure figcaption{display:block}.factory-figure figcaption span{display:block}.factory-figure figcaption span:last-child{margin-top:6px}}

/* Preserve the selected exterior concept in full, with its original colors. */
.quality-grid .factory-photo.factory-exterior{aspect-ratio:1774 / 887;object-fit:contain;object-position:center;filter:none}
