.topic-gateway{--ground:#04050a;--ink:#eef0ff;--ink-dim:#eef0ff9e;--ink-mute:#eef0ff6b;--accent:#ff5a1f;--mood-tint:var(--accent);--mood-a:var(--accent);--mood-b:var(--accent);--sheet-face:#090c16fa;--sheet-ink:#eef2ff;--sheet-sheen:#ffffff21;--sheet-shadow:#000000b8;--sheet-radius:20px;--sheet-rotate:0deg;--sheet-y:0px;--sheet-scale:1;--hairline:1px;--ease-ui:cubic-bezier(.19, 1, .22, 1);--dur-hover:.22s;--swap-cycle:6.8s;--label-size:clamp(.6875rem, .18vw + .64rem, .8125rem);--label-track:.24em;background:radial-gradient(60% 48% at 72% 28%, color-mix(in srgb, var(--mood-a) 20%, transparent), transparent 70%), radial-gradient(52% 44% at 16% 78%, color-mix(in srgb, var(--mood-b) 12%, transparent), transparent 72%), var(--ground);min-height:100svh;color:var(--ink)}.topic-gateway[data-topic=brands]{--mood-tint:#3fd7ff;--mood-a:#06f;--mood-b:#00ffe0}.topic-gateway[data-topic=creators]{--mood-tint:#ff6bd6;--mood-a:#ff2fb0;--mood-b:#7a3cff}.topic-gateway[data-topic=ips]{--mood-tint:#ffb347;--mood-a:#ff7a00;--mood-b:#ff2f6d}:root[data-nebula=on] .topic-gateway{background:radial-gradient(60% 48% at 72% 28%, color-mix(in srgb, var(--mood-a) 6%, transparent), transparent 70%), radial-gradient(52% 44% at 16% 78%, color-mix(in srgb, var(--mood-b) 4%, transparent), transparent 72%), var(--ground)}.gate__gl{z-index:0;pointer-events:none;opacity:0;transition:opacity 1.2s;display:block;position:fixed;inset:0}:root[data-nebula=on] .gate__gl{opacity:1}.topic-gateway:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,#0000 35%,#04050a9e 78%,#04050aeb 100%);position:fixed;inset:0}.gate,.detail{z-index:1;position:relative}.gate{flex-direction:column;gap:clamp(2.5rem,5vh,4.5rem);width:min(78rem,100%);min-height:100svh;margin-inline:auto;padding:clamp(4.5rem,11vh,7rem) clamp(1.15rem,4vw,3rem) clamp(3rem,8vh,5rem);display:flex;overflow-x:clip}@media (min-height:1200px){.gate{justify-content:center}}.gate__head{flex-direction:column;align-items:flex-start;gap:clamp(.85rem,1.6vh,1.4rem);max-width:46rem;display:flex;position:relative}.gate__head:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(62% 58% at 34% 50%, color-mix(in srgb, var(--ground) 76%, transparent) 0%, color-mix(in srgb, var(--ground) 44%, transparent) 46%, transparent 76%);position:absolute;inset:-14% -18% -22%}.gate__eyebrow{color:var(--mood-tint);font-size:var(--label-size);letter-spacing:.42em;text-transform:uppercase;margin-inline-end:-.42em;font-weight:700}.gate__title{font-family:var(--font-serif);letter-spacing:-.035em;text-wrap:balance;background:linear-gradient(105deg, var(--ink) 0%, color-mix(in srgb, var(--mood-tint) 78%, var(--ink)) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.25rem,5.2vw,4.75rem);font-weight:400;line-height:1.02}.gate__lede{max-width:42rem;color:var(--ink-dim);font-size:clamp(1rem,.16vw + .95rem,1.125rem);line-height:1.55}.gate__lede--lead{max-width:34rem;font-family:var(--font-serif);letter-spacing:-.03em;--lede-ramp:linear-gradient(105deg, var(--ink) 0%, color-mix(in srgb, var(--mood-tint) 78%, var(--ink)) 100%);background:var(--lede-ramp);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.6rem,3.4vw,3rem);font-weight:400;line-height:1.14}.gate__lede--swap{text-wrap:balance;--swap-ramp:linear-gradient(105deg, color-mix(in srgb, var(--mood-tint) 58%, var(--ink)) 0%, var(--mood-tint) 100%);background:0 0;max-width:100%}.gate__lede-fixed,.gate__swap-word{background:var(--lede-ramp);color:#0000;-webkit-background-clip:text;background-clip:text}.gate__swap{vertical-align:baseline;justify-items:center;display:inline-grid}.gate__swap:last-child{justify-items:start}.gate__swap-word{background-image:var(--swap-ramp);text-shadow:0 0 .5em color-mix(in srgb, var(--mood-tint) 24%, transparent);animation:gate-swap var(--swap-cycle) cubic-bezier(.4, 0, .2, 1) infinite both;animation-delay:calc(var(--swap-order,0) * var(--swap-cycle) / 2);--swap-lift:max(.34em, 15px);grid-area:1/1}@keyframes gate-swap{0%{opacity:0;transform:translate3d(0, var(--swap-lift), 0)}4%,50%{opacity:1;transform:none}54%,to{opacity:0;transform:translate3d(0, calc(var(--swap-lift) * -1), 0)}}.gate__lede-line{display:block}.gate__wall{grid-template-columns:repeat(auto-fit,minmax(min(15.5rem,100%),1fr));gap:clamp(1.15rem,2.4vw,2.5rem);list-style:none;display:grid}@media (min-width:60rem){.gate__slot{margin-block-start:var(--card-drop,0px)}}.gate__slot{display:flex}.gate__through{margin-block-start:auto}.gate__link{border-bottom:var(--hairline) solid color-mix(in srgb, var(--mood-tint) 55%, transparent);color:var(--ink-dim);font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;transition:color var(--dur-hover) var(--ease-ui);padding-block:.35em;font-weight:500;display:inline-block}.gate__link:hover{color:var(--ink)}.gate__link--locked{cursor:default}.gate__link--locked:hover{color:var(--ink-dim)}.gate__link:focus-visible,.gate__back:focus-visible,.detail__action:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.gate__card{isolation:isolate;border:var(--hairline) solid #ffffff24;border-radius:var(--sheet-radius);background:linear-gradient(158deg, #ffffff12 0%, #ffffff05 46%, #ffffff03 100%), var(--sheet-face);-webkit-backdrop-filter:blur(22px)saturate(1.35);color:var(--sheet-ink);box-shadow:0 30px 70px -30px var(--sheet-shadow), 0 2px 0 var(--sheet-sheen) inset, 0 -30px 60px -50px var(--mood-tint) inset;transform-origin:50%;transform:translate3d(0, var(--sheet-y), 0) rotate(var(--sheet-rotate)) scale(var(--sheet-scale));backface-visibility:hidden;transition:transform var(--dur-hover) var(--ease-ui), border-color var(--dur-hover) var(--ease-ui), box-shadow var(--dur-hover) var(--ease-ui);flex-direction:column;flex:1;gap:.5rem;padding:clamp(1.15rem,1.6vw,2rem);display:flex;position:relative}.gate__card:not(.gate__card--locked):hover,.gate__card:focus-visible{--sheet-y:-6px;--sheet-scale:1.008;border-color:color-mix(in srgb, var(--mood-tint) 45%, #ffffff24);box-shadow:0 44px 90px -26px var(--sheet-shadow), 0 2px 0 var(--sheet-sheen) inset, 0 -30px 60px -44px var(--mood-tint) inset}.gate__card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.gate__card--locked{cursor:default}.gate__mark{z-index:-1;aspect-ratio:1;pointer-events:none;width:clamp(5rem,30%,10.5rem);position:absolute;top:-7%;right:1%}.gate__mark canvas{width:100%;height:100%;display:block;position:absolute;inset:0}@media (max-width:60rem){.gate__mark{width:clamp(4rem,24%,7rem)}}.gate__kicker{color:var(--mood-tint);font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;font-variant-numeric:tabular-nums;align-items:baseline;gap:.5em;font-weight:500;display:flex}.gate__index{font-feature-settings:"tnum" 1;font-weight:700}.gate__kind:before{content:"/ "}.gate__name{width:fit-content;font-family:var(--font-serif);letter-spacing:-.045em;background:linear-gradient(100deg, var(--mood-tint) 0%, var(--mood-b) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.75rem,3vw,3.4rem);font-weight:400;line-height:1.02}.gate__line{width:fit-content;max-width:100%;font-size:.875rem;font-weight:500;line-height:1.4}.gate__rule{width:100%;height:var(--hairline);background:linear-gradient(90deg, color-mix(in srgb, var(--mood-tint) 45%, transparent), color-mix(in srgb, currentcolor 12%, transparent));margin-block:.5rem;display:block}.gate__desc{color:color-mix(in srgb, currentcolor 84%, transparent);font-size:.875rem;line-height:1.5}.gate__stampwrap{pointer-events:none;align-self:flex-end;margin-block-start:auto;margin-inline-end:-.5rem;padding-block-start:1rem}.gate__stamp{color:color-mix(in srgb, currentcolor 66%, transparent);font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;white-space:nowrap;opacity:.78;transform-origin:50%;border:2px solid;border-radius:3px;padding:.42em .72em;font-weight:700;line-height:1;display:inline-block;transform:rotate(-9deg);-webkit-mask-image:repeating-linear-gradient(52deg,#000 0 4px,#000000c2 4px 6px);mask-image:repeating-linear-gradient(52deg,#000 0 4px,#000000c2 4px 6px)}.topic-gateway--detail{display:flex}.detail{place-items:center;width:100%;min-height:100svh;padding:clamp(4rem,10vh,6.5rem) clamp(1.15rem,4vw,3rem) clamp(2.5rem,7vh,4.5rem);display:grid}.detail__sheet{isolation:isolate;border:var(--hairline) solid #ffffff24;border-radius:var(--sheet-radius);background:linear-gradient(158deg, #ffffff1a 0%, #ffffff08 46%, #ffffff04 100%), var(--sheet-face);-webkit-backdrop-filter:blur(22px)saturate(1.35);width:min(58rem,100%);color:var(--sheet-ink);box-shadow:0 30px 70px -30px var(--sheet-shadow), 0 2px 0 var(--sheet-sheen) inset, 0 -30px 60px -50px var(--mood-tint) inset;flex-direction:column;gap:clamp(.6rem,1.1vh,1.1rem);padding-block:clamp(1.5rem,3.2vh,2.75rem);padding-inline:clamp(1.25rem,3.4vw,3.25rem);display:flex;position:relative}.detail__name{width:fit-content;font-family:var(--font-serif);letter-spacing:-.045em;text-wrap:balance;background:linear-gradient(100deg, var(--mood-tint) 0%, var(--mood-b) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,3.6vw + 1.1vh,4.5rem);font-weight:400;line-height:1.02}.detail__line{text-wrap:balance;font-size:clamp(1rem,.7vw + .5vh,1.5rem);font-weight:500;line-height:1.28}.detail__desc{max-width:44rem;color:color-mix(in srgb, currentcolor 62%, transparent);font-size:clamp(.9375rem,.35vw + .28vh,1.125rem);line-height:1.5}.detail__spec{margin-block-start:clamp(.4rem,1.4vh,1.25rem)}.detail__spec-label{color:color-mix(in srgb, currentcolor 62%, transparent);font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;margin-block-end:clamp(.5rem,1vh,.9rem);font-weight:700}.detail__spec-list{grid-template-columns:repeat(auto-fit,minmax(min(17rem,100%),1fr));gap:clamp(.3rem,.8vh,.7rem) clamp(1rem,2.5vw,2.25rem);list-style:none;display:grid}.detail__spec-item{border-top:var(--hairline) solid color-mix(in srgb, currentcolor 16%, transparent);grid-template-columns:auto 1fr;gap:0 .7em;padding-block:.3em;font-size:clamp(.8125rem,.28vw + .22vh,.9375rem);line-height:1.4;display:grid}.detail__spec-num{color:color-mix(in srgb, currentcolor 42%, transparent);font-variant-numeric:tabular-nums;font-weight:700}.detail__spec-term{font-weight:500}.detail__spec-detail{color:color-mix(in srgb, currentcolor 55%, transparent);grid-column:2}.detail__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(.9rem,2.2vw,2rem);margin-block-start:auto;padding-block-start:clamp(.9rem,2.4vh,2rem);display:flex}.detail__stamp{transform:rotate(-4deg)}.detail__action{border:var(--hairline) solid color-mix(in srgb, currentcolor 34%, transparent);font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;transition:border-color var(--dur-hover) var(--ease-ui), background var(--dur-hover) var(--ease-ui);border-radius:999px;align-items:center;gap:.5em;padding:.7em 1.15em;font-weight:700;display:inline-flex}.detail__action:hover{background:color-mix(in srgb, currentcolor 8%, transparent);border-color:currentColor}.detail__action:focus-visible{outline:2px solid var(--mood-tint);outline-offset:3px}.gate__back{top:calc(clamp(.85rem, 2vw, 1.6rem) + env(safe-area-inset-top,0px));left:calc(clamp(.85rem, 2vw, 1.6rem) + env(safe-area-inset-left,0px));z-index:40;border:var(--hairline) solid color-mix(in srgb, var(--ink) 26%, transparent);background:color-mix(in srgb, var(--ink) 7%, transparent);color:var(--ink-dim);font-size:var(--label-size);letter-spacing:.14em;text-transform:uppercase;transition:color var(--dur-hover) var(--ease-ui), border-color var(--dur-hover) var(--ease-ui), background var(--dur-hover) var(--ease-ui);border-radius:999px;align-items:center;gap:.5em;padding:.5em .85em;font-weight:500;display:inline-flex;position:fixed}.gate__back:hover{border-color:color-mix(in srgb, var(--ink) 52%, transparent);background:color-mix(in srgb, var(--ink) 13%, transparent);color:var(--ink)}@media (max-height:34rem){.detail{padding-block:clamp(3rem,8vh,4rem) 1.5rem}.detail__sheet{padding-block-start:2rem}}@keyframes gate-hang{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.gate__slot{animation:.62s cubic-bezier(.65,0,.35,1) both gate-hang;animation-delay:calc(var(--card-order,0) * 90ms)}@media (prefers-reduced-motion:reduce){.gate__slot{animation:none}.gate__swap-word{opacity:0;animation:none}.gate__swap-word:first-child{opacity:1}.gate__card,.gate__back,.gate__link,.detail__action,.topic-home{transition:none}.gate__card:not(.gate__card--locked):hover,.gate__card:focus-visible{--sheet-y:0px;--sheet-scale:1}}