/* Leadership page — cinematic edition, same system as the home (Red Hat Display 500, brand gradient, one column) */
:root{--lv-col:max(var(--g,24px),calc((100% - 1360px)/2));--tw-accent:linear-gradient(100deg,#8E80E8 0%,#DE8AF7 55%,#E551C1 100%)}
body.editorial-page{background:#07070D}
main.lv-main .lv-hero{position:relative;min-height:calc(100svh - 175px);min-height:max(620px,calc(100svh - 175px))!important;overflow:hidden;display:flex;align-items:flex-end;padding:clamp(60px,8vh,110px) var(--lv-col) clamp(70px,9vh,120px)!important;isolation:isolate;background:#07070D}
.lv-photo{position:absolute;top:0;right:0;bottom:0;width:min(62%,980px);z-index:-2;overflow:hidden}
.lv-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;transform:scale(calc(1.12 - var(--lv-p,0)*.12)) translateY(calc(var(--lv-p,0)*-3%));filter:grayscale(.25) brightness(.82) contrast(1.06);transition:filter .6s}
.lv-photo::after{content:"";position:absolute;inset:-2px;background:linear-gradient(90deg,#07070D 0,rgba(7,7,13,.85) 14%,rgba(7,7,13,0) 46%),linear-gradient(0deg,#07070D 0,rgba(7,7,13,0) 34%),linear-gradient(180deg,#07070D 0,rgba(7,7,13,0) 14%),radial-gradient(70% 60% at 62% 40%,rgba(105,50,204,0) 30%,rgba(7,7,13,.5) 100%),linear-gradient(120deg,rgba(142,128,232,.18),rgba(229,81,193,.08) 60%,transparent);pointer-events:none}
.lv-net{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-1;pointer-events:none}
.lv-copy{max-width:760px;position:relative}
.lv-eyebrow{display:block;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#DE8AF7;margin:0 0 22px}
.lv-name{margin:0;font-family:"Red Hat Display",system-ui,sans-serif;font-weight:500;font-size:clamp(62px,10.5vw,158px);line-height:.9;letter-spacing:-.065em;color:#fff}
.lv-name .w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .1em .06em 0;margin:0 -.1em -.06em 0}
.lv-name .w>i{display:inline-block;font-style:normal;transform:translateY(105%);transition:transform 1.2s cubic-bezier(.16,.84,.24,1)}
.lv-name .w.acc>i{background:var(--tw-accent);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.lv-in .lv-name .w>i{transform:none}.lv-in .lv-name .w:nth-child(2)>i{transition-delay:.12s}
.lv-lead{margin:30px 0 0;max-width:34ch;font-size:clamp(19px,1.6vw,26px);line-height:1.45;color:#C9C1DB;opacity:0;transform:translateY(20px);transition:opacity 1s ease .45s,transform 1s cubic-bezier(.2,.75,.2,1) .45s}
.lv-lead b{font-weight:500;color:#fff}
.lv-in .lv-lead{opacity:1;transform:none}
.lv-cue{position:absolute;left:var(--lv-col);bottom:22px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#7E7395}
.lv-cue::after{content:"";display:inline-block;width:46px;height:1px;margin-left:12px;vertical-align:middle;background:var(--tw-accent);transform-origin:left;animation:lv-cue 2.4s ease-in-out infinite}
@keyframes lv-cue{0%{transform:scaleX(0)}50%{transform:scaleX(1)}100%{transform:scaleX(0);transform-origin:right}}

.lv-main .lv-sec{padding:clamp(90px,11vw,170px) var(--lv-col)!important;background:#07070D;position:relative}
.lv-sec+.lv-sec{border-top:1px solid rgba(255,255,255,.06)}
.lv-kicker{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#9C90AE;margin:0 0 18px}
.lv-title{margin:0 0 clamp(40px,5vw,80px);font-weight:500;font-size:clamp(52px,8vw,128px);line-height:.92;letter-spacing:-.065em;color:#fff}
.lv-title em{font-style:normal;background:var(--tw-accent);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;display:inline-block;padding-right:.04em;margin-right:-.04em}

/* roles: four big lines, each draws its rule as it enters */
.lv-roles{list-style:none;margin:0;padding:0}
.lv-roles li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:24px;padding:clamp(18px,2.2vw,30px) 0;border-top:1px solid rgba(255,255,255,.08)}
.lv-roles li:last-child{border-bottom:1px solid rgba(255,255,255,.08)}
.lv-roles li::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background:var(--tw-accent);transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.75,.2,1)}
.lv-roles .r{font-size:clamp(30px,4.2vw,64px);font-weight:500;letter-spacing:-.05em;line-height:1.02;color:#6F6584;transition:color .5s}
.lv-roles .r b{font-weight:500;color:#fff}
.lv-roles .s{font-size:14px;color:#9C90AE;white-space:nowrap}
.lv-roles li:hover .r{color:#CFC6E2}
.lv-roles li:hover::before{transform:scaleX(1)}

/* education: sticky portrait + rows */
.lv-edu-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,110px);align-items:start}
.lv-edu-photo{position:sticky;top:110px;margin:0;aspect-ratio:4/5;overflow:hidden;background:none}
.lv-edu-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:brightness(.92) contrast(1.04);transform:scale(calc(1.08 - var(--lv-e,0)*.08))}
.lv-edu-photo::after{content:"";position:absolute;inset:-2px;background:linear-gradient(0deg,#07070D 0,rgba(7,7,13,0) 38%),linear-gradient(180deg,#07070D 0,rgba(7,7,13,0) 18%),linear-gradient(90deg,#07070D 0,rgba(7,7,13,0) 22%),linear-gradient(270deg,#07070D 0,rgba(7,7,13,0) 22%),radial-gradient(60% 50% at 50% 30%,rgba(142,128,232,.0),rgba(105,50,204,.18))}
.lv-edu-photo figcaption{position:absolute;left:0;bottom:8px;z-index:1;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#C9C1DB}
.lv-edu{list-style:none;margin:0;padding:0}
.lv-edu li{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);gap:4px 24px;padding:26px 0;border-top:1px solid rgba(255,255,255,.08)}
.lv-edu li:last-child{border-bottom:1px solid rgba(255,255,255,.08)}
.lv-edu li::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background:var(--tw-accent);transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.2,.75,.2,1)}
.lv-edu .k{grid-row:1/3;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding-top:9px;background:var(--tw-accent);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:600}
.lv-edu .n{font-size:clamp(22px,2.3vw,34px);font-weight:500;letter-spacing:-.035em;line-height:1.15;color:#fff}
.lv-edu .u{font-size:15px;color:#9C90AE}

/* staged reveals */
.lv-js .lv-rv{opacity:0;transform:translateY(34px);transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.75,.2,1);transition-delay:calc(var(--d,0)*90ms)}
.lv-js .lv-rv.on{opacity:1;transform:none}
.lv-js .lv-rv.on::before{transform:scaleX(1)}
.lv-roles li.on::before{transform:scaleX(.18)}.lv-roles li.on:hover::before{transform:scaleX(1)}

@media(max-width:860px){
 .lv-photo{width:100%;height:58%;bottom:auto}
 .lv-photo img{object-position:62% 12%}
 .lv-photo::after{background:linear-gradient(0deg,#07070D 0,rgba(7,7,13,.6) 30%,rgba(7,7,13,0) 60%),linear-gradient(180deg,#07070D 0,rgba(7,7,13,0) 12%)}
 main.lv-main .lv-hero{min-height:calc(100svh - 70px)!important;padding-bottom:64px!important}
 .lv-name{font-size:clamp(62px,19vw,96px)}
 .lv-edu-grid{grid-template-columns:1fr}
 .lv-edu-photo{position:relative;top:0;max-width:420px}
 .lv-roles li{grid-template-columns:1fr}
 .lv-roles .s{white-space:normal}
 .lv-edu li{grid-template-columns:52px minmax(0,1fr);gap:4px 16px}
}
@media(prefers-reduced-motion:reduce){.lv-name .w>i,.lv-lead,.lv-js .lv-rv{transform:none!important;opacity:1!important;transition:none!important}.lv-photo img{transform:none}.lv-cue::after{animation:none}}
