.gateway{--gw-bg:#1a1a18;--gw-ink:#f4f3ee;--gw-muted:#f4f3eea8;--gw-faint:#f4f3ee70;--gw-line:#ffffff17;--gw-accent:#ffe627;background:var(--gw-bg);min-height:100dvh;color:var(--gw-ink);font-family:var(--sans);flex-direction:column;display:flex;position:relative;overflow:hidden}.gateway-stage{z-index:0;pointer-events:none;position:absolute;inset:0}.gateway-stage__gradient{background:linear-gradient(135deg,#292929 0%,#1a1a18 52%,#292506 100%);position:absolute;inset:0}.gateway-stage__grain{opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0}.gateway-panels{z-index:1;flex:1;align-items:stretch;min-height:0;display:flex;position:relative}.gateway-panel{transition:flex-grow .5s var(--ease-snap);flex:1;position:relative;overflow:hidden}.gateway-panel__media{opacity:.26;filter:saturate(.72);transition:opacity .5s var(--ease-snap), transform .9s var(--ease-snap);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.02)}.gateway-panel__scrim{background:linear-gradient(#0c0c0a33 0%,#0c0c0abd 82%);position:absolute;inset:0}.gateway-panel__content{z-index:1;flex-direction:column;gap:clamp(10px,1.6vh,18px);padding:clamp(28px,4.4vw,64px);transition:opacity .4s;display:flex;position:absolute;inset:auto 0 0}.gateway-panel__logo{align-self:flex-start;width:auto;height:clamp(34px,4.2vw,58px);display:block}.gateway-panel__logo-link{transition:opacity .25s ease, transform .18s var(--ease-snap);border-radius:2px;align-self:flex-start;display:inline-block}.gateway-panel__logo-link:hover{opacity:.82;transform:translateY(-1px)}.gateway-panel__logo-link:focus-visible{outline:2px solid var(--gw-accent);outline-offset:6px}.gateway-panel__line{font-family:var(--serif);color:var(--gw-muted);max-width:44ch;font-size:clamp(1.05rem,1.5vw,1.4rem);line-height:1.45}.gateway-entries{flex-wrap:wrap;gap:12px;margin-top:clamp(6px,1.2vh,14px);display:flex}.gateway-entry{min-height:52px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--gw-ink);transition:border-color .25s ease, color .25s ease, transform .18s var(--ease-snap);border:1px solid #ffffff4d;align-items:center;gap:12px;padding:12px clamp(20px,2vw,30px);font-size:.74rem;font-weight:700;text-decoration:none;display:inline-flex}.gateway-entry:hover{border-color:var(--gw-accent);color:var(--gw-accent);transform:translateY(-2px)}.gateway-entry:focus-visible{outline:2px solid var(--gw-accent);outline-offset:2px}.gateway-entry__arrow{color:var(--gw-accent);transition:transform .25s var(--ease-snap)}.gateway-entry:hover .gateway-entry__arrow{transform:translate(4px)}@media (width>=821px){.gateway-panels:has(.gateway-panel--group:is(:hover,:focus-within)) .gateway-panel--group,.gateway-panels:has(.gateway-panel--ai:is(:hover,:focus-within)) .gateway-panel--ai{flex-grow:1.32}.gateway-panels:has(.gateway-panel--group:is(:hover,:focus-within)) .gateway-panel--ai .gateway-panel__content,.gateway-panels:has(.gateway-panel--ai:is(:hover,:focus-within)) .gateway-panel--group .gateway-panel__content{opacity:.5}.gateway-panels:has(.gateway-panel--group:is(:hover,:focus-within)) .gateway-panel--ai .gateway-panel__media,.gateway-panels:has(.gateway-panel--ai:is(:hover,:focus-within)) .gateway-panel--group .gateway-panel__media{opacity:.14}}.gateway-panel:is(:hover,:focus-within) .gateway-panel__media{opacity:.48;transform:scale(1.06)}.gateway-divider{z-index:2;background:var(--gw-line);pointer-events:none;width:1px;position:relative}.gateway-divider__dot{background:var(--gw-accent);width:11px;height:11px;transition:transform .5s var(--ease-snap);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #ffe6278c}@media (width>=821px){.gateway-panels:has(.gateway-panel--group:is(:hover,:focus-within)) .gateway-divider__dot{transform:translate(-50%,-50%)translate(-22px)}.gateway-panels:has(.gateway-panel--ai:is(:hover,:focus-within)) .gateway-divider__dot{transform:translate(-50%,-50%)translate(22px)}}.gateway-foot{z-index:3;padding:clamp(12px, 2vh, 20px) var(--page-pad);border-top:1px solid var(--gw-line);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gw-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:.66rem;font-weight:700;display:flex;position:relative}.gateway-legal{gap:clamp(18px,3vw,32px);display:flex}.gateway-legal a{min-height:44px;color:var(--gw-faint);align-items:center;text-decoration:none;transition:color .2s;display:inline-flex}.gateway-legal a:hover{color:var(--gw-ink)}.gateway-legal a:focus-visible{outline:2px solid var(--gw-accent);outline-offset:2px}.gateway-foot__copy{margin:0}@media (width<=820px){.gateway-panels{flex-direction:column}.gateway-panel{min-height:40svh}.gateway-panel__content{padding:clamp(22px,5vw,32px)}.gateway-divider{width:auto;height:1px}.gateway-foot{text-align:center;justify-content:center}}@media (prefers-reduced-motion:reduce){.gateway *,.gateway :before,.gateway :after{transition:none!important;animation:none!important}}
