.staff-welcome-overlay{position:fixed;inset:0;z-index:100001;display:grid;place-items:center;padding:22px;background:radial-gradient(ellipse at 50% 25%,#345C4BD9,#101722F5 70%);backdrop-filter:blur(10px);animation:wp-overlay .3s ease both;overflow:auto;}
.staff-welcome-card{position:relative;width:min(640px,100%);padding:30px 44px 36px;text-align:center;background:linear-gradient(145deg,#233C32,#172536 75%);border:1px solid #A1CCB650;border-radius:28px;color:#F5F0E8;box-shadow:0 30px 100px #0007;animation:wp-card .65s cubic-bezier(.2,.9,.3,1.15) both;}
.wp-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.75;z-index:0;}.staff-welcome-card{z-index:1;box-shadow:0 30px 100px #0007,0 0 65px #B5EAD611;overflow:hidden;}.staff-welcome-card>:is(.wp-art,.wp-eyebrow,.wp-title,.wp-description,.wp-features,.wp-ready,.wp-enter){position:relative;z-index:1;}.wp-close{z-index:2;}
.wp-art{position:relative;}.wp-art>svg{position:relative;z-index:1;}.wp-orbit-halo{position:absolute;inset:8px -8px 0;border:1px solid #B5EAD642;border-radius:50%;background:conic-gradient(from 40deg,transparent 30%,#B5EAD61A,transparent 70%);box-shadow:0 0 28px #B5EAD611;pointer-events:none;}
#staffWelcome .wp-title{background:linear-gradient(100deg,#F5F0E8 20%,#B5EAD6 45%,#F5F0E8 70%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;}
.wp-close{position:absolute;top:15px;right:17px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #B5EAD64D;border-radius:50%;background:#ffffff08;color:#E9F5ED;font:24px/1 system-ui;cursor:pointer;}
.wp-art{width:180px;height:170px;margin:auto;color:#B5EAD6;}
.wp-cup{transform-origin:85px 135px;animation:wp-bounce 3.2s ease-in-out infinite;}
.wp-steam{animation:wp-steam 3.2s ease-in-out infinite;}.wp-spark{animation:wp-glow 3.2s ease-in-out infinite;}
.wp-eyebrow{font:700 11px/1.5 Manrope,system-ui;letter-spacing:.13em;text-transform:uppercase;color:#B5EAD6;margin:5px 0 14px;}
.wp-title{font:500 clamp(28px,4vw,42px)/1.18 'Cormorant Garamond',Georgia,serif;color:#F5F0E8;margin:0;overflow-wrap:anywhere;}
#staffWelcome .wp-title{font-size:clamp(28px,4vw,42px)!important;font-weight:500!important;line-height:1.18!important;letter-spacing:-.02em!important;}
#staffWelcome .wp-art svg{display:block;width:100%;height:100%;overflow:visible;}
.wp-description{color:#C6DACE;font:400 15px/1.8 Manrope,system-ui;margin:17px auto 20px;max-width:440px;}
.wp-features{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;}.wp-features span{border:1px solid #B5EAD630;padding:7px 11px;border-radius:999px;color:#D7EADD;background:#B5EAD607;font:500 11px/1.4 Manrope,system-ui;}
.wp-ready{display:flex;align-items:center;justify-content:center;gap:8px;color:#A1CCB6;margin:24px 0 16px;font:500 11px/1.5 Manrope,system-ui;}.wp-ready:before{content:'';width:6px;height:6px;border-radius:50%;background:#B5EAD6;box-shadow:0 0 0 4px #B5EAD612;}
.wp-enter{width:100%;max-width:340px;min-height:46px;border:1px solid #D7FFF0;border-radius:12px;background:#B5EAD6;color:#102C28;font:750 14px/1.5 Manrope,system-ui;cursor:pointer;transition:transform .2s,box-shadow .2s;}.wp-enter:hover{transform:translateY(-2px);box-shadow:0 8px 24px #B5EAD622;}
.staff-welcome-card :is(button):focus-visible{outline:3px solid #F5F0E8;outline-offset:4px;}
.staff-account-card{max-width:720px;border:1px solid #A1CCB64D;border-radius:18px;background:#192536;padding:26px;}
.staff-account-field{display:block;margin:17px 0;color:#DCECE4;font:600 12px/1.6 Manrope,system-ui;}
.staff-account-field input{display:block;width:100%;margin-top:7px;padding:12px 14px;border:1px solid #708779;border-radius:10px;background:#111E29;color:#F5F0E8;font:400 14px/1.5 Manrope,system-ui;}.staff-account-field input[readonly]{background:#213148;border-color:#4E6073;color:#BBC9DB;}
.staff-account-status{color:#B5EAD6;font-size:13px;line-height:1.65;margin-top:15px;}
@keyframes wp-overlay{from{opacity:0}to{opacity:1}}@keyframes wp-card{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
@keyframes wp-bounce{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes wp-steam{0%,100%{opacity:.45;transform:translateY(0)}50%{opacity:.9;transform:translateY(-4px)}}@keyframes wp-glow{0%,100%{opacity:.5}50%{opacity:1}}
@media(max-width:600px){.staff-welcome-overlay{padding:16px;}.staff-welcome-card{padding:24px 22px 28px;border-radius:22px;}.wp-art{width:150px;height:145px;}.wp-features span{font-size:10px;}.staff-account-card{padding:20px;}}
@media(prefers-reduced-motion:reduce){.staff-welcome-overlay,.staff-welcome-card,.wp-cup,.wp-steam,.wp-spark{animation:none!important;}.wp-enter{transition:none;}}
/* Keep the requested live effect gentle: no travel or bounce in reduced-motion mode. */
@media(prefers-reduced-motion:reduce){#staffWelcome .wp-steam,#staffWelcome .wp-spark{animation:wp-soft-light 5s ease-in-out infinite!important;}#staffWelcome .wp-cup{animation:wp-small-greet 5s ease-in-out infinite!important;}}
@keyframes wp-soft-light{0%,100%{opacity:.65}50%{opacity:1}}
@keyframes wp-small-greet{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.welcome-studio{max-width:1100px;}.ws-controls{display:flex;gap:20px;flex-wrap:wrap;margin:22px 0;color:#E6EEE8;font-size:14px;}.ws-controls label{display:flex;gap:9px;align-items:center;}.ws-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 24px;}.ws-style{padding:14px;border:1px solid #536A69;border-radius:16px;background:#192A34;min-width:0;transition:border-color .2s,transform .2s;}.ws-style[data-selected=true]{border-color:#B5EAD6;box-shadow:0 0 0 2px #B5EAD625;}.ws-style:hover{transform:translateY(-2px);}.ws-style label{display:block;cursor:pointer;color:#F5F0E8;font-size:13px;}.ws-style input{accent-color:#B5EAD6;}.ws-style strong{display:block;margin:12px 0 14px;}.ws-style button{width:100%;}.ws-miniature{position:relative;display:block;height:78px;margin:8px 0;background:radial-gradient(ellipse,#325A4966,transparent 70%);overflow:hidden;}.ws-miniature i{position:absolute;left:calc(26% + var(--n)*23%);top:25%;width:38px;height:38px;border:1px solid #B5EAD65A;border-radius:50%;transform:rotate(calc(var(--n)*35deg));}.ws-miniature i:nth-child(1){--n:0;}.ws-miniature i:nth-child(2){--n:1;}.ws-miniature i:nth-child(3){--n:2;}.ws-miniature[data-variant="1"] i{border-radius:6px;}.ws-miniature[data-variant="2"] i{width:5px;height:5px;top:45%;background:#B5EAD6;box-shadow:12px -12px 0 #A9C1D577,-14px 13px 0 #F5F0E844;}.ws-miniature[data-variant="3"] i{border-radius:50% 50% 0 0;border-bottom:0;}.ws-miniature[data-variant="4"] i{border-style:dashed;}.ws-miniature[data-variant="5"] i{border-radius:50% 6px;}
@media(max-width:1000px){.ws-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}@media(max-width:650px){.ws-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.ws-style{padding:11px;}}@media(max-width:350px){.ws-grid{grid-template-columns:1fr;}}
@media(max-height:650px){.staff-welcome-overlay{align-items:start;}.staff-welcome-card{margin-block:8px;}.wp-art{height:120px;width:128px;}.wp-description{margin-block:10px;}}
/* Match the supplied HTML's compact glass card, shield ring, scan and name shimmer. */
#staffWelcome.wp-reference{background:radial-gradient(circle at 50% 22%,var(--wp-glow,#24184F),var(--wp-base,#070A1C) 72%);padding:24px;overflow:auto;}
#staffWelcome.wp-reference .staff-welcome-card{width:min(400px,100%);padding:28px 24px 26px;border-radius:22px;background:rgba(10,14,32,.7);backdrop-filter:blur(30px) saturate(190%);-webkit-backdrop-filter:blur(30px) saturate(190%);border-color:color-mix(in srgb,var(--wp-a,#B388FF) 55%,transparent);box-shadow:0 26px 90px #0009,0 0 100px color-mix(in srgb,var(--wp-a,#B388FF) 14%,transparent);overflow:hidden;}
#staffWelcome.wp-reference .wp-art{width:100px;height:100px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border:2px solid var(--wp-a,#B388FF);border-radius:26px;background:radial-gradient(circle,color-mix(in srgb,var(--wp-a,#B388FF) 45%,#121020),var(--wp-base,#070A1C));box-shadow:0 0 40px color-mix(in srgb,var(--wp-a,#B388FF) 30%,transparent);}
#staffWelcome.wp-reference .wp-art>svg{width:58px;height:58px;}
#staffWelcome.wp-reference .wp-orbit-halo{inset:-10px;border:2px solid var(--wp-b,#4DD0E1);border-radius:34px;background:none;box-shadow:none;}
#staffWelcome.wp-reference .wp-eyebrow{display:inline-block;padding:5px 16px;margin:6px 0 0;border-radius:999px;letter-spacing:.2em;font:800 11px/1.5 Manrope,system-ui;color:#101021;background:linear-gradient(90deg,var(--wp-a,#B388FF),var(--wp-c,#FFFFFF),var(--wp-b,#4DD0E1));}
#staffWelcome.wp-reference .wp-greeting{margin:14px 0 2px;color:#FFFFFFA6;font:500 13px/1.5 Manrope,system-ui;letter-spacing:.08em;text-transform:uppercase;}
#staffWelcome.wp-reference .wp-intro{margin:0;color:var(--wp-c,#FFFFFF)!important;font:600 17px/1.5 Manrope,system-ui!important;}
#staffWelcome.wp-reference .wp-title{margin:6px 0 10px;font:800 clamp(28px,6vw,40px)/1.08 Manrope,system-ui!important;letter-spacing:-.025em!important;background:linear-gradient(90deg,var(--wp-a,#B388FF),var(--wp-c,#FFFFFF),var(--wp-b,#4DD0E1),var(--wp-a,#B388FF));background-size:300% 100%;background-clip:text;-webkit-background-clip:text;}
#staffWelcome.wp-reference .wp-description{margin:0 0 14px;font-size:14px;line-height:1.6;color:#FFFFFFBF;}
#staffWelcome.wp-reference .wp-features{gap:8px;margin-bottom:18px;}
#staffWelcome.wp-reference .wp-features span{padding:6px 12px;font-size:12px;color:var(--wp-c,#FFFFFF);background:color-mix(in srgb,var(--wp-a,#B388FF) 16%,transparent);border-color:color-mix(in srgb,var(--wp-a,#B388FF) 50%,transparent);}
#staffWelcome.wp-reference .wp-ready{margin:0 0 16px;}
#staffWelcome.wp-reference .wp-enter{width:auto;max-width:100%;padding:13px 34px;border:0;border-radius:999px;color:#101021;background:linear-gradient(90deg,var(--wp-a,#B388FF),var(--wp-c,#FFFFFF));box-shadow:0 8px 28px color-mix(in srgb,var(--wp-a,#B388FF) 28%,transparent);font-weight:800;}
.wp-card-scan{position:absolute;inset:0 0 auto;height:60px;background:linear-gradient(transparent,color-mix(in srgb,var(--wp-b,#4DD0E1) 30%,transparent),transparent);pointer-events:none;z-index:0;}
.wp-countdown{position:absolute;left:0;bottom:0;height:4px;width:100%;background:linear-gradient(90deg,var(--wp-a,#B388FF),var(--wp-b,#4DD0E1));transform-origin:left;}
#staffWelcome.wp-role-restaurant .staff-welcome-card{border-radius:12px 12px 34px 34px;background:rgba(23,43,33,.78);border-top:12px solid var(--wp-a,#B388FF);}
#staffWelcome.wp-role-restaurant .wp-art,#staffWelcome.wp-role-restaurant .wp-orbit-halo{border-radius:50%;}
#staffWelcome.wp-role-restaurant .wp-orbit-halo{border-style:dashed;}
@media(max-width:420px){#staffWelcome.wp-reference{padding:18px;}#staffWelcome.wp-reference .staff-welcome-card{padding:24px 18px;}#staffWelcome.wp-reference .wp-features span{font-size:10px;padding:6px 9px;}}
@media(max-height:650px){#staffWelcome.wp-reference{align-items:start;}#staffWelcome.wp-reference .staff-welcome-card{margin-block:0;}#staffWelcome.wp-reference .wp-art{width:74px;height:74px;margin-bottom:10px;}}

/* Welcome-only vivid palettes; public café colors remain untouched. */
#staffWelcome.wp-reference .staff-welcome-card{box-shadow:0 26px 90px #0009,0 0 100px color-mix(in srgb,var(--wp-a,#B388FF) 35%,transparent);}
#staffWelcome.wp-reference .wp-art{background:radial-gradient(circle,color-mix(in srgb,var(--wp-a,#B388FF) 45%,#1B1420),#120D19);box-shadow:0 0 40px color-mix(in srgb,var(--wp-a,#B388FF) 60%,transparent);}
.wp-energy-orbit{position:absolute;inset:-19px;border:1px dashed var(--wp-b,#4DD0E1);border-radius:38px;box-shadow:0 0 18px color-mix(in srgb,var(--wp-a,#B388FF) 35%,transparent);pointer-events:none;opacity:.65;}
.wp-aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;}
.wp-aurora i{position:absolute;display:block;width:65vw;height:65vw;max-width:900px;max-height:900px;left:-15%;top:-30%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--wp-a,#B388FF) 36%,transparent),transparent 66%);}
.wp-aurora i:nth-child(2){left:55%;top:15%;background:radial-gradient(circle,color-mix(in srgb,var(--wp-b,#4DD0E1) 28%,transparent),transparent 65%);}
.wp-aurora i:nth-child(3){left:30%;top:55%;background:radial-gradient(circle,color-mix(in srgb,var(--wp-a,#B388FF) 24%,transparent),transparent 65%);}
.ws-palette-name{display:block;margin:-6px 0 12px;color:var(--wp-b,#CBD5E1);font-size:11px;}
.ws-style .ws-miniature{background:radial-gradient(ellipse,color-mix(in srgb,var(--wp-a,#B388FF) 28%,transparent),transparent 70%);}
.ws-style .ws-miniature i{border-color:color-mix(in srgb,var(--wp-a,#B388FF) 65%,transparent);}
.ws-style[data-selected=true]{border-color:var(--wp-a,#B388FF);box-shadow:0 0 0 2px color-mix(in srgb,var(--wp-a,#B388FF) 20%,transparent);}
#staffWelcome.wp-reference>.wp-particles{opacity:1;}
#staffWelcome .wp-close{padding:0;margin:0;}
.wp-inside-particles,.wp-emission{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}.wp-inside-particles{z-index:0;opacity:.9}.wp-emission{z-index:2;opacity:.8}#staffWelcome .wp-greeting,#staffWelcome .wp-intro{position:relative;z-index:1}.ws-miniature>svg{display:block;width:54px;height:54px;margin:10px auto;overflow:visible}.ws-sound-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 26px}.ws-sound{border:1px solid #536A69;border-radius:12px;padding:14px;background:#192A34}.ws-sound label{display:flex;gap:9px;align-items:center;font-size:13px;color:#F5F0E8}.ws-sound button{margin-top:12px}.ws-sound input{accent-color:#B5EAD6}
#staffWelcome[data-welcome-design=arch] .staff-welcome-card{border-radius:100px 100px 24px 24px;padding-top:38px}#staffWelcome[data-welcome-design=arch] .wp-art{border-radius:50%}
#staffWelcome[data-welcome-design=constellation] .staff-welcome-card{border-radius:32px;border-style:dashed}#staffWelcome[data-welcome-design=constellation] .wp-features span{border-radius:7px}
#staffWelcome[data-welcome-design=facet] .staff-welcome-card{border-radius:4px 40px 4px 40px;border-left:5px solid var(--wp-a)}#staffWelcome[data-welcome-design=facet] .wp-art{border-radius:6px}
#staffWelcome[data-welcome-design=wave] .staff-welcome-card{border-radius:64px 18px 64px 18px}#staffWelcome[data-welcome-design=wave] .wp-enter{border-radius:18px 5px}
#staffWelcome[data-welcome-design=editorial] .staff-welcome-card{text-align:left;border-radius:18px;border-top:5px solid var(--wp-a)}#staffWelcome[data-welcome-design=editorial] .wp-art{margin-left:0}#staffWelcome[data-welcome-design=editorial] .wp-features{justify-content:flex-start}
#staffWelcome[data-welcome-design=grid] .staff-welcome-card{border-radius:8px;border-width:2px}#staffWelcome[data-welcome-design=grid] .wp-features span,#staffWelcome[data-welcome-design=grid] .wp-enter{border-radius:5px}
#staffWelcome[data-welcome-design=moon] .staff-welcome-card{border-radius:140px 140px 30px 30px;padding-top:40px}#staffWelcome[data-welcome-design=moon] .wp-art{border-radius:50%;border-style:dotted}
#staffWelcome[data-welcome-design=cafe] .staff-welcome-card{border-radius:12px 12px 44px 44px;border-top:12px solid var(--wp-a)}#staffWelcome[data-welcome-design=cafe] .wp-art{border-radius:50%}
#staffWelcome[data-welcome-design=wing] .staff-welcome-card{border-radius:54px 8px 54px 8px;border-right:4px solid var(--wp-b)}#staffWelcome[data-welcome-design=wing] .wp-art{border-radius:42% 58% 52% 48%}
#staffWelcome[data-welcome-design=aurora] .staff-welcome-card{border-radius:30px 70px 30px 12px;border-left:5px double var(--wp-b)}#staffWelcome[data-welcome-design=aurora] .wp-enter{border-radius:8px}
#staffWelcome[data-welcome-design=ripple] .staff-welcome-card{border-radius:38px;outline:1px solid color-mix(in srgb,var(--wp-a) 28%,transparent);outline-offset:7px}#staffWelcome[data-welcome-design=ripple] .wp-art{border-radius:50%;border-width:4px}
#staffWelcome[data-welcome-design=comet] .staff-welcome-card{border-radius:12px 80px 12px 60px;border-bottom:5px solid var(--wp-a)}#staffWelcome[data-welcome-design=comet] .wp-art{border-radius:50% 12px}
#staffWelcome[data-welcome-design=prism] .staff-welcome-card{border-radius:6px;border:3px double var(--wp-b)}#staffWelcome[data-welcome-design=prism] .wp-art{border-radius:16px 42px}
#staffWelcome[data-welcome-design=bloom] .staff-welcome-card{border-radius:48px;border-bottom:4px dotted var(--wp-a)}#staffWelcome[data-welcome-design=bloom] .wp-art{border-radius:40% 60% 40% 60%}
#staffWelcome[data-welcome-design=lantern] .staff-welcome-card{max-width:370px;border-radius:18px 18px 70px 70px;border-top:6px solid var(--wp-a)}#staffWelcome[data-welcome-design=lantern] .wp-art{border-radius:30% 30% 45% 45%}
#staffWelcome[data-welcome-design=planet] .staff-welcome-card{border-radius:50px 24px 50px 24px;border-bottom:3px solid var(--wp-b)}#staffWelcome[data-welcome-design=planet] .wp-art{border-radius:50%;outline:1px solid var(--wp-b);outline-offset:9px}
#staffWelcome[data-welcome-design=velvet] .staff-welcome-card{border-radius:40px 40px 8px 8px;border-top:3px solid var(--wp-a)}#staffWelcome[data-welcome-design=velvet] .wp-title{font-family:Georgia,serif!important}
#staffWelcome[data-welcome-design=pearl] .staff-welcome-card{border-radius:60px;border:4px double var(--wp-c)}#staffWelcome[data-welcome-design=pearl] .wp-art{border-radius:50%;border-color:var(--wp-c)}
#staffWelcome[data-welcome-design=dew] .staff-welcome-card{border-radius:80px 20px 30px 20px;border-right:3px solid var(--wp-b)}#staffWelcome[data-welcome-design=dew] .wp-art{border-radius:65% 35% 60% 40%}
#staffWelcome[data-welcome-design=ribbon] .staff-welcome-card{border-radius:16px 44px 16px 44px;border-left:4px solid var(--wp-a)}#staffWelcome[data-welcome-design=ribbon] .wp-eyebrow{display:block;border-radius:4px}
#staffWelcome[data-welcome-design=marble] .staff-welcome-card{border-radius:28px 64px 12px 36px;border-bottom:4px solid var(--wp-b)}#staffWelcome[data-welcome-design=marble] .wp-art{border-radius:18px 50%}
#staffWelcome[data-welcome-design=crown] .staff-welcome-card{border-radius:10px 10px 60px 60px;border-top:5px double var(--wp-a)}#staffWelcome[data-welcome-design=crown] .wp-art{border-radius:18px 18px 38px 38px}
#staffWelcome[data-welcome-design=signature] .staff-welcome-card{border-radius:8px 50px 8px 50px;border-bottom:4px solid var(--wp-a)}#staffWelcome[data-welcome-design=signature] .wp-enter{border-radius:6px 24px}
@media(max-width:650px){.ws-sound-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:360px){.ws-sound-grid{grid-template-columns:1fr}}
#staffWelcome:is([data-welcome-design=arch],[data-welcome-design=moon],[data-welcome-design=comet]) .wp-close{top:84px;right:12px}#staffWelcome:is([data-welcome-design=pearl],[data-welcome-design=aurora],[data-welcome-design=marble]) .wp-close{top:24px;right:24px}
.wp-cafe-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;perspective:900px}.wp-scene-object{position:absolute;transform-style:preserve-3d;filter:drop-shadow(0 25px 15px #0005)}.wp-scene-object svg{display:block;width:100%;height:100%;overflow:visible}.wp-scene-mug{width:clamp(150px,20vw,270px);left:6%;top:29%;opacity:.72}.wp-scene-detail{width:clamp(100px,13vw,185px);right:8%;bottom:17%;opacity:.45}.wp-scene-detail svg{filter:drop-shadow(0 0 14px var(--wp-a))}.wp-scene-beans{width:150px;left:17%;bottom:10%;opacity:.65}.wp-cafe-window{position:absolute;right:8%;top:7%;width:250px;height:360px;border:2px solid color-mix(in srgb,var(--wp-c) 15%,transparent);border-radius:130px 130px 8px 8px;background:linear-gradient(90deg,transparent 49%,#FFFFFF0A 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#FFFFFF0A 50%,transparent 51%);box-shadow:inset 0 0 80px color-mix(in srgb,var(--wp-a) 10%,transparent)}.wp-cafe-counter{position:absolute;left:-20%;bottom:-15%;width:140%;height:40%;transform:perspective(600px) rotateX(62deg);transform-origin:center bottom;background:repeating-linear-gradient(90deg,transparent 0 89px,#FFFFFF16 90px 91px),repeating-linear-gradient(0deg,transparent 0 59px,#FFFFFF12 60px 61px);border-top:1px solid #FFFFFF29;mask-image:linear-gradient(transparent,#000)}.wp-pendant{position:absolute;left:18%;top:0;width:70px;height:23%;opacity:.7;transform-origin:top center}.wp-pendant:before{content:'';position:absolute;left:34px;top:0;height:80%;width:2px;background:var(--wp-b)}.wp-pendant i{position:absolute;left:0;bottom:0;width:70px;height:30px;border-radius:50% 50% 3px 3px;background:linear-gradient(100deg,var(--wp-b),var(--wp-a));box-shadow:0 8px 30px color-mix(in srgb,var(--wp-c) 25%,transparent)}.wp-pendant:after{content:'';position:absolute;left:-65px;bottom:-150px;width:200px;height:150px;clip-path:polygon(33% 0,67% 0,100% 100%,0 100%);background:linear-gradient(color-mix(in srgb,var(--wp-c) 14%,transparent),transparent)}
.wp-cafe-scene[data-scene="1"] .wp-scene-mug{left:auto;right:5%;top:19%}.wp-cafe-scene[data-scene="1"] .wp-scene-detail{right:auto;left:7%;bottom:19%}.wp-cafe-scene[data-scene="2"] .wp-cafe-window{right:auto;left:6%;border-radius:16px;width:280px}.wp-cafe-scene[data-scene="2"] .wp-scene-beans{left:auto;right:13%}.wp-cafe-scene[data-scene="3"] .wp-scene-mug{top:40%;left:3%}.wp-cafe-scene[data-scene="3"] .wp-pendant{left:80%;height:32%}.wp-cafe-scene[data-scene="4"] .wp-cafe-window{width:320px;right:3%;height:420px}.wp-cafe-scene[data-scene="4"] .wp-scene-beans{left:8%;bottom:18%}.wp-cafe-scene[data-scene="5"] .wp-scene-detail{right:5%;bottom:33%}.wp-cafe-scene[data-scene="5"] .wp-pendant{left:9%;height:29%}
@media(max-width:650px){.wp-scene-mug{width:125px;left:-26px;top:4%;opacity:.28}.wp-scene-detail{width:94px;right:-14px;bottom:5%;opacity:.24}.wp-scene-beans{width:95px;left:-20px;bottom:3%;opacity:.3}.wp-cafe-window{right:-20%;top:14%;width:230px;opacity:.5}.wp-pendant{left:8%;height:12%;transform:scale(.7);transform-origin:top}.wp-cafe-counter{height:25%}.wp-cafe-scene[data-scene="1"] .wp-scene-mug{right:-25px;top:3%}.wp-cafe-scene[data-scene="1"] .wp-scene-detail{left:-10px;bottom:4%}.wp-cafe-scene[data-scene="3"] .wp-scene-mug{top:2%;left:-24px}.wp-cafe-scene[data-scene="5"] .wp-scene-detail{right:-18px;bottom:4%}}
/* Café stage: architectural depth, moving light and peripheral foreground. */
.wp-stage-room{position:absolute;inset:0;opacity:.85;transform-origin:center;mask-image:linear-gradient(#000,#000 85%,transparent)}.wp-stage-room>svg{width:100%;height:100%;display:block}.wp-stage-sweep{position:absolute;left:0;top:-20%;width:28%;height:140%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--wp-b) 16%,transparent),transparent);transform-origin:top;mix-blend-mode:screen}.wp-stage-reflection{position:absolute;inset:72% -10% -10%;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--wp-a) 30%,transparent),transparent 60%);filter:blur(20px);opacity:.8}.wp-stage-dust{position:absolute;inset:0}.wp-stage-dust i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--wp-c);box-shadow:0 0 16px 3px var(--wp-b);left:12%;top:67%}.wp-stage-dust i:nth-child(2){left:24%;top:42%;width:3px;height:3px}.wp-stage-dust i:nth-child(3){left:80%;top:55%}.wp-stage-dust i:nth-child(4){left:89%;top:35%;width:3px;height:3px}.wp-stage-dust i:nth-child(5){left:5%;top:88%}.wp-stage-dust i:nth-child(6){left:70%;top:84%;width:3px;height:3px}.wp-cafe-scene>.wp-cafe-window{display:none}.wp-cafe-scene[data-scene="1"] .wp-stage-room{filter:hue-rotate(-8deg)}.wp-cafe-scene[data-scene="2"] .wp-room-shelves{opacity:.35}.wp-cafe-scene[data-scene="3"] .wp-room-window{opacity:.45}.wp-cafe-scene[data-scene="4"] .wp-stage-room{opacity:.65}.wp-cafe-scene[data-scene="5"] .wp-room-table{opacity:.4}
#staffWelcome.wp-reference .staff-welcome-card{isolation:isolate;background:linear-gradient(145deg,color-mix(in srgb,var(--wp-glow) 68%,#0A0E20),rgba(10,14,32,.88));box-shadow:0 34px 100px #000B,0 0 0 1px #FFFFFF0A,inset 0 1px 0 #FFFFFF35,0 0 100px color-mix(in srgb,var(--wp-a) 25%,transparent)}
#staffWelcome[data-welcome-design]:not([data-welcome-design=classic]):not([data-welcome-design=arch]):not([data-welcome-design=constellation]) .staff-welcome-card:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 5% 0,color-mix(in srgb,var(--wp-b) 16%,transparent),transparent 48%),repeating-linear-gradient(135deg,#FFFFFF04 0 1px,transparent 1px 14px)}
@media(max-width:650px){.wp-stage-room{inset:0 -48%;opacity:.55}.wp-stage-room .wp-room-sign{opacity:0}.wp-stage-sweep{width:45%}.wp-stage-reflection{opacity:.5}.wp-cafe-scene .wp-pendant{opacity:.4}.wp-stage-dust i{width:3px;height:3px;box-shadow:0 0 10px 2px var(--wp-b)}}