/*!
 * SmartGate site stylesheet (theme: smartgate)
 * One file for the whole site. Pages are plain HTML in wp:html blocks using sg- components.
 * Layers: tokens < base < layout < components < pages. Mobile first; breakpoints 480 / 768 / 1024 / 1440.
 */
@layer sg-tokens, sg-base, sg-layout, sg-components, sg-pages;

@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../fonts/archivo-var.woff2) format("woff2")}

/* ============================== TOKENS ============================== */
@layer sg-tokens{
:root{
  --sg-ink:#0B101B; --sg-navy:#101624; --sg-navy-2:#161E31; --sg-steel:#1D2638;
  --sg-alu:#C9CFD8; --sg-mute:#98A2B3; --sg-paper:#F4F2ED; --sg-paper-2:#ECE9E1; --sg-white:#FFFFFF;
  --sg-text:#161B25; --sg-text-2:#555D6B;
  --sg-red:#ED2027; --sg-red-btn:#D71920; --sg-red-hi:#FF4A50;
  --sg-line-d:rgba(201,207,216,.16); --sg-line-l:#DDD9D0;
  --sg-f:"Archivo","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --sg-wide:112%;
  --sg-fs-body:clamp(16px,.35vw + 15px,17.5px);
  --sg-fs-lede:clamp(17px,.7vw + 14.5px,20.5px);
  --sg-fs-h1:clamp(34px,5.4vw + 12px,62px);
  --sg-fs-h2:clamp(28px,3.2vw + 14px,46px);
  --sg-fs-h3:clamp(19px,.9vw + 15px,23px);
  --sg-fs-small:14px;
  --sg-wrap:1180px; --sg-gutter:clamp(16px,4vw,32px);
  --sg-sec:clamp(64px,8vw + 20px,128px);
  --sg-radius:6px; --sg-radius-lg:14px;
  --sg-header-h:76px;
  --sg-ease:cubic-bezier(.2,.7,.2,1);
  --sg-shadow:0 1px 2px rgba(11,16,27,.06),0 12px 32px -16px rgba(11,16,27,.28);
}
}

