.philosophy-page{background:var(--ivory);color:var(--ink);overflow:clip}
.philosophy-hero{position:relative;min-height:min(58rem,88svh);display:flex;align-items:center;background:#17100c;color:var(--ivory);overflow:hidden}
.philosophy-hero::after{position:absolute;inset:auto -12vw -36vw auto;width:62vw;height:62vw;border:1px solid rgba(199,139,93,.16);border-radius:50%;content:""}
.philosophy-hero__inner{position:relative;z-index:1;width:100%;padding:clamp(5rem,9vw,9rem) var(--page-gutter) clamp(4rem,7vw,7rem)}
.philosophy-hero__eyebrow{color:var(--copper-light);margin-bottom:clamp(2rem,4vw,4rem)}
.philosophy-hero__title{max-width:12ch;color:var(--ivory);font-size:clamp(4rem,9.4vw,10rem);line-height:.84;letter-spacing:-.05em}
.philosophy-hero__title em{color:var(--copper-light);font-weight:400}
.philosophy-hero__lower{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(14rem,.6fr);gap:clamp(2rem,8vw,10rem);align-items:end;margin-top:clamp(4rem,8vw,8rem);padding-top:2rem;border-top:1px solid var(--line-light)}
.philosophy-hero__lead{max-width:48rem;font-family:var(--font-display);font-size:clamp(1.25rem,2.2vw,2rem);line-height:1.36}
.philosophy-hero__note{max-width:24rem;justify-self:end;color:rgba(246,237,225,.58);font-size:.82rem;line-height:1.7}
.philosophy-hero__folio{position:absolute;right:var(--page-gutter);top:2rem;color:rgba(246,237,225,.4);font-size:.62rem;letter-spacing:.2em}

.philosophy-prologue{display:grid;grid-template-columns:.42fr 1.45fr .72fr;gap:clamp(2rem,5vw,6rem);align-items:start;padding-top:clamp(6rem,11vw,11rem);padding-bottom:clamp(6rem,10vw,10rem)}
.philosophy-prologue>.eyebrow{color:var(--copper)}
.philosophy-prologue blockquote{font-family:var(--font-display);font-size:clamp(2.6rem,5.7vw,6.4rem);line-height:.98;letter-spacing:-.035em}
.philosophy-prologue blockquote em{font-weight:400;color:var(--copper)}
.philosophy-prologue>p:last-child{max-width:30rem;color:var(--muted);line-height:1.8}
.philosophy-prologue,.philosophy-principle,.philosophy-image-break,.philosophy-coda__inner{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease-reveal),transform .8s var(--ease-reveal)}
.philosophy-prologue.is-visible,.philosophy-principle.is-visible,.philosophy-image-break.is-visible,.philosophy-coda__inner.is-visible{opacity:1;transform:none}

.philosophy-principles{border-top:1px solid var(--line)}
.philosophy-principle{position:relative;display:grid;grid-template-columns:.22fr .78fr 1fr;gap:clamp(1.5rem,5vw,6rem);min-height:42rem;padding-top:clamp(4rem,7vw,7rem);padding-bottom:clamp(4rem,7vw,7rem);border-bottom:1px solid var(--line)}
.philosophy-principle__number{color:var(--copper);font-family:var(--font-display);font-size:clamp(4.5rem,8vw,8rem);line-height:.8}
.philosophy-principle__heading .eyebrow{margin-bottom:1.5rem;color:var(--copper)}
.philosophy-principle__heading h2{max-width:9ch;font-size:clamp(3rem,5.4vw,6rem);line-height:.92}
.philosophy-principle__copy{max-width:40rem;padding-top:2rem}
.philosophy-principle__copy p{margin-bottom:1.5rem;color:var(--muted);font-size:clamp(1rem,1.18vw,1.12rem);line-height:1.78}
.philosophy-principle__copy .philosophy-principle__accent{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.35rem,2vw,2rem);line-height:1.38}
.philosophy-principle--reverse .philosophy-principle__heading{grid-column:3}
.philosophy-principle--reverse .philosophy-principle__copy{grid-column:2;grid-row:1}
.philosophy-principle--reverse .philosophy-principle__number{grid-column:1;grid-row:1}
.philosophy-principle--thread::before{position:absolute;top:0;bottom:0;left:calc(var(--page-gutter) + 8%);width:1px;background:linear-gradient(transparent,var(--copper-light) 15%,var(--copper-light) 85%,transparent);opacity:.58;content:""}

