/* Approved mobile composition: text on the photograph, actions immediately below. */
@media(max-width:1100px){
 #moto-atelier .ma-hero{
  --mobile-scene-height:560px;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:var(--mobile-scene-height) auto;
  gap:0;
  padding:0;
  height:auto;
  aspect-ratio:auto;
  min-height:0;
  position:relative;
 }
 #moto-atelier .ma-hero-copy{display:contents}
 #moto-atelier .ma-scene{
  grid-area:1/1;
  position:relative;
  inset:auto;
  width:100%;height:100%;
 }
 #moto-atelier .ma-scene img{object-fit:cover;object-position:88% center}
 #moto-atelier .ma-scene:after{
  background:linear-gradient(90deg,#0b160d7d,transparent 76%),linear-gradient(0deg,#08110ad4 0%,#0a170c60 21%,transparent 42%);
 }
 #moto-atelier .ma-hero .ma-kicker{
  grid-area:1/1;
  align-self:start;justify-self:start;
  position:relative;z-index:1;
  display:block;
  margin:30px 22px 0;
  max-width:56%;
  font-size:10px;line-height:1.6;
  letter-spacing:1px;
  color:#efffcf;
  text-shadow:0 1px 7px #0009;
 }
 #moto-atelier .ma-hero .ma-kicker:before{display:block;margin-bottom:9px;width:25px;height:2px}
 #moto-atelier .ma-hero h1{
  grid-area:1/1;
  align-self:start;justify-self:start;
  position:relative;z-index:1;
  width:61%;max-width:420px;
  margin:94px 0 0 22px;
  font-size:76px;line-height:.95;
  letter-spacing:-2.3px;
  text-align:left;
  text-shadow:0 2px 20px #08160880;
 }
 #moto-atelier .ma-hero .ma-intro{
  grid-area:1/1;
  align-self:end;justify-self:stretch;
  position:relative;z-index:1;
  width:auto;max-width:none;
  margin:0 22px 19px;
  font-size:16px;line-height:1.75;
  color:#f3f7ee;
  text-align:left;
  text-shadow:0 1px 8px #0008;
 }
 #moto-atelier .ma-hero .ma-actions{
  grid-area:2/1;
  justify-self:stretch;width:100%;min-width:0;
  position:relative;z-index:1;
  display:flex;flex-direction:column;
  align-items:stretch;gap:11px;
  margin:0;padding:13px 0 22px;
  background:#10160e;
 }
 #moto-atelier .ma-hero .ma-primary,
 #moto-atelier .ma-hero .ma-secondary{
  display:flex;justify-content:space-between;
  width:100%;min-height:55px;
  padding:17px 16px;
  font-size:14px;line-height:1.5;
  margin:0;
 }
 #moto-atelier .ma-hero .ma-underhero{display:none}
}
@media(max-width:580px){
 #moto-atelier .ma-hero{--mobile-scene-height:500px}
 #moto-atelier .ma-hero .ma-kicker{margin:28px 19px 0;max-width:175px;font-size:8px;line-height:1.6;letter-spacing:1px}
 #moto-atelier .ma-hero h1{margin:84px 0 0 19px;width:61%;max-width:260px;font-size:58px;line-height:.95}
 #moto-atelier .ma-hero .ma-intro{margin:0 19px 18px;font-size:14px;line-height:1.75}
}
@media(max-width:360px){
 #moto-atelier .ma-hero{--mobile-scene-height:475px}
 #moto-atelier .ma-hero .ma-kicker{margin:23px 15px 0;max-width:165px}
 #moto-atelier .ma-hero h1{margin:79px 0 0 15px;font-size:50px}
 #moto-atelier .ma-hero .ma-intro{margin:0 15px 18px;font-size:13px}
}