/* ============================== BASE ============================== */
@layer sg-base{
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--sg-header-h) + 16px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--sg-ink);color:var(--sg-text);font-family:var(--sg-f);font-size:var(--sg-fs-body);line-height:1.65;font-feature-settings:"kern","liga";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
img,video,svg{display:block;max-width:100%;height:auto}
a{color:inherit}
p{margin:0 0 1em}
h1,h2,h3,h4{margin:0;font-weight:800;font-stretch:var(--sg-wide);line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
h3,h4{font-weight:700;letter-spacing:-.01em;line-height:1.25}
ul,ol{margin:0;padding:0}
button{font:inherit}
:focus-visible{outline:3px solid var(--sg-red);outline-offset:3px}
::selection{background:var(--sg-red);color:#fff}
.sg-skip{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;background:#fff;color:var(--sg-ink);font-weight:700;border-radius:4px;text-decoration:none}
.sg-skip:focus{top:12px}
.sg-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
}

/* ============================== LAYOUT ============================== */
@layer sg-layout{
.sg-main{display:block}
.sg-page{display:block}
.sg-wrap{width:100%;max-width:calc(var(--sg-wrap) + var(--sg-gutter)*2);margin-inline:auto;padding-inline:var(--sg-gutter)}
.sg-wrap--narrow{max-width:calc(820px + var(--sg-gutter)*2)}
.sg-sec{position:relative;padding-block:var(--sg-sec)}
.sg-sec--tight{padding-block:calc(var(--sg-sec)*.6)}
.sg-sec--paper{background:var(--sg-paper);color:var(--sg-text)}
.sg-sec--white{background:var(--sg-white);color:var(--sg-text)}
.sg-sec--ink,.sg-sec--navy{color:var(--sg-paper)}
.sg-sec--ink{background:var(--sg-ink)}
.sg-sec--navy{background:var(--sg-navy)}
.sg-sec--ink h2,.sg-sec--navy h2,.sg-sec--ink h3,.sg-sec--navy h3{color:#fff}
.sg-sec--slats::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(201,207,216,.045) 0 1px,transparent 1px 18px)}
.sg-sec > .sg-wrap{position:relative}
.sg-grid{display:grid;gap:clamp(16px,2.2vw,28px);grid-template-columns:1fr}
@media (min-width:768px){.sg-grid--2,.sg-grid--3,.sg-grid--4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.sg-grid--3{grid-template-columns:repeat(3,1fr)}.sg-grid--4{grid-template-columns:repeat(4,1fr)}}
.sg-split{display:grid;gap:clamp(28px,4vw,64px);grid-template-columns:1fr;align-items:center}
@media (min-width:1024px){.sg-split{grid-template-columns:1.05fr .95fr}.sg-split--rev > :first-child{order:2}}
.sg-split > *{min-width:0}
.sg-stack > * + *{margin-top:1rem}
}

/* ============================== COMPONENTS ============================== */
@layer sg-components{

/* ---------- section heading ---------- */
.sg-head{max-width:760px;margin-bottom:clamp(32px,4vw,56px)}
.sg-head--center{margin-inline:auto;text-align:center}
.sg-head--center .sg-eyebrow{justify-content:center}
.sg-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sg-red-btn)}
.sg-sec--ink .sg-eyebrow,.sg-sec--navy .sg-eyebrow,.sg-pagehero .sg-eyebrow{color:var(--sg-alu)}
.sg-eyebrow::before{content:"";flex:none;width:28px;height:3px;background:var(--sg-red)}
.sg-h2{font-size:var(--sg-fs-h2)}
.sg-h3{font-size:var(--sg-fs-h3)}
.sg-lede{margin:18px 0 0;font-size:var(--sg-fs-lede);line-height:1.6;color:var(--sg-text-2);max-width:62ch}
.sg-sec--ink .sg-lede,.sg-sec--navy .sg-lede{color:#C4CAD4}
.sg-muted{color:var(--sg-text-2)}
.sg-sec--ink .sg-muted,.sg-sec--navy .sg-muted{color:var(--sg-mute)}
.sg-prose{max-width:68ch}
.sg-prose p{color:var(--sg-text-2)}
.sg-sec--ink .sg-prose p,.sg-sec--navy .sg-prose p{color:#C4CAD4}
.sg-prose a{color:var(--sg-red-btn);text-underline-offset:3px}

/* ---------- buttons ---------- */
.sg-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:1px solid transparent;border-radius:4px;font-size:16.5px;font-weight:700;letter-spacing:.01em;line-height:1.1;text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .2s}
.sg-btn svg{width:20px;height:20px;flex:none;fill:currentColor}
.sg-btn--primary{background:var(--sg-red-btn);color:#fff;box-shadow:0 10px 28px -14px rgba(237,32,39,.75)}
.sg-btn--primary:hover{background:var(--sg-red);transform:translateY(-1px)}
.sg-btn--ghost{border-color:rgba(244,242,237,.34);color:var(--sg-paper);background:transparent}
.sg-btn--ghost:hover{border-color:var(--sg-paper)}
.sg-btn--dark{background:var(--sg-ink);color:#fff}
.sg-btn--dark:hover{background:var(--sg-steel)}
.sg-btn--line{border-color:var(--sg-line-l);color:var(--sg-text);background:transparent}
.sg-btn--line:hover{border-color:var(--sg-text)}
.sg-btn--sm{min-height:44px;padding:0 16px;font-size:15px}
.sg-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:28px}
@media (max-width:479px){.sg-actions .sg-btn{flex:1 1 100%}}
.sg-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;border-bottom-color:rgba(127,127,127,.4)}
.sg-link:hover{border-bottom-color:var(--sg-red)}
.sg-link::after{content:"\2192";transition:transform .2s}
.sg-link:hover::after{transform:translateX(3px)}

/* ---------- header ---------- */
.sg-header{position:fixed;inset:0 0 auto 0;z-index:50;padding-top:env(safe-area-inset-top,0px);pointer-events:none}
.sg-header__bar{pointer-events:auto;display:flex;align-items:center;gap:20px;width:100%;max-width:calc(var(--sg-wrap) + var(--sg-gutter)*2);height:var(--sg-header-h);margin:0 auto;padding-inline:var(--sg-gutter);border:1px solid transparent;border-radius:0;
  transition:max-width .45s var(--sg-ease),height .45s var(--sg-ease),margin .45s var(--sg-ease),border-radius .45s var(--sg-ease),background-color .35s,border-color .35s,box-shadow .35s,padding .45s var(--sg-ease)}
.sg-header__logo{display:flex;align-items:center;flex:none;min-height:44px;margin-right:auto}
.sg-header__logo img{width:clamp(148px,14vw,190px);height:auto}
.sg-nav{display:none}
.sg-nav__list{display:flex;align-items:center;gap:4px;list-style:none}
.sg-nav__list a{position:relative;display:flex;align-items:center;min-height:44px;padding:0 12px;color:var(--sg-paper);font-size:15px;font-weight:600;letter-spacing:.01em;text-decoration:none;opacity:.86;transition:opacity .2s}
.sg-nav__list a:hover,.sg-nav__list .current-menu-item > a,.sg-nav__list a[aria-current="page"]{opacity:1}
.sg-nav__list .current-menu-item > a::after,.sg-nav__list a[aria-current="page"]::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;background:var(--sg-red)}
.sg-header__cta{display:none}
.sg-burger{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:46px;height:46px;border:1px solid var(--sg-line-d);border-radius:999px;background:rgba(11,16,27,.35);color:var(--sg-paper);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.sg-burger span{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform .3s var(--sg-ease),opacity .2s}
.sg-burger[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.sg-burger[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
@media (min-width:1024px){
  .sg-nav{display:block}
  .sg-header__cta{display:inline-flex}
  .sg-burger{display:none}
}
/* scrolled: the bar condenses into a floating glass pill (MyLock pattern) */
.sg-is-scrolled .sg-header__bar{max-width:min(920px,calc(100% - var(--sg-gutter)*2));height:62px;margin-top:10px;padding-inline:18px 10px;border-radius:999px;background:rgba(11,16,27,.78);border-color:var(--sg-line-d);box-shadow:0 18px 40px -18px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}
.sg-is-scrolled .sg-header__logo img{width:140px}
@media (min-width:1024px){
  .sg-is-scrolled .sg-nav{display:block}
  .sg-is-scrolled .sg-nav__list a{padding:0 10px;font-size:14.5px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.sg-is-scrolled .sg-header__bar{background:rgba(11,16,27,.96)}}

/* ---------- mobile drawer ---------- */
.sg-drawer{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;padding:env(safe-area-inset-top,0px) var(--sg-gutter) calc(env(safe-area-inset-bottom,0px) + 24px);background:var(--sg-ink);color:var(--sg-paper);overflow-y:auto;overscroll-behavior:contain}
.sg-drawer[hidden]{display:none}
.sg-drawer::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(201,207,216,.04) 0 1px,transparent 1px 18px),radial-gradient(90% 60% at 100% 0,rgba(237,32,39,.16),transparent 60%)}
.sg-drawer > *{position:relative}
.sg-drawer__top{display:flex;align-items:center;justify-content:space-between;min-height:var(--sg-header-h)}
.sg-drawer__top img{width:clamp(148px,14vw,190px)}
.sg-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--sg-line-d);border-radius:999px;background:rgba(11,16,27,.35);color:var(--sg-paper);font-size:22px;line-height:1;cursor:pointer}
.sg-drawer__nav{margin:20px 0 auto}
.sg-drawer__nav::before{content:"Menu";display:block;margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sg-mute)}
.sg-drawer__nav ul{list-style:none}
.sg-drawer__nav a{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:56px;border-bottom:1px solid var(--sg-line-d);color:var(--sg-paper);font-size:18px;font-weight:600;letter-spacing:.005em;text-decoration:none}
.sg-drawer__nav a::after{content:"";width:8px;height:8px;margin-right:4px;border-top:1.5px solid var(--sg-mute);border-right:1.5px solid var(--sg-mute);transform:rotate(45deg)}
.sg-drawer__nav a[aria-current="page"]{color:#fff;font-weight:700}
.sg-drawer__nav a[aria-current="page"]::before{content:"";position:absolute;left:calc(var(--sg-gutter) * -1);top:16px;bottom:16px;width:3px;background:var(--sg-red)}
.sg-drawer__foot{display:grid;gap:10px;margin-top:28px}
.sg-drawer__foot .sg-btn{width:100%}
.sg-drawer__meta{margin-top:18px;font-size:14px;line-height:1.6;color:var(--sg-mute)}
.sg-drawer-open{overflow:hidden}
@media (prefers-reduced-motion:no-preference){.sg-drawer:not([hidden]){animation:sg-fade .28s var(--sg-ease)}}
@keyframes sg-fade{from{opacity:0}to{opacity:1}}

/* ---------- mobile action bar ---------- */
.sg-actionbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:8px;padding:10px var(--sg-gutter) calc(10px + env(safe-area-inset-bottom,0px));background:rgba(11,16,27,.92);border-top:1px solid var(--sg-line-d);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateY(0);transition:transform .35s var(--sg-ease)}
.sg-actionbar .sg-btn{min-height:50px;padding:0 14px;font-size:15.5px}
.sg-actionbar .sg-btn--primary{flex:1.7}
.sg-actionbar .sg-btn--ghost{flex:1}
.sg-actionbar.is-hidden,.sg-actionbar.is-parked{transform:translateY(110%)}
@media (min-width:1024px){.sg-actionbar{display:none}}
@media (max-width:1023.98px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}

