/* Local alternative: ?preview=cinematic-left. The centred version is untouched. */
.hero-cinematic-benefits {display:none}
html[data-hero-layout="split"] .hero-cinematic-inner {align-items:stretch;background:linear-gradient(90deg,#08091180 0%,#08091155 56%,#08091144 100%)}
html[data-hero-layout="split"] {--split-inline:max(7vw,calc((100vw - 1640px)/2))}
html[data-hero-layout="split"] .hero-cinematic-copy {display:flex;flex-direction:column;width:74%;max-width:none;text-align:left}
html[data-hero-layout="split"] .hero-cinematic h1 {order:0;font-size:clamp(46px,4.8vw,92px);line-height:1.06}
html[data-hero-layout="split"] .hero-cinematic-lead {order:1;margin-top:16px}
html[data-hero-layout="split"] .hero-cinematic-actions {order:2;justify-content:flex-start;margin-top:24px}
html[data-hero-layout="split"] .hero-cinematic-experience {order:3;margin-top:24px}
html[data-hero-layout="split"] .hero-cinematic-cta {border-radius:14px}
/* Keep the original lower rail's footprint so the banner height does not change. */
html[data-hero-layout="split"] .hero-cinematic-process {visibility:hidden;align-self:center;pointer-events:none}
html[data-hero-layout="split"] .hero-cinematic-benefits {position:absolute;top:27%;right:var(--split-inline);display:grid;gap:0;width:clamp(240px,calc((100vw - 2 * var(--split-inline)) * .23),320px);max-width:320px;margin:0;padding:0 0 0 32px;border-left:1px solid #ffffff66;list-style:none;color:#fff}
.hero-cinematic-benefits li {position:relative;display:flex;align-items:center;gap:20px;min-height:106px;margin:0;padding:18px 0;list-style:none}
.hero-cinematic-benefits li+li::before {content:"";position:absolute;top:0;left:0;width:48px;height:1px;background:#ffffff3d}
.hero-cinematic-benefits svg {display:block;flex:0 0 auto;width:44px;height:44px}
.hero-cinematic-benefits span {font-size:clamp(16px,1.25vw,23px);line-height:1.5;letter-spacing:-.015em}
@media(min-width:1001px) {
  html[data-hero-layout="split"] .header {padding-inline:var(--split-inline)!important;height:clamp(88px,5.1vw,104px)}
  html[data-hero-layout="split"] .brand-copy strong {font-size:clamp(17px,1.1vw,21px)}
  html[data-hero-layout="split"] .header .nav a {font-size:clamp(15px,.95vw,18px)}
  html[data-hero-layout="split"] .header .phone {font-size:clamp(16px,1.05vw,20px)}
  html[data-hero-layout="split"] .hero-cinematic-inner {display:block;height:clamp(680px,49.6vw,880px);min-height:0;padding:0}
  html[data-hero-layout="split"] .hero-cinematic-copy {position:absolute;top:26%;left:var(--split-inline);width:calc((100vw - 2 * var(--split-inline)) * .73);padding:0}
  html[data-hero-layout="split"] .hero-cinematic-process {display:none}
  html[data-hero-layout="split"] .hero-cinematic-actions {gap:clamp(24px,2vw,36px);margin-top:32px}
  html[data-hero-layout="split"] .hero-cinematic-cta {min-height:clamp(62px,4.2vw,78px);padding-inline:clamp(28px,2.4vw,44px);font-size:clamp(16px,1.15vw,21px)}
  html[data-hero-layout="split"] .hero-cinematic-secondary {font-size:clamp(16px,1.1vw,20px)}
  html[data-hero-layout="split"] .hero-cinematic-experience {margin-top:32px}
}
@media(min-width:1001px) and (max-width:1280px) {
  html[data-hero-layout="split"] .hero-cinematic-copy {width:calc((100vw - 2 * var(--split-inline)) * .71)}
  html[data-hero-layout="split"] .hero-cinematic h1 {font-size:4.5vw}
  html[data-hero-layout="split"] .hero-cinematic-actions {gap:20px}
  html[data-hero-layout="split"] .hero-cinematic-cta {padding-inline:24px;font-size:15px}
  html[data-hero-layout="split"] .hero-cinematic-secondary {font-size:14px}
  html[data-hero-layout="split"] .hero-cinematic-benefits {padding-left:20px}
  .hero-cinematic-benefits li {gap:12px}
  .hero-cinematic-benefits svg {width:36px;height:36px}
}
@media(max-width:1000px) {
  html[data-hero-layout="split"] .hero-cinematic h1 {font-size:clamp(36px,5.4vw,48px);line-height:1.14}
  html[data-hero-layout="split"] .hero-cinematic-copy {width:100%;max-width:760px;padding:0}
  html[data-hero-layout="split"] .hero-cinematic-process {display:none}
  html[data-hero-layout="split"] .hero-cinematic-benefits {position:static;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;max-width:none;margin:42px 0 0;padding:20px 0 0;border-left:0;border-top:1px solid #ffffff44}
  .hero-cinematic-benefits li {align-items:flex-start;gap:12px;min-height:88px;padding:10px 0}
  .hero-cinematic-benefits li+li::before {display:none}
  .hero-cinematic-benefits svg {width:34px;height:34px}
  .hero-cinematic-benefits span {font-size:15px}
}
@media(max-width:620px) {
  html[data-hero-layout="split"] .hero-cinematic h1 {font-size:clamp(31px,8vw,44px);line-height:1.16}
  html[data-hero-layout="split"] .hero-cinematic-inner {background:linear-gradient(180deg,#08091188,#08091177 50%,#080911dd)}
  html[data-hero-layout="split"] .hero-cinematic-lead {max-width:none;margin-left:0}
  html[data-hero-layout="split"] .hero-cinematic-experience {max-width:none;margin-left:0}
  html[data-hero-layout="split"] .hero-cinematic-actions {align-items:stretch}
  html[data-hero-layout="split"] .hero-cinematic-secondary {justify-content:flex-start}
  html[data-hero-layout="split"] .hero-cinematic-benefits {grid-template-columns:1fr;gap:6px;margin-top:28px;padding-top:18px}
  .hero-cinematic-benefits li {align-items:center;min-height:56px;padding:5px 0}
  .hero-cinematic-benefits svg {width:32px;height:32px}
  .hero-cinematic-benefits span {font-size:14px}
  .hero-cinematic-benefits span br {display:none}
}
