/* About page: the approved ivory composition, scoped away from all other pages. */
.about-page{--about-ivory:#faf6f2;--about-ink:#302832;--about-muted:#514a4d;background:var(--about-ivory);color:var(--about-ink)}
.about-page .interior-header{background:var(--about-ivory);border:0;padding-inline:4%;position:relative}
.about-page main{overflow:hidden}
.about-page .about-shell{width:88.5%;max-width:1440px;margin-inline:auto}
.about-page .section-label{color:#751239;font-size:11px;letter-spacing:.16em;line-height:1.6;margin:0 0 24px}
.about-page h1,.about-page h2{color:var(--about-ink);letter-spacing:-.04em;font-family:Georgia,'Times New Roman',serif;font-weight:400}
.about-page p:not(.section-label){font-size:16px;line-height:1.8;margin:0 0 20px;color:var(--about-muted)}
.about-page .about-opening{position:relative;isolation:isolate}
.about-page .about-hero{position:relative;padding:90px 0 60px;min-height:680px;isolation:isolate}
.about-page .about-hero-copy{position:relative;z-index:2;width:44%;max-width:620px;isolation:isolate}
.about-page .about-hero-copy::before{content:"";position:absolute;inset:-20px -35px -20px -15px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,var(--about-ivory) calc(100% - 35px),transparent)}
.about-page .about-hero h1{font-size:clamp(46px,4.6vw,70px);line-height:1.08;margin:0 0 32px}
.about-page .about-hero-copy p:not(.section-label){font-size:16px;line-height:1.8;max-width:570px}
.about-page .about-hero-art{position:absolute;z-index:0;right:0;top:15px;width:76%;height:auto;max-width:1500px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%),linear-gradient(180deg,transparent,#000 7%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 30%),linear-gradient(180deg,transparent,#000 7%,#000 90%,transparent);mask-composite:intersect}
.about-page .about-story{position:relative;padding:35px 0 85px;scroll-margin-top:32px}
.about-page .about-story-grid{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:center;gap:75px}
.about-page .about-story-copy{position:relative;z-index:2}
.about-page .about-story h2{font-size:clamp(36px,3.4vw,52px);line-height:1.1;max-width:470px;margin:0 0 30px}
.about-page .about-story-figure{margin:0;min-width:0;position:relative;z-index:0}
.about-page .about-story-figure img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover;border-radius:24px}
.about-page .about-story-extension{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}
@media(max-width:800px){.about-page .about-story-extension{display:none}}
.about-page .about-story-emphasis{font-family:Georgia,'Times New Roman',serif;font-size:22px!important;line-height:1.5!important;color:#751239!important;margin-top:28px!important;margin-bottom:0!important}
.about-page .about-panel{position:relative;width:93%;max-width:1520px;margin:0 auto 60px;border-radius:28px;background:linear-gradient(120deg,#f1e9e3,#f4eeea 70%,#f1e9e3)}
.about-page .about-values{padding:38px;background:linear-gradient(120deg,#f3efea,#f4eeea)}
.about-page .about-values-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.34fr);align-items:center;gap:38px}
.about-page .about-values h2{font-size:clamp(30px,2.6vw,40px);line-height:1.12;margin:0 0 22px}
.about-page .about-values-intro>p:not(.section-label){font-size:14px;line-height:1.8;margin-bottom:0;max-width:500px}
.about-page .about-values .section-label{margin-bottom:20px}
.about-page .about-values-interactive{min-width:0}
.about-page .about-value-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.about-page .about-value-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-width:0;min-height:170px;padding:22px 10px 19px;border:1px solid transparent;border-radius:19px;background:#faf7f2;color:var(--about-ink);font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.4;text-align:center;cursor:pointer;box-shadow:0 12px 30px #4d343708;transition:transform .25s ease,background .25s ease,border-color .25s ease}
.about-page .about-value-card svg{width:32px;height:32px;flex-shrink:0;color:#751239}
.about-page .about-value-card:hover{transform:translateY(-3px);background:#fffaf6}
.about-page .about-value-card[aria-expanded="true"]{border-color:#b897a5;background:#fffaf6}
.about-page .about-value-panel{padding:24px 10px 0;max-width:750px}
.about-page .about-value-panel p{font-size:15px;margin:0;line-height:1.8}
.about-page .about-value-panel[hidden]{display:none}
.about-page .about-value-card:focus-visible{outline:2px solid #751239;outline-offset:3px}
.about-page .about-ahead{padding:50px 40px;isolation:isolate;overflow:hidden}
.about-page .about-ahead-copy{position:relative;z-index:2;width:43%;max-width:580px}
.about-page .about-ahead h2{font-size:clamp(32px,3vw,46px);line-height:1.12;margin:0 0 26px}
.about-page .about-ahead-copy>p:not(.section-label){font-size:15px;line-height:1.8}
.about-page .about-ahead .button{margin-top:8px;min-height:48px;padding-inline:26px;font-size:13px}
.about-page .about-world-map{position:absolute;right:-1%;top:50%;transform:translateY(-50%);width:60%;height:auto;z-index:0;mask-image:linear-gradient(90deg,transparent,#000 12%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%)}
.about-page .interior-footer{background:transparent;border-top:1px solid #d8d0ca;color:var(--about-ink);margin:0 4%;padding:28px 0 35px}
.about-page .interior-footer a{color:var(--about-ink)}
.about-page .interior-footer a:first-child{font-size:24px;letter-spacing:-.04em;color:#751239}
@media(min-width:1600px){.about-page .about-hero{min-height:760px}.about-page .about-hero-art{top:0}}
@media(max-width:1100px){
  .about-page .about-hero{padding-top:65px;min-height:640px}
  .about-page .about-hero-copy{width:45%}
  .about-page .about-hero-art{top:50px}
  .about-page .about-hero h1{font-size:48px}
  .about-page p:not(.section-label),.about-page .about-hero-copy p:not(.section-label){font-size:15px;line-height:1.8}
  .about-page .about-story-grid{gap:45px}
  .about-page .about-values{padding:30px}
  .about-page .about-values-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:25px}
  .about-page .about-value-controls{gap:7px}
  .about-page .about-value-card{padding:18px 7px;min-height:132px;font-size:11px;gap:17px;border-radius:16px}
  .about-page .about-ahead{padding:40px 30px}
  .about-page .about-ahead-copy{width:45%}
}
@media(max-width:800px){
  .about-page .about-hero{padding:45px 0 25px;min-height:0}
  .about-page .about-hero-copy{width:100%;max-width:650px}
  .about-page .about-hero h1{max-width:650px;font-size:clamp(43px,7vw,56px)}
  .about-page .about-hero-copy p:not(.section-label){max-width:650px;font-size:16px}
  .about-page .about-hero-art{position:relative;right:auto;top:auto;display:block;width:100%;max-width:none;margin:15px 0 0;mask-image:none;-webkit-mask-image:none}
  .about-page .about-story{padding:35px 0 55px}
  .about-page .about-story-grid{grid-template-columns:1fr;align-items:start;gap:35px}
  .about-page .about-story h2{max-width:600px;font-size:42px}
  .about-page .about-story-copy{max-width:650px}
  .about-page .about-story-figure img{border-radius:20px}
  .about-page .about-panel{margin-bottom:35px;border-radius:24px}
  .about-page .about-values-layout{grid-template-columns:1fr;gap:28px}
  .about-page .about-values h2{font-size:36px;max-width:580px}
  .about-page .about-values-intro>p:not(.section-label){max-width:650px;font-size:15px}
  .about-page .about-value-card{font-size:12px;min-height:150px}
  .about-page .about-ahead-copy{width:100%;max-width:650px}
  .about-page .about-ahead h2{font-size:40px;max-width:620px}
  .about-page .about-world-map{position:relative;right:auto;top:auto;display:block;transform:none;width:100%;margin:25px 0 -8px;mask-image:none;-webkit-mask-image:none}
}
@media(max-width:500px){
  .about-page .about-hero{padding-top:35px}
  .about-page .about-hero h1{font-size:43px;margin-bottom:26px}
  .about-page .section-label{font-size:10px;letter-spacing:.14em;margin-bottom:20px}
  .about-page .about-hero-copy p:not(.section-label),.about-page p:not(.section-label){font-size:15px;line-height:1.8}
  .about-page .about-story{padding-top:25px}
  .about-page .about-story h2{font-size:36px;margin-bottom:26px}
  .about-page .about-story-emphasis{font-size:21px!important}
  .about-page .about-story-figure img{border-radius:16px}
  .about-page .about-values{padding:28px 20px}
  .about-page .about-values h2{font-size:32px}
  .about-page .about-value-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .about-page .about-value-card{min-height:138px;padding:20px 12px;gap:17px;font-size:13px}
  .about-page .about-value-card:last-child{grid-column:1/-1}
  .about-page .about-value-panel{padding:22px 0 0}
  .about-page .about-ahead{padding:32px 24px}
  .about-page .about-ahead h2{font-size:34px}
  .about-page .about-world-map{width:110%;max-width:none;margin-left:-5%;margin-top:28px}
  .about-page .interior-footer{gap:20px;align-items:center;margin-inline:6%;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.about-page .about-value-card{transition:none}.about-page .about-value-card:hover{transform:none}}