body.pf{background:var(--bg);background-attachment:fixed;font-family:var(--ff);color:var(--tx);--r:22px}
body.pf .glass{background:var(--card);border-color:var(--bd)}
.pfbg{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.pf-glow{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(500px 400px at 85% 8%,color-mix(in srgb,var(--accent) 35%,transparent),transparent 70%),radial-gradient(500px 500px at 8% 85%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%)}
.pf-aurora{position:fixed;inset:-15%;z-index:0;pointer-events:none;overflow:hidden;filter:blur(46px);opacity:.75}
.pf-aurora i{position:absolute;border-radius:50%;mix-blend-mode:screen}
.pf-aurora i:nth-child(1){width:46vmax;height:46vmax;left:-8%;top:-12%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 70%,transparent),transparent 68%);animation:aur1 17s ease-in-out infinite alternate}
.pf-aurora i:nth-child(2){width:38vmax;height:38vmax;right:-10%;top:10%;background:radial-gradient(circle,rgba(232,201,135,.45),transparent 68%);animation:aur2 21s ease-in-out infinite alternate}
.pf-aurora i:nth-child(3){width:42vmax;height:42vmax;left:20%;bottom:-24%;background:radial-gradient(circle,rgba(255,93,143,.32),transparent 68%);animation:aur3 25s ease-in-out infinite alternate}
@keyframes aur1{to{transform:translate(18vw,12vh) scale(1.15)}}@keyframes aur2{to{transform:translate(-16vw,14vh) scale(.9)}}@keyframes aur3{to{transform:translate(12vw,-12vh) scale(1.2)}}
.pf-wrap{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:0 16px 40px}
.pf-cover{height:210px;margin:0 -16px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 40%,#000)) center/cover;position:relative;border-radius:0 0 34px 34px;overflow:hidden;will-change:transform}.pf-cover-fade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.4))}
.pf-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.14) 50%,transparent 65%);transform:translateX(-120%);animation:coverShine 7s ease-in-out 2s infinite}
@keyframes coverShine{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}

