html{scroll-padding-top:136px}
.header{height:118px}
.official-brand{gap:13px}
.brand-logo{display:block;width:138px;height:92px;object-fit:contain;flex-shrink:0}
.brand-tagline{display:block;font-family:var(--sans);font-size:13px;line-height:1.55;letter-spacing:.1px;color:var(--ink)}
.brand-tagline b{font-weight:700;letter-spacing:.8px}
.hero h1{font-size:clamp(64px,5.8vw,90px);line-height:1.07;letter-spacing:-2px;margin-top:32px}
.hero h1 .slogan-march{font-family:var(--sans);font-size:.69em;font-weight:650;letter-spacing:-1.7px;color:var(--sand)}
.hero h1 em{color:var(--paper)}
.hero .eyebrow{font-size:8px;letter-spacing:1.3px}
.footer-logo-panel{display:block;background:#fff;padding:9px 11px}
.footer-brand .brand-logo{width:168px;height:112px}
.footer-top>.footer-slogan{font-size:40px;letter-spacing:-.8px;color:var(--paper)}
.footer-slogan span{font-family:var(--sans);font-size:.73em;font-weight:600;letter-spacing:.5px;color:var(--sand)}
@media(max-width:1180px){.hero h1{font-size:75px}.brand-tagline{font-size:12px}.brand-logo{width:132px;height:88px}.hero .eyebrow{font-size:7px;letter-spacing:1px}}
@media(max-width:900px){html{scroll-padding-top:107px}.header{height:90px}.brand-logo{width:99px;height:66px}.brand-tagline{font-size:11px}.official-brand{gap:11px}.mobile-nav{top:90px}.hero h1{font-size:64px}.hero h1 .slogan-march{font-size:.68em;letter-spacing:-1.5px}.hero .eyebrow{font-size:6.7px;letter-spacing:.75px}.footer-brand .brand-logo{width:150px;height:100px}.footer-top>.footer-slogan{font-size:34px}}
@media(max-width:650px){html{scroll-padding-top:97px}.header{height:81px}.brand-logo{width:87px;height:58px}.brand-tagline{font-size:10.5px;line-height:1.6}.official-brand{gap:9px}.brand-tagline b{letter-spacing:.3px}.header-cta{font-size:8.5px;gap:7px}.mobile-nav{top:81px}.hero h1{font-size:75px;margin-top:27px;letter-spacing:-1.6px}.hero h1 .slogan-march{font-size:.68em;letter-spacing:-1.6px}.hero .eyebrow{font-size:7px;letter-spacing:1px}.hero-copy{min-height:472px}.footer-brand .brand-logo{width:145.5px;height:97px}.footer-logo-panel{padding:8px 10px}.footer-top>.footer-slogan{font-size:34px;margin-top:9px}}
@media(max-width:370px){.brand-logo{width:78px;height:52px}.brand-tagline{font-size:10px}.official-brand{gap:7px}.header-cta{font-size:8px}.hero h1{font-size:65px}.hero .eyebrow{font-size:6px;letter-spacing:.7px}.footer-top>.footer-slogan{font-size:31px}}

/* Logo fourni : escalier moderne en bois et acier. */
.hero-drafting-heading{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:20px;margin:22px 0 30px;min-width:0}
.hero-brief .hero-drafting-heading h2{font-size:43px;margin:0;line-height:1.12;overflow-wrap:normal}
.stair-emblem{display:block;width:100%;height:auto;min-width:0;object-fit:contain}
@media(max-width:1180px){.hero-drafting-heading{grid-template-columns:minmax(0,1fr) 145px;gap:16px}.hero-brief .hero-drafting-heading h2{font-size:40px}}
@media(max-width:900px){.hero-drafting-heading{grid-template-columns:minmax(0,1fr) 124px;gap:14px;margin:22px 0 28px}.hero-brief .hero-drafting-heading h2{font-size:34px}}
@media(max-width:650px){.hero-drafting-heading{grid-template-columns:minmax(0,1fr) 160px;gap:18px;margin:20px 0 27px}.hero-brief .hero-drafting-heading h2{font-size:38px}}
@media(max-width:430px){.hero-drafting-heading{grid-template-columns:minmax(0,1fr) 124px;gap:12px}.hero-brief .hero-drafting-heading h2{font-size:32px}}
@media(max-width:370px){.hero-drafting-heading{grid-template-columns:minmax(0,1fr) 104px;gap:10px}.hero-brief .hero-drafting-heading h2{font-size:30px}}

/* Le panneau blanc conserve le fond du logo fourni. */
.stair-emblem-panel{margin:0;min-width:0;padding:10px;background:#fff;border:1px solid #d3a06b55}
@media(max-width:430px){.stair-emblem-panel{padding:7px}}

.contacts .contact-email{display:block;max-width:100%;font-family:var(--sans);font-size:11px;line-height:1.7;letter-spacing:0;margin-top:10px;overflow-wrap:anywhere}
.contact-copy .company-license{margin-top:10px;font-size:12px}

/* Palette du logo : blanc chaud, bois miel et noir acier. */
.header,.mobile-nav{background:#fff}

/* Logo original jaune, proportions conservées. */
.brand-logo{object-fit:contain;background:#fff}
.stair-emblem-panel{border-color:#7d818555;background:#fff}
.custom-stringer{grid-column:1/-1;padding:32px;border:1px solid #a9b0b7;background:#eef0f1;color:#111}
.custom-stringer h3{font-size:30px;line-height:1.2;margin:12px 0}
.custom-stringer p{max-width:640px;line-height:1.7;margin-bottom:22px}