/* About V2. All editorial layout rules belong to this page. */
#about-page{background:#090909;color:#fff;--ab-orange:#ff731f;--ab-focal:50% 22%;padding-bottom:32px}
#siteContent:has(#about-page)>header{background:linear-gradient(#090909f5,#090909b8);border-bottom-color:#ffffff13}
#siteContent:has(#about-page) .about-brand{display:flex;align-items:center;gap:14px;font:600 12px/1.3 Arial,sans-serif;letter-spacing:2.5px}
#siteContent:has(#about-page) .about-brand img{display:block;flex:none}
#siteContent:has(#about-page) .about-brand b{color:#ff731f;font-weight:500}
#siteContent:has(#about-page)>header .menu{border:0;border-radius:0;background:transparent;color:white}
#about-page .ab-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:680px;height:88dvh;max-height:1000px;padding:calc(var(--mw-site-header-height) + 32px) 24px 42px;overflow:hidden}
#about-page .ab-hero picture{position:absolute;inset:0;z-index:-2}
/* Hero V3: the 25% veil is confined to the original photograph. */
#about-page .ab-hero picture:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25);pointer-events:none}
#about-page .ab-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--ab-focal)}
#about-page .ab-hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#090909 0%,#090909f7 12%,#090909d9 36%,#09090920 66%,#09090920)}
#about-page .ab-hero-copy{width:min(100%,570px)}
#about-page .eyebrow{color:var(--ab-orange);font-size:11px;letter-spacing:2.5px;font-weight:600;margin:0 0 22px}
#about-page h1{font-size:clamp(36px,9vw,58px);font-weight:700;line-height:1.06;letter-spacing:-1.8px;margin:0 0 22px;text-wrap:balance}
#about-page p{font-size:17px;line-height:1.65;color:#cacaca;margin:0 0 22px}
#about-page .ab-hero-copy>p:not(.eyebrow){font-size:16px;max-width:470px;margin-bottom:24px}
#about-page .ab-link{display:inline-flex;align-items:center;gap:28px;min-height:48px;border-bottom:1px solid #ff731f88;font-size:12px;font-weight:600;letter-spacing:1px;color:#fff;padding:10px 0}
#about-page .ab-link span{font-size:23px;color:var(--ab-orange)}
#about-page a:focus-visible{outline:2px solid var(--ab-orange);outline-offset:6px}
#about-page .ab-editorial{width:min(1120px,calc(100% - 48px));margin:auto}
#about-page .ab-block{padding:88px 0;border-bottom:1px solid #ffffff19;scroll-margin-top:calc(var(--mw-site-header-height) + 20px)}
#about-page .ab-kicker{margin-bottom:36px}
#about-page .ab-kicker .eyebrow{display:block;margin-bottom:12px}
#about-page .ab-note{font-size:13px;line-height:1.5;color:#aaa;display:block}
#about-page h2{font:500 clamp(32px,7.8vw,52px)/1.13 Arial,sans-serif;letter-spacing:-1.3px;margin:0 0 32px;text-wrap:balance}
#about-page h2 em{font:italic 400 1.03em/1.13 Georgia,serif;color:var(--ab-orange)}
#about-page .ab-reading{max-width:680px}
#about-page .ab-reading p:last-child{margin-bottom:0}
#about-page .ab-values-grid{display:grid;gap:32px;margin-top:42px}
#about-page .ab-values-grid article{padding-top:22px;border-top:1px solid #ffffff20}
#about-page h3{font-size:25px;letter-spacing:-.5px;font-weight:600;color:var(--ab-orange);margin:0 0 16px}
#about-page .ab-values-grid p{margin:0}
#about-page .ab-proposal{max-width:760px}
#about-page .ab-closing{border:0;max-width:820px}
#about-page .ab-sets{margin-top:44px}
#about-page .ab-sets .eyebrow{display:block;margin-bottom:12px}
#about-page .ab-sets p{font-size:15px;margin-bottom:24px}
#about-page .ab-button{display:inline-flex;justify-content:space-between;align-items:center;gap:36px;background:var(--ab-orange);color:#090909;border-radius:6px;padding:18px 24px;min-height:56px;font-size:16px;font-weight:700}
#about-page .ab-link:hover{border-bottom-color:#ff731f}
#about-page .ab-button:hover{background:#ff9554}
@media(min-width:768px){#about-page .ab-hero{padding-left:max(48px,calc((100vw - 1120px)/2));padding-bottom:72px}#about-page .ab-hero picture{left:34%}#about-page .ab-hero:after{background:linear-gradient(90deg,#090909 10%,#090909ee 35%,#09090970 60%,transparent 85%),linear-gradient(0deg,#090909,transparent 40%)}#about-page .ab-hero-copy{width:54%}#about-page .ab-hero-copy>p:not(.eyebrow){font-size:18px}#about-page .ab-values-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}#about-page .ab-story{display:grid;grid-template-columns:1fr 2fr;gap:64px}#about-page .ab-kicker{padding-top:7px}#about-page .ab-block{padding-top:96px;padding-bottom:96px}}
@media(min-width:1024px){#about-page .ab-hero{align-items:center}#about-page .ab-hero picture{left:45%}#about-page .ab-hero-copy{width:49%}#about-page h1{font-size:58px}#about-page .ab-hero:after{background:linear-gradient(90deg,#090909 8%,#090909f5 35%,#09090955 58%,transparent 85%),linear-gradient(0deg,#090909,transparent 30%)}}
@media(max-width:359px){#about-page .ab-hero{padding-left:20px;padding-right:20px;min-height:710px}#about-page .ab-editorial{width:calc(100% - 40px)}#siteContent:has(#about-page) .about-brand{font-size:10px;letter-spacing:1.5px;gap:10px}}
@media(prefers-reduced-motion:reduce){#about-page *{scroll-behavior:auto;transition:none!important;animation:none!important}}

/* Shared mobile photo bounds, with a wider About crop to balance the Home portrait. */
@media(max-width:767px){
 #about-page .ab-hero{min-height:0;height:auto;max-height:none;padding-top:calc(var(--mw-site-header-height,88px) + clamp(250px,68vw,350px));padding-bottom:32px}
 #about-page .ab-hero picture{top:var(--mw-site-header-height,88px);bottom:auto;height:clamp(430px,118vw,540px)}
 #about-page .ab-hero img{object-fit:contain;object-position:60% 0%;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
 #about-page .ab-hero picture:after{background:linear-gradient(0deg,#090909 0%,transparent 38%),rgba(0,0,0,.25)}
 #about-page .ab-hero:after{background:linear-gradient(0deg,#090909 0%,#090909ee 14%,transparent 58%)}
}

/* Feather the photograph itself so its actual edges dissolve into the page. */
#about-page .ab-hero picture{
 -webkit-mask-image:radial-gradient(ellipse 75% 76% at 50% 38%,#000 40%,transparent 78%);
 mask-image:radial-gradient(ellipse 75% 76% at 50% 38%,#000 40%,transparent 78%);
}
@media(max-width:767px){
 #about-page .ab-hero picture{left:16%;right:auto;width:84%}
 #about-page .ab-hero img{object-fit:cover;object-position:50% 0%;-webkit-mask-image:none;mask-image:none}
}

/* Compact editorial rhythm for the shorter About copy. */
#about-page .ab-block{padding-top:40px;padding-bottom:40px}
#about-page .ab-kicker{margin-bottom:20px}
#about-page h2{margin-bottom:20px}
#about-page .ab-proposal p{margin-bottom:0}
@media(min-width:768px){#about-page .ab-block{padding-top:56px;padding-bottom:56px}}