/* ==========================================================================
   Bloop 3 – Base styles (extracted from HTML helmet blocks)
   ========================================================================== */

[data-mslider]::-webkit-scrollbar{display:none}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;padding:0;background:#fff;color:#353941;font-family:Inter,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;transition:color .35s cubic-bezier(.645,.045,.355,1)}
a:hover{color:#030712}
p{text-wrap:pretty}
::selection{background:rgba(164,164,247,.35)}
:focus-visible{outline:2px solid #A4A4F7;outline-offset:3px}
html{scroll-behavior:smooth}

/* Animations */
@keyframes bl-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}
@keyframes bl-float{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}100%{transform:translate3d(0,0,0)}}
@keyframes bl-floatlite{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-3px,0)}100%{transform:translate3d(0,0,0)}}
@keyframes bl-orbit{0.000%{transform:translate(calc(var(--rx)*1.0000),calc(var(--ry)*0.0000))}8.333%{transform:translate(calc(var(--rx)*0.8660),calc(var(--ry)*0.5000))}16.667%{transform:translate(calc(var(--rx)*0.5000),calc(var(--ry)*0.8660))}25.000%{transform:translate(calc(var(--rx)*0.0000),calc(var(--ry)*1.0000))}33.333%{transform:translate(calc(var(--rx)*-0.5000),calc(var(--ry)*0.8660))}41.667%{transform:translate(calc(var(--rx)*-0.8660),calc(var(--ry)*0.5000))}50.000%{transform:translate(calc(var(--rx)*-1.0000),calc(var(--ry)*0.0000))}58.333%{transform:translate(calc(var(--rx)*-0.8660),calc(var(--ry)*-0.5000))}66.667%{transform:translate(calc(var(--rx)*-0.5000),calc(var(--ry)*-0.8660))}75.000%{transform:translate(calc(var(--rx)*-0.0000),calc(var(--ry)*-1.0000))}83.333%{transform:translate(calc(var(--rx)*0.5000),calc(var(--ry)*-0.8660))}91.667%{transform:translate(calc(var(--rx)*0.8660),calc(var(--ry)*-0.5000))}100.000%{transform:translate(calc(var(--rx)*1.0000),calc(var(--ry)*-0.0000))}}
@keyframes bl-rollw{0%,20%{width:var(--w1)}25%,45%{width:var(--w2)}50%,70%{width:var(--w3)}75%,95%{width:var(--w4)}100%{width:var(--w1)}}
@keyframes bl-roll{0%,20%{transform:translateY(0)}25%,45%{transform:translateY(-25%)}50%,70%{transform:translateY(-50%)}75%,95%{transform:translateY(-75%)}100%{transform:translateY(0)}}
@keyframes bl-drift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(6%,-5%,0) scale(1.12)}100%{transform:translate3d(0,0,0) scale(1)}}
@keyframes bl-drift2{0%{transform:translate3d(0,0,0) scale(1.08)}50%{transform:translate3d(-7%,6%,0) scale(1)}100%{transform:translate3d(0,0,0) scale(1.08)}}
@keyframes bl-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes bl-pulse{0%{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(5)}100%{opacity:0;transform:scale(5)}}
@keyframes wv{from{transform:scaleY(.28)}to{transform:scaleY(1)}}

/* Hover state helper: elements with [style-hover] need JS to toggle --h */