@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/instrument-serif.ttf') format('truetype')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('assets/fonts/instrument-serif-italic.ttf') format('truetype')}

/* Une page éditoriale : le texte, le rythme et les lignes portent le récit. */
.about-page,.about-page main,.about-page .about,.about-page .footer{background:#fff}
.about{position:relative;isolation:isolate;max-width:none;overflow:hidden;padding-top:clamp(72px,8vw,124px);padding-bottom:0}
.about:before{display:none}
.about-shell{width:100%;max-width:1600px;margin:0 auto}
.about .section-kicker{margin-bottom:0}
.about-label{color:#7b5b27;font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.17em;text-transform:uppercase}
.about h1 em,.about h2 em{color:var(--gold);font-family:'Instrument Serif',Georgia,serif;font-weight:400}

.about-vision{padding:clamp(72px,8vw,128px) 0 clamp(68px,8vw,116px)}
.about-vision h1{max-width:1080px;margin-top:25px;color:var(--navy);font-size:clamp(50px,6.15vw,92px);line-height:1.04;letter-spacing:-.035em}
.about-vision h1 em{letter-spacing:-.015em}
.about-lead{max-width:760px;margin:clamp(35px,4.5vw,62px) 0 0 auto;color:#52616c;font-size:clamp(17px,1.45vw,21px);line-height:1.85}

.about-business-visual{position:relative;height:clamp(420px,47vw,690px);margin:0;overflow:hidden;background:#f2f3f3}
.about-business-visual img,.about-business-visual video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.about-business-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,38,56,.02),rgba(16,38,56,.2));pointer-events:none}
.about-business-visual figcaption{position:absolute;z-index:1;left:clamp(25px,5vw,78px);right:clamp(25px,5vw,78px);bottom:clamp(27px,4vw,58px);display:flex;align-items:flex-end;justify-content:space-between;gap:35px;padding-top:20px;border-top:1px solid rgba(255,255,255,.72);color:#fff}
.about-business-visual figcaption span{font-size:11px;font-weight:600;letter-spacing:.17em}
.about-business-visual figcaption p{font-size:clamp(19px,2.15vw,32px);line-height:1.35;font-weight:600;text-align:right}
.about-business-visual figcaption p em{display:inline-block;margin-left:.12em;color:#e6d2aa;font-family:'Instrument Serif',Georgia,serif;font-size:1.18em;font-style:italic;font-weight:500;letter-spacing:.01em;-webkit-text-stroke:.12px currentColor;white-space:nowrap}

.about-origin{position:relative;display:grid;grid-template-columns:minmax(260px,.68fr) minmax(520px,1.32fr);gap:clamp(70px,11vw,190px);padding:clamp(105px,11vw,176px) 0}
.about-date{position:relative;align-self:start;min-height:210px;padding:31px 0 0 3px;border-top:1px solid var(--line)}
.about-date-ghost{position:absolute;z-index:-1;top:-35px;left:-10px;color:var(--navy);font-size:clamp(98px,11vw,178px);line-height:1;font-weight:600;letter-spacing:-.065em;opacity:.035;white-space:nowrap}
.about-date p{color:var(--navy);font-size:clamp(31px,3.3vw,49px);line-height:1.1;font-weight:600;letter-spacing:-.045em}
.about-date small{display:block;margin-top:16px;color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.17em}
.about-origin-copy{max-width:790px}
.about-origin-copy h2{max-width:730px;margin-top:21px;font-size:clamp(37px,4vw,58px);line-height:1.15}
.about-prose{margin-top:clamp(38px,4.5vw,62px)}
.about-prose p,.about-origin-end{max-width:690px;color:#52616c;font-size:17px;line-height:1.9}
.about-prose p+p{margin-top:22px}
.about-origin-statement{margin:clamp(42px,5vw,70px) 0 32px;color:var(--navy);font-size:clamp(27px,3vw,43px);line-height:1.35;font-weight:600;letter-spacing:-.025em}

.about-manifest{margin:0;padding:clamp(95px,12vw,190px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.about-manifest p{margin:0 auto;color:var(--navy);font-size:clamp(39px,5vw,75px);line-height:1.15;font-weight:600;letter-spacing:-.035em}
.about-manifest em{color:var(--gold);font-family:'Instrument Serif',Georgia,serif;font-weight:400}

.about-beliefs,.about-approach{padding:clamp(105px,11vw,174px) 0}
.about-section-head{display:grid;grid-template-columns:minmax(240px,.68fr) minmax(520px,1.32fr);gap:clamp(70px,11vw,190px);align-items:start;margin-bottom:clamp(62px,7vw,100px)}
.about-section-head h2{max-width:830px;font-size:clamp(37px,4vw,58px);line-height:1.18}
.about-belief-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);overflow:visible}
.about-belief-list li{position:relative;z-index:0;display:grid;grid-template-columns:72px minmax(210px,.65fr) minmax(380px,1.35fr);gap:clamp(26px,5vw,82px);align-items:start;padding:34px 0 37px;border-bottom:1px solid var(--line);background:#fff;transform:none;transition:transform .36s cubic-bezier(.16,1,.3,1),box-shadow .36s ease,background-color .36s ease,padding-left .36s ease,padding-right .36s ease,margin-left .36s ease,margin-right .36s ease,border-color .25s ease}
.about-belief-list span{padding-top:7px;color:var(--gold);font-size:12px;font-weight:600;letter-spacing:.12em}
.about-belief-list h3{color:var(--navy);font-size:clamp(21px,2vw,29px);line-height:1.35;text-transform:uppercase;letter-spacing:.035em}
.about-belief-list p{max-width:690px;color:#52616c;font-size:16px;line-height:1.85}

@media(hover:hover) and (pointer:fine){
  .about-belief-list li:hover{z-index:2;margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px;border-bottom-color:transparent;background:#fff;box-shadow:0 22px 52px rgba(16,38,56,.1);transform:translateY(-7px)}
  .about-belief-list li:hover>span{color:#7b5b27}
  .about-belief-list li>span,.about-belief-list li>h3{transition:color .3s ease,transform .36s cubic-bezier(.16,1,.3,1)}
}

.about-approach{border-top:1px solid var(--line)}
.about-method-bridge{display:grid;grid-template-columns:minmax(240px,.68fr) minmax(520px,1.32fr);gap:30px clamp(70px,11vw,190px)}
.about-method-lines{grid-column:2;max-width:820px;border-top:1px solid var(--line);overflow:visible}
.about-method-lines p{position:relative;z-index:0;display:flex;align-items:baseline;gap:13px;padding:17px 0 19px;border-bottom:1px solid var(--line);background:#fff;color:#52616c;font-size:clamp(18px,1.7vw,25px);line-height:1.45;transform:none;transition:transform .36s cubic-bezier(.16,1,.3,1),box-shadow .36s ease,background-color .36s ease,padding-left .36s ease,padding-right .36s ease,margin-left .36s ease,margin-right .36s ease,border-color .25s ease}
.about-method-lines strong{min-width:155px;color:var(--navy);font-weight:600}
.about-method-bridge .text-link{grid-column:2;justify-self:start;margin-top:12px}

@media(hover:hover) and (pointer:fine){
  .about-method-lines p:hover{z-index:2;margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px;border-bottom-color:transparent;background:#fff;box-shadow:0 20px 46px rgba(16,38,56,.1);transform:translateY(-7px)}
  .about-method-lines p:hover>strong{color:#7b5b27}
  .about-method-lines p>strong{transition:color .3s ease,transform .36s cubic-bezier(.16,1,.3,1)}
}

.about-spirit{display:grid;grid-template-columns:minmax(430px,1.02fr) minmax(430px,.98fr);gap:clamp(75px,11vw,180px);padding:clamp(90px,9vw,142px) clamp(40px,6vw,96px);background:#f5f5f2}
.about-spirit-intro h2{max-width:670px;margin-top:24px;font-size:clamp(34px,3.5vw,52px);line-height:1.24}
.about-principles{border-top:1px solid #d6d8d6;overflow:visible}
.about-principles p{position:relative;z-index:0;display:grid;grid-template-columns:42px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid #d6d8d6;background:#f5f5f2;color:var(--navy);font-size:clamp(16px,1.35vw,19px);line-height:1.6;transform:none;transition:transform .36s cubic-bezier(.16,1,.3,1),box-shadow .36s ease,background-color .36s ease,padding-left .36s ease,padding-right .36s ease,margin-left .36s ease,margin-right .36s ease,border-color .25s ease}
.about-principles span{padding-top:3px;color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.12em}

@media(hover:hover) and (pointer:fine){
  .about-principles p:hover{z-index:2;margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px;border-bottom-color:transparent;background:#f8f8f6;box-shadow:0 20px 46px rgba(16,38,56,.11);transform:translateY(-7px)}
  .about-principles p:hover>span{color:#7b5b27}
  .about-principles p>span{transition:color .3s ease,transform .36s cubic-bezier(.16,1,.3,1)}
}

.about-conclusion{padding:clamp(110px,13vw,205px) 0;text-align:center}
.about-conclusion p{color:var(--navy);font-size:clamp(35px,4.65vw,69px);line-height:1.18;font-weight:600;letter-spacing:-.035em}
.about-conclusion strong{display:block;margin-top:33px;color:var(--gold);font-family:'Instrument Serif',Georgia,serif;font-size:clamp(38px,5vw,75px);line-height:1.12;font-style:italic;font-weight:400}

@media(max-width:1050px){
  .about-origin,.about-section-head{grid-template-columns:minmax(210px,.55fr) minmax(450px,1.45fr);gap:60px}
  .about-belief-list li{grid-template-columns:50px 190px 1fr;gap:30px}
  .about-spirit{grid-template-columns:1fr 1fr;gap:60px;padding-left:44px;padding-right:44px}
}

@media(max-width:780px){
  .about-vision{padding-top:68px}
  .about-lead{margin-left:0}
  .about-business-visual{height:480px}
  .about-business-visual img,.about-business-visual video{object-position:42% center}
  .about-origin,.about-section-head{grid-template-columns:1fr;gap:48px}
  .about-origin{padding-top:100px;padding-bottom:105px}
  .about-date{min-height:145px;max-width:390px}
  .about-date-ghost{font-size:118px}
  .about-belief-list li{grid-template-columns:45px 1fr;gap:12px 20px}
  .about-belief-list p{grid-column:2}
  .about-method-bridge{grid-template-columns:1fr;gap:30px}
  .about-method-lines,.about-method-bridge .text-link{grid-column:1}
  .about-spirit{grid-template-columns:1fr;gap:55px;padding:70px 38px}
}

@media(max-width:600px){
  .about{padding-top:58px}
  .about .section-kicker{margin-bottom:0}
  .about-vision{padding:58px 0 64px}
  .about-vision h1{margin-top:19px;font-size:clamp(39px,11vw,52px);line-height:1.08}
  .about-vision h1 br:nth-of-type(2){display:none}
  .about-lead{margin-top:31px;font-size:16px;line-height:1.82}
  .about-business-visual{height:400px}
  .about-business-visual figcaption{display:block;bottom:24px;padding-top:16px}
  .about-business-visual figcaption p{margin-top:12px;text-align:left;font-size:19px}
  .about-origin{gap:40px;padding:82px 0 88px}
  .about-date{min-height:120px;padding-top:24px}
  .about-date p{font-size:34px}
  .about-date-ghost{top:-20px;font-size:88px}
  .about-origin-copy h2,.about-section-head h2{font-size:clamp(32px,9.4vw,41px)}
  .about-prose{margin-top:33px}
  .about-prose p,.about-origin-end{font-size:16px;line-height:1.82}
  .about-prose p+p{margin-top:18px}
  .about-origin-statement{margin:37px 0 25px;font-size:28px}
  .about-manifest{padding:84px 0}
  .about-manifest p{font-size:clamp(34px,10vw,45px);line-height:1.18}
  .about-beliefs,.about-approach{padding:83px 0}
  .about-section-head{gap:22px;margin-bottom:50px}
  .about-belief-list li{padding:27px 0 30px}
  .about-belief-list h3{font-size:22px}
  .about-belief-list p{font-size:15px;line-height:1.78}
  .about-method-lines p{display:block;padding:16px 0 18px;font-size:18px}
  .about-method-lines strong{display:inline;min-width:0;margin-right:6px}
  .about-spirit{margin-left:-22px;margin-right:-22px;padding:68px 22px;gap:47px}
  .about-spirit-intro h2{font-size:clamp(31px,9vw,39px)}
  .about-principles p{grid-template-columns:32px 1fr;gap:13px;padding:21px 0;font-size:16px}
  .about-conclusion{padding:95px 0 105px}
  .about-conclusion p{font-size:clamp(31px,9.2vw,42px)}
  .about-conclusion strong{margin-top:26px;font-size:clamp(36px,10.5vw,49px)}
}

@media(prefers-reduced-motion:reduce){
  .about-belief-list li,.about-belief-list li>span,.about-belief-list li>h3,.about-principles p,.about-principles p>span,.about-method-lines p,.about-method-lines p>strong{transition:none!important;transform:none!important}
}