/* Heretic Photo — About */
.about-page{position:relative;overflow:hidden;background:var(--ink);color:var(--bone)}
.about-page__hero{position:relative;padding:clamp(145px,17vw,230px) 0 clamp(82px,9vw,130px);border-bottom:1px solid var(--line-soft);isolation:isolate}
.about-page__ghost{position:absolute;left:-.035em;top:.24em;z-index:-1;font-family:ArchivoBlackLocal,"Arial Black",sans-serif;font-size:clamp(10rem,29vw,31rem);line-height:.72;letter-spacing:.015em;text-transform:uppercase;color:rgba(233,228,221,.022);white-space:nowrap;pointer-events:none}
.about-page__hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.62fr);gap:clamp(44px,7vw,110px);align-items:center}
.about-page__hero-copy{position:relative;z-index:3;max-width:930px;padding-right:clamp(0px,3vw,48px)}
.about-page__hero-copy h1{position:relative;z-index:3;margin:.2em 0 .28em;font-family:ArchivoBlackLocal,"Arial Black",sans-serif;font-size:clamp(4rem,8.15vw,8.15rem);line-height:.8;letter-spacing:-.065em;text-transform:uppercase}
.about-page__hero-copy h1 span,.about-page__closing h2 span{display:block;color:transparent;-webkit-text-stroke:1px rgba(178,154,115,.86)}
.about-page__lede{margin:0 0 1.25rem;color:var(--bone);font-family:OswaldLocal,Impact,sans-serif;font-size:clamp(1.35rem,2.1vw,2.15rem);line-height:1.3;text-transform:uppercase;letter-spacing:.02em}
.about-page__hero-copy>p:not(.about-page__lede){max-width:680px;margin:0;color:var(--muted);font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.8}
.about-page__hero-actions,.about-page__closing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:clamp(30px,4vw,44px)}
.about-page__text-link{display:inline-flex;align-items:center;gap:12px;padding-bottom:5px;border-bottom:1px solid var(--line);color:var(--bone);font-family:OswaldLocal,Impact,sans-serif;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;transition:color .2s ease,border-color .2s ease}
.about-page__text-link span{color:var(--gold2);font-size:1rem;transition:transform .2s ease}
.about-page__text-link:hover,.about-page__text-link:focus-visible{color:var(--gold2);border-color:var(--gold2)}
.about-page__text-link:hover span,.about-page__text-link:focus-visible span{transform:translate(3px,-3px)}
.about-page__hero-image{position:relative;z-index:1;margin:0}
.about-page__hero-image::before{content:"";position:absolute;inset:-16px 16px 16px -16px;z-index:-1;border:1px solid var(--line)}
.about-page__hero-image img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;filter:saturate(.8) contrast(1.03) brightness(.9);border:1px solid var(--line-soft)}
.about-page__hero-image figcaption{display:flex;justify-content:space-between;gap:18px;margin-top:12px;color:var(--muted);font-family:OswaldLocal,Impact,sans-serif;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase}
.about-page__hero-image figcaption span:first-child{color:var(--gold2)}

.about-page__story,.about-page__connection{padding:clamp(90px,11vw,165px) 0}
.about-page__story-grid,.about-page__connection-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);gap:clamp(48px,10vw,160px);align-items:start}
.about-page__story-heading{position:sticky;top:125px}
.about-page__story-heading h2,.about-page__connection-copy h2{margin:.2em 0 0;font-family:ArchivoBlackLocal,"Arial Black",sans-serif;font-size:clamp(3.5rem,7vw,7rem);line-height:.84;letter-spacing:-.06em;text-transform:uppercase}
.about-page__story-copy,.about-page__connection-body{max-width:760px}
.about-page__story-copy p,.about-page__connection-body p{margin:0 0 1.45rem;color:var(--muted);font-size:clamp(1rem,1.3vw,1.14rem);line-height:1.84}
.about-page__story-copy .about-page__story-lede{color:var(--bone);font-family:OswaldLocal,Impact,sans-serif;font-size:clamp(1.45rem,2.4vw,2.3rem);line-height:1.35;text-transform:uppercase;letter-spacing:.015em}
.about-page__connection{border-top:1px solid var(--line-soft);background:linear-gradient(180deg,var(--ink2),var(--ink))}

