@charset "UTF-8";
/* GOEM — Frontend design system / 2026-11. Stage 2 visual integration.
   Scope: public site only; existing /alysadmin styling is not modified. */
:root{--goem-navy:#2d3e50;--goem-ink:#0c1928;--goem-dark:#0b1520;--goem-silver:#e8ecf1;--goem-muted:#526275;--goem-accent:#8bdaf5;--goem-line:#dce2e8;--goem-white:#fff;--goem-max:1440px;--goem-font:'Manrope',Arial,sans-serif;--goem-display:'Space Grotesk','Manrope',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;min-width:320px;background:#fff;color:var(--goem-ink);font-family:var(--goem-font);-webkit-font-smoothing:antialiased}
body.goem-menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}svg{display:block}img{max-width:100%;display:block}
:focus-visible{outline:3px solid #48b8eb;outline-offset:4px}
.goem-container{width:min(var(--goem-max),calc(100% - 104px));margin-inline:auto}
.goem-skip{position:fixed;z-index:150;left:-9999px;top:8px;background:#fff;color:#111c29;padding:12px 20px;border-radius:8px}
.goem-skip:focus{left:10px}
/* Shared navigation */
.goem-header{position:relative;z-index:90;background:#101c2a;color:#fff;border-bottom:1px solid rgba(255,255,255,.10)}
.goem-has-home .goem-header{position:absolute;inset:0 0 auto;background:linear-gradient(180deg,rgba(5,13,23,.87),rgba(11,24,36,.77));border-bottom:1px solid rgba(255,255,255,.11);backdrop-filter:blur(12px)}
.goem-header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.goem-logo{display:inline-flex;align-items:center;flex-shrink:0;width:210px;max-width:100%}
.goem-logo img{width:100%;height:auto;max-height:51px;object-fit:contain;object-position:left center}
.goem-nav{display:flex;align-items:center;justify-content:center;gap:clamp(19px,2.6vw,46px);margin-left:auto}
.goem-nav>a{font-size:14px;font-weight:700;color:#eef3f7;transition:color .18s ease;white-space:nowrap}
.goem-nav>a:hover,.goem-nav>a:focus-visible{color:#9ed8f0}
.goem-header-actions{display:flex;align-items:center;gap:24px;margin-left:auto}
.goem-languages{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.025em;white-space:nowrap}
.goem-languages>a{color:#b8c4d2}.goem-languages>a[aria-current=page]{color:#fff;font-weight:800}.goem-languages span{color:rgba(255,255,255,.38)}
.goem-test-ride{display:inline-flex;align-items:center;gap:10px;justify-content:center;min-height:43px;border:1px solid rgba(255,255,255,.72);border-radius:999px;padding:8px 19px;font-size:13px;white-space:nowrap;font-weight:700;transition:background .2s,color .2s}
.goem-test-ride:hover{background:#fff;color:#102133}
.goem-menu-button,.goem-mobile-test{display:none}
/* Hero */
.goem-home-hero{position:relative;isolation:isolate;min-height:690px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background:#08121d;color:#fff}
.goem-hero-atmosphere{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 89% 52%,rgba(144,160,174,.26),transparent 49%),radial-gradient(ellipse at 12% 40%,rgba(42,72,103,.3),transparent 55%),linear-gradient(112deg,#07111c 5%,#101b2a 62%,#27394d 100%)}
.goem-hero-atmosphere:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,11,17,.84),transparent 32%,transparent 77%,rgba(5,13,23,.34))}
.goem-hero-art{position:absolute;z-index:-2;top:0;right:-2%;width:75%;height:100%;overflow:hidden;opacity:.98;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.42) 16%,#000 37%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.42) 16%,#000 37%)}
.goem-hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,11,19,.80),transparent 40%),linear-gradient(90deg,rgba(8,19,30,.24),transparent 54%)}
.goem-hero-art img{width:100%;height:100%;object-fit:cover;object-position:45% 47%;transition:opacity .27s ease,transform .7s ease}
.goem-hero-art.is-changing img{opacity:.14;transform:scale(1.03)}
.goem-hero-layout{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:120px;padding-bottom:85px}
.goem-hero-message{width:min(590px,58%);padding-top:18px}
.goem-kicker{display:inline-block;color:#4e687d;font-size:11px;letter-spacing:.22em;font-weight:800;text-transform:uppercase}
.goem-kicker--light{color:#e5eff8}
.goem-hero-message .goem-kicker{letter-spacing:.27em;font-size:14px;font-weight:600}
.goem-hero-message h1{font-family:var(--goem-display);font-size:clamp(48px,4.8vw,80px);font-weight:700;line-height:.98;letter-spacing:-.065em;margin:24px 0 20px;text-transform:uppercase;max-width:720px}
.goem-accent-rule{display:block;width:82px;height:3px;background:#8fd6f0}
.goem-hero-message p{font-size:clamp(14px,1.13vw,17px);line-height:1.65;color:#dbe4ec;margin:24px 0 22px;max-width:425px;font-weight:500}
.goem-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:12px 24px;min-height:45px;border-radius:999px;font-size:13px;font-weight:800;transition:transform .19s,background .19s,color .19s;white-space:nowrap}
.goem-button:hover{transform:translateY(-2px)}
.goem-button--white{color:#0c1722;background:#fff;border:1px solid #fff}
.goem-button--white:hover{background:#dcecf5}
.goem-button--outline{color:#fff;border:1px solid rgba(255,255,255,.65)}
.goem-button--outline:hover{background:rgba(255,255,255,.12)}
.goem-hero-product{margin-top:190px;display:flex;align-items:flex-start;gap:22px;max-width:255px;text-shadow:0 2px 9px rgba(0,0,0,.6)}
.goem-hero-product-line{width:2px;align-self:stretch;min-height:75px;flex-shrink:0;background:#65c9f0}
.goem-hero-product strong{display:block;font:700 clamp(24px,2.1vw,33px)/1.1 var(--goem-display);letter-spacing:-.03em}
.goem-hero-product span:last-child{display:block;font-size:13px;line-height:1.5;margin-top:8px;color:#e1e8ed;max-width:180px}
.goem-hero-bottom{position:relative;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:43px}
.goem-hero-highlights{display:flex;gap:clamp(18px,2.3vw,43px);align-items:center}
.goem-hero-benefit{display:flex;align-items:center;gap:12px;color:#eef4f8;font-size:12px;line-height:1.4;font-weight:700}
.goem-hero-benefit svg{width:31px;height:31px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.goem-slider-controls{display:flex;align-items:center;gap:15px;flex-shrink:0}
.goem-slider-controls button{width:42px;height:42px;border:1px solid rgba(255,255,255,.68);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:25px;line-height:1;transition:background .2s,color .2s}
.goem-slider-controls button:hover{background:#fff;color:#0b1826}
.goem-slider-count{font-size:12px;letter-spacing:.03em;min-width:47px;text-align:center;font-variant-numeric:tabular-nums}
.goem-slider-count-separator{color:#8394a4;margin-inline:4px}
.goem-hero-progress{position:absolute;z-index:3;left:50%;bottom:19px;transform:translateX(-50%);display:flex;gap:6px}
.goem-hero-progress button{border:0;width:33px;height:3px;border-radius:99px;padding:0;background:rgba(255,255,255,.33)}
.goem-hero-progress button[aria-pressed=true]{background:#fff;width:51px}
/* Showroom strip */
.goem-models{padding:70px 0 42px;background:#f4f6f8}
.goem-section-head{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:29px}
.goem-section-head h2{font:700 clamp(29px,3vw,43px)/1.15 var(--goem-display);letter-spacing:-.05em;margin:8px 0 0}
.goem-section-head p{margin:0 0 4px;max-width:435px;color:#536272;line-height:1.55;font-size:14px}
.goem-model-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.goem-model-card{position:relative;display:block;text-align:left;min-width:0;padding:0 0 20px;border:1px solid #e5eaf0;background:#e9eef3;border-radius:15px;overflow:hidden;color:#091625;transition:box-shadow .25s,transform .25s,border .25s}
.goem-model-card:hover,.goem-model-card.is-active{transform:translateY(-3px);box-shadow:0 15px 28px rgba(26,48,72,.12);border-color:#aec0d0}
.goem-model-card-image{display:block;height:clamp(140px,13vw,225px);overflow:hidden;background:linear-gradient(#e6ebef,#d9dfe7)}
.goem-model-card-image img{width:100%;height:100%;object-fit:contain;object-position:center 58%;mix-blend-mode:multiply;transition:transform .28s}
.goem-model-card:hover .goem-model-card-image img{transform:scale(1.06)}
.goem-model-card-copy{display:flex;flex-direction:column;padding:0 42px 0 17px;gap:4px;margin-top:0}
.goem-model-card-copy strong{font:700 clamp(17px,1.35vw,22px)/1.17 var(--goem-display);letter-spacing:-.055em;white-space:nowrap}
.goem-model-card-copy small{color:#536171;line-height:1.35;font-size:11px;font-weight:650}
.goem-model-arrow{position:absolute;right:14px;bottom:21px;border:1px solid #283b4b;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:17px}
.goem-models-footnote{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:17px}
.goem-models-footnote>span{font-size:11px;color:#718090;max-width:650px}
.goem-models-footnote>a{font-size:13px;font-weight:800;white-space:nowrap}
.goem-models-footnote>a span{margin-left:8px}
/* Why GOEM */
.goem-why{background:#fff;padding:60px 0 66px}
.goem-why-grid{display:grid;grid-template-columns:1.38fr repeat(5,minmax(0,1fr));gap:0}
.goem-why-intro{padding-right:26px}
.goem-why-intro h2{position:relative;font:700 clamp(26px,2.8vw,41px)/1.05 var(--goem-display);letter-spacing:-.052em;margin:8px 0 13px;padding-left:15px}
.goem-why-intro h2::before{content:"";position:absolute;left:0;top:1px;width:3px;height:100%;background:#2c6b91}
.goem-why-intro p{padding-left:15px;color:#546477;font-size:13px;line-height:1.55;max-width:250px;margin:0}
.goem-value{border-left:1px solid #dfe5ed;padding:0 20px;display:flex;flex-direction:column;gap:9px}
.goem-value svg{width:38px;height:38px;fill:none;stroke:#16314b;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:2px}
.goem-value strong{font-size:13px;line-height:1.35;font-weight:800}
.goem-value>span{font-size:11px;line-height:1.65;color:#566576}
/* Technology */
.goem-technology{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 70% 40%,#234d76 0%,#11283e 39%,#091624 85%);color:#fff;min-height:430px}
.goem-technology-visual{position:absolute;z-index:-1;inset:0 0 0 35%;opacity:.8;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 29%,#000 76%,transparent);mask-image:linear-gradient(90deg,transparent,#000 29%,#000 76%,transparent)}
.goem-technology-visual img{width:100%;height:100%;object-fit:cover;object-position:40% center;filter:brightness(.85) saturate(1.05)}
.goem-technology::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,17,29,.94) 0%,rgba(9,27,44,.38) 55%,rgba(6,16,27,.83) 100%)}
.goem-technology-grid{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:430px;padding-block:72px}
.goem-technology-copy{width:440px;max-width:46%}
.goem-technology-copy h2{font:700 clamp(36px,3.4vw,54px)/1.06 var(--goem-display);letter-spacing:-.065em;margin:16px 0 17px}
.goem-technology-copy p{font-size:14px;color:#d1e0eb;line-height:1.65;max-width:315px;margin:0 0 22px}
.goem-technology-points{margin-left:auto;width:250px;display:grid;gap:25px}
.goem-technology-points>div{display:flex;align-items:start;gap:15px}
.goem-technology-points span{width:30px;height:30px;border:1px solid rgba(178,214,234,.5);border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:10px;color:#98dbf6}
.goem-technology-points strong{font-size:13px;line-height:1.5;font-weight:700;padding-top:5px}
/* Story */
.goem-story{display:grid;grid-template-columns:1fr 1fr;min-height:372px;background:#eff3f7}
.goem-story-image{overflow:hidden;background:#dae4ed}
.goem-story-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.goem-story-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:65px clamp(35px,7vw,115px);position:relative;isolation:isolate;overflow:hidden}
.goem-story-content:after{content:'G';font:800 370px/1 var(--goem-display);position:absolute;right:-15px;bottom:-125px;color:rgba(30,62,89,.045);z-index:-1}
.goem-story-content h2{font:700 clamp(30px,3.1vw,45px)/1.15 var(--goem-display);max-width:480px;letter-spacing:-.055em;margin:13px 0}
.goem-story-content p{font-size:13px;max-width:485px;line-height:1.7;color:#516373;margin-bottom:24px}
.goem-text-link{font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid #6b899d;padding-bottom:7px;transition:gap .2s}
.goem-text-link:hover{gap:30px}
/* Dealers and contacts */
.goem-dual-cta{background:linear-gradient(111deg,#21415e,#14314a 49%,#0c1a2a);color:#fff;position:relative;overflow:hidden}
.goem-dual-cta:after{content:"";position:absolute;width:800px;height:340px;border:1px solid rgba(190,220,245,.12);border-radius:50%;right:-250px;top:-130px;transform:rotate(-22deg);pointer-events:none}
.goem-dual-cta-grid{display:grid;grid-template-columns:1fr 1fr;padding-block:37px}
.goem-dual-cta-grid>div{display:flex;align-items:flex-start;gap:30px;padding:0 6%}
.goem-dual-cta-grid>div:first-child{border-right:1px solid rgba(255,255,255,.3);padding-left:0}
.goem-dual-cta-grid>div svg{width:49px;height:49px;flex:0 0 49px;fill:none;stroke:#fff;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.goem-dual-cta h2{font:700 clamp(18px,1.7vw,24px)/1.2 var(--goem-display);margin:4px 0 8px;letter-spacing:-.025em}
.goem-dual-cta p{font-size:12px;line-height:1.5;color:#d7e6f0;margin:0 0 17px}
.goem-dual-cta .goem-button{min-height:36px;font-size:11px;padding:8px 19px;gap:18px}
/* News */
.goem-news{background:#f7f9fb;padding:68px 0 80px}
.goem-section-head--news{align-items:end}
.goem-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.goem-news-card{border-radius:13px;overflow:hidden;border:1px solid #dde5ed;background:#fff;box-shadow:0 5px 15px rgba(26,54,77,.04)}
.goem-news-image{width:100%;height:192px;overflow:hidden;background:#c5d5e0}
.goem-news-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.goem-news-card:hover .goem-news-image img{transform:scale(1.05)}
.goem-news-content{padding:19px 22px 23px;display:flex;flex-direction:column;min-height:135px}
.goem-news-content small{font-size:10px;color:#466888;font-weight:800;text-transform:uppercase}
.goem-news-content h3{font:700 20px/1.25 var(--goem-display);letter-spacing:-.03em;margin:8px 0 14px}
.goem-news-content span{font-size:11px;color:#7b8897;margin-top:auto}
.goem-news-empty{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eaf0f5;border:1px solid #d8e1e9;border-radius:12px;padding:28px}
.goem-news-empty p{color:#586879;margin:0;font-size:13px}
.goem-news-empty a{font-size:12px;font-weight:800;white-space:nowrap}
/* Footer */
.goem-footer{background:#101a26;color:#f5f7f8;padding:55px 0 22px}
.goem-footer-grid{display:grid;grid-template-columns:1.55fr repeat(3,1fr);gap:50px;padding-bottom:40px}
.goem-footer-brand .goem-logo{width:176px}
.goem-footer-brand p{color:#becbd7;font-size:12px;line-height:1.7;max-width:235px;margin:18px 0 0}
.goem-footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.goem-footer-links h2{font-size:13px;font-weight:800;margin:0 0 8px;color:#fff}
.goem-footer-links a,.goem-footer-links span{font-size:12px;line-height:1.45;color:#c2ccd5}
.goem-footer-links a:hover{color:#8bdaf5}
.goem-footer-bottom{border-top:1px solid #405064;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#bcc9d2;font-size:11px}
.goem-footer-sep{color:#66788b;margin:0 7px}
/* Temporary pages from stage 1 */
.goem-section{padding:90px 0;min-height:45vh}.goem-section h1,.goem-section h2{font:700 clamp(31px,4.5vw,58px)/1.1 var(--goem-display)}.goem-note{border:1px solid #dfe6ed;padding:24px;border-radius:8px;max-width:760px;color:#506175}.goem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.goem-card{border:1px solid #dfe6ed;padding:24px;border-radius:10px}
@media(max-width:1280px){.goem-container{width:min(var(--goem-max),calc(100% - 72px))}.goem-logo{width:175px}.goem-nav{gap:20px}.goem-header-actions{gap:15px}.goem-model-card-copy strong{font-size:18px}.goem-model-card-copy{padding-left:12px}.goem-model-arrow{right:9px}.goem-why-grid{grid-template-columns:1.3fr repeat(5,1fr)}.goem-value{padding:0 13px}}
@media(max-width:1040px){.goem-container{width:calc(100% - 48px)}.goem-header-inner{min-height:74px}.goem-logo{width:155px}.goem-header-actions{margin-left:auto}.goem-nav{gap:16px}.goem-nav>a{font-size:12px}.goem-test-ride{padding:8px 12px;font-size:11px}.goem-hero-layout{padding-bottom:90px}.goem-hero-message h1{font-size:clamp(45px,5.5vw,67px)}.goem-hero-product{margin-top:150px}.goem-hero-highlights{gap:14px}.goem-hero-benefit{font-size:11px;gap:8px}.goem-hero-benefit svg{width:26px;height:26px}.goem-model-grid{gap:8px}.goem-model-card-copy strong{font-size:16px}.goem-model-card-copy small{font-size:10px}.goem-model-card-copy{padding-left:9px;padding-right:29px}.goem-model-arrow{width:23px;height:23px;right:6px;bottom:15px}.goem-why-grid{grid-template-columns:repeat(3,1fr);gap:24px}.goem-why-intro{padding-right:15px}.goem-value{border-left:1px solid #dfe5ed;padding-left:24px}.goem-story-content{padding:45px}}
@media(max-width:760px){
 .goem-header{position:relative}.goem-has-home .goem-header{position:absolute}.goem-header-inner{min-height:72px;gap:12px}.goem-logo{width:154px}.goem-header-actions{gap:14px}.goem-languages{font-size:12px}.goem-test-ride{display:none}.goem-menu-button{display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:10px;background:rgba(255,255,255,.07);width:42px;height:42px;padding:0}
 .goem-nav{display:none;position:absolute;left:0;right:0;top:72px;background:#102032;flex-direction:column;align-items:stretch;gap:0;padding:16px 24px 26px;box-shadow:0 28px 40px rgba(0,0,0,.24);max-height:calc(100vh - 74px);overflow:auto}
 .goem-header.is-open .goem-nav{display:flex}.goem-nav>a{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:17px}.goem-nav>a.goem-mobile-test{display:block;border:1px solid #a9c5d8;border-radius:9px;margin-top:19px;padding:13px 18px;text-align:center}
 .goem-home-hero{min-height:770px}.goem-hero-art{width:112%;height:71%;top:72px;right:-24%;opacity:.75;-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 43%);mask-image:linear-gradient(0deg,transparent 0%,#000 43%)}.goem-hero-art::after{background:linear-gradient(180deg,rgba(8,17,28,.28),transparent 37%,rgba(6,14,23,.9))}
 .goem-hero-layout{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:10px;padding-top:130px;padding-bottom:18px}.goem-hero-message{width:100%;padding-top:0}.goem-hero-message .goem-kicker{font-size:11px}.goem-hero-message h1{font-size:clamp(44px,8.1vw,62px);max-width:560px;margin:18px 0}.goem-hero-message p{font-size:13px;max-width:390px;margin:17px 0 20px}.goem-hero-product{margin:9px 0 0;gap:12px;max-width:100%;order:-1;align-self:flex-end}.goem-hero-product-line{min-height:45px}.goem-hero-product strong{font-size:24px}.goem-hero-product span:last-child{font-size:11px;margin-top:3px}
 .goem-hero-bottom{display:flex;flex-direction:column;align-items:stretch;gap:22px;margin-bottom:35px}.goem-hero-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:17px 6px}.goem-hero-benefit{font-size:11px}.goem-slider-controls{align-self:flex-end;gap:13px}.goem-slider-controls button{width:37px;height:37px}.goem-hero-progress{bottom:22px;left:24px;transform:none}
 .goem-models{padding:62px 0 35px}.goem-section-head{align-items:start;flex-direction:column;gap:14px;margin-bottom:23px}.goem-section-head h2{font-size:36px}.goem-section-head p{font-size:13px}.goem-model-grid{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 18px;scrollbar-width:thin;scrollbar-color:#aebdca #eaf0f5}.goem-model-card{flex:0 0 min(69vw,280px);scroll-snap-align:start}.goem-model-card-image{height:195px}.goem-model-card-copy{padding-left:16px}.goem-model-card-copy strong{font-size:20px}.goem-model-card-copy small{font-size:11px}.goem-model-arrow{right:13px}.goem-models-footnote{align-items:flex-start;flex-direction:column;gap:10px}
 .goem-why{padding:55px 0}.goem-why-grid{grid-template-columns:repeat(2,1fr);gap:25px 0}.goem-why-intro{grid-column:1/-1;margin-bottom:10px}.goem-why-intro p{max-width:420px}.goem-value{padding:0 16px;min-height:123px}.goem-value:nth-child(2n){border-left:0;padding-left:0}.goem-value svg{width:31px;height:31px}.goem-value strong{font-size:13px}.goem-value span{font-size:11px}
 .goem-technology{min-height:600px}.goem-technology-grid{min-height:600px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:60px 0 50px}.goem-technology-copy{max-width:100%;width:100%}.goem-technology-copy h2{font-size:44px}.goem-technology-visual{inset:25% -20% 0 0;opacity:.50;-webkit-mask-image:linear-gradient(180deg,transparent,#000 40%,transparent 100%);mask-image:linear-gradient(180deg,transparent,#000 40%,transparent 100%)}.goem-technology-points{margin:0;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:18px}.goem-technology-points>div{gap:9px}.goem-technology-points strong{font-size:11px}
 .goem-story{grid-template-columns:1fr}.goem-story-image{height:300px}.goem-story-content{padding:48px 24px 57px}.goem-story-content h2{font-size:36px}.goem-story-content:after{font-size:270px;bottom:-80px}
 .goem-dual-cta-grid{grid-template-columns:1fr;padding-block:22px}.goem-dual-cta-grid>div{padding:23px 0!important;border-right:0!important}.goem-dual-cta-grid>div:first-child{border-bottom:1px solid rgba(255,255,255,.23)}
 .goem-news{padding:55px 0}.goem-news-grid{grid-template-columns:1fr;gap:16px}.goem-news-image{height:230px}.goem-news-empty{flex-direction:column;align-items:flex-start}
 .goem-footer{padding-top:48px}.goem-footer-grid{grid-template-columns:repeat(2,1fr);gap:35px 20px}.goem-footer-brand{grid-column:1/-1}.goem-footer-bottom{flex-direction:column;gap:9px}
 .goem-grid{grid-template-columns:1fr}
}
@media(max-width:420px){.goem-container{width:calc(100% - 36px)}.goem-logo{width:128px}.goem-header-actions{gap:10px}.goem-hero-message h1{font-size:43px}.goem-hero-art{right:-35%;width:136%}.goem-hero-message .goem-kicker{letter-spacing:.18em}.goem-hero-benefit svg{width:23px;height:23px}.goem-hero-benefit{font-size:10px}.goem-model-card{flex-basis:77vw}.goem-hero-progress{left:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/* Visual calibration after desktop/mobile preview */
@media(min-width:761px){.goem-hero-art{right:0;width:71%}.goem-hero-art img{object-fit:contain;object-position:right center}}
@media(max-width:760px){.goem-technology::before{background:linear-gradient(180deg,rgba(5,17,29,.95),rgba(5,17,29,.3) 42%,rgba(5,17,29,.82) 88%)}.goem-technology-visual{inset:152px -11% 88px 0;opacity:.85;-webkit-mask-image:linear-gradient(180deg,transparent,#000 28%,#000 64%,transparent);mask-image:linear-gradient(180deg,transparent,#000 28%,#000 64%,transparent)}}
.goem-technology-mobile-visual{display:none}
@media(max-width:760px){.goem-technology{min-height:unset}.goem-technology-grid{min-height:unset;gap:22px;padding:55px 0 46px}.goem-technology-visual{display:none}.goem-technology-mobile-visual{display:block;position:relative;width:100%;height:185px;border-radius:14px;overflow:hidden;border:1px solid rgba(142,209,247,.25)}.goem-technology-mobile-visual img{width:100%;height:100%;object-fit:cover}.goem-technology-points{margin-top:2px}}

/* GOEM / approved showroom revision — 2026-11-06.
   UTF-8 Turkish copy, image-led model menu, layered crossfade and clean 5-up showroom. */
html[lang="tr"] body{font-family:'Manrope','Segoe UI',Arial,sans-serif;font-feature-settings:'locl' 1}
html[lang="tr"] .goem-hero-message h1,html[lang="tr"] .goem-model-card-copy strong{font-family:'Manrope','Segoe UI',Arial,sans-serif}
.goem-nav-models{display:flex;align-items:center}
.goem-models-trigger{display:inline-flex;align-items:center;gap:7px;padding:12px 0;color:#eef3f7;font-size:14px;font-weight:700;border:0;background:transparent;white-space:nowrap;transition:color .2s}
.goem-models-trigger:hover,.goem-models-trigger[aria-expanded="true"]{color:#aad7ed}
.goem-models-trigger svg{transition:transform .24s}
.goem-models-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.goem-models-dropdown[hidden]{display:none!important}
.goem-models-dropdown{position:absolute;left:0;right:0;top:100%;background:rgba(245,248,250,.985);color:#101c2a;box-shadow:0 18px 36px rgba(4,14,25,.24);border-top:1px solid #dce6ed;z-index:100;animation:goemMegaAppear .26s ease both}
@keyframes goemMegaAppear{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.goem-mega-inner{padding-top:25px;padding-bottom:32px}
.goem-mega-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:18px}
.goem-mega-head h2{font:800 25px/1.15 var(--goem-font);letter-spacing:-.04em;margin:6px 0 0}
.goem-mega-head a{font-size:12px;font-weight:800;border-bottom:1px solid #8ca8b9;padding-bottom:5px}
.goem-mega-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.goem-mega-card{display:flex;flex-direction:column;align-items:flex-start;padding:12px 12px 14px;background:#e9eef3;border-radius:10px;min-width:0;transition:background .22s,transform .22s}
.goem-mega-card:hover{background:#dce7f0;transform:translateY(-3px)}
.goem-mega-card img{width:100%;height:128px;object-fit:contain;object-position:center;mix-blend-mode:multiply}
.goem-mega-card strong{font:800 14px/1.2 var(--goem-font);text-transform:uppercase;letter-spacing:-.035em;margin:10px 0 3px}
.goem-mega-card small{font-size:10px;color:#617283;line-height:1.45}
/* Hero: the full-bleed environment is layered under the same approved title placement. */
.goem-home-hero{min-height:min(660px,78vh);background:#071522}
.goem-hero-media{position:absolute;z-index:-2;inset:0;overflow:hidden}
.goem-hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.035);transition:opacity .88s cubic-bezier(.22,.61,.36,1),transform 1.25s cubic-bezier(.22,.61,.36,1),visibility 0s linear .9s}
.goem-hero-slide.is-active{opacity:1;visibility:visible;transform:scale(1);transition:opacity .88s cubic-bezier(.22,.61,.36,1),transform 1.25s cubic-bezier(.22,.61,.36,1),visibility 0s}
.goem-hero-slide picture,.goem-hero-slide img{display:block;width:100%;height:100%}
.goem-hero-slide img{object-fit:cover;object-position:center 49%}
.goem-hero-media::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(90deg,rgba(2,12,23,.91),rgba(3,14,24,.70) 26%,rgba(2,12,23,.20) 59%,rgba(2,10,20,.10)),linear-gradient(0deg,rgba(4,13,23,.71) 0%,transparent 36%,rgba(2,9,19,.19) 100%)}
.goem-hero-layout{padding-top:132px;padding-bottom:65px;min-height:470px}
.goem-hero-message{width:min(600px,52%);padding-top:0}
.goem-hero-message h1{font-size:clamp(46px,4.85vw,76px);font-weight:800;letter-spacing:-.055em;line-height:1.04;margin:18px 0 19px;text-wrap:balance}
.goem-hero-product{margin-top:170px;max-width:235px;transition:opacity .35s,transform .35s}
.goem-hero-product.is-changing{opacity:0;transform:translateY(8px)}
.goem-hero-highlights{gap:clamp(15px,2vw,37px)}
.goem-hero-bottom{margin-bottom:42px}
.goem-hero-progress{bottom:23px}
.goem-hero-progress button{transition:width .4s ease,background .4s ease}
/* Match the accepted concept: no thick floating card borders / no excessive gaps. */
.goem-models{background:linear-gradient(180deg,#f2f5f9,#eef2f6);padding:32px 0 36px}
.goem-models-heading{margin-bottom:17px;gap:20px}
.goem-models-heading h2{font-family:var(--goem-font);font-size:clamp(28px,3vw,41px);font-weight:800;letter-spacing:-.055em}
.goem-models-heading .goem-kicker{font-size:10px}
.goem-models-heading p{font-size:12px;max-width:380px}
.goem-models-heading .goem-text-link{flex-shrink:0;font-size:12px;white-space:nowrap}
.goem-model-grid{gap:10px;align-items:stretch}
.goem-model-card{background:#e8ecf2;border:0;border-radius:13px;padding:0 0 14px;min-width:0;box-shadow:none;transition:background .27s,transform .27s,box-shadow .27s}
.goem-model-card:hover{background:#dfe7ed;box-shadow:0 12px 25px rgba(24,48,72,.12);transform:translateY(-4px)}
.goem-model-card-image{height:clamp(145px,14vw,228px);padding:4px 6px 0;background:transparent;overflow:hidden}
.goem-model-card-image img{height:100%;width:100%;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply;transform:scale(1.02);transition:transform .5s ease}
.goem-model-card:hover .goem-model-card-image img{transform:scale(1.07)}
.goem-model-card-copy{padding:7px 32px 0 15px;gap:5px;min-height:57px}
.goem-model-card-copy strong{font:800 clamp(14px,1.45vw,22px)/1.18 var(--goem-font);letter-spacing:-.05em;text-transform:uppercase;white-space:normal}
.goem-model-card-copy small{font-size:11px;line-height:1.36;color:#304254;font-weight:500}
.goem-model-arrow{right:10px;bottom:16px;display:grid;place-items:center;width:29px;height:29px;border:1.5px solid #1e3548;border-radius:50%;font-size:18px;transition:background .25s,color .25s}
.goem-model-card:hover .goem-model-arrow{background:#23394b;color:#fff}
.goem-models-footnote{margin-top:9px}
.goem-models-footnote>span{font-size:10px;color:#71808e}
.goem-list-hero{background:linear-gradient(105deg,#0c1a29,#2a465c);color:#fff;padding:150px 0 90px}
.goem-list-hero h1{font:800 clamp(34px,5vw,68px)/1.07 var(--goem-font);max-width:950px;margin:19px 0 20px;letter-spacing:-.055em}
.goem-list-hero p{color:#c2d1dc;max-width:700px;line-height:1.6}
.goem-models--index{padding:70px 0 95px}.goem-models--index .goem-model-card{min-height:300px}
@media(max-width:1140px){.goem-models-heading{flex-wrap:wrap}.goem-models-heading .goem-text-link{margin-left:auto}.goem-mega-card img{height:105px}.goem-model-card-copy strong{font-size:17px}}
@media(max-width:760px){
 .goem-nav-models{display:block;width:100%}.goem-models-trigger{width:100%;font-size:17px;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12)}
 .goem-models-dropdown{position:static;background:#192f43;color:#fff;box-shadow:none;border:0;animation:none;max-height:52vh;overflow:auto}
 .goem-mega-inner{width:100%;padding:18px 10px}.goem-mega-head{margin-bottom:12px}.goem-mega-head h2{font-size:19px}.goem-mega-head .goem-kicker{color:#bcd1e0}.goem-mega-head a{font-size:10px;color:#fff}
 .goem-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.goem-mega-card{padding:8px}.goem-mega-card img{height:92px}.goem-mega-card strong{font-size:12px}.goem-mega-card small{font-size:9px}
 .goem-home-hero{min-height:790px}.goem-hero-media{inset:0;}.goem-hero-slide img{object-position:62% center}.goem-hero-media::after{background:linear-gradient(180deg,rgba(4,12,22,.35),rgba(4,12,22,.12) 30%,rgba(4,12,22,.77) 62%,rgba(4,12,22,.96))}
 .goem-hero-layout{min-height:630px;padding-top:145px;padding-bottom:15px;justify-content:flex-end;align-items:flex-start;gap:15px}
 .goem-hero-message{width:100%;order:2}.goem-hero-message h1{font-size:clamp(38px,8.1vw,58px);line-height:1.03}.goem-hero-message p{font-size:13px;margin:15px 0 18px}
 .goem-hero-product{order:1;margin:0 0 16px auto;max-width:230px}
 .goem-hero-bottom{margin-bottom:44px}.goem-hero-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}
 .goem-models{padding:48px 0 38px}.goem-models-heading{align-items:flex-start;gap:10px}.goem-models-heading h2{font-size:34px}.goem-models-heading .goem-text-link{margin-left:0}
 .goem-model-grid{gap:12px}.goem-model-card{flex:0 0 min(76vw,305px)}.goem-model-card-image{height:205px}.goem-model-card-copy strong{font-size:20px}
 .goem-list-hero{padding:90px 0 60px}.goem-models--index .goem-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.goem-models--index .goem-model-card{min-height:0}.goem-models--index .goem-model-card-image{height:180px}
}
@media(max-width:440px){.goem-models--index .goem-model-grid{grid-template-columns:1fr}.goem-list-hero h1{font-size:35px}.goem-hero-message h1{font-size:40px}.goem-hero-product{margin-bottom:9px}.goem-hero-slide img{object-position:65% center}}
@media(prefers-reduced-motion:reduce){.goem-hero-slide,.goem-hero-product,.goem-mega-card{transition:none!important;animation:none!important}}

/* Reference-aligned tight showroom immediately below the cinematic hero. */
@media(min-width:1141px){.goem-models{padding-top:19px}.goem-models-heading{margin-bottom:12px;align-items:center}.goem-models-heading .goem-kicker{display:none}.goem-models-heading h2{font-size:23px;margin:0}.goem-models-heading p{display:none}.goem-model-card-image{height:clamp(160px,13vw,205px)}}

/* GOEM / selected visual reference fidelity pass — 2026-11-06.
   Retains existing CMS bindings and routes. No admin-panel CSS changes. */
:root{
  --goem-navy:#30485d;
  --goem-dark:#1d3042;
  --goem-font:'Manrope','Segoe UI',Arial,sans-serif;
  --goem-display:'Oxanium','Manrope','Segoe UI',sans-serif;
}
/* Soft, slightly translucent navy header instead of a near-black solid strip. */
.goem-header{background:#34495c;color:#fff;border-bottom:1px solid rgba(255,255,255,.13)}
.goem-has-home .goem-header{
  background:linear-gradient(90deg,rgba(27,46,65,.76),rgba(38,58,76,.60) 52%,rgba(43,58,71,.55));
  -webkit-backdrop-filter:blur(15px) saturate(118%);
  backdrop-filter:blur(15px) saturate(118%);
  border-bottom:1px solid rgba(255,255,255,.14);
}
.goem-header-inner{min-height:73px}
.goem-nav>a,.goem-models-trigger{font-family:var(--goem-font);font-weight:700;letter-spacing:-.012em}
.goem-nav>a:hover,.goem-models-trigger:hover,.goem-models-trigger:focus-visible{color:#fff;text-decoration:underline;text-decoration-color:#98d3ed;text-underline-offset:7px}
.goem-logo{width:195px}
.goem-logo img{max-height:48px}
.goem-test-ride{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.72)}
.goem-test-ride:hover{background:rgba(255,255,255,.92)}
/* "Modeller" always behaves as a link; a photo menu appears on hover/focus.
   Small-screen submenu has its own separate expand button. */
.goem-nav-models{display:flex;align-items:center}
.goem-models-navrow{display:flex;align-items:center;gap:7px}
.goem-models-trigger{display:inline-flex;align-items:center;padding:12px 0;font-size:14px;white-space:nowrap;color:#eef3f7;text-decoration:none}
.goem-models-caret{display:none;align-items:center;justify-content:center;background:transparent;border:0;color:inherit;padding:7px}
.goem-models-dropdown{
  display:block;visibility:hidden;opacity:0;pointer-events:none;
  transform:translateY(-9px);transition:opacity .22s ease,transform .22s ease,visibility .22s;
  animation:none;background:rgba(250,251,253,.985);border-top:1px solid rgba(225,232,239,.85);
  box-shadow:0 22px 40px rgba(13,28,43,.17)
}
.goem-nav-models:focus-within .goem-models-dropdown,
.goem-nav-models.is-mega-open .goem-models-dropdown{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
@media(min-width:761px) and (hover:hover){
  .goem-nav-models:hover .goem-models-dropdown{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
}
.goem-mega-card{background:#f0f3f7;border:1px solid #e5eaf0;border-radius:10px;box-shadow:none}
.goem-mega-card:hover{background:#e5edf4;border-color:#cbdce9}
.goem-mega-card strong{font-family:var(--goem-display);font-weight:800}
/* Film-like hero matching the supplied reference's relative scale. */
.goem-home-hero{min-height:clamp(515px,34.8vw,610px);background:#162637}
.goem-hero-media::after{
  background:linear-gradient(90deg,rgba(12,25,38,.79) 0%,rgba(15,29,42,.57) 29%,rgba(12,26,38,.10) 59%,rgba(13,25,38,.07) 100%),
  linear-gradient(0deg,rgba(12,25,38,.62) 0%,transparent 36%,rgba(21,36,51,.13) 100%)
}
.goem-hero-layout{min-height:375px;padding-top:97px;padding-bottom:20px}
.goem-hero-message{width:min(610px,52%)}
.goem-hero-message h1,html[lang="tr"] .goem-hero-message h1{
  font-family:var(--goem-display);font-weight:800;letter-spacing:-.045em;
  font-size:clamp(43px,4.2vw,69px);line-height:1.03;margin:19px 0 17px;
  text-transform:uppercase
}
.goem-hero-message .goem-kicker{font-size:13px;letter-spacing:.25em}
.goem-hero-message p{margin-top:16px;max-width:385px;font-size:15px}
.goem-hero-product{margin-top:160px}
.goem-hero-product strong{font-family:var(--goem-display);font-weight:800}
.goem-hero-bottom{margin-bottom:42px}
.goem-hero-benefit{font-size:11px}
.goem-hero-benefit svg{width:29px;height:29px}
.goem-home-hero .goem-hero-progress{bottom:18px}
/* Editorial phrase kept deliberately compact; the five products remain the focus. */
.goem-models:not(.goem-models--index){padding:20px 0 25px;background:linear-gradient(175deg,#f4f6f9 0%,#eef2f7 100%)}
.goem-showroom-head{position:relative;display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px;padding-right:135px;min-height:54px}
.goem-showroom-head-copy{flex:1;min-width:0}
.goem-showroom-eyebrow{display:flex;align-items:center;gap:7px;color:#344e67;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800}
.goem-showroom-eyebrow svg{color:#6290ac;flex-shrink:0}
.goem-showroom-head h2{margin:2px 0 0;font:800 clamp(22px,2.45vw,32px)/1.08 var(--goem-display);letter-spacing:-.035em;text-transform:none;color:#142231}
.goem-showroom-head-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:195px}
.goem-showroom-head-side p{font:500 11px/1.45 var(--goem-font);max-width:295px;text-align:right;color:#576677;margin:0}
.goem-showroom-head-side .goem-text-link{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:#1c3349;white-space:nowrap;transition:gap .2s}
.goem-showroom-head-side .goem-text-link:hover{gap:13px}
.goem-showroom-head-side .goem-text-link svg{display:inline-block}
.goem-showroom-logo{position:absolute;right:0;top:13px;display:block;width:104px;height:29px;object-fit:contain;object-position:center;opacity:.63}
.goem-models:not(.goem-models--index) .goem-model-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.goem-models:not(.goem-models--index) .goem-model-card{
  padding:0 0 12px;border:0;background:#e5eaf0;border-radius:12px;
  box-shadow:none;overflow:hidden;transition:transform .28s ease,background .28s ease,box-shadow .28s ease;
}
.goem-models:not(.goem-models--index) .goem-model-card:hover{
  background:#dfe6ee;transform:translateY(-3px);box-shadow:0 10px 19px rgba(24,47,68,.11)
}
.goem-models:not(.goem-models--index) .goem-model-card-image{
  display:block;height:clamp(150px,11.5vw,190px);padding:0 3px;
  background:linear-gradient(160deg,#eff2f5,#e1e7ed);overflow:hidden;
}
.goem-models:not(.goem-models--index) .goem-model-card-image img{
  width:100%;height:100%;object-fit:contain;object-position:center bottom;
  transform:scale(1.005);transition:transform .4s ease;mix-blend-mode:multiply;
}
.goem-models:not(.goem-models--index) .goem-model-card:hover img{transform:scale(1.045)}
.goem-models:not(.goem-models--index) .goem-model-card-copy{display:flex;flex-direction:column;padding:7px 37px 0 13px;min-height:54px;gap:3px}
.goem-models:not(.goem-models--index) .goem-model-card-copy strong,
html[lang="tr"] .goem-models:not(.goem-models--index) .goem-model-card-copy strong{
  font:800 clamp(15px,1.45vw,22px)/1.08 var(--goem-display);letter-spacing:-.04em;text-transform:uppercase;white-space:normal;color:#0f1d2d;
}
.goem-models:not(.goem-models--index) .goem-model-card-copy small{font:600 10px/1.35 var(--goem-font);color:#435568}
.goem-models:not(.goem-models--index) .goem-model-arrow{width:29px;height:29px;bottom:14px;right:12px;color:#162c40;border:1.5px solid #162c40;background:transparent}
.goem-models:not(.goem-models--index) .goem-model-card:hover .goem-model-arrow{background:#223d56;color:#fff}
.goem-why{padding-top:39px;padding-bottom:44px;background:linear-gradient(180deg,#fff,#f8fafc)}
.goem-why-intro h2,.goem-list-hero h1{font-family:var(--goem-display);font-weight:800}
.goem-why .goem-value strong{font-family:var(--goem-font)}
/* Model index shares the same type family without changing the public panel. */
.goem-models--index .goem-model-card-copy strong{font-family:var(--goem-display);font-weight:800}
@media(min-width:761px) and (max-width:1180px){
  .goem-showroom-head{padding-right:0}.goem-showroom-logo{display:none}
  .goem-models:not(.goem-models--index) .goem-model-card-copy strong{font-size:16px}
}
@media(max-width:760px){
  .goem-header-inner{min-height:69px}
  .goem-nav-models{display:block;width:100%}
  .goem-models-navrow{display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid rgba(255,255,255,.12)}
  .goem-models-trigger{width:auto;border:0;flex:1;padding:16px 0;font-size:17px}
  .goem-models-caret{display:inline-flex;min-width:40px;min-height:40px;border-radius:7px;color:#dbe5ee}
  .goem-models-caret[aria-expanded="true"] svg{transform:rotate(180deg)}
  .goem-models-dropdown{display:none;position:static;visibility:visible;opacity:1;pointer-events:auto;transform:none;transition:none;max-height:min(52vh,440px);overflow-y:auto}
  .goem-nav-models.is-mega-open .goem-models-dropdown{display:block}
  .goem-home-hero{min-height:770px}
  .goem-hero-layout{min-height:610px;padding-top:140px;padding-bottom:20px}
  .goem-hero-message h1,html[lang="tr"] .goem-hero-message h1{font-size:clamp(37px,8vw,52px);letter-spacing:-.035em}
  .goem-hero-media::after{background:linear-gradient(180deg,rgba(22,38,55,.3),rgba(14,27,41,.24) 30%,rgba(14,25,39,.78) 64%,rgba(11,22,37,.95) 100%)}
  .goem-showroom-head{padding-right:0;align-items:flex-start;flex-wrap:wrap;gap:9px;margin-bottom:15px}
  .goem-showroom-head h2{font-size:clamp(23px,5.5vw,33px)}
  .goem-showroom-logo{display:none}
  .goem-showroom-head-side{min-width:0;width:100%;flex-direction:row;justify-content:space-between;align-items:center;gap:12px}
  .goem-showroom-head-side p{font-size:10px;max-width:235px;text-align:left}
  .goem-showroom-head-side .goem-text-link{font-size:10px}
  .goem-models:not(.goem-models--index) .goem-model-grid{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:2px 2px 12px;scrollbar-width:thin}
  .goem-models:not(.goem-models--index) .goem-model-card{flex:0 0 min(72vw,285px);scroll-snap-align:start}
  .goem-models:not(.goem-models--index) .goem-model-card-image{height:190px}
  .goem-models:not(.goem-models--index) .goem-model-card-copy strong{font-size:19px}
  .goem-why{padding:40px 0}
}
@media(max-width:420px){
  .goem-showroom-head-side{align-items:flex-start;flex-direction:column;gap:6px}
  .goem-showroom-head-side p{max-width:100%}
}
@media(prefers-reduced-motion:reduce){.goem-models:not(.goem-models--index) .goem-model-card,.goem-models:not(.goem-models--index) img,.goem-models-dropdown{transition:none!important}}
/* Temporary and portrait-leaning hero uploads should not be cropped into giant close-ups.
   Desktop composition keeps the vehicle right of the typography; mobile stacks the scene above text. */
@media(min-width:761px){
  .goem-hero-slide picture{position:absolute;top:0;right:0;width:min(70%,1020px);height:100%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%);mask-image:linear-gradient(90deg,transparent 0%,#000 18%)}
  .goem-hero-slide img{height:100%;width:100%;object-fit:contain;object-position:right center}
}
@media(max-width:760px){
  .goem-hero-slide picture{position:absolute;top:65px;right:0;width:100%;height:45%;-webkit-mask-image:linear-gradient(180deg,#000 68%,transparent 100%);mask-image:linear-gradient(180deg,#000 68%,transparent 100%)}
  .goem-hero-slide img{height:100%;width:100%;object-fit:contain;object-position:center top}
}

/* GOEM / header softness, reliable mega-menu hover path & editorial technology — v5 */
.goem-header{
  background:linear-gradient(102deg,#455e73 0%,#394f65 55%,#536579 100%);
  border-bottom:1px solid rgba(255,255,255,.22);
  box-shadow:0 7px 26px rgba(13,32,50,.08);
  -webkit-backdrop-filter:blur(18px) saturate(110%);
  backdrop-filter:blur(18px) saturate(110%);
}
.goem-has-home .goem-header{
  background:linear-gradient(100deg,rgba(45,69,90,.78) 0%,rgba(55,75,95,.64) 46%,rgba(84,99,113,.50) 100%);
  border-bottom:1px solid rgba(255,255,255,.21);
  box-shadow:0 10px 28px rgba(9,24,39,.07);
  -webkit-backdrop-filter:blur(19px) saturate(116%);
  backdrop-filter:blur(19px) saturate(116%);
}
/* The hover trigger occupies the full header height: pointer can travel vertically
   down to the flyout without crossing a non-hovered gap. */
@media(min-width:761px){
  .goem-header .goem-nav{align-self:stretch;align-items:stretch}
  .goem-header .goem-nav > a:not(.goem-mobile-test){display:inline-flex;align-items:center}
  .goem-header .goem-nav-models{align-self:stretch;align-items:stretch;height:auto;min-height:73px;position:static}
  .goem-header .goem-models-navrow{align-self:stretch;align-items:center;height:auto}
  .goem-header .goem-models-trigger{height:100%;display:inline-flex;align-items:center}
  .goem-header .goem-models-dropdown{top:calc(100% - 1px)}
  .goem-header .goem-models-dropdown::before{content:"";position:absolute;left:0;right:0;top:-5px;height:7px}
  .goem-header .goem-mega-inner{padding-top:30px}
}
/* The technology area deliberately changes visual rhythm after the product showroom:
   bright editorial introduction + a single dark technical image stage. */
.goem-technology--editorial{
  isolation:auto;background:linear-gradient(148deg,#f9fafb 0%,#eff3f6 56%,#e9eef3 100%);
  color:#14273a;min-height:0;overflow:hidden;
  padding:clamp(68px,6vw,106px) 0 clamp(58px,5.1vw,86px);
}
.goem-technology--editorial::before{display:none}
.goem-tech-shell{position:relative}
.goem-tech-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr);column-gap:clamp(36px,8vw,135px);align-items:end;margin-bottom:clamp(34px,3.6vw,56px)}
.goem-tech-heading{min-width:0}
.goem-tech-overline{display:inline-flex;align-items:center;gap:12px;font:800 11px/1.3 var(--goem-font);color:#3d647e;letter-spacing:.19em;text-transform:uppercase}
.goem-tech-overline-mark{width:37px;height:37px;border:1px solid #c5d4e0;border-radius:50%;display:grid;place-items:center;color:#39667d}
.goem-tech-overline-mark svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linejoin:round}
.goem-technology--editorial .goem-tech-heading h2{font:800 clamp(46px,5.2vw,88px)/.98 var(--goem-display);letter-spacing:-.055em;margin:21px 0 0;text-transform:uppercase;color:#16283b}
.goem-tech-intro-aside{display:flex;flex-direction:column;align-items:flex-start;padding:0 0 4px}
.goem-tech-intro-mark{width:78px;color:#4d7a96;opacity:.78;margin-bottom:16px}
.goem-tech-intro-mark svg{display:block;width:100%;height:auto}
.goem-tech-intro-aside p{font:500 clamp(15px,1.25vw,18px)/1.75 var(--goem-font);color:#506477;max-width:365px;margin:0 0 25px}
.goem-tech-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:#263e53;color:#fff;padding:15px 21px;border-radius:6px;font:800 12px/1.2 var(--goem-font);transition:background .22s,transform .22s}
.goem-tech-link:hover{background:#3b617c;transform:translateY(-2px)}
.goem-tech-link svg{width:19px;height:19px;flex-shrink:0}
.goem-tech-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.33fr);min-height:clamp(320px,29vw,460px);background:#13283d;overflow:hidden;border-radius:8px;box-shadow:0 24px 60px rgba(28,54,75,.14)}
.goem-tech-stage-image{position:relative;min-width:0;min-height:340px;overflow:hidden;background:radial-gradient(ellipse at 62% 43%,#396a87,#172c42 65%)}
.goem-tech-stage-image::after{position:absolute;content:"";inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(6,23,39,.30),transparent 52%),linear-gradient(0deg,rgba(4,19,34,.64),transparent 40%)}
.goem-tech-stage-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 51%;filter:saturate(.87) contrast(1.07);transition:transform .8s ease}
.goem-tech-stage:hover .goem-tech-stage-image img{transform:scale(1.025)}
.goem-tech-image-label{position:absolute;z-index:2;bottom:25px;left:28px;color:#eef7fe;letter-spacing:.19em;font:700 10px/1.2 var(--goem-font)}
.goem-tech-image-label span{padding:0 8px;color:#8cc9e8}
.goem-tech-image-crosshair{position:absolute;top:26px;left:28px;color:rgba(220,246,255,.7);z-index:2}
.goem-tech-image-crosshair svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1}
.goem-tech-stage-panel{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;position:relative;background:linear-gradient(145deg,#304d64 0%,#1c344b 60%,#13273b 100%);color:#fff;padding:clamp(22px,2.6vw,42px);overflow:hidden}
.goem-tech-stage-panel::before{content:"";position:absolute;top:0;left:0;bottom:0;width:1px;background:rgba(255,255,255,.14)}
.goem-tech-stage-symbol{position:relative;width:min(90%,190px);aspect-ratio:1;align-self:center;display:grid;place-items:center;color:#96c2dc;opacity:.74;margin:auto 0}
.goem-tech-stage-symbol svg{width:100%;height:100%}
.goem-tech-stage-panel-bottom{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:14px;width:100%;padding-top:12px}
.goem-tech-panel-index{font:700 11px/1 var(--goem-font);letter-spacing:.13em;color:#c0d0dd}
.goem-tech-panel-index span{opacity:.44;padding:0 5px}
.goem-tech-stage-panel-bottom strong{font:800 clamp(20px,2vw,31px)/1.08 var(--goem-display);letter-spacing:-.035em;max-width:240px}
.goem-tech-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px;border-top:1px solid #cad5de;border-bottom:1px solid #cad5de}
.goem-tech-feature{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:9px;padding:23px 24px 27px;border-left:1px solid #cad5de;transition:background .2s}
.goem-tech-feature:first-child{border-left:0;padding-left:4px}
.goem-tech-feature:last-child{padding-right:4px}
.goem-tech-feature:hover{background:rgba(255,255,255,.5)}
.goem-tech-feature-number{font:700 10px/1 var(--goem-font);color:#7a8fa1;letter-spacing:.14em}
.goem-tech-feature-icon{display:grid;place-items:center;color:#2c526e;margin-top:4px}
.goem-tech-feature-icon svg{width:31px;height:31px;stroke:currentColor;stroke-width:1.45;stroke-linejoin:round;stroke-linecap:round}
.goem-tech-feature strong{font:800 clamp(13px,1vw,15px)/1.4 var(--goem-font);color:#1a3044;max-width:210px}
@media(max-width:1040px){
  .goem-tech-intro{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:30px}
  .goem-technology--editorial .goem-tech-heading h2{font-size:clamp(42px,5.6vw,66px)}
  .goem-tech-stage{grid-template-columns:minmax(0,1fr) minmax(225px,.32fr)}
  .goem-tech-feature{padding-inline:16px}
}
@media(max-width:760px){
  .goem-header,.goem-has-home .goem-header{background:linear-gradient(115deg,rgba(44,69,91,.92),rgba(64,83,101,.82));box-shadow:0 6px 18px rgba(11,31,47,.1)}
  .goem-header .goem-nav-models{height:auto;min-height:0}
  .goem-technology--editorial{padding:65px 0 54px}
  .goem-tech-intro{display:flex;flex-direction:column;align-items:flex-start;gap:27px;margin-bottom:29px}
  .goem-technology--editorial .goem-tech-heading h2{font-size:clamp(43px,9vw,68px);letter-spacing:-.052em;margin-top:18px}
  .goem-tech-intro-aside{width:100%}
  .goem-tech-intro-mark{display:none}
  .goem-tech-intro-aside p{font-size:15px;line-height:1.65;margin-bottom:16px;max-width:510px}
  .goem-tech-stage{display:flex;flex-direction:column;min-height:0}
  .goem-tech-stage-image{height:270px;min-height:0}
  .goem-tech-stage-panel{flex-direction:row;align-items:center;gap:15px;padding:16px 20px;min-height:120px}
  .goem-tech-stage-symbol{width:96px;margin:0;align-self:center;flex:0 0 96px}
  .goem-tech-stage-panel-bottom{padding:0;gap:11px}
  .goem-tech-stage-panel-bottom strong{font-size:22px}
  .goem-tech-features{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:13px}
  .goem-tech-feature{min-height:155px;padding:19px 15px;border-left:0;border-bottom:1px solid #cad5de}
  .goem-tech-feature:nth-child(even){border-left:1px solid #cad5de}
  .goem-tech-feature:nth-last-child(-n+2){border-bottom:0}
  .goem-tech-feature:first-child{padding-left:15px}
  .goem-tech-feature:last-child{padding-right:15px}
}
@media(max-width:420px){.goem-technology--editorial .goem-tech-heading h2{font-size:41px}.goem-tech-stage-image{height:230px}.goem-tech-feature strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.goem-tech-stage-image img,.goem-tech-link{transition:none!important}}
/* The showroom flyout is intentionally opaque so hero typography never bleeds through it. */
.goem-header .goem-models-dropdown{background:#f7f9fb}
@media(max-width:760px){.goem-header .goem-models-dropdown{background:#192f43}}

/* GOEM / Stage 3 — Editorial story, ownership CTAs, journal and footer.
   These selectors intentionally override legacy variants without altering the header or technology stage. */
.goem-story--editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:590px;background:#f0f3f6;color:#142537}
.goem-story-photo{position:relative;overflow:hidden;min-height:530px;background:#24445c}
.goem-story-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,25,40,.65),transparent 50%),linear-gradient(90deg,transparent 70%,rgba(9,30,47,.18));pointer-events:none}
.goem-story-photo>img{width:100%;height:100%;min-height:590px;object-fit:cover;object-position:48% center;transition:transform .9s cubic-bezier(.22,.61,.36,1)}
.goem-story--editorial:hover .goem-story-photo>img{transform:scale(1.018)}
.goem-story-photo-overlay{position:absolute;bottom:40px;left:clamp(28px,5vw,84px);right:40px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;color:#f4f8fb;opacity:.9}
.goem-story-photo-overlay>span{font:800 12px/1 var(--goem-font);letter-spacing:.28em}
.goem-story-photo-overlay svg{width:108px;height:108px;opacity:.65}
.goem-story-editorial-copy{position:relative;display:flex;align-items:center;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#f7f8fa 0%,#e9eff4 100%);padding:76px clamp(40px,6.7vw,118px)}
.goem-story-copy-inner{position:relative;z-index:2;max-width:535px}
.goem-story-section-no{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:.2em;font-weight:800;color:#6e879c;margin-bottom:66px}
.goem-story-section-no i{display:block;height:1px;width:55px;background:#aac1d3}
.goem-story-editorial-copy .goem-kicker{font-size:11px;letter-spacing:.25em;color:#47728a}
.goem-story-editorial-copy h2{font:800 clamp(40px,4vw,66px)/1.05 var(--goem-font);letter-spacing:-.058em;max-width:620px;margin:23px 0 25px;text-wrap:balance}
.goem-story-rule{display:block;width:57px;height:3px;background:#729eb8}
.goem-story-editorial-copy p{max-width:460px;font-size:15px;line-height:1.82;font-weight:500;color:#55697b;margin:25px 0 35px}
.goem-story-action{display:inline-flex;align-items:center;gap:17px;font-size:13px;letter-spacing:.015em;font-weight:800;color:#142b3d}
.goem-story-action-arrow{display:grid;place-items:center;width:43px;height:43px;border:1px solid #9aabba;border-radius:50%;font-size:19px;transition:background .25s,border-color .25s,color .25s,transform .25s}
.goem-story-action:hover .goem-story-action-arrow{background:#1e4058;color:white;border-color:#1e4058;transform:translate(2px,-2px)}
.goem-story-watermark{position:absolute;right:-75px;bottom:-115px;font:800 490px/.9 var(--goem-font);color:rgba(38,77,103,.045);pointer-events:none;z-index:1}
/* Two distinct destination cards instead of a narrow CTA ribbon. */
.goem-journey{position:relative;padding:84px 0;background:linear-gradient(135deg,#1b344a 0%,#173047 54%,#284b64 100%);color:#fff;isolation:isolate;overflow:hidden}
.goem-journey:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 13% 10%,rgba(144,195,220,.14),transparent 37%),linear-gradient(0deg,rgba(6,24,39,.23),transparent);pointer-events:none;z-index:-1}
.goem-journey-container{position:relative}
.goem-journey-intro{display:flex;align-items:center;gap:18px;color:#b7d3e6;opacity:.82;margin-bottom:25px;font:800 12px/1 var(--goem-font);letter-spacing:.3em}
.goem-journey-intro svg{width:83px;height:22px}
.goem-journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.goem-journey-card{min-height:325px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid rgba(207,227,240,.26);background:linear-gradient(148deg,rgba(238,248,255,.12),rgba(154,195,220,.035));border-radius:5px;color:white;padding:31px clamp(25px,3.4vw,54px) 31px;transition:background .3s,border-color .3s,transform .3s}
.goem-journey-card:after{content:"";position:absolute;right:-95px;bottom:-115px;border:1px solid rgba(186,220,242,.17);width:315px;height:315px;border-radius:50%;box-shadow:0 0 0 50px rgba(210,229,245,.025),0 0 0 100px rgba(210,229,245,.018);pointer-events:none}
.goem-journey-card--ride{background:linear-gradient(148deg,rgba(166,203,228,.12),rgba(173,208,230,.035))}
.goem-journey-card:hover{border-color:rgba(230,242,255,.65);transform:translateY(-4px);background-color:rgba(215,235,250,.075)}
.goem-journey-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;color:#c8e0ef}
.goem-journey-card-top svg{width:55px;height:55px;flex:0 0 55px}
.goem-journey-num{font:700 11px/1 var(--goem-font);letter-spacing:.21em}
.goem-journey-card-copy{display:flex;flex-direction:column;gap:12px;max-width:430px;padding:20px 0 26px;position:relative;z-index:1}
.goem-journey-card-copy strong{font:800 clamp(28px,3vw,44px)/1.12 var(--goem-font);letter-spacing:-.05em;text-wrap:balance}
.goem-journey-card-copy>span{font-size:14px;line-height:1.65;color:#c9dbe9}
.goem-journey-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid rgba(221,237,249,.22);padding-top:18px;font-size:12px;letter-spacing:.03em;font-weight:800;position:relative;z-index:1}
.goem-journey-arrow{width:41px;height:41px;display:grid;place-items:center;border:1px solid rgba(227,242,252,.65);border-radius:50%;font-size:20px;transition:background .25s,color .25s}
.goem-journey-card:hover .goem-journey-arrow{background:#fff;color:#1a3a50}
/* Content-managed journal. No invented news cards if CMS is empty. */
.goem-news--journal{padding:105px 0 118px;background:linear-gradient(180deg,#f6f8fa,#edf2f6)}
.goem-journal-grid{display:grid;grid-template-columns:minmax(215px,.72fr) minmax(0,2.45fr);gap:clamp(30px,5vw,84px);align-items:start}
.goem-journal-intro{padding-top:12px}
.goem-journal-eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.2em;font-weight:800;color:#557e98}
.goem-journal-dot{width:22px;height:2px;background:#648da9}
.goem-journal-intro h2{font:800 clamp(33px,3.3vw,52px)/1.07 var(--goem-font);letter-spacing:-.055em;margin:22px 0 18px;max-width:315px}
.goem-journal-intro p{font-size:13px;line-height:1.8;color:#5f7284;max-width:290px;margin:0 0 27px}
.goem-journal-all{display:inline-flex;align-items:center;gap:22px;border:1px solid #a4b8c7;border-radius:999px;padding:12px 17px 12px 21px;font-size:12px;font-weight:800;transition:background .2s,color .2s}
.goem-journal-all:hover{background:#193c56;color:#fff}
.goem-journal-all span{font-size:17px}
.goem-journal-feed{min-width:0}
.goem-news--journal .goem-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.goem-news--journal .goem-news-card{border:1px solid #e0e6ec;border-radius:5px;background:#fff;box-shadow:0 9px 26px rgba(20,45,65,.04);overflow:hidden;transition:transform .24s,box-shadow .24s}
.goem-news--journal .goem-news-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(20,45,65,.12)}
.goem-news--journal .goem-news-card>a{height:100%;display:flex;flex-direction:column}
.goem-news--journal .goem-news-image{height:190px;display:block;width:100%;overflow:hidden;background:#dde6ed}
.goem-news--journal .goem-news-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s}
.goem-news--journal .goem-news-card:hover img{transform:scale(1.045)}
.goem-news--journal .goem-news-content{display:flex;flex-direction:column;flex:1;padding:22px 20px 17px;gap:13px;min-height:190px}
.goem-news--journal .goem-news-content small{color:#467b99;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.goem-news--journal .goem-news-content strong{font:800 clamp(16px,1.28vw,20px)/1.35 var(--goem-font);letter-spacing:-.035em;text-wrap:pretty;color:#1a2e40}
.goem-news-card-bottom{margin-top:auto;padding-top:18px;border-top:1px solid #e9eef3;display:flex;align-items:center;justify-content:space-between;gap:10px}
.goem-news-card-bottom time{font:600 11px/1.2 var(--goem-font);color:#738595}
.goem-news-card-arrow{display:grid;place-items:center;border-radius:50%;border:1px solid #c9d5df;width:30px;height:30px;font-size:16px;color:#274f68}
.goem-news--journal .goem-news-empty{min-height:302px;border:1px dashed #b9cad6;border-radius:4px;background:rgba(255,255,255,.45);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;padding:45px}
.goem-news-empty svg{width:42px;height:42px;color:#567e99}
.goem-news--journal .goem-news-empty p{font-size:14px;max-width:400px;line-height:1.7;color:#556d80}
.goem-news--journal .goem-news-empty a{display:inline-flex;gap:10px;align-items:center;font-size:12px;font-weight:800}
/* Signature footer; preserve dynamic logo and translated content from master page. */
.goem-footer--signature{background:linear-gradient(145deg,#142335 0%,#101c2b 75%,#0c1623 100%);color:#fff;padding:56px 0 20px}
.goem-footer-lead{display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid rgba(207,223,237,.22);padding-bottom:44px;margin-bottom:52px}
.goem-footer-label{font-size:11px;font-weight:700;letter-spacing:.25em;color:#9ab7cb}
.goem-footer-signature h2{font:800 clamp(33px,4.6vw,72px)/1 var(--goem-font);letter-spacing:-.06em;margin:17px 0 0}
.goem-footer-motif{width:180px;max-width:24%;color:#a6c7dc;opacity:.7}
.goem-footer--signature .goem-footer-grid{display:grid;grid-template-columns:1.65fr repeat(3,minmax(0,1fr));gap:40px;padding-bottom:58px}
.goem-footer--signature .goem-footer-brand p{font-size:13px;max-width:305px;margin-top:23px;line-height:1.7;color:#b7cbd9}
.goem-footer--signature .goem-footer-links h2{font-size:13px;color:#edf5fc;letter-spacing:.01em;margin-bottom:11px}
.goem-footer--signature .goem-footer-links a,.goem-footer--signature .goem-footer-links span{font-size:12px;color:#aebfce;transition:color .2s}
.goem-footer--signature .goem-footer-links a:hover{color:#fff}
.goem-footer--signature .goem-footer-bottom{border-color:rgba(207,223,237,.18);padding-top:22px;color:#9db2c3}
.goem-footer-language{display:flex;align-items:center;gap:13px}
.goem-footer-language a{color:#aebfce}
.goem-footer-language a[aria-current=page]{color:#fff;font-weight:800}
.goem-footer-language span{color:#6b879d}
@media(max-width:1100px){
  .goem-story--editorial{min-height:485px}
  .goem-story-photo>img{min-height:485px}
  .goem-story-editorial-copy{padding:52px 45px}
  .goem-story-section-no{margin-bottom:38px}
  .goem-news--journal .goem-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .goem-journal-grid{grid-template-columns:220px minmax(0,1fr);gap:32px}
  .goem-footer--signature .goem-footer-grid{gap:22px}
}
@media(max-width:760px){
  .goem-story--editorial{display:flex;flex-direction:column}
  .goem-story-photo{min-height:0;height:280px}
  .goem-story-photo>img{min-height:0;height:100%;object-position:center}
  .goem-story-photo-overlay{bottom:22px;left:24px;right:24px}
  .goem-story-photo-overlay svg{width:70px;height:70px}
  .goem-story-editorial-copy{padding:48px 24px 62px}
  .goem-story-section-no{margin-bottom:34px}
  .goem-story-editorial-copy h2{font-size:clamp(36px,8vw,49px)}
  .goem-story-editorial-copy p{font-size:14px;margin:21px 0 29px}
  .goem-story-watermark{font-size:300px;right:-40px;bottom:-75px}
  .goem-journey{padding:53px 0 56px}
  .goem-journey-grid{grid-template-columns:1fr;gap:13px}
  .goem-journey-card{min-height:285px;padding:24px}
  .goem-journey-card-copy{padding:12px 0 23px}
  .goem-journey-card-copy strong{font-size:clamp(27px,7vw,36px)}
  .goem-journey-card-copy>span{font-size:13px}
  .goem-news--journal{padding:69px 0 73px}
  .goem-journal-grid{display:flex;flex-direction:column;gap:26px}
  .goem-journal-intro h2{font-size:42px;max-width:500px;margin:16px 0 12px}
  .goem-journal-intro p{max-width:460px}
  .goem-journal-all{margin-top:0}
  .goem-news--journal .goem-news-grid{grid-template-columns:1fr;gap:15px}
  .goem-news--journal .goem-news-image{height:235px}
  .goem-news--journal .goem-news-content{min-height:160px}
  .goem-footer--signature{padding-top:48px}
  .goem-footer-lead{padding-bottom:34px;margin-bottom:40px}
  .goem-footer-signature h2{font-size:clamp(34px,8vw,50px)}
  .goem-footer-motif{max-width:25%;width:85px}
  .goem-footer--signature .goem-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}
  .goem-footer--signature .goem-footer-brand{grid-column:1/-1}
}
@media(max-width:420px){
  .goem-story-editorial-copy{padding-inline:18px}
  .goem-journey-card{padding:22px}
  .goem-footer-lead{align-items:flex-end}
  .goem-footer-motif{width:55px}
}
@media(prefers-reduced-motion:reduce){.goem-story-photo>img,.goem-journey-card,.goem-news--journal .goem-news-card{transition:none!important}}

/* GOEM / stage 4 — real 1920x650 & 1080x1920 responsive full-bleed banner stage.
   Important: place this at the END of the stylesheet, after earlier layout rules. */
@media (min-width:761px){
  .goem-home-hero{height:clamp(490px,33.8541667vw,850px);min-height:0;max-height:none}
  .goem-home-hero .goem-hero-layout{min-height:0;flex:1;padding-top:94px;padding-bottom:23px}
  .goem-home-hero .goem-hero-bottom{margin-bottom:33px}
  .goem-home-hero .goem-hero-product{margin-top:125px}
}
.goem-home-hero .goem-hero-media{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.goem-home-hero .goem-hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.018);transition:opacity 1.1s ease,transform 1.45s ease,visibility 0s linear 1.12s}
.goem-home-hero .goem-hero-slide.is-active{opacity:1;visibility:visible;transform:scale(1);transition:opacity 1.1s ease,transform 1.45s ease,visibility 0s}
.goem-home-hero .goem-hero-slide picture{position:absolute;inset:0;width:100%;height:100%;top:0;right:0;-webkit-mask-image:none;mask-image:none}
.goem-home-hero .goem-hero-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.goem-home-hero .goem-hero-media::after{background:linear-gradient(90deg,rgba(9,23,38,.77) 0%,rgba(15,31,45,.52) 29%,rgba(13,31,45,.10) 65%,rgba(8,23,36,.06)),linear-gradient(0deg,rgba(9,20,33,.61),transparent 35%,rgba(11,23,37,.14) 100%)}
@media (max-width:760px){
  .goem-home-hero{height:100svh;min-height:690px;max-height:1150px;overflow:hidden}
  .goem-home-hero .goem-hero-media,.goem-home-hero .goem-hero-slide,.goem-home-hero .goem-hero-slide picture{inset:0;width:100%;height:100%;top:0;right:0}
  .goem-home-hero .goem-hero-slide picture{-webkit-mask-image:none;mask-image:none}
  .goem-home-hero .goem-hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center center}
  .goem-home-hero .goem-hero-media::after{background:linear-gradient(180deg,rgba(10,23,36,.37) 0%,rgba(10,24,40,.02) 25%,rgba(8,20,33,.33) 49%,rgba(8,20,33,.90) 70%,rgba(8,20,33,.97) 100%)}
  .goem-home-hero .goem-hero-layout{min-height:0;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-top:95px;padding-bottom:16px;gap:14px}
  .goem-home-hero .goem-hero-message{width:100%;padding:0}
  .goem-home-hero .goem-hero-message h1{font-size:clamp(38px,10vw,58px);margin:14px 0 13px}
  .goem-home-hero .goem-hero-message p{margin:12px 0 17px;font-size:13px}
  .goem-home-hero .goem-hero-product{order:-1;margin:0 0 5px auto;align-self:flex-end;max-width:215px}
  .goem-home-hero .goem-hero-bottom{margin-bottom:35px;gap:15px}
  .goem-home-hero .goem-hero-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .goem-home-hero .goem-hero-benefit{font-size:10px;gap:8px}
  .goem-home-hero .goem-hero-benefit svg{width:24px;height:24px}
}
@media (max-width:420px){
  .goem-home-hero{min-height:650px}
  .goem-home-hero .goem-hero-message h1{font-size:clamp(35px,10vw,43px)}
  .goem-home-hero .goem-hero-product strong{font-size:21px}
  .goem-home-hero .goem-hero-benefit{font-size:9.5px}
}

/* Goem catalog & detail: design system shared with the approved front page. */
.goem-model-index-hero{background:linear-gradient(118deg,#172c41,#375269 70%,#526d81);color:#fff;position:relative;overflow:hidden}
.goem-model-index-hero::after{content:"";position:absolute;width:min(45vw,690px);aspect-ratio:1;right:-8%;top:-73%;border:1px solid rgba(225,240,249,.2);border-radius:50%;box-shadow:0 0 0 80px rgba(239,248,255,.025),0 0 0 180px rgba(239,248,255,.02);pointer-events:none}
.goem-model-index-hero-inner{min-height:350px;padding-top:118px;padding-bottom:68px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr);align-items:end;gap:55px;position:relative;z-index:1}
.goem-model-index-headline h1{font:800 clamp(43px,5.2vw,82px)/1.02 var(--goem-display);letter-spacing:-.055em;margin:19px 0 0;text-wrap:balance}
.goem-model-index-hero-inner>p{font:500 16px/1.75 var(--goem-font);color:#e2ebf2;margin:0 0 8px}
.goem-model-index-showroom{padding:78px 0 98px;background:linear-gradient(180deg,#f7f9fa,#edf2f6)}
.goem-model-index-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;color:#182a3a}
.goem-model-index-heading>div{display:flex;align-items:center;gap:16px}
.goem-index-rule{width:3px;height:37px;background:#3a6e8b}
.goem-model-index-heading h2{font:800 clamp(22px,2.5vw,36px)/1.15 var(--goem-display);letter-spacing:-.04em;margin:0}
.goem-index-count{font:800 12px/1 var(--goem-font);letter-spacing:.2em;color:#718293}
.goem-model-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.goem-index-card{display:block;min-width:0;overflow:hidden;background:#e8edf2;border-radius:14px;transition:transform .28s ease,box-shadow .28s ease;color:#102335}
.goem-index-card:hover{transform:translateY(-5px);box-shadow:0 24px 48px rgba(23,47,70,.14)}
.goem-index-card-image{display:block;height:310px;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#f7f9fa,#dfe5ec)}
.goem-index-card-image img{width:100%;height:100%;object-fit:contain;transition:transform .55s ease}
.goem-index-card:hover .goem-index-card-image img{transform:scale(1.04)}
.goem-index-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:23px 23px 25px;min-height:105px}
.goem-index-card-bottom strong{font:800 clamp(21px,2.1vw,30px)/1.1 var(--goem-display);letter-spacing:-.05em;text-transform:uppercase;display:block}
.goem-index-card-bottom small{display:block;font:600 12px/1.5 var(--goem-font);color:#5a6d7e;margin-top:6px}
.goem-index-card-arrow{width:42px;height:42px;flex:none;display:grid;place-items:center;border:1px solid #8797a5;border-radius:50%;font-size:22px;transition:background .22s,color .22s}
.goem-index-card:hover .goem-index-card-arrow{background:#223e55;color:#fff}
.goem-index-empty{padding:60px;background:#e9eff3;color:#274054;border-radius:12px;text-align:center}
.goem-index-empty h2{font:800 27px/1.12 var(--goem-display);margin:0 0 14px}
.goem-index-empty p{font-size:14px;color:#637586}
.goem-index-bottom-cta{background:#172b3e;color:#fff;padding:70px 0}
.goem-index-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.goem-index-bottom-inner h2{font:800 clamp(30px,3.8vw,58px)/1.05 var(--goem-display);letter-spacing:-.04em;max-width:860px;margin:18px 0 0}
.goem-index-bottom-inner .goem-button{flex-shrink:0}

.goem-detail-hero{background:radial-gradient(ellipse at 73% 39%,#526a7b 0%,#2c4255 37%,#152739 85%);color:#fff;min-height:560px;overflow:hidden}
.goem-detail-hero-inner{position:relative;display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:20px;align-items:center;min-height:560px;padding-top:96px;padding-bottom:46px}
.goem-detail-headline{position:relative;z-index:2}
.goem-detail-back{display:inline-flex;font:700 12px/1.4 var(--goem-font);border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:7px;margin-bottom:49px}
.goem-detail-headline h1{font:800 clamp(55px,5.8vw,102px)/.98 var(--goem-display);margin:20px 0 15px;letter-spacing:-.075em;text-transform:uppercase}
.goem-detail-headline p{max-width:400px;font:600 16px/1.7 var(--goem-font);color:#d2e0e9;margin:0 0 27px}
.goem-detail-hero-image{position:relative;height:490px;display:flex;align-items:center;justify-content:center}
.goem-detail-hero-image img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 25px rgba(5,18,30,.28))}
.goem-detail-vertical-tag{position:absolute;right:0;bottom:28px;font:700 11px/1.2 var(--goem-font);letter-spacing:.16em;color:#c0d0db}
.goem-detail-subnav{position:sticky;top:0;z-index:55;background:rgba(248,250,251,.94);backdrop-filter:blur(12px);border-bottom:1px solid #dfe6eb}
.goem-detail-subnav>.goem-container{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:66px}
.goem-detail-subnav-name{font:800 18px/1 var(--goem-display);text-transform:uppercase;color:#233d52}
.goem-detail-subnav .goem-container>div{display:flex;gap:32px}
.goem-detail-subnav a{font-size:12px;font-weight:700;color:#526575}
.goem-detail-subnav a:hover{color:#142b3f}
.goem-detail-intro{padding:110px 0;background:#fff}
.goem-detail-intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}
.goem-detail-intro h2{font:800 clamp(39px,4.8vw,73px)/1.05 var(--goem-display);letter-spacing:-.055em;max-width:850px;margin:24px 0 0}
.goem-detail-intro p{font:500 16px/1.9 var(--goem-font);color:#586d7c;white-space:pre-line}
.goem-detail-inline-cta{font:800 12px/1.4 var(--goem-font);border-bottom:1px solid #647d90;padding-bottom:8px;display:inline-flex;gap:25px;margin-top:18px}
.goem-detail-variants{background:#f4f6f9;padding:75px 0}
.goem-detail-variants h2{font:800 clamp(32px,3vw,48px)/1.1 var(--goem-display);margin:15px 0 28px}
.goem-variant-list{display:flex;flex-wrap:wrap;gap:12px}
.goem-variant-chip{display:inline-flex;align-items:center;gap:12px;border:1px solid #d1dce5;border-radius:9px;background:#fff;padding:14px 19px;color:#192e40;min-width:180px}
.goem-variant-chip span strong,.goem-variant-chip span{font-size:13px;font-weight:800}
.goem-variant-chip small{display:block;font:500 11px/1.5 var(--goem-font);color:#657889;margin-top:3px}
.goem-variant-swatch{width:24px;height:24px;border:1px solid rgba(0,0,0,.1);border-radius:50%;flex:none}
.goem-detail-specs{padding:95px 0 115px;background:#eaf0f5}
.goem-detail-section-head h2{font:800 clamp(36px,4.5vw,66px)/1.05 var(--goem-display);letter-spacing:-.05em;margin:17px 0 12px}
.goem-detail-section-head p{color:#566b7c;font-size:13px;line-height:1.7;max-width:580px}
.goem-spec-list{margin-top:38px;border-top:1px solid #bccbd6}
.goem-spec-row{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-bottom:1px solid #c6d2dc;padding:20px 10px;font-size:15px}
.goem-spec-name{font-weight:700;color:#41576a}
.goem-spec-row small{display:block;font:500 11px/1.5 var(--goem-font);color:#718394;margin-top:5px}
.goem-spec-value{font-weight:800;color:#162d40}
.goem-detail-gallery{background:#fff;padding:90px 0 120px}
.goem-detail-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:42px}
.goem-detail-gallery-grid figure{margin:0;border-radius:9px;overflow:hidden;background:#e8edf2;aspect-ratio:4/3}
.goem-detail-gallery-grid figure img{width:100%;height:100%;object-fit:cover}
.goem-detail-end{padding:94px 0;background:linear-gradient(118deg,#15293b,#375a71);color:#fff}
.goem-detail-end h2{font:800 clamp(36px,4.7vw,72px)/1.04 var(--goem-display);letter-spacing:-.05em;max-width:900px;margin:19px 0 30px}
.goem-detail-missing{min-height:55vh;margin-top:130px;margin-bottom:70px}
@media(max-width:1040px){
  .goem-model-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .goem-index-card-image{height:280px}
  .goem-model-index-hero-inner{gap:25px}
  .goem-detail-intro-grid{gap:36px}
}
@media(max-width:760px){
  .goem-model-index-hero-inner{min-height:0;padding-top:112px;padding-bottom:53px;display:block}
  .goem-model-index-hero-inner>p{margin:23px 0 0;font-size:14px}
  .goem-model-index-headline h1{font-size:clamp(39px,9vw,57px)}
  .goem-model-index-showroom{padding:48px 0 65px}
  .goem-model-index-heading h2{font-size:24px}
  .goem-model-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .goem-index-card-image{height:190px}
  .goem-index-card-bottom{padding:14px;min-height:94px}
  .goem-index-card-bottom strong{font-size:17px}
  .goem-index-card-bottom small{font-size:10px}
  .goem-index-card-arrow{width:28px;height:28px;font-size:17px}
  .goem-index-bottom-inner{display:block}
  .goem-index-bottom-inner h2{margin-bottom:26px}
  .goem-detail-hero-inner{display:flex;flex-direction:column;align-items:flex-start;min-height:0;padding-top:115px;padding-bottom:40px;gap:0}
  .goem-detail-back{margin-bottom:33px}
  .goem-detail-headline h1{font-size:clamp(46px,12vw,77px)}
  .goem-detail-hero-image{height:330px;width:100%}
  .goem-detail-vertical-tag{right:0;bottom:22px}
  .goem-detail-subnav-name{font-size:14px}
  .goem-detail-subnav>.goem-container{gap:15px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
  .goem-detail-subnav .goem-container>div{gap:17px;overflow-x:auto;max-width:100%}
  .goem-detail-subnav a{white-space:nowrap;font-size:11px}
  .goem-detail-intro{padding:72px 0}
  .goem-detail-intro-grid{grid-template-columns:1fr;gap:20px}
  .goem-detail-intro h2{font-size:clamp(35px,8vw,49px)}
  .goem-detail-specs{padding:70px 0 80px}
  .goem-detail-gallery{padding:65px 0 75px}
  .goem-detail-gallery-grid{gap:9px}
}
@media(max-width:430px){
  .goem-model-index-grid{grid-template-columns:1fr}
  .goem-index-card-image{height:240px}
  .goem-index-card-bottom strong{font-size:23px}
  .goem-spec-row{gap:17px;padding:18px 3px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.goem-home-hero .goem-hero-slide,.goem-index-card,.goem-index-card-image img{transition:none!important}}
/* Keep the model detail back link and the eyebrow on separate lines. */
.goem-detail-headline .goem-kicker{display:block}


/* GOEM / full-bleed HERO & true transparent overlay navigation, 2026-11-06
   The source images are 1920 x 650 (desktop) and 1080 x 1920 (mobile).
   IMPORTANT: final overrides remove legacy right-side, contained picture behavior. */
.goem-has-home .goem-header {
  position:fixed;left:0;right:0;top:0;z-index:90;
  background:rgba(6,12,19,.10);border-bottom:1px solid rgba(255,255,255,.13);
  box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  transition:background-color .34s ease,border-color .34s ease,box-shadow .34s ease,-webkit-backdrop-filter .34s ease,backdrop-filter .34s ease;
}
.goem-has-home .goem-header.is-scrolled {
  background:rgba(7,15,24,.79);
  border-bottom-color:rgba(255,255,255,.11);
  box-shadow:0 6px 26px rgba(0,0,0,.15);
  -webkit-backdrop-filter:blur(16px) saturate(110%);
  backdrop-filter:blur(16px) saturate(110%);
}
/* Inner pages keep a neutral dark navigation rather than the old blue bar. */
body:not(.goem-has-home) .goem-header {
  background:rgba(12,22,32,.97);
  border-bottom:1px solid rgba(255,255,255,.10);
}
/* Film image truly occupies the ENTIRE hero: no 70% frame, no contain, no mask. */
.goem-home-hero {
  position:relative;isolation:isolate;overflow:hidden;
  background:#0c1721;
}
.goem-home-hero .goem-hero-atmosphere {position:absolute;inset:0;z-index:-3}
.goem-home-hero .goem-hero-media {
  position:absolute;inset:0;top:0;right:0;bottom:0;left:0;
  width:100%;height:100%;z-index:-2;overflow:hidden;
}
.goem-home-hero .goem-hero-slide,
.goem-home-hero .goem-hero-slide picture,
.goem-home-hero .goem-hero-slide source {max-width:none}
.goem-home-hero .goem-hero-slide {position:absolute;inset:0;width:100%;height:100%}
.goem-home-hero .goem-hero-slide picture {
  display:block;position:absolute;inset:0;top:0;right:0;bottom:0;left:0;
  width:100%;height:100%;max-width:none;opacity:1;
  -webkit-mask-image:none;mask-image:none;transform:none;
}
.goem-home-hero .goem-hero-slide picture img {
  display:block;width:100%;height:100%;max-width:none;max-height:none;
  object-fit:cover;object-position:50% 50%;
  -webkit-mask-image:none;mask-image:none;
}
/* Neutrally darkens the image behind text without dividing the slider into colored halves. */
.goem-home-hero .goem-hero-media::after {
  background:
    linear-gradient(90deg,rgba(5,10,15,.74) 0%,rgba(6,11,17,.50) 29%,rgba(6,11,17,.07) 64%,rgba(6,11,17,.03) 100%),
    linear-gradient(180deg,rgba(3,8,14,.31) 0%,transparent 24%,transparent 65%,rgba(4,8,13,.56) 100%);
}
/* Remove the older blue tint so image and header form one coherent stage. */
.goem-home-hero .goem-hero-atmosphere {background:#0c1721}
.goem-home-hero .goem-hero-atmosphere::after {background:none}
@media(min-width:1200px){
  .goem-home-hero {height:650px;min-height:650px;max-height:none}
  .goem-home-hero .goem-hero-layout{min-height:0;flex:1;padding-top:110px;padding-bottom:24px}
}
@media(min-width:761px) and (max-width:1199px){
  .goem-home-hero {height:clamp(540px,55vw,650px);min-height:0;max-height:none}
  .goem-home-hero .goem-hero-layout{min-height:0;flex:1;padding-top:106px;padding-bottom:18px}
}
@media(max-width:760px){
  /* Use a separate portrait image via the existing <picture><source> media query. */
  .goem-has-home .goem-header {background:rgba(4,11,19,.14);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .goem-has-home .goem-header.is-scrolled {background:rgba(7,15,24,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
  .goem-has-home .goem-header.is-open {background:rgba(8,18,29,.96);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
  .goem-home-hero {height:100svh;height:100dvh;min-height:650px;max-height:none}
  .goem-home-hero .goem-hero-slide picture {top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-mask-image:none;mask-image:none}
  .goem-home-hero .goem-hero-slide picture img {width:100%;height:100%;object-fit:cover;object-position:50% 50%}
  .goem-home-hero .goem-hero-media::after {
    background:linear-gradient(180deg,rgba(4,9,15,.24) 0%,rgba(4,9,15,0) 29%,rgba(4,9,15,.25) 49%,rgba(4,9,15,.82) 73%,rgba(4,9,15,.93) 100%);
  }
  .goem-home-hero .goem-hero-layout {min-height:0;flex:1;padding-top:94px;padding-bottom:14px}
}
@media(max-width:760px) and (orientation:landscape) {
  .goem-home-hero{min-height:650px}
}
@media(prefers-reduced-motion:reduce){
  .goem-has-home .goem-header{transition:none}
}

/* GOEM / 2026-11-06 — curated editorial facelift, CMS-driven hero copy */
.goem-home-hero .goem-hero-message {
  transition:opacity .38s ease,transform .55s cubic-bezier(.2,.8,.2,1);
  will-change:opacity,transform;
}
.goem-home-hero .goem-hero-message.is-changing {
  opacity:.12;
  transform:translateY(9px);
}
.goem-home-hero .goem-hero-message h1 {overflow-wrap:break-word}
.goem-home-hero .goem-hero-message p {max-width:460px}

/* Dealer & test-drive strip immediately after Why GOEM — airy off-white break */
.goem-journey {background:linear-gradient(135deg,#ffffff 0%,#f9fbfc 55%,#ffffff 100%);border-top:1px solid #e3ebef;border-bottom:1px solid #e3ebef;color:#172c40;padding:58px 0 68px}
.goem-journey:before {background:radial-gradient(circle at 95% 90%,rgba(84,116,140,.10),transparent 42%)}
.goem-journey-intro {color:#56778f;opacity:1;margin-bottom:18px}
.goem-journey-card,.goem-journey-card--ride {
  color:#1c3447;border:1px solid #d4e0e8;border-radius:12px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(241,246,249,.96));
  box-shadow:0 18px 50px rgba(42,75,98,.045);min-height:292px;
}
.goem-journey-card--ride {background:linear-gradient(145deg,#f6fafc 0%,#e7f0f6 100%)}
.goem-journey-card::after {display:none}
.goem-journey-card:hover {background-color:transparent;border-color:#8fb1c7;box-shadow:0 22px 45px rgba(33,71,97,.11)}
.goem-journey-card-top {color:#50738e}
.goem-journey-card-copy {max-width:465px;padding:12px 0 24px}
.goem-journey-card-copy strong {color:#162b3f;font-size:clamp(27px,2.85vw,39px)}
.goem-journey-card-copy>span {color:#536b7a}
.goem-journey-card-bottom {border-color:#d9e3ea;color:#284d66}
.goem-journey-arrow {color:#214f6c;border-color:#8da8bb}
.goem-journey-card:hover .goem-journey-arrow {background:#243e53;color:white}
.goem-journey-brandmark {
  position:absolute;right:-14px;bottom:49px;width:min(48%,220px);height:auto;max-height:100px;
  opacity:.075;filter:grayscale(1);pointer-events:none;z-index:0;object-fit:contain;
}
.goem-journey-card-top,.goem-journey-card-copy,.goem-journey-card-bottom {position:relative;z-index:1}

/* Technology / panoramic laboratory — distinct from the former split-panel block */
.goem-technology.goem-tech-lab {
  background:linear-gradient(180deg,#f5f8f8 0%,#eef2f4 100%);padding:104px 0 94px;
  color:#142c42;min-height:unset;overflow:hidden;
}
.goem-tech-lab:before,.goem-tech-lab:after {display:none!important}
.goem-tech-lab-heading {display:grid;grid-template-columns:1.15fr .55fr;align-items:end;gap:9%;margin-bottom:37px}
.goem-tech-lab-kicker {display:inline-flex;align-items:center;gap:11px;color:#385b74;font-weight:800;font-size:12px;letter-spacing:.23em;text-transform:uppercase}
.goem-tech-lab-dot {width:8px;height:8px;background:#5998b2;border-radius:50%;box-shadow:0 0 0 5px rgba(89,152,178,.13)}
.goem-tech-lab-index {font-family:var(--goem-font);letter-spacing:.06em;color:#95a8b5;font-weight:600}
.goem-tech-lab-heading h2 {color:#11293d;font:800 clamp(45px,5vw,83px)/.99 var(--goem-display);letter-spacing:-.06em;margin:22px 0 0}
.goem-tech-lab-heading-right {display:flex;flex-direction:column;gap:21px;padding-bottom:6px}
.goem-tech-lab-heading-right p {margin:0;font-size:clamp(15px,1.3vw,19px);line-height:1.68;color:#466073;max-width:390px}
.goem-tech-lab-action {width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:24px;color:#18354a;font-weight:800;font-size:13px;padding:0 0 12px;border-bottom:2px solid #527b91;transition:gap .3s,border-color .3s;text-decoration:none}
.goem-tech-lab-action span {font-size:20px;line-height:1}
.goem-tech-lab-action:hover {gap:36px;border-color:#173449;color:#173449}
.goem-tech-lab-visual {height:clamp(360px,35vw,560px);position:relative;isolation:isolate;overflow:hidden;border-radius:14px;background:linear-gradient(145deg,#172f45,#345a73)}
.goem-tech-lab-visual::after {content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,20,33,.43),transparent 46%),linear-gradient(90deg,rgba(4,20,33,.16),transparent 55%);pointer-events:none}
.goem-tech-lab-visual img {display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.84);transition:transform .7s ease}
.goem-tech-lab-visual:hover img {transform:scale(1.025)}
.goem-tech-lab-photo-label {position:absolute;z-index:2;left:31px;bottom:29px;font-size:11px;font-weight:750;letter-spacing:.2em;color:rgba(255,255,255,.93)}
.goem-tech-lab-photo-label span {font-family:var(--goem-display);font-size:19px;letter-spacing:0}
.goem-tech-lab-visual-corner {position:absolute;right:24px;top:21px;z-index:2;width:68px;color:#d5edf7}
.goem-tech-lab-visual-corner svg {width:100%}
.goem-tech-lab-features {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #d3dfe5;margin-top:0}
.goem-tech-lab-item {display:grid;grid-template-columns:42px 1fr;grid-template-rows:36px auto;align-items:start;gap:14px 15px;padding:29px 22px 31px;border-right:1px solid #d3dfe5}
.goem-tech-lab-item:first-child {padding-left:0}
.goem-tech-lab-item:last-child {border:0;padding-right:0}
.goem-tech-lab-item-no {font:700 12px/1.2 var(--goem-font);color:#628499;align-self:center}
.goem-tech-lab-item svg {width:32px;height:32px;stroke:#315c77;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;justify-self:start}
.goem-tech-lab-item strong {grid-column:2;grid-row:2;font-weight:800;font-size:clamp(13px,1.25vw,17px);line-height:1.32;max-width:200px}

/* Footer / dynamic manifesto headline + actionable link */
.goem-footer--signature {background:linear-gradient(135deg,#122435 0%,#101d2a 54%,#0a1420 100%);}
.goem-footer-lead {align-items:center;gap:40px;padding:9px 0 48px;margin-bottom:48px}
.goem-footer-signature {max-width:850px}
.goem-footer-signature h2 {font-family:var(--goem-display);font-size:clamp(37px,5.05vw,78px);max-width:780px;line-height:1.02;margin:18px 0 14px;letter-spacing:-.045em}
.goem-footer-signature p {color:#aebfcd;font-size:14px;line-height:1.6;margin:0 0 21px;max-width:460px}
.goem-footer-discover {display:inline-flex;align-items:center;gap:26px;color:#e9f4fa;border-bottom:1px solid #91b4c9;padding-bottom:9px;font-size:13px;font-weight:800;text-decoration:none;transition:gap .25s}
.goem-footer-discover:hover {gap:38px;color:white}
.goem-footer-discover span {font-size:21px;line-height:1}
.goem-footer-motif {width:190px;max-width:22%;opacity:.34}

/* Real technology page: /teknoloji and /en/technology */
.goem-tech-page-hero {background:radial-gradient(ellipse at 90% 10%,#2a4b63,#122538 52%,#0d1b28);color:white;padding:165px 0 95px}
.goem-tech-page-hero .goem-tech-lab-kicker {color:#b5d2e3}
.goem-tech-page-hero h1 {font:800 clamp(51px,6vw,98px)/1 var(--goem-display);letter-spacing:-.05em;margin:22px 0}
.goem-tech-page-hero p {max-width:580px;font-size:18px;line-height:1.7;color:#c0d3df}
.goem-tech-page-content {padding:70px 0 105px;background:#f5f7f8;color:#17334a}
.goem-tech-page-image {height:clamp(300px,36vw,570px);border-radius:12px;overflow:hidden;background:#183347}
.goem-tech-page-image img {display:block;width:100%;height:100%;object-fit:cover}
.goem-tech-page-features {display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:34px 0;border-bottom:1px solid #cad8e0}
.goem-tech-page-features article {padding:11px 0;border-right:1px solid #d0dce3}
.goem-tech-page-features article:last-child {border:0}
.goem-tech-page-features span {font-size:11px;color:#7f9aae;font-weight:700;letter-spacing:.13em}
.goem-tech-page-features h2 {font-size:clamp(16px,1.5vw,22px);margin:16px 8px 0 0;line-height:1.25}
.goem-tech-page-note {display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:32px}
.goem-tech-page-note p {max-width:740px;line-height:1.7;color:#547083;font-size:14px}

@media(max-width:960px) {
  .goem-tech-lab-heading {grid-template-columns:1fr 1fr;gap:5%}
  .goem-tech-lab-heading h2 {font-size:clamp(43px,6.1vw,64px)}
  .goem-tech-lab-item {padding:22px 13px;grid-template-columns:32px 1fr;gap:10px}
  .goem-tech-page-features {grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px) {
  .goem-technology.goem-tech-lab {padding:65px 0 62px}
  .goem-tech-lab-heading {grid-template-columns:1fr;gap:20px;margin-bottom:26px}
  .goem-tech-lab-heading h2 {font-size:clamp(42px,10vw,58px);margin-top:15px}
  .goem-tech-lab-heading-right {gap:15px}
  .goem-tech-lab-heading-right p {max-width:530px;font-size:15px}
  .goem-tech-lab-visual {height:315px;border-radius:8px}
  .goem-tech-lab-photo-label {left:18px;bottom:21px;font-size:9px}
  .goem-tech-lab-visual-corner {width:48px;top:14px;right:14px}
  .goem-tech-lab-features {grid-template-columns:repeat(2,minmax(0,1fr))}
  .goem-tech-lab-item {padding:21px 12px 23px;border-bottom:1px solid #d3dfe5}
  .goem-tech-lab-item:nth-child(odd) {padding-left:0}
  .goem-tech-lab-item:nth-child(even) {border-right:0}
  .goem-tech-lab-item:nth-last-child(-n+2) {border-bottom:0}
  .goem-tech-lab-item strong {font-size:13px}
  .goem-journey {padding:48px 0 58px}
  .goem-journey-card {min-height:256px;padding:23px}
  .goem-journey-card-copy strong {font-size:clamp(27px,7vw,36px)}
  .goem-journey-card-copy>span {color:#4c687a}
  .goem-journey-brandmark {width:min(40%,150px);bottom:48px}
  .goem-footer-lead {padding-bottom:35px;gap:25px}
  .goem-footer-signature h2 {font-size:clamp(37px,8.5vw,55px)}
  .goem-footer-signature p {font-size:13px}
  .goem-footer-motif {width:70px}
  .goem-tech-page-hero {padding:130px 0 70px}
  .goem-tech-page-hero h1 {font-size:clamp(45px,10.4vw,67px)}
  .goem-tech-page-hero p {font-size:15px}
  .goem-tech-page-content {padding:45px 0 65px}
  .goem-tech-page-image {height:320px}
  .goem-tech-page-note {flex-direction:column;align-items:flex-start;gap:14px}
}
@media(max-width:430px) {
  .goem-tech-lab-visual {height:250px}
  .goem-tech-lab-item {grid-template-columns:25px 1fr;gap:9px}
  .goem-tech-lab-item svg {width:28px;height:28px}
  .goem-tech-page-image {height:245px}
  .goem-tech-page-features {gap:9px}
}
@media(prefers-reduced-motion:reduce) {
  .goem-home-hero .goem-hero-message,.goem-tech-lab-visual img,.goem-footer-discover,.goem-tech-lab-action {transition:none!important}
}

/* GOEM Model Detail · technical editorial layout (2026-11-06) */
.goem-detail-hero--editorial{background:radial-gradient(circle at 73% 45%,#60768a 0%,#304a60 36%,#112334 87%)}
.goem-detail-hero--editorial .goem-detail-headline p{max-width:485px}
.goem-detail-keyfacts{background:#132839;color:#fff;padding:30px 0;border-top:1px solid rgba(255,255,255,.1)}
.goem-detail-keyfacts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.goem-detail-keyfact{padding:12px 30px;border-right:1px solid rgba(225,237,245,.22)}
.goem-detail-keyfact:first-child{padding-left:0}.goem-detail-keyfact:last-child{border-right:0}
.goem-detail-keyfact span{display:block;text-transform:uppercase;font-size:11px;letter-spacing:.12em;font-weight:700;color:#a8c4d5}
.goem-detail-keyfact strong{display:block;margin-top:11px;font-family:var(--goem-display);font-size:clamp(23px,2.4vw,39px);line-height:1.08;letter-spacing:-.03em}
.goem-detail-intro--editorial .goem-detail-intro-grid{grid-template-columns:1fr 1fr}
.goem-detail-intro--editorial h2{font-size:clamp(34px,4.3vw,64px);max-width:690px}
.goem-detail-story{background:#f3f5f7;padding:95px 0}
.goem-detail-story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:5%;align-items:center}
.goem-detail-story-copy{max-width:585px}
.goem-detail-story h2,.goem-detail-extra h2{font:800 clamp(33px,3.65vw,60px)/1.1 var(--goem-display);letter-spacing:-.045em;margin:20px 0 22px;color:#142d40}
.goem-detail-story p,.goem-detail-extra p{font:500 16px/1.85 var(--goem-font);white-space:pre-line;color:#4c6779;margin:0}
.goem-detail-story-media{min-height:350px;border-radius:14px;background:linear-gradient(138deg,#e2e8ed,#f9fafb);display:flex;align-items:center;justify-content:center;overflow:hidden}
.goem-detail-story-media img{width:100%;height:100%;max-height:520px;object-fit:contain}
.goem-detail-specs--grouped{background:#eff3f6}
.goem-detail-specgroups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:43px}
.goem-detail-specgroup{background:#fff;border:1px solid #dbe3ea;border-radius:12px;padding:27px 30px 9px;min-width:0}
.goem-detail-specgroup h3{font:800 clamp(20px,1.8vw,28px)/1.25 var(--goem-display);color:#153148;margin:0 0 13px}
.goem-detail-specgroup .goem-spec-list{margin-top:0;border-top:1px solid #e1e8ed}
.goem-detail-specgroup .goem-spec-row{grid-template-columns:1fr auto;gap:20px;padding:17px 0;font-size:14px;border-bottom:1px solid #e1e8ed}
.goem-detail-specgroup .goem-spec-row:last-child{border-bottom:0}
.goem-detail-specgroup .goem-spec-value{text-align:right}
.goem-detail-extra{background:#fff;padding:97px 0}
.goem-detail-extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}
.goem-detail-extra h2{margin-bottom:0}
.goem-detail-extra p{padding-top:32px}
.goem-detail-subnav{scroll-margin-top:0}
#genel-bakis,#teknik,#galeri{scroll-margin-top:85px}
@media(max-width:970px){.goem-detail-keyfact{padding:12px 16px}.goem-detail-specgroups{gap:14px}.goem-detail-specgroup{padding:21px 18px 8px}}
@media(max-width:760px){
 .goem-detail-keyfacts{padding:12px 0}.goem-detail-keyfacts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .goem-detail-keyfact{padding:17px 12px;border-bottom:1px solid rgba(225,237,245,.18)}
 .goem-detail-keyfact:nth-child(even){border-right:0}.goem-detail-keyfact:nth-last-child(-n+2){border-bottom:0}
 .goem-detail-keyfact span{font-size:10px}.goem-detail-keyfact strong{font-size:26px}
 .goem-detail-intro--editorial .goem-detail-intro-grid,.goem-detail-story-grid,.goem-detail-extra-grid{grid-template-columns:1fr;gap:22px}
 .goem-detail-story,.goem-detail-extra{padding:64px 0}
 .goem-detail-story-media{min-height:245px}.goem-detail-story-media img{max-height:340px}
 .goem-detail-specgroups{grid-template-columns:1fr;gap:14px;margin-top:27px}
 .goem-detail-extra p{padding-top:0}
}

.goem-detail-related{padding:86px 0 105px;background:#f4f7f9}
.goem-detail-related-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:32px}
.goem-detail-related-head h2{font:800 clamp(32px,3.4vw,52px)/1.1 var(--goem-display);letter-spacing:-.04em;margin:13px 0 0;color:#152e40}
.goem-detail-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.goem-detail-related-card{position:relative;background:#fff;border:1px solid #dce5eb;border-radius:10px;padding:17px 17px 23px;color:#162f44;text-decoration:none;transition:transform .2s,border-color .2s}
.goem-detail-related-card:hover{transform:translateY(-4px);border-color:#a6b9c7}
.goem-detail-related-media{display:block;aspect-ratio:4/3;border-radius:7px;background:#e9eff3;overflow:hidden;margin-bottom:19px}
.goem-detail-related-media img{width:100%;height:100%;object-fit:contain;transition:transform .45s}
.goem-detail-related-card:hover img{transform:scale(1.035)}
.goem-detail-related-card strong{display:block;font:800 23px/1.2 var(--goem-display);text-transform:uppercase}
.goem-detail-related-card small{display:block;max-width:85%;font-size:12px;line-height:1.6;color:#667d8b;margin-top:7px}
.goem-detail-related-arrow{position:absolute;right:20px;bottom:22px;font-size:20px}
@media(max-width:760px){.goem-detail-related{padding:56px 0}.goem-detail-related-head{align-items:start;flex-direction:column;gap:8px}.goem-detail-related-grid{grid-template-columns:1fr}.goem-detail-related-media{max-height:260px}.goem-detail-related-card strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.goem-detail-related-card,.goem-detail-related-media img{transition:none!important}}


/* GOEM / model-specific properties and variant-linked photo navigation */
.goem-variant-note{margin:0 0 16px;color:#586d7c;font:500 14px/1.6 var(--goem-font)}
.goem-variant-chip{cursor:pointer;text-align:left;font-family:var(--goem-font);transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}
.goem-variant-chip:hover{border-color:#64869c;transform:translateY(-2px)}
.goem-variant-chip[aria-pressed="true"]{border-color:#244a66;background:#fff;box-shadow:inset 0 0 0 1px #244a66,0 10px 24px rgba(25,47,66,.08)}
.goem-variant-chip:focus-visible{outline:3px solid #77b8da;outline-offset:3px}
.goem-variant-current{font:600 12px/1.5 var(--goem-font);color:#36566b;min-height:1.5em;margin:15px 0 0}
.goem-detail-hero-image img{transition:opacity .3s ease,transform .3s ease}
.goem-detail-hero-image img.goem-switching{opacity:.38;transform:scale(.98)}
.goem-detail-gallery-grid.goem-variant-ready figure:not(.goem-gallery-visible){display:none}
.goem-detail-gallery-grid.goem-variant-ready figure.goem-gallery-visible{display:block}
@media(prefers-reduced-motion:reduce){.goem-detail-hero-image img,.goem-variant-chip{transition:none}}

.goem-variant-specgroup[hidden],.goem-spec-row[hidden]{display:none!important}

/* GOEM / Model UX refinement: retain approved visual identity, improve controls. */
.goem-variant-list--refined{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:13px}
.goem-variant-list--refined .goem-variant-chip{min-width:0;width:100%;min-height:78px;border-radius:13px;padding:17px 18px;gap:15px}
.goem-variant-list--refined .goem-variant-swatch{display:inline-block;flex:0 0 38px;width:38px;height:38px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #bbcbd5,0 3px 8px rgba(24,48,64,.09)}
.goem-variant-list--refined .goem-variant-chip[aria-pressed="true"]{border-color:#23506b;background:#e9f1f6;box-shadow:0 0 0 2px rgba(50,112,152,.18)}
.goem-variant-list--refined .goem-variant-chip[aria-pressed="true"] .goem-variant-swatch{box-shadow:0 0 0 2px #23506b}
.goem-gallery-open{position:relative;display:block;padding:0;border:0;background:none;color:inherit;cursor:zoom-in;width:100%;height:100%;text-align:inherit}
.goem-gallery-open img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.goem-gallery-open:hover img{transform:scale(1.025)}
.goem-gallery-open:focus-visible{outline:3px solid #66a6c9;outline-offset:3px}
.goem-gallery-zoom{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#fff;color:#23445b;font:600 23px/1 var(--goem-font);box-shadow:0 3px 15px #152e3b33}
.goem-gallery-dialog{position:fixed;inset:0;margin:auto;width:min(94vw,1250px);height:min(92dvh,840px);max-width:none;max-height:none;overflow:hidden;padding:54px 58px 26px;border:1px solid #3c5c73;border-radius:14px;background:#0e1c29;color:#fff;box-shadow:0 30px 80px #01080f77}
.goem-gallery-dialog::backdrop{background:rgba(2,11,18,.88);backdrop-filter:blur(6px)}
.goem-gallery-dialog figure{height:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.goem-gallery-dialog img{max-height:calc(100% - 32px);max-width:100%;height:auto;width:auto;object-fit:contain}
.goem-gallery-dialog figcaption{font:500 13px/1.5 var(--goem-font);color:#b8d1df;text-align:center}
.goem-lightbox-close,.goem-lightbox-nav{position:absolute;z-index:2;display:grid;place-items:center;border:1px solid #91a4b455;border-radius:50%;background:#192e40;color:#fff;cursor:pointer}
.goem-lightbox-close{top:15px;right:18px;width:38px;height:38px;font-size:29px}
.goem-lightbox-nav{top:50%;transform:translateY(-50%);width:38px;height:48px;border-radius:9px;font-size:35px}
.goem-lightbox-prev{left:12px}.goem-lightbox-next{right:12px}
.goem-lightbox-close:focus-visible,.goem-lightbox-nav:focus-visible{outline:3px solid #8cc6ed;outline-offset:3px}
.goem-related-actions{display:flex;align-items:center;gap:10px}
.goem-related-actions .goem-detail-inline-cta{margin-right:12px}
.goem-related-control{width:43px;height:43px;flex:none;border:1px solid #9aafbd;border-radius:50%;background:#fff;color:#18374b;font-size:22px;cursor:pointer;transition:background .2s,color .2s}
.goem-related-control:hover{background:#1c3b50;color:#fff}
.goem-detail-related-grid{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain;padding:7px 2px 18px}
.goem-detail-related-grid .goem-detail-related-card{flex:0 0 clamp(235px,30%,355px);scroll-snap-align:start;min-width:0}
.goem-detail-related-card:focus-visible{outline:3px solid #79b5d7;outline-offset:2px}
.goem-models-trail{display:flex;align-items:center;gap:12px;grid-column:1/-1;font:600 12px/1.4 var(--goem-font);letter-spacing:.09em;color:#d0e2ef;margin-bottom:-24px}
.goem-models-trail a{color:#e7f5ff;text-decoration:none;border-bottom:1px solid #a0c9dc77;padding-bottom:4px}
.goem-models-trail span:last-child{opacity:.75}
.goem-index-bottom-cta--fresh{background:linear-gradient(110deg,#edf4f8 2%,#d5e5ef 61%,#c2d5e1);color:#173246;border-top:1px solid #dce8ed;position:relative;overflow:hidden}
.goem-index-bottom-cta--fresh::after{content:"";position:absolute;right:-60px;top:-80px;width:420px;height:420px;border:1px solid #7096b333;border-radius:50%;pointer-events:none;box-shadow:0 0 0 70px #7096b312,0 0 0 140px #7096b30c}
.goem-index-bottom-cta--fresh .goem-index-bottom-inner{position:relative;z-index:1}
.goem-index-bottom-cta--fresh .goem-kicker{color:#365e76}
.goem-index-bottom-cta--fresh h2{color:#132d40}
.goem-index-bottom-cta--fresh p{max-width:530px;color:#435f72;font:500 15px/1.65 var(--goem-font);margin:14px 0 0}
.goem-button--navy{background:#17394f!important;color:#fff!important;border:1px solid #17394f;display:inline-flex;align-items:center;gap:20px;white-space:nowrap}
.goem-button--navy:hover{background:#2d5974!important}
@media(max-width:760px){
 .goem-models-trail{margin-bottom:22px}
 .goem-variant-list--refined{grid-template-columns:repeat(2,minmax(0,1fr))}
 .goem-variant-list--refined .goem-variant-chip{padding:12px;gap:9px;min-height:75px}
 .goem-variant-list--refined .goem-variant-swatch{width:28px;height:28px;flex-basis:28px}
 .goem-detail-related-grid{display:flex;gap:14px}
 .goem-detail-related-grid .goem-detail-related-card{flex-basis:min(78vw,320px)}
 .goem-detail-related-head{align-items:flex-start;gap:16px}
 .goem-related-actions{width:100%;justify-content:flex-end}
 .goem-related-actions .goem-detail-inline-cta{margin-right:auto}
 .goem-gallery-dialog{width:100vw;height:100dvh;padding:70px 36px 42px;border:0;border-radius:0}
 .goem-lightbox-prev{left:3px}.goem-lightbox-next{right:3px}
 .goem-index-bottom-cta--fresh .goem-index-bottom-inner{align-items:start}
}
@media(prefers-reduced-motion:reduce){.goem-gallery-open img,.goem-related-control{transition:none}}

/* GOEM / independent color stage and model gallery — stage 10 */
.goem-color-stage{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,.75fr);gap:20px;margin-top:22px;padding:20px;border:1px solid #dbe5ec;border-radius:14px;background:linear-gradient(120deg,#edf3f6,#fff)}
.goem-color-stage-main{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:340px;border:0;border-radius:10px;padding:15px;background:#e5edf2;cursor:zoom-in;overflow:hidden}
.goem-color-stage-main img{width:100%;max-height:410px;object-fit:contain;filter:drop-shadow(0 18px 24px #1b364522)}
.goem-color-stage-main:focus-visible,.goem-color-thumb:focus-visible{outline:3px solid #397ca6;outline-offset:3px}
.goem-color-stage-hint{position:absolute;left:16px;bottom:14px;font:600 11px/1.45 var(--goem-font);letter-spacing:.05em;color:#25475c;background:#fffc;padding:7px 11px;border-radius:5px}
.goem-color-stage-side{padding:15px 7px 7px 0;min-width:0}
.goem-color-stage-side p{font:500 14px/1.65 var(--goem-font);color:#536b7b;margin:15px 0 20px}
.goem-color-thumbnails{display:flex;gap:9px;overflow-x:auto;max-width:100%;padding:4px 2px 15px;scrollbar-width:thin;scroll-snap-type:x proximity}
.goem-color-thumb{flex:0 0 80px;width:80px;height:74px;padding:3px;border:1px solid #cad9e3;border-radius:8px;background:#fff;cursor:pointer;scroll-snap-align:start}
.goem-color-thumb[aria-pressed="true"]{border-color:#1d4e6b;box-shadow:0 0 0 2px #356b8c33}
.goem-color-thumb img{width:100%;height:100%;object-fit:contain}
.goem-color-stage-controls{display:flex;gap:8px;margin-top:10px}
.goem-color-stage-controls button{width:42px;height:40px;border:1px solid #b6cad6;background:#fff;color:#164057;border-radius:8px;cursor:pointer}
.goem-color-stage-controls button:hover{background:#e1ecf3}
.goem-detail-gallery-grid:not(.goem-variant-ready) figure{display:block}
.goem-detail-related-grid{cursor:grab;user-select:none;scrollbar-width:none;-ms-overflow-style:none;touch-action:auto}
.goem-detail-related-grid::-webkit-scrollbar{display:none}
.goem-detail-related-grid .goem-detail-related-card{flex:0 0 clamp(300px,36%,470px)}
.goem-detail-related-grid.is-pointer-dragging{cursor:grabbing;scroll-snap-type:none}
.goem-related-control:disabled{opacity:.35;cursor:default}
.goem-related-progress-rail{height:3px;border-radius:2px;background:#d8e4e9;max-width:260px;width:100%;overflow:hidden;margin-top:24px}
.goem-related-progress{height:100%;width:20%;background:#2f5b73;border-radius:2px;transition:width .18s}
@media(max-width:760px){.goem-detail-related-grid .goem-detail-related-card{flex-basis:min(78vw,320px)}.goem-color-stage{grid-template-columns:1fr;padding:12px;gap:8px}.goem-color-stage-main{min-height:245px;padding:9px}.goem-color-stage-main img{max-height:315px}.goem-color-stage-side{padding:8px 2px}.goem-color-stage-side p{margin:9px 0}.goem-color-thumb{flex-basis:72px;width:72px;height:68px}.goem-related-progress-rail{max-width:100%}}
@media(prefers-reduced-motion:reduce){.goem-related-progress{transition:none}}

/* CMS navigation child links: keyboard accessible and visually consistent */
.goem-nav{position:relative}.goem-simple-submenu{position:absolute;top:calc(100% + 16px);right:0;background:#132838;border:1px solid #ffffff26;box-shadow:0 14px 35px #0005;border-radius:12px;min-width:190px;padding:12px;display:none;z-index:98}
.goem-simple-submenu a{display:block;padding:10px 12px;border-radius:7px;font-size:13px;color:#eef5fa}
.goem-simple-submenu a:hover,.goem-simple-submenu a:focus-visible{background:#ffffff15}
@media(max-width:1024px){.goem-simple-submenu{position:static;display:flex;flex-direction:column;background:transparent;box-shadow:none;border:0;padding:0 12px}}

.goem-nav-subgroup{position:relative;display:flex;align-items:center}.goem-nav-subgroup>a{font-size:14px;font-weight:700;color:#eef3f7;white-space:nowrap}.goem-nav-subgroup:hover>.goem-simple-submenu,.goem-nav-subgroup:focus-within>.goem-simple-submenu{display:flex;flex-direction:column}.goem-nav-subgroup>.goem-simple-submenu{top:100%;right:auto;left:0}
@media(max-width:1024px){.goem-nav-subgroup{flex-direction:column;align-items:stretch}.goem-nav-subgroup>.goem-simple-submenu{display:flex;position:static}}

/* GOEM / Model detail refinement: gallery editorial grid + gentle section boundaries. */
.goem-detail-variants,.goem-detail-extra,.goem-detail-gallery{position:relative;isolation:isolate}
.goem-detail-variants::before,.goem-detail-extra::before,.goem-detail-gallery::before{
 content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);
 width:min(78%,960px);height:1px;
 background:linear-gradient(90deg,transparent,rgba(49,95,120,.34),transparent);pointer-events:none}
.goem-detail-variants{background:linear-gradient(180deg,#eef3f8 0%,#f6f8fa 20%,#f4f6f9 100%);padding-top:108px}
.goem-detail-variants::after{content:"";position:absolute;top:33px;left:calc(50% - 23px);width:46px;height:4px;border-radius:4px;background:#7195ac55;pointer-events:none}
.goem-detail-extra{background:linear-gradient(180deg,#f6f8fa 0%,#fff 27%);padding-top:120px;padding-bottom:120px}
.goem-detail-gallery{background:linear-gradient(180deg,#f8fafb 0%,#fff 19%);padding-top:125px}
.goem-detail-story{background:linear-gradient(180deg,#f3f5f7,#fff)}
.goem-detail-story-media{box-shadow:0 24px 54px rgba(31,67,91,.075)}
.goem-detail-gallery-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;grid-auto-flow:row dense}
.goem-detail-gallery-grid figure{grid-column:span 6;border:1px solid #e0e9ee;border-radius:15px;aspect-ratio:4/3;box-shadow:0 10px 28px rgba(22,49,70,.055)}
.goem-detail-gallery-grid figure:nth-child(3n+1){grid-column:span 8;aspect-ratio:16/10}
.goem-detail-gallery-grid figure:nth-child(3n+2){grid-column:span 4;aspect-ratio:4/5}
.goem-detail-gallery-grid figure:nth-child(3n){grid-column:span 12;aspect-ratio:21/9}
.goem-detail-gallery-grid figure img{object-fit:contain;background:linear-gradient(135deg,#edf2f6,#f8fafc)}
.goem-detail-gallery-grid .goem-gallery-open{overflow:hidden}
.goem-detail-gallery-grid .goem-gallery-open:hover img{transform:scale(1.03)}
@media(max-width:760px){
 .goem-detail-variants,.goem-detail-extra,.goem-detail-gallery{padding-top:78px;padding-bottom:76px}
 .goem-detail-variants::after{top:25px}
 .goem-detail-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .goem-detail-gallery-grid figure,.goem-detail-gallery-grid figure:nth-child(n){grid-column:span 1;aspect-ratio:4/5;border-radius:10px}
 .goem-detail-gallery-grid figure:first-child{grid-column:span 2;aspect-ratio:16/11}
 .goem-detail-gallery-grid figure img{object-fit:contain}
}
@media(prefers-reduced-motion:reduce){.goem-detail-gallery-grid .goem-gallery-open:hover img{transform:none}}


/* GOEM 2026-11-07 / FIX: Full-width navigation showroom.
   Older generic .goem-nav { position:relative } accidentally constrained the
   absolute mega-menu to the narrow desktop nav and collapsed 5 product cards. */
@media (min-width:761px) {
  .goem-header .goem-nav {position:static;}
  .goem-header .goem-nav-models {position:static;}
  .goem-header #goemMegaModels {
    position:absolute;top:calc(100% - 1px);left:0;right:0;
    width:100%;max-width:none;box-sizing:border-box;z-index:120;
    max-height:min(76vh,490px);overflow-y:auto;overflow-x:hidden;
  }
  .goem-header #goemMegaModels .goem-mega-inner {
    width:min(var(--goem-max),calc(100% - 104px));
    margin-inline:auto;padding:25px 0 29px;
  }
  .goem-header #goemMegaModels .goem-mega-head {
    display:flex;align-items:center;justify-content:space-between;
    gap:26px;margin-bottom:20px;
  }
  .goem-header #goemMegaModels .goem-mega-grid {
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
    gap:clamp(9px,1vw,17px);align-items:stretch;
  }
  .goem-header #goemMegaModels .goem-mega-card {
    min-width:0;display:flex;flex-direction:column;
    padding:12px 14px 16px;border-radius:13px;
    overflow:hidden;overflow-wrap:anywhere;
  }
  .goem-header #goemMegaModels .goem-mega-card img {
    display:block;width:100%;height:clamp(92px,9vw,144px);
    flex:0 0 auto;object-fit:contain;
  }
  .goem-header #goemMegaModels .goem-mega-card strong {
    font-size:clamp(13px,1.05vw,17px);line-height:1.25;
    margin:9px 0 4px;letter-spacing:-.025em;
  }
  .goem-header #goemMegaModels .goem-mega-card small {
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
    line-clamp:2;overflow:hidden;font-size:11px;line-height:1.45;
    max-height:3em;overflow-wrap:break-word;
  }
}
@media (min-width:761px) and (max-width:1024px) {
  .goem-header #goemMegaModels .goem-mega-inner {width:calc(100% - 48px)}
  .goem-header #goemMegaModels .goem-mega-card {padding:10px}
  .goem-header #goemMegaModels .goem-mega-card img {height:94px}
  .goem-header #goemMegaModels .goem-mega-card small {font-size:10px}
}
@media (max-width:760px) {
  /* The mobile navigation still needs its own absolute dropdown surface. */
  .goem-header .goem-nav {position:absolute;}
  .goem-header #goemMegaModels {
    position:static;width:100%;max-width:100%;max-height:52vh;
    overflow-y:auto;overflow-x:hidden;
  }
  .goem-header #goemMegaModels .goem-mega-card small {
    display:-webkit-box;-webkit-box-orient:vertical;
    -webkit-line-clamp:2;line-clamp:2;overflow:hidden;
  }
}

/* Stage 15: Color navigation and honest per-variant media state. */
.goem-detail-variants,.goem-detail-intro,.goem-detail-specs,.goem-detail-gallery{scroll-margin-top:105px}
.goem-detail-subnav .goem-container>div{min-width:0;scrollbar-width:none}
.goem-detail-subnav .goem-container>div::-webkit-scrollbar{display:none}
.goem-color-missing[hidden],#goemColorMainImage[hidden]{display:none!important}
.goem-color-stage-main:disabled{cursor:default}
.goem-color-stage--empty .goem-color-stage-hint{display:none}
.goem-color-missing{display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;text-align:center;max-width:360px;padding:28px;color:#35556b;font:500 14px/1.6 var(--goem-font)}
.goem-color-missing strong{font-weight:800;color:#19354a;font-size:17px;line-height:1.35}
.goem-color-missing-dot{display:block;width:54px;height:54px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 1px #adc3d1,0 5px 14px #142b3f22;margin-bottom:8px}
.goem-color-stage--empty .goem-color-stage-controls button{opacity:.45;pointer-events:none}
@media(max-width:760px){.goem-detail-subnav>.goem-container>div{scroll-snap-type:x proximity}.goem-detail-subnav a{scroll-snap-align:start}.goem-detail-variants,.goem-detail-intro,.goem-detail-specs,.goem-detail-gallery{scroll-margin-top:130px}}