.l-container{max-width:var(--max-w);margin:0 auto;padding:0 24px}
.l-grid{display:grid;gap:24px}
.l-grid--2{grid-template-columns:repeat(2,1fr)}
.l-grid--3{grid-template-columns:repeat(3,1fr)}
.l-grid--4{grid-template-columns:repeat(4,1fr)}
.l-section{padding:80px 0}
.l-section--tight{padding:56px 0}
.l-section--alt{background:var(--c-off-white)}
.l-section--dark{background:var(--c-primary-900);color:var(--c-primary-200)}
.l-section--dark h2,.l-section--dark h3{color:var(--c-white)}

.l-hero{
padding:calc(var(--header-h) + 64px) 0 80px;
background:linear-gradient(170deg,var(--c-primary-50),var(--c-bg));
}
.l-hero__grid{
display:grid;
grid-template-columns:1.05fr 1fr;
gap:64px;
align-items:center;
}
.l-hero__content h1{margin-bottom:24px}
.l-hero__content p{margin-bottom:32px;color:var(--c-text-muted);font-size:1.12rem;line-height:1.75}
.l-hero__cta{display:flex;gap:16px;flex-wrap:wrap}
.l-hero__media{
border-radius:var(--radius-lg);
overflow:hidden;
box-shadow:var(--shadow-lg);
aspect-ratio:4/3;
}
.l-hero__media img{width:100%;height:100%;object-fit:cover}

.l-page-head{
padding:calc(var(--header-h) + 56px) 0 40px;
background:var(--c-primary-50);
}
.l-page-head h1{margin-bottom:12px}
.l-page-head p{color:var(--c-text-muted);font-size:1.12rem}

@media(max-width:860px){
.l-hero__grid{grid-template-columns:1fr;gap:40px}
.l-hero__media{order:-1;aspect-ratio:16/10}
.l-grid--3,.l-grid--4{grid-template-columns:1fr}
.l-grid--2{grid-template-columns:1fr}
}