.about-page__triptych{padding:0 0 clamp(90px,12vw,180px)}
.about-page__triptych-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.8vw,24px)}
.about-page__triptych-item{position:relative;margin:0;overflow:hidden;background:var(--panel);border:1px solid var(--line-soft)}
.about-page__triptych-item:nth-child(2){transform:translateY(clamp(26px,4vw,58px))}
.about-page__triptych-item img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;filter:saturate(.78) contrast(1.04) brightness(.88);transition:transform .65s cubic-bezier(.2,.72,.2,1),filter .3s ease}
.about-page__triptych-item:hover img{transform:scale(1.025);filter:saturate(.9) contrast(1.02) brightness(.95)}

.about-page__principles{padding:clamp(90px,11vw,165px) 0;border-top:1px solid var(--line-soft)}
.about-page__principles-head,.about-page__section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,520px);gap:clamp(42px,9vw,140px);align-items:end;margin-bottom:clamp(58px,8vw,100px);padding-bottom:clamp(30px,4vw,46px);border-bottom:1px solid var(--line-soft)}
.about-page__principles-head h2,.about-page__section-head h2{margin:.2em 0 0;font-family:ArchivoBlackLocal,"Arial Black",sans-serif;font-size:clamp(3.6rem,7.5vw,7.7rem);line-height:.82;letter-spacing:-.065em;text-transform:uppercase}
.about-page__principles-head h2 span{display:block;color:transparent;-webkit-text-stroke:1px rgba(178,154,115,.8)}
.about-page__principles-head>p,.about-page__section-head>p{margin:0;color:var(--muted);font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.75}
.about-page__principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line-soft);border:1px solid var(--line-soft)}
.about-page__principle{min-height:330px;padding:clamp(28px,4vw,48px);background:var(--ink);transition:background .25s ease}
.about-page__principle:hover{background:#080706}
.about-page__principle>span{display:block;margin-bottom:clamp(55px,8vw,100px);color:var(--gold2);font-family:OswaldLocal,Impact,sans-serif;font-size:.75rem;letter-spacing:.15em}
.about-page__principle h3{margin:0 0 18px;font-family:ArchivoBlackLocal,"Arial Black",sans-serif;font-size:clamp(1.65rem,2.5vw,2.55rem);line-height:.96;letter-spacing:-.035em;text-transform:uppercase}
.about-page__principle p{margin:0;color:var(--muted);line-height:1.7}

.about-page__testimonials{padding:clamp(95px,12vw,175px) 0;border-top:1px solid var(--line-soft);background:linear-gradient(180deg,var(--ink2),var(--ink))}
.about-page__testimonial-rotator{position:relative;max-width:1120px}
.about-page__testimonial-stage{position:relative;min-height:0;display:block}
.about-page__testimonial{width:100%;padding:clamp(28px,4vw,48px) 0 0;border-top:1px solid var(--line);background:transparent}
.about-page__testimonial[hidden]{display:none}
.about-page__testimonial-rotator.is-ready .about-page__testimonial-stage{overflow:hidden}
.about-page__testimonial-rotator.is-ready .about-page__testimonial{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease,visibility 0s linear .45s}
.about-page__testimonial-rotator.is-ready .about-page__testimonial.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.about-page__testimonial-mark{display:block;height:.72em;margin-bottom:clamp(12px,2vw,20px);color:var(--gold2);font-family:Georgia,serif;font-size:clamp(3.5rem,6vw,6rem);line-height:.8}
.about-page__testimonial blockquote{max-width:900px;margin:0;color:var(--bone);font-family:InterLocal,Arial,sans-serif;font-size:clamp(1.08rem,1.7vw,1.55rem);font-weight:500;line-height:1.72;text-transform:none}
.about-page__testimonial footer{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-top:clamp(26px,4vw,42px);padding-top:18px;border-top:1px solid var(--line-soft);font-family:OswaldLocal,Impact,sans-serif;text-transform:uppercase}
.about-page__testimonial-person{display:grid;gap:5px}
.about-page__testimonial-person strong{color:var(--bone);font-size:.78rem;letter-spacing:.14em}
.about-page__testimonial-person span,.about-page__testimonial time{color:var(--muted);font-size:.64rem;letter-spacing:.12em}
.about-page__testimonial-controls{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:24px}
.about-page__testimonial-progress{display:flex;align-items:center;gap:8px;flex:1;max-width:420px}
.about-page__testimonial-progress span{height:2px;flex:1;background:rgba(233,228,221,.14);transition:background .2s ease}
.about-page__testimonial-progress span.is-active{background:var(--gold2)}
.about-page__testimonial-buttons{display:flex;align-items:center;gap:12px;font-family:OswaldLocal,Impact,sans-serif;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.about-page__testimonial-buttons button{width:44px;height:44px;border:1px solid var(--line);background:transparent;color:var(--bone);font:inherit;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
.about-page__testimonial-buttons button:hover,.about-page__testimonial-buttons button:focus-visible{background:var(--gold2);border-color:var(--gold2);color:#090807}

.about-page__recognition{padding:clamp(95px,12vw,175px) 0;border-top:1px solid var(--line-soft)}
.about-page__recognition-grid{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:clamp(48px,9vw,140px);align-items:start}
.about-page__recognition-main h2{margin:.2em 0 .25em;font-family:ArchivoBlackLocal,"Arial Black",sans-serif;font-size:clamp(3.5rem,7vw,7rem);line-height:.84;letter-spacing:-.06em;text-transform:uppercase}
.about-page__recognition-main p{max-width:520px;margin:0;color:var(--muted);line-height:1.8}
.about-page__publication-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.about-page__publication{color:inherit;text-decoration:none}
.about-page__publication-cover{overflow:hidden;border:1px solid var(--line-soft);background:var(--panel)}
.about-page__publication-cover img{display:block;width:100%;height:auto;object-fit:contain;transition:transform .45s ease}
.about-page__publication:hover img{transform:scale(1.025)}
.about-page__publication-meta{display:flex;justify-content:space-between;gap:16px;margin-top:12px;font-family:OswaldLocal,Impact,sans-serif;font-size:.68rem;letter-spacing:.11em;text-transform:uppercase}
.about-page__publication-meta strong{color:var(--bone)}
.about-page__publication-meta span{color:var(--muted);text-align:right}
.about-page__publication-grid.is-empty{grid-template-columns:1fr}
.about-page__publication-placeholder{min-height:420px;display:flex;flex-direction:column;justify-content:end;padding:clamp(28px,5vw,56px);border:1px dashed var(--line);background:linear-gradient(145deg,rgba(143,119,84,.05),transparent)}
.about-page__publication-placeholder>span{color:var(--gold2);font-family:OswaldLocal,Impact,sans-serif;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
.about-page__publication-placeholder strong{margin-top:16px;font-family:ArchivoBlackLocal,"Arial Black",sans-serif;font-size:clamp(2rem,4vw,4rem);line-height:.92;text-transform:uppercase}
.about-page__publication-placeholder p{max-width:460px;margin:18px 0 0;color:var(--muted);line-height:1.7}

.about-page__social-proof{padding:clamp(95px,12vw,175px) 0;border-top:1px solid var(--line-soft);background:var(--ink2)}
.about-page__social-summary{display:grid;grid-template-columns:auto 1fr;gap:4px 24px;align-items:end;margin-bottom:clamp(26px,4vw,44px);padding-bottom:24px;border-bottom:1px solid var(--line)}
.about-page__social-summary>span{grid-column:1/-1;color:var(--gold2);font-family:OswaldLocal,Impact,sans-serif;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}
.about-page__social-summary strong{font-family:ArchivoBlackLocal,"Arial Black",sans-serif;font-size:clamp(3.8rem,8vw,8rem);line-height:.8;letter-spacing:-.055em;color:var(--bone)}
.about-page__social-summary em{max-width:280px;padding-bottom:.28em;color:var(--muted);font-family:OswaldLocal,Impact,sans-serif;font-size:.72rem;font-style:normal;letter-spacing:.11em;line-height:1.5;text-transform:uppercase}
.about-page__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line-soft);border:1px solid var(--line-soft)}
.about-page__stat{position:relative;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(22px,3vw,34px);background:var(--ink);color:inherit;text-decoration:none;transition:background .2s ease}
.about-page__stat:hover,.about-page__stat:focus-visible{background:#080706}
.about-page__stat-platform{margin-bottom:auto;color:var(--gold2);font-family:OswaldLocal,Impact,sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.about-page__stat strong{font-family:ArchivoBlackLocal,"Arial Black",sans-serif;font-size:clamp(2.6rem,5vw,5rem);line-height:.8;letter-spacing:-.045em;color:var(--bone)}
.about-page__stat-label{margin-top:9px;color:var(--muted);font-family:OswaldLocal,Impact,sans-serif;font-size:.62rem;letter-spacing:.13em;text-transform:uppercase}
.about-page__stat b{position:absolute;right:20px;top:18px;color:var(--muted);font-size:1rem;font-weight:400}
.about-page__stats-placeholder{display:flex;justify-content:space-between;gap:30px;padding:28px;border:1px dashed var(--line);font-family:OswaldLocal,Impact,sans-serif;text-transform:uppercase}
.about-page__stats-placeholder span{color:var(--gold2);font-size:.72rem;letter-spacing:.14em}
.about-page__stats-placeholder strong{color:var(--muted);font-size:.8rem;font-weight:500;letter-spacing:.08em;text-align:right}
.about-page__stats-placeholder code{color:var(--bone);font-family:inherit}

.about-page__closing{padding:clamp(95px,12vw,180px) 0;border-top:1px solid var(--line-soft)}
.about-page__closing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.8fr);gap:clamp(48px,10vw,155px);align-items:end}
.about-page__closing h2{margin:.16em 0 0;font-family:ArchivoBlackLocal,"Arial Black",sans-serif;font-size:clamp(4.5rem,10vw,10rem);line-height:.78;letter-spacing:-.07em;text-transform:uppercase}
.about-page__closing-copy p{margin:0 0 1.15rem;color:var(--muted);font-size:clamp(1rem,1.3vw,1.14rem);line-height:1.8}

@media(max-width:1080px){
  .about-page__hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.52fr);gap:38px}
  .about-page__hero-copy h1{font-size:clamp(4rem,7.9vw,7.2rem)}
}
@media(max-width:980px){
  .about-page__hero-grid,.about-page__story-grid,.about-page__connection-grid,.about-page__principles-head,.about-page__section-head,.about-page__recognition-grid,.about-page__closing-grid{grid-template-columns:1fr}
  .about-page__hero-copy{padding-right:0}
  .about-page__hero-image{max-width:620px;margin-top:12px}
  .about-page__story-heading{position:static}
  .about-page__story-copy,.about-page__connection-body{max-width:780px}
  .about-page__principles-head,.about-page__section-head{gap:28px}
  .about-page__recognition-grid{gap:50px}
}
@media(max-width:760px){
  .about-page__triptych-grid{grid-template-columns:1fr;gap:14px}
  .about-page__triptych-item:nth-child(2){transform:none}
  .about-page__triptych-item img{aspect-ratio:3/4}
  .about-page__principles-grid{grid-template-columns:1fr}
  .about-page__stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-page__principle{min-height:0}
  .about-page__principle>span{margin-bottom:44px}
  .about-page__testimonial{min-height:0}
  .about-page__publication-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:580px){
  .about-page__hero{padding-top:132px}
  .about-page__hero-copy h1{font-size:clamp(3.5rem,17.5vw,5.6rem);overflow-wrap:anywhere}
  .about-page__hero-actions,.about-page__closing-actions{align-items:flex-start;flex-direction:column}
  .about-page__hero-image::before{inset:-9px 9px 9px -9px}
  .about-page__hero-image figcaption{flex-direction:column;gap:5px}
  .about-page__testimonial footer,.about-page__testimonial-controls,.about-page__stats-placeholder{flex-direction:column;align-items:flex-start}
  .about-page__testimonial-progress{width:100%;max-width:none}
  .about-page__stats{grid-template-columns:1fr}
  .about-page__social-summary{grid-template-columns:1fr}
  .about-page__testimonial time,.about-page__stats-placeholder strong{text-align:left}
  .about-page__publication-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .about-page__text-link,.about-page__text-link span,.about-page__triptych-item img,.about-page__publication-cover img,.about-page__testimonial-progress span,.about-page__testimonial-buttons button,.about-page__stat{transition:none}
}
