.about-hero{position:relative;min-height:92svh;display:flex;align-items:flex-end;overflow:hidden}
.ah-img{position:absolute;inset:0}
.ah-img img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.ah-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,11,11,.55) 0,rgba(12,11,11,0) 22%,rgba(12,11,11,0) 45%,rgba(12,11,11,.94) 88%)}
.ah-copy{position:relative;z-index:2;width:100%;padding-bottom:48px}
.ah-copy h1{font-size:clamp(72px,16vw,200px);margin:10px 0 14px;letter-spacing:-.03em}
.ah-quote{font:italic 400 clamp(20px,2.6vw,30px)/1.3 var(--serif);max-width:24em;color:var(--bone2);margin:0}
@media (min-width:900px){.about-hero{min-height:100vh}.ah-img{left:38%}.ah-img::after{background:linear-gradient(90deg,var(--ink) 0,rgba(12,11,11,0) 35%),linear-gradient(180deg,rgba(12,11,11,.5) 0,rgba(12,11,11,0) 20%,rgba(12,11,11,0) 70%,var(--ink) 100%)}.ah-copy{align-self:center;padding-bottom:0}}
.story{padding-top:90px;padding-bottom:40px}
.story-grid{display:grid;gap:22px;grid-template-columns:1fr 1fr}
.story-text{grid-column:1/-1}
.story-text .big{font:400 clamp(26px,3.6vw,44px)/1.2 var(--serif);margin-bottom:26px}
.story-text p:not(.big){color:var(--bone2);font-size:17px;max-width:36em}
.story figure{margin:0}
.s2{margin-top:60px!important}
@media (min-width:900px){.story-grid{grid-template-columns:1.3fr .55fr .55fr;gap:40px;align-items:start}.story-text{grid-column:auto}.s1{margin-top:90px!important}.s2{margin-top:0!important}}
.pull{margin:90px 0;font:400 clamp(34px,6vw,84px)/1.05 var(--serif);max-width:13em}
.pull em{color:var(--violet)}
.expo{display:grid;gap:24px;align-items:end;padding-bottom:40px}
.expo figure{margin:0;max-width:420px}
@media (min-width:900px){.expo{grid-template-columns:420px 1fr;gap:60px}}
.steps-sec{padding:60px 0 110px}
.steps-sec h2{margin:40px 0 50px}
.proc{list-style:none;margin:0 0 40px;padding:0;display:grid;gap:0}
.proc li{display:grid;grid-template-columns:64px 1fr;gap:12px 18px;padding:28px 0;border-top:1px solid #2a2726}
.proc .n{font:italic 500 34px/1 var(--serif);color:var(--violet)}
.proc h3{font-size:clamp(26px,3vw,38px);margin-bottom:10px}
.proc p{color:var(--bone2);max-width:34em;margin:0}
.proc li img{grid-column:2;width:min(100%,300px);aspect-ratio:4/5;object-fit:cover}
@media (min-width:900px){.proc li{grid-template-columns:110px 1fr 280px;align-items:start}.proc li img{grid-column:3;grid-row:1}}