/* ERYX MAROC | intégration premium, structure et optimisation web. */
/* =========================================================
   Structure générale : conteneurs, sections et animations.
   ========================================================= */
.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}
.section{position:relative;padding:88px 0;scroll-margin-top:calc(var(--header-offset) + 10px);overflow:hidden}
.section-first{padding-top:82px}
.section-head{max-width:720px;margin:0 auto 48px;text-align:center}
.section-head.light h2,.section-head.light p{color:#fff}.section-head.light .eyebrow{color:#daf8e7;background:rgba(255,255,255,.12)}
.two-col,.contact-grid,.cert-grid,.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:64px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:7px 12px;border-radius:999px;background:rgba(10,123,69,.09);color:var(--green);font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.eyebrow .icon{width:16px;height:16px}
.skip-link{position:absolute;left:-999px;top:12px;z-index:999;background:var(--green);color:#fff;padding:10px 14px;border-radius:10px}.skip-link:focus{left:12px}

/* Animation d’apparition progressive section par section. */
.reveal-section{opacity:0;transform:translateY(28px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.reveal-section.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}

/* Fonds alternés pour éviter une page monotone et trop chargée. */
.about-section{background:linear-gradient(135deg,rgba(243,251,246,.96) 0%,rgba(255,255,255,.92) 48%,rgba(231,247,237,.95) 100%),url('../img/photos/desinfection-terrain.jpg') center/cover fixed}.about-section>.container{position:relative;z-index:1}
.certifications-section{background:#fff}.services-section{background:linear-gradient(180deg,#f8fdf9 0%,#eef8f2 100%)}
.domains-section{background:#fff}.references-section{background:#071f17;color:#fff}.portfolio-section{background:linear-gradient(135deg,#f3fbf6,#fff)}.contact-section{background:linear-gradient(135deg,#062419 0%,#0a7b45 100%)}