.tier{position:relative;height:100%;isolation:isolate}.tier-body{position:relative;z-index:1;height:100%;transition:transform .52s var(--ease-out)}.tier.is-tracking .tier-body{transition:transform .12s linear}.tier-body:before{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from 210deg,#caaf7d24,#e4d0aae6 10%,#caaf7d33 26%,#caaf7d1a 48%,#caaf7db3 62%,#caaf7d29 78%,#caaf7d24);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;transition:opacity .52s var(--ease-out)}.tier-banner{position:absolute;z-index:0;left:1.25rem;right:1.25rem;top:-2.15rem;height:3.4rem;display:flex;align-items:flex-start;justify-content:center;padding-top:.72rem;border-radius:1.15rem 1.15rem 0 0;background:linear-gradient(100deg,#9a7434,#e9cf94 28%,#c9a55c 52%,#f1d9a0 78%,#9a7434);box-shadow:inset 0 1px #ffffff80,inset 0 0 0 1px #f0e0c259,0 -10px 30px -12px #caaf7d8c;color:#151a1e;font-size:11px;font-weight:700;letter-spacing:.26em;line-height:1;text-transform:uppercase;transform:translate3d(0,2.15rem,0);opacity:0;transition:transform .56s var(--ease-out),opacity .32s var(--ease-out)}.tier-banner>span{display:inline-flex;align-items:center;gap:.6em;height:1rem}.tier-banner>span:before{content:"/";font-family:var(--font-serif);font-size:14px;font-weight:400;letter-spacing:0;opacity:.7}.tier-banner>span:after{content:attr(data-t)}.tier[data-shown] .tier-banner,.tier:focus-within .tier-banner{transform:translate3d(0,-4px,0);opacity:1}.tier[data-shown] .tier-body,.tier:focus-within .tier-body{transform:translate3d(0,-4px,0)}.tier[data-shown] .tier-body:before,.tier:focus-within .tier-body:before{opacity:1}@media(hover:hover){.tier:hover .tier-banner{transform:translate3d(0,-6px,0);opacity:1}.tier:hover .tier-body{transform:translate3d(0,-6px,0)}.tier:hover .tier-body:before,.tier:hover:after{opacity:1}}.tier:after{content:"";position:absolute;z-index:0;left:8%;right:8%;bottom:-6%;height:30%;pointer-events:none;opacity:0;background:radial-gradient(closest-side,hsl(39 42% 64% / .22),transparent);transition:opacity .62s var(--ease-out)}.tier[data-shown]:after,.tier:focus-within:after{opacity:.7}.tier-fx{position:absolute;inset:0;z-index:2;overflow:hidden;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .6s var(--ease-out)}.tier.is-lit .tier-fx{opacity:1}.tier-glare{position:absolute;left:-340px;top:-340px;width:680px;height:680px;background:radial-gradient(closest-side,hsl(0 0% 100% / .13),hsl(39 60% 85% / .05) 42%,transparent 72%);transform:translate3d(var(--gx, 0px),var(--gy, 0px),0)}.tier-holo{position:absolute;top:-40%;bottom:-40%;left:-60%;width:220%;mix-blend-mode:screen;background:linear-gradient(112deg,transparent 30%,hsl(39 80% 68% / .14) 38%,hsl(48 90% 80% / .16) 43%,hsl(170 40% 72% / .08) 47%,hsl(20 70% 78% / .08) 51%,hsl(39 85% 72% / .14) 56%,transparent 64%);transform:translate3d(var(--hx, 0px),0,0)}@media(prefers-reduced-motion:reduce){.tier-banner{transform:none;opacity:1;transition:none}.tier-body{transition:none;transform:none!important}.tier-fx{display:none}}html.motion-paused .tier-banner{transform:none;opacity:1;transition:none}html.motion-paused .tier-body{transform:none!important}html.motion-paused .tier-fx{display:none}.gold-crest{position:absolute;z-index:-1;left:50%;top:50%;width:min(46rem,130vw);aspect-ratio:1;translate:-50% -50%;pointer-events:none}.gold-crest canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity 1.2s var(--ease-out);-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent);mask-image:radial-gradient(closest-side,#000 72%,transparent)}.gold-crest canvas[data-ready]{opacity:1}
