.th{aspect-ratio:var(--r,4/5);width:100%;max-width:100%;font-family:var(--display);letter-spacing:-.02em;color:#fff;background:#222;border-radius:10px;flex-direction:column;justify-content:flex-end;padding:7%;font-weight:800;line-height:.95;display:flex;position:relative;overflow:hidden;container-type:inline-size}.th .big{font-size:clamp(11px,12cqw,30px)}.th.wide .big{font-size:clamp(11px,8.5cqw,28px)}.th .sub{font:600 clamp(8px,5.5cqw,12px)/1.25 var(--body);letter-spacing:0;opacity:.9;margin-top:6px}.th.serif .big{font-family:var(--serif);letter-spacing:0;font-weight:400;line-height:1}.th .tag{font:700 clamp(9px,5cqw,11px) var(--body);letter-spacing:.02em;color:#fff;background:#000c;border-radius:4px;padding:3px 8px;position:absolute;top:7%;left:7%}.th .play{aspect-ratio:1;background:#ffffffe0;border-radius:50%;width:24%;max-width:46px;margin:auto;position:absolute;inset:0}.th .play:after{content:"";border-top:clamp(4px,3.4cqw,8px) solid #0000;border-bottom:clamp(4px,3.4cqw,8px) solid #0000;border-left:clamp(6px,5cqw,13px) solid #1a1a1a;position:absolute;top:30%;left:40%}.th .dur{font:500 clamp(9px,4.5cqw,11px) var(--mono);color:#fff;background:#0009;border-radius:4px;padding:2px 6px;position:absolute;top:6%;right:7%}.r-1x1{--r:1/1}.r-4x5{--r:4/5}.r-9x16{--r:9/16}.r-2x3{--r:2/3}.r-16x9{--r:16/9}.r-191x1{--r:1.91/1}.r-5x4{--r:5/4}.r-3x1{--r:3/1}.a-bf{color:#ffd23f;background:#0b0b0b repeating-linear-gradient(-45deg,#0000 0 22px,#ffd23f17 22px 44px)}.a-bf .big{font-size:clamp(14px,18cqw,54px);line-height:.92}.a-bf .sub{color:#fff}.a-bf.wide .big{font-size:clamp(12px,8.5cqw,40px)}.a-story{color:#ffd23f;background:#0b0b0b repeating-linear-gradient(-45deg,#0000 0 14px,#ffd23f21 14px 28px)}.a-red{color:#fff;background:#c8102e}.a-cyber{color:#e6eaff;background:linear-gradient(160deg,#2338d9,#0e1a7a)}.a-gift{color:#f6f0de;background:linear-gradient(#1f4d36 0 60%,#c8102e 60%)}.a-fb{color:#ffd23f;background:linear-gradient(90deg,#0b0b0b 0 60%,#ffd23f 60%)}.a-yt{color:#fff;background:linear-gradient(110deg,#111 0 58%,#ffd23f 58%)}.a-yt2{color:#fff;background:linear-gradient(110deg,#e8332a 0 55%,#111 55%)}.a-flame{color:#fff;background:linear-gradient(110deg,#ff4d3d 0 54%,#ffe14d 54%)}.a-flame .big{text-shadow:0 2px #00000040}.a-cream{color:#1e1a14;background:#eadcc4}.a-candle{color:#f6e7cf;background:radial-gradient(circle at 70% 30%,#f3c77a 0 14%,#0000 15%),linear-gradient(#5a3e2b,#2d1f15)}.a-unbox{color:#2a2117;background:linear-gradient(160deg,#e9e4da 0 50%,#c9b79c 50%)}.a-teal{color:#e5fff9;background:radial-gradient(circle at 50% 38%,#7fe0cf 0 16%,#0000 16.5%),linear-gradient(#0f4c47,#0a2f2c)}.a-cafe{color:#fff4e6;background:linear-gradient(170deg,#2b2118 0%,#5e3b22 55%,#b07a47 100%)}.a-menu{color:#6b3a1f;background:#f4eedf}.a-thanks{color:#fff2df;background:linear-gradient(#b5541b,#7a2f0e)}.a-beauty{color:#5b2333;background:#f4d6d2}.a-beauty2{color:#3e1f26;background:linear-gradient(90deg,#c7a699 0 50%,#f3e3dc 50%)}.a-fit{color:#ff8a3d;background:#1e2328}.a-realty{color:#fff;background:linear-gradient(#f7f7f4 0 62%,#14284b 62%)}.a-realty2{color:#fff;background:linear-gradient(90deg,#14284b 0 55%,#d9e2ee 55%)}.a-xmas{color:#f2d58b;background:radial-gradient(circle at 72% 28%,#f6f0de 0 3%,#0000 3.5%),radial-gradient(circle at 30% 20%,#f6f0de 0 2%,#0000 2.5%),radial-gradient(circle at 55% 12%,#f6f0de 0 2.5%,#0000 3%),#14432f}.a-give{color:#fff;background:#2b5ba8}.a-ny{color:#f3e2b3;background:radial-gradient(circle at 80% 20%,#e9c46a 0 6%,#0000 7%),#101935}.a-val{color:#4a0b1a;background:linear-gradient(#f7c6cf,#e2566f)}.a-shop{color:#1f1b16;background:linear-gradient(90deg,#f2efe9 0 52%,#d7cdbe 52%)}.a-fashion{color:#111;background:#efebe4}.a-fashion2{color:#f4efe7;background:#111}.a-white{color:#222;background:radial-gradient(at 50% 62%,#d9d9d9 0 18%,#0000 19%),#fff}.a-quote{color:#f6f0de;background:#2f5d3a}.a-hire{color:#fff;background:#0a66c2}.a-pie{color:#5a2a0c;background:linear-gradient(#f5e6cc 0 55%,#c46a2b 55%)}.a-peach{color:#3a160b;background:radial-gradient(circle at 78% 22%,#ffe3d6 0 18%,#0000 18.5%),radial-gradient(circle at 20% 45%,#ff9a7a 0 12%,#0000 12.5%),#ffb59e}.a-peach .tag{color:#ffe3d6;background:#3a160b}.a-periwinkle{color:#122159;background:radial-gradient(circle at 50% 40%,#fff 0 23%,#c9d8ff 23.5% 29%,#0000 29.5%),#e4ecff}.a-periwinkle .tag{color:#1d1a08;background:#ffd23f;font-size:clamp(10px,6cqw,14px);left:auto;right:7%}.a-linen{color:#3c2a0e;background:linear-gradient(#f2e3c8 0 58%,#d9bf92 58%)}.a-linen .tag{color:#3c2a0e;background:#fff}.a-slate{color:#f3f6fa;background:linear-gradient(135deg,#232a33,#46566b)}.a-notebook{color:#1e1e1e;background:#f5f1e8 linear-gradient(#e3dccb 1px,#0000 1px) 0 0/100% 22px}.a-notebook .big{color:#d9361e;font-size:clamp(14px,15cqw,40px)}.a-azure{color:#0f2557;background:linear-gradient(90deg,#dce6f5 0 62%,#2d5bd7 62%)}
