/* Study Wild / O nas — complete editorial redesign v11.
   Loaded after legacy styles; scoped to this page only. No scroll interception. */
.page-o-nas{background:var(--paper)}
.page-o-nas .about-hero-v11{position:relative;min-height:100svh;max-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 75% 45%,#203328 0%,transparent 48%),#101913;color:#fffdf7}
.page-o-nas .about-hero-v11:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(240,201,91,.15) 50%,transparent calc(50% + .5px)),linear-gradient(rgba(240,201,91,.055) 1px,transparent 1px);background-size:100% 100%,100% 25%;}
.page-o-nas .about-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:center;gap:clamp(65px,9vw,175px);padding-top:120px;padding-bottom:100px}
.page-o-nas .about-hero-primary{max-width:910px;min-width:0}
.page-o-nas .about-hero-eyebrow{color:var(--gold2);margin-bottom:clamp(26px,4svh,43px)}
.page-o-nas .about-hero-eyebrow span{display:inline-block;margin:0 10px;color:rgba(255,255,255,.4)}
.page-o-nas .about-hero-primary h1{font:400 clamp(66px,7.1vw,122px)/.89 var(--serif);letter-spacing:-.054em;margin:0;max-width:10.6ch;text-wrap:balance}
.page-o-nas .about-hero-primary h1 em{font-weight:400;color:var(--gold2)}
.page-o-nas .about-hero-primary>p{font-size:clamp(16px,1.15vw,19px);line-height:1.7;max-width:610px;color:#bfcbbf;margin:clamp(22px,3vw,38px) 0 30px}
.page-o-nas .about-hero-link{display:inline-flex;align-items:center;gap:50px;border-bottom:1px solid var(--gold);padding:0 0 12px;color:var(--white);font-weight:700;font-size:13px;letter-spacing:.02em;transition:gap .3s ease,color .2s}
.page-o-nas .about-hero-link:hover{gap:60px;color:var(--gold2)}
.page-o-nas .about-hero-link span{color:var(--gold2);font-size:23px;line-height:1}
.page-o-nas .about-hero-aside{border-left:1px solid rgba(240,201,91,.35);padding-left:clamp(24px,3vw,48px);align-self:center;min-width:0}
.page-o-nas .about-hero-aside-top{display:flex;gap:15px;align-items:center;color:var(--gold2);font:400 28px/1 var(--serif)}
.page-o-nas .about-aside-rule{display:block;flex:1;height:1px;background:rgba(240,201,91,.3)}
.page-o-nas .about-hero-aside p{font:400 clamp(24px,2.3vw,38px)/1.13 var(--serif);margin:38px 0 46px;color:#e4e8df;max-width:16ch}
.page-o-nas .about-hero-index{display:flex;flex-direction:column;gap:0}
.page-o-nas .about-hero-index a{display:flex;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.15);padding:14px 0;font-size:12px;font-weight:650;transition:color .2s}
.page-o-nas .about-hero-index a:last-child{border-bottom:1px solid rgba(255,255,255,.15)}
.page-o-nas .about-hero-index a:hover{color:var(--gold2)}
.page-o-nas .about-hero-index a span:first-child{font:400 22px/1 var(--serif);color:var(--gold2)}
.page-o-nas .about-hero-index a span:last-child{margin-left:auto;color:var(--gold2);font-size:17px}
.page-o-nas .about-hero-bottom{position:absolute;left:50%;bottom:31px;transform:translateX(-50%);width:min(1460px,calc(100% - 80px));display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.16);padding-top:15px;color:#93a094;text-transform:uppercase;font-size:9px;letter-spacing:.17em}
/* Story: preserve the complete original portrait, no background cover or clipping. */
.page-o-nas .about-story-v11{background:var(--paper);padding:clamp(75px,8vw,130px) 0 clamp(85px,9vw,142px)}
.page-o-nas .about-story-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(30px,6vw,95px);align-items:end;padding-bottom:clamp(35px,5vw,65px)}
.page-o-nas .about-story-heading .eyebrow{color:#947324;margin-bottom:22px}
.page-o-nas .about-story-heading h2{font:400 clamp(56px,6.5vw,100px)/.9 var(--serif);letter-spacing:-.055em;max-width:11ch;margin:0;text-wrap:balance}
.page-o-nas .about-story-heading h2 em{font-weight:400;color:#9a7429}
.page-o-nas .about-story-heading>p{font-size:clamp(16px,1.3vw,20px);color:#57645a;max-width:390px;line-height:1.65;margin:0 0 7px}
.page-o-nas .about-story-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(40px,7.5vw,130px);align-items:start;border-top:1px solid rgba(16,25,19,.18);padding-top:clamp(42px,5vw,70px)}
.page-o-nas .about-story-photo{margin:0;min-width:0}
.page-o-nas .about-story-photo img{width:100%;height:auto;max-height:none;aspect-ratio:3/4;object-fit:contain;object-position:center;display:block;filter:none}
.page-o-nas .about-story-photo figcaption{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:17px 0;color:#737b70;font-size:10px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}
.page-o-nas .about-story-photo figcaption span:first-child{color:#98752b;font-weight:700}
.page-o-nas .about-story-copy{min-width:0;color:#48544b;font-size:clamp(16px,1.2vw,19px);line-height:1.81;padding:0}
.page-o-nas .about-story-copy p{margin:0 0 25px}
.page-o-nas .about-story-copy p:first-child{font-size:clamp(19px,1.42vw,23px);color:var(--ink);line-height:1.6}
.page-o-nas .about-story-copy p:first-child::first-letter{float:none;font:inherit;margin:0;color:inherit}
.page-o-nas .about-story-copy .btn-ink{margin-top:22px}
/* A compact dark section connecting narrative with existing full-viewport profiles. */
.page-o-nas .about-team-lead-v11{background:#142219;color:var(--white);padding:clamp(78px,8vw,120px) 0 clamp(65px,7vw,110px)}
.page-o-nas .about-team-lead-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(35px,7vw,110px);align-items:end}
.page-o-nas .about-team-lead-v11 .eyebrow{color:var(--gold2);margin-bottom:26px}
.page-o-nas .about-team-lead-v11 h2{font:400 clamp(58px,6.4vw,100px)/.89 var(--serif);letter-spacing:-.05em;max-width:12ch;margin:0;text-wrap:balance}
.page-o-nas .about-team-lead-v11 h2 em{color:var(--gold2);font-weight:400}
.page-o-nas .about-team-lead-aside{border-top:1px solid rgba(240,201,91,.43);padding-top:19px}
.page-o-nas .about-team-count{display:flex;align-items:baseline;gap:14px;font:400 clamp(64px,6vw,94px)/1 var(--serif);color:var(--gold2)}
.page-o-nas .about-team-count span{font:700 10px/1 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:#b2baaf}
.page-o-nas .about-team-lead-aside p{font-size:clamp(15px,1.2vw,19px);line-height:1.7;color:#b7c4b9;max-width:440px;margin:19px 0 0}
/* Profile strips: remove v10 framed cards and restore the original 50/50 alternation. */
.page-o-nas .about-team-directory{background:var(--paper);padding:0 0 0}
.page-o-nas .about-team-directory>.container{width:100%;max-width:none}
.page-o-nas .about-team-directory .filter-bar{width:min(1460px,calc(100% - 80px));margin:0 auto;padding:25px 0;position:relative;z-index:3}
.page-o-nas .about-team-directory .profile-list{display:flex;flex-direction:column;gap:0}
.page-o-nas .about-team-directory .profile-card{display:grid;grid-template-columns:1fr 1fr;width:100%;min-height:100svh;height:100svh;max-height:100svh;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:var(--paper);overflow:hidden}
.page-o-nas .about-team-directory .profile-card:nth-child(even){background:#e8e7dc}
.page-o-nas .about-team-directory .profile-card .profile-image{height:100%;min-height:0;position:relative;overflow:hidden}
.page-o-nas .about-team-directory .profile-card .profile-image img{width:100%;height:100%;object-fit:cover}
.page-o-nas .about-team-directory .profile-card .profile-copy{height:auto;max-height:100%;overflow-y:auto;align-self:center;padding:clamp(28px,5vw,80px);max-width:780px;overscroll-behavior:auto}
.page-o-nas .about-team-directory .profile-card .profile-copy h2{font-size:clamp(46px,4.1vw,72px)}
.page-o-nas .about-team-directory .profile-card.is-hidden{display:none}
.page-o-nas .final-cta{border-top:1px solid var(--line);}
@media(max-width:1100px){
 .page-o-nas .about-hero-inner{grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);gap:40px}
 .page-o-nas .about-hero-primary h1{font-size:clamp(60px,7.4vw,100px)}
 .page-o-nas .about-story-grid{gap:45px}
}
@media(max-width:760px){
 .page-o-nas .about-hero-v11{min-height:100svh;max-height:none;height:auto;justify-content:center}
 .page-o-nas .about-hero-inner{grid-template-columns:1fr;gap:28px;padding-top:125px;padding-bottom:106px}
 .page-o-nas .about-hero-primary h1{font-size:clamp(53px,10vw,78px);max-width:11ch}
 .page-o-nas .about-hero-primary>p{font-size:16px;margin:23px 0 22px}
 .page-o-nas .about-hero-eyebrow{margin-bottom:23px}
 .page-o-nas .about-hero-aside{padding:0;border-left:0;border-top:1px solid rgba(240,201,91,.35);padding-top:15px}
 .page-o-nas .about-hero-aside-top{display:none}
 .page-o-nas .about-hero-aside p{font:400 22px/1.2 var(--serif);max-width:none;margin:0 0 10px;color:#ccd4c9}
 .page-o-nas .about-hero-index{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px}
 .page-o-nas .about-hero-index a{width:auto;gap:8px;padding:10px 0;border-top:0;border-bottom:1px solid rgba(255,255,255,.18)}
 .page-o-nas .about-hero-index a:last-child{border-bottom:1px solid rgba(255,255,255,.18)}
 .page-o-nas .about-hero-index a span:last-child{margin-left:0}
 .page-o-nas .about-hero-bottom{width:calc(100% - 36px);bottom:18px}
 .page-o-nas .about-story-heading{grid-template-columns:1fr;gap:22px}
 .page-o-nas .about-story-heading h2{font-size:clamp(53px,10vw,74px)}
 .page-o-nas .about-story-grid{grid-template-columns:1fr;gap:42px}
 .page-o-nas .about-story-photo{width:min(100%,530px);margin-inline:auto}
 .page-o-nas .about-story-photo img{width:100%;height:auto}
 .page-o-nas .about-story-copy{padding:0}
 .page-o-nas .about-team-lead-grid{grid-template-columns:1fr;gap:34px}
 .page-o-nas .about-team-lead-v11 h2{font-size:clamp(54px,10vw,75px)}
 .page-o-nas .about-team-directory .filter-bar{width:calc(100% - 36px)}
 .page-o-nas .about-team-directory .profile-card{display:grid;grid-template-columns:1fr 1fr;min-height:100svh;height:100svh;max-height:100svh}
 .page-o-nas .about-team-directory .profile-card .profile-copy{padding:26px;max-height:100svh}
}
@media(max-width:600px){
 .page-o-nas .about-hero-inner{padding-top:118px;padding-bottom:106px;gap:21px}
 .page-o-nas .about-hero-primary h1{font-size:clamp(49px,12.6vw,65px);line-height:.91}
 .page-o-nas .about-hero-primary>p{font-size:14px;line-height:1.58}
 .page-o-nas .about-hero-aside p{font-size:19px}
 .page-o-nas .about-hero-index a{font-size:11px}
 .page-o-nas .about-hero-bottom span:last-child{display:none}
 .page-o-nas .about-story-v11{padding:70px 0 78px}
 .page-o-nas .about-story-heading h2{font-size:clamp(49px,11.5vw,62px)}
 .page-o-nas .about-story-photo{width:100%}
 .page-o-nas .about-team-lead-v11{padding:72px 0 60px}
 .page-o-nas .about-team-lead-v11 h2{font-size:clamp(49px,11.5vw,62px)}
 .page-o-nas .about-team-directory .filter-bar{width:calc(100% - 24px);padding:20px 0}
 .page-o-nas .about-team-directory .profile-card{display:flex;flex-direction:column;min-height:100svh;height:auto;max-height:none}
 .page-o-nas .about-team-directory .profile-card .profile-image{height:clamp(280px,48svh,420px);min-height:0;flex:0 0 auto;order:0}
 .page-o-nas .about-team-directory .profile-card .profile-copy{height:auto;max-height:none;overflow:visible;align-self:auto;order:1;padding:30px 24px 40px}
 .page-o-nas .about-team-directory .profile-card:nth-child(even) .profile-image{order:0}
 .page-o-nas .about-team-directory .profile-card:nth-child(even) .profile-copy{order:1}
}
@media(max-width:380px){
 .page-o-nas .about-hero-primary h1{font-size:46px}
 .page-o-nas .about-story-heading h2,.page-o-nas .about-team-lead-v11 h2{font-size:46px}
}
@media(prefers-reduced-motion:reduce){
 .page-o-nas .about-hero-link{transition:none}
}