.te-page{position:relative}

.te-hero{position:relative;overflow:hidden;text-align:center;padding:0}
.te-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.te-hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.65)}
.te-hero-inner{position:relative;max-width:700px;margin-inline:auto;padding:5rem 1rem;display:flex;flex-direction:column;gap:1rem}
.te-hero h1{max-width:18ch;margin-inline:auto}
.te-hero p{max-width:55ch;margin-inline:auto}

.te-card{display:flex;flex-direction:column;gap:0.75rem}

.te-types h2,.te-flow h2,.te-audience h2{text-align:left}

.te-flow .te-step{display:flex;flex-direction:column;gap:0.5rem}

.te-gallery img{width:100%;height:100%;object-fit:cover}
.te-caption{text-align:center;max-width:50ch;margin:1rem auto 0}

.te-info>div>div{display:flex;flex-direction:column;gap:0.5rem}

.te-cta{background:var(--color-surface-block);text-align:center;padding-block:3rem}
.te-cta .container{display:flex;flex-direction:column;gap:1rem;align-items:center}

@media(max-width:600px){
.te-hero-inner{padding:3rem 1rem}
}