.about-page { background: #171a17; color: #f7f5ee; overflow: hidden; }
.about-page * { box-sizing: border-box; }
.about-page h1, .about-page h2, .about-page h3, .about-page p { margin: 0; }
.about-wrap { max-width: 1440px; margin: 0 auto; padding-left: clamp(22px, 6vw, 100px); padding-right: clamp(22px, 6vw, 100px); }
.about-hero { min-height: min(740px, 84vh); position: relative; isolation: isolate; background: #20251e; }
.about-hero::before { content: ''; position: absolute; inset: 0; z-index: -2; background-image: var(--about-image); background-size: cover; background-position: center 35%; opacity: .55; filter: grayscale(.43) saturate(.65); }
.about-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#171a17 0%,rgba(23,26,23,.91) 27%,rgba(23,26,23,.46) 73%,rgba(23,26,23,.28)),linear-gradient(0deg,#171a17 0%,transparent 34%,rgba(20,24,20,.35)); }
.about-hero__grain { position: absolute; inset: 0; z-index: -1; background: repeating-linear-gradient(90deg,transparent,transparent 9.8%,rgba(223,193,119,.025) 10%); pointer-events:none; }
.about-hero__content { min-height: min(740px, 84vh); display: flex; flex-direction: column; }
.about-crumb { padding-top: 34px; display:flex; align-items:center; gap:14px; font-size:12px; color:#c1bdad; }
.about-crumb a { color:#bcb9af; text-decoration:none; }
.about-crumb span:last-child { color:#efbb65; }
.about-hero__body { padding: 94px 0 84px; margin-top:auto; max-width: 870px; }
.about-eyebrow, .about-section-tag { display:flex; align-items:center; gap:12px; color:#efbb65; font-size:11px; font-weight:800; letter-spacing:.18em; }
.about-diamond { display:inline-block; width:8px; height:8px; background:#efbb65; transform:rotate(45deg); flex:none; }
.about-eyebrow__rule { display:inline-block; width:34px; height:1px; background:#7c7156; }
.about-page .about-hero h1 { margin: 25px 0 25px; font-size: clamp(55px, 7vw, 110px); line-height:.98; letter-spacing:-.065em; font-weight:800; }
.about-hero h1 em, .about-feature h2 em, .about-cta h2 em { font-style:normal; color:#efbb65; }
.about-page .about-hero p { max-width:630px; color:#d4d1c8; font-size:clamp(16px,1.45vw,20px); line-height:1.7; }
.about-hero__actions { display:flex; align-items:center; flex-wrap:wrap; gap:26px; margin-top:35px; }
.about-button { display:inline-flex; justify-content:space-between; align-items:center; gap:32px; min-height:54px; padding:15px 20px; text-decoration:none !important; font-size:13px; font-weight:800; }
.about-button--gold { min-width:210px; background:#efbb65; color:#1a211a !important; }
.about-button--gold:hover { background:#f8d18e; }
.about-button--text { color:#f2eee3 !important; padding-left:0; border-bottom:1px solid #8e866c; }
.about-hero__footer { width:100%; display:flex; justify-content:space-between; gap:12px; border-top:1px solid #77715b; padding:23px 0 30px; font-size:10px; font-weight:800; letter-spacing:.15em; color:#efbb65; }
.about-hero__footer .about-muted { color:#c8c6bc; margin-left:12px; }
.about-hero__footer .about-diamond { width:6px; height:6px; margin-left:11px; }
.about-story { padding-top:130px; padding-bottom:140px; }
.about-section-tag span { width:38px; height:1px; background:#806c47; }
.about-story__grid { margin-top:38px; display:grid; grid-template-columns:1fr 1fr; gap:clamp(50px,8vw,130px); }
.about-page .about-story h2, .about-page .about-pillars h2, .about-page .about-feature h2, .about-page .about-cta h2 { font-size:clamp(40px,4.4vw,68px); line-height:1.1; letter-spacing:-.055em; font-weight:800; }
.about-story h2 span { color:#efbb65; }
.about-story__copy { max-width:520px; padding-top:10px; }
.about-page .about-story__copy p, .about-page .about-richtext p { color:#babdb4; font-size:16px; line-height:1.9; margin:0 0 22px; }
.about-richtext { color:#babdb4; line-height:1.9; }
.about-richtext * { max-width:100%; }
.about-inline-link { display:inline-flex; gap:35px; margin-top:12px; padding-bottom:9px; border-bottom:1px solid #efbb65; color:#efbb65 !important; font-size:13px; font-weight:800; text-decoration:none !important; }
.about-pillars { border-top:1px solid #383d32; border-bottom:1px solid #383d32; background:#20251f; padding:112px 0 125px; }
.about-pillars__heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin:37px 0 42px; }
.about-page .about-pillars__heading p { max-width:310px; color:#babdb4; font-size:15px; line-height:1.7; }
.about-pillars__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.about-pillar { min-height:340px; display:flex; flex-direction:column; padding:28px; border:1px solid #465041; background:linear-gradient(145deg,#292f28,#242922); transition:transform .2s ease,border-color .2s ease; }
.about-pillar:hover { transform:translateY(-4px); border-color:#a18453; }
.about-pillar__number { color:#efbb65; font-size:10px; font-weight:800; letter-spacing:.16em; }
.about-pillar__symbol { height:90px; display:flex; align-items:center; justify-content:flex-end; color:#d6aa64; font-size:68px; font-weight:200; }
.about-page .about-pillar h3 { font-size:25px; font-weight:800; letter-spacing:-.04em; }
.about-page .about-pillar p { margin:12px 0 24px; color:#b9bdb3; line-height:1.75; font-size:14px; }
.about-pillar a { margin-top:auto; display:flex; justify-content:space-between; color:#efbb65; font-size:12px; font-weight:800; text-decoration:none; }
.about-feature { display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,7vw,115px); align-items:center; padding-top:140px; padding-bottom:140px; }
.about-feature__image { min-height:570px; height:100%; position:relative; overflow:hidden; background:#343c32; }
.about-feature__image::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(16,20,17,.75),transparent 45%),linear-gradient(90deg,rgba(22,26,22,.25),transparent); }
.about-feature__image img { display:block; width:100%; height:100%; position:absolute; inset:0; object-fit:cover; filter:grayscale(.36) saturate(.72); }
.about-feature__image > span { position:absolute; z-index:1; left:32px; bottom:30px; color:#efbb65; font-weight:800; letter-spacing:.16em; font-size:11px; }
.about-feature__body { max-width:530px; }
.about-feature h2 { margin:34px 0 22px; }
.about-page .about-feature__body > p { color:#babdb4; font-size:16px; line-height:1.8; }
.about-feature__steps { margin:33px 0 33px; border-top:1px solid #3c443a; }
.about-feature__steps span { display:flex; align-items:center; gap:22px; padding:16px 0; border-bottom:1px solid #3c443a; color:#e3e3d9; font-size:14px; }
.about-feature__steps b { color:#efbb65; font-size:11px; letter-spacing:.1em; }
.about-button--outline { border:1px solid #a58552; color:#f3e8d5 !important; }
.about-button--outline:hover { background:#a58552; color:#111 !important; }
.about-cta { background:#efbb65; color:#1c211a; }
.about-cta__inner { display:grid; grid-template-columns:1.35fr .65fr; align-items:end; gap:60px; padding-top:88px; padding-bottom:100px; }
.about-cta .about-section-tag { color:#353523; }
.about-cta .about-section-tag span { background:#806743; }
.about-page .about-cta h2 { color:#1c211a; margin-top:27px; }
.about-cta h2 em { color:#745127; }
.about-page .about-cta p { color:#3f4035; font-size:16px; line-height:1.75; }
.about-cta__actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:25px; }
.about-button--dark { background:#1b231c; color:#f5f1e5 !important; min-width:220px; }
.about-button--dark:hover { background:#323b30; }
.about-cta__link { color:#2d3026 !important; font-size:12px; font-weight:800; }
@media (max-width: 900px) {
  .about-hero, .about-hero__content { min-height:660px; }
  .about-hero__body { padding:80px 0 65px; }
  .about-story, .about-feature { padding-top:90px; padding-bottom:90px; }
  .about-story__grid, .about-feature { gap:45px; }
  .about-pillars { padding:85px 0; }
  .about-pillars__grid { gap:8px; }
  .about-pillar { padding:20px; }
  .about-feature__image { min-height:480px; }
  .about-cta__inner { gap:35px; }
}
@media (max-width: 680px) {
  .about-hero, .about-hero__content { min-height:640px; }
  .about-hero::before { background-position:65% center; opacity:.37; }
  .about-hero::after { background:linear-gradient(90deg,#171a17 0%,rgba(23,26,23,.8) 75%,rgba(23,26,23,.6)),linear-gradient(0deg,#171a17,transparent 50%); }
  .about-crumb { padding-top:22px; }
  .about-hero__body { padding:65px 0 55px; }
  .about-page .about-hero h1 { font-size:clamp(51px,12vw,75px); }
  .about-eyebrow { flex-wrap:wrap; font-size:9px; }
  .about-hero__footer { font-size:9px; }
  .about-hero__footer span:last-child { text-align:right; }
  .about-story, .about-feature { padding-top:76px; padding-bottom:76px; }
  .about-story__grid, .about-feature, .about-cta__inner { grid-template-columns:1fr; gap:30px; }
  .about-pillars { padding:74px 0; }
  .about-pillars__heading { display:block; }
  .about-pillars__heading p { margin-top:16px; }
  .about-pillars__grid { grid-template-columns:1fr; gap:10px; }
  .about-pillar { min-height:255px; }
  .about-pillar__symbol { height:55px; font-size:46px; }
  .about-feature__image { min-height:340px; }
  .about-feature__body { padding:10px 0 0; }
  .about-cta__inner { padding-top:70px; padding-bottom:76px; }
}

/* Compact, consistently aligned About page. */
.public-site .about-page{display:flow-root;float:none;width:100%;text-align:left}
.public-site .about-page>section{float:none;clear:both;width:100%;height:auto;margin-left:auto;margin-right:auto}
.public-site .about-page .about-wrap{max-width:1168px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}
.public-site .about-page h1,.public-site .about-page h2,.public-site .about-page h3,.public-site .about-page p{text-align:left}
.public-site .about-page .about-hero,.public-site .about-page .about-hero__content{min-height:0}
.public-site .about-page .about-crumb{padding-top:24px}
.public-site .about-page .about-hero__body{padding:36px 0 32px;margin-top:0;max-width:740px}
.public-site .about-page .about-hero h1{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.045em;margin:18px 0}
.public-site .about-page .about-hero p{font-size:15px;line-height:1.7;max-width:620px}
.public-site .about-page .about-hero__actions{margin-top:22px;gap:20px}
.public-site .about-page .about-button{min-height:44px;padding:12px 16px;border-radius:6px}
.public-site .about-page .about-button--text{padding-left:0;border-radius:0}
.public-site .about-page .about-hero__footer{padding:16px 0 20px}
.public-site .about-page .about-story,.public-site .about-page .about-feature{padding-top:44px;padding-bottom:44px}
.public-site .about-page .about-story__grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;margin-top:24px;align-items:start}
.public-site .about-page .about-story h2,.public-site .about-page .about-pillars h2,.public-site .about-page .about-feature h2,.public-site .about-page .about-cta h2{font-size:clamp(28px,3vw,38px);line-height:1.15;letter-spacing:-.035em}
.public-site .about-page .about-story__copy{padding-top:0;max-width:none}
.public-site .about-page .about-story__copy p,.public-site .about-page .about-richtext p{font-size:14px;line-height:1.75;margin-bottom:16px}
.public-site .about-page .about-pillars{padding:40px 0}
.public-site .about-page .about-pillars__heading{margin:20px 0 24px;align-items:start;gap:32px}
.public-site .about-page .about-pillars__heading p{font-size:14px;max-width:340px}
.public-site .about-page .about-pillar{min-height:0;padding:22px;border-radius:8px}
.public-site .about-page .about-pillar__symbol{height:42px;font-size:36px}
.public-site .about-page .about-pillar h3{font-size:21px}
.public-site .about-page .about-pillar p{font-size:14px;line-height:1.6;margin:12px 0 20px}
.public-site .about-page .about-feature{gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.public-site .about-page .about-feature__image{min-height:340px;border-radius:8px}
.public-site .about-page .about-feature h2{margin:20px 0 16px}
.public-site .about-page .about-feature__body>p{font-size:14px;line-height:1.7}
.public-site .about-page .about-feature__steps{margin:20px 0}
.public-site .about-page .about-feature__steps span{padding:12px 0}
.public-site .about-page .about-cta__inner{padding-top:36px;padding-bottom:40px;gap:40px;align-items:center;grid-template-columns:1fr 1fr}
.public-site .about-page .about-cta h2{margin-top:18px}
.public-site .about-page .about-cta p{font-size:14px;line-height:1.7}
.public-site .about-page .about-cta__actions{margin-top:20px}
.public-site .about-page #our-story{scroll-margin-top:100px}
.public-site .about-page :focus-visible{outline:2px solid #efbb65;outline-offset:4px}
@media(max-width:760px){
 .public-site .about-page .about-wrap{padding-left:20px;padding-right:20px}
 .public-site .about-page .about-story__grid,.public-site .about-page .about-feature,.public-site .about-page .about-cta__inner{grid-template-columns:1fr;gap:24px}
 .public-site .about-page .about-pillars__heading{display:block}
 .public-site .about-page .about-pillars__heading p{margin-top:12px}
 .public-site .about-page .about-pillars__grid{grid-template-columns:1fr;gap:12px}
 .public-site .about-page .about-hero__body{padding:28px 0}
 .public-site .about-page .about-story,.public-site .about-page .about-feature{padding-top:32px;padding-bottom:32px}
 .public-site .about-page .about-pillars{padding:32px 0}
 .public-site .about-page .about-feature__image{min-height:250px}
 .public-site .about-page .about-hero__footer{flex-wrap:wrap;line-height:1.6}
 .public-site .about-page .about-feature__body{padding:0}
}