.h-stage{isolation:isolate;color:#f4f1ea;background:#0e0d12;border-radius:32px;grid-template-columns:1.25fr 1fr;gap:16px;min-height:540px;margin-top:8px;padding:clamp(28px,4vw,56px) clamp(20px,4vw,56px) 0;display:grid;position:relative;overflow:hidden}.h-stage:before{content:"";z-index:-2;background:conic-gradient(from var(--h), #ff5a7a, #ffb23e, #f6e14a, #4fd98a, #33b5ff, #7a63ff, #e259d8, #ff5a7a);opacity:.5;filter:blur(60px);border-radius:50%;width:120vmax;height:120vmax;animation:60s linear infinite spin;position:absolute;top:70%;left:70%;translate:-50% -50%}.h-stage:after{content:"";z-index:-1;background:radial-gradient(60% 70% at 25% 45%,#0e0d12eb,#0e0d1266 75%,#0000);position:absolute;inset:0}.h-copy{align-self:center;padding-bottom:clamp(24px,4vw,56px)}.h-stage h1{font:800 clamp(2.25rem, 4.6vw, 4.25rem)/.98 var(--font-display);letter-spacing:-.045em;text-wrap:balance;max-width:14ch}.h-stage h1 span{background:var(--lime);color:var(--on-lime);-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:h-pop 1.1s var(--ease) both;border-radius:.12em;padding:0 .08em;display:inline-block}@keyframes h-pop{0%{opacity:.2;transform:rotate(-4deg)scale(.9)}to{opacity:1;transform:none}}.h-sub{flex-direction:column;align-items:flex-start;gap:22px;margin-top:22px;display:flex}.h-stage .lede{color:#d8d4e0;max-width:40ch}.h-stage .btn-ghost{color:#f4f1ea;border-color:#f4f1ea73}.h-stage .btn-ghost:hover{border-color:var(--lime)}.h-fan{justify-content:center;align-self:end;align-items:flex-end;height:400px;padding-left:24px;display:flex}.h-chip{--k:calc(var(--i) - 4.5);background:var(--c);width:clamp(52px,4.4vw,62px);height:clamp(240px,20vw,290px);color:var(--t);cursor:pointer;transform-origin:50% 130%;transform:rotate(calc(var(--k) * 3.2deg)) translateY(calc(var(--k) * var(--k) * 1.6px));transition:transform .55s var(--ease), box-shadow .4s;font-family:var(--font-text);border:0;border-radius:16px 16px 0 0;flex-direction:column;flex:none;justify-content:space-between;align-items:center;margin-inline:-13px;padding:14px 6px;display:flex;position:relative;box-shadow:0 -10px 30px -12px #00000080}.h-chip:hover,.h-chip:focus-visible,.h-chip.open{z-index:2;box-shadow:0 -18px 50px -10px var(--c);transform:rotate(0)translateY(-28px)}.h-chip:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.h-chip .n{font:700 clamp(14px, 1.5vw, 18px) var(--font-display);letter-spacing:-.03em;writing-mode:vertical-rl;white-space:nowrap;transform:rotate(180deg)}.h-chip .meta{font:500 11px/1.3 var(--font-text);text-align:center;font-variant-numeric:tabular-nums}.h-chip .meta code{font:inherit;display:block}.h-chip .act{opacity:0;font-size:10px;transition:opacity .3s;display:block}.h-chip:hover .act,.h-chip:focus-visible .act,.h-chip.open .act{opacity:1}.h-chip .dot{background:var(--c);border:2px solid var(--lime);pointer-events:none;width:10px;height:10px;animation:h-burst .8s var(--ease) forwards;border-radius:50%;position:absolute;top:40%;left:50%}@keyframes h-burst{to{transform:translate(var(--x), var(--y)) scale(.2);opacity:0}}.h-marquee{border-block:1px solid var(--line);margin-block:20px 0;padding-block:14px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.h-track{gap:12px;width:max-content;animation:45s linear infinite h-scroll;display:flex}.h-marquee:hover .h-track{animation-play-state:paused}@keyframes h-scroll{to{transform:translate(calc(-50% - 6px))}}.h-pill{border:1px solid var(--line);background:var(--surface);font:500 15px var(--font-text);white-space:nowrap;border-radius:99px;align-items:center;gap:10px;padding:8px 16px 8px 8px;display:inline-flex}.h-pill i{background:var(--c);border-radius:50%;width:28px;height:28px}.h-pill code{color:var(--muted);font-size:13px}.h-bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(170px,auto);gap:14px;display:grid}.h-tile{isolation:isolate;color:#f4f1ea;transition:transform .4s var(--ease), box-shadow .4s, border-color .3s;background:#17151d;border:1px solid #2a2733;border-radius:22px;flex-direction:column;justify-content:space-between;gap:18px;padding:20px;text-decoration:none;display:flex;position:relative;overflow:hidden}.h-tile:before{content:"";z-index:-1;aspect-ratio:1;background:var(--b);opacity:.16;filter:blur(28px);width:70%;transition:opacity .5s, transform 1.2s var(--ease);border-radius:50%;position:absolute;top:-30%;right:-20%}a.h-tile:hover,a.h-tile:focus-visible{border-color:#4a4558;transform:translateY(-4px);box-shadow:0 22px 40px -22px #000000b3}a.h-tile:hover:before,a.h-tile:focus-visible:before{opacity:.32;transform:scale(1.2)}.h-tile .box{background:var(--b);border-radius:12px;flex:none;width:40px;height:40px;display:block;box-shadow:inset 0 0 0 1px #ffffff2e}.h-tile .txt{padding-right:52px;display:block}.h-tile b{font:700 1.25rem/1.2 var(--font-text);letter-spacing:-.01em;display:block}.h-tile .d{font:400 .9rem/1.45 var(--font-text);color:#c9c4d6;max-width:34ch;margin-top:4px;display:block}.h-tile .go{color:#0e0d12;width:34px;height:34px;transition:transform .4s var(--ease), background .3s;background:#f4f1ea;border-radius:50%;place-items:center;font-size:16px;display:grid;position:absolute;bottom:16px;right:16px}a.h-tile:hover .go,a.h-tile:focus-visible .go{background:var(--lime);transform:rotate(-45deg)}.h-tile:first-child{grid-area:span 2/span 2}.h-tile:first-child b{font-size:clamp(1.6rem,2.6vw,2.25rem);line-height:1.1}.h-tile:first-child .d{font-size:1.05rem}.h-tile:first-child .box{border-radius:16px;width:56px;height:56px}.h-tile:nth-child(4){grid-column:span 2}.h-tile:first-child:before{opacity:.22;animation:14s linear infinite h-hue}@keyframes h-hue{to{filter:blur(28px)hue-rotate(360deg)}}.h-tile.is-soon{background:#121018;border-style:dashed}.h-tile.is-soon .box{opacity:.45}.h-tile.is-soon:before{opacity:.06}.h-tile.is-soon b{color:#d8d4e0}.h-tile.is-soon .d{color:#aaa5b8}.h-tile .soon{font:600 12px var(--font-text);background:var(--lime);color:var(--on-lime);border-radius:99px;margin-top:10px;padding:2px 10px;display:inline-block}.h-rows{gap:14px;display:grid}.h-browse{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.h-panel{isolation:isolate;color:#f4f1ea;min-height:156px;transition:transform .4s var(--ease), border-color .3s;background:#17151d;border:1px solid #2a2733;border-radius:22px;flex-direction:column;justify-content:flex-start;gap:4px;padding:26px 170px 22px 26px;text-decoration:none;display:flex;position:relative;overflow:hidden}.h-panel:hover,.h-panel:focus-visible{border-color:#4a4558;transform:translateY(-3px)}.h-panel:after{content:"";z-index:-1;transform-origin:100%;opacity:.45;pointer-events:none;background:var(--c1);width:34px;height:64px;box-shadow:-34px 5px 0 var(--c2), -68px 10px 0 var(--c3), -102px 15px 0 var(--c4), -136px 20px 0 var(--c5);transition:transform .6s var(--ease), opacity .4s;border-radius:8px;margin-top:-32px;position:absolute;top:50%;right:30px;transform:rotate(-14deg)scale(.6)}.h-panel:hover:after,.h-panel:focus-visible:after{opacity:.65;transform:rotate(-8deg)scale(.6)}.h-panel h3{font:700 1.5rem/1.15 var(--font-text);letter-spacing:-.01em;margin:0}.h-panel p{color:#f4f1ea;max-width:36ch;font-size:1rem;line-height:1.45}.h-panel .arrow{font:600 1rem var(--font-text);color:var(--lime);margin-top:auto;padding-top:10px}.h-pal{color:#f4f1ea;transition:border-color .3s, transform .4s var(--ease);background:#17151d;border:1px solid #2a2733;border-radius:22px;grid-template-columns:1.1fr 1fr 1.2fr;align-items:center;gap:22px;padding:22px 26px;display:grid}.h-pal:hover,.h-pal:focus-within{border-color:#4a4558;transform:translateY(-3px)}.h-pal-t{font:700 1.35rem/1.15 var(--font-text);letter-spacing:-.01em}.h-pal-copy p{color:#c9c4d6;margin-top:4px;font-size:.95rem;line-height:1.4}.h-pal-link{font:600 .95rem var(--font-text);color:var(--lime);background:linear-gradient(var(--lime), var(--lime)) 0 100% / 0 2px no-repeat;transition:background-size .35s var(--ease);margin-top:8px;text-decoration:none;display:inline-block}.h-pal-link:hover,.h-pal-link:focus-visible{background-size:100% 2px}.h-pal-link span{transition:transform .35s var(--ease);display:inline-block}.h-pal-link:hover span{transform:translate(4px)}.h-pal-drop{color:#c9c4d6;border:2px dashed #4a4558;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:112px;font-size:.85rem;transition:border-color .25s,background .25s;display:flex}.h-pal-drop.over{border-color:var(--lime);background:#211e29}.h-pal-drop .btn{color:#f4f1ea;border-color:#f4f1ea73;min-height:40px;padding:8px 18px;font-size:.95rem}.h-pal-out{gap:8px;height:112px;display:flex}.h-pal-sw{background:0 0;border:1px dashed #2a2733;border-radius:14px;flex:1;min-width:0}.h-pal-sw.on{background:var(--c);color:var(--k);font:600 .72rem var(--font-text);cursor:pointer;animation:h-swin .5s var(--ease) both;transition:transform .3s var(--ease);border:0;padding:0 2px}.h-pal-sw.on:hover{transform:translateY(-4px)}@keyframes h-swin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=900px){.h-pal{grid-template-columns:1fr}.h-pal-out{height:88px}.h-pal-sw.on{font-size:0}}.h-ideas{color:#f4f1ea;background:#17151d;border:1px solid #2a2733;border-radius:22px;gap:20px;padding:24px 26px 26px;display:grid}.h-ideas-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;display:flex}.h-ideas h3{font:700 1.5rem/1.15 var(--font-text);letter-spacing:-.01em}.h-ideas-head p{color:#f4f1ea;margin-top:4px;font-size:1rem;line-height:1.45}.h-ideas-links{flex-wrap:wrap;gap:8px 24px;display:flex}.h-ideas-all{font:600 1rem var(--font-text);color:var(--lime);background:linear-gradient(var(--lime), var(--lime)) 0 100% / 0 2px no-repeat;transition:background-size .35s var(--ease);padding-bottom:2px;text-decoration:none}.h-ideas-all:hover,.h-ideas-all:focus-visible{background-size:100% 2px}.h-ideas-all span{transition:transform .35s var(--ease);display:inline-block}.h-ideas-all:hover span{transform:translate(4px)}.h-ideas-tiles{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.h-itile{color:#f4f1ea;transition:transform .4s var(--ease), border-color .3s, box-shadow .4s;background:#211e29;border:1px solid #2a2733;border-radius:18px;gap:12px;padding:12px 12px 14px;text-decoration:none;display:grid;position:relative}.h-itile:hover,.h-itile:focus-visible{border-color:#4a4558;transform:translateY(-4px);box-shadow:0 0 0 1px #c6ff3d59,0 20px 36px -22px #000000b3}.h-itile-l{font:700 1.15rem/1.2 var(--font-text);letter-spacing:-.01em;padding:0 46px 0 4px}.h-itile .go{background:var(--lime);width:34px;height:34px;color:var(--on-lime);transition:translate .4s var(--ease);border-radius:50%;place-items:center;font-size:16px;display:grid;position:absolute;bottom:12px;right:14px}.h-itile:hover .go,.h-itile:focus-visible .go{translate:6px}.h-sc{border-radius:12px;height:104px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a}.h-sc i{display:block;position:absolute}.h-sc.wed{background:var(--n)}.h-sc.wed i:first-child{background:var(--m);border-radius:50% 50% 0 0/30% 30% 0 0;height:52%;bottom:0;left:-5%;right:-5%}.h-sc.wed i:nth-child(2){background:var(--a);width:22px;height:22px;box-shadow:-12px 7px 0 -2px var(--a), 12px 7px 0 -2px var(--a);border-radius:50%;bottom:42%;left:calc(50% - 11px)}.h-sc.wed i:nth-child(3),.h-sc.wed i:nth-child(4){background:var(--g);border-radius:2px;width:6px;height:26px;bottom:40%}.h-sc.wed i:nth-child(3){left:20%}.h-sc.wed i:nth-child(4){right:20%}.h-sc.room,.h-sc.desk{background:var(--w)}.h-sc.room i:first-child,.h-sc.desk i:first-child{background:var(--o);height:28%;bottom:0;left:0;right:0}.h-sc.room i:nth-child(2){background:var(--f);border-radius:9px 9px 3px 3px;width:46%;height:36%;bottom:20%;left:16%}.h-sc.room i:nth-child(3){background:var(--o);width:3px;height:46%;bottom:20%;right:16%}.h-sc.room i:nth-child(4){background:var(--a);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);width:23px;height:15px;bottom:62%;right:calc(16% - 10px)}.h-sc.desk i:nth-child(2){background:var(--o);border-radius:2px;width:58%;height:7px;bottom:30%;left:12%}.h-sc.desk i:nth-child(3){background:#1b1c20;border:2px solid #2c2d33;border-radius:3px;width:20%;height:34%;bottom:calc(30% + 7px);left:30%}.h-sc.desk i:nth-child(4){background:var(--f);border-radius:8px 8px 3px 3px;width:16%;height:38%;bottom:14%;left:60%}.h-sc.desk i:nth-child(5){background:var(--a);border-radius:8px 8px 1px 1px;width:14px;height:10px;bottom:calc(30% + 7px);left:16%}@media (width<=760px){.h-ideas-tiles{grid-template-columns:1fr}.h-sc{height:92px}}@media (width<=900px){.h-bento{grid-template-columns:repeat(2,1fr)}.h-tile:nth-child(4){grid-column:span 2}}@media (width<=860px){.h-stage{grid-template-columns:1fr;gap:0;min-height:0}.h-stage:before{top:80%;left:50%}.h-copy{padding-bottom:20px}.h-fan{height:230px}}@media (width<=640px){.h-stage{border-radius:22px;padding-top:24px}.h-chip:nth-child(n+9){display:none}.h-chip{--k:calc(var(--i) - 3.5);width:14vw;height:190px;margin-inline:-2.2vw;padding-inline:2px}.h-chip .n{font-size:13px}.h-chip .meta{display:none}.h-chip:hover .meta,.h-chip.open .meta{display:block}.h-browse{grid-template-columns:1fr}.h-panel{padding-right:120px}.h-panel:after{right:20px;transform:rotate(-14deg)scale(.5)}.h-bento{grid-template-columns:1fr}.h-tile:first-child,.h-tile:nth-child(4){grid-area:auto}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.h-fan{animation:linear both h-lift scroll(root);animation-range:0 60vh}@keyframes h-lift{to{opacity:.6;transform:translateY(40px)}}}}@media (prefers-reduced-motion:reduce){.h-stage:before,.h-track,.h-tile:first-child:before,.h-stage h1 span,.h-pal-sw.on{animation:none}.h-itile,.h-itile .go,.h-ideas-all span,.h-chip,.h-tile,.h-panel,.h-pal,.h-panel:after,.h-tile:before{transition:none}}.h-pal .h-pal-t{font:700 1.35rem/1.15 var(--font-text);letter-spacing:-.01em;margin:0}