.av{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--pri),var(--deep));display:grid;place-items:center;font-weight:700;font-size:24px;margin-bottom:14px}
.role{color:var(--pri);font-weight:500;font-size:14px;line-height:1.5}
a.card{display:block}.bigcard{padding:34px}.bigcard .sub{margin-bottom:0}
.cols{display:grid;gap:28px}
.book{aspect-ratio:2/3;max-width:260px;width:100%;border-radius:14px;background:linear-gradient(160deg,var(--deep),var(--bg));border:1px solid var(--bd);display:flex;flex-direction:column;justify-content:flex-end;padding:22px;margin:0 auto}
.book h3{font-size:26px;margin:6px 0 0}.book small{color:var(--mut)}
.meta p{margin:6px 0;color:var(--mut)}.meta b{color:var(--fg);font-weight:500}
@media(min-width:768px){.cols{grid-template-columns:260px 1fr;align-items:start}}
@media(min-width:768px) and (max-width:1100px){.links{gap:14px;font-size:12px}}
.cover{width:100%;max-width:260px;height:auto;border-radius:14px;border:1px solid var(--bd);display:block;margin:0 auto;box-shadow:0 20px 60px rgba(var(--pri-rgb),.2)}
.bookwrap{perspective:1500px;display:flex;justify-content:center;order:-1}
.book3d{position:relative;width:min(220px,56vw);transform-style:preserve-3d;transform:rotateY(-14deg);opacity:0;animation:pin 1.2s .3s forwards,fl 6s 1.5s ease-in-out infinite}
.book3d img{display:block;width:100%;height:auto;border-radius:3px 8px 8px 3px;box-shadow:5px 0 0 #e9e1ee,9px 0 0 #d6cde0,0 30px 70px rgba(var(--pri-rgb),.35)}
.book3d::after{content:"";position:absolute;inset:0;border-radius:3px 8px 8px 3px;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.4),rgba(255,255,255,.14) 6%,transparent 14%)}
@media(min-width:768px){.bookwrap{order:0}.book3d{width:300px;transform:rotateY(-24deg) rotateZ(2deg)}}
@media(max-width:767px){.book3d{animation:pin 1s .2s forwards}}
@media(prefers-reduced-motion:reduce){.book3d{opacity:1}}
@media(max-width:767px){body{padding-bottom:0}}
.pcard .ph{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--pri),var(--deep));display:grid;place-items:center;font-size:36px;font-weight:700;margin-bottom:18px;border:2px solid var(--pri)}
.pcard .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pcard .role{margin-bottom:10px}.pcard .pill{margin-top:18px}
.soon{text-align:center;overflow:hidden}
.soon::before{content:"";position:absolute;inset:0;pointer-events:none;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);background:radial-gradient(ellipse at 50% 55%,rgba(60,90,255,.26),transparent 60%),radial-gradient(ellipse at 88% 92%,rgba(190,30,200,.22),transparent 55%)}
.soon .wrap{z-index:1}.soonbox img{display:block;margin:0 auto;max-width:100%;height:auto}
.s-name{width:min(640px,92%);opacity:0;transform:translateY(26px) scale(.94);filter:blur(10px)}
.s-soon{width:min(430px,72%);margin-top:-6px!important;opacity:0;transform:translateY(22px)}
.s-handwrap{width:min(400px,76%);margin:6px auto 0;opacity:0;transform:translateY(90px) scale(.8);filter:drop-shadow(0 0 36px rgba(60,120,255,.4))}
.soon.in .s-name{animation:sn 1s .1s cubic-bezier(.2,.8,.2,1) forwards}
.soon.in .s-soon{animation:ss .9s .55s cubic-bezier(.2,.8,.2,1) forwards}
.soon.in .s-handwrap{animation:sh 1.4s .85s cubic-bezier(.2,.9,.25,1) forwards,sfl 6s 2.4s ease-in-out infinite}
@keyframes sn{to{opacity:1;transform:none;filter:none}}
@keyframes ss{to{opacity:1;transform:none}}
@keyframes sh{to{opacity:1;transform:none}}
@keyframes sfl{50%{translate:0 -12px}}
@media(max-width:767px){.s-name{filter:none}.s-handwrap{filter:none}}
@media(prefers-reduced-motion:reduce){.s-name,.s-soon,.s-handwrap{opacity:1;transform:none;filter:none}}
.handwrap{order:-1;display:flex;justify-content:center;background:radial-gradient(ellipse at 50% 55%,rgba(60,90,255,.22),transparent 65%)}
.hhand{display:block;width:min(300px,70%);height:auto;opacity:0;transform:translateY(90px) scale(.8);animation:sh 1.4s .5s cubic-bezier(.2,.9,.25,1) forwards,sfl 6s 2.2s ease-in-out infinite}
@media(min-width:768px){.handwrap{order:0}.hhand{width:min(420px,90%)}}
@media(prefers-reduced-motion:reduce){.hhand{opacity:1;transform:none}}
#services{scroll-margin-top:80px}
.phone a.chip{display:block;cursor:pointer;transition:transform .25s,box-shadow .25s}.phone a.chip:hover{transform:scale(1.04);box-shadow:0 8px 24px rgba(0,0,0,.35)}