/* Beaties coming-soon page (Under Wraps). Brand: navy, light yellow, sky blue, white. No bright sunshine yellow. */
@font-face{font-family:"Outfit";font-weight:600;font-style:normal;font-display:swap;src:url(fonts/Outfit_600SemiBold.ttf) format("truetype")}
@font-face{font-family:"Nunito";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/Nunito_400Regular.ttf) format("truetype")}
@font-face{font-family:"Nunito";font-weight:400;font-style:italic;font-display:swap;src:url(fonts/Nunito_400Regular_Italic.ttf) format("truetype")}
@font-face{font-family:"Nunito";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/Nunito_700Bold.ttf) format("truetype")}

:root{
  --navy:#15305E; --navy-2:#1E3F78; --cream:#FFF4D1; --sky:#8CC8FF; --white:#FFFFFF;
  --f-head:"Outfit",ui-rounded,"Avenir Next",system-ui,sans-serif;
  --f-body:"Nunito","Avenir Next",system-ui,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--navy)}
body{margin:0;background:var(--navy);color:var(--white);font:400 18px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.wrap{width:100%;max-width:1160px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
h1{font-family:var(--f-head);font-weight:600;letter-spacing:.02em;margin:0;line-height:1.18}
p{margin:0}
img{display:block}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:24px}
.top img{height:34px;width:auto}
.eyebrow{font:600 .9rem/1.2 var(--f-head);letter-spacing:.1em;text-transform:uppercase;color:var(--sky)}

.hero{display:grid;justify-items:center;text-align:center;padding-block:12px 0}
.hero .bee{margin-bottom:20px;width:clamp(120px,15vw,180px);height:auto;filter:drop-shadow(0 0 1px rgba(255,255,255,.35)) drop-shadow(0 0 10px rgba(255,244,209,.14))}
h1{font-size:clamp(1.7rem,4.6vw,3.9rem);color:var(--cream)}
h1 .ln{display:block;white-space:nowrap}
.hero .eyebrow{margin-bottom:12px}
h1{margin-bottom:24px}
.body{display:grid;gap:12px;text-align:center;max-width:100%}
.lead{font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.55}
.beta{margin-top:18px;font-size:1rem;line-height:1.5;color:var(--sky)}

.wait{display:grid;gap:10px;width:100%;max-width:440px;margin-top:32px}
.wait>p{font-size:.98rem;line-height:1.5}
.wait form{display:flex;gap:8px;background:var(--white);border:2px solid var(--cream);border-radius:999px;padding:6px}
.wait input{flex:1;min-width:0;border:0;background:transparent;font:400 1rem var(--f-body);color:var(--navy);padding:0 14px;outline:none}
.wait input::placeholder{color:#15305E99}
.wait form:focus-within{box-shadow:0 0 0 4px var(--sky)}
.wait button{border:0;border-radius:999px;background:var(--cream);color:var(--navy);font:600 1rem var(--f-head);letter-spacing:.04em;padding:12px 22px;cursor:pointer}
.wait button:hover{background:var(--white)}
.wait button:disabled{opacity:.7;cursor:default}
.wait .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.wait .err{color:#FFD0CC;font-size:.9rem;line-height:1.4}
.wait .err:empty{margin-top:-10px}
.wait .consent{font-size:.85rem;line-height:1.5;opacity:.85;margin-top:2px}
.wait .consent a{text-underline-offset:2px;white-space:nowrap}
.wait .thanks{display:flex;align-items:center;gap:12px;background:var(--white);color:var(--navy);border-radius:20px;padding:12px 16px;border:2px solid var(--cream);text-align:left}
.wait .thanks img{width:48px;height:auto}

.lineupwrap{position:relative;margin:clamp(64px,7vw,88px) auto clamp(48px,6vw,72px)}
.lineup{position:relative;z-index:1;background:radial-gradient(ellipse 70% 90% at 50% 100%,#2A5196 0%,var(--navy-2) 55%,#1A386B 100%);border-radius:32px;padding:clamp(26px,4vw,44px) clamp(14px,3vw,36px) 0;overflow:hidden}
.lineup .row{position:relative;z-index:1;display:flex;justify-content:center;align-items:flex-end;gap:clamp(2px,1vw,12px)}
.lineup .sil{width:clamp(56px,9.4vw,108px);flex:0 1 auto;margin-bottom:-4px}
.lineup .sil:nth-child(2n){width:clamp(50px,8.4vw,96px)}
.lineup .sil svg{display:block;width:100%;height:auto;overflow:visible}
.lineup .floor{position:relative;z-index:1;height:16px;background:var(--navy);opacity:.55;margin:0 calc(-1*clamp(14px,3vw,36px))}
.peekbee{position:absolute;z-index:2;left:68%;bottom:100%;width:clamp(110px,11vw,140px);height:auto;margin-bottom:calc(clamp(110px,11vw,140px)*-20/240);overflow:visible;pointer-events:none;filter:drop-shadow(0 0 1px rgba(255,255,255,.35)) drop-shadow(0 0 9px rgba(255,244,209,.14))}

.foot{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between;padding-block:22px 30px;font-size:.88rem;border-top:1px solid #ffffff2e}
.foot .legal{opacity:.8}
.ig{display:inline-flex;align-items:center;gap:12px;text-decoration:none;border-radius:999px;padding:4px 14px 4px 4px}
.ig:hover b{text-decoration:underline}
.ig .glyph{width:42px;height:42px;border-radius:50%;background:var(--cream);color:var(--navy);display:grid;place-items:center;flex:none}
.ig .glyph svg{width:21px;height:21px}
.ig span{display:grid;line-height:1.15;text-align:left}
.ig small{font:400 .82rem var(--f-body);opacity:.8}
.ig b{font:600 1.05rem var(--f-head);letter-spacing:.03em}

.float{animation:float 4.5s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@media (prefers-reduced-motion:reduce){.float{animation:none}}

@media (max-width:860px){
  h1{font-size:min(6.8vw,2.6rem)}
  .lineup .row{flex-wrap:wrap;row-gap:0}
  .lineup .sil,.lineup .sil:nth-child(2n){width:18%}
  .foot{justify-content:center;text-align:center}
}
@media (max-width:640px){.body br.dk{display:none}}

/* privacy page */
.doc{max-width:720px;padding-block:8px 64px}
.doc h1{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:8px}
.doc h2{font:600 1.3rem/1.25 var(--f-head);letter-spacing:.02em;color:var(--cream);margin:36px 0 10px}
.doc p,.doc li{font-size:1.02rem}
.doc p+p{margin-top:12px}
.doc ul{padding-left:1.2em;margin:10px 0 0}
.doc li+li{margin-top:6px}
.doc .updated{color:var(--sky);font-size:.95rem}
.doc a{text-underline-offset:2px}
.back{display:inline-block;margin-top:40px;font:600 1rem var(--f-head);letter-spacing:.03em}