.about-main{padding-bottom:clamp(75px,10vh,140px)}
.about-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);min-height:clamp(440px,57vh,720px);border:1px solid rgba(230,226,216,.22);background:linear-gradient(105deg,rgba(5,5,5,.97) 0 55%,rgba(10,4,3,.7)),url("assets/store-shopkeeper.jpg") center right/cover no-repeat;box-shadow:0 2vw 5vw rgba(0,0,0,.48)}
.about-hero-copy{display:flex;padding:clamp(34px,5vw,90px);flex-direction:column;justify-content:center}.about-hero h1{margin:0;font-family:var(--display);font-size:clamp(56px,7.6vw,138px);line-height:.75;text-transform:uppercase}.about-hero h1 span{color:var(--red-bright)}.about-tagline{margin:clamp(30px,4vh,54px) 0 0;color:#d8d3ca;font-family:var(--display);font-size:clamp(18px,1.5vw,28px);letter-spacing:.08em;text-transform:uppercase}.about-intro{max-width:680px;margin:18px 0 0;color:var(--muted);font-size:clamp(14px,1vw,19px);line-height:1.75}
.about-hero-art{display:flex;padding:clamp(28px,3vw,52px);align-items:flex-end;justify-content:flex-end;flex-direction:column;text-align:right}.about-monogram{color:rgba(238,233,222,.13);font-family:var(--display);font-size:clamp(78px,9vw,165px);line-height:.7}.about-hero-art p{margin:24px 0 0;color:#b5afa6;font-family:var(--display);font-size:clamp(11px,.8vw,16px);letter-spacing:.16em;line-height:1.5;text-transform:uppercase}
.about-directory{margin-top:clamp(80px,11vh,160px);padding-top:clamp(42px,5vh,72px);border-top:1px solid rgba(230,226,216,.48)}.about-section-heading{display:flex;align-items:end;justify-content:space-between;gap:5vw}.about-section-heading h2,.about-cta h2{margin:0;font-family:var(--display);font-size:clamp(42px,5.3vw,96px);line-height:.82;text-transform:uppercase}.about-section-heading h2{line-height:.9}.about-section-heading>p{max-width:480px;margin:0;color:var(--muted);font-size:clamp(13px,.9vw,17px);line-height:1.7}
.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(38px,5vh,70px);border-top:1px solid rgba(230,226,216,.24);border-left:1px solid rgba(230,226,216,.24)}.about-card{position:relative;min-height:clamp(280px,23vw,430px);padding:clamp(25px,2.5vw,48px);border-right:1px solid rgba(230,226,216,.24);border-bottom:1px solid rgba(230,226,216,.24);background:rgba(4,4,4,.5)}.about-card>span{color:var(--red-bright);font-family:var(--display);font-size:12px;letter-spacing:.14em}.about-card h3{margin:clamp(36px,5vh,70px) 0 0;font-family:var(--display);font-size:clamp(27px,2.3vw,44px);line-height:.9;text-transform:uppercase}.about-card p{margin:22px 0 0;color:var(--muted);font-size:clamp(13px,.88vw,17px);line-height:1.7}.about-card a{position:absolute;right:clamp(25px,2.5vw,48px);bottom:clamp(25px,2.5vw,48px);left:clamp(25px,2.5vw,48px);color:#c6c0b7;font-family:var(--display);font-size:clamp(10px,.68vw,13px);letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:color .2s ease}.about-card a:hover,.about-card a:focus-visible{color:var(--red-bright);outline:none}
.about-cta{display:flex;margin-top:clamp(80px,11vh,150px);padding:clamp(38px,4vw,74px);align-items:end;justify-content:space-between;gap:5vw;border:1px solid rgba(230,226,216,.28);background:linear-gradient(115deg,rgba(189,23,23,.17),rgba(3,3,3,.88) 55%)}.about-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.about-button{padding:16px 20px;border:1px solid rgba(230,226,216,.34);color:#ddd7cd;font-family:var(--display);font-size:clamp(10px,.72vw,14px);letter-spacing:.09em;text-decoration:none;text-transform:uppercase;transition:border-color .2s ease,background .2s ease,transform .2s ease}.about-button:hover,.about-button:focus-visible{border-color:#eee9de;outline:none;transform:translateY(-2px)}.about-button-primary{border-color:var(--red-bright);background:var(--red);color:#fff}.about-button-primary:hover,.about-button-primary:focus-visible{background:var(--red-bright)}
@media(max-width:1050px){.about-hero{grid-template-columns:1fr;min-height:620px}.about-hero-art{display:none}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-section-heading,.about-cta{align-items:flex-start;flex-direction:column}.about-actions{justify-content:flex-start}}
@media(max-width:650px){.about-hero{min-height:520px;background-position:66% center}.about-hero-copy{justify-content:flex-end}.about-grid{grid-template-columns:1fr}.about-card{min-height:300px}.about-cta{padding:30px 24px}.about-actions,.about-button{width:100%}.about-button{text-align:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important}}