:root{--noir:#12100e;--cream:#f3e9da;--gold:#c9a227;--gold-lite:#e8ce7a;--rose:#e4c1b9;--oud:#8c6a4a}*{box-sizing:border-box}html,body{height:100%}html{overflow:hidden}body{min-height:100svh;color:var(--cream);background:radial-gradient(90% 60% at 50% -6%, #2a231b 0%, transparent 55%), radial-gradient(120% 100% at 50% 120%, #1c1712 0%, transparent 60%), var(--noir);-webkit-font-smoothing:antialiased;cursor:default;margin:0;font-family:Inter,system-ui,sans-serif;overflow:clip hidden}.stage{position:fixed;inset:0}#c{width:100%;height:100%;display:block;position:absolute;inset:0}.pyramid{z-index:2;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:clamp(14px,3.4vh,34px);width:min(92vw,640px);display:flex;position:absolute;top:clamp(24px,8vh,96px);left:50%;translate:-50%}.tier{opacity:0;filter:blur(13px);transition:opacity .9s,transform 1.15s cubic-bezier(.2,.7,.2,1),filter 1s;position:relative;transform:translateY(20px)}.tier.is-in{opacity:1;filter:blur();transform:none}.tier__img{object-fit:contain;opacity:0;filter:blur(6px);pointer-events:none;z-index:0;width:auto;max-width:94vw;height:clamp(104px,19vh,188px);transition:opacity 1.3s,transform 1.7s cubic-bezier(.2,.7,.2,1),filter 1.3s;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)scale(.9)}.tier.is-in .tier__img{opacity:.5;filter:blur();transform:translate(-50%,-50%)scale(1)}.tier__lab,.tier__notes{z-index:1;position:relative}.tier__lab{letter-spacing:.42em;text-transform:uppercase;color:color-mix(in srgb, var(--gold-lite) 78%, var(--cream));text-shadow:0 1px 10px #080604d9,0 0 4px #080604b3;margin-bottom:clamp(6px,1.2vh,12px);font-family:Inter,sans-serif;font-size:clamp(.6rem,1.5vmin,.72rem);font-weight:500;display:block}.tier__notes{color:var(--cream);text-shadow:0 2px 16px #080604cc,0 0 6px #08060499;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.28em .9em;font-family:Cormorant Garamond,serif;font-weight:500;line-height:1.05;display:flex}.tier:first-child .tier__notes{font-size:clamp(1.15rem,3.6vmin,1.9rem)}.tier:nth-child(2) .tier__notes{font-size:clamp(1.35rem,4.6vmin,2.5rem)}.tier:nth-child(3) .tier__notes{font-size:clamp(1.55rem,5.6vmin,3.1rem)}.tier__notes i{opacity:0;font-style:normal;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(9px)}.tier__notes i+i:before{content:"·";color:color-mix(in srgb, var(--gold) 60%, transparent);margin-right:.9em;font-style:normal}.tier.is-in .tier__notes i{opacity:1;transform:none}.tier.is-in .tier__notes i:first-child{transition-delay:.12s}.tier.is-in .tier__notes i:nth-child(2){transition-delay:.26s}.tier.is-in .tier__notes i:nth-child(3){transition-delay:.4s}.tier.is-in .tier__notes i:nth-child(4){transition-delay:.54s}.cap-hit{cursor:pointer;touch-action:none;z-index:3;border-radius:40%;outline:none;width:120px;height:120px;position:fixed}.cap-hit:focus-visible{box-shadow:0 0 0 3px #e8ce7abf}.brand{z-index:2;text-align:center;pointer-events:none;position:absolute;bottom:clamp(20px,6vh,60px);left:50%;translate:-50%}.brand__name{letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;color:var(--cream);background:linear-gradient(180deg, #fbf3e2, var(--gold-lite) 60%, var(--oud));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(2rem,8vmin,3.6rem);font-weight:500}.brand__sub{letter-spacing:.55em;text-indent:.55em;text-transform:uppercase;color:color-mix(in srgb, var(--cream) 60%, transparent);margin:.35em 0 0;font-size:clamp(.6rem,1.5vmin,.74rem)}.hint{z-index:2;letter-spacing:.06em;color:#f3e9dabd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#e8ce7a12;border:1px solid #e8ce7a38;border-radius:999px;align-items:center;gap:9px;margin:0;padding:8px 15px;font-size:.8rem;transition:opacity .5s,transform .5s;animation:2.8s ease-in-out infinite bob;display:flex;position:absolute;bottom:clamp(96px,20vh,184px);left:50%;translate:-50%}.hint__grip{border:2px solid #e8ce7ad9;border-radius:50%;width:13px;height:13px;position:relative}.hint__grip:after{content:"";background:#e8ce7ad9;border-radius:50%;animation:1.5s ease-in-out infinite pulse;position:absolute;inset:3px}.hint.is-gone{opacity:0;pointer-events:none;transform:translateY(6px)}@keyframes bob{50%{transform:translateY(-4px)}}@keyframes pulse{50%{opacity:.4;transform:scale(.5)}}.mute{z-index:5;width:44px;height:44px;color:var(--cream);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff21;border-radius:50%;place-items:center;transition:background .2s,transform .2s,border-color .2s;display:grid;position:fixed;top:clamp(14px,3vh,26px);right:clamp(14px,3vw,26px)}.mute:hover{background:#ffffff1c;transform:scale(1.05)}.mute:focus-visible{outline:2px solid var(--gold-lite);outline-offset:3px}.mute svg{fill:currentColor;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;fill-rule:evenodd;width:22px;height:22px}.mute .wave{fill:none;transition:opacity .2s}.mute[aria-pressed=false] .wave{opacity:.15}.mute[aria-pressed=true] .wave{opacity:1}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (aspect-ratio>=1){.pyramid{gap:clamp(8px,2vh,20px);width:min(94vw,860px);top:clamp(14px,3.5vh,38px)}.tier__lab{margin-bottom:clamp(3px,.8vh,8px)}.tier:first-child .tier__notes{font-size:clamp(1rem,3vmin,1.7rem)}.tier:nth-child(2) .tier__notes{font-size:clamp(1.15rem,3.6vmin,2.05rem)}.tier:nth-child(3) .tier__notes{font-size:clamp(1.3rem,4.2vmin,2.4rem)}.brand__name{font-size:clamp(1.7rem,6.4vmin,3rem)}.hint{top:46vh;bottom:auto}.tier__img{height:clamp(88px,15vh,150px)}}@media (prefers-reduced-motion:reduce){.hint,.hint__grip:after{animation:none}.mute{transition:none}.tier,.tier__notes i{filter:none;transition:opacity .5s;transform:none}}