.hc{perspective:1400px;padding:6% 2% 12%;position:relative;container-type:inline-size}.hc-tilt{--tx:0deg;--ty:0deg;aspect-ratio:142/125;width:66%;transform:rotateX(calc(9deg + var(--tx))) rotateY(calc(-15deg + var(--ty))) rotateZ(-4deg);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1);animation:6.5s ease-in-out infinite hc-float;position:relative}@keyframes hc-float{50%{translate:0 -12px;rotate:.6deg}}.hc-slide{aspect-ratio:1;width:84.5%;animation:1.6s cubic-bezier(.2,.85,.2,1) .35s both hc-out;position:absolute;top:2%;left:9%}@keyframes hc-out{0%{transform:translate(0)}to{transform:translate(52%)}}.hc-disc{background:radial-gradient(circle closest-side,#0000 0 12.4%,#d6dce280 12.6% 19%,#e9ecef 19.2% 27%,#0000 27.2%),conic-gradient(#c9d2da,#f1d6ea,#fff4cc,#cdf3e4,#cfe0ff,#e9d4ff,#c9d2da 30%,#ffe1cf,#d6fff0,#d7dcff,#f6d8ef,#c9d2da);border-radius:50%;animation:2.4s linear infinite spin;position:absolute;inset:0;box-shadow:0 30px 50px -16px #000c;-webkit-mask:radial-gradient(circle closest-side,#0000 0 12.4%,#000 12.6%);mask:radial-gradient(circle closest-side,#0000 0 12.4%,#000 12.6%)}.hc-print{background:radial-gradient(circle closest-side,#0000 0 30%,#0e2a3a 30.5% 64%,#9fd6ff 64.3% 65.3%,#0000 65.6%);border-radius:50%;place-items:center;display:grid;position:absolute;inset:4%;-webkit-mask:radial-gradient(circle closest-side,#0000 0 30%,#000 30.5%);mask:radial-gradient(circle closest-side,#0000 0 30%,#000 30.5%)}.hc-print img{aspect-ratio:1;opacity:.95;border-radius:50%;width:46%;display:block}.hc-rim{font-family:var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:#0c22309e;place-items:start center;padding-top:3.2%;font-size:2.2cqi;display:grid;position:absolute;inset:0}.hc-rainbow{pointer-events:none;mix-blend-mode:screen;opacity:.75;background:conic-gradient(from 210deg,transparent 0 4%,#7850ff66 7%,#3cc8ff73 9%,#50ffa066 11%,#fff05a73 13%,#ff6e5a66 15%,transparent 18% 50%,#7850ff4d 54%,#3cc8ff59 56%,#50ffa04d 58%,#fff05a59 60%,#ff6e5a4d 62%,transparent 65%);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle closest-side,#0000 0 62%,#000 64% 97%,#0000 98%);mask:radial-gradient(circle closest-side,#0000 0 62%,#000 64% 97%,#0000 98%)}.hc-case{background:linear-gradient(135deg,#ffffff1f,#ffffff08);border-radius:1.6%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff47,0 40px 46px -10px #000000a6}.hc-book{color:#0c2230;background:radial-gradient(130% 90% at 15% 0,#ffffff59,#0000 55%),linear-gradient(160deg,#b9e2ff,#9fd6ff 50%,#7fbde9);position:absolute;inset:2% 6.5% 2% 9%;overflow:hidden}.hc-no,.hc-foot{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;font-size:2.5cqi;font-weight:500;position:absolute;left:7%}.hc-no{top:6%}.hc-foot{opacity:.7;bottom:6%}.hc-grid{aspect-ratio:1;background:repeating-radial-gradient(circle,#0c223038 0 1px,#0000 1px 7%);border-radius:50%;width:38%;position:absolute;top:16%;right:7%;box-shadow:inset 0 0 0 .5cqi #0c22304d}.hc-brand{font-family:var(--f-display);letter-spacing:.01em;text-transform:uppercase;font-size:10.4cqi;font-weight:400;line-height:.88;position:absolute;bottom:24.5%;left:6.5%}.hc-label{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;font-size:2.5cqi;font-weight:500;position:absolute;bottom:15%;left:7%}.hc-hinge{background:repeating-linear-gradient(0deg,#ffffff29 0 2px,#ffffff0d 2px 9px),linear-gradient(90deg,#ffffff38,#ffffff0f);border-radius:1.6% 0 0 1.6%;width:7%;position:absolute;top:0;bottom:0;left:0;box-shadow:inset -1px 0 #ffffff4d}.hc-glare{border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,#ffffff57 0%,#ffffff0f 22%,#0000 36% 70%,#ffffff1a 100%);position:absolute;inset:0}.hc-sticker{aspect-ratio:1;box-sizing:border-box;text-align:center;background:var(--lamp);width:17cqi;color:var(--lamp-ink);font-family:var(--f-display);text-transform:uppercase;border-radius:50%;place-items:center;padding:1cqi;font-size:3.3cqi;line-height:1;display:grid;position:absolute;top:8%;right:3%;transform:rotate(12deg);box-shadow:0 .6cqi 1.4cqi #0000004d}.hc-shadow{filter:blur(6px);pointer-events:none;background:radial-gradient(closest-side,#000000b3,#0000);border-radius:50%;height:9%;animation:6.5s ease-in-out infinite hc-shadow;position:absolute;bottom:4%;left:8%;right:12%}@keyframes hc-shadow{50%{opacity:.7;transform:scale(.88)}}@media (prefers-reduced-motion:reduce){.hc-tilt,.hc-disc,.hc-shadow{animation:none!important}.hc-slide{transform:translate(52%);animation:none!important}}