.about-page{background:var(--ivory);color:var(--ink);overflow:clip}
.about-status{position:absolute;z-index:2;left:var(--page-gutter);top:1rem;min-height:1.2rem;color:rgba(246,237,225,.6);font-size:.7rem}

.about-hero{position:relative;min-height:min(56rem,84svh);display:flex;align-items:flex-end;background:#17100c;color:var(--ivory);overflow:hidden}
.about-hero::before{position:absolute;inset:auto auto -28vw -17vw;width:56vw;height:56vw;border:1px solid rgba(199,139,93,.14);border-radius:50%;content:""}
.about-hero__inner{position:relative;z-index:1;width:100%;padding:clamp(6rem,10vw,10rem) var(--page-gutter) clamp(5rem,8vw,8rem)}
.about-hero .eyebrow{margin-bottom:clamp(2rem,4vw,4rem);color:var(--copper-light)}
.about-hero h1{max-width:10ch;color:var(--ivory);font-size:clamp(4rem,8.8vw,9.5rem);line-height:.87;letter-spacing:-.05em}
.about-hero__intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(15rem,.55fr);gap:clamp(2rem,8vw,10rem);align-items:end;margin-top:clamp(4rem,7vw,7rem);padding-top:2rem;border-top:1px solid var(--line-light)}
.about-hero__intro p:first-child{max-width:48rem;font-family:var(--font-display);font-size:clamp(1.3rem,2.3vw,2.1rem);line-height:1.36}
.about-hero__intro p:last-child{max-width:24rem;justify-self:end;color:rgba(246,237,225,.58);font-size:.82rem;line-height:1.7}
.about-hero__folio{position:absolute;right:var(--page-gutter);top:2rem;color:rgba(246,237,225,.38);font-size:.62rem;letter-spacing:.2em}

.about-origin{position:relative;display:grid;grid-template-columns:minmax(14rem,.62fr) minmax(0,1.38fr);gap:clamp(3rem,7vw,8rem);padding:clamp(6rem,11vw,11rem) var(--page-gutter);background:var(--ivory-light);border-bottom:1px solid var(--line);overflow:hidden}
.about-origin::after{position:absolute;right:-.02em;bottom:-.22em;color:rgba(166,95,43,.055);font-family:var(--font-display);font-size:clamp(10rem,28vw,30rem);line-height:.75;content:"M"}
.about-origin__label{position:relative;z-index:1}
.about-origin__label .eyebrow{margin-bottom:1.5rem;color:var(--copper)}
.about-origin__label h2{max-width:7ch;font-size:clamp(3.8rem,7vw,7.5rem);line-height:.88;overflow-wrap:anywhere}
.about-origin__copy{position:relative;z-index:1;max-width:48rem}
.about-origin__copy p{margin-bottom:1.5rem;color:var(--muted);font-size:clamp(1rem,1.18vw,1.12rem);line-height:1.8}
.about-origin__copy p:first-child{margin-bottom:2.4rem;color:var(--espresso);font-family:var(--font-display);font-size:clamp(1.8rem,3.1vw,3.2rem);line-height:1.05}
.about-origin__copy p:last-child{color:var(--espresso);font-family:var(--font-display);font-size:clamp(1.25rem,1.9vw,1.8rem);line-height:1.42}

.about-story{border-top:1px solid var(--line)}
.about-chapter{display:grid;grid-template-columns:.22fr .78fr 1fr;gap:clamp(1.5rem,5vw,6rem);min-height:38rem;padding:clamp(5rem,8vw,8rem) var(--page-gutter);border-bottom:1px solid var(--line)}
.about-chapter__number{color:var(--copper);font-family:var(--font-display);font-size:clamp(4.5rem,8vw,8rem);line-height:.8}
.about-chapter__heading .eyebrow{margin-bottom:1.5rem;color:var(--copper)}
.about-chapter__heading h2{max-width:10ch;font-size:clamp(3rem,5.3vw,5.8rem);line-height:.92}
.about-chapter__copy{max-width:40rem;padding-top:2rem}
.about-chapter__copy p{margin-bottom:1.5rem;color:var(--muted);font-size:clamp(1rem,1.18vw,1.12rem);line-height:1.78}
.about-chapter__copy p:last-child{margin-top:2.5rem;padding-top:1.8rem;border-top:1px solid var(--line);color:var(--espresso);font-family:var(--font-display);font-size:clamp(1.25rem,1.9vw,1.9rem);line-height:1.4}
.about-chapter--reverse .about-chapter__heading{grid-column:3}
.about-chapter--reverse .about-chapter__copy{grid-column:2;grid-row:1}
.about-chapter--reverse .about-chapter__number{grid-column:1;grid-row:1}

