.hero{
background:linear-gradient(180deg,#0a0a0a 0%,#121212 100%);
border-bottom:1px solid var(--color-graphite);
}
.hero-text{
min-width:0;
}
.hero-media{
display:flex;
align-items:center;
justify-content:center;
min-width:0;
}
.hero-media img{
border-radius:var(--radius-md);
border:1px solid var(--color-asphalt);
}
.section-dark{
background:var(--color-charcoal);
border-top:1px solid var(--color-graphite);
border-bottom:1px solid var(--color-graphite);
}
.media{
min-width:0;
display:flex;
align-items:center;
}
.media img{
border-radius:var(--radius-md);
border:1px solid var(--color-asphalt);
}
h1,h2{
letter-spacing:0.02em;
}
section .container{
position:relative;
}
.section{
padding-block:var(--space-2xl);
}
@media (max-width:640px){
.hero .grid{
gap:var(--space-lg);
}
}