.entrance-logo{position:absolute;z-index:7;left:50%;top:47%;width:160px;padding:0;margin:0;border:0;background:transparent;box-shadow:none;transform:translate(-50%,-50%);cursor:pointer;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.entrance-cup,.entrance-word{display:block;width:100%;height:auto;object-fit:contain;pointer-events:none}.entrance-word{margin-top:8px}
.leaf-menu{position:absolute;z-index:6;left:50%;top:47%;width:0;height:0;pointer-events:none}
.leaf-menu .oxa-leaf{position:absolute;left:0;top:0;display:block;width:142px;height:103px;border:0!important;border-radius:0!important;background-color:transparent!important;background-image:var(--leaf-image)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;color:#24160a;text-decoration:none;text-transform:uppercase;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) scale(.2);transform-origin:50% 50%;filter:drop-shadow(0 9px 16px rgba(116,70,13,.25));will-change:transform,opacity}
.leaf-menu .oxa-leaf.is-out{visibility:visible;pointer-events:auto}
.leaf-menu .oxa-leaf>span{position:absolute!important;left:66%!important;top:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;width:58%!important;max-width:58%!important;height:34%!important;padding:0!important;margin:0!important;text-align:center!important;font-family:Georgia,'Times New Roman',serif!important;font-size:13px!important;line-height:1!important;font-weight:700!important;letter-spacing:.015em!important;color:#1d1208!important;text-shadow:0 1px 0 rgba(255,244,199,.8)!important;white-space:normal!important;overflow:visible!important;transform:translate(-50%,-50%)!important;box-sizing:border-box!important}
.leaf-menu .oxa-leaf-1>span,.leaf-menu .oxa-leaf-2>span,.leaf-menu .oxa-leaf-3>span,.leaf-menu .oxa-leaf-4>span,.leaf-menu .oxa-leaf-6>span{font-size:13.5px!important}.leaf-menu .oxa-leaf-5>span{font-size:11px!important;line-height:.95!important;width:56%!important;max-width:56%!important}.leaf-menu .oxa-leaf-7>span{font-size:9.5px!important;letter-spacing:-.015em!important;width:62%!important;max-width:62%!important}
.logo-open .entrance-logo{transform:translate(-50%,-50%) scale(.84)}.leaf-menu .oxa-leaf.is-out:hover,.leaf-menu .oxa-leaf.is-out:focus-visible{filter:drop-shadow(0 13px 22px rgba(175,111,26,.45)) brightness(1.07)}html[data-theme=black] .leaf-menu .oxa-leaf{filter:drop-shadow(0 12px 24px rgba(217,157,58,.30))}
@media(max-width:900px){.entrance-logo{width:118px}.leaf-menu .oxa-leaf{width:110px;height:80px}.leaf-menu .oxa-leaf>span{left:66%!important;font-size:10.2px!important;width:58%!important;max-width:58%!important;height:34%!important}.leaf-menu .oxa-leaf-1>span,.leaf-menu .oxa-leaf-2>span,.leaf-menu .oxa-leaf-3>span,.leaf-menu .oxa-leaf-4>span,.leaf-menu .oxa-leaf-6>span{font-size:10.5px!important}.leaf-menu .oxa-leaf-5>span{font-size:8.6px!important;width:56%!important;max-width:56%!important}.leaf-menu .oxa-leaf-7>span{font-size:7.3px!important;width:62%!important;max-width:62%!important}}
@media(max-width:620px){.entrance-logo{top:44%;width:96px}.leaf-menu{top:44%}.leaf-menu .oxa-leaf{width:88px;height:64px}.leaf-menu .oxa-leaf>span{left:66%!important;font-size:8.1px!important;width:58%!important;max-width:58%!important;height:34%!important}.leaf-menu .oxa-leaf-1>span,.leaf-menu .oxa-leaf-2>span,.leaf-menu .oxa-leaf-3>span,.leaf-menu .oxa-leaf-4>span,.leaf-menu .oxa-leaf-6>span{font-size:8.4px!important}.leaf-menu .oxa-leaf-5>span{font-size:6.8px!important;width:56%!important;max-width:56%!important}.leaf-menu .oxa-leaf-7>span{font-size:5.9px!important;width:62%!important;max-width:62%!important}}
.oxahouse-entrance{position:relative;min-height:100vh;overflow:hidden;isolation:isolate;background:#050505;color:#f6efe2}html[data-theme=black] .oxahouse-entrance{background:linear-gradient(112deg,#010101 0%,#080706 22%,#020202 42%,#0b0804 61%,#010101 80%,#080604 100%)}.oxahouse-entrance .satin-layer,.oxahouse-entrance .satin-sheen{position:absolute;pointer-events:none;z-index:0}html[data-theme=black] .oxahouse-entrance .satin-layer-a{inset:-30%;opacity:1;filter:blur(20px);background:linear-gradient(104deg,transparent 5%,rgba(217,155,61,.04) 12%,rgba(244,190,88,.20) 18%,rgba(82,50,17,.08) 24%,transparent 31%,rgba(237,178,76,.05) 37%,rgba(255,206,108,.25) 43%,rgba(88,53,17,.07) 49%,transparent 56%,rgba(236,175,71,.06) 63%,rgba(255,202,99,.22) 69%,rgba(77,46,15,.06) 75%,transparent 83%,rgba(242,187,83,.17) 91%,transparent 97%);transform:rotate(-4deg);animation:oxaSatinA 9s ease-in-out infinite alternate;will-change:transform}html[data-theme=black] .oxahouse-entrance .satin-layer-b{inset:-22%;opacity:.9;filter:blur(35px);background:radial-gradient(ellipse 12% 115% at 18% 48%,transparent 34%,rgba(245,194,98,.24) 45%,rgba(124,76,27,.09) 52%,transparent 63%),radial-gradient(ellipse 15% 120% at 48% 52%,transparent 33%,rgba(255,207,111,.28) 45%,rgba(118,70,23,.08) 53%,transparent 64%),radial-gradient(ellipse 13% 116% at 77% 47%,transparent 34%,rgba(242,187,88,.25) 45%,rgba(105,63,21,.08) 53%,transparent 64%);animation:oxaSatinB 13s ease-in-out infinite alternate;will-change:transform}html[data-theme=black] .oxahouse-entrance .satin-sheen{inset:-5%;opacity:.9;background:linear-gradient(118deg,transparent 18%,rgba(255,225,160,.04) 27%,rgba(255,244,213,.16) 34%,rgba(255,198,86,.06) 39%,transparent 47%,rgba(255,226,163,.03) 59%,rgba(255,244,211,.12) 67%,transparent 76%);background-size:190% 100%;animation:oxaSatinSheen 7s ease-in-out infinite alternate;mix-blend-mode:screen}html:not([data-theme=black]) .oxahouse-entrance{background:linear-gradient(118deg,#faf8f2,#eee7db 48%,#fffdf8);color:#17130f}html:not([data-theme=black]) .oxahouse-entrance .satin-layer,html:not([data-theme=black]) .oxahouse-entrance .satin-sheen{display:none}.oxahouse-entrance .entrance-logo,.oxahouse-entrance .leaf-menu{z-index:7}.mode-switch{position:absolute;z-index:20;right:28px;top:24px;display:block}.mode-btn{padding:10px 12px;border:1px solid rgba(218,166,76,.52);background:rgba(0,0,0,.18);color:#d8aa58;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:600;letter-spacing:.16em;cursor:pointer;backdrop-filter:blur(8px)}html:not([data-theme=black]) .mode-btn{background:rgba(255,255,255,.55);color:#8a6329;border-color:rgba(138,99,41,.35)}
@keyframes oxaSatinA{0%{transform:translate3d(-5%,-1%,0) scale(1.03) rotate(-4deg)}100%{transform:translate3d(5%,2%,0) scale(1.10) rotate(-1deg)}}@keyframes oxaSatinB{0%{transform:translate3d(4%,0,0) scale(1.02)}100%{transform:translate3d(-5%,2%,0) scale(1.12)}}@keyframes oxaSatinSheen{0%{background-position:5% 50%}100%{background-position:95% 50%}}
.leaf-menu .oxa-leaf.is-gold-spark{filter:drop-shadow(0 0 9px rgba(255,221,128,.78)) drop-shadow(0 0 18px rgba(255,184,54,.38)) brightness(1.13)}.leaf-menu .oxa-leaf.is-gold-spark::before,.leaf-menu .oxa-leaf.is-gold-spark::after{content:'';position:absolute;z-index:3;left:var(--spark-x,58%);top:var(--spark-y,38%);pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:screen}.leaf-menu .oxa-leaf.is-gold-spark::before{width:44px;height:44px;background:radial-gradient(circle,rgba(255,255,247,1) 0 3%,rgba(255,242,187,.98) 4% 8%,rgba(255,207,89,.48) 15%,rgba(255,187,45,.13) 35%,transparent 66%);filter:drop-shadow(0 0 7px #fff1b5);animation:oxaSparkCore .48s cubic-bezier(.15,.7,.18,1) both}.leaf-menu .oxa-leaf.is-gold-spark::after{width:64px;height:64px;background:linear-gradient(90deg,transparent 48.7%,rgba(255,242,193,.96) 49.6%,#fff 50%,rgba(255,226,143,.92) 50.4%,transparent 51.3%),linear-gradient(0deg,transparent 48.7%,rgba(255,242,193,.96) 49.6%,#fff 50%,rgba(255,226,143,.92) 50.4%,transparent 51.3%);filter:drop-shadow(0 0 5px rgba(255,218,116,.9));animation:oxaSparkRays .48s cubic-bezier(.15,.7,.18,1) both}@keyframes oxaSparkCore{0%{opacity:0;transform:translate(-50%,-50%) scale(.08)}22%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}42%{opacity:1;transform:translate(-50%,-50%) scale(.9)}100%{opacity:0;transform:translate(-50%,-50%) scale(.18)}}@keyframes oxaSparkRays{0%{opacity:0;transform:translate(-50%,-50%) scale(.08) rotate(-12deg)}24%{opacity:1;transform:translate(-50%,-50%) scale(1.18) rotate(0deg)}48%{opacity:.72;transform:translate(-50%,-50%) scale(.82) rotate(5deg)}100%{opacity:0;transform:translate(-50%,-50%) scale(.18) rotate(9deg)}}
/* Random highlights over the complete cup artwork: cup body, handle and saucer. */
.entrance-logo::before,.entrance-logo::after{display:none!important}.cup-spark-field{position:absolute;z-index:9;left:0;top:0;width:100%;height:76%;pointer-events:none;overflow:visible}.cup-random-spark{position:absolute;display:block;width:28px;height:28px;margin:-14px 0 0 -14px;opacity:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,rgba(255,255,250,1) 0 3%,rgba(255,239,174,.96) 4% 9%,rgba(255,202,80,.48) 14%,rgba(255,185,45,.12) 31%,transparent 55%),linear-gradient(90deg,transparent 47.8%,rgba(255,235,176,.86) 49.3%,#fff 50%,rgba(255,219,130,.78) 50.7%,transparent 52.2%),linear-gradient(0deg,transparent 47.8%,rgba(255,235,176,.86) 49.3%,#fff 50%,rgba(255,219,130,.78) 50.7%,transparent 52.2%);filter:drop-shadow(0 0 5px rgba(255,215,108,.82));animation:oxaCupRandomSpark .82s ease-out both;transform-origin:center}.entrance-cup{animation:oxaCupGoldBreath 8s ease-in-out infinite;filter:drop-shadow(0 0 0 rgba(255,201,86,0))}@keyframes oxaCupRandomSpark{0%{opacity:0;transform:scale(.08)}18%{opacity:.4;transform:scale(calc(var(--spark-scale,1)*.48))}35%{opacity:1;transform:scale(var(--spark-scale,1))}52%{opacity:.78;transform:scale(calc(var(--spark-scale,1)*.72))}100%{opacity:0;transform:scale(.12)}}@keyframes oxaCupGoldBreath{0%,100%{filter:drop-shadow(0 0 0 rgba(255,201,86,0)) brightness(1)}45%{filter:drop-shadow(0 0 4px rgba(255,198,82,.16)) brightness(1.02)}65%{filter:drop-shadow(0 0 7px rgba(255,205,98,.22)) brightness(1.035)}}
@media(max-width:620px){.mode-switch{right:12px;top:14px}.mode-btn{font-size:9px;padding:8px 9px}.leaf-menu .oxa-leaf.is-gold-spark::before{width:32px;height:32px}.leaf-menu .oxa-leaf.is-gold-spark::after{width:46px;height:46px}.cup-random-spark{width:20px;height:20px;margin:-10px 0 0 -10px}}
@media(prefers-reduced-motion:reduce){html[data-theme=black] .oxahouse-entrance .satin-layer-a,html[data-theme=black] .oxahouse-entrance .satin-layer-b,html[data-theme=black] .oxahouse-entrance .satin-sheen{animation:none}.leaf-menu .oxa-leaf.is-gold-spark::before,.leaf-menu .oxa-leaf.is-gold-spark::after,.cup-random-spark{animation:none;display:none}.entrance-cup{animation:none}}