/* Projet LULU - pages centrales en attente de validation, non publiees */
.lulu-page{background:#f7f7f7;color:#20272c;padding-bottom:86px}.lulu-hero{padding:clamp(36px,5vw,70px) min(7vw,85px);background:linear-gradient(125deg,#fff,#f0f1f2);border-bottom:4px solid #d80d14}.lulu-container{width:min(1060px,100%);margin:auto}.lulu-eyebrow{font-size:.77rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:#c3111b}.lulu-hero h1{font-size:clamp(2rem,4.1vw,3.4rem);line-height:1.13;margin:14px 0 19px;color:#20272c}.lulu-lead{font-size:clamp(1rem,1.9vw,1.17rem);line-height:1.75;max-width:860px}.lulu-crumb{font-size:.9rem;margin-bottom:24px;color:#455}.lulu-crumb a{color:#af0010;text-underline-offset:3px}.lulu-grid{width:min(1100px,calc(100% - 40px));margin:38px auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.lulu-section{background:#fff;border:1px solid #dadde1;border-radius:12px;padding:clamp(22px,3vw,36px);box-shadow:0 4px 12px #00000008}.lulu-section h2{font-size:clamp(1.18rem,1.95vw,1.42rem);color:#b20813;margin:0 0 15px}.lulu-section p{margin:0;line-height:1.8}.lulu-section a{display:inline-block;margin-top:17px;color:#b20813;font-weight:700;text-underline-offset:4px}.lulu-related{width:min(1100px,calc(100% - 40px));margin:0 auto 40px;background:#222a32;border-radius:12px;padding:26px;color:white}.lulu-related h2{color:white;font-size:1.3rem;margin:0 0 15px}.lulu-links{display:flex;flex-wrap:wrap;gap:12px}.lulu-links a{color:white;background:#b20813;border-radius:6px;padding:12px 16px;text-decoration:none;font-weight:700}.lulu-cta{margin-top:20px;font-weight:700}.lulu-cta a{color:#b20813}.lulu-page a:focus-visible{outline:3px solid #c3111b;outline-offset:4px}@media(max-width:710px){.lulu-grid{grid-template-columns:1fr}.lulu-hero{padding:32px 20px}.lulu-related{padding:20px}}

/* Etape 28 : consolidation des 4 pages centrales de la maquette LULU. */
.lulu-intro{width:min(1100px,calc(100% - 40px));margin:clamp(26px,4vw,54px) auto;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.8fr);gap:32px;align-items:stretch}
.lulu-intro>div:first-child{padding:clamp(20px,3vw,38px) 0}
.lulu-intro h2,.lulu-block>h2{font-size:clamp(1.55rem,2.7vw,2.3rem);line-height:1.22;color:#20272c;margin:10px 0 22px}
.lulu-intro p{font-size:1rem;line-height:1.85;margin:0 0 14px}
.lulu-overline{font-size:.75rem!important;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#b20813;margin-bottom:10px!important}
.lulu-stat{background:linear-gradient(135deg,#242a30,#414b54);color:#fff;border-radius:12px;min-height:240px;padding:clamp(24px,3vw,46px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.lulu-stat:before{content:"";position:absolute;width:180px;height:180px;border:12px solid #ffffff10;border-radius:50%;right:-90px;top:-90px}
.lulu-stat-num{font-size:clamp(2.3rem,4.6vw,4.3rem);font-weight:900;color:#fff;letter-spacing:-.05em;line-height:1.03;margin-bottom:15px}
.lulu-stat strong{font-size:1.25rem}.lulu-stat p{color:#e0e3e5;font-size:.92rem;line-height:1.65;margin:12px 0 0}
.lulu-block{width:min(1100px,calc(100% - 40px));margin:45px auto 56px}
.lulu-block>.lulu-grid{width:100%;margin:27px 0 0}
.lulu-footnote{font-size:.88rem!important;color:#57616b;line-height:1.7!important;margin:18px 0 0!important}
.lulu-contact-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:28px;align-items:start}
.lulu-contact-info,.lulu-contact-form{background:#fff;border:1px solid #dadde1;border-radius:12px;padding:clamp(22px,3vw,38px)}
.lulu-contact-info h2,.lulu-contact-form h2{margin:10px 0 24px;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.25}
.lulu-contact-option{border-top:1px solid #e0e2e4;padding:22px 0 10px}.lulu-contact-option h3{font-size:1.12rem;margin:0 0 8px;color:#af0010}.lulu-contact-option p{line-height:1.75;margin:0 0 10px}.lulu-contact-option a{color:#af0010;overflow-wrap:anywhere;font-weight:700;text-underline-offset:4px}.lulu-contact-option .lulu-action{display:inline-block;background:#b20813;color:#fff;border-radius:7px;padding:11px 18px;text-decoration:none;font-size:1.08rem}
.lulu-field{display:flex;flex-direction:column;gap:7px;margin-top:18px}.lulu-field label{font-weight:700;font-size:.94rem;color:#20272c}.lulu-field input,.lulu-field select,.lulu-field textarea{width:100%;border:1px solid #aab0b6;background:#fff;border-radius:7px;font:inherit;color:#20272c;padding:12px 13px;min-height:48px}.lulu-field textarea{resize:vertical;min-height:108px}.lulu-fieldset{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lulu-field-help{font-size:.87rem;color:#52606a;margin:10px 0 0;line-height:1.5}.lulu-form-error{color:#9b0012;background:#fff2f3;border:1px solid #d59298;border-radius:6px;padding:11px;margin:16px 0}.lulu-submit{appearance:none;border:0;border-radius:8px;background:#bd0715;color:#fff;padding:15px 20px;font:inherit;font-weight:800;cursor:pointer;margin-top:21px;width:100%;min-height:52px}.lulu-submit:hover{background:#960510}.lulu-field input:focus-visible,.lulu-field select:focus-visible,.lulu-field textarea:focus-visible,.lulu-submit:focus-visible{outline:3px solid #c3111b;outline-offset:2px}
@media(max-width:790px){.lulu-intro,.lulu-contact-box{grid-template-columns:1fr}.lulu-intro{gap:14px}.lulu-stat{min-height:210px}.lulu-contact-box{gap:18px}}
@media(max-width:480px){.lulu-fieldset{grid-template-columns:1fr;gap:0}.lulu-stat-num{font-size:2.7rem}.lulu-contact-info,.lulu-contact-form{padding:20px}}