/* ---------- page hero (inner pages) ---------- */
.sg-pagehero{position:relative;overflow:hidden;isolation:isolate;padding:calc(var(--sg-header-h) + clamp(40px,7vw,96px)) 0 clamp(48px,7vw,96px);background:var(--sg-ink);color:var(--sg-paper)}
.sg-pagehero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(201,207,216,.05) 0 1px,transparent 1px 18px),radial-gradient(110% 90% at 0% 100%,rgba(237,32,39,.16),transparent 55%),linear-gradient(180deg,var(--sg-navy),var(--sg-ink))}
.sg-pagehero::after{content:"";position:absolute;top:0;right:0;width:clamp(44px,8vw,80px);aspect-ratio:1;background:var(--sg-red);clip-path:polygon(0 0,100% 0,100% 100%)}
.sg-pagehero h1{font-size:var(--sg-fs-h1);color:#fff;max-width:20ch}
.sg-pagehero h1>span{display:block;margin-top:.4em;font-size:.56em;line-height:1.2;font-weight:600;letter-spacing:-.01em;color:var(--sg-alu)}
.sg-pagehero .sg-lede{color:#C4CAD4}
.sg-pagehero__grid{display:grid;gap:clamp(28px,4vw,56px);align-items:end}
@media (min-width:1024px){.sg-pagehero__grid{grid-template-columns:1.15fr .85fr}}
.sg-pagehero__media{margin:0;border-radius:var(--sg-radius-lg);overflow:hidden;border:1px solid var(--sg-line-d);aspect-ratio:4/3;background:var(--sg-navy-2)}
.sg-pagehero__media img{width:100%;height:100%;object-fit:cover}

/* ---------- fact rail ---------- */
.sg-facts{display:grid;grid-template-columns:repeat(2,1fr);margin:32px 0 0;border-top:1px solid var(--sg-line-d)}
.sg-facts div{padding:14px 12px 14px 0;border-bottom:1px solid var(--sg-line-d)}
.sg-facts div:nth-child(even){padding-left:16px;border-left:1px solid var(--sg-line-d)}
.sg-facts dt{margin:0 0 2px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sg-mute)}
.sg-facts dd{margin:0;font-size:16px;font-weight:700;color:#fff}
@media (min-width:600px){.sg-facts dd{white-space:nowrap;font-size:15.5px}}
@media (min-width:768px){.sg-facts{grid-template-columns:repeat(4,1fr)}.sg-facts div,.sg-facts div:nth-child(even){padding:14px 12px 14px 16px;border-left:1px solid var(--sg-line-d);border-bottom:0}.sg-facts div:first-child{padding-left:0;border-left:0}}

/* ---------- answer strip ---------- */
.sg-answer{display:grid;gap:clamp(24px,4vw,56px);align-items:start}
@media (min-width:1024px){.sg-answer{grid-template-columns:.9fr 1.1fr}}
.sg-answer__q{font-size:var(--sg-fs-h2)}
.sg-answer__a{font-size:var(--sg-fs-lede);line-height:1.65;color:var(--sg-text)}
.sg-answer__a strong{font-weight:700}
.sg-kv{display:grid;grid-template-columns:1fr;margin-top:24px;border-top:1px solid var(--sg-line-l)}
.sg-kv div{display:grid;grid-template-columns:minmax(120px,38%) 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--sg-line-l)}
.sg-kv dt{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sg-text-2)}
.sg-kv dd{margin:0;font-weight:600}
.sg-kv--flush{margin-top:0}
@media (max-width:479.98px){.sg-kv div{grid-template-columns:1fr;gap:2px;padding:12px 0}}
.sg-sec--ink .sg-kv,.sg-sec--navy .sg-kv{border-color:var(--sg-line-d)}
.sg-sec--ink .sg-kv div,.sg-sec--navy .sg-kv div{border-color:var(--sg-line-d)}
.sg-sec--ink .sg-kv dt,.sg-sec--navy .sg-kv dt{color:var(--sg-mute)}

