.g-page{--g-bg:#0b0b0d;--g-fg:#f5f5f7;--g-muted:#8a8a92;min-height:100vh;background:var(--g-bg);color:var(--g-fg);overflow:hidden;position:relative}.g-head{position:fixed;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(18px,4vw,48px);pointer-events:none}.g-head a,.g-head span{pointer-events:auto}.g-head__title{font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:var(--g-fg)}.g-head__sub{font-size:.72rem;letter-spacing:.08em;color:var(--g-muted)}.g-page:before{content:"";position:fixed;inset:0;z-index:4;pointer-events:none;background:radial-gradient(120% 80% at 50% 50%,transparent 55%,var(--g-bg) 100%)}.g-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.g-stage--stack{align-items:flex-start;overflow-y:auto}.g-tile{position:relative;border-radius:14px;overflow:hidden;background:#17171b;box-shadow:0 18px 40px -22px rgba(0,0,0,.8);outline:1px solid rgba(255,255,255,.06);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease}.g-tile,.g-tile img{display:block;width:100%;height:100%}.g-tile img{object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.g-tile:hover{box-shadow:0 30px 60px -20px rgba(0,0,0,.9)}.g-tile:hover img{transform:scale(1.06)}.g-tile:focus-visible{outline:2px solid var(--g-fg);outline-offset:2px}.g-tile__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:14px;background:linear-gradient(0deg,rgba(0,0,0,.72) 0,transparent 55%);opacity:0;transition:opacity .4s ease}.g-tile:focus-visible .g-tile__overlay,.g-tile:hover .g-tile__overlay{opacity:1}.g-tile__label{font-size:.9rem;font-weight:600;color:#fff}.g-tile__cta{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#cfcfd6}.g-flow{position:absolute;inset:0}.g-flow__item{position:absolute;top:0;left:0;width:clamp(140px,15vw,210px);aspect-ratio:4/3;animation-name:g-flow-move;animation-timing-function:linear;animation-iteration-count:infinite;will-change:offset-distance;-webkit-backface-visibility:hidden;backface-visibility:hidden}.g-flow__item:hover{z-index:50}.g-flow:has(.g-tile:hover) .g-flow__item{animation-play-state:paused}@keyframes g-flow-move{0%{offset-distance:0}to{offset-distance:100%}}.g-orbit{position:absolute;inset:0}.g-orbit__item{position:absolute;top:50%;left:50%;width:clamp(96px,12vw,168px);aspect-ratio:4/3;animation-name:g-orbit-spin;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}.g-orbit__item:hover{z-index:50}.g-orbit:has(.g-tile:hover) .g-orbit__item{animation-play-state:paused}@keyframes g-orbit-spin{0%{transform:translate(-50%,-50%) rotate(var(--start)) translateX(var(--r)) rotate(calc(-1 * var(--start)))}to{transform:translate(-50%,-50%) rotate(calc(var(--start) + 1turn)) translateX(var(--r)) rotate(calc(-1 * (var(--start) + 1turn)))}}.g-diag{position:absolute;inset:0}.g-diag__item{position:absolute;top:0;left:0;width:clamp(130px,14vw,200px);aspect-ratio:4/3;offset-rotate:0deg;animation-name:g-flow-move;animation-timing-function:linear;animation-iteration-count:infinite;will-change:offset-distance;-webkit-backface-visibility:hidden;backface-visibility:hidden}.g-diag__item:hover{z-index:50}.g-diag:has(.g-tile:hover) .g-diag__item{animation-play-state:paused}.g-stack{width:100%;max-width:820px;margin:0 auto;padding:110px clamp(18px,4vw,48px) 130px;display:flex;flex-direction:column;gap:clamp(18px,3vw,40px)}.g-stack .g-tile{aspect-ratio:4/3}.g-stack .g-tile:hover{transform:scale(1.01)}.g-switch{position:fixed;z-index:7;left:50%;bottom:clamp(18px,3vw,34px);transform:translateX(-50%);display:inline-flex;gap:2px;padding:5px;background:rgba(20,20,24,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:999px;box-shadow:0 18px 50px -20px rgba(0,0,0,.8)}.g-switch__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;background:transparent;color:var(--g-muted);font:inherit;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;padding:8px 16px;border-radius:999px;transition:color var(--t-fast) var(--e-standard),background var(--t-fast) var(--e-standard)}.g-switch__btn:hover{color:var(--g-fg)}.g-switch__btn.is-active{color:var(--g-bg);background:var(--g-fg)}.g-switch__btn:focus-visible{outline:2px solid var(--g-fg);outline-offset:2px}.g-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--g-muted);font-size:.95rem;padding:24px;text-align:center}@media (prefers-reduced-motion:reduce){.g-diag__item,.g-flow__item{animation:none;offset-distance:var(--d)}.g-orbit__item{animation:none;transform:translate(-50%,-50%) rotate(var(--start)) translateX(var(--r)) rotate(calc(-1 * var(--start)))}.g-tile,.g-tile img{transition:none}}