.philosophy-image-break{position:relative;width:min(74vw,78rem);margin:clamp(6rem,11vw,11rem) 0 clamp(6rem,11vw,11rem) auto}
.philosophy-image-break img{width:100%;height:min(72vh,46rem);object-fit:cover;object-position:center 52%;filter:saturate(.78) contrast(1.02)}
.philosophy-image-break figcaption{position:absolute;left:clamp(-9rem,-8vw,-3rem);bottom:clamp(2rem,6vw,6rem);width:min(29rem,52vw);padding:clamp(1.5rem,3.5vw,3rem);background:var(--ivory-light);border:1px solid var(--line)}
.philosophy-image-break figcaption .eyebrow{display:block;margin-bottom:1rem;color:var(--copper)}
.philosophy-image-break figcaption strong{display:block;font-family:var(--font-display);font-size:clamp(1.8rem,3vw,3.2rem);font-weight:400;line-height:1.08}

.philosophy-coda{background:#17100c;color:var(--ivory)}
.philosophy-coda__inner{padding-top:clamp(7rem,12vw,12rem);padding-bottom:clamp(7rem,11vw,11rem)}
.philosophy-coda .eyebrow{color:var(--copper-light)}
.philosophy-coda h2{margin-top:clamp(2rem,4vw,4rem);font-size:clamp(5rem,13vw,14rem);line-height:.75;letter-spacing:-.055em}
.philosophy-coda__intro{max-width:48rem;margin-top:clamp(3rem,6vw,6rem);font-family:var(--font-display);font-size:clamp(1.25rem,2.1vw,2rem);line-height:1.42}
.philosophy-coda__verbs{display:grid;grid-template-columns:repeat(5,1fr);margin-block:clamp(5rem,9vw,9rem);border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light)}
.philosophy-coda__verbs span{padding:1.6rem .8rem;border-right:1px solid var(--line-light);color:var(--copper-light);font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.philosophy-coda__verbs span:last-child{border-right:0}
.philosophy-coda__close{max-width:58rem;font-family:var(--font-display);font-size:clamp(1.8rem,4.1vw,4.5rem);line-height:1.06}
.philosophy-coda__close strong{font-weight:400;color:var(--copper-light)}
.philosophy-coda__actions{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;margin-top:clamp(3rem,6vw,6rem)}
.philosophy-coda__link{color:var(--ivory)}
.philosophy-footer{display:flex;flex-wrap:wrap;gap:1.3rem 2.5rem;align-items:center;padding:2rem var(--page-gutter);background:var(--ivory-light);border-top:1px solid var(--line);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
.philosophy-footer a{color:var(--muted)}
.philosophy-footer a:hover,.philosophy-footer a[aria-current="page"]{color:var(--copper)}
.philosophy-footer span{margin-left:auto;color:var(--muted)}

@media(max-width:900px){
  .philosophy-hero{min-height:46rem}
  .philosophy-prologue{grid-template-columns:1fr 1.5fr}
  .philosophy-prologue>p:last-child{grid-column:2}
  .philosophy-principle{grid-template-columns:.2fr .8fr;min-height:0}
  .philosophy-principle__copy{grid-column:2}
  .philosophy-principle--reverse .philosophy-principle__heading{grid-column:2;grid-row:1}
  .philosophy-principle--reverse .philosophy-principle__copy{grid-column:2;grid-row:2}
  .philosophy-coda__verbs{grid-template-columns:repeat(3,1fr)}
  .philosophy-coda__verbs span:nth-child(3){border-right:0}
  .philosophy-coda__verbs span:nth-child(n+4){border-top:1px solid var(--line-light)}
}

@media(max-width:600px){
  .philosophy-hero{min-height:calc(100svh - 4rem);align-items:flex-end}
  .philosophy-hero__inner{padding-top:5rem}
  .philosophy-hero__title{font-size:clamp(3.6rem,16vw,5.7rem)}
  .philosophy-hero__lower{grid-template-columns:1fr;gap:1.5rem;margin-top:3rem}
  .philosophy-hero__note{justify-self:start}
  .philosophy-hero__folio{right:1.25rem;top:1.25rem}
  .philosophy-prologue{display:block;padding-top:5.5rem;padding-bottom:5.5rem}
  .philosophy-prologue blockquote{margin-block:2rem 2.5rem;font-size:clamp(2.5rem,12vw,4rem)}
  .philosophy-principle{display:block;padding-top:4.5rem;padding-bottom:4.5rem}
  .philosophy-principle__number{margin-bottom:2.5rem;font-size:5.5rem}
  .philosophy-principle__heading h2{font-size:clamp(2.8rem,13vw,4.3rem)}
  .philosophy-principle__copy{padding-top:2.5rem}
  .philosophy-principle--thread::before{display:none}
  .philosophy-image-break{width:100%;margin-block:5.5rem}
  .philosophy-image-break img{height:64svh;min-height:30rem}
  .philosophy-image-break figcaption{position:relative;left:auto;bottom:auto;width:calc(100% - 2.5rem);margin:-4rem 1.25rem 0;padding:1.5rem}
  .philosophy-coda h2{font-size:clamp(5rem,22vw,8rem)}
  .philosophy-coda__verbs{grid-template-columns:1fr 1fr}
  .philosophy-coda__verbs span,.philosophy-coda__verbs span:nth-child(3){border-right:1px solid var(--line-light);border-top:1px solid var(--line-light)}
  .philosophy-coda__verbs span:nth-child(2n){border-right:0}
  .philosophy-coda__verbs span:first-child,.philosophy-coda__verbs span:nth-child(2){border-top:0}
  .philosophy-coda__verbs span:last-child{grid-column:1/-1;border-right:0}
  .philosophy-footer{align-items:flex-start;flex-direction:column}
  .philosophy-footer span{margin-left:0;margin-top:.8rem}
}

@media(prefers-reduced-motion:reduce){
  .philosophy-prologue,.philosophy-principle,.philosophy-image-break,.philosophy-coda__inner{opacity:1;transform:none;transition:none}
}


/* Desktop editorial density — preserve mobile scale, reduce full-screen pacing */
@media(min-width:1100px){
  .philosophy-hero{min-height:70svh}
  .philosophy-hero__inner{padding-top:6.5rem;padding-bottom:5.5rem}
  .philosophy-hero__title{font-size:clamp(4.8rem,6.5vw,7.6rem)}
  .philosophy-hero__lower{margin-top:3.5rem;gap:clamp(2rem,6vw,7rem)}

  .philosophy-prologue{padding-top:7rem;padding-bottom:7rem;gap:clamp(2rem,4vw,5rem)}
  .philosophy-prologue blockquote{font-size:clamp(2.8rem,4.2vw,4.9rem)}

  .philosophy-principle{min-height:auto;padding-top:5.5rem;padding-bottom:5.5rem;gap:clamp(1.5rem,4vw,5rem)}
  .philosophy-principle__number{font-size:clamp(3.8rem,5.2vw,6rem)}
  .philosophy-principle__heading h2{font-size:clamp(2.8rem,4vw,4.5rem)}
  .philosophy-principle__copy{padding-top:1.25rem}
  .philosophy-principle__copy .philosophy-principle__accent{margin-top:2rem}

  .philosophy-image-break{margin-top:7rem;margin-bottom:7rem}
  .philosophy-image-break img{height:min(62vh,40rem)}
  .philosophy-image-break figcaption strong{font-size:clamp(1.7rem,2.4vw,2.7rem)}

  .philosophy-coda__inner{padding-top:7rem;padding-bottom:7rem}
  .philosophy-coda h2{font-size:clamp(5rem,8vw,8.5rem)}
  .philosophy-coda__intro{margin-top:4rem}
  .philosophy-coda__verbs{margin-block:5rem}
  .philosophy-coda__close{font-size:clamp(1.8rem,3.3vw,3.7rem)}
  .philosophy-coda__actions{margin-top:4rem}
}