/* Dedicated pages: a quiet liquid cadence between editorial sections.
   Layout space belongs to the marks, so their movement never covers copy. */
:is(.hot-page,.otto-page) .motion-kicker{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:32px;
 min-height:66px;
 margin-bottom:32px;
}
:is(.hot-page,.otto-page) .motion-kicker>.section-label{
 flex:1 1 auto;
 min-width:0;
 margin:0;
}
:is(.hot-page,.otto-page) .motion-kicker>.geo-art{
 flex:0 0 auto;
 width:88px;
 margin:0 6px 0 0;
 color:var(--accent);
}
:is(.hot-page,.otto-page) .motion-kicker--orbit{
 min-height:82px;
}
:is(.hot-page,.otto-page) .motion-kicker--orbit>.geo-art{
 width:76px;
 margin-right:12px;
}
.otto-page .otto-method .motion-kicker>.geo-art{
 color:var(--latte);
}

@media(max-width:700px){
 :is(.hot-page,.otto-page) .motion-kicker{
  gap:20px;
  min-height:48px;
  margin-bottom:26px;
 }
 :is(.hot-page,.otto-page) .motion-kicker>.section-label{
  font-size:9px;
  line-height:1.7;
 }
 :is(.hot-page,.otto-page) .motion-kicker>.geo-art{
  width:60px;
  margin-right:2px;
 }
 :is(.hot-page,.otto-page) .motion-kicker--orbit{
  min-height:62px;
 }
 :is(.hot-page,.otto-page) .motion-kicker--orbit>.geo-art{
  width:54px;
  margin-right:5px;
 }
}

@media print{
 :is(.hot-page,.otto-page) .motion-kicker>.geo-art{display:none}
 :is(.hot-page,.otto-page) .motion-kicker{min-height:0}
}