/* ---------- hero: 3D holographic profile ---------- */
.pf-hero{position:relative;margin-top:-92px;padding:0 22px 28px;text-align:center;perspective:1100px}
.hero-glass{position:absolute;inset:78px 0 0 0;border-radius:var(--r);background:var(--card);border:1px solid var(--bd);backdrop-filter:blur(26px) saturate(165%);-webkit-backdrop-filter:blur(26px) saturate(165%);box-shadow:0 40px 80px -40px #000,0 2px 0 rgba(255,255,255,.1) inset;overflow:hidden}
.hero-glass::after{content:"";position:absolute;inset:0;background:radial-gradient(380px circle at var(--gx,50%) var(--gy,25%),rgba(255,255,255,.12),transparent 60%);pointer-events:none}
.hero-core{position:relative;transform-style:preserve-3d;transition:transform .12s ease-out;padding:0 0 4px}
.holo{position:relative;width:150px;height:150px;margin:0 auto 20px;transform-style:preserve-3d;transform:translateZ(60px)}
.holo-ring{position:absolute;inset:0;border-radius:50%;padding:4px;background:conic-gradient(from var(--ang),var(--accent),#fff 18%,var(--gold,#e8c987) 45%,var(--accent) 75%,var(--accent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ang 6s linear infinite;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent) 80%,transparent))}
.holo-photo{position:absolute;inset:9px;border-radius:50%;overflow:hidden;background:#15133a;display:grid;place-items:center;box-shadow:0 18px 40px -12px #000,0 0 0 3px rgba(0,0,0,.35)}
.holo-photo img{width:100%;height:100%;object-fit:cover;display:block}
.holo-photo span{font:700 40px var(--fd);color:#fff}
.holo-scan{position:absolute;left:9px;right:9px;top:9px;height:2px;z-index:3;background:linear-gradient(90deg,transparent,var(--gold,#e8c987),transparent);box-shadow:0 0 14px var(--gold,#e8c987);opacity:0;animation:holoScan 5.5s ease-in-out 1.4s infinite;border-radius:2px}
@keyframes holoScan{0%{top:12%;opacity:0}6%{opacity:.95}30%{top:88%;opacity:.95}36%,100%{top:88%;opacity:0}}
.orb{position:absolute;left:50%;top:50%;border-radius:50%;border:1px dashed color-mix(in srgb,var(--accent) 60%,transparent);pointer-events:none}
.orb.o1{width:204px;height:204px;margin:-102px 0 0 -102px;animation:orb1 9s linear infinite}
.orb.o2{width:236px;height:236px;margin:-118px 0 0 -118px;animation:orb2 14s linear infinite}
.orb.o3{width:176px;height:176px;margin:-88px 0 0 -88px;border-style:solid;border-color:rgba(232,201,135,.35);animation:orb3 11s linear infinite}
.orb::after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--gold,#e8c987);box-shadow:0 0 12px var(--gold,#e8c987),0 0 26px var(--accent)}
@keyframes orb1{from{transform:rotateX(72deg) rotateZ(0)}to{transform:rotateX(72deg) rotateZ(360deg)}}
@keyframes orb2{from{transform:rotateY(68deg) rotateZ(360deg)}to{transform:rotateY(68deg) rotateZ(0)}}
@keyframes orb3{from{transform:rotateX(60deg) rotateY(40deg) rotateZ(0)}to{transform:rotateX(60deg) rotateY(40deg) rotateZ(360deg)}}
.pf-hero .pf-name{font:600 clamp(30px,6.6vw,46px)/1.08 var(--fd,Georgia,serif);letter-spacing:-.02em;display:flex;align-items:center;justify-content:center;gap:10px;margin:4px 0 6px;transform:translateZ(36px);flex-wrap:wrap}
.nm-t{background:linear-gradient(100deg,var(--tx) 30%,var(--gold,#e8c987) 48%,var(--accent) 58%,var(--tx) 74%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:nameShine 8s linear infinite}
@keyframes nameShine{to{background-position:-240% 0}}
.vf{width:26px;height:26px;flex:none;animation:vfPop .8s cubic-bezier(.2,1.6,.3,1) both .6s}
@keyframes vfPop{from{transform:scale(0) rotate(-90deg)}to{transform:none}}
.headline{color:var(--accent);font-weight:700;margin:0 0 6px;transform:translateZ(24px)}
.loc{color:var(--mut);font-size:13.5px;margin:0 0 10px;display:flex;gap:5px;align-items:center;justify-content:center;transform:translateZ(18px)}
.bio{color:var(--tx);opacity:.9;max-width:520px;margin:10px auto 0;transform:translateZ(14px)}
.pf-actions{display:flex;gap:10px;justify-content:center;margin-top:22px;flex-wrap:wrap;transform:translateZ(30px)}
.pbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:14px;border:1px solid transparent;font:700 14px var(--ff);cursor:pointer;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#4f8cff));box-shadow:0 10px 26px -10px var(--accent);transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.pbtn:hover{transform:translateY(-2px);box-shadow:0 16px 34px -10px var(--accent)}.pbtn.ghost{background:var(--card);border-color:var(--bd);color:var(--tx);box-shadow:none}.pbtn.block{display:flex;margin-top:14px}.pbtn.sm{padding:8px 14px;font-size:13px}
.pbtn:not(.ghost)::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:sweep 5s ease-in-out infinite}

.pf-sec{margin-top:18px;padding:22px}.pf-sec.glass h2,.pf-sec>h2{font-size:18px;margin-bottom:14px}.pf-sec:not(.glass){padding:0}.pf-sec:not(.glass)>h2{margin:8px 4px 14px}.about{color:var(--tx);opacity:.9;line-height:1.7}.about a{color:var(--accent)}.about ul,.about ol{padding-left:20px}
.soc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.soc{display:flex;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s}.soc:hover{border-color:var(--c);box-shadow:0 14px 34px -14px var(--c)}.soc b{font-size:14px}
.soc-i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;overflow:hidden}.ico{width:22px;height:22px;object-fit:contain}.ico.fb{display:grid;place-items:center;width:100%;height:100%;font-weight:800;color:#fff;font-size:14px;border-radius:0}.soc-i .ico.fb{background:transparent!important}
.btn-list{display:grid;gap:10px}.cbtn{display:flex;align-items:center;gap:14px;padding:14px 18px;text-decoration:none;transition:transform .25s,box-shadow .25s}.cbtn:hover{box-shadow:0 14px 34px -14px var(--accent);border-color:var(--accent)}.cbtn b{flex:1}.cbtn img{width:34px;height:34px;border-radius:10px;object-fit:cover}.cbtn .dot{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);margin:0 11px}

/* ---------- services: tiles ---------- */
.svc-grid{display:grid;gap:14px}
.svc{padding:20px;cursor:pointer;text-align:left;position:relative;overflow:hidden;transition:transform .25s,box-shadow .35s,border-color .35s}
.svc:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.svc-head{display:flex;gap:14px;align-items:center;margin-bottom:10px}
.svc-ic{width:54px;height:54px;border-radius:15px;object-fit:cover;flex:none}.svc-ic.ph{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 30%,#000));display:grid;place-items:center;font-size:24px}
.svc h3{font-size:17px;margin:0 0 6px}
.svc-sum{color:var(--tx);opacity:.82;margin:8px 0 0;font-size:14.5px}
.svc-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.svc-pill{font-size:12px;font-weight:600;padding:4px 11px;border-radius:99px;border:1px solid var(--bd);background:rgba(255,255,255,.05)}
.svc-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:13px;color:var(--mut);font-weight:600}
.svc-go{display:inline-flex;align-items:center;gap:6px;color:var(--accent);transition:gap .25s}.svc:hover .svc-go{gap:12px}
.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:3px 11px;border-radius:99px;background:color-mix(in srgb,var(--accent) 25%,transparent);font-size:12.5px;font-weight:700}.chip.alt{background:var(--card);border:1px solid var(--bd)}

/* ---------- service sheet ---------- */
html.sheet-open{overflow:hidden}
.sheet-bg{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;padding:18px;background:rgba(3,2,10,.55);opacity:0;transition:opacity .35s,backdrop-filter .5s;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}
.sheet-bg.on{opacity:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.sheet{position:relative;width:100%;max-width:680px;max-height:90vh;overflow:auto;border-radius:28px;padding:26px 22px 24px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 14%,#15122c),#09071a 72%);color:#f4f5ff;border:1px solid rgba(255,255,255,.14);box-shadow:0 60px 120px -30px #000,0 0 90px -34px var(--accent);transform:perspective(1200px) rotateX(14deg) translateY(70px) scale(.94);transform-origin:50% 100%;opacity:0;transition:transform .75s cubic-bezier(.2,.9,.2,1),opacity .5s;overscroll-behavior:contain}
.sheet-bg.on .sheet{transform:none;opacity:1}
body.mode-light .sheet{background:linear-gradient(160deg,#fff,color-mix(in srgb,var(--accent) 8%,#f4f5ff));color:#0f1222}
.sheet-x{position:sticky;top:0;float:right;z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);color:inherit;font-size:24px;line-height:1;cursor:pointer;margin:-6px -4px 0 8px}
.sheet-x:hover{background:rgba(255,255,255,.22)}
.sheet-head{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.sheet-head h3{font:600 24px/1.1 var(--fd,Georgia,serif);margin:0 0 8px}
.sheet-desc{opacity:.88;margin:6px 0 14px}
.sheet h4{display:flex;align-items:center;gap:10px;font-size:15px;margin:20px 0 10px}
.sheet h4 small{font-weight:700;font-size:12px;padding:2px 10px;border-radius:99px;background:color-mix(in srgb,var(--accent) 30%,transparent)}
.sub-list{display:grid;gap:10px;perspective:900px}
.sub-card{border:1px solid rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));overflow:hidden;transition:border-color .3s,box-shadow .3s}
body.mode-light .sub-card{border-color:rgba(15,18,34,.14);background:rgba(255,255,255,.7)}
.sub-card:hover,.sub-card.open{border-color:color-mix(in srgb,var(--accent) 70%,#fff 10%);box-shadow:0 18px 40px -22px var(--accent)}
.sub-card.hot{border-color:rgba(232,201,135,.6);box-shadow:0 0 0 1px rgba(232,201,135,.25),0 18px 44px -24px rgba(232,201,135,.7)}
.sheet-bg.on .sub-card{animation:subIn .65s cubic-bezier(.2,.9,.2,1) both;animation-delay:calc(var(--i,0)*80ms + 280ms)}
@keyframes subIn{from{opacity:0;transform:translateY(26px) rotateX(-14deg)}to{opacity:1;transform:none}}
.sub-top{width:100%;display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:14px 16px;background:none;border:0;color:inherit;font:inherit;cursor:pointer;text-align:left}
.sub-emoji{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:21px;background:color-mix(in srgb,var(--accent) 24%,transparent)}.sub-emoji.dot{font-size:0}.sub-emoji.dot::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
.sub-title b{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:15.5px}.sub-title small{display:block;opacity:.72;margin-top:2px;font-size:12.5px;font-weight:500}
.sub-badge{font-style:normal;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:99px;background:linear-gradient(135deg,#e8c987,#c79a4a);color:#2a1d07}
.sub-meta{display:grid;justify-items:end;gap:3px;font-size:12px}.sub-price{font-weight:800;font-size:14px;padding:3px 11px;border-radius:99px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#e8c987));color:#fff}.sub-time{opacity:.72}
.sub-chev{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .35s;opacity:.7}.sub-card.open .sub-chev{transform:rotate(-135deg) translateY(-2px)}
.sub-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1)}.sub-card.open .sub-body{grid-template-rows:1fr}
.sub-in{overflow:hidden;min-height:0;padding:0 16px}.sub-card.open .sub-in{padding-bottom:16px}
.sub-in p{margin:0 0 10px;opacity:.88;font-size:14px}
.sub-feat{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:7px;font-size:14px}.sub-feat li{display:flex;gap:9px;align-items:flex-start}.sub-feat li::before{content:"";flex:none;width:16px;height:16px;margin-top:2px;border-radius:50%;background:color-mix(in srgb,var(--accent) 35%,transparent) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 12.5l4 4 8-9'/></svg>") center/10px no-repeat}
.sub-det{font-size:13.5px;opacity:.82;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.05);border:1px dashed rgba(255,255,255,.14);margin-bottom:6px}
.sheet .gal{margin:10px 0}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin:12px 0}.gal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;cursor:zoom-in;transition:transform .25s}.gal img:hover{transform:scale(1.03)}
.sheet video{width:100%;border-radius:14px;margin-top:10px;background:#000}.vid{position:relative;padding-top:56.25%;margin-top:10px;border-radius:14px;overflow:hidden}.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:640px){.sheet-bg{place-items:end center;padding:0}.sheet{border-radius:28px 28px 0 0;max-height:93vh;transform:translateY(100%)}.sub-top{grid-template-columns:auto 1fr auto}.sub-meta{grid-column:2/4;grid-row:2;justify-items:start;grid-auto-flow:column;grid-auto-columns:max-content;gap:12px;align-items:center}.sub-chev{grid-column:3;grid-row:1}}

.pf-foot{text-align:center;margin-top:34px}.made{display:inline-flex;gap:8px;align-items:center;padding:8px 16px;border-radius:99px;background:var(--card);border:1px solid var(--bd);font-size:12.5px;font-weight:600;color:var(--mut);text-decoration:none}.made .logo-mark{width:16px;height:16px;border-radius:5px}
.lb{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:5000;display:grid;place-items:center}.lb[hidden]{display:none}.lb img{max-width:92vw;max-height:86vh;border-radius:14px}.lb button{position:absolute;background:rgba(255,255,255,.14);color:#fff;border:0;width:46px;height:46px;border-radius:50%;font-size:26px;cursor:pointer}.lb-x{top:16px;right:16px}.lb-p{left:12px}.lb-n{right:12px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}.tilt{transform-style:preserve-3d;will-change:transform}
body.pf .ad-box{margin:26px auto}body.pf .ad-links{padding-bottom:30px}

/* ---------- cinematic intro overlay ---------- */
html.pf-intro{overflow:hidden}
html.pf-intro .pf-wrap{opacity:0}
html.pf-intro.pf-reveal .pf-wrap{opacity:1;transition:opacity 1.1s ease .2s}
.intro{display:none}
html.pf-intro .intro{display:grid;position:fixed;inset:0;z-index:6000;place-items:center;background:radial-gradient(70% 60% at 50% 38%,color-mix(in srgb,var(--accent) 24%,#07050f),#020108 78%);overflow:hidden;animation:introIn .6s ease both;cursor:pointer}
.intro.out{animation:introOut .95s cubic-bezier(.7,0,.2,1) forwards;pointer-events:none}
@keyframes introIn{from{opacity:0}to{opacity:1}}
@keyframes introOut{0%{opacity:1;transform:none;filter:none}100%{opacity:0;transform:scale(1.2);filter:blur(16px)}}
#introfx{position:absolute;inset:0;width:100%;height:100%}
.intro-grid{position:absolute;left:-30%;right:-30%;top:34%;height:120%;background-image:linear-gradient(color-mix(in srgb,var(--accent) 35%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 35%,transparent) 1px,transparent 1px);background-size:54px 54px;transform:perspective(520px) rotateX(64deg);transform-origin:50% 0;-webkit-mask-image:linear-gradient(#000,transparent 80%);mask-image:linear-gradient(#000,transparent 80%);opacity:.45;animation:gridMove 4s linear infinite}
@keyframes gridMove{to{background-position:0 54px}}
.intro-stage{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 22px;max-width:640px;width:100%}
.i-av{position:relative;width:min(48vw,200px);aspect-ratio:1;opacity:0;transform:perspective(700px) scale(.3) rotateY(-180deg);filter:blur(12px);transition:opacity .9s,transform 1.5s cubic-bezier(.2,1.2,.3,1),filter 1s,width .9s cubic-bezier(.3,.8,.2,1)}
.i-av.show{opacity:1;transform:none;filter:none}
.i-av.up{width:min(34vw,132px)}
.i-photo{position:absolute;inset:8px;border-radius:50%;overflow:hidden;background:#15133a;display:grid;place-items:center;box-shadow:0 0 0 3px rgba(255,255,255,.14),0 0 60px -6px var(--accent)}
.i-photo img{width:100%;height:100%;object-fit:cover}.i-photo span{font:700 56px var(--fd,Georgia,serif);color:#fff}
.i-edge{position:absolute;inset:0;border-radius:50%;padding:4px;background:conic-gradient(from var(--ang),var(--accent),#fff 20%,var(--gold,#e8c987) 48%,var(--accent) 80%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ang 3.5s linear infinite}
.i-ring{position:absolute;inset:-8px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--accent) 75%,transparent);opacity:0;animation:iring 2.6s ease-out infinite}.i-ring.r2{animation-delay:.85s}.i-ring.r3{animation-delay:1.7s}
@keyframes iring{0%{transform:scale(.85);opacity:.9}100%{transform:scale(2.1);opacity:0}}
.i-scan{position:absolute;left:-8%;right:-8%;top:0;height:2px;z-index:3;background:linear-gradient(90deg,transparent,var(--gold,#e8c987),transparent);box-shadow:0 0 18px var(--gold,#e8c987);animation:iscan 1.9s ease-in-out infinite}
@keyframes iscan{0%{top:4%;opacity:0}15%,85%{opacity:1}100%{top:96%;opacity:0}}
.i-name{position:relative;margin:22px 0 0;font:600 clamp(30px,8vw,54px)/1.08 var(--fd,Georgia,serif);letter-spacing:-.02em;color:#fff;opacity:0;transition:opacity .4s;min-height:1.1em;max-width:100%}
.i-name.on{opacity:1}
.i-name .g,.i-bio .g{visibility:hidden}
.i-name .l,.i-bio .l{position:absolute;left:0;right:0;top:0;text-align:center}
.i-name .l{background:linear-gradient(100deg,#fff 35%,var(--gold,#e8c987) 60%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px color-mix(in srgb,var(--accent) 60%,transparent)}
.i-name:not(.done) .l{filter:drop-shadow(0 0 10px var(--accent))}
.i-head{margin:10px 0 0;color:var(--accent);font-weight:700;font-size:clamp(15px,3.6vw,19px);opacity:0;transform:translateY(14px);transition:opacity .7s,transform .7s}
.i-loc{margin:6px 0 0;color:rgba(255,255,255,.66);font-size:13.5px;opacity:0;transform:translateY(12px);transition:opacity .7s .15s,transform .7s .15s}
.i-head.show,.i-loc.show{opacity:1;transform:none}
.i-bio{position:relative;margin:16px 0 0;max-width:520px;color:rgba(255,255,255,.88);font-size:clamp(14px,3.4vw,16px);line-height:1.6;opacity:0;transition:opacity .4s}.i-bio.on{opacity:1}
.i-bio .l{text-align:center}.i-bio:not(.done) .l::after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:3px;vertical-align:-.15em;background:var(--gold,#e8c987);animation:blink .8s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.i-foot{position:absolute;left:0;right:0;bottom:max(26px,env(safe-area-inset-bottom));z-index:3;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 22px}
.i-cap{font:600 12.5px ui-monospace,Menlo,monospace;letter-spacing:.04em;color:rgba(255,255,255,.62);min-height:18px}.i-cap.sw{animation:capIn .5s ease both}.i-cap::before{content:"> ";color:var(--gold,#e8c987)}
@keyframes capIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.i-bar{width:min(240px,60vw);height:3px;border-radius:9px;background:rgba(255,255,255,.12);overflow:hidden}.i-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--gold,#e8c987));box-shadow:0 0 12px var(--accent)}
.i-skip{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;font:600 12.5px var(--ff);padding:7px 16px;border-radius:99px;cursor:pointer;backdrop-filter:blur(8px)}.i-skip:hover{background:rgba(255,255,255,.18)}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.holo-ring,.orb,.holo-scan,.nm-t,.pf-cover::after,.pf-aurora i{animation:none}html.pf-intro .intro{display:none}html.pf-intro .pf-wrap{opacity:1}}