/* Gegenereerd door bouw_lokaal.py uit ../go-site/sections/liftband.css. Niet met de hand wijzigen. */
/* Sectie: Liftband (eigendom Claude A). Prefix .ezl- ; leunt op globale tokens --navy, --navy-deep, --orange, --orange-light en op .container, .button uit assets/redesign.css */
.ezl{position:relative;padding:72px 0 64px;margin-top:0;color:#fff;background:#fff;overflow:hidden;isolation:isolate}
/* Diagonale vlakken: donkerblauw fundament, oranje band, lichtere blauwe snede */
/* De gekleurde laag vult de hele sectie, zodat het blok zonder witte rand aansluit op de secties erboven en eronder. De sectie zelf is compacter gehouden. */
.ezl-background{position:absolute;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(168deg,var(--navy-deep,#101f69) 0%,var(--navy,#142993) 48%,#1b35b0 100%);pointer-events:none}
.ezl-background::before{content:"";position:absolute;right:-10%;top:-24%;width:60%;height:70%;background:rgba(255,255,255,.06);transform:rotate(-7deg)}
.ezl-background::after{content:"";position:absolute;left:-10%;right:-10%;top:18%;height:46%;background:linear-gradient(90deg,var(--orange,#ef951a),var(--orange-light,#f5b54a));transform:rotate(-7deg);box-shadow:0 30px 80px -30px rgba(0,0,0,.45)}
.ezl-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}

/* Zwevende tekstkaart */
.ezl-card{position:relative;background:#fff;color:var(--ink,#192345);border-radius:24px;padding:48px 48px 40px;box-shadow:0 50px 90px -40px rgba(0,0,0,.55),0 20px 40px -24px rgba(16,31,105,.5);transform:rotate(-1.2deg)}
.ezl-card::before{content:"";position:absolute;inset:14px -14px -14px 14px;border-radius:24px;background:rgba(16,31,105,.35);z-index:-1;filter:blur(2px)}
.ezl-kicker{display:inline-block;margin:0 0 18px;padding:7px 14px;border-radius:999px;background:#fff4e3;color:#9a5a05;font:600 12px/1.4 Lexend,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.ezl-card h2{font-size:clamp(28px,3.2vw,42px);margin-bottom:18px}
.ezl-text{margin:0 0 24px;font-size:18px;line-height:1.65;color:var(--muted,#56617a)}
.ezl-list{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}
.ezl-list li{position:relative;padding-left:34px;font-size:16px;line-height:1.45}
.ezl-list li::before{content:"";position:absolute;left:0;top:4px;width:22px;height:22px;border-radius:50%;background:var(--orange,#ef951a);box-shadow:inset 0 0 0 5px #fff,0 0 0 2px var(--orange,#ef951a)}
.ezl-list strong{display:block;font-family:Lexend,sans-serif;font-weight:600;color:var(--navy,#142993);letter-spacing:-.01em}
.ezl-list span{color:var(--muted,#56617a)}
.ezl-actions{display:flex;flex-wrap:wrap;gap:12px}
.ezl-actions .button-white{border:1px solid #dce1ef}
.ezl-note{margin:20px 0 0;font-size:15px;line-height:1.5;color:var(--muted,#56617a)}

/* Huidige websitebeelden die boven en naast het vlak uitkomen */
.ezl-visual{position:relative;min-height:640px}
.ezl-photo{position:absolute;margin:0}
.ezl-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:20px;border:8px solid #fff;box-shadow:0 40px 70px -30px rgba(0,0,0,.6)}
.ezl-photo-main{right:0;top:-60px;width:min(66%,360px);height:calc(100% + 60px);transform:rotate(2.2deg);z-index:2}
.ezl-photo-main img{object-position:50% 22%}
.ezl-photo-small{left:-24px;bottom:-56px;width:min(58%,320px);aspect-ratio:4/3;transform:rotate(-3deg);z-index:3}
.ezl-photo-small img{object-position:50% 40%}
.ezl-badge{position:absolute;z-index:4;left:auto;right:-38px;top:-10px;transform:rotate(-3deg);margin:0;padding:14px 18px;border-radius:14px;background:var(--navy,#142993);color:#fff;font:600 17px/1.2 Lexend,sans-serif;letter-spacing:-.02em;box-shadow:0 18px 40px -18px rgba(0,0,0,.7);transform:rotate(-4deg)}
.ezl-badge span{display:block;font:600 11px/1.3 Lexend,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-light,#f5b54a);margin-bottom:4px}

@media(max-width:1260px){
  .ezl-badge{right:-8px}
}
@media(max-width:1100px){
  .ezl{padding:64px 0 56px}
  .ezl-grid{gap:40px}
  .ezl-card{padding:40px 36px 34px}
  .ezl-list{grid-template-columns:1fr}
  .ezl-visual{min-height:600px}
  .ezl-photo-main{width:min(70%,330px)}
  .ezl-photo-small{width:min(60%,280px);bottom:-40px}
}
@media(max-width:800px){
  .ezl{padding:56px 0 48px}
  .ezl-background::after{top:8%;height:34%;transform:rotate(-9deg)}
  .ezl-grid{grid-template-columns:1fr;gap:32px}
  .ezl-background::before{display:none}
  .ezl-visual{order:-1;min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:14px;align-items:end;padding-top:24px}
  .ezl-photo{position:relative;inset:auto;width:auto;height:auto;transform:none}
  .ezl-photo-main{aspect-ratio:3/4;transform:rotate(1.5deg)}
  .ezl-photo-small{aspect-ratio:1;transform:rotate(-2deg)}
  .ezl-badge{left:12px;right:auto;top:0;transform:rotate(-3deg);font-size:15px;padding:10px 14px}
  .ezl-card{transform:none;padding:32px 24px 28px;border-radius:20px}
  .ezl-card::before{inset:10px -8px -10px 8px}
  .ezl-card h2{font-size:clamp(26px,7vw,34px)}
  .ezl-actions .button{width:100%}
}
@media(prefers-reduced-motion:reduce){.ezl-card,.ezl-photo,.ezl-badge{transform:none}}

/* De schaduwlaag raakt de leesbare witte kaart niet. */
.ezl-card{transform:none;box-shadow:14px 14px 0 #101f6959,0 35px 65px #101f6945}
.ezl-card::before{display:none}

/* Alleen voor deze lokale kopie. */
/* Alleen voor deze lokale kopie. Meubelblok in de vorm van variant 1 "strak tweeluik" uit
   meubelblok-varianten.html (keuze Shahab, 10 september 2026): geen schuine vlakken, links
   een donkerblauwe tekstkaart met oranje bovenrand, rechts de grote foto met badge, even hoog
   als de kaart. De teamfoto en de feitentegel vervallen op zijn aanwijzing. De opmaak werkt
   op de bestaande markup van liftband.html; het bestand van regie is niet aangeraakt.
   Vorige opmaak (diagonalen, logo op de oranje band) bewaard als
   scratch/liftband-lokaal.css.bak-diagonaal. */
.ezl .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}
.ezl .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:.85rem 1.4rem;font:600 .95rem/1.3 Lexend,sans-serif;border-radius:10px;text-align:center;transition:transform .18s,box-shadow .18s}
/* Sinds de appknop een regel eronder heeft (wa-kolom, stap 5k van f5) mag de oranje knop niet meer meerekken
   tot de hoogte van die kolom: rij op de bovenlijn, beide knoppen even hoog. */
.ezl-actions{align-items:flex-start}
.ezl .wa-kolom>.button{min-height:52px}
.ezl .button-orange{background:var(--orange,#ef951a);color:#13235b;box-shadow:0 5px 0 #c87307}
.ezl .button-orange:hover{background:#f4a630}
.ezl .button-white{background:#fff;color:var(--navy,#142993)}
.ezl .button:hover{transform:translateY(-2px)}

/* sectie en achtergrond */
.ezl{padding:5rem 0;margin-top:0;background:#f7f9fc;color:#1a1a1a}
.ezl-background{display:none}
.ezl-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:stretch}

/* tekstkaart */
.ezl-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:var(--navy,#142993);color:#fff;border-radius:26px;padding:3rem 2.75rem;transform:none;box-shadow:none}
.ezl-card::before{content:"";display:block;position:absolute;left:0;top:0;right:0;height:8px;inset:0 0 auto 0;border-radius:0;background:linear-gradient(90deg,var(--orange,#ef951a),var(--orange-light,#f5b54a));filter:none;z-index:1}
.ezl-card::after{content:"";position:absolute;right:-90px;bottom:-90px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.06)}
.ezl-kicker{background:rgba(255,255,255,.12);color:var(--orange-light,#f5b54a)}
.ezl-card h2{color:#fff;font-size:clamp(28px,3vw,40px)}
.ezl-text{color:#dfe4ff;font-size:18px}
.ezl-list strong{color:#fff}
.ezl-list span{color:#c9d0f5}
.ezl-list li::before{box-shadow:inset 0 0 0 5px var(--navy,#142993),0 0 0 2px var(--orange,#ef951a)}
.ezl-note{color:#c9d0f5}

/* foto even hoog als de kaart; teamfoto weg */
.ezl-visual{position:relative;min-height:0;display:grid;padding:0}
.ezl-photo{position:static;margin:0;transform:none}
.ezl-photo-main{position:relative;inset:auto;width:100%;height:100%;min-height:420px;transform:none;border-radius:26px;overflow:hidden}
.ezl-photo-main img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;border:0;border-radius:26px;box-shadow:none}
.ezl-photo-small{display:none}
.ezl-badge{left:1.25rem;top:auto;bottom:1.25rem;transform:none;padding:.85rem 1.1rem;border-radius:14px;font-size:17px}

@media(max-width:1100px){
  .ezl{padding:4rem 0}
  .ezl-grid{gap:1.5rem}
  .ezl-card{padding:2.5rem 2.25rem}
  .ezl-visual{min-height:0}
  .ezl-photo-main{width:100%}
}
@media(max-width:800px){
  .ezl{padding:3.5rem 0;margin-top:0}
  .ezl-grid{grid-template-columns:1fr;gap:1.25rem}
  .ezl-visual{order:0;display:grid;grid-template-columns:none;gap:0;padding-top:0}
  .ezl-photo-main{aspect-ratio:4/3;min-height:0;height:auto;transform:none}
  .ezl-photo-main img{height:100%}
  .ezl-badge{left:.9rem;bottom:.9rem;top:auto;font-size:15px;padding:.7rem .9rem;transform:none}
  .ezl-card{padding:2rem 1.5rem;border-radius:20px}
  .ezl-card h2{font-size:clamp(26px,7vw,34px)}
}
@media(prefers-reduced-motion:reduce){.ezl .button{transition:none}.ezl .button:hover{transform:none}}