.et-page{display:block}

.et-hero{position:relative;min-height:70vh;display:flex;align-items:center}
.et-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(120%)}
.et-hero::after{content:"";position:absolute;inset:0;background:rgba(5,5,5,0.6)}
.et-hero-content{position:relative;max-width:480px;margin-left:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}
.et-hero-content p{max-width:42ch}

.et-narrow-left{max-width:720px}
.et-narrow-left p{max-width:60ch}

.et-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:center}
.et-split .et-text p{max-width:60ch}

.et-split-reverse{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);align-items:center}
.et-split-reverse .narrow p{max-width:50ch}

.et-image img{box-shadow:var(--shadow-noir)}
.et-image.small{max-width:400px}

.et-full-text{max-width:800px}
.et-full-text p{max-width:65ch}

.et-offset{display:flex;justify-content:flex-end}
.et-offset-inner{max-width:700px}
.et-offset-inner p{max-width:60ch}

.et-highlight{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);align-items:center}
.et-highlight-text p{max-width:45ch}

.et-centered{max-width:720px;margin-inline:auto;text-align:left}
.et-centered p{max-width:60ch}

.et-cta{text-align:center}
.et-cta-inner{max-width:420px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}

@media(max-width:768px){
.et-hero-content{margin-left:var(--space-3);margin-right:var(--space-3)}
.et-split,.et-split-reverse,.et-highlight{grid-template-columns:1fr}
.et-image.small{max-width:100%}
}