.hero-cover{--u:1cqi;--lon-w:calc(var(--u) * 47);--lon-h:calc(var(--lon-w) * 1.25);--lon-right:calc(var(--u) * 3);--lon-drop:12px;container-type:inline-size}.hero-stage{height:calc(4.75rem + var(--u) * 110)}.hero-london{right:var(--lon-right);bottom:calc(var(--lon-drop) * -1);width:var(--lon-w);height:var(--lon-h)}.hero-rays{width:calc(var(--u) * 320);left:calc(100% - var(--lon-right) - var(--lon-w) * .53);top:calc(100% + var(--lon-drop) - var(--lon-h) * .63);translate:-50% -50%}.hero-bubble{left:calc(var(--u) * 2);top:calc(100% - var(--u) * 110);width:calc(var(--u) * 76);aspect-ratio:1.42;container-type:inline-size}.hero-bubble-body{padding:0 calc(var(--u) * 7) calc(var(--u) * 2);--bob-origin:74% 120%;place-items:center;display:grid;position:absolute;inset:0}.hero-balloon-fill{fill:var(--color-pow-yellow)}.hero-balloon-lg{display:none}.hero-title{letter-spacing:.01em;font-size:21cqi;line-height:.84}.hero-price{bottom:2.25rem;left:.75rem}.hero-sticker{--paper-tilt:2deg;--paper-shadow:var(--shadow-ink-sm)}.hero-caption{--paper-shadow:var(--shadow-ink)}@media (min-width:48rem),(orientation:landscape) and (min-width:36rem){.hero-cover{--stage-max:clamp(27rem, 64svh, 44rem);--u:calc(min(var(--stage-max), 57cqi) / 100);--stage-h:min(var(--stage-max), calc(var(--u) * 100 + 5rem));--lon-h:calc(var(--u) * 88);--lon-w:calc(var(--lon-h) * .8);--lon-right:calc(var(--u) * 4)}.hero-stage{height:var(--stage-h)}.hero-rays{width:max(calc(var(--u) * 320), 240cqi)}.hero-bubble{left:auto;right:calc(var(--lon-right) + var(--lon-w) - var(--u) * 13);top:calc(100% - var(--u) * 94);width:calc(var(--u) * 106);aspect-ratio:1.7}.hero-bubble-body{padding:0 calc(var(--u) * 10) calc(var(--u) * 2);--bob-origin:102% 87%}.hero-balloon-sm{display:none}.hero-balloon-lg{display:block}.hero-title{font-size:19cqi}.hero-price{inset:1.25rem 1.25rem auto auto}.hero-caption{--paper-border:4px}}@media (orientation:landscape) and (min-width:36rem) and (not (min-height:32rem)){.hero-cover{--stage-max:max(15rem, calc(100svh - 8.5rem))}.hero-corner{top:.75rem;left:.75rem}.hero-corner-box{padding:.375rem .5rem .25rem}.hero-corner-vol{font-size:var(--text-lg);line-height:var(--text-lg--line-height)}.hero-corner-line{font-size:var(--text-base);line-height:var(--text-base--line-height)}.hero-price{inset:6rem auto auto .75rem}.hero-sticker{font-size:var(--text-xs);padding:.375rem .5rem .25rem}.hero-sticker-price{font-size:var(--text-xl);line-height:var(--text-xl--line-height)}}
