.about-page{background:#f3f0e9;color:var(--ink)}
.about-page .container{width:100%;max-width:none;padding-inline:clamp(1.25rem,4.7vw,5.1rem)}
.about-page .site-header{background:transparent;box-shadow:none}.about-page .site-header.is-scrolled{background:rgba(17,18,17,.92);box-shadow:0 1px rgba(255,255,255,.12);backdrop-filter:blur(10px)}
.about-page .header-inner{grid-template-columns:220px 1fr auto;min-height:104px;padding-top:14px;transition:min-height .35s ease,padding-top .35s ease}.about-page .site-header.is-scrolled .header-inner{min-height:74px;padding-top:0}
.about-page .brand{display:flex;width:168px;height:58px;align-items:center;overflow:hidden}.about-page .brand img{width:100%;height:100%;object-fit:contain;transform:translateY(-1px) scale(1.4)}
.about-page .nav-list{gap:clamp(1.5rem,2.6vw,3.2rem)}.about-page .nav-list a,.about-page .phone{font-size:13px;text-shadow:0 1px 12px rgba(0,0,0,.45)}.about-page .nav-list a{font-weight:500}.about-page .header-contact{gap:2rem}.about-page .phone{display:inline-flex;min-height:44px;align-items:center;gap:.55rem;font-weight:600}.about-page .header-contact .btn{min-height:44px;padding:.6rem 1.4rem;font-size:12px;letter-spacing:.08em}
.about-page :is(.nav-list a,.phone,.header-contact .btn,.brand,.menu-toggle):focus-visible{outline:2px solid #d8c5a8;outline-offset:4px}
.about-hero{position:relative;isolation:isolate;display:grid;height:min(84svh,820px);min-height:650px;align-items:end;overflow:hidden;background:#111412;color:#f3f0e9}.about-hero__media{position:absolute;inset:0;z-index:-2}.about-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 39%}.about-hero::before{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,10,9,.9) 0%,rgba(8,10,9,.62) 34%,rgba(8,10,9,.14) 72%),linear-gradient(0deg,rgba(8,10,9,.62),transparent 48%);content:''}.about-hero__inner{padding-top:9rem;padding-bottom:clamp(3.2rem,6vw,5.5rem)}.about-breadcrumb{display:flex;gap:.6rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);color:rgba(255,255,255,.7);font-size:13px}.about-breadcrumb a{text-decoration:none}.about-hero h1{max-width:12ch;margin:0 0 1.25rem;font-size:clamp(3.6rem,6vw,6.4rem);font-weight:400;line-height:.9;letter-spacing:-.035em}.about-hero__lead{max-width:52ch;margin:0;color:rgba(255,255,255,.82);font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.6}.about-hero__caption{position:absolute;right:clamp(1.25rem,4.7vw,5.1rem);bottom:1.5rem;max-width:28rem;margin:0;color:rgba(255,255,255,.66);font-size:13px;text-align:right}
.about-intro{padding:clamp(5rem,9vw,9rem) 0;background:#f3f0e9}.about-intro__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.75fr);gap:clamp(3rem,9vw,10rem);align-items:start}.about-intro h2,.about-workshop h2,.about-raw h2,.about-contact h2{margin:0;font-family:var(--sans);font-weight:500;letter-spacing:-.04em}.about-intro h2{max-width:17ch;font-size:clamp(2.35rem,4vw,4.3rem);line-height:1.02}.about-intro__copy{padding-top:.55rem;border-top:1px solid #c9c4bb}.about-intro__copy p{max-width:43rem;margin:0 0 1.25rem;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.72}.about-intro__copy p+p{color:#625f59;font-size:1rem}.about-intro__copy a{display:inline-flex;min-height:44px;align-items:center;color:#725c3c;font-size:14px;font-weight:600;text-underline-offset:.35em}
.about-workshop{padding:clamp(4.5rem,8vw,8rem) 0;background:#121513;color:#f3f0e9}.about-workshop__head{display:grid;grid-template-columns:minmax(0,.75fr) minmax(20rem,.55fr);gap:clamp(3rem,8vw,9rem);align-items:end;margin-bottom:clamp(2.5rem,5vw,4.5rem)}.about-workshop h2{font-size:clamp(2.2rem,3.7vw,3.8rem)}.about-workshop__head p{margin:0;color:rgba(255,255,255,.68);font-size:1rem;line-height:1.7}.about-workshop__photos{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(17rem,.55fr);gap:clamp(1rem,2vw,2rem);align-items:end}.about-workshop figure,.about-raw figure{margin:0}.about-workshop picture{display:block;overflow:hidden;background:#252824}.about-workshop__main picture{aspect-ratio:16/10}.about-workshop__detail picture{aspect-ratio:4/5}.about-workshop img{width:100%;height:100%;object-fit:cover}.about-workshop figcaption,.about-raw figcaption{margin-top:.75rem;color:rgba(255,255,255,.58);font-size:13px;line-height:1.5}.about-workshop__note{max-width:48rem;margin:clamp(2.5rem,4vw,4rem) 0 0;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.74);font-size:1rem;line-height:1.7}
.about-raw{padding:clamp(5rem,9vw,9rem) 0;background:#e8e1d5}.about-raw__grid{display:grid;grid-template-columns:minmax(20rem,.68fr) minmax(0,1.32fr);gap:clamp(3rem,8vw,9rem);align-items:center}.about-raw h2{margin-bottom:1.25rem;font-size:clamp(2.25rem,3.6vw,3.8rem)}.about-raw__copy p{max-width:36rem;margin:0 0 1rem;color:#494842;font-size:1rem;line-height:1.72}.about-raw__copy p:last-child{padding-top:1rem;border-top:1px solid rgba(17,20,18,.25);color:#695b47}.about-raw picture{display:block;overflow:hidden;aspect-ratio:4/3;background:#d1c8ba}.about-raw img{width:100%;height:100%;object-fit:cover}.about-raw figcaption{color:#676158}
.about-services{padding:clamp(4rem,7vw,7rem) 0;background:#f3f0e9}.about-services__inner{display:grid;grid-template-columns:minmax(16rem,.55fr) minmax(0,1fr);gap:clamp(3rem,9vw,10rem)}.about-services h2{margin:0;font-family:var(--sans);font-size:clamp(2rem,3.2vw,3.35rem);font-weight:500;line-height:1.05;letter-spacing:-.04em}.about-services__list{border-top:1px solid #c8c3b9}.about-services__list a{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:1.5rem;border-bottom:1px solid #c8c3b9;font-size:clamp(1.05rem,1.5vw,1.35rem);text-decoration:none}.about-services__list a::after{color:#9d8058;content:'→';transition:transform .25s ease}.about-services__list a:hover::after{transform:translateX(.3rem)}.about-services__list a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.about-contact{padding:clamp(3.5rem,6vw,5.5rem) 0;background:#d4c5b0}.about-contact__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3rem;align-items:center}.about-contact h2{max-width:18ch;margin-bottom:.85rem;font-size:clamp(2rem,3.2vw,3.35rem)}.about-contact p{max-width:53ch;margin:0;color:#47443e;line-height:1.65}.about-contact__actions{display:flex;gap:.75rem;flex-wrap:wrap}.about-contact__actions .btn{min-height:48px}.about-contact__actions a:not(.btn){display:inline-flex;min-height:48px;align-items:center;padding:.7rem 1rem;border:1px solid rgba(17,20,18,.35);font-size:14px;font-weight:600;text-decoration:none}
.about-page .home-footer{padding:clamp(4rem,7vw,7rem) 0 1.8rem;background:#0e100f;color:rgba(243,240,232,.78)}.about-page .home-footer__grid{display:grid;grid-template-columns:1.6fr .7fr .9fr 1.1fr;gap:clamp(2rem,5vw,6rem);padding-bottom:4rem}.about-page .home-footer__brand .footer-logo{width:150px;height:64px;object-fit:contain;transform:translateY(-1px) scale(1.35)}.about-page .home-footer__brand p{max-width:29rem;margin:1.5rem 0 0;font-size:13px;line-height:1.75}.about-page .home-footer__nav,.about-page .home-footer__contact{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.about-page .home-footer strong{margin-bottom:.55rem;color:var(--paper);font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.about-page .home-footer a{min-height:44px;font-size:13px;text-decoration:none}.about-page .home-footer__contact span{font-size:13px}.about-page .home-footer__bottom{display:flex;justify-content:space-between;gap:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.14);font-size:13px}.about-page .home-footer__legal{display:flex;gap:1.5rem}
@media(max-width:1100px){.about-page .site-header .nav,.about-page .site-header .header-contact{display:none}.about-page .header-inner,.about-page .site-header.is-scrolled .header-inner{grid-template-columns:1fr auto;min-height:92px;padding-top:10px}.about-page .menu-toggle{display:block;width:48px;height:48px}.about-page .mobile-panel{position:fixed;inset:0;z-index:-1;display:flex;visibility:hidden;flex-direction:column;padding:112px 4.7vw 36px;background:rgba(17,20,18,.985);opacity:0;transform:translateY(-1rem);transition:.35s var(--ease)}.about-page .mobile-panel[data-open=true]{visibility:visible;opacity:1;transform:none}.about-page .mobile-panel nav{margin:auto 0}.about-page .mobile-panel ul{margin:0;padding:0;list-style:none}.about-page .mobile-panel nav a{display:block;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.15);font-family:var(--serif);font-size:2rem;text-decoration:none}.about-page .home-footer__grid{grid-template-columns:1.4fr 1fr 1fr}.about-page .home-footer__contact{grid-column:2/4}.about-intro__grid,.about-workshop__head,.about-raw__grid{gap:3rem}}
@media(max-width:720px){.about-page .container{padding-inline:20px}.about-page .header-inner,.about-page .site-header.is-scrolled .header-inner{min-height:82px;padding-top:8px}.about-page .brand{width:132px;height:50px}.about-page .brand img{transform:translateY(-1px) scale(1.43)}.about-hero{height:82svh;min-height:620px}.about-hero__media img{object-position:58% center}.about-hero::before{background:linear-gradient(0deg,rgba(8,10,9,.94) 0%,rgba(8,10,9,.68) 50%,rgba(8,10,9,.2) 82%)}.about-hero__inner{padding-top:7rem;padding-bottom:4.5rem}.about-hero h1{max-width:10ch;font-size:clamp(3rem,14vw,4.25rem)}.about-hero__caption{right:20px;bottom:1.2rem;left:20px;text-align:left}.about-intro__grid,.about-workshop__head,.about-workshop__photos,.about-raw__grid,.about-services__inner,.about-contact__inner{grid-template-columns:1fr;gap:2rem}.about-workshop__detail{width:72%;margin-left:auto}.about-raw__copy{order:1}.about-raw figure{order:2}.about-services__list a{min-height:64px}.about-contact__actions{display:grid;grid-template-columns:1fr}.about-contact__actions a{justify-content:center}.about-page .home-footer__grid{grid-template-columns:1fr 1fr;gap:3rem 2rem}.about-page .home-footer__brand,.about-page .home-footer__contact{grid-column:1/-1}.about-page .home-footer__contact{display:flex}.about-page .home-footer__bottom,.about-page .home-footer__legal{flex-direction:column}.about-page .home-footer__legal{display:flex;gap:.5rem}}

/* Footer commun : dimensions fixes pour empêcher les SVG de prendre la largeur du bloc. */
.about-page .home-footer .contact-icon-link,
.about-page .home-footer .contact-detail{display:inline-flex;min-height:44px;align-items:center;gap:.7rem}
.about-page .home-footer .contact-icon{width:17px;height:17px;flex:0 0 17px;color:currentColor}
.about-page .home-footer .contact-icon[fill=currentColor]{transform:scale(.88)}
.about-page .home-footer__contact a{position:relative;transition:color .35s ease}
.about-page .home-footer__contact a::after{position:absolute;right:0;bottom:4px;left:0;height:1px;background:currentColor;content:'';transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.about-page .home-footer__contact a:hover,
.about-page .home-footer__contact a:focus-visible{color:#fff}
.about-page .home-footer__contact a:hover::after,
.about-page .home-footer__contact a:focus-visible::after{transform:scaleX(1);transform-origin:left}
@media(max-width:720px){
  .about-page .home-footer__grid{grid-template-columns:1fr;gap:2.4rem}
  .about-page .home-footer__brand,.about-page .home-footer__contact{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){.about-page .home-footer__contact a,.about-page .home-footer__contact a::after{transition:none}}
@media(prefers-reduced-motion:reduce){.about-services__list a::after{transition:none}}

/* Finition de la page À propos. */
.about-hero h1{max-width:14ch;font-size:clamp(3.25rem,5.2vw,5.45rem);line-height:.92}
.about-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.about-hero__actions .btn{min-height:46px}
.about-hero__actions .btn--ghost{border-color:rgba(255,255,255,.58);background:rgba(8,10,9,.16);color:#fff}
.about-contact{position:relative;isolation:isolate;overflow:hidden;padding:clamp(4.5rem,8vw,7rem) 0;background:#111412;color:#fff}
.about-contact::before{position:absolute;inset:0;z-index:-2;background:url('../../photos-triees/classees/atelier-fabrication/atelier-garde-corps-escalier-brut-01.jpg') center 45%/cover no-repeat;content:''}
.about-contact::after{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,10,9,.9),rgba(8,10,9,.68) 58%,rgba(8,10,9,.52));content:''}
.about-contact p{color:rgba(255,255,255,.82)}
.about-contact__actions .btn{background:#f3f0e9;color:#111412}
.about-contact__actions a:not(.btn){border-color:rgba(255,255,255,.48);color:#fff}
@media(max-width:720px){
  .about-hero h1{max-width:11ch;font-size:clamp(2.65rem,11.5vw,3.45rem)}
  .about-hero__actions{display:grid;grid-template-columns:1fr}
  .about-hero__actions a{justify-content:center}
}