.about-page{overflow:hidden}
.about-hero{padding:clamp(52px,8vw,110px) 0 clamp(56px,8vw,105px);border-bottom:1px solid rgba(214,168,75,.22);background:radial-gradient(circle at 78% 20%,rgba(214,168,75,.13),transparent 30%),linear-gradient(180deg,#080808 0%,#050505 100%)}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);gap:clamp(34px,6vw,88px);align-items:center}
.about-hero-copy h1{max-width:780px;margin:.55rem 0 1.25rem;font-size:clamp(2.8rem,6vw,6.3rem);line-height:.95;letter-spacing:-.045em}
.about-hero-copy .lead{max-width:720px;font-size:clamp(1.08rem,1.7vw,1.36rem);line-height:1.7;color:#d8d1c6}
.about-hero-actions,.about-cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.about-hero-media{position:relative;margin:0;min-height:520px;border:1px solid rgba(214,168,75,.4);background:#0d0d0d;overflow:hidden;box-shadow:0 34px 90px rgba(0,0,0,.45)}
.about-hero-media:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.08);z-index:2;pointer-events:none}
.about-hero-media img{width:100%;height:100%;min-height:520px;object-fit:cover;display:block;filter:saturate(.86) contrast(1.03)}
.about-hero-media figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px 22px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.88));font-size:.7rem;letter-spacing:.22em;color:#d6a84b;text-transform:uppercase}
.about-story-section{background:#070707}
.about-story-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(38px,8vw,120px);align-items:start}
.about-story-grid h2{font-size:clamp(2rem,4vw,4.2rem);line-height:1.03;margin:.55rem 0 0}
.about-prose{font-size:clamp(1.06rem,1.5vw,1.28rem);line-height:1.9;color:#d8d1c6;border-left:1px solid rgba(214,168,75,.42);padding-left:clamp(24px,4vw,54px)}
.about-pillars-section{background:linear-gradient(180deg,#050505 0%,#090806 100%)}
.about-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px}
.about-pillar{position:relative;padding:34px 30px 32px;border:1px solid #332816;background:linear-gradient(145deg,rgba(214,168,75,.07),rgba(255,255,255,.015));min-height:280px}
.about-pillar>span{display:block;color:#d6a84b;font-size:.72rem;letter-spacing:.2em;margin-bottom:52px}
.about-pillar h3{font-size:1.65rem;margin:0 0 16px}
.about-pillar p{margin:0;color:#bdb5aa;line-height:1.75}
.about-cta-section{padding-top:0}
.about-cta-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;padding:clamp(32px,5vw,62px);border:1px solid #6d511f;background:radial-gradient(circle at 92% 8%,rgba(214,168,75,.14),transparent 32%),#0b0b0b}
.about-cta-panel h2{max-width:820px;font-size:clamp(2rem,4vw,4.4rem);line-height:1.02;margin:.55rem 0 1rem}
.about-cta-panel p{max-width:760px;color:#c7bfb4;line-height:1.75;margin:0}
.about-cta-actions{justify-content:flex-end;min-width:250px}
@media(max-width:960px){.about-hero-grid,.about-story-grid,.about-cta-panel{grid-template-columns:1fr}.about-hero-media{min-height:420px}.about-hero-media img{min-height:420px}.about-pillars{grid-template-columns:1fr}.about-pillar{min-height:0}.about-pillar>span{margin-bottom:24px}.about-cta-actions{justify-content:flex-start}}
@media(max-width:620px){.about-hero{padding-top:38px}.about-hero-copy h1{font-size:clamp(2.5rem,14vw,4.2rem)}.about-hero-media,.about-hero-media img{min-height:340px}.about-prose{padding-left:20px}.about-hero-actions,.about-cta-actions{display:grid}.about-hero-actions .btn,.about-cta-actions .btn{text-align:center}.about-pillar{padding:28px 24px}.about-cta-panel{padding:28px 22px}}
