.ef-page{}

.ef-hero{position:relative;min-height:90vh;display:flex;align-items:center}
.ef-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ef-hero-overlay{position:relative;max-width:520px;margin-left:5%;padding:32px;display:flex;flex-direction:column;gap:16px;border-radius:var(--radius-md)}

.ef-intro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.ef-intro-col{min-width:0}
.ef-intro-highlight{padding:32px}

.ef-types{position:relative}
.ef-types-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25}
.ef-types-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.ef-type-card{min-width:0}

.ef-experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center}
.ef-experience-text{max-width:600px}
.ef-experience-media img{border-radius:var(--radius-sm)}

.ef-gallery-intro{max-width:500px}
.ef-gallery-track{display:flex;gap:24px;overflow:auto;padding:24px}
.ef-gallery-track img{min-width:60%;border-radius:var(--radius-sm)}

.ef-process .ef-center{text-align:center}
.ef-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:48px}
.ef-step{min-width:0;text-align:center}

.ef-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.ef-value{min-width:0;text-align:center}

.ef-cta-box{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:16px}

@media(max-width:900px){
.ef-intro-grid,.ef-experience-grid,.ef-values-grid{grid-template-columns:1fr}
.ef-types-grid{grid-template-columns:1fr}
.ef-timeline{grid-template-columns:1fr}
.ef-hero-overlay{margin:0 16px;max-width:90%}
}