/* ==========================================================================
   GTM brand theme
   --------------------------------------------------------------------------
   Applies the GTM identity from the Automatic Mixer manual/brochure system to
   the website, so the site and the documents are recognisably one company.

     navy   #10233F   authority — header, footer, headings, hero
     yellow #F2A900   the single accent, used sparingly, never for body text
     panel  #EEF3F7   light surface behind product photos and tiles
     Poppins for headings, Work Sans for body

   This file loads AFTER style.css and only overrides. Nothing in the original
   theme is deleted. To remove the whole redesign, delete the one <link> line
   for this file in resources/views/frontend/layouts/header.blade.php.
   ========================================================================== */

:root{
  --gtm-navy:#10233F;
  --gtm-navy-light:#31425A;
  --gtm-navy-muted:#7C93AE;
  --gtm-label:#3D6D94;
  --gtm-yellow:#F2A900;
  --gtm-yellow-hi:#FFC133;
  --gtm-panel:#EEF3F7;
  --gtm-border:#E3E8EE;
  --gtm-ink:#2A333D;
  --gtm-muted:#5A6472;

  /* GTM fix 2026-10-14: these two were used throughout the homepage rules
     (font-family:var(--fs)) but never defined, so those declarations were
     invalid and the headings quietly inherited Work Sans instead of Poppins. */
  --fs:"Poppins",sans-serif;   /* structural / headings */
  --fb:"Work Sans",sans-serif; /* body / labels */
}

/* ---- 1. typography ----------------------------------------------------- */
body{
  font-family:"Work Sans","Poppins",sans-serif;
  color:var(--gtm-ink);
  font-size:16px;
  line-height:1.7;
}
h1,h2,h3,h4,h5,h6,
.wf-header-title,.the-title,.title-under-line{
  font-family:"Poppins",sans-serif;
  color:var(--gtm-navy);
  letter-spacing:-.015em;
}
h1,h2{font-weight:800}
h3,h4{font-weight:700}
p{color:var(--gtm-muted)}

/* ---- 2. the blue gradients become navy --------------------------------- */
.bg-gradient-color,
.header-top-area.bg-gradient-color{
  background:var(--gtm-navy) !important;
  background-image:none !important;
}
.header-top-area,.header-top-area a,.header-top-area p,.header-top-area span{
  color:#D7E0EA !important;
}
.header-top-area a:hover{color:var(--gtm-yellow) !important}

/* ---- 3. buttons: yellow pill, navy text -------------------------------- */
.cs-btn-one,
.btn-gradient-color,
.cs-btn-one.btn-gradient-color,
button.cs-btn-one,
a.cs-btn-one{
  background:var(--gtm-yellow) !important;
  background-image:none !important;
  color:var(--gtm-navy) !important;
  border:2px solid var(--gtm-yellow) !important;
  border-radius:999px !important;
  font-family:"Work Sans",sans-serif;
  font-weight:600;
  letter-spacing:.01em;
  transition:background .25s ease, transform .25s ease, box-shadow .25s ease;
}
.cs-btn-one:hover,
.btn-gradient-color:hover,
a.cs-btn-one:hover{
  background:var(--gtm-yellow-hi) !important;
  border-color:var(--gtm-yellow-hi) !important;
  color:var(--gtm-navy) !important;
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(16,35,63,.18);
}