/* ---------- model catalogue ---------- */
.sg-models{display:grid;gap:clamp(12px,1.6vw,20px);grid-template-columns:repeat(2,1fr);list-style:none}
@media (min-width:768px){.sg-models{grid-template-columns:repeat(4,1fr)}}
.sg-model{position:relative;margin:0;border-radius:var(--sg-radius);overflow:hidden;background:var(--sg-navy);border:1px solid var(--sg-line-d)}
.sg-model img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .6s var(--sg-ease)}
.sg-model:hover img{transform:scale(1.035)}
.sg-model figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;color:#fff;font-weight:700;font-stretch:var(--sg-wide);font-size:15px;line-height:1.2}
@media (min-width:1024px){.sg-model figcaption{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}}
.sg-model figcaption small{font-weight:600;font-stretch:100%;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--sg-mute)}
.sg-model a{position:absolute;inset:0;z-index:1}

/* ---------- cards ---------- */
.sg-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(22px,2.6vw,32px);border-radius:var(--sg-radius-lg);background:var(--sg-white);border:1px solid var(--sg-line-l);box-shadow:var(--sg-shadow)}
.sg-card h3{font-size:var(--sg-fs-h3)}
.sg-card p{margin:0;color:var(--sg-text-2)}
.sg-sec--ink .sg-card,.sg-sec--navy .sg-card{background:var(--sg-navy-2);border-color:var(--sg-line-d);box-shadow:none}
.sg-sec--ink .sg-card p,.sg-sec--navy .sg-card p{color:#BFC6D1}
.sg-card__tag{align-self:flex-start;padding:4px 10px;border-radius:999px;background:rgba(237,32,39,.1);color:var(--sg-red-btn);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.sg-sec--ink .sg-card__tag,.sg-sec--navy .sg-card__tag{background:rgba(237,32,39,.16);color:#FF7A7E}
.sg-checks{display:grid;gap:10px;list-style:none;margin-top:6px}
.sg-checks li{position:relative;padding-left:28px;color:inherit}
.sg-checks li::before{content:"";position:absolute;left:0;top:.42em;width:16px;height:9px;border-left:2.5px solid var(--sg-red);border-bottom:2.5px solid var(--sg-red);transform:rotate(-45deg)}

/* ---------- system diagram (swing vs folding, top-down) ---------- */
.sg-diagram{margin:4px 0 6px;padding:16px;border-radius:var(--sg-radius);background:var(--sg-paper);border:1px solid var(--sg-line-l)}
.sg-sec--ink .sg-diagram,.sg-sec--navy .sg-diagram{background:var(--sg-ink);border-color:var(--sg-line-d)}
.sg-diagram svg{width:100%;height:auto}
.sg-diagram figcaption{margin-top:8px;font-size:13px;color:var(--sg-text-2)}
.sg-sec--ink .sg-diagram figcaption,.sg-sec--navy .sg-diagram figcaption{color:var(--sg-mute)}

/* ---------- table ---------- */
.sg-table-wrap{overflow-x:auto;border:1px solid var(--sg-line-l);border-radius:var(--sg-radius);background:var(--sg-white);-webkit-overflow-scrolling:touch}
.sg-table{width:100%;min-width:560px;border-collapse:collapse;font-size:15px}
.sg-table th,.sg-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--sg-line-l)}
.sg-table thead th{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sg-text-2);background:var(--sg-paper)}
.sg-table tbody th{font-weight:700;white-space:nowrap}
.sg-table tr:last-child > *{border-bottom:0}

