.gate{z-index:240;background:#0a0806;flex-direction:column;display:flex;position:fixed;inset:0}.gate__head,.gate__foot{z-index:5;pointer-events:none;text-align:center;width:fit-content;margin-inline:auto;position:absolute;left:0;right:0}.gate__head{top:clamp(22px,4vh,44px)}.gate__foot{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.22em;text-transform:uppercase;color:#eee8de73;font-size:.64rem;bottom:clamp(20px,3.6vh,40px)}.gate__panels{flex:1;min-height:0;display:flex}.gate__panel{outline-offset:-4px;flex:1;justify-content:center;align-items:center;text-decoration:none;transition:flex .7s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.gate__panel:hover,.gate__panel:focus-visible{flex:1.45}.gate__video{object-fit:cover;opacity:.28;filter:saturate(.8)brightness(.7);width:100%;height:100%;transition:opacity .7s,filter .7s;position:absolute;inset:0}.gate__panel:hover .gate__video{opacity:.55;filter:saturate(.95)brightness(.85)}.gate__panel--records{background:radial-gradient(90% 90% at 50% 60%,#14100c 0%,#0a0806 70%)}.gate__scrim{pointer-events:none;background:radial-gradient(80% 80%,#08060540,#080605c7),linear-gradient(#08060599,#0000 30% 70%,#080605bf);position:absolute;inset:0}.gate__content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:.9rem;max-width:34rem;padding:2rem;display:flex;position:relative}.gate__mark{filter:drop-shadow(0 8px 30px #0009)}.gate__mark--marketing{width:clamp(200px,22vw,340px);height:auto}.gate__mark--records{width:clamp(150px,15vw,230px);height:auto}.gate__label{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-2,#d8b876);font-size:.68rem}.gate__desc{color:#eee8de99;opacity:0;max-width:30ch;margin:0;font-size:.95rem;line-height:1.55;transition:opacity .5s,transform .5s;transform:translateY(8px)}.gate__enter{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-1,#f6e3b4);opacity:0;border:1px solid #d8b87666;border-radius:100px;align-items:center;gap:.5em;margin-top:.4rem;padding:.7rem 1.6rem;font-size:.68rem;transition:opacity .5s 60ms,transform .5s 60ms,background .3s,color .3s;display:inline-flex;transform:translateY(8px)}.gate__enter i{font-style:normal;transition:transform .3s}.gate__panel:hover .gate__desc,.gate__panel:focus-visible .gate__desc,.gate__panel:hover .gate__enter,.gate__panel:focus-visible .gate__enter{opacity:1;transform:none}.gate__panel:hover .gate__enter{background:#d8b8761f}.gate__panel:hover .gate__enter i{transform:translate(3px)}.gate__divider{z-index:3;flex-direction:column;align-items:center;width:1px;display:flex;position:relative}.gate__divider i{background:linear-gradient(#0000,#d8b87673,#0000);flex:1;width:1px}.gate__divider b{color:var(--gold-2,#d8b876);padding:.5rem 0;font-size:.8rem;line-height:1}@media (hover:none){.gate__desc,.gate__enter{opacity:1;transform:none}}@media (max-width:760px){.gate{overflow-y:auto}.gate__panels{flex-direction:column;flex:none;min-height:100%}.gate__panel{flex:none;min-height:max(50svh,360px)}.gate__content{gap:.7rem;padding:3.4rem 1.4rem 2.6rem}.gate__head{top:14px}.gate__foot{display:none}.gate__divider{flex-direction:row;width:auto;height:1px}.gate__divider i{background:linear-gradient(90deg,#0000,#d8b87673,#0000);flex:1;width:auto;height:1px}.gate__divider b{padding:0 .6rem}.gate__mark--marketing{width:clamp(160px,44vw,240px)}.gate__mark--records{width:clamp(120px,34vw,180px)}.gate__desc{display:none}.gate__panel:hover{flex:1}}@media (prefers-reduced-motion:reduce){.gate__panel{transition:none}.gate__video{display:none}}body.gate-open .nav,body.gate-open footer{display:none!important}
