[id]{scroll-margin-top:105px}
.nav nav{gap:18px}
.nav nav a{white-space:nowrap}

.hero{grid-template-columns:minmax(350px,.68fr) minmax(560px,1.32fr);gap:46px;align-items:center}
.hero-showcase{overflow:hidden;transform:none}
.reveal{--position:50%;position:relative;height:clamp(430px,44vw,560px);overflow:hidden;background:#dfe8e3;isolation:isolate}
.reveal>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reveal .after{clip-path:inset(0 0 0 var(--position))}
.reveal-line{position:absolute;z-index:3;top:0;bottom:0;left:var(--position);width:3px;background:#fff;box-shadow:0 0 0 1px rgba(8,45,38,.25);transform:translateX(-50%);pointer-events:none}
.reveal-line:after{content:'↔';position:absolute;top:50%;left:50%;display:grid;place-items:center;width:48px;height:48px;border:2px solid #fff;border-radius:50%;color:#fff;background:var(--green);box-shadow:0 8px 25px rgba(8,45,38,.32);font-size:21px;transform:translate(-50%,-50%)}
.reveal input{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.reveal-label,.concept-tag{position:absolute;z-index:2;top:18px;padding:7px 11px;border-radius:999px;color:#fff;background:rgba(8,45,38,.82);font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;pointer-events:none}
.before-label{left:18px}.after-label{right:18px}
.concept-tag{top:auto;right:18px;bottom:18px;background:rgba(0,104,77,.86)}
.drag-note{padding:9px 16px;text-align:center;color:var(--deep);background:#ebf7f0;font-size:11px;font-weight:750}
.hero-impact{display:grid;grid-template-columns:.65fr 1.35fr 1fr 1fr;border-top:1px solid var(--line);background:#fff}
.hero-impact div{min-width:0;padding:17px 18px;border-right:1px solid var(--line)}
.hero-impact div:last-child{border-right:0}
.hero-impact strong{display:block;margin-bottom:4px;color:var(--deep);font-size:clamp(17px,1.5vw,24px);line-height:1.05;white-space:nowrap}
.hero-impact span{display:block;color:var(--muted);font-size:10px;line-height:1.35}

.benefits-section{padding-top:85px}
.benefit-intro{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:end;margin-bottom:82px;padding:0 0 62px;border-bottom:1px solid var(--line)}
.benefit-intro p{margin:0;color:var(--green);font-size:13px;font-weight:800}
.benefit-intro h2{max-width:760px;margin:0;font-size:clamp(43px,5.5vw,72px);line-height:.96;letter-spacing:-.055em}
.compact-head{margin-bottom:34px}
.benefits article{position:relative;min-height:260px;padding:24px}
.benefits article small{position:absolute;top:27px;right:24px;color:#8ba098;font-size:10px;font-weight:800}
.benefits .benefit-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:var(--deep);background:#e5f7ed;font-size:14px;font-weight:900;letter-spacing:-.02em}
.benefits h3{margin:30px 0 12px}

.visual-head{padding-bottom:38px}
.visual-story{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.55fr);gap:34px;align-items:stretch;max-width:1220px;margin:0 auto;padding:0 30px}
.visual-slider-card{align-self:start;overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 18px 55px rgba(0,0,0,.24)}
.visual-reveal{height:clamp(390px,43vw,535px)}
.visual-sidecopy{display:flex;flex-direction:column;justify-content:center;padding:34px 8px 34px 10px}
.visual-sidecopy .kicker{margin-bottom:16px;color:var(--lime)}
.visual-sidecopy h3{margin:0 0 22px;font-size:clamp(31px,3.2vw,46px);line-height:1;letter-spacing:-.045em}
.visual-sidecopy>p:not(.kicker){margin:0 0 22px;color:#afc4bc;line-height:1.65}
.visual-sidecopy ul{display:grid;gap:10px;margin:0 0 28px;padding:0;list-style:none}
.visual-sidecopy li{position:relative;padding-left:22px;color:#e0ece7;font-size:13px;line-height:1.35}
.visual-sidecopy li:before{content:'✓';position:absolute;left:0;color:var(--lime);font-weight:900}
.visual-sidecopy small{margin-top:auto;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);color:#88a69b;font-size:10px;line-height:1.55}

.compare{max-width:1220px;margin:auto;padding:0 30px;gap:18px;background:transparent}
.compare figure{overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 18px 55px rgba(0,0,0,.22)}
.compare img{height:390px}
.compare figure i{font-style:normal}
.visual-note{padding-top:25px}
.interiors{padding-top:75px}
.interior-copy{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin-bottom:32px}
.interior-copy .kicker{grid-column:1/-1}
.interior-copy h3{margin:0;font-size:clamp(39px,5vw,62px);line-height:.98;letter-spacing:-.05em}
.interior-copy>p:last-child{margin:0;color:#abc1b9;line-height:1.65}
.interior-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.interior-grid figure{position:relative;overflow:hidden;margin:0;border-radius:19px;background:#fff}
.interior-grid figure.wide{grid-column:1/-1}
.interior-grid img{display:block;width:100%;height:320px;object-fit:cover}
.interior-grid .wide img{height:430px}
.interior-grid figcaption{position:absolute;left:16px;bottom:16px;padding:8px 11px;border-radius:999px;color:#fff;background:rgba(8,45,38,.82);font-size:11px;font-weight:750}
.interior-disclaimer{margin:18px 0 0;color:#8fa9a0;font-size:11px}

.economy-details{display:grid;gap:10px;margin-top:24px}
.economy-details details{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}
.economy-details summary{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:14px;padding:20px 22px;cursor:pointer;list-style:none;font-size:16px;font-weight:800}
.economy-details summary::-webkit-details-marker{display:none}
.economy-details summary span{color:var(--green);font-size:12px}
.economy-details summary b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--deep);background:#e7f5ec;font-size:18px;transition:.2s}
.economy-details details[open] summary b{transform:rotate(45deg)}
.economy-details details>div{padding:0 22px 22px 81px;color:var(--muted);line-height:1.6}
.economy-details li{margin:7px 0}
.detail-models{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.detail-models p{margin:0;padding:17px;border-radius:12px;background:#edf7f1}
.detail-models strong{display:block;margin-bottom:8px;color:var(--deep)}

@media(max-width:1120px){.nav nav{gap:12px}.nav nav a{font-size:11px}.hero{grid-template-columns:1fr}.reveal{height:560px}.hero-impact strong{font-size:22px}.visual-story{grid-template-columns:1fr}.visual-reveal{height:520px}.visual-sidecopy{display:grid;grid-template-columns:1fr 1fr;gap:0 45px;padding:12px 4px}.visual-sidecopy .kicker,.visual-sidecopy h3{grid-column:1}.visual-sidecopy>p:not(.kicker),.visual-sidecopy ul{grid-column:2}.visual-sidecopy>p:not(.kicker){grid-row:1/3;margin-top:26px}.visual-sidecopy small{grid-column:1/-1}.interior-copy{grid-template-columns:1fr}.detail-models{grid-template-columns:1fr}}
@media(max-width:900px){.benefit-intro{grid-template-columns:1fr;gap:14px;margin-bottom:60px}.hero-impact{grid-template-columns:1fr 1fr}.hero-impact div:nth-child(2){border-right:0}.hero-impact div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:600px){.reveal{height:400px}.hero-impact{grid-template-columns:1fr 1fr}.hero-impact div{padding:14px 12px}.hero-impact strong{font-size:17px;white-space:normal}.hero-impact span{font-size:9px}.benefit-intro{padding-bottom:45px}.visual-story{padding:0 20px}.visual-reveal{height:330px}.visual-sidecopy{display:block;padding:16px 2px}.visual-sidecopy h3{font-size:34px}.visual-sidecopy small{display:block}.compare{padding:0 20px}.compare img{height:300px}.interior-grid{grid-template-columns:1fr}.interior-grid figure.wide{grid-column:auto}.interior-grid img,.interior-grid .wide img{height:300px}.economy-details summary{grid-template-columns:32px 1fr auto;padding:17px 15px}.economy-details details>div{padding:0 15px 18px}}

/* 2026-08-25 Turnov image update */
.visual-static-card{background:transparent}
.visual-static-image{display:block;width:100%;height:auto;object-fit:contain}