.hs1{position:relative;container-type:inline-size;width:100%;padding:7% 0 11% 6%;text-align:left}.hs1-stage{position:relative}.hs1 .hs1-win{z-index:1;transform-origin:0 0;transition:transform 1.1s cubic-bezier(.65,0,.35,1);border-radius:clamp(8px,1.6cqw,14px);box-shadow:0 2.6em 4.4em -1.4em color-mix(in srgb,var(--black) 85%,transparent),0 .4em 1em -.3em color-mix(in srgb,var(--black) 60%,transparent),0 0 0 1px color-mix(in srgb,var(--chalk) 14%,transparent)}.hs1 .hs1-win img{filter:none}.hs1-plate{position:absolute;left:0;bottom:2.6%;z-index:2;display:flex;align-items:center;gap:clamp(10px,2cqw,18px);max-width:94%;padding:clamp(8px,1.5cqw,13px) clamp(12px,2.2cqw,20px) clamp(8px,1.5cqw,13px) clamp(8px,1.5cqw,13px);border-radius:clamp(12px,2.2cqw,18px);background:color-mix(in srgb,var(--ink) 84%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 0 0 1px color-mix(in srgb,var(--chalk) 16%,transparent),0 1.6em 3em -1em color-mix(in srgb,var(--black) 80%,transparent)}.hs1-face{position:relative;flex:none;display:block;width:clamp(64px,12.5cqw,100px);aspect-ratio:3/2;overflow:hidden;border-radius:clamp(6px,1cqw,8px);background:var(--ink-raised-2);box-shadow:0 0 0 1px color-mix(in srgb,var(--chalk) 18%,transparent)}.hs1 .hs1-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:42.8% 41.4%;transform:scale(6.17);transform-origin:42.8% 41.4%;filter:grayscale(1) contrast(1.06)}.hs1-who{display:grid;gap:clamp(3px,.6cqw,5px);min-width:0}.hs1-who i{font:500 clamp(9px,1.35cqw,11px)/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;font-style:normal;color:var(--concrete)}.hs1-who b{font:800 clamp(18px,3.4cqw,28px)/.95 var(--display);letter-spacing:.004em;text-transform:uppercase;color:var(--chalk);white-space:nowrap}.hs1-who span{font:500 clamp(9px,1.35cqw,11px)/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-md)}.hs1-cart,.hs1-conn{padding:clamp(7px,1.25cqw,10px) clamp(12px,2.2cqw,18px);border-radius:99px;font:500 clamp(9px,1.4cqw,11.5px)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;text-align:center}.hs1-cart{background:var(--cta);color:var(--cta-ink)}.hs1-slot{display:grid;flex:none;align-items:center}.hs1-slot>*{grid-area:1/1;justify-self:start;transition:opacity .5s ease}.hs1:not(.is-live) [data-a]{display:none}.hs1.is-live .hs1-slot{width:var(--w-b,auto);transition:width .6s cubic-bezier(.65,0,.35,1)}.hs1.is-live.is-a .hs1-slot{width:var(--w-a,auto)}.hs1-slot:last-child{margin-left:clamp(4px,1.2cqw,12px)}.hs1 [data-a]{opacity:0;pointer-events:none}.hs1.is-a [data-a]{opacity:1}.hs1.is-a [data-b]{opacity:0}.hs1-tile{display:block;container-type:inline-size;width:clamp(64px,12.5cqw,100px);aspect-ratio:3/2;overflow:hidden;border-radius:clamp(6px,1cqw,8px);background:var(--chalk);color:var(--ink);box-shadow:0 0 0 1px color-mix(in srgb,var(--chalk) 18%,transparent)}.hs1-mini{display:grid;grid-template-rows:24% 1fr;width:100%;height:100%}.hs1-mhead{display:flex;align-items:center;justify-content:space-between;padding:0 7cqi;background:var(--ink);color:var(--chalk)}.hs1-mhead b{font:800 10.5cqi/1 var(--display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.hs1-mhead i{width:6.5cqi;aspect-ratio:1;border-radius:1.6cqi;background:var(--volt)}.hs1-mgrid{display:grid;grid-template-columns:1.55fr 1fr;gap:5cqi;align-items:center;padding:6cqi 7cqi}.hs1-mhero{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:3cqi;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 14%,transparent)}.hs1 .hs1-mhero img{display:block;width:100%;height:100%;object-fit:cover;filter:none}.hs1-mside{display:grid;gap:5cqi}.hs1-mside span{display:block;height:9cqi;border-radius:2cqi;background:color-mix(in srgb,var(--ink) 12%,var(--chalk))}.hs1-mside span::after{content:"";display:block;width:60%;height:2.4cqi;margin:3.3cqi 0 0 3cqi;border-radius:1cqi;background:color-mix(in srgb,var(--ink) 30%,var(--chalk))}.hs1-conn{display:grid;background:var(--volt);color:var(--ink);box-shadow:inset 0 0 0 1px transparent;transition:opacity .5s ease,background-color .35s ease,color .35s ease,box-shadow .35s ease,transform .14s ease}.hs1-conn>span{grid-area:1/1;transition:opacity .25s ease}.hs1-wait,.hs1-ok{opacity:0}.hs1-ok{display:inline-flex;align-items:center;justify-content:center;gap:.6em}.hs1-ok svg{width:1.2em;height:1.2em;color:var(--volt)}.hs1.is-press .hs1-conn{transform:scale(.93)}.hs1.is-wait .hs1-go,.hs1.is-ok .hs1-go,.hs1.is-ok .hs1-wait{opacity:0}.hs1.is-wait .hs1-wait,.hs1.is-ok .hs1-ok{opacity:1}.hs1.is-ok .hs1-conn{background:transparent;color:var(--chalk);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--chalk) 30%,transparent)}@keyframes hs1-dot{0%,100%{opacity:.25}40%{opacity:1}}.hs1.is-wait .hs1-wait i{font-style:normal;animation:hs1-dot .9s ease-in-out infinite}.hs1.is-wait .hs1-wait i:nth-of-type(2){animation-delay:.15s}.hs1.is-wait .hs1-wait i:nth-of-type(3){animation-delay:.3s}.hs1-wait i{font-style:normal}.hs1-store{position:absolute;inset:0;z-index:0;overflow:hidden;opacity:0;transition:opacity .8s ease;border-radius:clamp(8px,1.6cqw,14px);background:color-mix(in srgb,var(--chalk) 92%,var(--concrete));color:var(--ink);box-shadow:0 2.6em 4.4em -1.4em color-mix(in srgb,var(--black) 85%,transparent),0 0 0 1px color-mix(in srgb,var(--chalk) 14%,transparent)}.hs1.is-a .hs1-store{opacity:1}.hs1.is-a .hs1-win{transform:translate(6%,27%) scale(.46)}.hs1-sbar{position:absolute;left:0;right:0;top:0;height:7.5%;display:flex;align-items:center;gap:1cqw;padding:0 2.2cqw;background:color-mix(in srgb,var(--chalk) 78%,var(--concrete));box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--black) 10%,transparent)}.hs1-sbar i{width:1.5cqw;aspect-ratio:1;border-radius:50%;background:var(--app-stop)}.hs1-sbar i:nth-child(2){background:var(--app-wait)}.hs1-sbar i:nth-child(3){background:var(--app-ok)}.hs1-sbar span{margin-left:1.4cqw;font:600 1.6cqw/1 var(--text);color:color-mix(in srgb,var(--ink) 75%,transparent)}.hs1-shead{position:absolute;left:0;right:0;top:7.5%;height:11%;display:flex;align-items:center;gap:2.6cqw;padding:0 5cqw;box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--black) 9%,transparent)}.hs1-shead b{margin-right:auto;font:800 2.6cqw/1 var(--display);letter-spacing:.02em;text-transform:uppercase}.hs1-shead span{font:500 1.45cqw/1 var(--text);color:color-mix(in srgb,var(--ink) 68%,transparent)}.hs1-shead .hs1-sbag{display:grid;place-items:center;width:2.6cqw;aspect-ratio:1;color:var(--ink)}.hs1-sbag svg{width:100%;height:100%}.hs1-sinfo{position:absolute;left:57%;right:5%;top:30%;display:flex;flex-direction:column;align-items:flex-start;gap:1.1cqw}.hs1-sinfo i{font:500 1.25cqw/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;font-style:normal;color:color-mix(in srgb,var(--ink) 58%,transparent)}.hs1-sinfo b{font:800 5.4cqw/.92 var(--display);letter-spacing:.004em;text-transform:uppercase}.hs1-sline{font:400 1.55cqw/1.45 var(--text);color:color-mix(in srgb,var(--ink) 70%,transparent);text-wrap:pretty}.hs1-sadd{margin-top:1cqw;padding:1.3cqw 2.8cqw;border-radius:99px;background:var(--ink);color:var(--chalk);font:500 1.3cqw/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}.hs1-ssync{display:inline-flex;align-items:center;gap:.7cqw;font:500 1.25cqw/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 70%,transparent);opacity:0;transform:translateY(4px);transition:opacity .4s ease,transform .4s ease}.hs1-ssync svg{width:1.15em;height:1.15em}.hs1.is-ok .hs1-ssync{opacity:1;transform:none}.hs1-toast{position:absolute;top:5.6cqw;right:-3%;z-index:3;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:clamp(9px,1.6cqw,13px);width:min(44cqw,350px);min-width:min(260px,92%);padding:clamp(9px,1.6cqw,13px) clamp(12px,2cqw,16px) clamp(9px,1.6cqw,13px) clamp(9px,1.6cqw,13px);border-radius:clamp(12px,2.1cqw,17px);background:color-mix(in srgb,var(--white) 93%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);color:var(--ink);box-shadow:0 1.4em 2.6em -1em color-mix(in srgb,var(--black) 70%,transparent),0 0 0 1px color-mix(in srgb,var(--black) 8%,transparent)}.hs1-ico{display:grid;place-items:center;width:clamp(30px,4.6cqw,38px);aspect-ratio:1;border-radius:clamp(8px,1.2cqw,10px);background:var(--ink);color:var(--white)}.hs1-ico svg{width:58%;height:58%}.hs1-msg{display:grid;gap:2px;min-width:0}.hs1-msg b{font:600 clamp(12px,1.75cqw,14px)/1.25 var(--text);letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hs1-msg span{font:400 clamp(11px,1.55cqw,12.5px)/1.25 var(--text);color:color-mix(in srgb,var(--ink) 58%,transparent)}.hs1-now{align-self:start;font:400 clamp(10px,1.4cqw,11.5px)/1.4 var(--text);color:color-mix(in srgb,var(--ink) 50%,transparent)}.hs1.is-live .hs1-toast{background:var(--white);opacity:0;transform:translateY(-14px) scale(.98);transform-origin:50% 0;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1),filter .5s cubic-bezier(.22,1,.36,1)}.hs1.is-live .hs1-toast.is-in{opacity:calc(1 - var(--d,0) * .1);filter:brightness(calc(1 - var(--d,0) * .11));transform:translateY(calc(var(--d,0) * 13px)) scale(calc(1 - var(--d,0) * .05))}.hs1.is-live .hs1-toast.is-in.is-deep{opacity:0}.hs1.is-live .hs1-toast.is-in.is-out{opacity:0;transform:translateY(calc(var(--d,0) * 13px - 6px)) scale(calc(.99 - var(--d,0) * .05));transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}@keyframes hs1-cart{0%,100%{transform:none;box-shadow:0 0 0 0 color-mix(in srgb,var(--white) 0%,transparent)}18%{transform:scale(.93)}38%{transform:none;box-shadow:0 0 0 0 color-mix(in srgb,var(--white) 50%,transparent)}100%{box-shadow:0 0 0 12px color-mix(in srgb,var(--white) 0%,transparent)}}.hs1.is-live .hs1-cart.is-pulse{animation:hs1-cart .9s ease-out both}@container (max-width:520px){.hs1-toast{top:5cqw;width:auto;left:10%;right:0;min-width:0}.hs1-plate{bottom:0;right:6%;max-width:none;display:grid;grid-template-columns:auto minmax(0,1fr);row-gap:10px}.hs1-slot:last-child,.hs1.is-live .hs1-slot:last-child,.hs1.is-live.is-a .hs1-slot:last-child{grid-column:1/-1;margin-left:0;width:auto}.hs1-slot:last-child>*{justify-self:stretch}}@media(max-width:620px){.hs1{padding:15% 0 24% 0}}@media(prefers-reduced-motion:reduce){.hs1 .hs1-cart{animation:none}.hs1 .hs1-win,.hs1-store,.hs1-slot>*{transition:none}}