.gateway{--gw-dark:#0f0f0f;--gw-cream:#faf2e1;--gw-gold:#ffae00;--gw-charcoal:#171717;z-index:0;-webkit-user-select:none;user-select:none;display:flex;position:fixed;inset:0;overflow:hidden}.gateway-blocks{z-index:100;grid-template-columns:repeat(var(--gw-columns,12),var(--gw-block-size,80px));grid-auto-rows:var(--gw-block-size,80px);pointer-events:none;width:max-content;height:max-content;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.gateway-cell{aspect-ratio:1;background-color:var(--gw-dark)}.gateway-panel{cursor:pointer;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.gateway-panel-creative{background-color:var(--gw-dark);color:var(--gw-cream);flex:6.5}.gateway-panel-minimal{background-color:var(--gw-cream);color:var(--gw-dark);flex:3.5}.gateway-bg-img{object-fit:cover;opacity:.15;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.gateway-panel-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem;display:flex;position:relative}.gateway-panel-label{text-transform:uppercase;letter-spacing:-.03em;white-space:nowrap;will-change:transform,opacity;font-family:Palace,serif;font-size:clamp(3.5rem,7vw,7rem);font-weight:400;line-height:.95}.gateway-panel-minimal .gateway-panel-label{font-size:clamp(2.5rem,5vw,5rem)}.gateway-panel-sub{text-transform:uppercase;letter-spacing:.05em;opacity:.5;will-change:transform,opacity;font-family:DMMono,monospace;font-size:.85rem;font-weight:500}.gateway-panel-creative .gateway-panel-sub{color:var(--gw-gold);opacity:.8}.gateway-panel-arrow{opacity:0;will-change:transform,opacity;font-family:Bellefair,serif;font-size:1.5rem;transition:opacity .35s,transform .35s;transform:translateY(10px)}.gateway-panel:hover .gateway-panel-arrow{opacity:.6;transform:translateY(0)}.gateway-panel-creative .gateway-panel-arrow{color:var(--gw-gold)}.gateway-divider{background-color:var(--gw-gold);z-index:10;transform-origin:50%;will-change:transform;visibility:hidden;width:1px;position:absolute;top:0;bottom:0}.gateway-name{z-index:10;text-transform:uppercase;letter-spacing:.15em;color:var(--gw-gold);white-space:nowrap;will-change:transform,opacity;visibility:hidden;font-family:DMMono,monospace;font-size:.75rem;font-weight:500;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}@media (max-width:768px){.gateway{flex-direction:column}.gateway-panel-creative{flex:6.5}.gateway-panel-minimal{flex:3.5}.gateway-panel-label{font-size:clamp(2.5rem,10vw,4rem)}.gateway-panel-minimal .gateway-panel-label{font-size:clamp(2rem,8vw,3rem)}.gateway-panel-arrow{opacity:.4;transform:translateY(0)}.gateway-divider{width:100%;height:1px;inset:auto 0}.gateway-name{font-size:.65rem;bottom:.75rem}}