.about-page{background:#e5e0d2;color:#292e29;min-height:100svh}.about-header{background:#303831;color:#ebe4d6;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:27px clamp(24px,5.5vw,112px)}.about-brand{text-transform:uppercase;font-size:clamp(17px,2vw,28px);font-weight:300;letter-spacing:-.05em}.about-header nav{display:flex;gap:clamp(15px,3vw,50px);font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.about-header nav a:hover,.about-header nav a[aria-current]{color:var(--gold)}.about-hero{position:relative;min-height:clamp(360px,39vw,610px);background:#373d36 url('/assets/FondRoseaux.jpg') center 53%/cover no-repeat;overflow:hidden;display:flex;align-items:end;color:#f0e6d4}.about-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,31,27,.54),rgba(23,31,27,.08) 70%)}.about-hero-inner{position:relative;z-index:1;padding:0 clamp(24px,5.5vw,112px) clamp(42px,6vw,95px)}.about-hero-inner p{text-transform:uppercase;letter-spacing:.22em;color:var(--gold);font-size:14px;font-weight:700;margin:0 0 20px}.about-hero h1{font-weight:400;font-size:clamp(77px,13vw,230px);letter-spacing:-.09em;line-height:.82;margin:0}.about-hero img{position:absolute;width:clamp(170px,24vw,390px);right:10%;top:8%;opacity:.84}.about-story{padding:clamp(85px,10vw,160px) clamp(24px,8vw,160px) clamp(100px,12vw,190px);display:grid;grid-template-columns:1fr 2.1fr;gap:clamp(35px,7vw,140px);align-items:start}.story-kicker{font-family:Georgia,serif;font-size:clamp(30px,3vw,52px);font-style:italic;letter-spacing:-.05em;line-height:1.05;color:#987844;margin:0}.about-story p:last-child{font-size:clamp(21px,2.2vw,36px);line-height:1.43;letter-spacing:-.025em;max-width:950px;margin:0}.about-footer{background:#303831;color:#e6dfcf;padding:30px clamp(24px,5.5vw,112px);display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:13px;text-transform:uppercase;letter-spacing:.15em}.about-footer a:hover{color:var(--gold)}
@media(max-width:700px){.about-header{align-items:flex-start;flex-direction:column;gap:19px}.about-header nav{font-size:12px;gap:18px}.about-hero{min-height:500px}.about-hero h1{font-size:clamp(72px,16vw,115px)}.about-hero img{width:170px;right:8%;top:12%}.about-story{display:block}.story-kicker{margin-bottom:40px}.about-story p:last-child{font-size:22px;line-height:1.47}.about-footer{flex-direction:column;align-items:flex-start}}

.about-story{display:block;padding:0}.about-story>img{display:block;width:100%;max-width:1473px;height:auto;margin:0 auto}