.hp-banner{background-color:var(--wit-100);padding-block:var(--band-md)}.hp-banner__container{display:flex;flex-direction:column;gap:var(--band-sm)}.hp-banner__top{align-items:stretch;display:grid;gap:var(--band-sm);grid-template-columns:minmax(0,2.75fr) minmax(0,1fr)}.hp-banner__hero{align-items:flex-end;border-radius:var(--radius-lg);color:var(--wit-100);display:flex;min-height:360px;overflow:hidden;position:relative}.hp-banner__media{height:100%;inset:0;object-fit:cover;object-position:100% 50%;position:absolute;width:100%;z-index:0}.hp-banner__scrim{background:linear-gradient(90deg,rgba(20,13,8,.9),rgba(20,13,8,.72) 30%,rgba(20,13,8,.32) 58%,rgba(20,13,8,0) 80%);inset:0;pointer-events:none;position:absolute;z-index:1}.hp-banner__hero-content{max-width:460px;padding:36px 40px;position:relative;z-index:2}.hp-banner__top-label{color:var(--citroen-100);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:var(--band-sm);text-transform:uppercase}.hp-banner__heading{color:var(--wit-100);font-family:var(--font-neue);font-size:36px;font-weight:500;letter-spacing:-.02em;line-height:1.05;margin:0 0 10px}.hp-banner__heading-accent{color:var(--citroen-100);font-style:normal}.hp-banner__subheading{color:hsla(0,0%,100%,.6);font-size:14px;line-height:1.55;margin:0 0 var(--band-md);max-width:380px;white-space:pre-line}.hp-banner__cta-link{display:inline-block;max-width:100%}.hp-banner__cta.hp-banner__cta{font-weight:600;max-width:100%;white-space:normal}.hp-banner__cta.btn--terracotta,.hp-banner__cta.btn--terracotta:hover{color:var(--wit-100)}.hp-banner__panel{background-color:var(--wit-100);border:1px solid var(--linnen-300);border-radius:var(--radius-lg);color:var(--noir-500);display:flex;flex-direction:column;min-width:0;padding:var(--band-md) 22px}.hp-banner__panel-title{color:var(--noir-500);font-family:var(--font-neue);font-size:18px;font-weight:500;letter-spacing:-.01em;margin:0 0 var(--band-xs)}.hp-banner__panel-list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.hp-banner__panel-item{align-items:center;border-top:1px solid var(--linnen-200);display:flex;gap:14px;padding-block:13px}.hp-banner__panel-item:first-child{border-top:0}.hp-banner__panel-icon{align-items:center;background-color:var(--linnen-100);border:1px solid var(--linnen-300);border-radius:var(--radius-round);color:var(--walnoot-300);display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.hp-banner__panel-icon svg{height:16px;width:16px}.hp-banner__panel-text{display:flex;flex-direction:column;gap:2px;min-width:0}.hp-banner__panel-item-title{font-size:15px;font-weight:600;line-height:1.25}.hp-banner__panel-item-sub{color:var(--neutraal-300);font-size:13px;line-height:1.35}.hp-banner__features{display:grid;gap:var(--band-sm);grid-template-columns:repeat(3,minmax(0,1fr))}.hp-banner__feature{align-items:stretch;background-color:var(--wit-100);border:1px solid var(--linnen-300);border-radius:var(--radius-lg);color:var(--noir-500);cursor:pointer;display:flex;min-height:100px;overflow:hidden;text-decoration:none;transition:box-shadow .3s ease,transform .3s ease}.hp-banner__feature:hover{box-shadow:0 12px 28px -10px rgba(74,58,51,.28);transform:translateY(-2px)}.hp-banner__feature-text{display:flex;flex:1;flex-direction:column;gap:10px;justify-content:center;min-width:0;padding:18px 20px}.hp-banner__feature-tag{align-self:flex-start;background-color:var(--linnen-100);border:1px solid var(--linnen-300);border-radius:var(--radius-round);color:var(--walnoot-300);font-size:10.5px;font-weight:600;line-height:1.4;padding:2px 8px}.hp-banner__feature-title{color:var(--noir-500);font-family:var(--font-neue);font-size:15px;font-weight:500;line-height:1.25}.hp-banner__feature-media{align-self:stretch;flex-shrink:0;position:relative;width:130px}.hp-banner__feature-img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}@media (max-width:992px){.hp-banner__top{grid-template-columns:1fr}.hp-banner__hero{min-height:420px}.hp-banner__features{grid-template-columns:1fr}}@media (max-width:768px){.hp-banner__hero{min-height:380px}.hp-banner__hero-content{max-width:100%;padding:var(--band-ml) var(--band-md)}.hp-banner__scrim{background:linear-gradient(0deg,rgba(20,13,8,.92),rgba(20,13,8,.55) 45%,rgba(20,13,8,.12) 82%)}.hp-banner__cta,.hp-banner__cta-link{width:100%}}