.bares-shell{--bo-orange:#f97316;--bo-orange-deep:#ea580c;--bo-amber:#f59e0b;--bo-midnight:#020617;--bo-slate:#0f172a;--bo-cream:#f5e6c8;--bo-paper:#fffcf7;--bo-teal:#0f766e;--bo-magenta:#be185d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;background:radial-gradient(90% 55% at 12% -5%,#f9731633,#0000 60%),radial-gradient(70% 45% at 92% 8%,#be185d2e,#0000 62%),#080b17;position:relative}.bares-shell:before{content:"";z-index:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E");position:absolute;inset:0}.bares-shell>*{z-index:1;position:relative}.bares-shell .bares-container{width:100%;max-width:78rem;margin-inline:auto;padding-inline:1.25rem}@media (min-width:768px){.bares-shell .bares-container{padding-inline:2.5rem}}.bares-shell .bares-eyebrow{font-family:var(--font-sora);letter-spacing:.22em;text-transform:uppercase;color:var(--bo-orange-deep);align-items:center;gap:.5rem;font-size:.84rem;font-weight:800;display:inline-flex}.bares-shell .bares-eyebrow--on-dark{color:var(--bo-amber)}.bares-shell .bares-eyebrow:before{content:"";background:currentColor;border-radius:9999px;width:.5rem;height:.5rem}.bares-shell .bares-btn{font-family:var(--font-sora);white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.95rem 1.6rem;font-size:1.1rem;font-weight:800;line-height:1;transition:transform .15s,background-color .15s,box-shadow .15s,opacity .15s;display:inline-flex}.bares-shell .bares-btn:active{transform:scale(.97)}.bares-shell .bares-btn-primary{background:var(--bo-orange);color:#fff;box-shadow:0 12px 28px -10px #f973168c}.bares-shell .bares-btn-primary:hover{background:var(--bo-orange-deep)}.bares-shell .bares-btn-outline{color:#fff;background:0 0;border:1.5px solid #ffffff47}.bares-shell .bares-btn-outline:hover{background:#ffffff14;border-color:#fff}.bares-shell .bares-band-paper .bares-btn-outline{color:var(--bo-slate);border-color:#0f172a2e}.bares-shell .bares-band-paper .bares-btn-outline:hover{border-color:var(--bo-slate);background:#0f172a0a}.bares-shell .bares-btn-outline--on-dark{color:#fff;border-color:#ffffff59}.bares-shell .bares-btn-outline--on-dark:hover{background:#ffffff14;border-color:#fff}.bares-shell .bares-btn-ghost{color:var(--bo-slate);background:0 0;padding-inline:.75rem}.bares-shell .bares-btn-ghost:hover{color:var(--bo-orange-deep)}.bares-shell h1,.bares-shell h2,.bares-shell h3{font-family:var(--font-sora);letter-spacing:-.02em}.bares-shell .bares-card{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:1rem;box-shadow:0 18px 40px -30px #000000e6}.bares-shell .bares-band-paper .bares-card{background:#fff;border-color:#0f172a14;box-shadow:0 2px 10px #0f172a0f}.bares-shell .bares-tag{color:#fdba74;background:#f9731624;border-radius:9999px;align-items:center;padding:.35rem .8rem;font-size:.9rem;font-weight:700;display:inline-flex}.bares-shell .bares-band-paper .bares-tag{color:var(--bo-orange-deep);background:#f9731624}.bares-shell .bares-frame{background:linear-gradient(155deg,#fff7ed 0%,#ffe8d1 45%,#fde1c4 100%);border:1px solid #0f172a14;border-radius:1.25rem;position:relative;overflow:hidden;box-shadow:0 30px 60px -25px #02061759}.bares-shell .bares-frame-chrome{background:#fff9;border-bottom:1px solid #0f172a0f;align-items:center;gap:.4rem;padding:.65rem .85rem;display:flex}.bares-shell .bares-frame-dot{background:#0f172a26;border-radius:9999px;width:.5rem;height:.5rem}.bares-shell .bares-frame-label{color:#fff;letter-spacing:.03em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020617c7;border-radius:.5rem;padding:.35rem .6rem;font-size:.82rem;font-weight:700;position:absolute;bottom:.9rem;left:.9rem}.bares-shell .bares-marquee{background:var(--bo-midnight)}@keyframes bares-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.bares-shell .bares-animate-in{animation:.6s cubic-bezier(.16,1,.3,1) both bares-fade-up}@media (prefers-reduced-motion:reduce){.bares-shell .bares-animate-in{animation:none}}.bares-shell .bares-subnav{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080b17d1;border-block:1px solid #ffffff14;position:sticky;top:3.5rem}.bares-shell .bares-subnav-inner{align-items:center;gap:1.25rem;height:3.5rem;display:flex}.bares-shell .bares-subnav-list{scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;flex:1;align-items:center;gap:.25rem;display:flex;overflow-x:auto}.bares-shell .bares-subnav-list::-webkit-scrollbar{display:none}.bares-shell .bares-subnav-link{white-space:nowrap;scroll-snap-align:start;font-family:var(--font-sora);color:#fff9;border-radius:9999px;padding:.45rem .7rem;font-size:.98rem;font-weight:700;transition:color .15s,background-color .15s;position:relative}.bares-shell .bares-subnav-link:hover{color:#fff;background:#ffffff12}.bares-shell .bares-subnav-link--current{color:#fdba74;background:#f9731629}.bares-shell section[id]{scroll-margin-top:7.25rem}.bares-shell .bares-night{color:#fff;background:radial-gradient(120% 80% at 80% 0,#f9731629,#0000 60%),linear-gradient(#0b1120 0%,#020617 100%)}.bares-shell .bares-phone{background:linear-gradient(160deg,#1e293b 0%,#020617 60%);border-radius:2.25rem;padding:.5rem;position:relative;box-shadow:inset 0 2px #ffffff24,0 40px 70px -30px #02061799,0 18px 30px -20px #02061773}.bares-shell .bares-phone-screen{aspect-ratio:393/852;background:#020617;border-radius:1.85rem;position:relative;overflow:hidden}.bares-shell .bares-phone-island{z-index:2;background:#020617;border-radius:9999px;width:28%;height:1.1rem;position:absolute;top:.75rem;left:50%;translate:-50%}.bares-shell .bares-phone-glow{z-index:-1;filter:blur(28px);background:radial-gradient(closest-side,#f9731659,#0000 75%);border-radius:50%;position:absolute;inset:-12% -18%}.bares-shell .bares-phone-caption{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:#0f172a73;margin-top:.9rem;font-size:.86rem;font-weight:700}.bares-shell .bares-night .bares-phone-caption{color:#ffffff73}@keyframes bares-float{0%{transform:translateY(-.55rem)}to{transform:translateY(.55rem)}}.bares-shell .bares-floaty{will-change:transform;animation:6s ease-in-out infinite alternate bares-float}.bares-shell .bares-floaty--slow{animation-duration:8s;animation-delay:-2.5s}.bares-shell .bares-tilt-left{rotate:-3.5deg}.bares-shell .bares-tilt-right{rotate:3.5deg}@media (prefers-reduced-motion:reduce){.bares-shell .bares-floaty{animation:none}}.bares-shell .bares-window{background:#0b1120;border:1px solid #ffffff1a;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 45px 80px -35px #020617a6,0 20px 35px -25px #02061773}.bares-shell .bares-window-bar{background:#ffffff0f;border-bottom:1px solid #ffffff12;align-items:center;gap:.4rem;padding:.6rem .85rem;display:flex}.bares-shell .bares-window-dot{background:#ffffff38;border-radius:9999px;width:.55rem;height:.55rem}.bares-shell .bares-window-title{color:#fff6;margin-left:.6rem;font-size:.78rem;font-weight:700}.bares-shell .bares-window-glow{z-index:-1;filter:blur(34px);background:radial-gradient(closest-side,#f9731659,#0000 75%);border-radius:50%;position:absolute;inset:4% -10% -12%}.bares-shell .bares-shot-caption{letter-spacing:.05em;text-transform:uppercase;color:#ffffff73;margin-top:.9rem;font-size:.86rem;font-weight:700}.bares-shell .bares-band-paper .bares-shot-caption{color:#0f172a73}.bares-shell .bares-tile{background:#0b1120;border-radius:1.25rem;flex-direction:column;min-height:13rem;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.bares-shell .bares-tile:hover{transform:translateY(-3px);box-shadow:0 24px 45px -25px #02061773}.bares-shell .bares-tile--shot{background:#060b18}.bares-shell .bares-tile--slate{background:#111c33}.bares-shell .bares-tile--cream{background:var(--bo-cream)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.bares-shell section:not(.bares-no-reveal)>.bares-container,.bares-shell .bares-tile{animation:linear both bares-reveal;animation-timeline:view();animation-range:entry 8% cover 24%}}}@keyframes bares-reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
