/* ROC About — narrative page layers */
.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 97%,transparent);backdrop-filter:blur(14px)}
.desktop-nav a.is-active{color:var(--gold-hi)}
.desktop-nav a.is-active:after{transform:scaleX(1)}
.mobile-sheet nav a.is-active{color:var(--gold-hi)}
.about-page{background:var(--bg);color:var(--ink);overflow:hidden}
.about-page section{scroll-margin-top:88px}
.about-hero{min-height:690px;position:relative;isolation:isolate;display:flex;align-items:stretch;border-bottom:1px solid var(--line);overflow:hidden}
.about-hero__visual{position:absolute;inset:0;z-index:-2;background:var(--bg);overflow:hidden}
.about-theme-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .55s ease,filter .55s ease}
.about-theme-image--night{opacity:1}
.about-theme-image--day{opacity:0}
html[data-theme="light"] .about-theme-image--night{opacity:0}
html[data-theme="light"] .about-theme-image--day{opacity:1}
.about-hero__visual:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,7,8,.98) 0%,rgba(5,7,8,.91) 23%,rgba(5,7,8,.56) 42%,rgba(5,7,8,.1) 69%,rgba(5,7,8,.2) 100%)}
html[data-theme="light"] .about-hero__visual:after{background:linear-gradient(90deg,rgba(246,243,236,.99) 0%,rgba(246,243,236,.92) 23%,rgba(246,243,236,.53) 42%,rgba(246,243,236,.04) 71%,rgba(246,243,236,.09) 100%)}
.about-hero__content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:690px;padding-top:50px;padding-bottom:50px}
.about-hero h1{max-width:650px;font-family:var(--display);font-size:clamp(3.65rem,5.8vw,6.25rem);font-weight:500;letter-spacing:-.055em;line-height:.92;margin:0;color:#f8f5ed}
.about-hero h1 em,.about-principles h2 em,.about-commitment h2 em{font-style:normal;color:var(--gold-hi)}
.about-hero .lede{max-width:555px;margin:28px 0 30px;color:#d3d1cb;font-size:1.04rem;line-height:1.52}
.about-hero .eyebrow{margin-bottom:25px}
.about-hero__words{position:absolute;right:clamp(24px,7vw,108px);bottom:74px;margin:0;color:rgba(247,244,237,.82);font-size:.63rem;line-height:2.25;letter-spacing:.3em;text-align:left;z-index:2}
html[data-theme="light"] .about-hero h1{color:#151718}
html[data-theme="light"] .about-hero .lede{color:#3e403e}
html[data-theme="light"] .about-hero__words{color:#383936}
.about-pillars{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 48%,transparent)}
.about-pillars article{min-height:145px;padding:32px clamp(22px,3.3vw,54px);display:flex;gap:22px;align-items:center;border-right:1px solid var(--line);transition:background .25s ease,transform .25s ease}
.about-pillars article:first-child{padding-left:max(22px,calc((100vw - 1380px)/2))}
.about-pillars article:last-child{border-right:0;padding-right:max(22px,calc((100vw - 1380px)/2))}
.about-pillars article:hover{background:color-mix(in srgb,var(--gold) 7%,var(--surface));transform:translateY(-2px)}
.about-pillars article>i{flex:none;color:var(--gold-hi);font-size:2.2rem;font-style:normal;line-height:1}
.about-pillars b,.about-purpose__principles b{display:block;margin-bottom:9px;color:var(--gold);font-size:.63rem;letter-spacing:.21em;line-height:1.35}
.about-pillars p,.about-purpose__principles p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.45}
.about-purpose{display:grid;grid-template-columns:minmax(260px,.93fr) minmax(300px,1fr) minmax(260px,.85fr);gap:clamp(30px,5vw,80px);align-items:center;padding-top:120px;padding-bottom:120px;border-bottom:1px solid var(--line)}
.about-purpose__copy h2{margin-bottom:25px}
.about-purpose__copy>p:not(.eyebrow){max-width:470px;color:var(--muted);line-height:1.6;margin:0 0 28px}
.about-purpose__principles{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--gold);padding-left:30px}
.about-purpose__principles article{min-height:126px;padding:10px 22px 22px 0;border-bottom:1px solid var(--line)}
.about-purpose__principles article:nth-child(odd){border-right:1px solid var(--line);padding-right:24px}
.about-purpose__principles article:nth-child(even){padding-left:24px}
.about-purpose__principles article:nth-last-child(-n+2){border-bottom:0;padding-top:25px}
.about-map{position:relative;width:100%;max-width:410px;aspect-ratio:1;margin:0 auto;display:grid;place-items:center}
.about-map img{object-fit:contain!important;padding:4px;filter:drop-shadow(0 16px 26px rgba(0,0,0,.24))}
.about-map figcaption{position:absolute;right:-16px;bottom:14%;padding-left:15px;border-left:2px solid var(--gold);color:var(--muted);font-size:.59rem;letter-spacing:.28em;line-height:1.95}
.about-story{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.92fr);min-height:570px;border-bottom:1px solid var(--line);background:var(--surface)}
.about-story__visual{position:relative;min-height:570px;overflow:hidden}
.about-story__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,var(--surface) 100%)}
.about-story__copy{display:flex;flex-direction:column;justify-content:center;padding:80px clamp(28px,6vw,110px) 80px clamp(20px,2vw,40px);position:relative;z-index:1}
.about-story__copy h2{max-width:500px;margin-bottom:23px}
.about-story__copy>p:not(.eyebrow){max-width:560px;margin:0;color:var(--muted);font-size:1rem;line-height:1.62}
.about-story__words{position:absolute;right:5%;bottom:54px;margin:0;padding-left:16px;border-left:2px solid var(--gold);color:var(--muted);font-size:.59rem;letter-spacing:.3em;line-height:2.1;z-index:2}
html[data-theme="light"] .about-story__visual:after{background:linear-gradient(90deg,transparent 55%,var(--surface) 100%)}
.about-principles{display:grid;grid-template-columns:minmax(240px,.76fr) 1.7fr;gap:clamp(30px,6vw,100px);padding-top:100px;padding-bottom:100px;border-bottom:1px solid var(--line)}
.about-principles__intro h2{font-size:clamp(2.7rem,4.4vw,4.7rem)}
.about-principles__grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line)}
.about-principles__grid article{min-height:190px;padding:0 22px;border-right:1px solid var(--line)}
.about-principles__grid article:last-child{border-right:0}
.about-principles__grid strong{display:block;color:var(--gold-hi);font-family:var(--display);font-size:2.35rem;font-weight:500;line-height:1;margin-bottom:23px}
.about-principles__grid h3{font-size:1rem;margin:0 0 9px}
.about-principles__grid p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.5}
.about-commitment{position:relative;min-height:380px;overflow:hidden;border-bottom:1px solid var(--line);background:var(--surface)}
.about-commitment__inner{min-height:380px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;position:relative;z-index:1}
.about-commitment h2{font-size:clamp(2.7rem,4vw,4.35rem)}
.about-commitment__copy{max-width:420px;color:var(--muted);line-height:1.6}
.about-commitment__copy p{margin:0 0 25px}
.about-commitment__visual{height:100%;min-height:380px;position:relative;overflow:hidden;background:linear-gradient(112deg,transparent 0 22%,rgba(197,161,93,.06) 23%,transparent 24%),linear-gradient(70deg,transparent 0 47%,rgba(197,161,93,.11) 48%,transparent 49%),linear-gradient(90deg,transparent,#171512)}
.about-commitment__visual:before,.about-commitment__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 42%,rgba(229,191,107,.25) 42.2%,transparent 42.8%),linear-gradient(75deg,transparent 0 65%,rgba(229,191,107,.12) 65.2%,transparent 66%);opacity:.65}
html[data-theme="light"] .about-commitment__visual{background:linear-gradient(112deg,transparent 0 22%,rgba(141,109,53,.08) 23%,transparent 24%),linear-gradient(70deg,transparent 0 47%,rgba(141,109,53,.14) 48%,transparent 49%),linear-gradient(90deg,transparent,#e7dfcf)}
html[data-theme="light"] .about-commitment__visual:before,html[data-theme="light"] .about-commitment__visual:after{opacity:.42}
.about-page .button{min-height:48px}
.about-page a:focus-visible,.about-page button:focus-visible{outline:2px solid var(--gold-hi);outline-offset:4px}
@media(max-width:1100px){
  .about-hero,.about-hero__content{min-height:640px}
  .about-purpose{grid-template-columns:1fr 1fr;gap:42px;padding-top:90px;padding-bottom:90px}
  .about-map{grid-column:1/-1;max-width:300px;margin-top:8px}
  .about-purpose__principles{padding-left:24px}
  .about-story{grid-template-columns:1fr 1fr}
  .about-story__visual{min-height:520px}
  .about-story__copy{padding-right:42px}
  .about-commitment__inner{grid-template-columns:1fr 1fr;gap:36px}
  .about-commitment__visual{display:none}
}
@media(max-width:820px){
  .about-hero,.about-hero__content{min-height:620px}
  .about-hero__content{padding-top:74px;padding-bottom:74px}
  .about-hero h1{font-size:clamp(3.35rem,9vw,5.2rem);max-width:590px}
  .about-hero .lede{max-width:500px;font-size:1rem}
  .about-hero__words{right:28px;bottom:40px;font-size:.55rem}
  .about-pillars{grid-template-columns:1fr 1fr}
  .about-pillars article,.about-pillars article:first-child,.about-pillars article:last-child{padding:26px 24px;min-height:132px}
  .about-pillars article:nth-child(2){border-right:0}
  .about-pillars article:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .about-purpose{grid-template-columns:1fr;padding-top:76px;padding-bottom:76px}
  .about-purpose__principles{max-width:620px}
  .about-map{grid-column:auto;max-width:320px;margin:0 auto}
  .about-story{grid-template-columns:1fr;display:flex;flex-direction:column}
  .about-story__visual{min-height:360px;order:0}
  .about-story__visual:after{background:linear-gradient(180deg,transparent 50%,var(--surface) 100%)}
  .about-story__copy{padding:22px 24px 74px;order:1}
  .about-story__words{right:24px;bottom:25px}
  .about-principles{grid-template-columns:1fr;gap:48px;padding-top:76px;padding-bottom:76px}
  .about-principles__grid{grid-template-columns:1fr 1fr;row-gap:28px}
  .about-principles__grid article:nth-child(2){border-right:0}
  .about-principles__grid article:nth-child(-n+2){padding-bottom:24px;border-bottom:1px solid var(--line)}
  .about-principles__grid article:nth-child(3),.about-principles__grid article:nth-child(4){padding-top:4px}
  .about-commitment__inner{grid-template-columns:1fr;min-height:0;padding-top:76px;padding-bottom:76px}
}
@media(max-width:600px){
  .about-page section{scroll-margin-top:68px}
  .about-hero{min-height:620px}
  .about-hero__visual{inset:0 0 auto;height:100%}
  .about-hero__visual:after{background:linear-gradient(180deg,rgba(5,7,8,.42) 0%,rgba(5,7,8,.74) 37%,rgba(5,7,8,.98) 84%)}
  html[data-theme="light"] .about-hero__visual:after{background:linear-gradient(180deg,rgba(246,243,236,.18) 0%,rgba(246,243,236,.64) 39%,rgba(246,243,236,.98) 84%)}
  .about-hero__content{min-height:620px;padding-top:82px;padding-bottom:64px;justify-content:flex-end}
  .about-hero .eyebrow{margin-bottom:20px;font-size:.63rem}
  .about-hero h1{font-size:clamp(3.15rem,14vw,4.6rem);line-height:.94}
  .about-hero .lede{font-size:.94rem;margin:23px 0 26px}
  .about-hero__words{display:none}
  .about-pillars{grid-template-columns:1fr}
  .about-pillars article,.about-pillars article:first-child,.about-pillars article:last-child{min-height:110px;padding:22px 20px;border-right:0;border-bottom:1px solid var(--line)}
  .about-pillars article:last-child{border-bottom:0}
  .about-pillars article>i{font-size:1.9rem}
  .about-pillars p{font-size:.83rem}
  .about-purpose{padding-top:68px;padding-bottom:68px;gap:36px}
  .about-purpose__copy h2{font-size:clamp(2.7rem,13vw,4rem)}
  .about-purpose__copy>p:not(.eyebrow){font-size:.95rem}
  .about-purpose__principles{grid-template-columns:1fr;padding-left:18px}
  .about-purpose__principles article,.about-purpose__principles article:nth-child(odd),.about-purpose__principles article:nth-child(even){padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}
  .about-purpose__principles article:nth-last-child(-n+2){padding-top:18px;border-bottom:1px solid var(--line)}
  .about-purpose__principles article:last-child{border-bottom:0}
  .about-map{max-width:270px}
  .about-map figcaption{right:-4px;bottom:8%;font-size:.52rem}
  .about-story__visual{min-height:300px}
  .about-story__copy{padding:18px 20px 68px}
  .about-story__copy h2{font-size:clamp(2.6rem,12vw,3.8rem)}
  .about-story__copy>p:not(.eyebrow){font-size:.94rem}
  .about-story__words{right:20px;font-size:.52rem}
  .about-principles{padding-top:68px;padding-bottom:68px;gap:36px}
  .about-principles__grid{grid-template-columns:1fr;border-left:0}
  .about-principles__grid article,.about-principles__grid article:nth-child(2),.about-principles__grid article:nth-child(3),.about-principles__grid article:nth-child(4){min-height:0;padding:20px 0 24px;border-right:0;border-bottom:1px solid var(--line)}
  .about-principles__grid article:last-child{border-bottom:0}
  .about-principles__grid strong{font-size:2.1rem;margin-bottom:13px}
  .about-commitment__inner{padding-top:68px;padding-bottom:68px}
  .about-commitment h2{font-size:clamp(2.7rem,12.5vw,4rem)}
}
@media(prefers-reduced-motion:reduce){.about-theme-image{transition:none}}