body.wd-flow-band{--kraft:#E9C39B;--ink:#1B1209;--marigold:#E08326;--blue:#0d3a6b;--mint:#5cf0b4}#wd-flow-band,#wd-flow-band *{box-sizing:border-box}body.wd-flow-band{height:100%}body.wd-flow-band{margin:0;background:var(--kraft);color:var(--ink);overflow-x:hidden;font-family:HelveticaNow,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#wd-flow-band #stage{position:relative;background:var(--kraft);min-height:100vh;min-height:100dvh;overflow:clip;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.42rem,1.5dvh,1.2rem);padding:calc(clamp(.9rem,2.2dvh,1.6rem) + env(safe-area-inset-top)) clamp(.9rem,3vw,2rem) calc(clamp(.9rem,2.2dvh,1.6rem) + env(safe-area-inset-bottom))}#wd-flow-band #grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:.34;mix-blend-mode:multiply}#wd-flow-band #sound{position:fixed;z-index:8;left:max(.85rem,env(safe-area-inset-left));top:max(.85rem,env(safe-area-inset-top));display:flex;align-items:center;gap:.42em;padding:.44em .8em .44em .66em;border-radius:999px;border:2px solid var(--ink);background:#fff7e9b8;font-family:Anton,Arial Narrow,Impact,sans-serif;font-size:clamp(.62rem,1.9vw,.74rem);letter-spacing:.15em;text-transform:uppercase;color:var(--ink);transition:opacity .5s ease}#wd-flow-band #sound svg{width:1.05em;height:1.05em;display:block;flex:none}#wd-flow-band #sound i{width:.42em;height:.42em;border-radius:50%;background:var(--marigold);animation:wd-flow-band-blip 1.5s ease-in-out infinite}@keyframes wd-flow-band-blip{0%,to{opacity:.35}50%{opacity:1}}html[data-audio=playing] #wd-flow-band #sound{opacity:0;pointer-events:none}#wd-flow-band #lyric{position:relative;z-index:5;margin:0;display:flex;align-items:center;justify-content:center;min-height:1.9em;width:min(96vw,44rem);font-family:Titan One,Anton,Impact,sans-serif;font-size:clamp(1.6rem,7.2vw,3.6rem);line-height:1;text-transform:uppercase;text-align:center;text-wrap:balance;color:#fff7e9;-webkit-text-stroke:.085em var(--ink)}#wd-flow-band #lyric span{display:block;animation:wd-flow-band-pop .44s cubic-bezier(.2,1.7,.4,1) both}@keyframes wd-flow-band-pop{0%{transform:scale(.62);opacity:0}62%{transform:scale(1.07);opacity:1}to{transform:scale(1);opacity:1}}#wd-flow-band #band{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:clamp(.5rem,2vw,1.6rem)}#wd-flow-band .member{position:relative;flex:0 0 auto;padding:0;cursor:pointer;overflow:hidden;width:min(24vw,42vh,19rem);aspect-ratio:1;border:3px solid var(--ink);background:var(--kraft);box-shadow:6px 6px #1b120929;transition:transform .3s cubic-bezier(.3,1.5,.5,1),box-shadow .28s ease}#wd-flow-band .member video{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) brightness(1.2) contrast(.64) opacity(.55);transition:filter .4s ease}#wd-flow-band .member.on video{filter:none}#wd-flow-band .member:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 0 var(--marigold);transition:box-shadow .2s ease}#wd-flow-band .member.on:after{box-shadow:inset 0 0 0 5px var(--marigold)}#wd-flow-band .member.on{box-shadow:6px 6px 0 var(--marigold)}#wd-flow-band .member:focus-visible{outline:4px solid var(--marigold);outline-offset:4px}#wd-flow-band .member.on{animation:wd-flow-band-bob 1.9s ease-in-out infinite}#wd-flow-band .member:nth-child(2).on{animation-delay:-.55s}#wd-flow-band .member:nth-child(3).on{animation-delay:-1.15s}@keyframes wd-flow-band-bob{0%,to{transform:translateY(0) scale(1.03)}50%{transform:translateY(-8px) scale(1.05)}}@media(hover:hover){#wd-flow-band .member:not(.on):hover video{filter:grayscale(1) brightness(1.12) contrast(.74) opacity(.74)}}#wd-flow-band #hint{position:relative;z-index:4;margin:0;font-family:Fredoka,Trebuchet MS,Segoe UI,Helvetica,sans-serif;font-weight:600;font-size:clamp(.92rem,3vw,1.16rem);letter-spacing:.004em;color:#1b1209cc;text-align:center;transition:opacity .3s ease}#wd-flow-band #hint b{color:#c4701a;font-weight:700}#wd-flow-band #watch{position:relative;z-index:4;cursor:pointer;display:flex;align-items:center;gap:.45em;padding:.5em 1em .5em .8em;border:none;border-radius:999px;background:#1b120916;color:#1b1209d6;font-family:Fredoka,Trebuchet MS,Segoe UI,Helvetica,sans-serif;font-weight:600;font-size:clamp(.84rem,2.7vw,1rem);letter-spacing:.004em;transition:background .18s ease,color .18s ease}#wd-flow-band #watch svg{width:.82em;height:.82em;flex:none;display:block;color:var(--marigold)}#wd-flow-band #watch:hover{background:#1b120924;color:var(--ink)}#wd-flow-band #watch:active{background:#1b120930}#wd-flow-band #watch:focus-visible{outline:3px solid var(--marigold);outline-offset:3px}#wd-flow-band #invite{position:relative;z-index:4;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:clamp(.34rem,1.1vh,.6rem);width:min(94vw,34rem);padding:clamp(.7rem,2vh,1.2rem) clamp(.8rem,3vw,1.6rem)}#wd-flow-band #endbg{position:fixed;z-index:-1;left:50%;bottom:-7vh;width:min(124vw,26rem);height:auto;aspect-ratio:1;object-fit:contain;transform:translate(-50%);opacity:.2;pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 34%,transparent 82%);mask-image:radial-gradient(closest-side,#000 34%,transparent 82%)}#wd-flow-band #clue{font-family:Fairfax Station,Newsreader,Georgia,Times New Roman,serif;font-size:clamp(2rem,7.6vw,3.5rem);font-weight:600;letter-spacing:-.018em;line-height:.98;color:var(--ink);margin:0;text-align:center;text-wrap:balance}#wd-flow-band #sub{font-weight:500;font-size:clamp(.82rem,2.4vw,.98rem);color:#1b1209b3;margin:0;text-align:center}#wd-flow-band .wd-flow-notify-form{display:flex;align-items:center;gap:.4rem;width:100%;padding:.38rem;margin-top:.18rem;border-radius:999px;background:#fff;border:2px solid #000}#wd-flow-band .wd-flow-notify-form:focus-within{border-color:#000}#wd-flow-band .wd-flow-notify-form input{flex:1 1 auto;min-width:0;padding:.78em 0 .78em 1.2rem;border:none;background:transparent;outline:none;font-family:HelveticaNow,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:clamp(.92rem,2.5vw,1.02rem);color:var(--blue);letter-spacing:.005em}#wd-flow-band .wd-flow-notify-form input::placeholder{color:#0d3a6b6b}#wd-flow-band .wd-flow-notify-form input:-webkit-autofill,#wd-flow-band .wd-flow-notify-form input:-webkit-autofill:hover,#wd-flow-band .wd-flow-notify-form input:-webkit-autofill:focus,#wd-flow-band .wd-flow-notify-form input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #fff inset;box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:var(--blue);caret-color:var(--blue);transition:background-color 99999s ease-out 0s}#wd-flow-band .wd-flow-notify-form input:autofill{box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:var(--blue);caret-color:var(--blue)}#wd-flow-band .wd-flow-notify-form button{flex:0 0 auto;cursor:pointer;border-radius:999px;border:2px solid #000;padding:.74em clamp(1em,4vw,1.6em);font-family:LEMON MILK,Bricolage Grotesque,HelveticaNow,Helvetica,Arial,sans-serif;font-weight:800;font-size:clamp(.72rem,2.1vw,.88rem);letter-spacing:.08em;text-transform:uppercase;color:#000;background:gold;transition:background .18s ease}#wd-flow-band .wd-flow-notify-form button:hover{background:#fdf9b7}#wd-flow-band .wd-flow-notify-form.sent{padding:1em 1.7em;justify-content:center;width:auto}#wd-flow-band .wd-flow-thanks{display:none;font-family:LEMON MILK,Bricolage Grotesque,HelveticaNow,Helvetica,Arial,sans-serif;font-weight:800;color:#000;font-size:clamp(.88rem,2.4vw,1.02rem);letter-spacing:.05em;text-transform:uppercase}#wd-flow-band .wd-flow-notify-form.sent .wd-flow-thanks{display:block}#wd-flow-band .wd-flow-notify-form.sent input,#wd-flow-band .wd-flow-notify-form.sent button{display:none}#wd-flow-band #theatre{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--kraft);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s ease}#wd-flow-band #stage.watching #theatre{opacity:1;pointer-events:auto}#wd-flow-band #film{width:100%;height:100%;object-fit:contain;display:block;background:var(--kraft)}#wd-flow-band #close{position:absolute;right:.9rem;top:.8rem;z-index:11;cursor:pointer;background:none;border:none;padding:.4rem .6rem;font-family:Anton,Arial Narrow,Impact,sans-serif;font-size:.86rem;letter-spacing:.13em;text-transform:uppercase;color:#1b12098c;transition:color .2s ease}#wd-flow-band #close:hover{color:var(--ink)}@media(max-width:760px){#wd-flow-band #stage{padding-top:calc(2.9rem + env(safe-area-inset-top))}#wd-flow-band #band{flex-wrap:wrap;gap:.6rem;width:min(92vw,23rem)}#wd-flow-band .member{width:min(calc(50% - .3rem),18.5dvh);height:auto;border-width:2.5px;box-shadow:4px 4px #1b120929}#wd-flow-band .member.on{box-shadow:4px 4px 0 var(--marigold)}@keyframes wd-flow-band-bob{0%,to{transform:translateY(0) scale(1.03)}50%{transform:translateY(-5px) scale(1.05)}}}@media all{html[data-scene-motion=reduced] #wd-flow-band .member,html[data-scene-motion=reduced] #wd-flow-band .member video,html[data-scene-motion=reduced] #wd-flow-band #invite,html[data-scene-motion=reduced] #wd-flow-band #theatre{transition-duration:.01ms}html[data-scene-motion=reduced] #wd-flow-band .member.on{animation:none;transform:scale(1.03)}}
/*# sourceMappingURL=/cdn/shop/t/293/assets/wd-flow-band.css.map */