/* The scenic opening leaves both people visible; product photography has its own section. */
#moto-atelier{max-width:1920px}
#moto-atelier .ma-nav .ma-nav-service{background:var(--acid);color:#18210b;padding:12px 18px;border:1px solid #d7ff8a;border-radius:3px;box-shadow:0 0 25px #c2ff4215}
#moto-atelier .ma-hero{display:grid;grid-template-columns:1fr;place-items:center;gap:0;padding:25px 0;min-height:600px;height:min(880px,calc(100svh - 145px));background:#10170e}
#moto-atelier .ma-hero:before{background:var(--road) center/cover;filter:blur(25px);opacity:.2;z-index:-3}
#moto-atelier .ma-hero:after{background:linear-gradient(0deg,#0b0e0d 0%,transparent 14%,transparent 90%,#0b0e0d40);z-index:-1}
#moto-atelier .ma-scene{position:absolute;inset:0;z-index:-2}
#moto-atelier .ma-scene img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
#moto-atelier .ma-hero-copy{width:min(35%,410px);padding:28px 20px;text-align:center;background:radial-gradient(ellipse,#0a140bc7 15%,#0a140b66 60%,transparent 74%);border-radius:45%;align-self:center;justify-self:center}
#moto-atelier .ma-hero .ma-kicker{justify-content:center;font-size:9px;letter-spacing:1.4px;margin-bottom:20px}
#moto-atelier .ma-hero h1{font-size:clamp(56px,4.8vw,83px);max-width:none;margin:0 0 19px;line-height:.96;letter-spacing:-.035em;text-shadow:0 3px 26px #000c}
#moto-atelier .ma-hero .ma-intro{font-size:14px;line-height:1.8;max-width:350px;margin:0 auto 22px;text-shadow:0 2px 15px #000;color:#fff}
#moto-atelier .ma-hero .ma-actions{justify-content:center;gap:10px}
#moto-atelier .ma-hero .ma-primary,#moto-atelier .ma-hero .ma-secondary{font-size:12px;padding:13px 14px;min-height:48px;gap:12px}
#moto-atelier .ma-hero .ma-primary{animation:ma-service-glow 3.2s ease-in-out infinite}
#moto-atelier.ma-paused .ma-hero .ma-primary{animation-play-state:paused}
@keyframes ma-service-glow{0%,100%{box-shadow:0 0 0 0 #c2ff4200,0 0 12px #c2ff4210}50%{box-shadow:0 0 0 5px #c2ff4218,0 0 29px #c2ff4238}}
#moto-atelier .ma-hero .ma-underhero{font-size:8px;letter-spacing:.6px;justify-content:center;margin-top:21px;color:#f4f7e9;text-shadow:0 2px 8px #000}
#moto-atelier .ma-hero .ma-underhero:before{display:none}
#moto-atelier .ma-showroom{padding:68px 6% 45px;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;background:radial-gradient(ellipse at 75% 10%,#28401e55,transparent 65%),#0c120c;border-top:1px solid #374a2a}
#moto-atelier .ma-showroom .ma-showcase{padding-top:25px;min-width:0}
#moto-atelier .ma-showroom h2{font-size:clamp(36px,4.1vw,60px);line-height:1.02}
#moto-atelier .ma-showroom p{font-size:15px;line-height:1.8;color:#becdb4;max-width:440px;margin:22px 0}
#moto-atelier .ma-showroom .ma-hero-photo{height:300px}
#moto-atelier .ma-showroom .ma-kicker{font-size:10px;letter-spacing:1px;flex-wrap:wrap}
#moto-atelier .ma-motion-top{margin-top:23px;display:flex;width:fit-content}
#moto-atelier .ma-rotor .ma-symbol-cog{animation-duration:7s;font-size:68px}
#moto-atelier .ma-orbit{animation-duration:11s}
#moto-atelier .ma-showroom .ma-picture-frame{animation:ma-float 7s ease-in-out infinite;transform:rotate(-2deg)}
#moto-atelier .ma-showroom .ma-photo-button:after{content:'';position:absolute;left:-35%;top:0;bottom:0;width:22%;background:linear-gradient(90deg,transparent,#d8ffb228,transparent);transform:skewX(-15deg);animation:ma-glint 7s ease-in-out infinite;pointer-events:none}
@keyframes ma-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(-1deg)}}
@keyframes ma-glint{0%,40%{left:-35%}75%,100%{left:125%}}
#moto-atelier.ma-paused .ma-showroom .ma-picture-frame,#moto-atelier.ma-paused .ma-showroom .ma-photo-button:after{animation-play-state:paused}
#moto-atelier .ma-showcase:hover .ma-picture-frame,#moto-atelier .ma-showcase:focus-within .ma-picture-frame{animation-play-state:paused}
#moto-atelier .ma-service-feature{display:block;margin:0 0 45px;padding:32px;border:1px solid #95c143;border-top:4px solid var(--acid);background:radial-gradient(ellipse at 5% 0%,#31471f60,transparent 60%),#141b11;box-shadow:0 0 45px #9cdb1c0b;overflow:visible}
#moto-atelier .ma-service-heading{max-width:950px;margin-bottom:30px}
#moto-atelier .ma-service-heading h2{font-size:clamp(44px,4.8vw,68px);line-height:1;overflow-wrap:break-word}
#moto-atelier .ma-service-heading>p{font-size:16px;line-height:1.8;color:#c6d4ba;margin:20px 0 0;max-width:720px}
#moto-atelier .ma-service-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:start}
#moto-atelier .ma-service-feature figure{margin:0;min-width:0}
#moto-atelier .ma-service-photo{padding:0;border:1px solid #47583b;position:relative;background:#d9ddd4;display:block;width:100%;overflow:hidden;border-radius:4px}
#moto-atelier .ma-service-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
#moto-atelier .ma-service-photo:hover img{transform:scale(1.04)}
#moto-atelier .ma-service-photo>span{position:absolute;bottom:10px;right:10px;padding:3px 8px;font-size:23px;background:#12210bd9;color:var(--acid);border-radius:3px}
#moto-atelier .ma-edm-main .ma-service-photo{height:290px}
#moto-atelier .ma-service-feature figcaption{font-size:11px;line-height:1.5;color:#adbf9d;padding:9px 0 14px}
#moto-atelier .ma-edm-small{display:grid;grid-template-columns:1fr 1fr;gap:15px}
#moto-atelier .ma-edm-small .ma-service-photo{height:180px}
#moto-atelier .ma-edm-small img{object-fit:contain;mix-blend-mode:multiply}
#moto-atelier .ma-service-point{display:grid;grid-template-columns:29px minmax(0,1fr);gap:12px;margin-bottom:22px}
#moto-atelier .ma-service-point>span{font-size:11px;letter-spacing:1px;color:var(--acid);padding-top:5px}
#moto-atelier .ma-service-point h3{font-size:19px;line-height:1.4;margin:0 0 9px}
#moto-atelier .ma-service-point p{font-size:13px;line-height:1.9;color:#c0cfb4;margin:0}
#moto-atelier .ma-service-note{font-size:12px;line-height:1.8;border-top:1px solid #4b5a3e;margin:5px 0 21px;padding-top:19px;color:#cbdcbd}
#moto-atelier .ma-service-call{display:block;color:var(--acid);margin-top:16px;font-size:20px;font-weight:700}
#moto-atelier .ma-reveal{opacity:.25;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}
#moto-atelier .ma-reveal.ma-in-view,#moto-atelier.ma-paused .ma-reveal{opacity:1;transform:none}
@media(min-width:1600px){#moto-atelier .ma-hero-copy{width:390px}#moto-atelier .ma-hero h1{font-size:77px}}
@media(max-width:1000px){
 #moto-atelier .ma-hero{display:flex;flex-direction:column;padding:0;height:auto;min-height:0;gap:0;background:#0c120c}
 #moto-atelier .ma-hero:before,#moto-atelier .ma-hero:after{display:none}
 #moto-atelier .ma-scene{position:relative;inset:auto;width:100%;height:560px;z-index:0}
 #moto-atelier .ma-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c120c,transparent 22%);pointer-events:none}
 #moto-atelier .ma-scene img{object-fit:cover;object-position:right center}
 #moto-atelier .ma-hero-copy{width:100%;max-width:650px;background:transparent;border-radius:0;padding:10px 28px 35px;margin:0;text-align:center}
 #moto-atelier .ma-hero h1{font-size:75px}
 #moto-atelier .ma-hero .ma-intro{max-width:480px;font-size:16px}
 #moto-atelier .ma-hero .ma-primary,#moto-atelier .ma-hero .ma-secondary{font-size:14px;padding:15px 19px}
 #moto-atelier .ma-hero .ma-kicker{margin-top:0}
 #moto-atelier .ma-showroom{gap:6%;padding:60px 28px 35px}
 #moto-atelier .ma-showroom .ma-hero-photo{height:245px}
 #moto-atelier .ma-service-feature{padding:25px}
 #moto-atelier .ma-service-layout{gap:25px}
 #moto-atelier .ma-edm-main .ma-service-photo{height:230px}
 #moto-atelier .ma-edm-small .ma-service-photo{height:150px}
}
@media(max-width:700px){
 #moto-atelier .ma-showroom{grid-template-columns:1fr;padding:32px 25px 27px;gap:48px}
 #moto-atelier .ma-showroom h2{font-size:43px}
 #moto-atelier .ma-showroom-copy{max-width:520px}
 #moto-atelier .ma-showroom .ma-showcase{margin:0 10px 0 0}
 #moto-atelier .ma-showroom .ma-hero-photo{height:275px}
 #moto-atelier .ma-service-layout{grid-template-columns:1fr}
 #moto-atelier .ma-edm-main .ma-service-photo{height:270px}
 #moto-atelier .ma-edm-small .ma-service-photo{height:180px}
 #moto-atelier .ma-service-details{padding-top:5px}
}
@media(max-width:580px){
 #moto-atelier .ma-topline>span:nth-child(2){display:none}
 #moto-atelier .ma-topline>a{white-space:nowrap}
 #moto-atelier .ma-scene{height:490px}
 #moto-atelier .ma-hero-copy{padding:12px 21px 29px}
 #moto-atelier .ma-hero h1{font-size:65px}
 #moto-atelier .ma-hero .ma-intro{font-size:15px}
 #moto-atelier .ma-hero .ma-actions{flex-direction:column;align-items:stretch}
 #moto-atelier .ma-hero .ma-underhero{font-size:8px;letter-spacing:0}
 #moto-atelier .ma-hero .ma-kicker{font-size:9px}
 #moto-atelier .ma-nav .ma-nav-service{text-align:center;margin:8px 0;padding:14px 10px}
 #moto-atelier .ma-showroom{padding-inline:20px}
 #moto-atelier .ma-showroom .ma-hero-photo{height:235px}
 #moto-atelier .ma-showroom h2{font-size:39px}
 #moto-atelier .ma-showroom .ma-rotor{width:94px;height:94px;top:-36px}
 #moto-atelier .ma-showroom .ma-rotor .ma-symbol-cog{font-size:59px}
 #moto-atelier .ma-service-feature{padding:23px 16px;margin-bottom:32px}
 #moto-atelier .ma-service-heading h2{font-size:44px}
 #moto-atelier .ma-service-heading .ma-kicker{font-size:8px;letter-spacing:1px;gap:7px;flex-wrap:wrap}
 #moto-atelier .ma-service-heading>p{font-size:14px}
 #moto-atelier .ma-edm-main .ma-service-photo{height:210px}
 #moto-atelier .ma-edm-small{gap:10px}
 #moto-atelier .ma-edm-small .ma-service-photo{height:130px}
 #moto-atelier .ma-service-point h3{font-size:18px}
 #moto-atelier .ma-service-point{grid-template-columns:23px minmax(0,1fr);gap:8px}
 #moto-atelier .ma-service-details>.ma-primary{font-size:12px;padding:15px 12px;gap:9px}
 #moto-atelier .ma-service-feature figcaption{font-size:10px}
}
@media(max-width:360px){#moto-atelier .ma-scene{height:450px}#moto-atelier .ma-hero h1{font-size:58px}#moto-atelier .ma-service-heading h2{font-size:39px}#moto-atelier .ma-showroom h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){#moto-atelier .ma-hero .ma-primary,#moto-atelier .ma-showroom .ma-picture-frame,#moto-atelier .ma-showroom .ma-photo-button:after{animation:none}#moto-atelier .ma-reveal{opacity:1;transform:none;transition:none}}