.thero{position:relative;padding:clamp(130px,11vw,170px) 0 clamp(40px,4vw,70px);overflow:hidden;
  background:linear-gradient(180deg,var(--tint) 0%,var(--paper) 78%)}
.thero::before{content:"";position:absolute;inset:-20% -10% auto;height:70%;pointer-events:none;
  background:radial-gradient(40% 60% at 70% 30%,rgba(59,90,124,.14),rgba(59,90,124,0) 70%)}
.thero-head{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:clamp(24px,4vw,70px);align-items:end}
.thero-head .crumbs{grid-column:1 / -1;margin-bottom:14px}
.thero-head .mark{grid-column:1 / -1;margin:0 0 18px auto}
.thero-head h1{font-size:clamp(56px,8vw,128px);font-weight:200;letter-spacing:-.05em;line-height:.9;margin:0}
.thero-head .sub{max-width:38ch;margin:0 0 10px;color:var(--muted);font-size:clamp(16px,1.2vw,19px);line-height:1.6}
.thero-stage{position:relative;margin-top:clamp(34px,3.6vw,56px);perspective:1800px}
.tframe{position:relative;margin:0;border-radius:clamp(18px,2vw,30px);overflow:hidden;aspect-ratio:1137/560;
  transform:rotateX(14deg) scale(.96);transform-origin:50% 100%;opacity:.0;
  box-shadow:0 100px 160px -100px rgba(20,27,36,.75),inset 0 0 0 1px rgba(255,255,255,.25);
  transition:transform 1.07s cubic-bezier(.16,.84,.3,1),opacity .74s ease}
.tframe.in{transform:none;opacity:1}
.tframe img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.tsheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.18) 50%,rgba(255,255,255,0) 70%);
  transform:translateX(-120%);transition:transform 1.07s cubic-bezier(.16,.84,.3,1) .34s}
.tframe.in .tsheen{transform:translateX(120%)}
.tsel-row{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.6vw,22px);
  width:min(820px,86%);margin:calc(clamp(60px,6vw,90px) * -1) auto 0;perspective:1200px}
.tsel{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:18px;background:rgba(250,252,253,.94);
  border:1px solid rgba(127,160,196,.25);box-shadow:0 50px 90px -60px rgba(20,27,36,.6);color:var(--ink);
  transform-style:preserve-3d;transition:transform .54s cubic-bezier(.16,.84,.3,1),box-shadow .54s ease}
