/* Styles propres à templates/accueil/index.html.twig (déplacés depuis son bloc <style>). */
.hero{position:relative;padding:88px 0 96px;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 70% 10%, var(--laiton-halo), transparent 60%),var(--fond-page)}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}
.kicker{font-family:'Special Elite',monospace;color:var(--rouge-texte);font-size:1rem;margin-bottom:18px}
h1{font-family:'Fraunces',serif;font-weight:900;font-size:clamp(2.4rem,5.2vw,4rem);line-height:1.08;margin-bottom:22px}
.hero p.lead{color:var(--brume);font-size:1.15rem;max-width:34em;margin-bottom:34px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.hero-note{font-size:.9rem;color:var(--brume);margin-top:16px}

.dossier{position:relative;background:var(--papier);color:var(--encre);border-radius:3px;padding:34px 30px 30px;box-shadow:0 24px 60px var(--ombre-portee);transform:rotate(1.6deg);max-width:360px;margin-left:auto}
.dossier::before{content:"";position:absolute;inset:0;border:1px solid var(--encre-cadre);border-radius:3px;margin:8px;pointer-events:none}
.stamp{position:absolute;top:-16px;right:-14px;font-family:'Special Elite',monospace;color:var(--tampon);border:3px solid var(--tampon);padding:6px 12px;transform:rotate(-8deg);font-size:1rem;background:var(--papier);letter-spacing:.05em}
.dossier h2{font-family:'Special Elite',monospace;font-size:1.15rem;margin-bottom:14px}
.dossier ul{list-style:none;font-size:.98rem}
.dossier li{padding:9px 0;border-bottom:1px dashed var(--encre-trait);display:flex;justify-content:space-between;gap:12px}
.dossier li:last-child{border-bottom:none}
.dossier li span:last-child{font-weight:700;white-space:nowrap}
.timer{font-family:'Special Elite',monospace;font-size:2.2rem;color:var(--tampon);text-align:center;margin-top:18px;letter-spacing:.08em}
.timer small{display:block;font-size:.75rem;color:var(--encre);letter-spacing:.02em}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.step{background:var(--fond-carte);border:1px solid var(--bordure);border-radius:6px;padding:30px 26px}
.step .num{font-family:'Special Elite',monospace;color:var(--laiton);font-size:1.05rem;margin-bottom:12px}
.step h3{font-family:'Fraunces',serif;font-weight:700;font-size:1.25rem;margin-bottom:10px}
.step p{color:var(--brume);font-size:.98rem}

.args{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 40px;margin-top:8px}
.arg h3{font-family:'Fraunces',serif;font-size:1.15rem;margin-bottom:6px}
.arg h3::before{content:"⚿ ";color:var(--laiton)}
.arg p{color:var(--brume);font-size:.97rem}

.presse{background:var(--papier);color:var(--encre)}
.presse .section-title{color:var(--encre)}
.presse-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
blockquote{background:var(--blanc);border-left:4px solid var(--tampon);padding:26px 26px 20px;box-shadow:0 8px 24px var(--ombre-papier);border-radius:3px}
blockquote p{font-family:'Fraunces',serif;font-size:1.1rem;line-height:1.5;margin-bottom:14px}
blockquote footer{font-family:'Special Elite',monospace;font-size:.9rem}

.final{text-align:center;background:radial-gradient(ellipse 60% 80% at 50% 100%, var(--tampon-halo), transparent 60%),var(--fond-page)}
.final .section-title{font-size:clamp(2rem,4.5vw,3rem)}
.final p{color:var(--brume);max-width:32em;margin:0 auto 32px}

@media (max-width:860px){
    .hero-grid{grid-template-columns:1fr;gap:48px}
    .dossier{margin:0 auto;transform:rotate(1deg)}
    .steps{grid-template-columns:1fr}
    .args{grid-template-columns:1fr}
    .presse-grid{grid-template-columns:1fr}
}