.about-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:650px;min-height: min(760px,85svh);background:#181313;color:white;overflow:hidden}
.about-hero-photo,.about-feature-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.about-hero-photo{object-position:center 42%}
.about-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,12,12,.94),rgba(30,15,15,.78) 48%,rgba(20,12,12,.3))}
.about-hero-inner{width:min(1280px,100%);margin:auto;padding:88px 32px}
.about-kicker{display:inline-flex;align-items:center;gap:12px;border:1px solid #ffffff40;border-radius:999px;padding:10px 18px;background:#ffffff0d;font-size:14px;font-weight:700}
.about-kicker:before{content:"";width:18px;height:2px;background:#ff9e59}
.about-hero h1{max-width:880px;margin:25px 0;font-family:Manrope,sans-serif;font-size:clamp(40px,5.6vw,76px);font-weight:800;line-height:1.09;letter-spacing:-.04em;text-wrap:balance}
.about-hero h1 span{color:#ffab70}
.about-hero p{max-width:650px;font-size:20px;line-height:1.7;color:#f1e9e9}
.about-hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}
.about-hero-actions a{display:inline-flex;justify-content:center;align-items:center;padding:16px 25px;border-radius:12px;font-weight:700;transition:background .2s}
.about-primary{background:#8b1a1a;border:1px solid #aa3939}
.about-primary:hover{background:#a12525}
.about-secondary{border:1px solid #ffffff80;background:#ffffff09}
.about-secondary:hover{background:#ffffff20}
.about-section-nav{border-bottom:1px solid #e5e5e5;background:white}
.about-section-nav>div{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 32px;max-width:1280px;margin:auto;padding:22px 24px}
.about-section-nav a{font-size:14px;font-weight:700;color:#681919;padding:5px 0}
.about-section-nav a:hover{text-decoration:underline;text-underline-offset:6px}
main section[id]{scroll-margin-top:110px}
.about-feature{position:relative;isolation:isolate;min-height:480px;display:flex;align-items:flex-end;overflow:hidden;background:#171313;color:white}
.about-feature-photo{object-position:center 44%}
.about-feature:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(17,12,12,.96),rgba(17,12,12,.48) 48%,rgba(17,12,12,.04))}
.about-feature-copy{width:min(1280px,100%);margin:auto auto 0;padding:64px 32px}
.about-feature-copy>p:first-child{font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffab70}
.about-feature h2{max-width:750px;font:800 clamp(32px,4vw,52px)/1.15 Manrope,sans-serif;letter-spacing:-.03em;margin:16px 0}
.about-feature-copy>p:last-child{max-width:640px;font-size:18px;line-height:1.7;color:#eee7e7}
.about-hero-actions a:focus-visible,.about-section-nav a:focus-visible{outline:3px solid #ffab70;outline-offset:5px}
@media(max-width:640px){.about-hero{min-height:650px}.about-hero-inner{padding:64px 24px}.about-hero-photo{object-position:62% center}.about-hero:before{background:linear-gradient(90deg,rgba(20,12,12,.91),rgba(20,12,12,.69))}.about-hero p{font-size:18px}.about-hero-actions a{width:100%}.about-section-nav>div{justify-content:flex-start;gap:12px 24px}.about-feature{min-height:480px}.about-feature-photo{object-position:58% center}.about-feature-copy{padding:42px 24px}}
@media(prefers-reduced-motion:reduce){.about-hero-actions a{transition:none}}
.about-hero-photo,.about-feature-photo{opacity:0;transition:opacity 1.4s ease;pointer-events:none}
.about-hero-photo.is-active,.about-feature-photo.is-active{opacity:1}
.slideshow-controls{display:flex;align-items:center;gap:8px;margin-top:28px;width:fit-content;padding:7px;border:1px solid #ffffff50;border-radius:999px;background:#171313a6;color:white}
.slideshow-controls[hidden]{display:none}
.slideshow-controls button{height:40px;min-width:40px;border:0;border-radius:999px;background:transparent;color:white;font:700 14px 'DM Sans',sans-serif;cursor:pointer}
.slideshow-controls button:hover{background:#ffffff26}
.slideshow-controls button:focus-visible{outline:3px solid #ffab70;outline-offset:3px}
.slideshow-controls [data-pause]{padding:0 14px;border-left:1px solid #ffffff40;border-radius:0 999px 999px 0;min-width:72px}
.slideshow-controls [data-counter]{min-width:42px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}
.slideshow-controls svg{width:18px;height:18px;margin:auto;fill:none;stroke:currentColor;stroke-width:2}
.about-feature-copy>p:last-of-type{max-width:640px;font-size:18px;line-height:1.7;color:#eee7e7}
@media(prefers-reduced-motion:reduce){.about-hero-photo,.about-feature-photo{transition:none}}
.about-text-card{position:relative;isolation:isolate;border:1px solid #e6dddd;border-radius:28px;background:white;padding:32px;box-shadow:0 6px 24px #40101006;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease,background-color .35s ease}
.about-text-card:before{content:"";position:absolute;left:32px;top:0;width:48px;height:4px;border-radius:0 0 4px 4px;background:#ff6b00;transform-origin:left;transition:width .4s cubic-bezier(.22,1,.36,1);pointer-events:none}
.about-text-card h3{transition:color .3s ease}
.about-mission-card{background:#8b1a1a;color:white;border-color:#8b1a1a;box-shadow:0 12px 30px #8b1a1a20}
.about-story-card{padding:36px}
.about-value-card{height:100%;padding:30px}
.about-value-number{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#fff0e5;color:#8b1a1a;font:800 16px Manrope,sans-serif;margin-bottom:24px;transition:transform .4s cubic-bezier(.2,.9,.25,1.35),color .3s ease,background-color .3s ease}
.about-text-card:focus-within{border-color:#8b1a1a;box-shadow:0 18px 42px #651a1a18}
@media(hover:hover) and (pointer:fine){
 .about-text-card:hover{transform:translateY(-9px);border-color:#b05238;background:#fffaf7;box-shadow:0 22px 48px #651a1a1c}
 .about-text-card:hover:before{width:calc(100% - 64px)}
 .about-text-card:hover h3{color:#8b1a1a}
 .about-text-card:hover .about-value-number{transform:rotate(-7deg) scale(1.08);background:#ff6b00;color:white}
 .about-mission-card:hover{background:#731414;border-color:#a43c26;box-shadow:0 24px 48px #8b1a1a35}
 .about-mission-card:hover h3{color:#ffbb89}
}
@media(max-width:640px){.about-text-card,.about-story-card,.about-value-card{padding:26px}.about-text-card:before{left:26px}}
@media(prefers-reduced-motion:reduce){.about-text-card,.about-text-card:before,.about-text-card h3,.about-value-number{transition:none}.about-text-card:hover,.about-text-card:hover .about-value-number{transform:none}}
/* Polished About-page details; all text remains visible without JavaScript. */
#purpose,#leadership{background:#fffdfc}
#core-values{background:linear-gradient(135deg,#faf7f6,#f4f5f7)}
#core-values>div>div{gap:24px}
#our-story h2{line-height:1.15;letter-spacing:-.035em}
.about-value-card{padding:34px}
.about-value-card h3{font-size:23px;letter-spacing:-.025em}
.about-value-card p{font-size:16px;line-height:1.8}
.about-value-icon,.about-purpose-icon{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:20px;background:#fff0e8;color:#8b1a1a;margin-bottom:25px;transition:background .3s ease,color .3s ease,transform .4s ease;box-shadow:inset 0 0 0 1px #8b1a1a08}
.about-icon{width:29px;height:29px}
.about-value-index{position:absolute;top:38px;right:32px;font:800 14px Manrope,sans-serif;color:#bcb0ad;letter-spacing:.1em}
.about-mission-card .about-purpose-icon{background:#ffffff16;color:#ffbb89;box-shadow:inset 0 0 0 1px #ffffff20}
.about-primary,.about-secondary,.about-quote-button,.about-phone-button{position:relative;overflow:hidden;gap:12px;align-items:center;justify-content:center;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.button-icon{width:21px;height:21px;flex:none;transition:transform .35s cubic-bezier(.2,.9,.25,1.35)}
.about-primary:before,.about-quote-button:before{content:"";position:absolute;inset:-50% auto -50% -60%;width:35%;background:linear-gradient(90deg,transparent,#ffffff25,transparent);transform:skewX(-22deg);pointer-events:none}
.slideshow-controls button{transition:background .2s ease,transform .2s ease}
.slideshow-controls button:active{transform:scale(.93)}
.about-section-nav a{position:relative;transition:color .2s ease}
.about-section-nav a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#ff6b00;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.about-section-nav a:hover{text-decoration:none;color:#8b1a1a}
.about-section-nav a:hover:after,.about-section-nav a:focus-visible:after{transform:scaleX(1)}
.about-entered{animation:aboutCardEnter .6s ease both}
@keyframes aboutCardEnter{from{opacity:.3;filter:blur(3px)}to{opacity:1;filter:blur(0)}}
@keyframes aboutButtonShine{to{left:135%}}
@keyframes aboutIconBounce{0%,100%{transform:translateY(0)}40%{transform:translateY(-4px)}70%{transform:translateY(1px)}}
@media(hover:hover) and (pointer:fine){
 .about-text-card:hover .about-value-icon{background:#8b1a1a;color:white;transform:rotate(-5deg)}
 .about-text-card:hover .about-icon{animation:aboutIconBounce .65s ease both}
 .about-text-card:hover .icon-detail{stroke:#ff9e59}
 .about-primary:hover,.about-secondary:hover,.about-quote-button:hover,.about-phone-button:hover{transform:translateY(-3px);box-shadow:0 12px 26px #00000026}
 .about-primary:hover:before,.about-quote-button:hover:before{animation:aboutButtonShine .7s ease}
 .about-primary:hover .button-icon{transform:rotate(12deg) scale(1.1)}
 .about-secondary:hover .button-icon,.about-quote-button:hover .button-icon{transform:translateY(-2px) rotate(-5deg)}
}
.about-primary:active,.about-secondary:active,.about-quote-button:active,.about-phone-button:active{transform:translateY(1px) scale(.98)}
@media(max-width:640px){.about-value-card{padding:28px}.about-value-index{right:26px;top:34px}.about-section-nav>div{gap:12px 22px}.about-value-card h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.about-entered,.about-text-card:hover .about-icon,.about-primary:hover:before,.about-quote-button:hover:before{animation:none}.about-value-icon,.about-purpose-icon,.button-icon,.about-primary,.about-secondary,.about-quote-button,.about-phone-button,.about-section-nav a,.about-section-nav a:after,.slideshow-controls button{transition:none}.about-text-card:hover .about-value-icon,.about-primary:hover,.about-secondary:hover,.about-quote-button:hover,.about-phone-button:hover,.about-primary:active,.about-secondary:active,.about-quote-button:active,.about-phone-button:active,.about-primary:hover .button-icon,.about-secondary:hover .button-icon,.about-quote-button:hover .button-icon,.slideshow-controls button:active{transform:none}}