body.opening-float-locked{overflow:hidden}
.opening-float-root{--of-navy:#061a46;--of-navy2:#03102d;--of-pink:#f20b78;--of-hot:#ff3b91;--of-blush:#ffd9e4;--of-text:#fdf7fb;position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto;background:radial-gradient(circle at 50% 12%,rgba(242,11,120,.2),transparent 30%),radial-gradient(circle at 10% 55%,rgba(35,87,175,.28),transparent 26%),linear-gradient(150deg,#020b22 0%,#061a46 50%,#020b22 100%);color:var(--of-text);pointer-events:auto}
.opening-float-root:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.opening-float-root.is-hidden{display:none!important}
.opening-float-root.is-compact{inset:auto 18px 18px auto;width:min(360px,calc(100vw - 36px));padding:0;overflow:visible;background:transparent;align-items:stretch;justify-content:stretch}
.opening-float-root.is-compact:before{display:none}
.opening-float-panel{position:relative;width:min(820px,100%);margin:auto}
.opening-float-root.is-compact .opening-float-panel{display:none}
.opening-float-inner{position:relative;z-index:1;text-align:center;padding:20px 12px 28px}
.opening-float-close{position:fixed;top:18px;right:18px;z-index:3;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:28px;line-height:1;cursor:pointer;transition:background .2s}
.opening-float-close[hidden]{display:none!important}
.opening-float-close:hover,.opening-float-close:focus-visible{background:rgba(255,255,255,.24)}
.opening-float-logo{display:block;width:min(150px,42vw);height:auto;margin:0 auto 18px;filter:drop-shadow(0 9px 18px rgba(0,0,0,.28))}
.opening-float-kicker{margin:0 0 22px;color:var(--of-blush);font-size:clamp(12px,1.5vw,17px);font-weight:900;letter-spacing:.36em;text-transform:uppercase}
.opening-float-title{margin:0 auto;font-weight:950;text-transform:uppercase;line-height:.76;letter-spacing:-.065em}
.opening-float-title .big{display:block;font-size:clamp(58px,14vw,152px);color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.92);text-shadow:0 0 50px rgba(255,255,255,.08)}
.opening-float-title .hot{display:block;margin-top:.12em;font-size:clamp(46px,10vw,118px);color:var(--of-hot);text-shadow:0 0 16px rgba(242,11,120,.28),0 14px 50px rgba(0,0,0,.38)}
.opening-float-date{width:fit-content;margin:34px auto 0;padding:14px 24px;border-top:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5);font-size:clamp(17px,2.6vw,31px);font-weight:900;letter-spacing:.18em}
.opening-float-date small{display:block;margin-top:8px;font-size:.42em;letter-spacing:.12em;color:#c9d4ec;text-transform:uppercase;font-weight:800}
.opening-float-count{width:min(820px,100%);margin:42px auto 0}
.opening-float-count p{margin:0 0 17px;color:#cbd6ee;font-size:11px;font-weight:900;letter-spacing:.28em;text-transform:uppercase}
.opening-float-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.opening-float-unit{min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 40px rgba(0,0,0,.2);backdrop-filter:blur(8px)}
.opening-float-unit:last-child{border-color:rgba(255,59,145,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 28px rgba(242,11,120,.12)}
.opening-float-unit strong{font-size:clamp(36px,7vw,73px);line-height:.9;font-weight:900;font-variant-numeric:tabular-nums}
.opening-float-unit span{margin-top:12px;color:#bfcce7;font-size:9px;letter-spacing:.23em;text-transform:uppercase;font-weight:900}
.opening-float-note{margin:26px auto 0;max-width:560px;color:#dce4f4;font-size:clamp(14px,2vw,18px);line-height:1.5}
.opening-float-note b{color:var(--of-hot)}
.opening-float-note[hidden]{display:none!important}
.opening-float-compact{display:none;padding:10px 14px;border-radius:16px;background:linear-gradient(90deg,#061a46,#03102d);color:#fff;border:1px solid rgba(255,59,145,.35);box-shadow:0 14px 36px rgba(0,0,0,.32)}
.opening-float-root.is-compact .opening-float-compact{display:block}
.opening-float-compact-head{margin-bottom:8px}
.opening-float-compact-head strong{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--of-blush)}
.opening-float-compact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.opening-float-compact-grid .opening-float-unit{min-height:48px;border-radius:10px;box-shadow:none;backdrop-filter:none}
.opening-float-compact-grid .opening-float-unit strong{font-size:17px}
.opening-float-compact-grid .opening-float-unit span{margin-top:5px;font-size:7px;letter-spacing:.12em}
@media(max-width:580px){.opening-float-root{padding:16px 10px}.opening-float-close{top:12px;right:12px;width:40px;height:40px}.opening-float-title .big{-webkit-text-stroke:1px rgba(255,255,255,.92)}.opening-float-date{margin-top:28px;padding:11px 9px;font-size:18px;letter-spacing:.08em}.opening-float-count{margin-top:32px}.opening-float-grid{gap:6px}.opening-float-unit{min-height:88px;border-radius:13px}.opening-float-unit strong{font-size:30px}.opening-float-unit span{margin-top:8px;font-size:7px;letter-spacing:.12em}.opening-float-root.is-compact{inset:auto 10px 10px 10px;width:calc(100% - 20px)}}
@media(prefers-reduced-motion:reduce){.opening-float-close{transition:none}}