.h4-bento{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}@media (min-width:768px){.h4-bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.h4-mdfull,.h4-s12,.h4-s7{grid-column:span 6}.h4-s4:not(.h4-mdfull),.h4-s5:not(.h4-mdfull){grid-column:span 3}}@media (min-width:1024px){.h4-bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.h4-bento .h4-s12{grid-column:span 12}.h4-bento .h4-s7{grid-column:span 7}.h4-bento .h4-s5{grid-column:span 5}.h4-bento .h4-s4{grid-column:span 4}.h4-tall{grid-row:span 2}}.h4-card{--mx:50%;--my:0%;--lit:0;position:relative;isolation:isolate;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:linear-gradient(180deg,rgb(255 255 255/.025),transparent 40%),color-mix(in srgb,var(--color-surface) 80%,transparent);backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);box-shadow:inset 0 1px 0 rgb(255 255 255/.03),0 20px 40px -28px rgb(0 0 0/.8);transition:translate .22s var(--ease-hover),border-color .22s var(--ease-hover),box-shadow .22s var(--ease-hover)}.h4-card__in{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;padding:22px}@media (min-width:640px){.h4-card__in{padding:28px}}.h4-card:before{inset:0;z-index:0;background:radial-gradient(360px circle at var(--mx) var(--my),color-mix(in srgb,var(--color-primary) 9%,transparent),transparent 65%)}.h4-card:after,.h4-card:before{content:"";position:absolute;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s var(--ease-hover)}.h4-card:after{inset:-1px;z-index:2;padding:1px;background:radial-gradient(220px circle at var(--mx) var(--my),color-mix(in srgb,var(--color-primary) 85%,transparent),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@media (hover:hover){.h4-bento .h4-card:hover{translate:0 -2px;border-color:var(--color-border-strong);box-shadow:inset 0 1px 0 rgb(255 255 255/.04),0 28px 50px -30px rgb(0 0 0/.9)}.h4-card:hover:after,.h4-card:hover:before{opacity:1}}.h4-card--lead{background:radial-gradient(80% 50% at 15% 0,color-mix(in srgb,var(--color-primary) 6%,transparent),transparent 70%),linear-gradient(180deg,rgb(255 255 255/.03),transparent 40%),color-mix(in srgb,var(--color-surface) 84%,transparent)}.h4-card--quote{background:linear-gradient(180deg,rgb(255 255 255/.02),transparent 50%),color-mix(in srgb,var(--color-bg-elevated) 78%,transparent)}.h4-close .h4-card__in{padding:28px 22px}@media (min-width:640px){.h4-close .h4-card__in{padding:48px}}.h4-close{background:radial-gradient(60% 80% at 0 100%,color-mix(in srgb,var(--color-primary) 7%,transparent),transparent 70%),color-mix(in srgb,var(--color-surface) 80%,transparent)}.h4-numeral{font-size:clamp(3.5rem,2.6rem + 3vw,5rem);letter-spacing:-.04em}.h4-link{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:500;color:var(--color-primary);text-underline-offset:4px;text-decoration-color:transparent;text-decoration-line:underline;transition:text-decoration-color .18s var(--ease-hover),color .18s var(--ease-hover)}.h4-link:hover{color:var(--color-primary-hover);text-decoration-color:currentColor}.h4-chip{align-self:flex-start;margin-top:auto;padding-top:20px;font-family:var(--font-mono);font-size:12px;color:var(--color-primary)}.h4-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:rgb(255 255 255/.03);color:var(--color-fg);font-size:.875rem;font-weight:500;white-space:nowrap;transition:border-color .18s var(--ease-hover),background-color .18s var(--ease-hover),color .18s var(--ease-hover)}.h4-btn:hover{border-color:color-mix(in srgb,var(--color-primary) 55%,transparent);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.h4-btn--solid{border-color:transparent;background:var(--color-primary);color:var(--color-primary-ink);font-weight:600}.h4-btn--solid:hover{border-color:transparent;background:var(--color-primary-hover)}.h4-discord-mark{width:22px;height:auto;color:var(--color-faint);transition:color .22s var(--ease-hover)}.h4-card:hover .h4-discord-mark{color:var(--color-primary)}.h4-split{border-top:1px solid var(--color-border);padding-top:24px}@media (min-width:640px){.h4-split{border-top:0;padding-top:0;border-left:1px solid var(--color-border);padding-left:32px}}.h4-row{transition:background-color .18s var(--ease-hover)}.h4-ping{animation:h4-ping 2.4s cubic-bezier(0,0,.2,1) infinite}@keyframes h4-ping{0%{transform:scale(1);opacity:.7}70%,to{transform:scale(2.6);opacity:0}}@media (prefers-reduced-motion:reduce){.h4-ping{display:none}}.h4-bento[data-armed]:not([data-in]) .h4-card{opacity:0;translate:0 16px}.h4-bento[data-armed][data-in] .h4-card{animation:h4-rise .6s var(--ease-out-cine) backwards;animation-delay:calc(min(var(--i, 0), 9) * 70ms)}.h4-bento[data-armed][data-in] .h4-bar{animation:h4-bar .7s var(--ease-out-cine) backwards;animation-delay:calc(.3s + var(--b, 0) * 18ms);transform-origin:bottom}@keyframes h4-rise{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes h4-bar{0%{transform:scaleY(.15);opacity:.3}to{transform:scaleY(1);opacity:1}}.h4-menu{display:grid;gap:20px}@media (min-width:1024px){.h4-menu{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:center}}.h4-menu__tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.h4-menu__tabs::-webkit-scrollbar{display:none}@media (min-width:1024px){.h4-menu__tabs{flex-direction:column;gap:4px;overflow:visible}}.h4-menu__tab{position:relative;flex:0 0 auto;display:flex;flex-direction:column;gap:6px;padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 70%,transparent);text-align:left;overflow:hidden;transition:border-color .2s var(--ease-hover),background-color .2s var(--ease-hover)}.h4-menu__tab:hover{border-color:var(--color-border-strong)}.h4-menu__tab[data-on]{border-color:color-mix(in srgb,var(--color-primary) 55%,transparent);background:color-mix(in srgb,var(--color-primary) 7%,var(--color-surface))}@media (min-width:1024px){.h4-menu__tab{padding:18px 20px 20px;border-color:transparent;background:transparent}.h4-menu__tab:hover{border-color:transparent;background:color-mix(in srgb,var(--color-surface) 55%,transparent)}.h4-menu__tab[data-on]{border-color:var(--color-border);background:color-mix(in srgb,var(--color-surface) 82%,transparent)}}.h4-menu__name{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--color-muted);white-space:nowrap;transition:color .2s var(--ease-hover)}.h4-menu__tab:hover .h4-menu__name,.h4-menu__tab[data-on] .h4-menu__name{color:var(--color-fg)}@media (min-width:1024px){.h4-menu__name{font-size:1.125rem}}.h4-menu__desc{display:none}@media (min-width:1024px){.h4-menu__desc{display:grid;grid-template-rows:0fr;font-size:.875rem;line-height:1.55;color:var(--color-muted);opacity:0;transition:grid-template-rows .32s var(--ease-out-cine),opacity .24s var(--ease-hover)}.h4-menu__tab[data-on] .h4-menu__desc{grid-template-rows:1fr;opacity:1}}.h4-menu__desc>span{overflow:hidden;min-height:0}.h4-menu__bar{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--color-primary);transform-origin:left;animation-name:h4-menu-bar;animation-timing-function:linear;animation-fill-mode:both}@keyframes h4-menu-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.h4-menu__stage{position:relative;perspective:1600px}@media (min-width:1024px){.h4-menu__stage{padding:11% 8% 0 0}}.h4-menu__glow{position:absolute;inset:18% 8% -6% 8%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--color-primary) 22%,transparent),transparent);filter:blur(40px);opacity:.55;pointer-events:none;transition:opacity .5s var(--ease-hover)}.h4-menu__stage:hover .h4-menu__glow{opacity:.8}.h4-menu__deck{position:relative;aspect-ratio:922/626;transform-style:preserve-3d;transition:transform .7s var(--ease-out-cine)}@media (min-width:1024px) and (hover:hover){.h4-menu__deck{transform:rotateY(-7deg) rotateX(4deg)}.h4-menu__stage:hover .h4-menu__deck{transform:none}}.h4-menu__shot{position:absolute;inset:0;margin:0;border-radius:22px;box-shadow:0 0 0 1px rgb(255 255 255/.06),0 40px 80px -40px rgb(0 0 0/.95);transition:transform .65s var(--ease-out-cine),opacity .45s var(--ease-hover),filter .45s var(--ease-hover);will-change:transform,opacity}.h4-menu__shot img{display:block;width:100%;height:100%;user-select:none}.h4-menu__shot[data-pos="0"]{z-index:3;transform:none;opacity:1}.h4-menu__shot[data-pos="1"],.h4-menu__shot[data-pos="2"]{z-index:1;opacity:0;pointer-events:none}@media (min-width:1024px){.h4-menu__shot[data-pos="1"]{z-index:2;transform:translate3d(7%,-9%,-60px) scale(.94);opacity:.6;filter:brightness(.7) saturate(.75)}.h4-menu__shot[data-pos="2"]{z-index:1;transform:translate3d(13%,-17%,-120px) scale(.88);opacity:.3;filter:brightness(.5) saturate(.55)}}.h4-menu__caption{margin-top:18px;font-family:var(--font-mono);font-size:12px;color:var(--color-faint);text-align:right}.h4-sup__grid{position:relative;z-index:1}@media (min-width:60rem){.h4-sup__grid{padding-inline:clamp(2rem,4vw,3.5rem)}}.h4-sup__pool{position:absolute;inset:12% 14%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--color-primary) 16%,transparent),transparent);filter:blur(28px);pointer-events:none;transition:opacity .4s var(--ease-hover);opacity:.7}.h4-sup:hover .h4-sup__pool{opacity:1}.h4-close.h4-sup{background:radial-gradient(60% 80% at 0 100%,color-mix(in srgb,var(--color-primary) 7%,transparent),transparent 70%),color-mix(in srgb,var(--color-surface) 93%,transparent)}[data-theme=obsidian]:has(.h4-page) .navbar{transition:background-color .6s var(--ease-out-cine),border-color .6s var(--ease-out-cine),box-shadow .6s var(--ease-out-cine),backdrop-filter .6s var(--ease-out-cine)}[data-theme=obsidian]:has(.h4-page) .navbar .nav-row{max-width:72rem;border:1px solid transparent;border-radius:0;transition:max-width .8s var(--ease-out-cine),translate .8s var(--ease-out-cine),border-radius .8s var(--ease-out-cine),padding .8s var(--ease-out-cine),background-color .6s var(--ease-out-cine),border-color .6s var(--ease-out-cine),box-shadow .6s var(--ease-out-cine)}[data-theme=obsidian]:has(.h4-page) .navbar.is-docked{background:transparent;border-bottom-color:transparent;box-shadow:none;backdrop-filter:none}[data-theme=obsidian]:has(.h4-page) .navbar.is-docked .nav-row{max-width:min(58rem,calc(100% - 24px));translate:0 12px;border-radius:28px;border-color:rgb(255 255 255/.08);background:color-mix(in srgb,var(--color-bg) 72%,transparent);backdrop-filter:blur(22px) saturate(160%);box-shadow:inset 0 1px 0 rgb(255 255 255/.05),0 10px 40px rgb(0 0 0/.45);padding-left:22px;padding-right:8px}[data-theme=obsidian]:has(.h4-page) .navbar.is-docked .nav-rule{opacity:0;transition:opacity .4s var(--ease-hover)}[data-theme=obsidian]:has(.h4-page) .navbar .nav-rule{transition:opacity .4s var(--ease-hover)}[data-theme=obsidian]:has(.h4-page) .navbar.is-docked .nav-cta{border-radius:999px}@media (max-width:1023px){[data-theme=obsidian]:has(.h4-page) .navbar.is-docked .nav-row{padding-left:16px;padding-right:4px}}[data-theme=obsidian]:has(.h4-page) .navbar .nav-indicator,[data-theme=obsidian]:has(.h4-page) .navbar .nav-rule{display:none}[data-theme=obsidian]:has(.h4-page) .nav-row nav a[aria-current=page]:after,[data-theme=obsidian]:has(.h4-page) .nav-row>a[aria-current=page]:after{content:none}@media (min-width:1024px){[data-theme=obsidian]:has(.h4-page) .navbar .nav-row{position:relative}[data-theme=obsidian]:has(.h4-page) .navbar .nav-row>nav{position:absolute;top:0;left:50%;translate:-50% 0}[data-theme=obsidian]:has(.h4-page) .navbar.is-docked .nav-row{padding-left:30px;padding-right:14px}}@media (min-width:1024px){[data-theme=obsidian]:has(.h4-page) .navbar .nav-row{height:4rem;max-width:100%;padding-left:28px;padding-right:20px}[data-theme=obsidian]:has(.h4-page) .navbar.is-docked .nav-row{max-width:min(58rem,calc(100% - 24px));padding-left:24px;padding-right:10px}[data-theme=obsidian]:has(.h4-page) .navbar .nav-row a[href="/login"],[data-theme=obsidian]:has(.h4-page) .navbar .nav-row nav a{font-size:14.5px}[data-theme=obsidian]:has(.h4-page) .navbar .nav-row nav a{padding-inline:.875rem}[data-theme=obsidian]:has(.h4-page) .navbar .nav-cta{height:2.5rem;padding-inline:1.125rem;font-size:14px}[data-theme=obsidian]:has(.h4-page) .navbar .nav-row>a:first-child img{width:2rem;height:2rem}[data-theme=obsidian]:has(.h4-page) .navbar .nav-row>a:first-child .font-display{font-size:1.3rem}}[data-theme=obsidian]:has(.h4-page) .navbar:not(.is-docked){background:transparent;border-bottom-color:transparent;backdrop-filter:none}[data-theme=obsidian]:has(.h4-page) .navbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;background:linear-gradient(to right,transparent 0,color-mix(in srgb,var(--color-primary) 70%,transparent) 50%,transparent 100%);box-shadow:0 0 12px 1px color-mix(in srgb,var(--color-primary) 35%,transparent);transform-origin:center;opacity:0;animation:h4-seam-light 2.2s var(--ease-out-cine) .35s both}[data-theme=obsidian]:has(.h4-page) .navbar.is-docked:after{animation:none;opacity:0}@keyframes h4-seam-light{0%{transform:scaleX(0);opacity:0}20%{opacity:1}55%{transform:scaleX(1);opacity:.9}to{transform:scaleX(1);opacity:0}}[data-theme=obsidian]:has(.h4-page) .progress-rail{display:none}.h4-art{position:relative;margin:-22px -22px 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;aspect-ratio:16/9;mask-image:linear-gradient(180deg,#000 0,#000 52%,transparent)}@media (min-width:640px){.h4-art{margin:-28px -28px 0}}.h4-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;user-select:none;transition:scale .7s var(--ease-out-cine)}@media (hover:hover){.h4-card:hover .h4-art img{scale:1.03}}.h4-art+div{margin-top:-2.75rem}.h4-pay{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:2.5rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 55%,transparent);color:var(--color-muted);transition:color .2s var(--ease-hover),border-color .2s var(--ease-hover),background-color .2s var(--ease-hover)}.h4-pay svg{width:1.75rem;height:1.75rem}@media (hover:hover){.h4-pay:hover{color:var(--color-fg);border-color:color-mix(in srgb,var(--color-primary) 45%,transparent);background:color-mix(in srgb,var(--color-primary) 7%,transparent)}}