.hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.film-section{padding:120px max(24px,calc((100% - var(--max))/2));display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center;background:#e7eee9}
.film-copy p:last-child{color:var(--muted);font-size:1.05rem;max-width:520px}
.film-player{background:var(--ink);padding:10px;box-shadow:var(--shadow)}
.film-player video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.film-player>p{display:flex;justify-content:space-between;gap:20px;align-items:center;color:white;margin:0;padding:15px 14px 7px;font-size:.8rem}
.film-player>p strong{color:var(--lime)}
.film-player>p span{color:#adc0c6}
@media(max-width:900px){.film-section{grid-template-columns:1fr;gap:38px}}
@media(max-width:580px){.film-section{padding:78px 16px}.film-player>p{align-items:flex-start;flex-direction:column;gap:2px}}
@media(prefers-reduced-motion:reduce){.hero-film{display:none}.hero{background:url("assets/trassenbau-hero.png") center/cover no-repeat}}
.comparison-section{padding:120px max(24px,calc((100% - var(--max))/2));display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center;background:var(--paper)}
.comparison-copy>p:not(.eyebrow){color:var(--muted);font-size:1.05rem;max-width:500px}
.comparison-note{border-left:3px solid var(--lime);padding-left:16px;font-size:.9rem!important}
.comparison-slider{--position:50%;position:relative;aspect-ratio:16/9;overflow:hidden;background:#06121d;box-shadow:var(--shadow);touch-action:none}
.comparison-slider img{display:block;width:100%;height:100%;object-fit:cover}
.comparison-after{position:absolute;inset:0}
.comparison-before{position:absolute;inset:0;width:100%;overflow:hidden;clip-path:inset(0 calc(100% - var(--position)) 0 0)}
.comparison-before img{width:100%;height:100%;max-width:none}
.comparison-label{position:absolute;top:22px;z-index:3;padding:8px 12px;background:rgba(7,27,44,.86);color:#fff;font:.76rem "Space Grotesk";font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.comparison-label.before{left:22px}.comparison-label.after{right:22px}
.comparison-line{position:absolute;z-index:4;top:50%;left:var(--position);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--ink);border:3px solid white;transform:translate(-50%,-50%);font-weight:700;box-shadow:0 2px 10px rgba(0,0,0,.28)}
.comparison-range{position:absolute;inset:0;z-index:5;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
@media(max-width:900px){.comparison-section{grid-template-columns:1fr;gap:38px}}
@media(max-width:580px){.comparison-section{padding:78px 16px}.comparison-label{top:12px}.comparison-label.before{left:12px}.comparison-label.after{right:12px}}