.hw-device{position:relative;width:100%;aspect-ratio:1;container-type:inline-size}.hw-shell{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hw-interface{position:absolute;inset:14.2%;background:#05080c;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px #ffffff1c,inset 0 0 15px #000;--gold:#d6b97d}.hw-home{position:absolute;inset:0;background:radial-gradient(ellipse at 46% 30%,#101621,#030609 80%)}.hw-orbit{inset:1.5%;border:1px solid #d1b47480;border-radius:50%;box-shadow:inset 0 0 10px #d8ba5710}.hw-centre,.hw-orbit{position:absolute;pointer-events:none}.hw-centre{left:25%;right:25%;top:42%;bottom:36%;display:flex;flex-direction:column;align-items:center;justify-content:center}.hw-logo{font-family:Belmonte,cursive;font-size:7.1cqi;color:#fff0cf;line-height:1.25;filter:drop-shadow(0 0 7px #dfcda029)}.hw-table{font-size:2.5cqi;line-height:1.2;margin-bottom:.2cqi;letter-spacing:1px;color:#f0dfb9}.hw-key,.hw-table{font-family:var(--f-sans)}.hw-key{position:absolute;width:43%;height:38.5%;background:radial-gradient(ellipse at 10% 0,color-mix(in srgb,var(--key) 17%,#060a10),#04080d 80%);border:1px solid color-mix(in srgb,var(--key) 50%,transparent);color:var(--key);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2cqi;cursor:pointer;overflow:hidden;transition:filter .25s,background .25s,transform .3s}.hw-key:before{inset:3px;border:1px solid color-mix(in srgb,var(--key) 20%,transparent);border-radius:inherit}.hw-key:after,.hw-key:before{content:"";position:absolute;pointer-events:none}.hw-key:after{inset:-50%;background:linear-gradient(115deg,transparent 40%,#ffffff0b 50%,transparent 60%);transform:translateX(-35%);transition:transform .75s}.hw-key:hover:after{transform:translateX(25%)}.hw-key:hover{filter:brightness(1.5)}.hw-key:focus-visible{outline:2px solid var(--key);outline-offset:-5px}.hw-key.pressed{filter:brightness(1.75);transform:scale(.96)}.hw-k0{left:5.5%;top:5.5%;border-radius:90% 10% 50% 10%;padding:7% 0 0 6%}.hw-k1{right:5.5%;top:5.5%;border-radius:10% 90% 10% 50%;padding:7% 6% 0 0}.hw-k2{left:5.5%;bottom:5.5%;border-radius:10% 50% 10% 90%;padding:0 0 5% 6%}.hw-k3{right:5.5%;bottom:5.5%;border-radius:50% 10% 90% 10%;padding:0 6% 5% 0}.hw-key svg{width:7cqi;height:7cqi;stroke-width:1.2;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--key) 25%,transparent))}.hw-key>span{font-size:2.5cqi;letter-spacing:.15cqi;line-height:1.1;font-weight:500}.hw-feedback{z-index:10;overflow:hidden;background:#030509;animation:hw-enter .5s cubic-bezier(.2,.8,.2,1)}.hw-feedback,.hw-feedback:after{position:absolute;inset:0;border-radius:50%}.hw-feedback:after{content:"";background:radial-gradient(ellipse at center,#03050900,#03050966);pointer-events:none}.hw-art{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.36}.hw-art,.hw-copy{position:absolute;inset:0}.hw-copy{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:14% 15% 18%;text-align:center;z-index:2;font-family:var(--f-sans)}.hw-copy svg{width:6cqi;height:6cqi}.hw-copy svg,.hw-label{color:var(--action);margin-bottom:1.8cqi}.hw-label{font-size:1.8cqi;letter-spacing:.4cqi;text-transform:uppercase}.hw-title{font-family:var(--f-display);font-size:4.8cqi;line-height:1.04;letter-spacing:-.1cqi;margin-bottom:1.8cqi;color:#f6f1e7;font-weight:400}.hw-desc{font-size:2.5cqi;line-height:1.65;max-width:240px;margin-bottom:2.8cqi;color:#c5c8bf}.hw-tablechip{font-size:1.9cqi;letter-spacing:2px;color:var(--gold);text-transform:uppercase}.hw-back{z-index:6;bottom:5.4%;left:50%;transform:translateX(-50%);background:none;border:0;text-decoration:underline;text-underline-offset:4px;font-size:2.3cqi;color:var(--gold);padding:8px 15px;cursor:pointer}.hw-back,.hw-qr{position:absolute;font-family:var(--f-sans)}.hw-qr{inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:3;background:#060b08;padding-bottom:6%}.hw-qr>p{font-family:var(--f-display);font-size:4.8cqi;text-align:center;max-width:70%;margin-bottom:3cqi;line-height:1.1;color:#f6f1e7}.hw-qr img{width:42%;height:auto;border:1px solid var(--gold);border-radius:6px}.hw-qr>span{font-size:1.8cqi;letter-spacing:1px;color:var(--gold);margin-top:2cqi;text-transform:uppercase}.hw-halo{inset:1.4%;border:1px solid color-mix(in srgb,var(--action),transparent 50%);z-index:4;pointer-events:none;box-shadow:inset 0 0 15px color-mix(in srgb,var(--action),transparent 77%)}.hw-halo,.hw-halo:before{position:absolute;border-radius:50%}.hw-halo:before{content:"";inset:-1px;background:conic-gradient(from 0deg,transparent 35%,var(--action) 80%,#fff 99%,transparent);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);animation:hw-orbit 2.8s linear infinite;filter:drop-shadow(0 0 4px var(--action))}.hw-state{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 50% 30%,#0e1119,#030509 75%);animation:hw-enter .6s cubic-bezier(.2,.8,.2,1);font-family:var(--f-sans);padding:0 14%}.hw-state .hw-logo{font-size:8.4cqi;color:#e8c88a;margin-bottom:2.6cqi}.hw-state .hw-kicker{font-size:2.1cqi;letter-spacing:.7cqi;color:#d9cfbd;text-transform:uppercase}.hw-state .hw-star{color:#d6b97d;font-size:2.6cqi;margin:2cqi 0}.hw-state .hw-big{font-size:5cqi;color:#f6f1e7;line-height:1.3}.hw-state .hw-big.caps{letter-spacing:.6cqi;text-transform:uppercase;font-size:4.6cqi}.hw-state .hw-small{font-size:2.6cqi;color:#d9cfbd;margin-top:2.4cqi;line-height:1.5}.hw-tap{position:absolute;z-index:25;width:6%;aspect-ratio:1;border:1px solid #fff9;background:#fff1;border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%)}.hw-tap.on{animation:hw-wave .75s ease-out .4s}.hw-hand{position:absolute;z-index:30;width:43%;pointer-events:none;opacity:0;transform:translate(-50%,-8.4%);filter:drop-shadow(8px 18px 14px #0005)}.hw-hand.on{animation:hw-handtap 1.35s cubic-bezier(.22,.68,.27,1) both}.hw-hand img,.hw-hand svg{width:100%;height:auto;display:block}@keyframes hw-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes hw-orbit{to{transform:rotate(1turn)}}@keyframes hw-wave{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}20%{opacity:.8}to{opacity:0;transform:translate(-50%,-50%) scale(3)}}@keyframes hw-handtap{0%{opacity:0;transform:translate(-25%,25%) rotate(-12deg)}25%{opacity:1}34%{opacity:1;transform:translate(-50%,-8.4%) scale(.99)}43%{opacity:1;transform:translate(-50%,-7.4%) scale(.97)}60%{opacity:1;transform:translate(-50%,-9.4%) scale(1)}to{opacity:0;transform:translate(-18%,42%) rotate(-8deg)}}.hw-watch{position:relative;width:min(300px,70vw);aspect-ratio:650/1100;filter:drop-shadow(15px 25px 20px #0007)}.hw-watch-screen{position:absolute;left:25.6%;right:25.2%;top:35.3%;bottom:35.8%;border-radius:9%;overflow:hidden;background:#050607;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:var(--f-sans);padding:8%;container-type:inline-size}@media (prefers-reduced-motion:reduce){.hw-hand,.hw-tap{display:none!important}.hw-halo:before{animation:none}}