/* ---------- motors ---------- */
.sg-motors{display:grid;gap:clamp(16px,2vw,24px)}
@media (min-width:768px){.sg-motors{grid-template-columns:1fr 1fr}}
.sg-motor{display:grid;gap:16px;align-items:center;padding:clamp(22px,3vw,36px);border-radius:var(--sg-radius-lg);background:var(--sg-navy-2);border:1px solid var(--sg-line-d);color:var(--sg-paper)}
.sg-motor__brand{font-size:clamp(30px,3.4vw,44px);font-weight:800;font-stretch:125%;letter-spacing:-.01em;color:#fff;line-height:1}
.sg-motor__brand small{display:block;margin-top:8px;font-size:13px;font-weight:600;font-stretch:100%;letter-spacing:.12em;text-transform:uppercase;color:var(--sg-mute)}
.sg-motor img{width:100%;max-width:420px;height:auto;justify-self:center;filter:drop-shadow(0 20px 30px rgba(0,0,0,.45))}
.sg-motor__models{display:flex;flex-wrap:wrap;gap:8px;list-style:none}
@media (min-width:768px){.sg-motor{grid-template-columns:1fr auto}}
.sg-motor__models li{padding:8px 14px;border:1px solid var(--sg-line-d);border-radius:999px;font-weight:700;font-size:14.5px;color:#fff}

/* ---------- steps (a real sequence, so numbered) ---------- */
.sg-steps{display:grid;gap:0;counter-reset:sgstep;list-style:none;border-top:1px solid var(--sg-line-l)}
.sg-steps li{counter-increment:sgstep;display:grid;grid-template-columns:auto 1fr;gap:6px 20px;padding:22px 0;border-bottom:1px solid var(--sg-line-l)}
.sg-steps li::before{content:"0" counter(sgstep);grid-row:span 2;font-size:clamp(28px,3vw,40px);font-weight:800;font-stretch:125%;line-height:1;color:var(--sg-red)}
.sg-steps h3{font-size:var(--sg-fs-h3)}
.sg-steps p{margin:0;color:var(--sg-text-2)}
@media (min-width:1024px){
  .sg-steps{grid-template-columns:repeat(5,1fr);gap:0 24px;border-top:0}
  .sg-steps li{grid-template-columns:1fr;padding:24px 0 0;border-bottom:0;border-top:2px solid var(--sg-ink)}
  .sg-steps li::before{grid-row:auto;margin-bottom:14px}
  .sg-steps h3{min-height:2.6em}
}
.sg-sec--ink .sg-steps,.sg-sec--ink .sg-steps li{border-color:var(--sg-line-d)}
.sg-sec--ink .sg-steps p{color:#BFC6D1}

.sg-steps--list{grid-template-columns:1fr!important;border-top:1px solid var(--sg-line-l)}
.sg-steps--list li{grid-template-columns:auto 1fr!important;padding:20px 0!important;border-top:0!important;border-bottom:1px solid var(--sg-line-l)!important}
.sg-steps--list li::before{grid-row:span 2!important;margin:0!important}
.sg-steps--list h3{min-height:0!important}
.sg-checks--lg{font-size:var(--sg-fs-lede)}
.sg-nw{white-space:nowrap}
.sg-split--top{align-items:start}

/* ---------- photo mosaic / gallery ---------- */
.sg-mosaic{display:grid;gap:clamp(10px,1.4vw,16px);grid-template-columns:1fr}
@media (min-width:768px){.sg-mosaic{grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr}.sg-mosaic > :first-child{grid-row:span 2}}
.sg-mosaic figure{position:relative;margin:0;border-radius:var(--sg-radius);overflow:hidden;background:var(--sg-navy-2);min-height:220px}
.sg-mosaic img{width:100%;height:100%;object-fit:cover}
.sg-mosaic figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 16px 14px;background:linear-gradient(180deg,transparent,rgba(11,16,27,.85));color:#fff;font-size:14px;font-weight:600}
.sg-gallery{display:grid;gap:clamp(8px,1.2vw,14px);grid-template-columns:repeat(2,1fr);list-style:none}
@media (min-width:768px){.sg-gallery{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1024px){.sg-gallery{grid-template-columns:repeat(4,1fr)}}
@media (min-width:1440px){.sg-gallery{grid-template-columns:repeat(5,1fr)}}
.sg-gallery a{position:relative;display:block;border-radius:var(--sg-radius);overflow:hidden;background:var(--sg-navy-2)}
.sg-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s var(--sg-ease)}
.sg-gallery--portrait img{aspect-ratio:3/4}
.sg-gallery a:hover img{transform:scale(1.04)}
.sg-lightbox{width:min(100vw - 24px,1200px);max-height:calc(100svh - 24px);padding:0;border:0;border-radius:var(--sg-radius-lg);background:var(--sg-ink);color:#fff}
.sg-lightbox::backdrop{background:rgba(5,8,14,.86)}
.sg-lightbox img{width:100%;max-height:calc(100svh - 110px);object-fit:contain}
.sg-lightbox__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}
.sg-lightbox__bar p{margin:0;font-size:14px;color:var(--sg-alu)}
.sg-lightbox button{min-width:44px;min-height:44px;border:1px solid var(--sg-line-d);border-radius:999px;background:transparent;color:#fff;cursor:pointer;font-size:18px}
.sg-lightbox img{touch-action:pan-y pinch-zoom}
@media (max-width:767px){.sg-lightbox{width:100vw;max-width:100vw;height:100svh;max-height:100svh;margin:0;border-radius:0;display:none;flex-direction:column;justify-content:center;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.sg-lightbox[open]{display:flex}.sg-lightbox img{flex:1 1 auto;min-height:0;max-height:none;height:100%}.sg-lightbox__bar{flex:none}}
.sg-model a{cursor:zoom-in}
.sg-model a::after{content:"";position:absolute;bottom:12px;right:12px;width:34px;height:34px;border-radius:999px;background:rgba(8,11,18,.62) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E") center/16px no-repeat;border:1px solid rgba(255,255,255,.18)}
.sg-model a:focus-visible{outline:2px solid #fff;outline-offset:-4px;border-radius:inherit}

/* ---------- FAQ ---------- */
.sg-faq{display:grid;border-top:1px solid var(--sg-line-l)}
.sg-faq details{border-bottom:1px solid var(--sg-line-l)}
.sg-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:18px 0;cursor:pointer;list-style:none;font-size:var(--sg-fs-h3);font-weight:700;letter-spacing:-.01em;line-height:1.3}
.sg-faq summary::-webkit-details-marker{display:none}
.sg-faq summary::after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(currentColor,currentColor) center/14px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 14px no-repeat;transition:transform .3s var(--sg-ease);color:var(--sg-red)}
.sg-faq details[open] summary::after{transform:rotate(45deg)}
.sg-faq .sg-faq__a{padding:0 0 22px;max-width:68ch;color:var(--sg-text-2)}
.sg-faq .sg-faq__a p:last-child{margin:0}

/* ---------- visit / location ---------- */
.sg-visit__media{margin:0;border-radius:var(--sg-radius-lg);overflow:hidden;aspect-ratio:4/5;background:var(--sg-navy-2)}
.sg-visit__media img{width:100%;height:100%;object-fit:cover}
@media (min-width:1024px){.sg-visit__media{aspect-ratio:auto;height:100%;min-height:520px}}
.sg-hours{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:0}
.sg-hours dt{font-weight:700}
.sg-hours dd{margin:0;color:var(--sg-text-2)}

/* ---------- contact cards ---------- */
.sg-contacts{display:grid;gap:clamp(12px,1.6vw,20px);grid-template-columns:1fr}
@media (min-width:768px){.sg-contacts{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.sg-contacts{grid-template-columns:repeat(4,1fr)}}
.sg-contact{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:var(--sg-radius-lg);background:var(--sg-white);border:1px solid var(--sg-line-l);text-decoration:none;color:var(--sg-text);transition:border-color .2s,transform .2s}
a.sg-contact:hover{border-color:var(--sg-text);transform:translateY(-2px)}
.sg-contact__k{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sg-text-2)}
.sg-contact__v{font-size:18px;font-weight:700;overflow-wrap:anywhere}
.sg-contact__n{font-size:14px;color:var(--sg-text-2)}

/* ---------- form ---------- */
.sg-form{display:grid;gap:18px}
.sg-form__row{display:grid;gap:18px}
@media (min-width:768px){.sg-form__row{grid-template-columns:1fr 1fr}}
.sg-field{display:grid;gap:6px}
.sg-field label{font-size:14px;font-weight:700}
.sg-field input,.sg-field select,.sg-field textarea{width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--sg-line-l);border-radius:4px;background:#fff;color:var(--sg-text);font:inherit;font-size:16px}
.sg-field textarea{min-height:120px;resize:vertical}
.sg-field input:focus,.sg-field select:focus,.sg-field textarea:focus{outline:2px solid var(--sg-ink);outline-offset:1px;border-color:var(--sg-ink)}
.sg-check{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:var(--sg-text-2)}
.sg-check input{width:22px;height:22px;margin-top:2px;flex:none;accent-color:var(--sg-red-btn)}
.sg-hp{position:absolute!important;left:-9999px!important}
.sg-form__status{min-height:1.5em;font-weight:600}
.sg-form__status.is-ok{color:#1F7A4D}.sg-form__status.is-err{color:var(--sg-red-btn)}

/* ---------- CTA band ---------- */
.sg-cta{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(64px,8vw,120px);background:var(--sg-ink);color:var(--sg-paper)}
.sg-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,rgba(201,207,216,.05) 0 1px,transparent 1px 18px),radial-gradient(80% 120% at 100% 100%,rgba(237,32,39,.22),transparent 60%)}
.sg-cta__inner{display:grid;gap:28px;align-items:end}
@media (min-width:1024px){.sg-cta__inner{grid-template-columns:1.3fr .7fr}}
.sg-cta h2{font-size:var(--sg-fs-h2);color:#fff;max-width:20ch}
.sg-cta h2>span{display:block}
.sg-cta p{margin:16px 0 0;color:#C4CAD4;font-size:var(--sg-fs-lede);max-width:52ch}
.sg-cta .sg-actions{margin-top:0}
@media (min-width:1024px){.sg-cta .sg-actions{flex-direction:column;align-items:stretch;justify-self:end;min-width:280px}}

/* ---------- footer ---------- */
.sg-footer{position:relative;background:var(--sg-ink);color:var(--sg-mute);font-size:15px;border-top:1px solid var(--sg-line-d)}
.sg-footer__grid{display:grid;gap:36px;padding-block:clamp(48px,6vw,80px) 40px}
@media (min-width:768px){.sg-footer__grid{grid-template-columns:1.4fr 1fr 1fr}}
@media (min-width:1024px){.sg-footer__grid{grid-template-columns:1.6fr 1fr 1fr 1.3fr}}
.sg-footer__brand img{width:180px;margin-bottom:18px}
.sg-footer__brand p{max-width:34ch;margin:0 0 16px;line-height:1.6}
.sg-footer h2{margin:0 0 14px;font-size:12px;font-weight:700;font-stretch:100%;letter-spacing:.16em;text-transform:uppercase;color:var(--sg-alu)}
.sg-footer ul{list-style:none;display:grid;gap:2px}
.sg-footer a{display:inline-flex;align-items:center;min-height:44px;color:var(--sg-paper);text-decoration:none;opacity:.86}
.sg-footer a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
.sg-footer address{font-style:normal;line-height:1.7}
.sg-social{display:flex;gap:10px;margin-top:6px}
.sg-social a{justify-content:center;width:44px;height:44px;border:1px solid var(--sg-line-d);border-radius:999px;opacity:1}
.sg-social a:hover{border-color:var(--sg-paper);text-decoration:none}
.sg-social svg{width:18px;height:18px;fill:currentColor}
.sg-footer__base{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;padding-block:20px;border-top:1px solid var(--sg-line-d);font-size:13.5px}
.sg-footer__base a{min-height:32px}

/* ---------- reveal on scroll (only armed by JS for elements below the fold) ---------- */
@media (prefers-reduced-motion:no-preference){
  .sg-reveal-armed{opacity:0;transform:translateY(16px);transition:opacity .7s var(--sg-ease),transform .7s var(--sg-ease)}
  .sg-reveal-armed.is-in{opacity:1;transform:none}
}

/* ---------- homepage hero (concept A, "The Gate Opens") ---------- */
.sg-hero{--sg-hgut:var(--sg-gutter);position:relative;width:100%;overflow:hidden;overflow:clip;isolation:isolate;background:var(--sg-ink);color:var(--sg-paper);padding-top:var(--sg-header-h)}
.sg-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(201,207,216,.05) 0 1px,transparent 1px 18px),radial-gradient(120% 80% at 0% 100%,rgba(237,32,39,.14),transparent 55%),linear-gradient(180deg,var(--sg-navy),var(--sg-ink));-webkit-mask-image:linear-gradient(180deg,#000 40%,rgba(0,0,0,.35));mask-image:linear-gradient(180deg,#000 40%,rgba(0,0,0,.35))}
.sg-hero__stage{position:relative;margin:0;aspect-ratio:3/2;background:#0a0d14;overflow:hidden}
.sg-hero__poster,.sg-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:44% 58%;display:block}
.sg-hero__stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(11,16,27,.28) 0,transparent 24%,transparent 55%,var(--sg-ink) 100%)}
.sg-hero__corner{position:absolute;top:0;right:0;z-index:3;width:clamp(44px,9vw,84px);aspect-ratio:1;background:var(--sg-red);clip-path:polygon(0 0,100% 0,100% 100%)}
.sg-hero__slats{position:absolute;inset:0;z-index:2;display:grid;grid-template-columns:repeat(8,1fr);pointer-events:none}
.sg-hero__slats i{display:block;background:linear-gradient(90deg,#141b2b,#0d1320);border-right:1px solid rgba(201,207,216,.14);transform-origin:0 50%;animation:sg-slat 1.15s cubic-bezier(.7,0,.2,1) .35s both}
.sg-hero__slats i:nth-child(n+5){transform-origin:100% 50%}
.sg-hero__slats i:nth-child(2),.sg-hero__slats i:nth-child(7){animation-delay:.43s}
.sg-hero__slats i:nth-child(3),.sg-hero__slats i:nth-child(6){animation-delay:.51s}
.sg-hero__slats i:nth-child(4),.sg-hero__slats i:nth-child(5){animation-delay:.59s}
@keyframes sg-slat{to{transform:scaleX(0)}}
.sg-hero__cap{position:absolute;left:var(--sg-hgut);bottom:12px;z-index:3;margin:0;font-size:12px;line-height:1.3;letter-spacing:.04em;color:var(--sg-alu)}
.sg-hero__ctl{position:absolute;right:12px;bottom:6px;z-index:4;display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:0 14px;border:1px solid var(--sg-line-d);border-radius:999px;background:rgba(11,16,27,.62);color:var(--sg-paper);font:600 13px/1 var(--sg-f);letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.sg-hero__ctl svg{width:14px;height:14px;fill:currentColor}
.sg-hero__ctl .sg-i-play{display:none}
.sg-hero__ctl[data-state="paused"] .sg-i-play,.sg-hero__ctl[data-state="ended"] .sg-i-play{display:block}
.sg-hero__ctl[data-state="paused"] .sg-i-pause,.sg-hero__ctl[data-state="ended"] .sg-i-pause{display:none}
.sg-hero__ctl[hidden]{display:none}
.sg-hero__copy{position:relative;z-index:2;padding:8px var(--sg-hgut) 40px;max-width:720px;margin:0}
.sg-hero__eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sg-alu)}
.sg-hero__eyebrow::before{content:"";flex:none;width:28px;height:3px;background:var(--sg-red)}
.sg-hero__title{margin:0 0 16px;font-size:clamp(30px,7.8vw,54px);line-height:1.04;color:#fff}
.sg-hero__title>span{display:block;color:var(--sg-alu);font-weight:600}
.sg-hero__sub{margin:0 0 24px;max-width:34em;font-size:clamp(16px,4.2vw,18px);line-height:1.6;color:#D5DAE2}
.sg-hero__actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:0 0 28px}
.sg-hero__actions .sg-btn--primary{min-height:54px;font-size:17.5px}
.sg-hero__link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 6px;color:var(--sg-paper);font-size:16px;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(244,242,237,.35);align-self:center}
.sg-hero__link:hover{border-color:var(--sg-red-hi)}
.sg-hero .sg-facts{margin:0}
@keyframes sg-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes sg-rise-t{from{transform:translateY(14px)}to{transform:none}}
.sg-hero__eyebrow,.sg-hero__sub,.sg-hero__actions,.sg-hero .sg-facts{animation:sg-rise .7s var(--sg-ease) both}
.sg-hero__title{animation:sg-rise-t .7s var(--sg-ease) both}
.sg-hero__eyebrow{animation-delay:.05s}.sg-hero__sub{animation-delay:.3s}.sg-hero__actions{animation-delay:.42s}.sg-hero .sg-facts{animation-delay:.56s}
@media (min-width:600px){
  .sg-hero__stage{aspect-ratio:16/9}
  .sg-hero__copy{padding-bottom:56px}
  .sg-hero__actions{flex-direction:row;align-items:center;gap:22px}
  .sg-hero__actions .sg-btn--primary{min-width:260px}
}
@media (min-width:900px){.sg-hero__stage{aspect-ratio:21/9}.sg-hero__copy{max-width:none;margin:0;padding-left:max(var(--sg-hgut),calc((100% - var(--sg-wrap))/2));padding-right:max(var(--sg-hgut),calc((100% - var(--sg-wrap))/2))}.sg-hero__sub{max-width:40em}}
@media (min-width:1200px){
  .sg-hero{display:flex;align-items:center;min-height:640px}
  @supports (min-height:1svh){.sg-hero{min-height:clamp(640px,92svh,900px)}}
  .sg-hero__stage{position:absolute;top:0;right:0;bottom:0;width:62%;aspect-ratio:auto;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%);mask-image:linear-gradient(90deg,transparent 0,#000 24%)}
  .sg-hero__stage::after{background:linear-gradient(180deg,rgba(11,16,27,.55) 0,transparent 26%,transparent 62%,rgba(11,16,27,.85) 100%)}
  .sg-hero__poster,.sg-hero__video{object-position:42% 55%}
  .sg-hero__copy{width:52%;padding:48px 24px 64px max(var(--sg-hgut),calc((100% - var(--sg-wrap))/2))}
  .sg-hero__cap{left:auto;right:150px;bottom:22px}
  .sg-hero__ctl{right:24px;bottom:16px}
  .sg-hero__actions{flex-wrap:wrap}
  .sg-hero .sg-facts{grid-template-columns:repeat(2,1fr)}
  .sg-hero .sg-facts div,.sg-hero .sg-facts div:nth-child(even),.sg-hero .sg-facts div:first-child{border-left:0;padding:14px 12px 14px 0;border-bottom:1px solid var(--sg-line-d)}
  .sg-hero .sg-facts div:nth-child(even){padding-left:16px;border-left:1px solid var(--sg-line-d)}
}
@media (min-width:1280px){
  .sg-hero__title{font-size:clamp(46px,3.7vw,62px)}
  .sg-hero .sg-facts{grid-template-columns:repeat(4,1fr)}
  .sg-hero .sg-facts div,.sg-hero .sg-facts div:nth-child(even){padding:14px 12px 14px 16px;border-left:1px solid var(--sg-line-d);border-bottom:0}
  .sg-hero .sg-facts div:first-child{padding-left:0;border-left:0}
}
@media (min-width:1600px){.sg-hero__stage{width:58%}}
@media (prefers-reduced-motion:reduce){.sg-hero__slats{display:none}.sg-hero *{animation:none!important;transition:none!important}}

/* ---------- 404 ---------- */
.sg-404{min-height:70svh;display:flex;align-items:center}
}

/* ============================== PAGES ============================== */
@layer sg-pages{
.sg-page--home .sg-models{margin-top:8px}
@media print{.sg-header,.sg-actionbar,.sg-drawer,.sg-hero__video,.sg-hero__slats,.sg-hero__ctl{display:none!important}body{padding:0;background:#fff}}
}
@media (min-width:768px) and (max-width:1199px),(min-width:1280px){.sg-hero .sg-facts--6{grid-template-columns:repeat(3,1fr)}.sg-hero .sg-facts--6 div,.sg-hero .sg-facts--6 div:nth-child(even),.sg-hero .sg-facts--6 div:first-child{padding:14px 12px 14px 16px;border-left:1px solid var(--sg-line-d);border-bottom:0}.sg-hero .sg-facts--6 div:nth-child(3n+1){padding-left:0;border-left:0}.sg-hero .sg-facts--6 div:nth-child(-n+3){border-bottom:1px solid var(--sg-line-d)}}

/* 2026-10-15 AEO pass: inline text links + dated page line */
.sg-lede a,.sg-answer__a a,.sg-faq__a a,.sg-steps p a,.sg-card p a{color:inherit;text-decoration:underline;text-decoration-color:var(--sg-red);text-decoration-thickness:1.5px;text-underline-offset:3px}
.sg-lede a:hover,.sg-answer__a a:hover,.sg-faq__a a:hover,.sg-steps p a:hover,.sg-card p a:hover{color:var(--sg-red-btn)}
.sg-updated{background:var(--sg-ink);color:var(--sg-mute);font-size:var(--sg-fs-small);border-top:1px solid var(--sg-line-d)}
.sg-updated p{margin:0;padding-block:14px}
/* 2026-10-15 price guide: 3-step list */
@media (min-width:1024px){.sg-steps--3{grid-template-columns:repeat(3,1fr)}}
/* 2026-10-15 BM / ZH pages */
html:lang(zh-MY){--sg-f:"Archivo","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC",system-ui,sans-serif}
html:lang(zh-MY) .sg-eyebrow,html:lang(zh-MY) .sg-facts dt,html:lang(zh-MY) .sg-kv dt{letter-spacing:.04em}
.sg-note-line{margin:18px 0 0;color:var(--sg-text-2);font-size:var(--sg-fs-small)}
.sg-footer__langs a{white-space:nowrap}