.about-coda{position:relative;padding:clamp(7rem,12vw,12rem) var(--page-gutter) clamp(6rem,10vw,10rem);background:#17100c;color:var(--ivory);overflow:hidden}
.about-coda::after{position:absolute;right:-9vw;top:-18vw;width:44vw;height:44vw;border:1px solid rgba(199,139,93,.15);border-radius:50%;content:""}
.about-coda__inner{position:relative;z-index:1;max-width:78rem}
.about-coda .eyebrow{color:var(--copper-light)}
.about-coda h2{max-width:10ch;margin-top:2rem;color:var(--ivory);font-size:clamp(4rem,8.4vw,9rem);line-height:.86;letter-spacing:-.045em}
.about-coda__copy{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,8rem);margin-top:clamp(4rem,7vw,7rem);padding-top:2rem;border-top:1px solid var(--line-light)}
.about-coda__copy p{margin-bottom:1.4rem;color:rgba(246,237,225,.72);line-height:1.75}
.about-coda__copy p:last-child{color:var(--copper-light);font-family:var(--font-display);font-size:clamp(1.5rem,2.7vw,2.8rem);line-height:1.23}

.about-actions{display:flex;flex-wrap:wrap;gap:1.2rem;padding:0 var(--page-gutter) clamp(5rem,8vw,8rem);background:#17100c}
.about-actions .button--line{border-color:rgba(246,237,225,.48);color:var(--ivory)}
.about-actions .button--line:hover{background:var(--ivory);color:var(--espresso)}

.about-origin,.about-chapter,.about-coda__inner{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease-reveal),transform .8s var(--ease-reveal)}
.about-origin.is-visible,.about-chapter.is-visible,.about-coda__inner.is-visible{opacity:1;transform:none}

@media(max-width:900px){
  .about-hero__intro{grid-template-columns:1fr 1fr}
  .about-origin{grid-template-columns:.7fr 1.3fr}
  .about-chapter{grid-template-columns:.2fr .8fr;min-height:0}
  .about-chapter__copy{grid-column:2}
  .about-chapter--reverse .about-chapter__heading{grid-column:2;grid-row:1}
  .about-chapter--reverse .about-chapter__copy{grid-column:2;grid-row:2}
  .about-coda__copy{grid-template-columns:1fr}
}

@media(max-width:600px){
  .about-hero{min-height:calc(100svh - 4rem)}
  .about-hero h1{font-size:clamp(3.6rem,16vw,5.8rem)}
  .about-hero__intro{grid-template-columns:1fr;gap:1.5rem;margin-top:3rem}
  .about-hero__intro p:last-child{justify-self:start}
  .about-hero__folio{right:1.25rem;top:1.25rem}
  .about-origin{display:block;padding:5.5rem var(--page-gutter)}
  .about-origin__label h2{margin-bottom:3rem;font-size:clamp(3rem,14vw,4.8rem)}
  .about-origin::after{right:-.08em;bottom:-.12em}
  .about-chapter{display:block;padding-top:4.5rem;padding-bottom:4.5rem}
  .about-chapter__number{margin-bottom:2.5rem;font-size:5.5rem}
  .about-chapter__heading h2{font-size:clamp(2.8rem,13vw,4.3rem)}
  .about-chapter__copy{padding-top:2.5rem}
  .about-coda h2{font-size:clamp(3.8rem,17vw,6rem)}
  .about-actions{flex-direction:column;align-items:flex-start}
}

@media(prefers-reduced-motion:reduce){
  .about-origin,.about-chapter,.about-coda__inner{opacity:1;transform:none;transition:none}
}


/* Desktop editorial density — preserve mobile scale, reduce full-screen pacing */
@media(min-width:1100px){
  .about-hero{min-height:68svh}
  .about-hero__inner{padding-top:6.5rem;padding-bottom:5.5rem}
  .about-hero h1{font-size:clamp(4.5rem,6.2vw,7.2rem);line-height:.9}
  .about-hero__intro{margin-top:3.5rem;gap:clamp(2rem,6vw,7rem)}

  .about-origin{padding-top:7rem;padding-bottom:7rem;gap:clamp(3rem,5vw,6rem)}
  .about-origin__label h2{font-size:clamp(3.8rem,5vw,5.8rem)}

  .about-chapter{min-height:auto;padding-top:5.5rem;padding-bottom:5.5rem;gap:clamp(1.5rem,4vw,5rem)}
  .about-chapter__number{font-size:clamp(3.8rem,5.2vw,6rem)}
  .about-chapter__heading h2{font-size:clamp(2.8rem,4vw,4.5rem)}
  .about-chapter__copy{padding-top:1.25rem}
  .about-chapter__copy p:last-child{margin-top:2rem}

  .about-coda{padding-top:7rem;padding-bottom:7rem}
  .about-coda h2{font-size:clamp(4rem,6vw,6.8rem)}
  .about-coda__copy{margin-top:4rem;gap:clamp(2rem,5vw,6rem)}

  .about-actions{padding-bottom:5.5rem}
}