/* Базовая система — принятый макет v12 (rl-china-page-v12/china-page.html), без изменений стиля */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(oswald-500.woff2) format('woff2');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(oswald-600.woff2) format('woff2');
}

*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:#121316;color:#f2f3f5;font-family:'Segoe UI',Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #86c0eb;outline-offset:5px}button{color:inherit}img{display:block;max-width:100%}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.draft{padding:9px 24px;background:#dce4ec;color:#263442;font-size:12px;text-align:center;letter-spacing:.03em}.top{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid #ffffff26;gap:24px}.logo{font-family:Oswald,'Arial Narrow',sans-serif;font-size:25px;line-height:.95;letter-spacing:.03em;min-width:145px}.logo b{color:#8cacc4}.logo small{font-family:'Segoe UI',sans-serif;font-size:9px;letter-spacing:.21em;display:block;margin-top:9px}.nav{display:flex;gap:25px;font-size:13px}.contact{font-size:15px;font-weight:600}.contact small{display:block;font-size:11px;color:#a1acb8;font-weight:400;text-align:right}.eyebrow{font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:#9cb2c5}.intro{position:relative;min-height:590px;display:flex;align-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.intro:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101216 4%,#101216dd 31%,#10121610 75%)}.hero-copy{position:relative;z-index:1;width:min(1240px,calc(100% - 96px));margin:auto;padding:60px 0}.hero-copy .text{max-width:590px}h1,h2,h3,p{margin-top:0}h1{font-family:Oswald,'Arial Narrow',sans-serif;font-size:clamp(42px,5.5vw,76px);font-weight:500;line-height:1.06;letter-spacing:-.025em;margin:22px 0}h1 em{font-style:normal;color:#a9c6db}h2{font-family:Oswald,'Arial Narrow',sans-serif;font-size:40px;line-height:1.12;font-weight:500;letter-spacing:-.015em;margin-bottom:20px}h3{font-size:23px;font-weight:500;line-height:1.2}.lead{color:#b8c2cc;max-width:430px;font-size:17px;line-height:1.65}.actions{display:flex;gap:12px;align-items:center;margin-top:28px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 22px;min-height:50px;border:1px solid #485260;background:transparent;font-size:13px;font-weight:600}.primary{background:#88b4d3;color:#132231;border-color:#88b4d3}.arrow{font-size:20px}.caption{position:absolute;right:36px;bottom:22px;z-index:1;font-size:10px;color:#bbc3cd;max-width:260px;text-align:right}.location{font-size:11px;color:#98a5b3;margin-top:26px}.section{padding:72px 0;border-bottom:1px solid #ffffff1a}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-head p{max-width:370px;color:#a4b0bd;font-size:14px;margin:0}.section-head h2{margin:9px 0 0}.brands{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.brand{background:linear-gradient(155deg,#323941,#171b20 70%);border:1px solid #46505b;border-bottom:3px solid #080a0d;min-height:112px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:20px 10px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);transition:transform .15s,border-color .15s}.brand:hover,.brand[aria-pressed=true]{transform:translateY(-3px);border-color:#9fc9e8;background:#343e49}.brand img{width:85px;height:32px;object-fit:contain;filter:grayscale(1)}.brand img.vector{filter:brightness(0) invert(.9)}.brand span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#b7c3ce}.other-brands{font-size:12px;margin-top:18px;color:#a9b4bf}.other-brands button{background:none;border:0;text-decoration:underline;padding:10px;color:inherit}.selection{font-size:13px;min-height:24px;color:#9fc9e8;margin-top:15px}.services{display:grid;grid-template-columns:1fr 1fr;column-gap:60px}.service{display:grid;grid-template-columns:30px 1fr 24px;gap:18px;align-items:start;padding:22px 0;border-top:1px solid #38414a}.service .num{font-family:monospace;color:#8093a3;font-size:12px}.service h3{font-size:22px;margin:0 0 6px}.service p{font-size:13px;color:#a5b1bd;margin:0}.service .arrow{color:#9cbcd4}.case-strip{display:flex;gap:24px;overflow:auto;scroll-snap-type:x mandatory;padding:4px 0 16px}.case{flex:0 0 48%;scroll-snap-align:start;border:1px solid #39424b;background:#181d23}.case-art{height:220px;position:relative;background:#232a32;display:flex;align-items:center;justify-content:center;overflow:hidden}.case-art:before{content:'';position:absolute;inset:20px;border:1px solid #536273}.case-art strong{font-family:Oswald,sans-serif;font-size:52px;font-weight:500;color:#b9c4ce;letter-spacing:.05em}.case-art .stamp{position:absolute;bottom:28px;left:30px;font-size:10px;color:#a9b9c8}.case-body{padding:26px}.case-body .eyebrow{font-size:10px}.case-body h3{margin:13px 0}.case-body p{color:#aeb9c4;font-size:14px}.case-body .pending{font-size:11px;color:#9bb3c6;border-top:1px solid #38424d;padding-top:15px}.controls{display:flex;gap:8px}.controls button{background:none;border:1px solid #647586;width:48px;height:48px;font-size:22px}.case-note{font-size:12px;color:#9caab7;margin:14px 0 0;max-width:780px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.feature figure{margin:0}.feature img{width:100%;height:340px;object-fit:cover}.feature figcaption{color:#9ba8b5;font-size:11px;margin-top:10px}.feature p{color:#a5b1bd}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}details{border-top:1px solid #424b55;padding:20px 0}summary{cursor:pointer;font-size:17px;padding-right:30px}details p{font-size:14px;color:#a9b6c3;padding:18px 0 0;margin:0}.foot{padding:50px 0;display:flex;justify-content:space-between;gap:32px}.foot .phone{font-family:Oswald,sans-serif;font-size:38px}.foot small{color:#a0aeba;display:block}.status-dialog{max-width:460px;background:#192028;color:#f2f3f5;border:1px solid #65778a;padding:32px}.status-dialog::backdrop{background:#000a}.status-dialog button{background:#89b5d6;color:#132231;border:0;min-height:48px;padding:12px 22px}.status-dialog p{color:#c1cbd5}.sample{font-size:11px;color:#9eb2c5}.variant-title{display:none}
/* 02 — editorial split; no full-bleed cinematic hero */
/* 03 — workshop journal: documentary opening, stories first */
@media(min-width:1500px){.intro{min-height:650px}}@media(max-width:1000px){.nav{gap:14px}.wrap,.hero-copy,.v2 .intro,.v3 .intro{width:calc(100% - 48px)}.top{gap:12px}.nav a:last-child{display:none}.brands{grid-template-columns:repeat(4,1fr)}.v2 .intro,.v3 .intro{gap:25px}.v2 h1{font-size:49px}.feature,.faq{gap:30px}.hero-copy .text{max-width:480px}.lead{font-size:16px}.case-art strong{font-size:40px}}@media(max-width:620px){.wrap,.hero-copy,.v2 .intro,.v3 .intro{width:calc(100% - 40px)}.draft{font-size:10px;padding:8px 12px}.top{padding:20px 0}.logo{font-size:22px;min-width:112px}.contact{font-size:12px}.contact small{font-size:10px}.nav{display:none}.intro{min-height:600px;align-items:start}.hero-copy{padding-top:35px}.hero-photo{object-position:65% center}.intro:after{background:linear-gradient(180deg,#101216f5 4%,#101216d9 40%,#10121630 90%)}h1{font-size:49px;margin:17px 0}.lead{font-size:15px;max-width:320px}.actions{gap:8px;margin-top:23px}.btn{padding:13px 16px;font-size:12px;gap:13px}.location{margin-top:20px;max-width:250px}.caption{right:20px;bottom:12px;font-size:9px}.section{padding:45px 0}.section-head{display:block;margin-bottom:24px}.section-head p{margin-top:15px;font-size:13px}.section-head .controls{margin-top:16px}h2{font-size:33px}.brands{grid-template-columns:repeat(4,1fr);gap:6px}.brand{min-height:90px;padding:13px 6px;gap:12px}.brand img{width:62px;height:25px}.brand span{font-size:8px;letter-spacing:.06em}.services{grid-template-columns:1fr}.service{gap:12px;padding:20px 0}.service h3{font-size:20px}.case{flex-basis:89%}.case-art{height:180px}.case-art strong{font-size:36px}.case-body{padding:22px}.feature,.faq{grid-template-columns:1fr;gap:25px}.feature img{height:240px}.foot{display:block;padding:35px 0}.foot .phone{font-size:32px;margin-bottom:24px}.v2 .intro,.v3 .intro{display:flex;flex-direction:column;gap:25px;padding:35px 0;min-height:0;align-items:stretch}.v2 .hero-photo,.v3 .hero-photo{height:280px;width:100%;order:2}.v2 .hero-copy,.v3 .hero-copy{width:100%;padding:0}.v2 .caption,.v3 .caption{position:static;order:3;text-align:left;font-size:10px;margin-top:-17px;padding:0;background:none}.v2 h1{font-size:49px}.v2 .brand{border:0}.v2 .head-brands{padding-top:15px}.v3 .brand:nth-child(4){border:0}.v3 .brand{min-height:85px}.v3 .case{flex-basis:90%;padding-right:16px;margin-right:16px}.v3 .feature{grid-template-columns:1fr}.other-brands{font-size:11px}.feature p{font-size:15px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.steel-badge{--cut:18px;position:relative;display:block;min-width:0;width:100%;height:145px;padding:0;background:transparent;border:0;border-radius:3px;color:#18212b;cursor:pointer;isolation:isolate;filter:drop-shadow(0 9px 5px #0009);transition:transform .15s}.steel-badge:focus-visible{outline:3px solid #8bc5ee;outline-offset:7px}.metal-edge{position:absolute;inset:0 0 5px;display:block;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%);background:linear-gradient(145deg,#fafcff 0%,#c9d2db 12%,#586572 29%,#f6faff 43%,#748494 55%,#313b46 72%,#becbd7 91%,#f6faff 100%);border-radius:3px}.steel-badge:before{content:'';position:absolute;inset:5px 0 0;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%);background:linear-gradient(90deg,#202a34,#71808e 25%,#28313a 75%,#15202b);border-radius:3px}.metal-face{position:absolute;inset:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);background:repeating-linear-gradient(0deg,#ffffff0d 0px,#ffffff0d 1px,#1c2c3e08 1px,transparent 2px,transparent 4px),linear-gradient(116deg,transparent 18%,#ffffff4d 28%,transparent 40%,#ffffff0d 65%,transparent 82%),linear-gradient(180deg,#eaf0f5 0%,#cbd5de 15%,#aab7c3 49%,#c0ccd7 50%,#a1aeba 85%,#82929f 100%);box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #fff9,inset -1px -2px 1px #334451b3;border-radius:1px}.metal-face:after{content:'';position:absolute;inset:8px;pointer-events:none;clip-path:polygon(0 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%);border-top:1px solid #ffffff80;border-left:1px solid #ffffff40;border-bottom:1px solid #33445152}.mark-area{position:relative;display:block;width:110px;height:42px;filter:drop-shadow(0 1px 0 #ffffffa6)}.mark-depth,.mark-chrome{position:absolute;inset:0;display:block;mask-image:var(--mark);-webkit-mask-image:var(--mark);mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.mark-depth{transform:translate(0,2px);background:#15212d;filter:drop-shadow(0 2px 1px #15212d80)}.mark-chrome{background:linear-gradient(180deg,#46596c 0%,#10202e 32%,#314b60 46%,#d7e7f3 49%,#6d8294 53%,#1b2b3a 64%,#506a7e 88%,#162535);filter:drop-shadow(0 -1px 0 #f6fbff)}.brand-name{font:600 14px/1.2 Oswald,'Arial Narrow',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#273a4c;text-shadow:0 1px 0 #eff7ffbd}.micro-edge{position:absolute;right:9px;bottom:9px;width:18px;height:1px;background:#536879;transform:rotate(-45deg);transform-origin:right center}.steel-badge[aria-pressed=true] .metal-edge{background:linear-gradient(150deg,#fff,#8fcef6 45%,#304f65 75%,#a9d7f5)}.steel-badge[aria-pressed=true] .metal-face{box-shadow:inset 0 0 0 2px #4a7594,inset 0 2px 0 white}.steel-badge:active{transform:translateY(3px);filter:drop-shadow(0 3px 2px #000a)}
@media(hover:hover){.steel-badge:hover{transform:translateY(-2px)}.steel-badge:hover .metal-edge{background:linear-gradient(145deg,#fff,#a1c7e1 40%,#5a778e 65%,#f1faff)}.steel-badge:hover .metal-face{filter:brightness(1.06)}}
.v1 .brands{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.v1 .brand{display:none}.v1 h1,.v1 h2{background:linear-gradient(180deg,#f8fafc,#e3e8ee 40%,#9eaab7 56%,#f0f3f6);background-clip:text;-webkit-background-clip:text;color:transparent}.v1 h1 em{color:inherit}.v1 h1{filter:drop-shadow(0 2px 0 #0009)}.v1 .primary{background:linear-gradient(180deg,#b8d3e7 0%,#86b2d2 44%,#6c9abd 50%,#5b86a7 100%);box-shadow:inset 0 1px 0 #f5fbffb3,inset 0 -3px 0 #345873;color:#101e2a;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}
@media(max-width:620px){.v1 .brands{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.steel-badge{height:132px}.mark-area{width:105px;height:39px}.brand-name{font-size:14px}.v1 .eyebrow,.v1 .other-brands,.v1 .selection{font-size:14px}}
@media(prefers-reduced-motion:reduce){.steel-badge{transition:none}}@media(forced-colors:active){.metal-edge,.metal-face{background:Canvas}.mark-chrome{background:CanvasText}.steel-badge{border:2px solid ButtonText}.brand-name{color:CanvasText}.v1 h1,.v1 h2{background:none;color:CanvasText}}

/* Owner revision: logos and brand names +30%; plates unchanged. */
.brand-name{font-size:18.2px}
.mark-area{width:143.0px;height:54.6px;max-width:calc(100% - 24px)}
.samples .mark-area{width:166.4px;height:62.4px;max-width:calc(100% - 24px)}
@media(max-width:960px){.samples{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.v1 .brands{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.samples .mark-area{width:143.0px;height:54.6px}}
@media(max-width:620px){.mark-area{width:136.5px;height:50.7px}.brand-name{font-size:18.2px}}

/* Enlarge only Geely's emblem/wordmark; plates and labels unchanged. */
.steel-badge[data-brand="Geely"] .mark-area{width:178px;height:68px;max-width:calc(100% - 12px)}
.samples .steel-badge[data-brand="Geely"] .mark-area{width:205px;height:76px;max-width:calc(100% - 12px)}
@media(max-width:720px){.samples .steel-badge[data-brand="Geely"] .mark-area{width:170px;height:64px;max-width:calc(100% - 12px)}}
@media(max-width:620px){.steel-badge[data-brand="Geely"] .mark-area{width:164px;height:60px;max-width:calc(100% - 12px)}}

/* Optical sizing per brand: Chery unchanged; other three enlarged. */
.steel-badge[data-brand="Geely"] .mark-area{width:202px;max-width:calc(100% - 6px)}
.steel-badge[data-brand="Changan"] .mark-area{width:184px;max-width:calc(100% - 8px)}
.steel-badge[data-brand="Haval"] .mark-area{width:171px;max-width:calc(100% - 10px)}
.samples .steel-badge[data-brand="Geely"] .mark-area{width:228px;max-width:calc(100% - 6px)}
.samples .steel-badge[data-brand="Changan"] .mark-area{width:216px;max-width:calc(100% - 8px)}
.samples .steel-badge[data-brand="Haval"] .mark-area{width:208px;max-width:calc(100% - 10px)}
@media(max-width:720px){
.samples .steel-badge[data-brand="Geely"] .mark-area{width:190px;max-width:calc(100% - 6px)}
.samples .steel-badge[data-brand="Changan"] .mark-area{width:180px;max-width:calc(100% - 8px)}
.samples .steel-badge[data-brand="Haval"] .mark-area{width:170px;max-width:calc(100% - 10px)}
}
@media(max-width:620px){
.v1 .steel-badge[data-brand="Geely"] .mark-area{width:184px}
.v1 .steel-badge[data-brand="Changan"] .mark-area{width:176px}
.v1 .steel-badge[data-brand="Haval"] .mark-area{width:164px}
}

.mobile-sections{display:none}.v1 .intro{min-height:560px}.v1 .hero-copy{padding:44px 0}.v1 .head-brands{padding:52px 0 48px}.v1 .stories{background:#191f26}.v1 .stories .case{background:#141a20}.v1 .section-head p{font-size:15px}.v1 .case-body p{font-size:15px}.v1 .case-note{font-size:14px}.v1 .selection{font-size:14px}.v1 .sample{font-size:14px}.v1 .foot small{font-size:14px}.v1 .case-body .pending{font-size:13px}.v1 .brand-name{font-size:18.2px}
@media(max-width:620px){.mobile-sections{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid #384451;overflow:auto}.mobile-sections a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 9px;font-size:14px;white-space:nowrap;flex:1}.v1 .intro{min-height:600px}.v1 .hero-copy{padding-top:32px}.v1 h1{font-size:48px}.v1 .lead{font-size:16px}.v1 .hero-copy .btn{font-size:14px}.v1 .head-brands{padding:40px 0}.v1 .eyebrow,.v1 .location,.v1 .caption,.v1 .other-brands,.v1 .selection,.v1 .case-note,.v1 .case-body .pending,.v1 .case-body .eyebrow,.v1 .case-art .stamp,.v1 .feature figcaption,.v1 .contact small{font-size:14px}.v1 .caption{max-width:300px;line-height:1.35}.v1 .case-art .stamp{left:20px;bottom:24px;right:20px;font-size:12px}.v1 .draft{font-size:12px}.v1 .feature p,.v1 .service p,.v1 details p{font-size:16px}.v1 .case-art strong{font-size:34px}.v1 .case-body h3{font-size:24px}.v1 .section-head p{font-size:15px}}

/* Five additional brands; previously accepted emblem sizing unchanged. */
.added-brand .brand-name{font-size:18.2px;white-space:nowrap}
.steel-badge[data-brand="Li Auto"] .brand-name{font-size:16px;letter-spacing:.04em}
.steel-badge[data-brand="FAW / Bestune"] .brand-name{font-size:16px;letter-spacing:.04em}
.steel-badge[data-brand="Zeekr"] .mark-area{width:65px;height:65px}
.steel-badge[data-brand="Li Auto"] .mark-area{width:145px;height:60px}
.steel-badge[data-brand="Voyah"] .mark-area{width:82px;height:66px}
.steel-badge[data-brand="FAW / Bestune"] .mark-area{width:196px;height:54px;max-width:calc(100% - 12px)}
.steel-badge[data-brand="AVATR"] .mark-area{width:75px;height:72px}
.case-art{background:linear-gradient(145deg,#293540,#172129);align-items:flex-start;justify-content:flex-start;padding:18px 24px}.case-art strong{font-size:52px;letter-spacing:.03em;opacity:.25;line-height:1;max-width:100%;overflow-wrap:anywhere}.case-art:before{inset:56px 35px 58px;border:1px dashed #7f96a780}.case-art .stamp{font-size:11px;left:25px;right:25px;bottom:22px;text-align:center}
@media(max-width:620px){.steel-badge[data-brand="Li Auto"] .mark-area{width:130px;height:54px}.added-brand .brand-name{font-size:17px}.steel-badge[data-brand="Li Auto"] .brand-name,.steel-badge[data-brand="FAW / Bestune"] .brand-name{font-size:14px;letter-spacing:.03em}.steel-badge[data-brand="Zeekr"] .mark-area{width:58px;height:58px}.steel-badge[data-brand="Voyah"] .mark-area{width:70px;height:58px}.steel-badge[data-brand="AVATR"] .mark-area{width:64px;height:62px}.case-art strong{font-size:38px}.case-art .stamp{font-size:11px}}

/* v8: preserve accepted metal plates; replace illustration with workshop photograph. */
.v1 .intro{display:grid;grid-template-columns:1fr 1fr;min-height:650px;max-width:1440px;margin:auto;background:#11171d;overflow:hidden}
.v1 .intro:after{display:none}.v1 .hero-photo{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:650px;object-fit:cover;object-position:52% 42%;filter:none}
.v1 .hero-copy{grid-column:1;grid-row:1;width:auto;padding:64px 32px 52px max(32px,calc((100vw - 1184px)/2));align-self:center;z-index:1}.v1 .hero-copy .text{max-width:560px}.v1 h1{font-size:clamp(45px,4.8vw,68px);line-height:1.04}.v1 .hero-copy .lead{max-width:420px}.v1 .caption{right:22px;bottom:18px;max-width:390px;padding:8px 12px;background:#0a111bda;color:#eef4f7;font-size:12px}
.v1 .photo-case{height:355px;padding:0;display:block;background:#17212a}.photo-case:before{display:none}.photo-case:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07111ccc 0%,transparent 38%,transparent 60%,#07111cb0 100%);pointer-events:none}.photo-case img{height:100%;width:100%;object-fit:cover;object-position:50% 43%;display:block}.photo-case strong{position:absolute;top:42px;left:23px;z-index:1;opacity:.83!important;color:#f3f6f8!important;font-size:clamp(40px,4.2vw,60px)!important;text-shadow:0 2px 14px #0006;font-weight:500;line-height:1.1;max-width:calc(100% - 40px)}.case-marque{position:absolute;top:17px;left:25px;color:#fff;letter-spacing:.2em;z-index:2;font-size:12px}.photo-case .stamp{z-index:2;left:25px!important;right:auto!important;bottom:20px!important;text-align:left!important;color:#fff!important;font-size:10px!important;letter-spacing:.14em}.case-body{min-height:260px}.v1 .case-strip .case{flex-basis:calc((100% - 48px)/3)}.v1 .case-body{padding:23px}.v1 .case-body h3{font-size:25px}.v1 .feature img{object-position:50% 33%}
@media(max-width:1000px){.v1 .hero-copy{padding-left:24px;padding-right:22px}.v1 .intro,.v1 .hero-photo{min-height:600px;height:600px}.v1 .case-strip .case{flex-basis:47%}.v1 .hero-copy .btn{padding:13px 12px;gap:8px}.v1 h1{font-size:48px}}
@media(max-width:620px){.v1 .intro{display:flex;flex-direction:column;min-height:0;height:auto}.v1 .hero-copy{padding:34px 20px 26px;width:100%;order:0}.v1 h1{font-size:47px}.v1 .hero-photo{height:390px;min-height:0;order:1;object-position:50% 42%}.v1 .caption{position:static;order:2;max-width:none;text-align:left;padding:11px 20px;background:#17212b;font-size:12px}.v1 .hero-copy .lead{max-width:340px}.v1 .case-strip .case{flex-basis:91%}.v1 .photo-case{height:340px}.photo-case strong{font-size:47px!important}.v1 .case-body{min-height:0}.v1 .case-body h3{font-size:25px}}

/* v9: working local photo inspection and brand-to-archive path. */
button.photo-case{border:0;color:inherit;font:inherit;text-align:left;width:100%;cursor:zoom-in;appearance:none}.photo-case:focus-visible{outline:3px solid #b8d3e7;outline-offset:-3px}.photo-open:hover img{filter:brightness(1.08)}
.archive-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 18px;color:#b3c3cf;font-size:14px}.archive-toolbar button{min-height:44px;padding:9px 18px;border:1px solid #677d8e;background:transparent;color:#d8e6f0;cursor:pointer}
#archive-empty{padding:24px 0 32px;border-block:1px solid #405162;color:#bdcbd6}#archive-empty p{max-width:600px;margin:0 0 20px}[hidden]{display:none!important}
#photo-dialog{width:min(1100px,calc(100vw - 32px));max-width:none;height:min(94vh,1100px);max-height:none;box-sizing:border-box;padding:16px;background:#10171e;color:#edf3f7;border:1px solid #6d8192;overflow:auto}#photo-dialog::backdrop{background:#050a10eb}#photo-dialog img{display:block;object-fit:contain;width:100%;height:calc(100% - 98px);min-height:120px}#photo-dialog p{font-size:14px;margin:10px 0 0}.photo-close{display:block;margin:0 0 10px auto;min-height:44px;border:1px solid #90a3b3;padding:8px 16px;color:#fff;background:#213141;cursor:pointer}
@media(max-width:620px){.v1 h1{font-size:43px}.v1 .hero-copy{padding-top:26px;padding-bottom:22px}.v1 .hero-copy .lead{font-size:15px}.v1 .hero-copy .actions{margin-top:18px}.v1 .hero-copy .location{margin-top:15px}.v1 .photo-case{height:340px}.v1 .hero-copy .btn{font-size:13px}.archive-toolbar{font-size:13px}}

/* v10: selected work topic follows the visitor into the contact section. */
.service.is-selected{border-top-color:#c7dbe9}.service.is-selected .num,.service.is-selected h3{color:#c3dff2}
.contact-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding-top:72px;padding-bottom:56px;align-items:start}.contact-heading h2{font-size:clamp(34px,3.8vw,51px);margin:12px 0 22px}.contact-heading p{font-size:16px;color:#bac7d2;max-width:530px;margin:0 0 24px}.talk-context{display:flex;flex-wrap:wrap;gap:10px 18px;padding:17px 0;border-block:1px solid #4a5c6b;font-size:15px;color:#d6e9f7}.talk-context span{display:block}#reset-talk{margin-top:13px;min-height:44px;padding:8px 0;background:none;border:0;text-decoration:underline;text-underline-offset:4px;color:#b8c9d6;cursor:pointer}.contact-plate{padding:30px;border:1px solid #718494;background:#1b2630;box-shadow:inset 0 1px 0 #aec0cf33,0 10px 24px #0003;clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}.contact-plate .phone{font:500 clamp(27px,3.2vw,42px)/1.3 Oswald,sans-serif;margin:12px 0 25px;color:#eff5fa;white-space:nowrap}.contact-address{font-size:17px;line-height:1.6;color:#bfccd5}.contact-address strong{font-weight:500;color:#f0f4f8}.contact-hours{font-size:15px;color:#bccbd6;line-height:1.6}.contact-draft{font-size:12px;color:#a9bac7;line-height:1.5;margin:24px 0 0;border-top:1px solid #4b5d6d;padding-top:14px}.footer-note{font-size:12px;color:#98aab8;border-top:1px solid #354856;padding-top:20px;padding-bottom:25px}
@media(max-width:800px){.contact-panel{grid-template-columns:1fr;gap:28px;padding-top:45px;padding-bottom:32px}.contact-plate{padding:24px}.contact-plate .phone{font-size:34px}}@media(max-width:390px){.contact-plate{padding:20px}.contact-plate .phone{font-size:29px}}

.mobile-contact-bar{display:none}
@media(max-width:620px){body{padding-bottom:84px}.mobile-contact-bar{position:fixed;z-index:20;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#101a24;border-top:1px solid #6c8192;box-shadow:0 -8px 24px #0006}.mobile-contact-bar>span{font:500 16px/1.25 Oswald,sans-serif;white-space:nowrap;color:#e6f0f7}.mobile-contact-bar small{display:block;font:11px/1.4 'Segoe UI',sans-serif;color:#a9bbc9;margin-top:4px}.mobile-contact-bar .btn{min-height:46px;padding:10px 12px;font-size:12px;white-space:nowrap}#photo-dialog,.status-dialog{z-index:100}.footer-note{padding-bottom:26px}}

/* v11: lower, panoramic car composition requested by the owner. */
.v1 .compact-hero{position:relative;display:block;isolation:isolate;max-width:none;width:100%;height:430px;min-height:430px;background:#18242f;overflow:hidden;border-bottom:1px solid #536574}.v1 .compact-hero:after{display:block;content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#111a23 0%,#14202bcc 24%,transparent 58%)}
.v1 .compact-hero .hero-copy{position:relative;z-index:3;width:min(1184px,calc(100% - 80px));margin:0 auto;padding:35px 0 25px;align-self:auto}.v1 .compact-hero .text{max-width:445px}.v1 .compact-hero h1{font-size:clamp(42px,4.2vw,54px);line-height:1.05;margin:15px 0 18px}.v1 .compact-hero .eyebrow{font-size:11px;letter-spacing:.12em}.v1 .compact-hero .lead{font-size:16px;line-height:1.5;color:#c0ccd6;margin:0 0 22px;max-width:380px}.v1 .compact-hero .actions{margin-top:0;gap:10px}.v1 .compact-hero .btn{font-size:12px;padding:12px 16px;min-height:45px;gap:14px}.v1 .compact-hero .location{font-size:12px;margin-top:18px}
.hero-art{position:absolute;z-index:1;inset:0 0 0 auto;width:65%;pointer-events:none}.hero-lineup{position:absolute;right:0;bottom:28px;display:block;width:100%;height:auto;max-height:390px;object-fit:contain;filter:drop-shadow(0 10px 10px #0005)}.studio-light{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 30%,#67809b65,transparent 64%)}.studio-floor{position:absolute;left:-20%;right:0;bottom:0;height:47%;background:linear-gradient(0deg,#2b3e5080,#354a5f50 70%,transparent);transform:skewY(-3deg);transform-origin:right bottom;border-top:1px solid #8ca4bb18}.v1 .compact-hero .caption{z-index:4;font-size:10px;color:#97adbf;background:transparent;bottom:11px;right:30px;padding:0;max-width:none}.v1 .head-brands{padding-top:38px}
@media(min-width:1600px){.hero-art{width:66%;max-width:1300px}.v1 .compact-hero{height:450px;min-height:450px}.hero-lineup{max-height:420px;bottom:18px}}
@media(max-width:1050px) and (min-width:621px){.v1 .compact-hero .hero-copy{width:calc(100% - 48px)}.v1 .compact-hero .text{max-width:380px}.v1 .compact-hero h1{font-size:46px}.hero-art{width:68%;right:-80px}.hero-lineup{bottom:44px}.v1 .compact-hero:after{background:linear-gradient(90deg,#111a23,#111a23c9 35%,transparent 70%)}}
@media(max-width:620px){.v1 .compact-hero{height:520px;min-height:520px;display:block}.v1 .compact-hero .hero-copy{width:calc(100% - 40px);padding:25px 0 0;margin:auto}.v1 .compact-hero h1{font-size:43px;margin:14px 0 15px;line-height:1.03}.v1 .compact-hero .eyebrow{font-size:11px}.v1 .compact-hero .lead{font-size:15px;line-height:1.45;margin-bottom:18px}.v1 .compact-hero .location{font-size:12px;margin-top:12px}.v1 .compact-hero .btn{font-size:12px;padding:11px 13px;gap:10px}.hero-art{top:auto;bottom:9px;left:0;right:0;width:100%;height:205px;z-index:2}.hero-lineup{width:105%;max-width:none;right:-2%;bottom:0;max-height:210px}.studio-light{inset:-40px 0 0;background:radial-gradient(ellipse at 60% 65%,#68839d65,transparent 70%)}.studio-floor{left:0;bottom:-5px;height:115px;transform:none}.v1 .compact-hero:after{background:linear-gradient(180deg,#111a23 5%,#111a2360 62%,transparent 80%)}.v1 .compact-hero .caption{font-size:9px;bottom:5px;right:10px;left:auto;position:absolute}.v1 .head-brands{padding-top:32px}}

/* v12: horizontal ground plane and real tyre contact; no detached group shadow. */
.v1 .compact-hero{background:#1c2730}.hero-lineup{filter:none}.studio-light{background:radial-gradient(ellipse at 65% 27%,#62738155,transparent 66%)}
.studio-floor{left:0;right:0;z-index:0;top:49%;bottom:0;height:auto;transform:none;transform-origin:initial;border-top:1px solid #82909b2b;background:linear-gradient(180deg,#35414b 0%,#3c4852 62%,#414d57 100%);box-shadow:inset 0 12px 22px #19232b30}
.studio-floor:before{content:'';position:absolute;inset:0;background:linear-gradient(117deg,transparent 48.5%,#a7b3bc12 49%,transparent 49.5%),linear-gradient(64deg,transparent 62%,#a7b3bc10 62.5%,transparent 63%);pointer-events:none}
@media(max-width:620px){.studio-floor{top:46%;height:auto;bottom:-6px;left:0}.hero-lineup{filter:none}.studio-light{background:radial-gradient(ellipse at 60% 40%,#67798550,transparent 70%)}}


/* ===== Li Auto pilot 2026-10-19: additions on top of accepted v12 system (no style changes to v12 blocks) ===== */
.skip{position:absolute;left:-9999px;top:0}.skip:focus{left:16px;top:8px;z-index:60;background:#88b4d3;color:#132231;padding:8px 14px}
.top .contact{text-align:right}.top .contact .tel{display:block;font-size:17px;letter-spacing:.01em}
.top .contact small{line-height:1.45}
.crumbs{font-size:13px;color:#9fb0bf;padding:12px 0}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px;margin:0;padding:0}
.crumbs li+li:before{content:'›';margin-right:8px;color:#61788b}
.crumbs a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#61788b}
.crumbs [aria-current]{color:#d6e2ec}
.v1 .compact-hero .location a{text-decoration:underline;text-underline-offset:3px}
.btn.call:before{content:'';display:inline-block;width:0}
/* model hero: accepted compact banner, steel Li Auto plate instead of the three-car illustration */
.v1 .model-hero .hero-copy .text{max-width:min(690px,58vw)}
.v1 .model-hero h1{font-size:clamp(32px,3.1vw,45px)}
.hero-badge{position:absolute;z-index:2;right:max(40px,calc((100vw - 1184px)/2));top:46px;width:min(400px,30vw);pointer-events:none}
.hero-badge .steel-badge{height:190px;cursor:default}
.hero-badge .mark-area{width:250px!important;height:96px!important;max-width:calc(100% - 30px)}
.hero-badge .brand-name{font-size:24px}
.hero-model-word{position:absolute;z-index:1;right:max(30px,calc((100vw - 1184px)/2 - 10px));bottom:34px;font:500 clamp(70px,8vw,128px)/1 Oswald,'Arial Narrow',sans-serif;letter-spacing:.02em;color:#dfe8ef;opacity:.09;white-space:nowrap;pointer-events:none;max-width:60%;overflow:hidden}
/* models grid: steel plates with model names */
.models{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
a.steel-badge{text-decoration:none}
.model-plate .metal-face{gap:6px;padding:0 14px;text-align:center}
.model-name{position:relative;font:600 26px/1.1 Oswald,'Arial Narrow',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#22364a;text-shadow:0 1px 0 #f1f8ffcc}
.model-meta{position:relative;font-size:12px;line-height:1.35;color:#33495d;letter-spacing:.02em}
.model-plate.is-current .metal-edge{background:linear-gradient(150deg,#fff,#8fcef6 45%,#304f65 75%,#a9d7f5)}
.brand-head{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:40px;align-items:center;margin-bottom:34px}
.brand-head .steel-badge{height:150px;cursor:default}
.brand-head .mark-area{width:200px;height:76px}
.brand-head h2{margin:9px 0 10px}
.brand-head p{color:#a4b0bd;font-size:15px;margin:0;max-width:560px}
.more-models{margin:26px 0 0;font-size:15px;color:#a9b6c3;max-width:900px}
/* text blocks */
.cols{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}
.prose p,.prose li{color:#c3ced8;font-size:16px;line-height:1.7}
.prose ul,.prose ol{padding-left:20px;margin:0 0 18px}
.prose li{margin-bottom:8px}
.prose a,.src a,.inline-link{color:#b3d2e8;text-decoration:underline;text-underline-offset:3px}
.prose h3{font-size:21px;margin:28px 0 10px;color:#e6eef4}
.prose strong{color:#eef4f8;font-weight:600}
.note{border-left:3px solid #88b4d3;background:#18212a;padding:16px 20px;color:#c9d6e0;font-size:15px;line-height:1.6;margin:18px 0}
.note.warn{border-left-color:#c9a86a}
.src{display:block;font-size:13px;color:#8fa3b4;margin-top:6px;line-height:1.5}
.spec{width:100%;border-collapse:collapse;font-size:15px;margin:6px 0 10px}
.spec th,.spec td{border-top:1px solid #38414a;padding:13px 12px 13px 0;text-align:left;vertical-align:top}
.spec thead th{color:#9cb2c5;font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;border-top:0}
.spec td{color:#c5d0da}.spec td:first-child{color:#eef4f8;font-weight:600}
.spec code,.codes{font-family:Consolas,'Courier New',monospace;font-size:14px;color:#d9e8f3;background:#1d2833;padding:1px 6px;border-radius:2px;white-space:nowrap}
.steps{list-style:none;counter-reset:st;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 50px}
.steps li{counter-increment:st;display:grid;grid-template-columns:38px 1fr;gap:14px;padding:20px 0;border-top:1px solid #38414a;color:#c3ced8;font-size:15px;line-height:1.6}
.steps li:before{content:counter(st,decimal-leading-zero);font-family:monospace;color:#8093a3;font-size:13px;padding-top:3px}
.steps strong{display:block;color:#eef4f8;font-size:18px;font-weight:500;margin-bottom:4px}
.checklist{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 50px}
.checklist li{padding:14px 0 14px 30px;border-top:1px solid #38414a;position:relative;color:#c3ced8;font-size:15px;line-height:1.55}
.checklist li:before{content:'';position:absolute;left:2px;top:21px;width:12px;height:7px;border-left:2px solid #88b4d3;border-bottom:2px solid #88b4d3;transform:rotate(-45deg)}
.works{list-style:none;padding:0;margin:14px 0 0}
.works li{padding:11px 0;border-top:1px solid #38414a;color:#d3dee7;font-size:15px}
.related{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.related a{display:inline-flex;align-items:center;min-height:44px;padding:9px 16px;border:1px solid #5b6d7d;color:#d8e6f0;font-size:14px}
.related a:hover{border-color:#9fc9e8}
.doc-links{list-style:none;padding:0;margin:0}
.doc-links li{padding:14px 0;border-top:1px solid #38414a;color:#c3ced8;font-size:15px}
.doc-links a{color:#b3d2e8;text-decoration:underline;text-underline-offset:3px}
.article-teaser{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:30px;border:1px solid #4b5d6d;background:#18212a;clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}
.article-teaser h3{margin:8px 0 8px;font-size:24px}
.article-teaser p{margin:0;color:#aebbc7;font-size:15px}
.case-single{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.case-single .case{border:1px solid #39424b;background:#141a20}
.case-single .photo-case{height:420px}
.facts-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:6px}
.fact{border-top:2px solid #6c8aa2;padding-top:14px}
.fact b{display:block;font:500 30px/1.1 Oswald,sans-serif;color:#eef4f8;margin-bottom:6px}
.fact span{font-size:14px;color:#a9b6c3}
/* form mockup */
.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin-top:22px}
.lead-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#a9bbc9}
.lead-form .wide{grid-column:1/-1}
.lead-form input,.lead-form select,.lead-form textarea{font:inherit;font-size:16px;color:#eef4f8;background:#121a22;border:1px solid #5b6d7d;padding:11px 12px;min-height:46px;border-radius:0;width:100%}
.lead-form textarea{min-height:84px;resize:vertical}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{outline:3px solid #86c0eb;outline-offset:1px}
.lead-form button{grid-column:1/-1;justify-self:start;border:0;cursor:pointer}
.form-status{grid-column:1/-1;font-size:14px;color:#d6e9f7;min-height:22px;margin:0}
.form-mock{grid-column:1/-1;font-size:12px;color:#98aab8;margin:0}
.contact-plate .phone a{color:inherit}
.contact-plate .route{margin-top:6px}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0 0 12px}
.footer-links a{text-decoration:underline;text-underline-offset:3px}
/* article */
.article-head{padding:44px 0 10px}
.article-head h1{font-size:clamp(36px,4vw,54px);margin:14px 0 18px;max-width:980px}
.article-head .lead{max-width:760px;font-size:18px}
.article-meta{font-size:13px;color:#8fa3b4;margin-top:16px}
.toc{border:1px solid #3e4b57;padding:20px 24px;margin:6px 0 30px;max-width:760px}
.toc ol{margin:8px 0 0;padding-left:20px}.toc li{margin:6px 0;color:#c3ced8}
.toc a{color:#b3d2e8;text-decoration:underline;text-underline-offset:3px}
.prose h2{font-size:34px;margin:52px 0 16px}
.prose .spec{font-size:14px}
/* mobile contact bar: two direct actions */
.mobile-contact-bar .bar-actions{display:flex;gap:8px;flex:1}
.mobile-contact-bar .bar-actions .btn{flex:1;justify-content:center}
@media(max-width:1000px){.models{grid-template-columns:repeat(2,minmax(0,1fr))}.cols{gap:30px}.hero-badge{width:min(330px,34vw)}.hero-badge .steel-badge{height:160px}.hero-badge .mark-area{width:190px!important;height:72px!important}}
@media(max-width:800px){.cols,.case-single{grid-template-columns:1fr;gap:26px}.steps,.checklist{grid-template-columns:1fr}.brand-head{grid-template-columns:1fr;gap:20px}.brand-head .steel-badge{max-width:300px}.article-teaser{grid-template-columns:1fr}.facts-strip{grid-template-columns:1fr}}
@media(max-width:620px){
 .top .contact .tel{font-size:15px}
 .crumbs{font-size:12px;padding:10px 0}
 .models{gap:14px}.model-plate{height:118px}.model-name{font-size:19px;letter-spacing:.05em}.model-meta{font-size:11px}
 .v1 .model-hero{height:auto;min-height:520px;padding-bottom:22px}
 .v1 .model-hero h1{font-size:32px}
 .v1 .model-hero .hero-copy .text{max-width:none}
 .model-hero .hero-badge{position:relative;top:auto;right:auto;margin:22px auto 0;width:min(300px,calc(100% - 40px))}
 .model-hero .hero-badge .steel-badge{height:132px}
 .model-hero .hero-badge .mark-area{width:170px!important;height:64px!important}
 .model-hero .hero-badge .brand-name{font-size:18px}
 .hero-model-word{font-size:64px;bottom:14px;right:14px;max-width:90%}
 .spec thead{display:none}.spec tr{display:block;border-top:1px solid #38414a;padding:10px 0}.spec td,.spec th{display:block;border:0;padding:3px 0}
 .spec td[data-label]:before{content:attr(data-label);display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8fa3b4}
 .lead-form{grid-template-columns:1fr}
 .case-single .photo-case{height:340px}
 .prose h2{font-size:29px;margin-top:40px}
 .article-head h1{font-size:34px}
 .article-head .lead{font-size:16px}
 .mobile-contact-bar{padding:8px 12px calc(8px + env(safe-area-inset-bottom))}
 .mobile-contact-bar .btn{font-size:14px!important}
}

.contact-heading .form-mock,.contact-heading .form-status{font-size:13px;margin:0;max-width:none}
.contact-heading .form-status{font-size:15px}
.article-body{max-width:860px;padding-bottom:30px}
/* ===== Articles 2026-10-19: registry-driven blocks (assets/articles.json), same steel system ===== */
.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.article-card{display:flex;flex-direction:column;gap:12px;padding:26px 26px 24px;border:1px solid #4b5d6d;background:#18212a;clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);transition:border-color .15s,transform .15s;color:inherit;text-decoration:none}
.article-card:hover{border-color:#9fc9e8;transform:translateY(-3px)}
.article-card[hidden]{display:none}
.article-card .card-cover{width:calc(100% + 52px);margin:-26px -26px 4px;height:170px;object-fit:cover;max-width:none}
.article-card .card-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:#8fa3b4;letter-spacing:.03em}
.article-card time{font-family:monospace;color:#9cb2c5}
.article-card h3{font-size:22px;line-height:1.22;margin:0;color:#eef4f8}
.article-card p{margin:0;font-size:14px;line-height:1.55;color:#aebbc7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.article-card{min-width:0}
.article-card .card-more{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:#b3d2e8}
.articles-foot{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;margin-top:26px}
.articles-note{font-size:14px;color:#a9b6c3;margin:0 0 18px}
.articles-note[hidden]{display:none}
.article-filter{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.article-filter[hidden]{display:none}
.article-filter button{min-height:44px;padding:9px 16px;border:1px solid #5b6d7d;background:transparent;color:#d8e6f0;font:inherit;font-size:14px;cursor:pointer}
.article-filter button:hover{border-color:#9fc9e8}
.article-filter button[aria-pressed=true]{background:#88b4d3;border-color:#88b4d3;color:#132231}
.article-filter button span{margin-left:6px;font-family:monospace;font-size:12px;opacity:.75}
.articles-status{font-size:13px;color:#9caab7;margin:0 0 16px;min-height:20px}
.articles-feed{padding-top:30px}
.article-cta{max-width:860px;margin:6px 0 64px}
@media(max-width:1000px){.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.articles-grid{grid-template-columns:1fr;gap:14px}.article-card{padding:22px}.article-card .card-cover{width:calc(100% + 44px);margin:-22px -22px 4px}.article-card h3{font-size:20px}.article-filter button{padding:8px 12px;font-size:13px}.article-cta{margin-bottom:44px}}

/* ===== Design 2026-10-19: шахматный пол и одиночные машины в баннерах (копия li-auto-hero/floor-checker.css и model-hero-car.css) ===== */
/* Вариант Б — шахматный пол под баннерными машинами.
   Подключается ПОСЛЕ site.css; включается классом .floor-checker на section.compact-hero.
   Клетки — отдельный слой floor-checker-desktop.svg / floor-checker-mobile.svg (перспектива рассчитана заранее,
   клетки сходятся к горизонту над центром группы и уменьшаются с удалением).
   Картинки машин (li-auto-lineup.webp, model-*.webp) общие для вариантов А и Б: тени в них полупрозрачные и ложатся на любой пол.
   Пути к SVG указаны относительно этого CSS-файла: при переносе в site/assets положите SVG рядом. */
.compact-hero.floor-checker .studio-floor{
  border-top:0;
  box-shadow:none;
  background:#262f38 url("floor-checker-desktop.svg") center bottom/100% 100% no-repeat;
}
/* убираем тихие линии v12 и кладём затемнение: к горизонту, к краям, под текст; мягкий блик под машинами */
.compact-hero.floor-checker .studio-floor:before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 34% 62% at 67% 66%,#a9bccb1c,transparent 72%),
    linear-gradient(180deg,#1c2730 0%,#1c2730f0 10%,#1c273099 26%,#1c273026 46%,transparent 62%),
    linear-gradient(90deg,#141d26 0%,#141d26d0 24%,#141d2655 42%,transparent 56%,transparent 90%,#18222bb8 100%),
    linear-gradient(0deg,#10171e70 0%,transparent 34%);
}
@media(max-width:620px){
  .compact-hero.floor-checker .studio-floor{background-image:url("floor-checker-mobile.svg")}
  .compact-hero.floor-checker .studio-floor:before{
    background:
      radial-gradient(ellipse 60% 46% at 56% 82%,#a9bccb1c,transparent 72%),
      linear-gradient(180deg,#1c2730 0%,#1c2730f2 20%,#1c273099 44%,#1c273022 66%,transparent 78%),
      linear-gradient(90deg,#141d2690 0%,transparent 22%,transparent 84%,#18222ba8 100%);
  }
}

/* Баннер страницы модели с одиночной машиной (model-*.webp 1200x540, прозрачный фон).
   Подключается ПОСЛЕ site.css. Разметка: в .hero-art после .studio-light добавить
   <img class="hero-lineup hero-model-car" src="../assets/model-tiggo-9.webp" width="1200" height="540" alt="">
   и убрать блок .hero-badge (стальная плашка заменяется машиной). */
.model-hero .hero-art{z-index:2;width:56%}
.model-hero .hero-model-car{bottom:26px;max-height:372px;object-position:right bottom}
.model-hero .hero-model-word{z-index:1}
@media(min-width:1600px){.model-hero .hero-art{width:54%}.model-hero .hero-model-car{max-height:400px;bottom:18px}}
@media(max-width:1050px) and (min-width:621px){.model-hero .hero-art{width:60%;right:-40px}.model-hero .hero-model-car{bottom:40px}}
@media(max-width:620px){
  .v1 .model-hero{padding-bottom:200px}
  .model-hero .hero-art{width:100%;height:205px;bottom:6px}
  .model-hero .hero-model-car{width:100%;right:0;bottom:0;max-height:200px;object-position:center bottom}
  .model-hero .hero-model-word{bottom:150px}
}

/* Модели без собственной иллюстрации: стальной шильдик стоит на том же шахматном полу (контактная тень под плашкой) */
.compact-hero.floor-checker .hero-badge{top:auto;bottom:64px}
.compact-hero.floor-checker .hero-badge:after{content:'';position:absolute;left:6%;right:6%;bottom:-16px;height:26px;z-index:-1;background:radial-gradient(ellipse 50% 50% at 50% 50%,#05090dcc,#05090d66 46%,transparent 74%)}
@media(max-width:620px){
 .compact-hero.floor-checker .hero-badge{bottom:auto;margin-top:30px}
 .compact-hero.floor-checker .hero-badge:after{bottom:-12px;height:20px}
}

/* ===== Серебристые 3D-плашки: общий класс в системе .steel-badge (те же градиенты кромки и лица, блик, тень) ===== */
:root{
 --steel-edge:linear-gradient(145deg,#fafcff 0%,#c9d2db 12%,#586572 29%,#f6faff 43%,#748494 55%,#313b46 72%,#becbd7 91%,#f6faff 100%);
 --steel-face:repeating-linear-gradient(0deg,#ffffff0d 0px,#ffffff0d 1px,#1c2c3e08 1px,transparent 2px,transparent 4px),linear-gradient(116deg,transparent 18%,#ffffff4d 28%,transparent 40%,#ffffff0d 65%,transparent 82%),linear-gradient(180deg,#eaf0f5 0%,#cbd5de 15%,#aab7c3 49%,#c0ccd7 50%,#a1aeba 85%,#82929f 100%);
 --steel-face-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #fff9,inset -1px -2px 1px #334451b3;
 --steel-ink:#1d3043;
}
/* разметка: <span class="steel-chip"><span class="chip-face">текст</span></span>; тень на внешнем элементе, срез угла на лице */
.steel-chip{display:inline-block;vertical-align:middle;filter:drop-shadow(0 3px 2px #000a);line-height:1;text-decoration:none}
.steel-chip .chip-face{--cut:7px;position:relative;display:inline-block;padding:5px 10px;border:1px solid transparent;
 background:var(--steel-face),var(--steel-edge);background-origin:padding-box,padding-box,padding-box,border-box;background-clip:padding-box,padding-box,padding-box,border-box;
 box-shadow:var(--steel-face-shadow);
 clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%);
 color:var(--steel-ink);text-shadow:0 1px 0 #f1f8ffcc;font:600 12px/1.15 Oswald,'Arial Narrow',sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.steel-chip .chip-face:after{content:'';position:absolute;right:1px;bottom:3px;width:7px;height:1px;background:#536879;transform:rotate(-45deg);transform-origin:right center}
/* коды двигателя и коробки в блоке «Двигатели и коробки» */
.prose .steel-chip{margin:-2px 1px 0}
.prose .steel-chip code.chip-face{font:600 13px/1.15 Consolas,'Courier New',monospace;letter-spacing:.04em;text-transform:none;padding:4px 9px;border-radius:0;color:var(--steel-ink)}
/* дата на карточке статьи и «Наш ремонт» */
.article-card .card-meta{align-items:center}
.article-card .steel-chip time.chip-face{font:600 12px/1.15 Consolas,'Courier New',monospace;letter-spacing:.03em;color:var(--steel-ink)}
.chip-remont .chip-face{--cut:6px;font-size:11px;letter-spacing:.12em}
/* крупная стальная плашка с телефоном в блоке записи */
.contact-plate .phone .steel-chip{filter:drop-shadow(0 8px 6px #0009)}
.contact-plate .phone .steel-chip .chip-face{--cut:14px;font:500 1em/1.15 Oswald,'Arial Narrow',sans-serif;letter-spacing:.02em;text-transform:none;padding:9px 22px 10px 18px;border-width:2px}
.contact-plate .phone .steel-chip .chip-face:after{right:3px;bottom:7px;width:14px}
.contact-plate .phone .steel-chip:hover .chip-face{filter:brightness(1.06)}
.contact-plate .phone .steel-chip:focus-visible{outline:3px solid #8bc5ee;outline-offset:5px}
/* стальная рамка блока «Что нам нужно, чтобы посчитать ТО»: кромка — тот же градиент, лицо тёмное, контраст текста прежний */
.steel-frame{--cut:22px;position:relative;isolation:isolate;padding:3px;filter:drop-shadow(0 12px 14px #0008)}
.steel-frame:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#f6faff 0%,#8d9cab 16%,#e9f0f6 36%,#6f7f8f 57%,#dfe7ee 79%,#9aa8b5 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%)}
.steel-frame>.frame-face{position:relative;padding:38px 44px 34px;background:linear-gradient(180deg,#1d2731,#151c24);box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0006;
 clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut) + 2px),calc(100% - var(--cut) + 2px) 100%,0 100%)}
.steel-frame>.frame-face:after{content:'';position:absolute;inset:9px;pointer-events:none;border-top:1px solid #ffffff14;border-left:1px solid #ffffff0d}
.need-intro a[href^="tel:"]{display:inline-block;font:500 21px/1.3 Oswald,'Arial Narrow',sans-serif;letter-spacing:.02em;color:#f2f7fb;white-space:nowrap;text-decoration:none;
 padding-bottom:1px;background:linear-gradient(90deg,#f6faff,#748494 40%,#becbd7 70%,#f6faff) left bottom/100% 2px no-repeat}
.need-intro a[href^="tel:"]:hover{color:#fff;background-size:100% 3px}
@media(max-width:800px){.steel-frame>.frame-face{padding:28px 24px 24px}}
@media(max-width:620px){.steel-frame{--cut:16px}.steel-frame>.frame-face{padding:24px 18px 20px}.need-intro a[href^="tel:"]{font-size:20px}}

/* карточка ремонта Tiggo 8 Pro на странице модели: фото и подпись в две колонки (раньше справа оставалась пустота) */
.case-single.case-solo{grid-template-columns:1fr}
.case-solo .case{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:stretch}
.case-solo .case-body{display:flex;flex-direction:column;justify-content:center;padding:40px 48px}
.case-solo .case-body h3{font-size:28px;line-height:1.2}
@media(max-width:800px){.case-solo .case{grid-template-columns:1fr}.case-solo .case-body{padding:26px}.case-solo .case-body h3{font-size:22px}}

/* ===== Статья-ремонт (type: "remont"): галерея, «С чем приехали / Что сделали», ссылка на модель ===== */
.remont-car{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:0 0 6px;color:#c3ced8;font-size:15px}
.remont-car b{color:#eef4f8;font-weight:600}
.article-head .chip-remont{margin-bottom:4px}
.remont-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:10px 0 40px}
.remont-gallery.n1{grid-template-columns:minmax(0,760px)}
.remont-gallery.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.remont-gallery figure{margin:0;border:1px solid #39424b;background:#141a20;min-width:0}
.remont-gallery .photo-open{position:relative;display:block;width:100%;padding:0;border:0;background:#232a32;cursor:zoom-in;aspect-ratio:4/3;overflow:hidden}
.remont-gallery .photo-open img{width:100%;height:100%;object-fit:cover;display:block}
.remont-gallery .plate-tag{position:absolute;left:10px;bottom:10px}
.remont-gallery figcaption{padding:12px 14px;font-size:14px;line-height:1.5;color:#aebbc7}
.remont-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:0 0 30px}
.remont-facts>div{border:1px solid #3e4b57;background:#18212a;padding:24px 26px}
.remont-facts h2{font-size:28px;margin:8px 0 12px}
.remont-facts p{margin:0;color:#c3ced8;font-size:16px;line-height:1.65}
.remont-facts .works{margin-top:0}
.remont-video{margin:0 0 34px}
.remont-video video{width:100%;max-width:860px;display:block;background:#000}
.remont-model-link{margin:6px 0 40px}
/* фильтр ленты по типу: Ремонты / Советы (выводится, когда в ленте есть статьи-ремонты) */
.type-filter{margin-bottom:12px}
@media(max-width:800px){.remont-facts{grid-template-columns:1fr}.remont-gallery,.remont-gallery.n2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.remont-gallery,.remont-gallery.n2{grid-template-columns:1fr}.remont-facts>div{padding:20px}.remont-facts h2{font-size:24px}}

/* правила model-hero-car.css для телефона касаются только баннеров с машиной; у шильдика прежняя высота */
@media(max-width:620px){
 .v1 .model-hero:not(.has-car){padding-bottom:22px}
 .model-hero:not(.has-car) .hero-model-word{bottom:14px}
}

/* 3-й круг: работы без описания на странице модели — строка стальных плашек под карточками (клик = выбор работы для заявки) */
.services-more{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:26px;padding-top:22px;border-top:1px solid #38414a}
.services-more .more-label{font:500 13px/1 Oswald,'Arial Narrow',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8093a3}
.services-more ul{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}
.services-more li{margin:0;padding:0}
.service-chip .chip-face{--cut:9px;font-size:13px;letter-spacing:.06em;padding:9px 16px 10px}
.service-chip:hover .chip-face{filter:brightness(1.07)}
.service-chip:focus-visible{outline:3px solid #8bc5ee;outline-offset:4px}
.service-chip.is-selected .chip-face{box-shadow:var(--steel-face-shadow),inset 0 0 0 2px #2f6d99}
@media (max-width:640px){.services-more{gap:10px 12px}.services-more .more-label{width:100%}}

/* fix 21.10: градиентный текст заголовков (background-clip:text) обрезал выступающие части букв
   слева и снизу. Расширяем область фона в отступы, положение текста сохраняем */
.v1 h1,.v1 h2{padding:.04em .1em .18em;margin-left:-.1em}
.v1 .section-head h2{margin-bottom:-.18em}
.v1 .prose h2{margin-bottom:calc(16px - .18em)}
/* fix 21.10: плашка кода в строке текста стоит по строке, без скобок */
.prose .steel-chip{vertical-align:-.12em;margin:0 3px}
.prose .steel-chip code.chip-face{padding:2px 8px}


/* ===== Акции (21.10.2026): три варианта размещения в стиле стальных плашек. Выводятся только действующие акции из _work/promos.json ===== */
[data-promo][hidden],.promo-page [hidden]{display:none!important}
/* вариант 1: узкая стальная лента под баннером */
.promo-ribbon{position:relative;background:linear-gradient(180deg,#1f2a35,#151d26);border-bottom:1px solid #00000080;box-shadow:inset 0 1px 0 #ffffff1f}
.promo-ribbon:before,.promo-ribbon:after{content:'';position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,#6f7f8f,#f6faff 18%,#8d9cab 40%,#e9f0f6 62%,#6f7f8f 84%,#dfe7ee)}
.promo-ribbon:before{top:0}.promo-ribbon:after{bottom:0;opacity:.55}
.promo-ribbon-in{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:13px 0 12px;font-size:14px;color:#c3ced8}
.promo-short{font:500 19px/1.2 Oswald,'Arial Narrow',sans-serif;letter-spacing:.02em;color:#f2f7fb}
.promo-dates{font:600 12px/1.2 Consolas,'Courier New',monospace;letter-spacing:.03em;color:#9cb2c5;white-space:nowrap}
.promo-cond{position:relative;border:0;padding:0}
.promo-cond summary{display:inline;cursor:pointer;color:#b3d2e8;text-decoration:underline;text-underline-offset:3px;font-size:14px;padding:0}
.promo-cond[open]{flex-basis:100%;order:9}
.promo-cond p{margin:8px 0 2px;max-width:900px;font-size:14px;line-height:1.55;color:#c9d6e0}
.promo-more{color:#b3d2e8;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.promo-tag .chip-face{--cut:6px;font-size:11px;letter-spacing:.14em;padding:5px 10px}
/* вариант 2: стальная карточка в блоке работ (рядом с выбором работы и записью) */
.promo-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:26px;margin-top:34px}
.promo-card>.frame-face{display:flex;flex-direction:column;gap:12px;height:100%;padding:28px 32px 26px}
.promo-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.promo-card .promo-title{margin:4px 0 0;font:500 26px/1.15 Oswald,'Arial Narrow',sans-serif;color:#eef4f8}
.promo-details{margin:0;color:#c3ced8;font-size:15px;line-height:1.6}
.promo-conditions{margin:0;color:#aebbc7;font-size:13px;line-height:1.55}
.promo-conditions b{color:#d6e2ec;font-weight:600}
.promo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:auto;padding-top:6px}
/* вариант 3: страница акции и список акций */
.promo-page .article-head .promo-tag{margin-bottom:4px}
.promo-page .article-head .promo-example{margin-left:10px;vertical-align:middle}
.promo-dates-big{font-size:15px;color:#d6e2ec;margin:6px 0 4px}
.promo-scope{margin:0;color:#a9b6c3;font-size:15px}
.promo-frame{margin:18px 0 70px}
.promo-frame h2{font-size:30px;margin:6px 0 12px}
.promo-frame .promo-details{font-size:17px;margin-top:10px}
.promo-frame .promo-conditions{font-size:15px;color:#c3ced8}
.promo-frame .promo-actions{margin-top:20px}
.promo-ended{margin:30px 0 70px;font-size:18px;color:#d6e2ec}
.promo-list{margin-top:0}
.promo-list .promo-title{font-size:30px}
/* пометка вымышленного примера (только предпросмотр promo-preview/) */
.promo-example{display:inline-block;padding:4px 9px;border:1px dashed #e0b25c;color:#f1c978;background:#2a2112;font:600 11px/1.2 'Segoe UI',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:620px){
 .promo-ribbon-in{gap:8px 12px;padding:12px 0 11px}
 .promo-short{font-size:17px;flex-basis:100%;order:2}
 .promo-ribbon .promo-tag{order:0}.promo-ribbon .promo-example{order:1}
 .promo-ribbon .promo-dates{order:3}.promo-ribbon .promo-cond{order:4}.promo-ribbon .promo-more{order:5}
 .promo-ribbon .promo-cond[open]{order:9}
 .promo-card>.frame-face{padding:22px 18px 20px}
 .promo-card .promo-title{font-size:23px}
 .promo-frame h2{font-size:26px}
}
/* реквизиты в подвале (выводятся, когда заполнены в site-config.json) */
.org-details{margin:10px 0 0;font-size:12px;color:#98aab8}
.org-details a{text-decoration:underline;text-underline-offset:3px}

/* лента статей: заголовок карточки — h2 (иерархия H1 → H2), вид тот же, что у h3 карточки */
.v1 .article-card h2{font-family:'Segoe UI',Arial,sans-serif;font-size:22px;font-weight:500;line-height:1.22;letter-spacing:normal;margin:0;padding:0;color:#eef4f8;background:none;-webkit-background-clip:border-box;background-clip:border-box;filter:none}
@media(max-width:620px){.v1 .article-card h2{font-size:20px}}

/* согласие на обработку ПДн (21.10) */
.lead-form .consent{flex-direction:row;align-items:flex-start;gap:12px;font-size:13px;line-height:1.45;color:#a9bbc9;cursor:pointer}
.lead-form .consent input{width:20px;min-height:20px;height:20px;flex:0 0 20px;margin:1px 0 0;padding:0;accent-color:#c9d6e0;cursor:pointer}
.lead-form .consent a{color:#d6e9f7;text-decoration:underline}
.lead-form .consent.is-missing span{color:#ffd2c2}
.lead-form .consent.is-missing input{outline:2px solid #ff9f7f;outline-offset:2px}

/* ===== Li Auto 2026-10-27: размеры знака и подписи — как в принятом макете v12 (rl-china-page-v12, data-brand="Li Auto") ===== */
.steel-badge[data-brand="Li Auto"] .brand-name{font-size:16px;letter-spacing:.04em;white-space:nowrap}
.steel-badge[data-brand="Li Auto"] .mark-area{width:145px;height:60px}
@media(max-width:620px){.steel-badge[data-brand="Li Auto"] .mark-area{width:130px;height:54px}.steel-badge[data-brand="Li Auto"] .brand-name{font-size:14px;letter-spacing:.03em}}

/* === 27.10: главная Li Auto — «сцена по центру» (копия блока Geely, требование владельца 27.10: без пустот на первом экране марки): заголовок и кнопки по центру, веер сразу под ними в ширину контента, высота по содержимому (замечание владельца: пустое место справа над веером) === */
.v1 .compact-hero.fan-new{height:auto;min-height:0;display:flex;flex-direction:column;align-items:center;padding:0 0 34px}
.v1 .compact-hero.fan-new:after{background:radial-gradient(ellipse 42% 46% at 50% 24%,#111a23e8,#111a2380 55%,transparent 100%)}
.v1 .compact-hero.fan-new .hero-copy{width:min(1184px,calc(100% - 48px));margin:0 auto;padding:30px 0 0;text-align:center}
.v1 .compact-hero.fan-new .text{max-width:760px;margin:0 auto}
.v1 .compact-hero.fan-new h1{margin:12px 0 14px}
.v1 .compact-hero.fan-new .lead{max-width:620px;margin:0 auto 18px}
.v1 .compact-hero.fan-new .actions{justify-content:center}
.v1 .compact-hero.fan-new .location{text-align:center}
.compact-hero.fan-new .hero-art{position:relative;inset:auto;z-index:2;width:min(1440px,calc(100% - 48px));max-width:none;height:auto;margin:14px auto 0}
.compact-hero.fan-new .studio-light{inset:-60px 0 0;background:radial-gradient(ellipse at 50% 55%,#6a83a050,transparent 68%)}
.compact-hero.fan-new .hero-lineup{position:relative;inset:auto;right:auto;bottom:auto;left:auto;transform:none;width:100%;max-width:none;max-height:none;height:auto}
.compact-hero.fan-new.floor-checker .studio-floor{height:42%}
.v1 .compact-hero.fan-new .caption{bottom:9px;right:24px}
@media(min-width:1600px){.compact-hero.fan-new .hero-art{width:min(1520px,calc(100% - 80px))}}
@media(max-width:620px){
 .v1 .compact-hero.fan-new{padding:0 0 26px}
 .v1 .compact-hero.fan-new .hero-copy{width:calc(100% - 32px);padding-top:22px}
 .v1 .compact-hero.fan-new .actions{flex-wrap:wrap}
 .compact-hero.fan-new .hero-art{width:100%;margin-top:10px;overflow:hidden}
 .compact-hero.fan-new .hero-lineup{width:175%;left:50%;transform:translateX(-50%)}
}
/* веер Li Auto из трёх машин: на телефоне крупнее, но крайние машины не обрезаем (у Geely 175% на семь машин);
   на широком экране веер не шире 1440, чтобы колёса и пол помещались в первый экран 1920×900 */
@media(max-width:620px){.compact-hero.fan-new .hero-lineup{width:118%}}
@media(min-width:1600px){.compact-hero.fan-new .hero-art{width:min(1440px,calc(100% - 80px))}}

/* ===== 27.10 дизайн-проход «без пустот» (DESIGN-PASS.md). Стиль, тексты и первый экран марки не меняются ===== */
/* DP-1 ритм: секции ближе друг к другу (было 72+72 px между блоками), граница-разделитель остаётся */
@media(min-width:621px){.section{padding:56px 0}.contact-panel{padding-top:56px}}
@media(max-width:620px){.section{padding:38px 0}}
.v1 .section.head-brands{padding-top:40px}
/* DP-2 «Другие модели тоже принимаем»: подпись-разделитель по центру под сеткой плашек, а не висящая строка */
.more-models{display:flex;align-items:center;gap:18px;max-width:none;margin:24px 0 0;font-size:14px;letter-spacing:.04em;color:#a9b6c3;text-align:center}
.more-models:before,.more-models:after{content:'';flex:1;min-width:24px;height:1px;background:linear-gradient(90deg,transparent,#5b6d7d)}
.more-models:after{background:linear-gradient(90deg,#5b6d7d,transparent)}
/* DP-3 плашка-призыв «Другая работа» в сетке работ (закрывает дыру при нечётном числе карточек) */
.service.service-cta{position:relative;border-top:1px solid transparent;border-image:linear-gradient(90deg,#f6faff,#748494 40%,#becbd7 70%,#38414a) 1}
.service.service-cta .num{font:600 16px/1 Oswald,'Arial Narrow',sans-serif;color:#c9d6e0}
.service.service-cta h3{color:#e6eef4}
/* DP-4 вопросы: одна колонка, заголовок сверху, как у остальных секций (под заголовком слева была пустая зона) */
.v1 .faq{grid-template-columns:1fr;gap:18px}
.faq>div:first-child h2{margin-bottom:0}
.faq details p{max-width:860px}
.faq .section-intro{max-width:620px!important}
/* DP-5 запись: телефон-плашка рядом с заголовком, форма во всю ширину под ними (справа под плашкой была пустота).
   Разметка прежняя: .contact-heading раскрывается в сетку (display:contents), порядок текста не меняется */
.contact-panel>.contact-heading{display:contents}
.contact-panel{row-gap:0}
@media(min-width:801px){.contact-panel{grid-template-rows:auto auto auto auto 1fr auto}}
.contact-heading>*{grid-column:1}
.contact-heading>.lead-form{grid-row:6}
.contact-panel>.contact-plate{grid-column:2;grid-row:1/span 5;align-self:start}
.contact-heading>.lead-form{grid-column:1/-1;margin-top:26px;grid-template-columns:repeat(4,minmax(0,1fr))}
.contact-heading>.lead-form .wide{grid-column:1/-1}
.contact-heading>.lead-form .consent{grid-column:1/span 3}
.contact-heading>.lead-form button[type=submit]{grid-column:4;justify-self:end;align-self:start}
.contact-heading>#reset-talk{justify-self:start}
@media(max-width:1000px) and (min-width:801px){.contact-heading>.lead-form{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-heading>.lead-form .consent{grid-column:1/-1}.contact-heading>.lead-form button[type=submit]{grid-column:1;justify-self:start}}
@media(max-width:800px){
 .contact-panel{row-gap:0}
 .contact-panel>.contact-plate{grid-column:1;grid-row:auto;order:1;margin-top:22px}
 .contact-heading>.lead-form{order:2;grid-row:auto;grid-template-columns:1fr 1fr}
 .contact-heading>.lead-form .consent{grid-column:1/-1}
 .contact-heading>.lead-form button[type=submit]{grid-column:1/-1;justify-self:start}
}
@media(max-width:620px){.contact-heading>.lead-form{grid-template-columns:1fr}}
/* DP-6 сетка статей без дыр: 6 дорожек, карточка — 2; неполный последний ряд растягивается (2 карточки по 3, одна — во всю ширину).
   Считаются только видимые карточки (фильтр ленты скрывает лишние атрибутом hidden) */
@media(min-width:1001px){
 .articles-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
 .articles-grid>.article-card{grid-column:span 2}
}
@media(min-width:1001px){
 .articles-grid>.article-card:nth-child(3n+1 of .article-card:not([hidden])):nth-last-child(2 of .article-card:not([hidden])),
 .articles-grid>.article-card:nth-child(3n+2 of .article-card:not([hidden])):nth-last-child(1 of .article-card:not([hidden])){grid-column:span 3}
}
@media(min-width:1001px){
 .articles-grid>.article-card:nth-child(3n+1 of .article-card:not([hidden])):nth-last-child(1 of .article-card:not([hidden])){grid-column:1/-1;padding:30px 34px 28px}
 .articles-grid>.article-card:nth-child(3n+1 of .article-card:not([hidden])):nth-last-child(1 of .article-card:not([hidden])) :is(h2,h3){font-size:26px;max-width:900px}
 .articles-grid>.article-card:nth-child(3n+1 of .article-card:not([hidden])):nth-last-child(1 of .article-card:not([hidden])) p{white-space:normal;max-width:900px;font-size:15px}
}
@media(max-width:1000px) and (min-width:621px){
 .articles-grid>.article-card:nth-child(odd of .article-card:not([hidden])):nth-last-child(1 of .article-card:not([hidden])){grid-column:1/-1}
 .articles-grid>.article-card:nth-child(odd of .article-card:not([hidden])):nth-last-child(1 of .article-card:not([hidden])) p{white-space:normal}
}
/* DP-7 статья: содержание — липкая колонка справа от текста (справа от колонки 860 px была пустая треть ширины) */
@media(min-width:1101px){
 .article-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:56px;max-width:none;align-items:start}
 .article-body>*{grid-column:1;min-width:0}
 .article-body>.toc{grid-column:2;grid-row:1/span 400;position:sticky;top:24px;margin:8px 0 0;max-width:none}
 .article-body>.toc+*{margin-top:8px}
 .article-body>h2{margin-top:44px}
 .article-cta{max-width:none;margin-bottom:48px}
}
/* DP-8 «Модель из статьи» с одной плашкой: плашка слева, заголовок рядом (как шапка блока моделей на марке), без пустой полосы справа */
.article-models .wrap:has(>.models>.model-plate:only-child){display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px 40px;align-items:center}
.article-models .wrap:has(>.models>.model-plate:only-child)>.models{grid-column:1;grid-row:1;display:block}
.article-models .wrap:has(>.models>.model-plate:only-child)>.section-head{grid-column:2;grid-row:1;display:block;margin:0}
.article-models .wrap:has(>.models>.model-plate:only-child)>.section-head p{margin-top:12px}
@media(max-width:620px){.article-models .wrap:has(>.models>.model-plate:only-child){grid-template-columns:1fr}.article-models .wrap:has(>.models>.model-plate:only-child)>*{grid-column:1!important;grid-row:auto!important}.article-models .wrap:has(>.models>.model-plate:only-child)>.models{order:2;max-width:260px}}
/* DP-9 телефон: крупный шильдик марки под баннером занимал целый экран — компактная плашка рядом с заголовком */
@media(max-width:620px){
 .brand-head{grid-template-columns:118px minmax(0,1fr);gap:16px;align-items:center;margin-bottom:24px}
 .brand-head .steel-badge{height:84px;max-width:none}
 .brand-head .mark-area{width:86px;height:32px}
 .brand-head .brand-name{font-size:13px}
 .brand-head h2{font-size:27px;margin:6px 0 0}
}

/* ===== 27.10 перенос из Zeekr (zeekr/DESIGN-PASS.md) ===== */
/* ZK-3 запись: плашка телефона ниже — адрес и часы в два столбца (под «Сбросить выбор» слева оставалась пустота высотой ~120 px) */
@media(min-width:801px){
 .contact-plate{display:grid;grid-template-columns:auto 1fr;column-gap:40px;align-items:start}
 .contact-plate>.eyebrow,.contact-plate>.phone,.contact-plate>.route,.contact-plate>.contact-draft{grid-column:1/-1}
 .contact-plate>.route{justify-self:start}
}

/* ===== 27.10 дизайн-проход Li Auto сверх Geely/Zeekr (li-auto/DESIGN-PASS.md, LA-1…LA-4) ===== */
/* LA-1 L8 без фото (стальной шильдик): плашка крупнее и крупное «L8» на втором плане слева от неё, как слово модели за машиной
   (было: плашка 400×190 одна на пустом полу, слово модели целиком пряталось за ней) */
@media(min-width:1280px){
 .model-hero:not(.has-car) .hero-badge{width:min(500px,32vw);bottom:56px}
 .model-hero:not(.has-car) .hero-badge .steel-badge{height:236px}
 .model-hero:not(.has-car) .hero-badge .mark-area{width:290px!important;height:112px!important}
 .model-hero:not(.has-car) .steel-badge[data-brand="Li Auto"] .brand-name{font-size:19px}
}
@media(min-width:1280px){.model-hero:not(.has-car) .hero-model-word{right:calc(max(40px,(100vw - 1184px)/2) + min(500px,32vw) + 14px);bottom:56px;font-size:clamp(130px,10vw,190px);opacity:.12;max-width:none}}
/* LA-2 (= Zeekr ZK-1) «Мотор и привод»: заголовок в одну строку слева, под ним пусто — заголовок сверху, абзацы рядом в две колонки.
   Класс cols-stack ставит build_models.py */
.cols.cols-stack{grid-template-columns:1fr;gap:18px}
@media(min-width:801px){.cols-stack>.prose{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;align-items:start}.cols-stack>.prose p{margin:0}}
/* LA-3 «ТО: что и когда меняется»: длинное пояснение (7–8 строк в колонке 370 px) поднимало заголовок вниз, над ним слева было пусто —
   пояснение под заголовком во всю ширину. Класс head-stack ставит build_models.py, если пояснение длиннее 200 знаков */
@media(min-width:801px){.section-head.head-stack{display:block}.section-head.head-stack p{max-width:880px;margin-top:14px}}
/* LA-4 телефон: в компактной плашке марки (DP-9) знак Li Auto упирался в верх, подпись «Li Auto / Ли Сян» обрезалась — плашка чуть шире, знак и подпись меньше */
@media(max-width:620px){
 .brand-head:has(.steel-badge[data-brand="Li Auto"]){grid-template-columns:132px minmax(0,1fr)}
 .brand-head .steel-badge[data-brand="Li Auto"] .mark-area{width:72px;height:30px}
 .brand-head .steel-badge[data-brand="Li Auto"] .brand-name{font-size:10.5px;letter-spacing:.02em}
}

/* ===== 27.10 СТАНДАРТ ПЕРВОГО ЭКРАНА (HERO-STD, см. ../HERO-STD.md; перенос из geely/_work/additions.css). Отзыв владельца: «герой огромный, машина мелковата».
   (а) герой целиком в окне вместе с полосой пилота, шапкой и крошками: высота = clamp(минимум, 100svh − шапка − «выглядывание» следующего блока, потолок);
   (б) текст компактный: H1 в одну строку на десктопе, лид одной строкой, кнопки и строка адреса в один ряд — не больше ~35 % высоты;
   (в) веер (li-auto-fan.webp 1797×510, 3,52:1 → коэффициент .284) занимает остаток: object-fit:contain, низом к полу;
   (г) подписи «Иллюстрация…» нет (решение владельца 27.10: происхождение фото только во внутреннем ASSET-SOURCES). ===== */
body.v1{--shapka:152px;--peek:28px;--hero-min:430px;--hero-cap:760px}
body.v1:has(>.draft){--shapka:188px}            /* в пилоте над шапкой полоса «локальный пилот» (36 px) */
@media(min-width:621px){
 .v1 .compact-hero.fan-new{height:clamp(var(--hero-min),min(calc(100svh - var(--shapka) - var(--peek)),calc((100vw - 48px) * .284 + 250px)),var(--hero-cap));min-height:0;padding:0;display:flex;flex-direction:column;align-items:stretch}
 .v1 .compact-hero.fan-new:after{background:radial-gradient(ellipse 46% 30% at 50% 14%,#111a23e0,#111a2370 60%,transparent 100%)}
 .v1 .compact-hero.fan-new .hero-copy{flex:none;width:calc(100% - 48px);padding:clamp(12px,2vh,20px) 0 0}
 .v1 .compact-hero.fan-new .text{max-width:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:26px;row-gap:0}
 .v1 .compact-hero.fan-new .text>.eyebrow,.v1 .compact-hero.fan-new .text>h1,.v1 .compact-hero.fan-new .text>.lead{flex:0 0 100%}
 .v1 .compact-hero.fan-new h1{font-size:clamp(40px,3.4vw,56px);line-height:1.04;margin:6px 0 8px}
 .v1 .compact-hero.fan-new .lead{max-width:none;margin:0 0 14px}
 .v1 .compact-hero.fan-new .location{margin:0}
 .compact-hero.fan-new .hero-art{position:relative;inset:auto;z-index:2;flex:1 1 0;min-height:0;width:calc(100% - 48px);max-width:1880px;height:auto;margin:6px auto 0;padding-bottom:12px;display:flex;align-items:flex-end;justify-content:center}
 .compact-hero.fan-new .hero-art picture{display:contents}
 .compact-hero.fan-new .hero-lineup{position:relative;inset:auto;transform:none;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:50% 100%}
 .compact-hero.fan-new .studio-light{inset:30% 0 0;background:radial-gradient(ellipse 50% 60% at 50% 62%,#6a83a048,transparent 70%)}
 .compact-hero.fan-new.floor-checker .studio-floor{top:auto;bottom:0;height:47%}
}
@media(max-width:1050px) and (min-width:621px){
 .v1 .compact-hero.fan-new{height:clamp(var(--hero-min),min(calc(100svh - var(--shapka) - var(--peek)),calc((100vw - 48px) * .284 + 330px)),var(--hero-cap))}
}
@media(min-width:900px){
 .v1 .compact-hero.fan-new h1{white-space:nowrap}
 .v1 .compact-hero.fan-new h1 br{display:none}
}
@media(max-width:620px){
 .v1 .compact-hero.fan-new{padding:0 0 18px}
 .v1 .compact-hero.fan-new .hero-copy{padding-top:16px}
 .v1 .compact-hero.fan-new h1{font-size:40px;margin:10px 0 10px}
 .v1 .compact-hero.fan-new .lead{margin-bottom:14px}
 .v1 .compact-hero.fan-new .location{margin-top:10px}
 .compact-hero.fan-new .hero-art{width:calc(100% - 12px);margin:12px auto 0;overflow:visible}   /* + поля картинки: машины не прижаты к краю экрана */
 .compact-hero.fan-new .hero-art picture{display:block}
 .compact-hero.fan-new .hero-lineup{width:100%;left:auto;transform:none}
 .compact-hero.fan-new.floor-checker .studio-floor{top:auto;bottom:0;height:30%}
}
/* Страница модели: текст слева (колонка ~450 px от левого края контента), машина справа во всю оставшуюся ширину до 24 px от края окна.
   Высота = min(окно − шапка − выглядывание, по размеру машины: ширина области × 0,45 + 70 px), не меньше 430 — без пустого «неба» над машиной.
   На 621–1050 — прежняя раскладка. Крупное слово модели на втором плане только у L8 (нет машины): на машине оно ложилось водяным знаком */
@media(min-width:1051px){
 .v1 .compact-hero.model-hero.has-car{--L:max(40px,calc((100vw - 1184px) / 2));--artw:calc(100vw - var(--L) - 450px);
   height:clamp(var(--hero-min),min(calc(100svh - var(--shapka) - var(--peek)),calc(var(--artw) * .45 + 70px)),var(--hero-cap));min-height:0;display:flex;align-items:center}
 .v1 .model-hero.has-car .hero-copy{padding:0 0 8px}
 .model-hero.has-car .hero-art{inset:0 0 0 auto;width:var(--artw);max-width:none}
 .model-hero.has-car .studio-light{background:radial-gradient(ellipse 60% 70% at 55% 45%,#62738150,transparent 70%)}
 .model-hero.has-car .hero-model-car{right:24px;bottom:22px;width:calc(100% - 24px);height:calc(100% - 44px);max-height:none;object-fit:contain;object-position:right bottom}
}
@media(max-width:620px){
 .v1 .model-hero.has-car{padding-bottom:226px}
 .model-hero.has-car .hero-art{height:210px;bottom:16px;overflow:visible}
 .model-hero.has-car .hero-model-car{width:110%;max-width:none;left:50%;right:auto;transform:translateX(-50%);max-height:none;object-position:center bottom}
}
/* пол под веером: затемнение к краям симметрично */
.compact-hero.fan-new.floor-checker .studio-floor:before{background:
  radial-gradient(ellipse 42% 60% at 50% 62%,#a9bccb1c,transparent 72%),
  linear-gradient(180deg,#1c2730 0%,#1c2730d8 10%,#1c273070 28%,transparent 52%),
  linear-gradient(90deg,#141d26a8 0%,transparent 14%,transparent 86%,#141d26a8 100%),
  linear-gradient(0deg,#10171e70 0%,transparent 34%)}

/* ===== 27.10 блок «Выберите свою модель» как у Chery (решение владельца: у всех марок одинаковый): карточки с фото машины
   (chery/_work/additions.css .mgrid/.mcard), 4 модели — 4 в ряд, на планшете и телефоне 2×2 без дыр; L8 без фото — стальной знак ===== */
.models2 .section-head p{max-width:420px}
.mgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mcard{position:relative;display:flex;flex-direction:column;padding:10px 14px 16px;background:linear-gradient(180deg,#e9eef2 0%,#d3dbe2 62%,#b9c4cd 100%);color:#16212b;clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);box-shadow:inset 0 1px 0 #fff;transition:transform .15s,filter .15s}
.mcard:before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#fff,#8fa3b5,#fff)}
.mcard:hover{transform:translateY(-3px);filter:brightness(1.04)}
.mcard:focus-visible{outline:3px solid #8bc5ee;outline-offset:4px}
.mcard-pic{display:block;aspect-ratio:640/300;margin:0 -6px 6px}
.mcard-pic img{width:100%;height:100%;object-fit:contain}
.mcard-name{font:500 22px/1.1 Oswald,'Arial Narrow',sans-serif;letter-spacing:.01em}
.mcard-meta{font:600 11px/1.3 Consolas,'Courier New',monospace;color:#4a5d6e;margin-top:4px}
.mcard-go{margin-top:10px;font-size:12px;font-weight:600;color:#2f6a95;display:flex;justify-content:space-between;align-items:center}
.mcard-go .arrow{font-size:18px}
.mcard-steel{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font:600 22px/1 Oswald,'Arial Narrow',sans-serif;letter-spacing:.06em;color:#26313a;background:linear-gradient(160deg,#f3f7fa,#aab7c2 55%,#e1e8ee);border-radius:6px}
.mcard-steel-mark{gap:18px;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 #8597a6,0 2px 6px #0b121a40}
.mcard-steel-mark .mark-area{width:38%;height:auto;aspect-ratio:48/20;max-width:none;filter:drop-shadow(0 1px 0 #ffffffa6)}
.mcard-steel-mark b{font:600 clamp(34px,3.6vw,56px)/1 Oswald,'Arial Narrow',sans-serif;letter-spacing:.04em;color:#2a3744;text-shadow:0 1px 0 #ffffffb0}
@media(max-width:1000px){.mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.mgrid{gap:10px}.mcard{padding:8px 10px 12px}.mcard-name{font-size:18px}.mcard-meta{font-size:10px}.mcard-go{font-size:11px}
 .mcard-steel-mark{gap:10px}.mcard-steel-mark b{font-size:30px}}
/* 27.10 визуальная приёмка: на L8 (без машины) крупное «L8» уже 1280 px выглядывало из-под стальной плашки обрывком в правом нижнем углу —
   слово модели показываем только там, где оно стоит рядом с плашкой и ничего не перекрывает (≥1280, правило LA-1) */
@media(max-width:1279px){.model-hero:not(.has-car) .hero-model-word{display:none}}
/* 27.10 визуальная приёмка, окно ноутбука 1366×657: шапка с крошками занимает 188 px, текст героя был 44 % высоты —
   на низких окнах отступы текста плотнее, машинам остаётся больше места */
@media(min-width:621px) and (max-height:720px){
 .v1 .compact-hero.fan-new .hero-copy{padding-top:10px}
 .v1 .compact-hero.fan-new h1{font-size:clamp(36px,3vw,46px);margin:4px 0 6px}
 .v1 .compact-hero.fan-new .lead{margin-bottom:10px}
}

.mark-li{--mark:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCA0OCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NDQo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTcwNF8zMzk0NCkiPg0NCjxwYXRoIGQ9Ik00OCAxOS41MjM0SDMzLjI2ODZMMjguNDkzMiAxMC42ODc1SDQzLjIwMjFMNDggMTkuNTIzNFpNMTMuNjcyOSAwLjU0Njg3NUMxMy44NTMyIDAuODY3NDU0IDE3LjA3MzcgNi44NDE4NiAxNy4yNTM5IDcuMTM5NjVDMTcuNzcxOSA4LjA3NzkzIDE4LjI2NzggOC45MDE4MiAxOS4xNjg5IDkuNjExMzNDMjAuMjUwMSAxMC41NDk2IDIyLjAwNyAxMC43MDk5IDIzLjY5NjMgMTAuNzFIMjYuNjQ3NUwzMS40MjI5IDE5LjUyMjVIMTkuMjU4OEMxNy43MDQ3IDE5LjUyMjUgMTYuMTczMiAxOS40NzY2IDE0LjY2NDEgMTkuMTEwNEMxMy4xMzIyIDE4LjcyMTIgMTEuODI2MSAxOC4xMDMxIDEwLjU4NjkgMTcuMTY1QzcuOTk2NTggMTUuMjg4MiA2LjU3NzM4IDEyLjcyNDMgNS4wOTA4MiA5Ljk3NzU0QzMuMzc4OSA2Ljg2NDUxIDEuNjg5MzUgMy42ODMwMiAwIDAuNTQ2ODc1SDEzLjY3MjlaTTM3LjY4NDYgMC40NzY1NjJMNDIuNDYgOS4yNjY2SDI3LjcwNjFMMjIuOTUzMSAwLjQ3NjU2MkgzNy42ODQ2WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC45Ii8+DQ0KPC9nPg0NCjxkZWZzPg0NCjxjbGlwUGF0aCBpZD0iY2xpcDBfMTcwNF8zMzk0NCI+DQ0KPHJlY3Qgd2lkdGg9IjQ4IiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPg0NCjwvY2xpcFBhdGg+DQ0KPC9kZWZzPg0NCjwvc3ZnPg0NCg==")}

/* Telegram-кнопка в записи: отступ до адреса */
.contact-plate>.route:not(:last-of-type){margin-bottom:14px}