/* ---- 4. hero ----------------------------------------------------------- */
.banner-section .slide-item{position:relative}
.banner-section .slide-item .image-layer::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(16,35,63,.88) 0%,rgba(16,35,63,.62) 48%,rgba(16,35,63,.28) 100%);
}
.banner-section .content-box{position:relative;z-index:2}
.banner-section .content-box h1{
  color:#fff !important;
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.1;
}
.banner-section .content-box p{color:#C9D6E4 !important;font-size:17px}
/* the single yellow rule, drawn above the hero headline */
.banner-section .content-box h1::before{
  content:"";display:block;width:56px;height:4px;border-radius:2px;
  background:var(--gtm-yellow);margin-bottom:26px;
}

/* ---- 5. section headings: eyebrow + one yellow rule -------------------- */
.sub-title-side-line,
.text-primary-color{
  color:var(--gtm-label) !important;
  font-family:"Work Sans",sans-serif;
  font-weight:600;
  font-size:12px !important;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.section-title .sub-title-side-line::after,
.section-title .sub-title-side-line::before{background:var(--gtm-yellow) !important}

.title-under-line{position:relative;padding-bottom:20px}
.title-under-line::after{
  content:"";position:absolute;left:0;bottom:0;
  width:56px;height:4px;border-radius:2px;background:var(--gtm-yellow) !important;
}
.wf-header-title{position:relative;padding-top:20px}
.wf-header-title::before{
  content:"";position:absolute;left:0;top:0;
  width:56px;height:4px;border-radius:2px;background:var(--gtm-yellow);
}

/* ---- 6. surfaces ------------------------------------------------------- */
.bg-silver-light{background-color:var(--gtm-panel) !important}

/* ---- 7. cards ---------------------------------------------------------- */
.wf-card{
  border:1px solid var(--gtm-border) !important;
  border-radius:8px !important;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.wf-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 36px rgba(16,35,63,.13);
  border-color:var(--gtm-yellow) !important;
}
.wf-card-title{color:var(--gtm-navy) !important;font-weight:700}
.wf-card-badge{
  color:var(--gtm-label) !important;
  font-weight:600 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase;
}
.wf-card-desc{color:var(--gtm-muted) !important}

/* ---- 8. counters ------------------------------------------------------- */
.count-box,.counter-block .count-box,.fact-counter .count-box,
.counter-block .title{color:var(--gtm-navy) !important}
.counter-block .count-box{font-family:"Poppins",sans-serif;font-weight:800}

/* ---- 9. footer --------------------------------------------------------- */
footer.footer,
.footer-main-area{background-color:var(--gtm-navy) !important}
.footer-bottom-area{
  background-color:var(--gtm-navy) !important;
  border-top:1px solid rgba(255,255,255,.1);
}
footer.footer,
footer.footer p,
footer.footer li,
footer.footer span,
footer.footer a{color:#B9C7D7 !important}
footer.footer h1,footer.footer h2,footer.footer h3,
footer.footer h4,footer.footer h5,footer.footer h6{color:#fff !important}
footer.footer a:hover{color:var(--gtm-yellow) !important}
footer.footer input,footer.footer textarea{
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.2) !important;
  color:#fff !important;
  border-radius:6px !important;
}
footer.footer input::placeholder,footer.footer textarea::placeholder{color:#8EA2B8 !important}
footer.footer input:focus,footer.footer textarea:focus{
  border-color:var(--gtm-yellow) !important;
  background:rgba(255,255,255,.12) !important;
  outline:none;
}

/* ---- 10. links --------------------------------------------------------- */
a{color:var(--gtm-navy)}
a:hover{color:var(--gtm-yellow)}
.header-navigation-area a{color:var(--gtm-navy)}
.header-navigation-area a:hover{color:var(--gtm-yellow)}

/* ---- 11. motion: calm, and off for anyone who asks ---------------------- */
@media (prefers-reduced-motion:reduce){
  .cs-btn-one:hover,.btn-gradient-color:hover,.wf-card:hover{transform:none}
  *{animation-duration:.001ms !important;transition-duration:.001ms !important}
}

/* ==========================================================================
   Homepage — the journey, the machines GTM builds, brands, news, CTA
   ========================================================================== */

.gtm-head{display:grid;gap:15px;margin-bottom:clamp(32px,4.2vw,54px)}
.gtm-head h2{font-family:var(--fs);font-weight:800;font-size:clamp(26px,3.6vw,46px);color:var(--gtm-navy);max-width:18ch;line-height:1.12;letter-spacing:-.02em;margin:0}
.gtm-head p{color:var(--gtm-muted);max-width:56ch;font-size:16.4px;margin:0}
.gtm-head.on-navy h2{color:#fff}
.gtm-head.on-navy p{color:#C3D2E2}
.gtm-eyebrow{font-family:var(--fb);font-weight:600;font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:var(--gtm-label)}
.gtm-head.on-navy .gtm-eyebrow{color:var(--gtm-navy-muted)}
.gtm-rule{display:block;width:56px;height:4px;border-radius:2px;background:var(--gtm-yellow)}
@media(min-width:940px){
  .gtm-head{grid-template-columns:1.05fr .95fr;gap:18px 54px;align-items:end}
  .gtm-head .gtm-rule,.gtm-head .gtm-eyebrow{grid-column:1/-1}
}

/* ── the journey ─────────────────────────────────────────────────────────
   A route the sample travels, not a row of boxes. The yellow line draws
   itself when the section comes into view and each station lands as the
   line reaches it.                                                        */
.gtm-journey-section{background:#fff;padding-block:clamp(56px,7.5vw,104px);overflow:hidden}
.gtm-journey{position:relative;padding-block:10px}

.gtm-journey-track{position:absolute;left:0;right:0;top:50%;height:3px;background:var(--gtm-border);border-radius:2px;transform:translateY(-50%);z-index:0}
.gtm-journey-fill{position:absolute;inset:0 auto 0 0;width:0;background:var(--gtm-yellow);border-radius:2px}
.gtm-journey.go .gtm-journey-fill{width:100%;transition:width 2.4s cubic-bezier(.33,.9,.4,1) .15s}

.gtm-journey-stops{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.gtm-stop{display:grid;grid-template-rows:1fr 58px 1fr;align-items:center;justify-items:center}
.gtm-stop .gtm-stop-card{grid-row:1;align-self:end;margin-bottom:6px}
.gtm-stop:nth-child(even) .gtm-stop-card{grid-row:3;align-self:start;margin-bottom:0;margin-top:6px}
.gtm-stop-dot{grid-row:2;position:relative;width:38px;height:38px;border-radius:50%;background:#fff;border:3px solid var(--gtm-border);display:grid;place-items:center;
  font-family:var(--fb);font-weight:700;font-size:12px;color:var(--gtm-muted);
  transform:scale(.7);opacity:.45;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .4s,border-color .4s,background .4s,color .4s}
.gtm-journey.go .gtm-stop-dot{transform:scale(1);opacity:1;transition-delay:calc(.25s + var(--i) * .46s)}
.gtm-journey.go .gtm-stop.is-gtm .gtm-stop-dot{background:var(--gtm-yellow);border-color:var(--gtm-yellow);color:var(--gtm-navy)}
.gtm-journey.go .gtm-stop:not(.is-gtm) .gtm-stop-dot{border-color:var(--gtm-navy);color:var(--gtm-navy)}

.gtm-stop-card{background:#fff;border:1px solid var(--gtm-border);border-radius:11px;padding:16px 16px 18px;display:flex;flex-direction:column;gap:7px;width:100%;
  opacity:0;transform:translateY(14px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s}
.gtm-journey.go .gtm-stop-card{opacity:1;transform:none;transition-delay:calc(.3s + var(--i) * .46s)}
.gtm-stop.is-gtm .gtm-stop-card{border-color:rgba(242,169,0,.55);box-shadow:inset 0 3px 0 var(--gtm-yellow)}
.gtm-stop-card:hover{box-shadow:0 16px 34px rgba(16,35,63,.14);border-color:var(--gtm-yellow)}
.gtm-stop-card .who{font-family:var(--fb);font-weight:600;font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--gtm-label)}
.gtm-stop.is-gtm .gtm-stop-card .who{color:#9A6D00}
.gtm-stop-card h4{font-family:var(--fs);font-weight:700;font-size:16px;color:var(--gtm-navy);margin:0}
.gtm-stop-card p{font-size:13.1px;line-height:1.58;color:var(--gtm-muted);margin:0;flex:1}
.gtm-stop-card .mach{font-family:var(--fb);font-size:11px;font-weight:600;color:var(--gtm-navy);background:var(--gtm-panel);border-radius:5px;padding:4px 9px;align-self:flex-start}

/* the journey turns vertical on narrow screens */
@media(max-width:900px){
  .gtm-journey-track{left:18px;right:auto;top:0;bottom:0;width:3px;height:auto;transform:none}
  .gtm-journey-fill{inset:0 0 auto 0;width:3px;height:0}
  .gtm-journey.go .gtm-journey-fill{width:3px;height:100%;transition:height 2.4s cubic-bezier(.33,.9,.4,1) .15s}
  .gtm-journey-stops{grid-template-columns:1fr;gap:16px}
  .gtm-stop{grid-template-rows:auto;grid-template-columns:38px 1fr;align-items:start;justify-items:stretch;gap:14px}
  .gtm-stop .gtm-stop-card,.gtm-stop:nth-child(even) .gtm-stop-card{grid-row:1;grid-column:2;align-self:auto;margin:0}
  .gtm-stop-dot{grid-row:1;grid-column:1}
}

.gtm-journey-key{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:26px;font-family:var(--fb);font-size:12.5px;font-weight:500;color:var(--gtm-muted)}
.gtm-journey-key i{display:inline-block;width:22px;height:4px;border-radius:2px;vertical-align:middle;margin-right:8px}
.k-own i{background:var(--gtm-yellow)} .k-rep i{background:var(--gtm-border)}

/* ── cards (GTM machines + news) ───────────────────────────────────────── */
.gtm-made-section{background:var(--gtm-panel);padding-block:clamp(56px,7.5vw,104px)}
.gtm-news-section{background:#fff;padding-block:clamp(56px,7.5vw,104px)}
.gtm-brands-section{background:var(--gtm-panel);padding-block:clamp(50px,6.2vw,88px)}
.gtm-cards{display:grid;gap:clamp(16px,2vw,24px);grid-template-columns:repeat(auto-fit,minmax(254px,1fr))}
/* one or two items must not stretch across the whole row */
.gtm-cards.count-1{grid-template-columns:minmax(0,420px)}
.gtm-cards.count-2{grid-template-columns:repeat(2,minmax(0,420px))}
@media(max-width:640px){.gtm-cards.count-2{grid-template-columns:1fr}}

.gtm-card{background:#fff;border:1px solid var(--gtm-border);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s}
.gtm-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(16,35,63,.15);border-color:var(--gtm-yellow)}
.gtm-card-img{position:relative;background:var(--gtm-panel);border-bottom:1px solid var(--gtm-border);overflow:hidden}
.gtm-card-img img.gtm-img{transition:transform .55s cubic-bezier(.16,1,.3,1)}
.gtm-card:hover .gtm-card-img img.gtm-img{transform:scale(1.045)}
.gtm-card-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.gtm-card-cat{font-family:var(--fb);font-weight:600;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gtm-label)}
.gtm-card h3{font-family:var(--fs);font-weight:700;font-size:18px;color:var(--gtm-navy);margin:0;line-height:1.25}
.gtm-card p{font-size:14.3px;color:var(--gtm-muted);margin:0;flex:1}
.gtm-more{margin-top:clamp(22px,3vw,34px)}

/* the GTM mark, made obvious on machines we build */
.gtm-made-badge{position:absolute;left:12px;top:12px;z-index:3;display:inline-flex;align-items:center;gap:9px;
  background:#fff;border:1px solid rgba(242,169,0,.55);border-left:4px solid var(--gtm-yellow);
  border-radius:8px;padding:7px 12px 7px 10px;box-shadow:0 6px 18px rgba(16,35,63,.12)}
.gtm-made-badge img{height:18px;width:auto;display:block}
.gtm-made-badge em{font-style:normal;font-family:var(--fb);font-weight:600;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--gtm-navy)}
@media(max-width:420px){.gtm-made-badge em{display:none}}

/* ── brands ────────────────────────────────────────────────────────────── */
.gtm-brandgrid{display:grid;gap:clamp(12px,1.5vw,18px);grid-template-columns:repeat(auto-fit,minmax(156px,1fr))}
.gtm-brand{background:#fff;border:1px solid var(--gtm-border);border-radius:9px;padding:10px 14px 18px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;transition:border-color .3s,transform .3s}
.gtm-brand:hover{border-color:var(--gtm-yellow);transform:translateY(-3px)}
.gtm-brand span{font-family:var(--fs);font-weight:700;font-size:15px;color:var(--gtm-navy)}

/* ── cta ───────────────────────────────────────────────────────────────── */
.gtm-cta-section{background:var(--gtm-navy);padding-block:clamp(44px,5.4vw,76px)}
.gtm-cta{display:grid;gap:26px;align-items:center}
@media(min-width:900px){.gtm-cta{grid-template-columns:1.3fr .7fr}.gtm-cta > div:last-child{justify-self:end}}
.gtm-cta h2{font-family:var(--fs);font-weight:800;font-size:clamp(25px,3.3vw,40px);color:#fff;margin:17px 0 13px;max-width:17ch;line-height:1.14}
.gtm-cta p{color:#C3D2E2;max-width:52ch;margin:0}

/* ── compact footer ────────────────────────────────────────────────────── */
footer.footer .footer-main-area{padding-block:clamp(38px,4.4vw,56px) clamp(26px,3vw,36px)}
footer.footer .footer-bottom-area{padding-block:14px}
.gtm-foot{display:grid;gap:30px clamp(20px,3vw,46px);grid-template-columns:repeat(auto-fit,minmax(178px,1fr))}
.gtm-foot h5{font-family:var(--fb) !important;font-size:10.5px !important;font-weight:600 !important;letter-spacing:.16em;text-transform:uppercase;color:var(--gtm-navy-muted) !important;margin:0 0 14px !important}
.gtm-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.gtm-foot a{color:#B8C8DA;font-size:14.4px}
.gtm-foot a:hover{color:var(--gtm-yellow)}
.gtm-foot-brand img{max-height:40px;width:auto;margin-bottom:14px}
.gtm-foot-brand p{color:#9FB2C6;font-size:13.8px;margin:0 0 14px;max-width:30ch;line-height:1.6}
.gtm-foot-contact li{display:flex;gap:9px;align-items:flex-start;color:#B8C8DA;font-size:14.2px;line-height:1.55}
.gtm-foot-contact i{color:var(--gtm-yellow);margin-top:5px;font-size:12px}
.gtm-foot .social-list{display:flex;gap:9px;list-style:none;margin:0;padding:0}
.gtm-foot .social-list a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.2);color:#B8C8DA;font-size:13px;transition:background .25s,border-color .25s,color .25s}
.gtm-foot .social-list a:hover{background:var(--gtm-yellow);border-color:var(--gtm-yellow);color:var(--gtm-navy)}
.gtm-foot-note{font-size:12.4px;color:var(--gtm-navy-muted);text-align:center;margin:0}
.gtm-foot-note a{color:var(--gtm-yellow)}

/* ==========================================================================
   Atmosphere + fixes
   Hand-built, no libraries: an SVG dot tile, a soft brand glow, drifting
   shapes on scroll, and native smooth scrolling.
   ========================================================================== */

html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ── 1. every hero slide the same height ───────────────────────────────── */
/* Slides were taking their height from their own text, so a slide with no
   description came out shorter than the rest. Fixed height, image covers.  */
.banner-section .slide-item{
  position:relative;
  min-height:clamp(440px,64vh,660px);
  display:flex;align-items:center;
}
.banner-section .slide-item .image-layer{
  position:absolute;inset:0;
  background-size:cover;background-position:center;background-repeat:no-repeat;
}
.banner-section .slide-item .auto-container{width:100%}
.banner-section .content-box{padding-block:clamp(26px,4vw,52px)}
.banner-section .owl-stage{display:flex;align-items:stretch}
.banner-section .owl-item{display:flex}
.banner-section .owl-item > *{width:100%}
@media(max-width:575px){.banner-section .slide-item{min-height:420px}}

/* ── 2. the dot field ──────────────────────────────────────────────────── */
.gtm-dotted{position:relative;isolation:isolate;overflow:hidden}
.gtm-dotted::before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.5;
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Ccircle cx='7' cy='7' r='1.3' fill='%2310233F' fill-opacity='0.14'/%3E%3C/svg%3E");
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 85% 70% at 50% 42%,#000 35%,transparent 100%);
          mask-image:radial-gradient(ellipse 85% 70% at 50% 42%,#000 35%,transparent 100%);
}
/* on navy the dots are yellow instead */
.gtm-service-section.gtm-dotted::before,
.gtm-cta-section.gtm-dotted::before,
.gtm-legs-section.gtm-dotted::before{
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Ccircle cx='7' cy='7' r='1.3' fill='%23F2A900' fill-opacity='0.20'/%3E%3C/svg%3E");
}

/* ── 3. the brand glow ─────────────────────────────────────────────────── */
.gtm-glow{
  position:absolute;z-index:-1;pointer-events:none;
  width:min(760px,80vw);aspect-ratio:1;
  right:-14%;top:-24%;
  background:radial-gradient(closest-side,rgba(242,169,0,.14),rgba(242,169,0,0));
}
.gtm-glow.left{right:auto;left:-16%;top:auto;bottom:-28%;
  background:radial-gradient(closest-side,rgba(61,109,148,.18),rgba(61,109,148,0))}

/* ── 4. drifting shapes ────────────────────────────────────────────────── */
.gtm-float{
  position:absolute;z-index:-1;pointer-events:none;
  border:1.5px solid rgba(16,35,63,.1);
  will-change:transform;
}
.gtm-float.f1{width:clamp(130px,16vw,230px);aspect-ratio:1;border-radius:26px;right:4%;top:12%}
.gtm-float.f2{width:clamp(90px,11vw,160px);aspect-ratio:1;border-radius:50%;left:3%;bottom:10%;
  border-color:rgba(242,169,0,.3)}
@media(max-width:860px){.gtm-float{display:none}}

/* ── 5. reveals ────────────────────────────────────────────────────────── */
.gtm-reveal{opacity:1;transform:none}
html.gtm-anim .gtm-reveal{opacity:0;transform:translateY(22px);
  transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}
html.gtm-anim .gtm-reveal.in{opacity:1;transform:none}

/* ── 6. scroll progress ────────────────────────────────────────────────── */
#gtmProgress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--gtm-yellow);
  transform:scaleX(0);transform-origin:0 50%;z-index:999;pointer-events:none}
html[dir="rtl"] #gtmProgress{transform-origin:100% 50%}

/* ── 7. journey station icons ──────────────────────────────────────────── */
.gtm-stop-dot{width:54px;height:54px}
.gtm-stop-dot svg{width:26px;height:26px;display:block}
.gtm-stop-card .state{
  font-family:var(--fb);font-size:11.5px;font-weight:600;letter-spacing:.02em;
  color:var(--gtm-label);border-top:1px dashed var(--gtm-border);
  padding-top:9px;margin-top:2px}
.gtm-stop.is-gtm .gtm-stop-card .state{color:#9A6D00}
.gtm-journey-stops{gap:12px}
.gtm-stop{grid-template-rows:1fr 74px 1fr}
@media(max-width:900px){
  .gtm-stop{grid-template-rows:auto;grid-template-columns:54px 1fr;gap:16px}
  .gtm-journey-track{left:26px}
}