.band{--bd-ink:#0b0a09;--bd-char:#15130f;--bd-raise:#1d1a16;--bd-paper:#f2eee6;--bd-text:#f4efe6;--bd-dim:#f4efe69e;--bd-faint:#f4efe661;--bd-line:#f4efe61a;--bd-red:#e2452c;background:var(--bd-ink);color:var(--bd-text)}.band-glass{-webkit-backdrop-filter:blur(18px)saturate(1.2);background:linear-gradient(#ffffff12,#ffffff06);border:1px solid #ffffff17;box-shadow:inset 0 1px #ffffff14,0 30px 60px -30px #000000b3}.band-glass-light{-webkit-backdrop-filter:blur(20px)saturate(1.3);background:linear-gradient(#ffffffb8,#ffffff6b);border:1px solid #fffc;box-shadow:inset 0 1px #fff,0 24px 50px -28px #3c2d1e59}.band-glass-light.band-on-dark{background:linear-gradient(#f7f3ebf2,#eae4d9db);border-color:#ffffff80}.band-card{isolation:isolate;position:relative}.band-card:before{content:"";border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(420px circle at var(--gx,50%) var(--gy,-20%), #fff8eb29, transparent 45%);opacity:0;transition:opacity .45s;position:absolute;inset:0}.band-card:hover:before{opacity:1}.band-card:after{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(140deg,#ffffff61,#ffffff0a 38%,#ffffff05 62%,#fff3);padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.band-float{animation:7s ease-in-out infinite band-float}.band-float--b{animation-duration:8.5s;animation-delay:-3s}@keyframes band-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.band-feather{-webkit-mask-image:radial-gradient(closest-side,#000 58%,#0000 100%);mask-image:radial-gradient(closest-side,#000 58%,#0000 100%)}.band-feather-b{-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%)}.band-sheen{pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(105deg,#0000 38%,#fff6e438 50%,#0000 62%) 120% 0/250% 100%;animation:2.4s cubic-bezier(.16,1,.3,1) .9s both band-sheen;position:absolute;inset:0}@keyframes band-sheen{to{background-position:-40% 0}}.band-wave span{transform-origin:50%;background:currentColor;border-radius:3px;width:3px;animation:1.1s ease-in-out infinite band-wave;display:block}@keyframes band-wave{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.band-dot:after{content:"";border:1px solid #ffffff8c;border-radius:9999px;animation:2.6s ease-out infinite band-ping;position:absolute;inset:-6px}@keyframes band-ping{0%{opacity:1;transform:scale(.6)}80%,to{opacity:0;transform:scale(1.6)}}.band-strip{scrollbar-width:none}.band-strip::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.band-sheen,.band-wave span,.band-dot:after,.band-float{animation:none!important}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.band-marquee{animation:48s linear infinite band-marquee}.band-marquee--rev{animation-duration:56s;animation-direction:reverse}@keyframes band-marquee{to{transform:translate(-50%)}}.band-outline{color:#0000;-webkit-text-stroke:1px #f4efe68c}@media (prefers-reduced-motion:reduce){.band-marquee{animation:none}}
.bh-hero{background:var(--bd-ink,#0b0a09);height:520vh;position:relative}.bh-stage{height:100svh;position:sticky;top:0;overflow:hidden}.bh-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.bh-end{text-align:center;opacity:var(--bh-end,0);transform:translateY(calc((1 - var(--bh-end,0)) * 16px));pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;inset:auto 16px max(8svh,40px)}:is(.bh-hero:has(.bh-end:focus-within) .bh-end,.bh-end:focus-within){opacity:1}.bh-hero[data-ready] .bh-end,.bh-hero[data-fallback] .bh-end{pointer-events:auto}.bh-lede{max-width:34rem;color:var(--bd-dim,#f4efe69e);font-size:17px;line-height:1.4}.bh-cue{letter-spacing:.32em;text-transform:uppercase;color:var(--bd-faint,#f4efe661);opacity:var(--bh-cue,0);font-size:11px;transition:opacity .6s;animation:2.4s ease-in-out infinite bh-cue;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}@keyframes bh-cue{50%{translate:0 6px}}.bh-fallback{opacity:.55;display:none;position:absolute;inset:0}.bh-hero[data-fallback]{height:100svh}.bh-hero[data-fallback] .bh-fallback{display:block}@media (prefers-reduced-motion:reduce){.bh-hero{height:100svh}.bh-cue{animation:none}}