.tsel:hover{transform:translateY(-6px) rotateX(6deg);box-shadow:0 70px 110px -60px rgba(20,27,36,.7)}
.tsel-mono{flex:0 0 auto;width:58px;height:58px;border-radius:14px;display:grid;place-items:center;direction:ltr;
  background:linear-gradient(200deg,#2F4A66,#1B2B3C);color:#E9EFF6;font-family:"Jost",sans-serif;font-weight:200;font-size:21px;letter-spacing:.08em}
.tsel-txt b{display:block;font-weight:400;font-size:17px}
.tsel-txt i{display:block;font-style:normal;font-size:13.5px;color:var(--muted)}
.tsel-go{margin-inline-start:auto;width:36px;height:36px;border-radius:50%;border:1px solid var(--line-2);position:relative;transition:.34s}
.tsel-go::after{content:"";position:absolute;inset:0;margin:auto;width:9px;height:9px;border-bottom:1.5px solid var(--pine);border-left:1.5px solid var(--pine);transform:translateY(-2px) rotate(-45deg)}
.tsel:hover .tsel-go{background:var(--pine);border-color:var(--pine)}
.tsel:hover .tsel-go::after{border-color:#fff}
.tintro{margin-top:clamp(30px,3vw,50px)}


.prof{padding:clamp(70px,7vw,120px) 0;scroll-margin-top:90px}
.prof + .prof{border-top:1px solid var(--line)}
.prof-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,5vw,90px);align-items:start}
.prof.flip .prof-vis{order:2}
.prof-vis{position:sticky;top:max(96px,calc((100vh - min(70vh,620px)) / 2))}
.card3d{perspective:1800px;cursor:pointer;outline:none}
.card3d-in{position:relative;height:min(70vh,620px);transform-style:preserve-3d;transition:transform .74s cubic-bezier(.16,.84,.3,1)}
.card3d:hover .card3d-in,.card3d.on .card3d-in,.card3d:focus-visible .card3d-in{transform:rotateY(180deg)}
.face{position:absolute;inset:0;border-radius:clamp(18px,2vw,26px);overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  box-shadow:0 90px 150px -90px rgba(20,27,36,.75)}
.face.front{background:linear-gradient(200deg,#2F4A66 0%,#22384F 55%,#1B2B3C 100%);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,2.4vw,34px)}
.face.front::before{content:"";position:absolute;inset:-20%;background:radial-gradient(40% 46% at 70% 26%,rgba(143,169,196,.32),rgba(143,169,196,0) 70%),radial-gradient(34% 40% at 24% 78%,rgba(59,90,124,.4),rgba(59,90,124,0) 72%)}
.face.front::after{content:"";position:absolute;inset:clamp(14px,1.4vw,20px);border:1px solid rgba(233,239,246,.16);border-radius:clamp(10px,1.2vw,16px);pointer-events:none}
.face.front img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.c-mono{position:relative;align-self:center;margin-top:auto;font-family:"Jost",sans-serif;font-weight:200;font-size:clamp(90px,9vw,150px);letter-spacing:.08em;color:rgba(233,239,246,.92);direction:ltr}
.c-name{position:relative;margin-top:auto;color:#E9EFF6}
.c-name b{display:block;font-weight:300;font-size:clamp(20px,1.7vw,26px)}
.c-name i{display:block;font-style:normal;font-size:14px;color:#A8C8E6;margin-top:2px}
.c-hint{position:absolute;top:clamp(22px,2.4vw,34px);inset-inline-end:clamp(22px,2.4vw,34px);font-size:12.5px;letter-spacing:.06em;color:#C6D6E6;
  padding:7px 12px;border-radius:999px;border:1px solid rgba(168,200,230,.35)}
.face.back{transform:rotateY(180deg);background:var(--paper);border:1px solid var(--line);padding:clamp(28px,3vw,44px);display:flex;flex-direction:column;justify-content:center}
.face.back h3{margin:0 0 10px;font-size:14px;font-weight:400;letter-spacing:.08em;color:var(--pine)}
.face.back ul{list-style:none;margin:0 0 clamp(22px,2.4vw,34px);padding:0}
.face.back li{padding:13px 0;border-bottom:1px solid var(--line);font-size:16px;color:var(--ink)}
.face.back li:first-child{border-top:1px solid var(--line)}
.face.back p{margin:0;font-size:16px;color:var(--ink)}
.prof-txt .idx{font-family:"Jost",sans-serif;font-size:13px;letter-spacing:.2em;color:var(--pine)}
.prof-txt h2{font-size:clamp(34px,3.6vw,56px);font-weight:200;letter-spacing:-.035em;margin:8px 0 16px}
.chips{list-style:none;margin:0 0 clamp(24px,2.6vw,36px);padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{padding:8px 14px;border-radius:999px;font-size:14px;color:var(--pine);background:rgba(59,90,124,.07);border:1px solid rgba(59,90,124,.18)}
.prof-txt p{color:var(--muted);font-size:17px;line-height:1.85;max-width:58ch}
.prof-txt p:first-of-type{color:var(--ink);font-size:clamp(18px,1.4vw,21px);font-weight:300;line-height:1.7}
@media (max-width:1000px){
  .thero-head{grid-template-columns:1fr}.tsel-row{grid-template-columns:1fr;width:100%;margin-top:18px}
  .prof-g{grid-template-columns:1fr}.prof.flip .prof-vis{order:0}.prof-vis{position:static}.card3d-in{height:clamp(340px,90vw,480px)}
  .tframe{transform:none;opacity:1}
}
@media (prefers-reduced-motion:reduce){.tframe{transform:none;opacity:1}.card3d-in{transition:none}}



.stats.inner .panel{margin-top:0}
.stats.inner{padding:clamp(40px,4.4vw,70px) 0;border-top:0}


.p-cred{display:grid;grid-template-columns:2fr 1fr;gap:clamp(18px,2.4vw,36px);margin-top:clamp(28px,3vw,44px);padding-top:clamp(22px,2.4vw,32px);border-top:1px solid var(--line)}
.p-cred h3{margin:0 0 10px;font-size:13px;font-weight:400;letter-spacing:.1em;color:var(--pine)}
.p-cred ul{list-style:none;margin:0;padding:0}
.p-cred li{padding:10px 0;border-bottom:1px solid var(--line);font-size:15.5px;color:var(--ink)}
@media (max-width:700px){.p-cred{grid-template-columns:1fr}}
.face.front .c-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;z-index:0}
.face.front:has(.c-photo)::before{background:linear-gradient(to top,rgba(20,32,45,.85) 0%,rgba(20,32,45,.25) 38%,rgba(20,32,45,0) 60%)!important;inset:0!important;z-index:1}
.face.front:has(.c-photo)::after{z-index:1}
.face.front:has(.c-photo) .c-mono{display:none}
.face.front .c-name,.face.front .c-hint{z-index:2}
.c-hint{display:inline-flex;align-items:center;gap:8px}
.c-hint::before{content:"";width:14px;height:14px;border:1.5px solid currentColor;border-radius:50%;border-top-color:transparent;transform:rotate(-30deg)}



.thero{padding:clamp(120px,10vw,150px) 0 clamp(30px,3vw,50px)}
.thero-head h1{font-size:clamp(56px,6.6vw,104px)}
.thero-head .sub{font-size:clamp(16px,1.15vw,18px);max-width:34ch}
.thero-stage{margin-top:clamp(28px,3vw,44px)}
.tframe{aspect-ratio:auto;height:min(58vh,560px)}
.tframe img{object-position:50% 40%}
.tsel-row{width:min(760px,80%);margin-top:calc(clamp(46px,4.4vw,64px) * -1)}


.tstate{padding:clamp(80px,8vw,130px) 0}
.tstate-g{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,70px);align-items:start}
.tstate-k h2{font-size:clamp(24px,2.2vw,32px);font-weight:300;letter-spacing:-.02em;margin:0}
.tstate-k span:not(.mark){display:block;margin-top:8px;font-size:14px;color:var(--muted)}
.tstate-p{margin:0;font-size:clamp(24px,2.3vw,36px);font-weight:200;line-height:1.45;letter-spacing:-.02em;color:var(--ink)}
.tstate-p em{font-style:normal;color:var(--pine);background:linear-gradient(to top,rgba(59,90,124,.14) 0 .32em,transparent .32em)}


.tiles3d .panel{background:none!important;box-shadow:none!important;border:0!important;gap:clamp(12px,1.4vw,20px);perspective:1400px;padding:0!important}
.tiles3d .stat{background:var(--paper);border:1px solid rgba(127,160,196,.22);border-radius:18px;padding:clamp(22px,2.4vw,34px) 16px;
  box-shadow:0 50px 90px -60px rgba(20,27,36,.45);transform:rotateX(10deg) translateY(12px);opacity:.0;
  transition:transform .74s cubic-bezier(.16,.84,.3,1),opacity .6s ease,box-shadow .4s ease}
.tiles3d.in .stat,.tiles3d .panel.in .stat{transform:none;opacity:1}
.tiles3d .stat:nth-child(2){transition-delay:.08s}.tiles3d .stat:nth-child(3){transition-delay:.16s}.tiles3d .stat:nth-child(4){transition-delay:.24s}
.tiles3d .stat:hover{transform:translateY(-6px) rotateX(6deg);box-shadow:0 70px 110px -60px rgba(20,27,36,.55)}
.tiles3d .stat + .stat::after,.tiles3d .stat::after{display:none!important}


.prof{position:relative;overflow:hidden}
.prof-num{position:absolute;top:clamp(20px,3vw,50px);inset-inline-end:clamp(10px,3vw,50px);font-family:"Jost",sans-serif;font-weight:200;
  font-size:clamp(160px,18vw,300px);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(59,90,124,.14);pointer-events:none;z-index:0;direction:ltr}
.prof-g{position:relative;z-index:1;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.card3d-in{height:min(64vh,580px);aspect-ratio:auto}
.prof-vis{max-width:480px;width:100%;justify-self:center}
.prof-txt h2{font-size:clamp(34px,3.2vw,50px)}


.card3d{perspective:1500px}
.card3d-in{transform-style:preserve-3d;will-change:auto}
.card3d:hover .card3d-in,.card3d:focus-visible .card3d-in{transform:none}
.card3d.on .card3d-in{transform:rotateY(180deg)!important}
.face.front{transform-style:preserve-3d}
.c-mono{transform:translateZ(70px)}
.c-name{transform:translateZ(46px)}
.c-hint{transform:translateZ(36px);cursor:pointer}
.c-glare{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .34s ease;
  background:radial-gradient(40% 40% at var(--gx,50%) var(--gy,30%),rgba(255,255,255,.22),rgba(255,255,255,0) 70%)}
.card3d:hover .c-glare{opacity:1}
@media (max-width:1000px){
  .tstate-g{grid-template-columns:1fr}.tframe{height:auto;aspect-ratio:1137/560}
  .prof-g{grid-template-columns:1fr!important}.prof.flip .prof-vis{order:0}
  .prof-num{font-size:34vw;top:10px}.prof-vis{max-width:none;position:static!important}.card3d-in{height:clamp(340px,90vw,480px)}
  .c-mono,.c-name,.c-hint{transform:none}
}
@media (prefers-reduced-motion:reduce){.tiles3d .stat{transform:none;opacity:1}}




.tframe{background:none;overflow:visible;box-shadow:none;transform-style:preserve-3d}
.tframe img{display:none}
.tslices{position:absolute;inset:0;direction:ltr;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:clamp(4px,.5vw,8px);transform-style:preserve-3d}
.tslice{position:relative;border-radius:clamp(10px,1.1vw,16px);background-image:var(--tp);background-repeat:no-repeat;
  background-size:calc(var(--n) * 100% + (var(--n) - 1) * clamp(4px,.5vw,8px)) 100%;
  background-position:calc(var(--k) * 100% / (var(--n) - 1)) 40%;filter:grayscale(1) contrast(1.05);
  box-shadow:0 60px 100px -70px rgba(20,27,36,.8);transform:rotateY(-70deg) translateZ(-120px);opacity:0;transform-origin:50% 50%;
  transition:transform .87s cubic-bezier(.16,.84,.3,1) calc(var(--k) * .07s),opacity .6s ease calc(var(--k) * .07s),filter .4s ease}
.tframe.in .tslice{transform:none;opacity:1}
.tframe.in .tslice.pop{transform:translateZ(60px) scale(1.02);filter:grayscale(0) contrast(1.02);transition-delay:0s;z-index:2}
.tframe.in .tslice.near{transform:translateZ(24px);transition-delay:0s}
.tframe .tsheen{border-radius:clamp(10px,1.1vw,16px)}

@supports (animation-timeline: view()){
  .prof-vis{animation:cardIn linear both;animation-timeline:view();animation-range:entry 0% cover 35%}
  @keyframes cardIn{from{opacity:0;transform:perspective(1400px) rotateY(-28deg) translateZ(-180px)}to{opacity:1;transform:none}}
  .prof.flip .prof-vis{animation-name:cardInR}
  @keyframes cardInR{from{opacity:0;transform:perspective(1400px) rotateY(28deg) translateZ(-180px)}to{opacity:1;transform:none}}
  .tstate-p em{background-size:0% 100%;background-repeat:no-repeat;animation:emFill linear both;animation-timeline:view();animation-range:entry 40% cover 50%}
  @keyframes emFill{to{background-size:100% 100%}}
}
.tstate-p em{background-image:linear-gradient(to top,rgba(59,90,124,.16) 0 .32em,transparent .32em);background-color:transparent}

.pswitch{position:fixed;z-index:60;left:50%;bottom:22px;transform:translate(-50%,140%);display:flex;gap:4px;padding:5px;border-radius:999px;
  background:rgba(250,252,253,.9);border:1px solid rgba(127,160,196,.28);box-shadow:0 30px 60px -30px rgba(20,27,36,.5);
  -webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .47s cubic-bezier(.16,.84,.3,1)}
.pswitch.show{transform:translate(-50%,0)}
.pswitch a{position:relative;z-index:1;padding:10px 18px;border-radius:999px;font-size:14px;color:var(--ink);transition:color .4s ease;white-space:nowrap}
.pswitch a.on{color:#fff}
.pw-ind{position:absolute;z-index:0;top:5px;bottom:5px;border-radius:999px;background:var(--pine);transition:left .4s cubic-bezier(.16,.84,.3,1),width .4s cubic-bezier(.16,.84,.3,1)}
@media (max-width:1000px){.tslices{gap:3px}.tslice{transform:none;opacity:1;transition:none}.pswitch{bottom:84px}}
@media (prefers-reduced-motion:reduce){.tslice{transform:none!important;opacity:1!important;transition:none}.prof-vis{animation:none!important}}

@media (max-width:1000px){.tsel-row{width:100%!important;margin-top:14px!important}}


.pstage{position:relative;height:260vh;background:linear-gradient(180deg,var(--paper) 0%,var(--tint) 50%,var(--paper) 100%)}
.psent{position:absolute;left:0;width:1px;height:50%;pointer-events:none;scroll-margin-top:0}
.psent[data-i="0"]{top:0}.psent[data-i="1"]{top:50%}
.pstage-in{position:sticky;top:0;height:100vh;box-sizing:border-box;padding:84px 0 64px;display:flex;align-items:center;overflow:hidden}
.pstage-g{position:relative;width:min(1320px,calc(100% - 2 * var(--gut,48px)));margin:0 auto;display:grid;
  grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(40px,6vw,110px);align-items:center;padding-top:0}
.pp{display:contents}
.pp .prof-vis{grid-column:1;grid-row:1;position:relative;top:auto;max-width:440px;width:100%;justify-self:center;
  transition:transform .8s cubic-bezier(.16,.84,.3,1),opacity .6s ease,filter .6s ease;animation:none!important;z-index:1}
.pp:not(.on) .prof-vis{transform:perspective(1600px) translateX(-26%) translateZ(-280px) rotateY(24deg);opacity:.4;filter:saturate(.6);pointer-events:none;z-index:0}
.pp[data-i="1"]:not(.on) .prof-vis{transform:perspective(1600px) translateX(26%) translateZ(-280px) rotateY(-24deg)}
.pp .prof-txt{grid-column:2;grid-row:1;transition:opacity .47s ease,transform .6s cubic-bezier(.16,.84,.3,1)}
.pp:not(.on) .prof-txt{opacity:0;transform:translateY(26px);pointer-events:none;visibility:hidden;transition:opacity .45s ease,transform .4s ease,visibility 0s .45s}
.pp .card3d-in{height:min(60vh,540px)}
.pp .prof-txt h2{font-size:clamp(40px,4vw,64px);margin:6px 0 14px}
.pp .prof-txt p{font-size:15.5px;line-height:1.75;margin:0 0 12px}
.pp .prof-txt p:first-of-type{font-size:clamp(17px,1.25vw,19px)}
.pp .p-cred{margin-top:18px;padding-top:16px}
.pp .p-cred li{padding:8px 0;font-size:14.5px}
.pnum{position:absolute;inset-inline-end:clamp(18px,3vw,56px);bottom:clamp(20px,5vh,56px);font-family:"Jost",sans-serif;font-weight:200;direction:ltr;
  display:flex;align-items:baseline;gap:10px;color:var(--muted);z-index:2}
.pnum b{font-weight:200;font-size:clamp(60px,6vw,96px);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(59,90,124,.4);transition:opacity .4s ease}
.pnum i{font-style:normal;font-size:18px;letter-spacing:.1em}
.prof-num{display:none}

.pstage.flat{height:auto}
.pstage.flat .pstage-in{position:static;height:auto;display:block;overflow:visible;padding:clamp(60px,6vw,100px) 0}
.pstage.flat .pstage-g{display:block;padding-top:0}
.pstage.flat .pp{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(30px,5vw,90px);align-items:start;padding:clamp(40px,5vw,80px) 0}
.pstage.flat .pp + .pp{border-top:1px solid var(--line)}
.pstage.flat .pp .prof-vis,.pstage.flat .pp .prof-txt{grid-column:auto;grid-row:auto;transform:none!important;opacity:1!important;filter:none!important;visibility:visible!important;pointer-events:auto!important}
.pstage.flat .pnum,.pstage.flat .psent{display:none}
@media (max-width:1000px){
  .pstage{height:auto}.pstage-in{position:static;height:auto;display:block;overflow:visible;padding:40px 0}
  .pstage-g{display:block;width:auto;margin:0 18px;padding-top:0}
  .pp{display:block;padding:34px 0}.pp + .pp{border-top:1px solid var(--line)}
  .pp .prof-vis,.pp .prof-txt{transform:none!important;opacity:1!important;filter:none!important;visibility:visible!important;pointer-events:auto!important}
  .pp .prof-txt{margin-top:24px}.pnum,.psent{display:none}
}


.pp .prof-txt h2{font-size:clamp(36px,3.3vw,54px);margin:4px 0 12px}
.pp .prof-txt p{font-size:15px;line-height:1.7;margin:0 0 10px}
.pp .chips{margin-bottom:18px}
.pp .p-cred{margin-top:14px;padding-top:12px}
.pp .p-cred li{padding:7px 0;font-size:14px}
.pp .card3d-in{height:min(56vh,520px)}



.thero-head h1{font-size:clamp(44px,4.1vw,60px)!important;font-weight:200;letter-spacing:-.028em;line-height:1.06}
.thero-head .sub{font-size:clamp(15.5px,1.08vw,18px)!important;max-width:36ch}
.tstate-k h2{font-size:28px!important;font-weight:200!important}
.tstate-p{font-size:clamp(22px,2vw,28px)!important;line-height:1.5!important}
.pp .prof-txt h2,.prof-txt h2{font-size:clamp(32px,2.8vw,40px)!important;font-weight:200!important;letter-spacing:-.028em}
.prof-txt .bio-lead{font-size:17.5px!important;line-height:1.7!important;color:var(--ink)!important;margin:0 0 16px!important;max-width:62ch}
.bio-cols{column-count:2;column-gap:clamp(24px,2.6vw,40px)}
.bio-cols p{font-size:15.5px!important;line-height:1.72!important;color:var(--muted)!important;margin:0 0 12px!important;break-inside:avoid}
.pp .p-cred li{font-size:15px!important}
.pnum b{font-size:clamp(52px,4.6vw,72px)!important}
.tiles3d .stat b{font-size:clamp(40px,3.4vw,52px)}


.tframe{overflow:hidden!important;border-radius:clamp(18px,2vw,28px);box-shadow:0 90px 150px -90px rgba(20,27,36,.7),inset 0 0 0 1px rgba(255,255,255,.2)!important;
  height:min(56vh,540px)!important;transform-style:preserve-3d}
.tframe img{display:block!important;position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;object-position:50% 40%;
  filter:grayscale(1) contrast(1.05);transition:transform .94s cubic-bezier(.16,.84,.3,1);animation:tKen 22s ease-in-out infinite alternate}
@keyframes tKen{from{scale:1}to{scale:1.05}}
.tslices{display:none!important}


.pp .prof-txt h2{clip-path:inset(0 0 0 0)}
.pp:not(.on) .prof-txt h2{transform:translateY(40%);opacity:0}
.pp.on .prof-txt h2{transform:none;opacity:1;transition:transform .6s cubic-bezier(.16,.84,.3,1) .1s,opacity .4s ease .1s}
.pp .chips li{transition:transform .47s cubic-bezier(.16,.84,.3,1),opacity .34s ease}
.pp:not(.on) .chips li{transform:translateY(10px);opacity:0}
.pp.on .chips li:nth-child(1){transition-delay:.22s}.pp.on .chips li:nth-child(2){transition-delay:.3s}.pp.on .chips li:nth-child(3){transition-delay:.38s}
.pp.on .card3d{animation:cBreath 7s ease-in-out infinite}
@keyframes cBreath{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media (max-width:1000px){.bio-cols{column-count:1}.tframe{height:auto!important;aspect-ratio:1137/560}.tframe img{inset:0;width:100%;height:100%;animation:none}.pp.on .card3d{animation:none}}
@media (prefers-reduced-motion:reduce){.tframe img,.pp.on .card3d{animation:none}}

.tframe img{inset:auto!important;top:-6%!important;left:-6%!important;right:auto!important;width:112%!important;height:112%!important;max-width:none!important}


@supports (animation-timeline: view()){
  main .s-head h2,main .i3-head h2,main .tstate-k h2,main .sstep h3,main .prof-txt h2,main .a-txt h3,main .cta h2,main .mhero-txt h1{
    animation:maskUp linear both;animation-timeline:view();animation-range:entry 5% cover 28%}
  @keyframes maskUp{from{clip-path:inset(0 0 100% 0);translate:0 .45em}to{clip-path:inset(0 0 -20% 0);translate:0 0}}
  main .area .m1,main .side-tile,main .who-plate img,main .reach-stage,main .mapcard{
    animation:unveil linear both;animation-timeline:view();animation-range:entry 0% cover 32%}
  @keyframes unveil{from{clip-path:inset(14% 6% 14% 6% round 22px)}to{clip-path:inset(0 0 0 0 round 16px)}}
  main .stats .stat,main .qa{animation:liftIn linear both;animation-timeline:view();animation-range:entry 0% entry 80%}
  @keyframes liftIn{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
}
@media (prefers-reduced-motion:reduce){main *{animation:none!important}}



@supports (animation-timeline: view()){
  .hero .rv,.phero .rv,.thero .rv,.mhero .rv,.lhero .rv{animation:none!important;
    transition:opacity .67s ease,transform .8s cubic-bezier(.16,.84,.3,1)!important}
  .hero .rv.d1,.phero .rv.d1,.thero .rv.d1,.mhero .rv.d1{transition-delay:.14s!important}
  .hero .rv.d2,.phero .rv.d2,.thero .rv.d2,.mhero .rv.d2{transition-delay:.28s!important}
  .hero .rv.d3,.phero .rv.d3,.thero .rv.d3,.mhero .rv.d3{transition-delay:.42s!important}
  .mhero-txt h1{animation:none!important}
}



html:not(.go) .hero .msk span,html:not(.go) .hero .rv,html:not(.go) .phero .rv,html:not(.go) .thero .rv,html:not(.go) .mhero .rv,
html:not(.go) .phero-media,html:not(.go) .tframe,html:not(.go) .mstack{opacity:0!important;transform:translateY(38px)!important;transition:none!important}
html.go .phero-media,html.go .mstack{transition:opacity .8s ease .2s,transform .94s cubic-bezier(.16,.84,.3,1) .2s}