html:has(#lamp-intro:not([hidden])){overflow:hidden}
.lamp-intro{--charge:0;position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;min-height:100svh;overflow:auto;isolation:isolate;box-sizing:border-box;background:#08060c;color:#f8f3ee;font-family:Satoshi-Variable,system-ui,sans-serif}
.lamp-intro[hidden]{display:none}
.intro-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 65%,#6b276f2b,transparent 43%),radial-gradient(ellipse at 50% -40%,#57274136,transparent 60%),#08060c}
.intro-atmosphere:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 25%,#08060c 85%)}
.intro-orbit{position:absolute;width:800px;height:800px;left:50%;top:52%;transform:translate(-50%,-50%);border:1px solid #dbc6980a;border-radius:50%}
.intro-orbit-second{width:1100px;height:1100px}
.intro-stars{position:absolute;inset:0}
.intro-stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#dbc3a0;box-shadow:0 0 8px #e9c4ff70;opacity:.3;animation:intro-twinkle 5s ease-in-out infinite alternate}
.intro-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 42px;position:relative;z-index:3;flex:none}
.intro-wordmark{font-size:31px;letter-spacing:-2px;font-weight:900;line-height:1}
.intro-wordmark>span{font-size:10px;letter-spacing:0;vertical-align:top;display:inline-block;margin:3px 0 0 4px;font-weight:500}
.intro-skip{border:1px solid #e9d5e92b;border-radius:30px;min-height:44px;padding:11px 18px;background:#ffffff03;color:#ddcddd;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:20px;transition:background .2s}
.intro-skip:hover{background:#ffffff0d}
.intro-skip>span{font-size:20px}
.intro-main{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;padding:10px 24px 20px;text-align:center;box-sizing:border-box;position:relative;z-index:1}
.intro-copy{position:relative;z-index:2;pointer-events:none}
.intro-eyebrow{font-size:10px;line-height:1.5;letter-spacing:3.8px;color:#c7a98a;margin:0 0 22px}
.intro-copy h1{font-size:clamp(37px,5.2vw,70px);font-weight:500;line-height:1.06;letter-spacing:-2.8px;margin:0}
.intro-copy h1>span{font-family:Satoshi-VariableItalic,serif;font-weight:400;background:linear-gradient(100deg,#e5c48b,#fbddc4 44%,#cf9bdc);background-clip:text;-webkit-background-clip:text;color:transparent}
.intro-lamp-stage{width:min(470px,85vw);height:clamp(230px,35vh,345px);position:relative;display:grid;place-items:center;margin:16px 0 4px;flex:none}
.intro-lamp-aura{position:absolute;width:100%;aspect-ratio:1;left:0;top:50%;border-radius:50%;transform:translateY(-50%);background:radial-gradient(ellipse,#d39acb38 0%,#9847b52e 24%,#68328a1c 44%,transparent 70%);filter:blur(14px);opacity:calc(.55 + var(--charge) * .65);transition:opacity .15s;pointer-events:none}
.intro-lamp{width:87%;position:relative;z-index:2;border:0;padding:10px 0;background:transparent;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;border-radius:46%;outline-offset:10px}
.intro-lamp img{display:block;width:100%;height:auto;pointer-events:none;filter:drop-shadow(0 15px 26px #0009) drop-shadow(0 0 12px #d49b4320);transform:rotate(-6deg);animation:intro-float 5s ease-in-out infinite;transform-origin:50% 70%;will-change:transform}
.intro-lamp.is-rubbing{cursor:grabbing}
.intro-lamp.is-rubbing img{animation-play-state:paused;filter:drop-shadow(0 0 18px #e9a86c55)}
.intro-lamp.has-magic img{animation:intro-rub .72s ease-in-out infinite;animation-play-state:paused;filter:drop-shadow(0 0 18px #e9a86c55)}
.intro-lamp.has-magic.is-shaking img{animation-play-state:running}
.intro-floor{position:absolute;bottom:0;left:20%;width:60%;height:12px;border-radius:50%;background:#c870c729;filter:blur(16px);transform:scaleY(.45);pointer-events:none}
.intro-invitation{position:relative;z-index:3;margin:5px 0 0}
#intro-instructions{font-size:17px;font-weight:500;line-height:1.5;letter-spacing:.1px}
#intro-instructions>span{display:inline-block;color:#dfb9ec;font-size:26px;line-height:1;vertical-align:-2px;margin-right:6px}
.intro-hint{font-size:12px;line-height:1.6;color:#a393ad;margin-top:7px}
.intro-progress{width:180px;height:3px;border-radius:99px;position:relative;margin:23px auto 16px;background:#e4c5901c;box-shadow:inset 0 0 3px #e7c78515}
.intro-progress>span{display:block;position:relative;height:100%;width:calc(var(--charge) * 100%);border-radius:inherit;background:linear-gradient(90deg,#9d682b,#e6b767 45%,#fff1c2 70%,#d6a151);background-size:200% 100%;box-shadow:0 0 9px #e8b85b70,0 0 20px #e8b85b25;transition:width .5s cubic-bezier(.22,1,.36,1);animation:magic-shimmer 2.4s ease-in-out infinite}.intro-progress>span:after{content:"";position:absolute;right:-3px;top:50%;width:7px;height:7px;border-radius:50%;background:#fff4d4;opacity:clamp(0,var(--charge),1);box-shadow:0 0 7px #fff3c9,0 0 17px #e7bb67;transform:translateY(-50%);transition:opacity .35s}@keyframes magic-shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.intro-status{font-size:11px;letter-spacing:.4px;line-height:1.6;color:#a88caa;min-height:18px}
.intro-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 42px 26px;flex:none;color:#716678;font-size:9px;letter-spacing:1.6px;line-height:1.5}
.intro-footer>span:last-child{margin-right:0}
.intro-smoke{position:absolute;left:9%;top:30%;width:1px;height:1px;z-index:3;pointer-events:none;opacity:var(--charge);transition:opacity .3s}
.intro-smoke i{position:absolute;display:block;width:100px;height:140px;border-radius:50%;background:radial-gradient(ellipse,#e4bcf86b,#a167ca32 44%,transparent 70%);filter:blur(14px);transform-origin:center bottom;animation:intro-smoke 3s ease-out infinite}
.intro-smoke i:nth-child(2){animation-delay:-.6s;background:radial-gradient(ellipse,#ebbf9055,transparent 70%)}
.intro-smoke i:nth-child(3){animation-delay:-1.2s}.intro-smoke i:nth-child(4){animation-delay:-1.8s}.intro-smoke i:nth-child(5){animation-delay:-2.4s}
.intro-sparks{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:visible}
.intro-spark{position:absolute;left:var(--x);top:var(--y);width:var(--size,3px);height:var(--size,3px);border-radius:50%;background:#ffe7b5;box-shadow:0 0 9px #edbbffb0;opacity:0;animation:intro-spark var(--duration,1.7s) cubic-bezier(.3,.05,.65,1) var(--delay,0s) forwards}.intro-spark-star{border-radius:0;clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);background:#fae3ff}
.intro-portal{position:fixed;left:50%;top:57%;width:120vmax;height:120vmax;pointer-events:none;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.04);background:radial-gradient(ellipse,#cdb0dd7a 0,#9863baba 15%,#4a245dd9 36%,#170d27d9 53%,transparent 70%);z-index:4}
.lamp-intro.is-revealing{animation:intro-leave 1.65s ease-in forwards;pointer-events:none}
.lamp-intro.is-revealing .intro-portal{animation:intro-portal 1.65s cubic-bezier(.25,.5,.2,1) forwards}
.lamp-intro.is-revealing .intro-copy,.lamp-intro.is-revealing .intro-header,.lamp-intro.is-revealing .intro-invitation,.lamp-intro.is-revealing .intro-footer{transition:opacity .4s;opacity:0}
.lamp-intro.is-revealing .intro-lamp{transition:transform 1s,opacity .8s .3s;transform:translateY(-35px) scale(1.05);opacity:0}
.lamp-intro.is-revealing .intro-smoke{opacity:1;transform:scale(2);transition:transform .8s}
.lamp-intro-active #root *{animation-play-state:paused!important}
.intro-site-reveal #root{animation:intro-site-appear 1.65s ease-out both}
.motion-paused .lamp-intro .intro-lamp img,.motion-paused .lamp-intro .intro-smoke i,.motion-paused .lamp-intro .intro-stars i{animation-play-state:paused!important}
@keyframes intro-float{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-11px) rotate(-3deg)}}
@keyframes intro-rub{0%,100%{transform:var(--rub-origin) translate(0,0) rotate(0deg)}25%{transform:var(--rub-origin) translate(4px,-2px) rotate(4deg)}75%{transform:var(--rub-origin) translate(-4px,0) rotate(-4deg)}}
@keyframes intro-twinkle{to{opacity:.7;transform:scale(1.5)}}
@keyframes intro-smoke{0%{opacity:0;transform:translate(-45px,-75px) scale(.3) rotate(-15deg)}20%{opacity:.8}100%{opacity:0;transform:translate(0,-250px) scale(1.5) rotate(35deg)}}
@keyframes intro-spark{0%{opacity:0;transform:translate(0,-8px) scale(.4)}15%{opacity:.95}65%{opacity:.65}100%{opacity:0;transform:translate(var(--dx),var(--fall)) scale(.15)}}
@keyframes intro-portal{0%{opacity:0;transform:translate(-50%,-50%) scale(.04)}25%{opacity:1}70%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.45)}}
@keyframes intro-leave{0%,45%{background-color:#08060c;opacity:1}70%{background-color:#08060c22;opacity:1}100%{background-color:transparent;opacity:0}}
@keyframes intro-site-appear{from{opacity:.2;filter:blur(9px)}to{opacity:1;filter:blur(0)}}
@media(max-width:600px){.intro-header{padding:22px}.intro-wordmark{font-size:27px}.intro-skip{font-size:12px;gap:14px;padding:10px 14px}.intro-main{padding:10px 18px 20px}.intro-eyebrow{font-size:9px;letter-spacing:3px;margin-bottom:18px}.intro-copy h1{font-size:clamp(36px,9.5vw,53px);letter-spacing:-1.8px}.intro-lamp-stage{height:clamp(200px,32vh,295px);margin-top:25px;width:min(440px,94vw)}.intro-lamp{width:85%}.intro-footer{padding:14px 22px 24px;font-size:8px;letter-spacing:1px}.intro-footer>span:last-child{display:none}.intro-invitation{margin-top:12px}.intro-orbit{width:560px;height:560px}.intro-orbit-second{width:800px;height:800px}}
@media(max-height:700px){.intro-header{padding-block:18px}.intro-copy h1{font-size:clamp(34px,5vw,52px)}.intro-eyebrow{margin-bottom:12px}.intro-lamp-stage{height:220px;width:350px;max-width:90vw;margin-block:7px}.intro-invitation{margin-top:2px}.intro-progress{margin-top:13px}.intro-footer{padding-top:8px;padding-bottom:18px}}
@media(prefers-reduced-motion:reduce){.lamp-intro *,.intro-site-reveal #root{animation:none!important;transition:none!important}.intro-portal,.intro-smoke,.intro-sparks{display:none}.lamp-intro.is-revealing{animation:none;opacity:0}.intro-lamp img{transform:rotate(-5deg)}}

.lamp-intro-active .cursor{display:none}

/* Keep initial programmatic focus from outlining the lamp with a circle. */
#lamp-intro .intro-lamp,#lamp-intro .intro-lamp:focus,#lamp-intro .intro-lamp:focus-visible{outline:none;border:0;box-shadow:none}
.intro-lamp:focus-visible img{filter:drop-shadow(0 0 22px #e9bc6d66)}


/* Independent backdrop, portrait and lamp share a fixed portrait coordinate system. */
.intro-atmosphere{background:#08060c url('/img/other/intro-magic-bg.webp') center/cover no-repeat}
.intro-atmosphere:after{background:linear-gradient(90deg,#08060c70,transparent 60%),linear-gradient(0deg,#08060c 0%,transparent 25%)}
.intro-main{display:grid;grid-template-columns:minmax(280px,440px) minmax(0,580px);grid-template-rows:1fr auto 1fr;column-gap:24px;justify-content:center;align-content:center;padding:0 32px}
.intro-copy{grid-column:1;grid-row:2;align-self:end;text-align:left}
.intro-copy h1{font-size:clamp(44px,5.2vw,72px)}
.intro-invitation{grid-column:1;grid-row:3;align-self:start;justify-self:start;text-align:left;margin-top:24px}
.intro-progress{margin-left:0}
.intro-portrait-stage{grid-column:2;grid-row:1/4;align-self:center;justify-self:center;width:min(100%,57svh);max-width:none;height:auto;aspect-ratio:1321/1407;margin:0;isolation:isolate}
.intro-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;z-index:2;mask-image:linear-gradient(to bottom,#000 0%,#000 90%,transparent 100%)}
.intro-portrait-stage .intro-lamp{position:absolute;width:65%;left:9%;bottom:14.5%;padding:0;z-index:2}
.intro-portrait-stage .intro-lamp img{transform:none;transform-origin:52% 98%;animation:intro-hand-float 5s ease-in-out infinite;filter:drop-shadow(0 3px 2px #20112b66) drop-shadow(0 0 10px #d795e933)}
.intro-portrait-stage .intro-lamp.has-magic img{animation:intro-rub .72s ease-in-out infinite;animation-play-state:paused}
.intro-portrait-stage .intro-lamp.has-magic.is-shaking img{animation-play-state:running}
.intro-portrait-stage .intro-lamp-aura{z-index:1;width:64%;left:11%;top:78%;filter:blur(18px);background:radial-gradient(ellipse,#e5bafa40,transparent 65%)}
.intro-portrait-stage .intro-smoke{left:10%;top:61%}
.lamp-intro.is-revealing .intro-portrait{opacity:0;transition:opacity .8s .2s}
@keyframes intro-hand-float{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-1px) rotate(.5deg)}}
@media(max-width:700px){.intro-main{display:flex;padding:8px 16px 12px;gap:0}.intro-copy{text-align:center}.intro-copy h1{font-size:clamp(34px,8vw,48px)}.intro-eyebrow{margin-bottom:12px}.intro-portrait-stage{width:min(94vw,42svh,390px);max-width:none;aspect-ratio:1321/1407;margin:16px 0 0;height:auto}.intro-invitation{align-self:center;text-align:center;margin:0}.intro-progress{margin:14px auto 8px}.intro-header{padding:18px 22px}.intro-footer{padding-block:12px}.intro-atmosphere{background-position:58% center}}
@media(max-height:600px) and (min-width:701px){.intro-portrait-stage{width:min(100%,64svh)}.intro-copy h1{font-size:44px}.intro-invitation{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.intro-portrait-stage .intro-lamp img{animation:none!important;transform:none}}

/* Centered title above the portrait, with the lamp hovering over the palm. */
.intro-main{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px 20px 12px;gap:0}
.intro-copy{align-self:center;text-align:center}
.intro-copy h1{font-size:clamp(36px,4.4vw,58px)}
.intro-eyebrow{margin-bottom:12px}
.intro-portrait-stage{width:min(480px,44svh,94vw);margin:18px 0 0}
.intro-invitation{align-self:center;justify-self:center;text-align:center;margin:0}
.intro-progress{margin:16px auto 10px}
.intro-portrait-stage .intro-lamp{width:72%;left:5.3%;bottom:17.5%}
.intro-portrait-stage .intro-smoke{left:6%;top:56%}
.intro-portrait-stage .intro-lamp-aura{top:75%}
@keyframes intro-hand-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@media(max-width:700px){.intro-copy h1{font-size:clamp(34px,8vw,48px)}.intro-portrait-stage{width:min(94vw,42svh,390px);margin-top:16px}}
@media(max-height:650px){.intro-copy h1{font-size:34px}.intro-portrait-stage{width:min(94vw,38svh,390px);margin-top:10px}.intro-header{padding-block:12px}.intro-footer{padding-block:10px}.intro-progress{margin-block:10px}}

/* Use the supplied lamp's surrounding light without shrinking the lamp itself. */
.intro-portrait-stage{width:min(560px,58svh,94vw);margin-top:14px}
.intro-portrait-stage .intro-lamp{width:72%;left:5.3%;bottom:17.5%;aspect-ratio:1096/676;overflow:visible}
.intro-portrait-stage .intro-lamp img{position:absolute;width:187%;max-width:none;height:auto;left:-42.1%;top:-58.6%;filter:none;transform-origin:50% 74%}
.intro-portrait-stage .intro-lamp.has-magic img,.intro-portrait-stage .intro-lamp.is-rubbing img{filter:none}
.intro-portrait-stage .intro-lamp-aura{opacity:0}
@media(max-width:700px){.intro-portrait-stage{width:min(94vw,52svh,450px);margin-top:14px}}
@media(max-height:650px){.intro-portrait-stage{width:min(94vw,49svh,450px);margin-top:10px}}

/* Optical centering follows the face and palm, not the cutout canvas edges. */
.lamp-intro{overflow-x:clip}
.intro-main{width:100%;flex-shrink:0;padding-inline:16px}
.intro-portrait-stage{width:min(680px,70svh,110vw);max-width:none;flex-shrink:0;transform:translateX(7%);margin-top:18px}
.intro-copy,.intro-invitation{width:100%;text-align:center}
.intro-invitation{margin-top:-8px}
@media(max-width:700px){.intro-main{padding-inline:12px}.intro-portrait-stage{width:min(112vw,64svh,540px);max-width:none;margin-top:18px}.intro-copy h1{font-size:clamp(36px,9vw,50px)}}
@media(max-height:650px){.intro-portrait-stage{width:min(112vw,61svh,540px)}.intro-header{padding-block:10px}.intro-main{justify-content:flex-start}.intro-invitation{margin-top:-6px}}

/* Separate visual layers keep the lamp interactive while the magic drifts independently behind it. */
.intro-portrait-stage .intro-lamp{width:72%;left:5.3%;bottom:17.5%;aspect-ratio:1628/999;overflow:visible}
.intro-portrait-stage .intro-lamp img{position:relative;width:100%;max-width:none;height:auto;left:auto;top:auto;filter:drop-shadow(0 10px 18px #17091c80) drop-shadow(0 0 14px #d944e755);transform-origin:50% 78%;animation:intro-lamp-hover 4.8s ease-in-out infinite;will-change:transform}
.intro-portrait-stage .intro-lamp.has-magic img,.intro-portrait-stage .intro-lamp.is-rubbing img{filter:drop-shadow(0 10px 18px #17091c80) drop-shadow(0 0 25px #f29cffb5)}
.intro-portrait-stage .intro-lamp.has-magic img{animation:intro-rub .72s ease-in-out infinite;animation-play-state:paused}
.intro-portrait-stage .intro-lamp.has-magic.is-shaking img{animation-play-state:running}
@keyframes intro-lamp-hover{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
.intro-lamp-sparkle-stream{position:absolute;z-index:3;left:35%;bottom:39%;width:32%;height:38%;pointer-events:none;overflow:visible;filter:drop-shadow(0 0 5px #eeb9ff99)}
.intro-lamp-sparkle-stream i{position:absolute;left:var(--x);bottom:0;width:var(--size);height:var(--size);border-radius:50%;background:var(--color);box-shadow:0 0 7px var(--color);opacity:0;animation:lamp-sparkle-rise var(--speed) ease-out var(--delay) infinite}
.intro-lamp-sparkle-stream i:nth-child(3n){border-radius:0;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
.intro-lamp-sparkle-stream i:nth-child(1){--x:12%;--size:4px;--color:#fff1c9;--speed:2.9s;--delay:-.9s}.intro-lamp-sparkle-stream i:nth-child(2){--x:25%;--size:3px;--color:#eab4ff;--speed:3.6s;--delay:-2.7s}.intro-lamp-sparkle-stream i:nth-child(3){--x:39%;--size:6px;--color:#fff2bd;--speed:3.2s;--delay:-1.8s}.intro-lamp-sparkle-stream i:nth-child(4){--x:54%;--size:3px;--color:#dca5ff;--speed:4.1s;--delay:-.3s}.intro-lamp-sparkle-stream i:nth-child(5){--x:68%;--size:5px;--color:#fff5d8;--speed:3.4s;--delay:-2.2s}.intro-lamp-sparkle-stream i:nth-child(6){--x:79%;--size:3px;--color:#efa8ef;--speed:3.8s;--delay:-1.2s}.intro-lamp-sparkle-stream i:nth-child(7){--x:7%;--size:2px;--color:#fff6ce;--speed:3.1s;--delay:-2.5s}.intro-lamp-sparkle-stream i:nth-child(8){--x:32%;--size:4px;--color:#dca5ff;--speed:4.2s;--delay:-.7s}.intro-lamp-sparkle-stream i:nth-child(9){--x:48%;--size:5px;--color:#fff2bd;--speed:2.8s;--delay:-1.5s}.intro-lamp-sparkle-stream i:nth-child(10){--x:61%;--size:2px;--color:#f0bfff;--speed:3.5s;--delay:-3s}.intro-lamp-sparkle-stream i:nth-child(11){--x:85%;--size:4px;--color:#fff5d8;--speed:3.9s;--delay:-.4s}.intro-lamp-sparkle-stream i:nth-child(12){--x:20%;--size:3px;--color:#e8b0ff;--speed:3s;--delay:-2s}
@keyframes lamp-sparkle-rise{0%{opacity:0;transform:translate3d(0,4px,0) scale(.4)}15%{opacity:.9}55%{opacity:.6}100%{opacity:0;transform:translate3d(var(--drift,10px),calc(-1 * var(--rise,150px)),0) scale(1.15)}}
.intro-lamp-sparkle-stream i:nth-child(odd){--drift:-15px;--rise:125px}.intro-lamp-sparkle-stream i:nth-child(even){--drift:18px;--rise:155px}
.motion-paused .lamp-intro .intro-lamp-sparkle-stream i{animation-play-state:paused!important}
.intro-portrait-sparkle-field{position:absolute;z-index:1;inset:5% -8% 6%;pointer-events:none;overflow:hidden;filter:drop-shadow(0 0 5px #e1b4ff88)}
.intro-portrait-sparkle-field i{position:absolute;left:var(--x);bottom:var(--bottom);width:calc(var(--size) * 1.8);height:calc(var(--size) * 1.8);border-radius:50%;background:var(--color);box-shadow:0 0 12px var(--color),0 0 22px color-mix(in srgb,var(--color) 42%,transparent);opacity:0;animation:portrait-sparkle-float var(--speed) ease-in-out var(--delay) infinite}
.intro-portrait-sparkle-field i:nth-child(4n),.intro-portrait-sparkle-field i:nth-child(7n){border-radius:0;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
.intro-portrait-sparkle-field i:nth-child(1){--x:8%;--bottom:18%;--size:3px;--color:#efb9ff;--speed:5.2s;--delay:-1s}.intro-portrait-sparkle-field i:nth-child(2){--x:17%;--bottom:42%;--size:4px;--color:#fff0c6;--speed:6s;--delay:-4.1s}.intro-portrait-sparkle-field i:nth-child(3){--x:28%;--bottom:10%;--size:2px;--color:#dca9ff;--speed:5.6s;--delay:-2.2s}.intro-portrait-sparkle-field i:nth-child(4){--x:39%;--bottom:68%;--size:5px;--color:#fff1c9;--speed:6.4s;--delay:-5s}.intro-portrait-sparkle-field i:nth-child(5){--x:51%;--bottom:25%;--size:3px;--color:#edb5ff;--speed:5.8s;--delay:-.5s}.intro-portrait-sparkle-field i:nth-child(6){--x:63%;--bottom:56%;--size:2px;--color:#fff3d2;--speed:6.2s;--delay:-3.4s}.intro-portrait-sparkle-field i:nth-child(7){--x:75%;--bottom:14%;--size:5px;--color:#dca5ff;--speed:5.4s;--delay:-1.6s}.intro-portrait-sparkle-field i:nth-child(8){--x:86%;--bottom:47%;--size:3px;--color:#fff0c4;--speed:6.5s;--delay:-4.4s}.intro-portrait-sparkle-field i:nth-child(9){--x:93%;--bottom:27%;--size:2px;--color:#eeb6ff;--speed:5.5s;--delay:-2.8s}.intro-portrait-sparkle-field i:nth-child(10){--x:4%;--bottom:61%;--size:4px;--color:#fff1ca;--speed:6.1s;--delay:-3.1s}.intro-portrait-sparkle-field i:nth-child(11){--x:22%;--bottom:78%;--size:2px;--color:#dca5ff;--speed:5.7s;--delay:-.8s}.intro-portrait-sparkle-field i:nth-child(12){--x:35%;--bottom:37%;--size:3px;--color:#fff3d2;--speed:6.3s;--delay:-4.7s}.intro-portrait-sparkle-field i:nth-child(13){--x:58%;--bottom:82%;--size:4px;--color:#efb9ff;--speed:5.3s;--delay:-2.4s}.intro-portrait-sparkle-field i:nth-child(14){--x:70%;--bottom:35%;--size:2px;--color:#fff0c6;--speed:6.6s;--delay:-1.4s}.intro-portrait-sparkle-field i:nth-child(15){--x:81%;--bottom:72%;--size:3px;--color:#dca9ff;--speed:5.9s;--delay:-3.8s}.intro-portrait-sparkle-field i:nth-child(16){--x:96%;--bottom:54%;--size:4px;--color:#fff2ce;--speed:6.1s;--delay:-5.3s}
@keyframes portrait-sparkle-float{0%{opacity:0;transform:translate3d(0,8px,0) scale(.35)}18%{opacity:.9}62%{opacity:.48}100%{opacity:0;transform:translate3d(var(--side,9px),-110px,0) scale(1)}}
.intro-portrait-sparkle-field i:nth-child(odd){--side:-11px}.intro-portrait-sparkle-field i:nth-child(even){--side:12px}
.motion-paused .lamp-intro .intro-portrait-sparkle-field i{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.intro-lamp-sparkle-stream,.intro-portrait-sparkle-field{display:none}.intro-portrait-stage .intro-lamp img{animation:none!important;transform:none}}