/* Bio pages follow the approved Shyla reference, with a callback-only form. */
.bio-page{overflow-x:clip;--ink:#18344d;--text:#32475e;--accent:#287d8c;background:#fff}
.bio-page:before{inset:-140px -23vw 0 auto;width:min(1100px,90vw);background:url('/assets/mountain.webp') center top/100% 100% no-repeat;opacity:.2;mask-image:linear-gradient(to right,transparent,#000 38%);pointer-events:none}
.bio-page h2:before,.bio-page .eyebrow:before{display:none}
.bio-page header{min-height:132px}
.bio-page .bio-hero{grid-template-columns:minmax(240px,34%) minmax(0,1fr);gap:36px;align-items:start;padding:30px 0 35px;border-bottom:1px solid var(--line)}
.bio-page .bio-portrait{padding:5px;border:1px solid #819aab;background:#fff;line-height:0}
.bio-page .bio-portrait>img{display:block;width:100%;height:auto;aspect-ratio:256/304;object-fit:cover;object-position:center 22%;border:0;padding:0;margin:0;max-width:none}
.bio-page .bio-photo-crop{display:block;position:relative;aspect-ratio:256/304;overflow:hidden}
.bio-page .bio-photo-crop img{position:absolute;width:348.828125%;max-width:none;height:auto;border:0;padding:0;margin:0;left:-22.65625%;top:-41.447368%;aspect-ratio:auto}
.bio-page .bio-hero>.bio-heading{padding-top:28px;min-width:0}
.bio-page .bio-hero .eyebrow{display:block;font-size:11px;letter-spacing:2.2px;margin-bottom:20px}
.bio-page .bio-hero h1{font-size:clamp(44px,5.3vw,72px);line-height:1.06;letter-spacing:-2.5px;max-width:none;margin:0 0 15px;text-wrap:balance}
.bio-page .bio-subtitle,.bio-page .bio-works{font-size:21px;line-height:1.45;margin:0 0 7px}
.bio-page .bio-actions{display:flex;align-items:flex-start;flex-direction:column;gap:10px;margin-top:24px}
.bio-page .bio-actions .button{margin:0;min-width:310px}
.bio-page .button-outline{background:transparent;color:var(--accent);border:1px solid var(--accent);padding:10px 24px}
.bio-page .button-outline:hover{background:#eef8fa}
.bio-page .bio-grid{display:grid;grid-template-columns:34% minmax(0,1fr);gap:36px;padding:36px 0 42px;border-bottom:1px solid var(--line)}
.bio-page .bio-grid aside{border-right:1px solid var(--line);padding-right:27px;min-width:0}
.bio-page .bio-sidebar-block{padding:0 0 26px;margin-bottom:25px;border-bottom:1px solid var(--line)}
.bio-page .bio-sidebar-block:last-child{padding-bottom:0;margin-bottom:0;border:0}
.bio-page .bio-grid aside h2{font-size:32px;line-height:1.12;letter-spacing:-1.1px;margin:0 0 14px}
.bio-page .bio-grid aside ul{list-style:none;padding:0;margin:0;columns:auto;font-size:17px;line-height:1.55}
.bio-page .bio-grid aside li{margin:0}
.bio-page .bio-story h2{font-size:44px;margin:0 0 22px;letter-spacing:-1.5px}
.bio-page .bio-story p{font-size:17px;line-height:1.6;margin-bottom:25px}
.bio-page .bio-story p:last-child{margin-bottom:0}
.bio-page .bio-contact{padding:35px 0 28px;border-bottom:1px solid var(--line)}
.bio-page .bio-contact h2{font-size:42px;margin-bottom:16px}
.bio-page .callback-intro{margin:15px 0 5px}
.bio-page .callback-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}
.bio-page .callback-phone{grid-column:1/-1}
.bio-page .callback-form label{font-size:15px;font-weight:400;margin:14px 0 5px}
.bio-page .callback-form input{border-color:var(--line);min-height:45px;padding:9px 12px;background:#ffffffa6}
.bio-page .callback-form .small{margin:12px 0 0;max-width:none}
.bio-page .callback-form .form-status:empty{display:none}
.bio-page .bio-qualifications{text-align:center;padding:25px 0 30px}
.bio-page .bio-qualifications h2{font-size:32px;letter-spacing:-1px;margin-bottom:15px}
.bio-page .bio-qualifications p{font-size:14px;line-height:1.5;margin:0}
.bio-page .bio-footer{border:0;padding:15px 0 25px}
.bio-page .bio-footer-row{display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:12px}
.bio-page .bio-footer-row>*{margin:0;min-width:0}
.bio-page .bio-footer-row>*+*{border-left:1px solid var(--ink);padding-left:22px}
.bio-page .bio-footer .logo{font-size:34px;flex-shrink:0;letter-spacing:-2px}
.bio-page .bio-footer .logo span{font-size:6px;letter-spacing:2px;margin:7px 0 0 5px}
.bio-page .bio-supervision-note{text-align:center;font-size:11px;margin:14px 0 0}
@media(max-width:1000px){.bio-page .bio-hero,.bio-page .bio-grid{gap:28px;grid-template-columns:31% minmax(0,1fr)}.bio-page .bio-hero h1{font-size:51px}.bio-page .bio-hero>.bio-heading{padding-top:18px}.bio-page .bio-subtitle,.bio-page .bio-works{font-size:18px}.bio-page .bio-actions{margin-top:19px}.bio-page .bio-actions .button{min-width:0;font-size:14px}.bio-page .bio-grid aside h2{font-size:28px}.bio-page .bio-footer-row{gap:14px;font-size:11px}.bio-page .bio-footer-row>*+*{padding-left:14px}}
@media(max-width:760px){.bio-page header{min-height:100px}.bio-page:before{width:130vw;right:-58vw;top:-140px;opacity:.17}.bio-page .bio-hero{grid-template-columns:1fr;gap:25px;padding:20px 0 30px}.bio-page .bio-portrait{width:min(100%,340px)}.bio-page .bio-hero>.bio-heading{padding-top:0}.bio-page .bio-hero h1{font-size:clamp(39px,10.5vw,60px);letter-spacing:-1.5px;text-wrap:initial}.bio-page .bio-hero .eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:16px}.bio-page .bio-subtitle,.bio-page .bio-works{font-size:18px}.bio-page .bio-actions{width:100%;margin-top:20px}.bio-page .bio-actions .button{font-size:14px;padding:12px 17px;gap:12px;width:min(100%,340px);min-width:0}.bio-page .bio-grid{display:flex;flex-direction:column;gap:30px;padding:30px 0}.bio-page .bio-story{order:-1}.bio-page .bio-story h2{font-size:36px}.bio-page .bio-story p{font-size:16px;line-height:1.65}.bio-page .bio-grid aside{border-right:0;border-bottom:0;border-top:1px solid var(--line);padding:25px 0 0;width:100%}.bio-page .bio-grid aside h2{font-size:28px}.bio-page .bio-grid aside ul{font-size:16px;columns:auto}.bio-page .bio-sidebar-block{padding-bottom:22px;margin-bottom:22px}.bio-page .bio-contact{padding:28px 0}.bio-page .bio-contact h2{font-size:34px;letter-spacing:-1px}.bio-page .bio-contact>.button{font-size:14px;padding:12px 17px;gap:10px}.bio-page .callback-fields{grid-template-columns:1fr;gap:0}.bio-page .bio-qualifications h2{font-size:29px}.bio-page .bio-qualifications p{font-size:13px}.bio-page .bio-footer-row{flex-direction:column;gap:14px;text-align:center}.bio-page .bio-footer-row>*+*{border:0;padding:0}.bio-page .bio-footer-row .logo{margin-bottom:5px}}
/* Keep the off-page mountain crop inside the viewport on small screens. */
.bio-page:before{inset:-140px 0 0;width:100%;background-size:min(1100px,90vw) 100%;background-position:calc(100% + 23vw) top}
@media(max-width:760px){.bio-page:before{inset:-140px 0 0;width:100%;background-size:130vw 100%;background-position:calc(100% + 58vw) top}}
/* Match the approved mockup: a smaller peak tucked high into the right edge.
   Its position is tied to viewport width, rather than varying with biography length. */
.bio-page:before{inset:0;width:100%;background-size:58vw auto;background-position:calc(100% + 18vw) -4vw;opacity:.2;mask-image:linear-gradient(to right,transparent 48%,#000 73%)}
@media(max-width:760px){.bio-page:before{inset:0;width:100%;background-size:90vw auto;background-position:calc(100% + 34vw) 35px;opacity:.17;mask-image:linear-gradient(to right,transparent 40%,#000 82%)}}
/* Lengthen the trailing wash while keeping the peak at the navigation edge. */
@media(min-width:761px){.bio-page:before{background-size:58vw 175vw;background-position:calc(100% + 18vw) -12.5vw}}

.inactive-status{margin-top:24px;padding:16px 20px;background:#edf6f9;border-left:3px solid var(--accent);font-size:18px;line-height:1.5}