.aud{position:relative;background-color:var(--a-bg);color:var(--a-fg);padding-top:calc(var(--pt, clamp(48px, 5.4vw, 80px)) * var(--space-scale));padding-bottom:calc(var(--pb, clamp(48px, 5.4vw, 80px)) * var(--space-scale));scroll-margin-top:12px}.aud__inner{display:flex;flex-wrap:wrap;gap:clamp(32px,4vw,56px);align-items:center}.aud__copy{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:clamp(14px,1.6vw,22px)}.aud__art{flex:1 1 400px;min-width:0;display:flex;justify-content:center}.aud__kicker{margin:0;font-family:var(--a-ui, var(--font-heading));font-weight:700;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--a-accent)}.aud__head{margin:0;font-family:var(--a-display);font-weight:var(--a-display-weight, 700);font-size:calc(clamp(40px,6.2vw,84px) * var(--display-scale));line-height:.93;letter-spacing:var(--a-tracking, -.01em);text-transform:var(--a-case, none);color:var(--a-head, var(--a-fg))}.aud__lede{margin:0;font-family:var(--font-body);font-size:calc(17px * var(--body-scale));line-height:1.55;max-width:46ch;color:var(--a-muted, var(--a-fg))}.aud__note{margin:0;font-family:var(--font-body);font-size:14px;line-height:1.5;max-width:48ch;color:var(--a-muted, var(--a-fg))}.aud__actions{display:flex;flex-wrap:wrap;gap:12px}.aud__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:15px 24px;font-family:var(--a-ui, var(--font-heading));font-weight:700;font-size:15px;letter-spacing:.06em;text-decoration:none;border:2px solid transparent;border-radius:var(--a-radius, 0px);transition:transform var(--t-fast) var(--ease),background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.aud__btn--fill{background:var(--a-accent);color:var(--a-accent-ink)}.aud__btn--line{border-color:var(--a-fg);color:var(--a-fg)}.aud__btn:hover{transform:translateY(-2px)}.aud__btn:focus-visible,.aud__chip:focus-visible,.aud__sw button:focus-visible,.aud__occ:focus-visible,.aud__tile:focus-visible,.aud__card:focus-visible,.aud__name:focus-visible{outline:3px solid var(--a-accent);outline-offset:3px}.aud__chips{display:flex;flex-wrap:wrap;gap:10px}.aud__chip{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;font-family:var(--a-ui, var(--font-heading));font-weight:700;font-size:14px;text-decoration:none;border:1.5px solid var(--a-line);border-radius:var(--a-chip-radius, 0px);color:var(--a-fg);transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast)}.aud__chip:hover,.aud__chip--lead{border-color:var(--a-accent);color:var(--a-accent)}.aud__chip--alt{border-color:var(--a-accent2, var(--a-accent));color:var(--a-accent2, var(--a-accent))}.aud__chip--solid{background:var(--a-fg);color:var(--a-bg);border-color:var(--a-fg)}.aud__chip--solid:hover{background:var(--a-accent);border-color:var(--a-accent);color:var(--a-accent-ink)}.aud__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.aud__stat{border-left:3px solid var(--a-accent);padding:6px 12px}.aud__stat:nth-child(2n){border-left-color:var(--a-accent2, var(--a-accent))}.aud__stat b{display:block;font-family:var(--a-display);font-weight:var(--a-display-weight, 700);font-size:21px;line-height:1.1;color:var(--a-head, var(--a-fg))}.aud__stat span{font-family:var(--font-body);font-size:13px;color:var(--a-muted, var(--a-fg))}.aud__swrow{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:flex-end;justify-content:space-between}.aud__sw{display:flex;background:var(--a-track);border-radius:999px;padding:5px;gap:4px}.aud__sw button{border:0;border-radius:999px;padding:12px 22px;min-height:48px;cursor:pointer;font-family:var(--a-ui, var(--font-heading));font-weight:700;font-size:15px;background:transparent;color:var(--a-fg);transition:background var(--t-fast),color var(--t-fast)}.aud__sw button[aria-pressed=true]{background:var(--a-accent);color:var(--a-accent-ink)}.aud__sw--hard{background:transparent;padding:0;gap:10px;flex-wrap:wrap}.aud__sw--hard button{border:2.5px solid var(--a-fg);font-weight:800;font-size:16px}.aud__sw--hard button[aria-pressed=true]{background:var(--a-fg);color:var(--a-bg)}.auds{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.aud__card{position:relative;overflow:hidden;text-decoration:none;background-color:var(--c-bg);color:var(--c-fg);border:var(--c-border, 0);border-radius:var(--radius-card);padding:22px;min-height:164px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;transition:transform var(--t-fast) var(--ease)}.aud__card:hover{transform:translateY(-4px)}.aud__card span{position:relative;z-index:1}.aud__card .aud__cardno{font-family:var(--c-ui, var(--font-heading));font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-accent)}.aud__card .aud__cardname{font-family:var(--c-display);font-weight:var(--c-weight, 700);font-size:calc(clamp(24px,2.4vw,31px) * var(--display-scale));line-height:1.02;text-transform:var(--c-case, none);letter-spacing:var(--c-tracking, -.01em)}.aud--scan:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(var(--a-accent-rgb),.05) 0 1px,transparent 1px 4px)}.aud--scan>.wrap{position:relative;z-index:1}.aud__hud{position:relative;width:100%;max-width:520px}.aud__hud img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:12px;box-shadow:0 0 0 2px rgba(var(--a-accent-rgb),.55),0 0 40px rgba(var(--a-accent-rgb),.3),0 0 90px rgba(var(--a-accent2-rgb),.22)}.aud__hud:before,.aud__hud:after{content:"";position:absolute;width:26px;height:26px;pointer-events:none}.aud__hud:before{top:-10px;left:-10px;border-top:3px solid var(--a-accent);border-left:3px solid var(--a-accent)}.aud__hud:after{bottom:-10px;right:-10px;border-bottom:3px solid var(--a-accent2, var(--a-accent));border-right:3px solid var(--a-accent2, var(--a-accent))}.aud--weave:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(135deg,rgba(var(--a-fg-rgb),.03) 0 14px,transparent 14px 28px)}.aud--weave>.wrap{position:relative;z-index:1}.aud__stack{display:flex;flex-direction:column;gap:clamp(26px,3vw,38px)}.aud__frame{background:var(--a-mat);padding:clamp(16px,2vw,26px);border:12px solid var(--a-frame);box-shadow:0 26px 50px #00000059;width:100%;max-width:400px;box-sizing:border-box;transition:background var(--t-mid),border-color var(--t-mid)}.aud__frame img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover}.aud__tiles{flex:1 1 400px;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.aud__tile{text-decoration:none;background:var(--a-card);color:var(--a-fg);border:1px solid var(--a-line);border-radius:16px;padding:18px;min-height:118px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;transition:transform var(--t-fast) var(--ease),border-color var(--t-fast)}.aud__tile:hover{transform:translateY(-3px);border-color:var(--a-accent)}.aud__tile b{font-family:var(--a-display);font-weight:var(--a-display-weight, 700);font-size:calc(22px * var(--display-scale));line-height:1.05;text-transform:var(--a-case, none)}.aud__tile span{font-family:var(--font-body);font-size:14px;color:var(--a-muted, var(--a-fg))}.aud--rooms{transition:background-color var(--t-mid),color var(--t-mid)}.aud__tee{position:relative;width:100%;max-width:400px;background:var(--a-tee-card, var(--a-card));border:3px solid var(--a-fg);border-radius:20px;overflow:hidden;box-shadow:10px 10px 0 var(--a-fg);transition:background var(--t-fast)}.aud__teeart{position:relative;aspect-ratio:1}.aud__teeart a{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.aud__teeart img{width:100%;height:100%;object-fit:cover;display:block}[data-tone=cheeky] .aud__tee{--a-tee-card: var(--a-tee-dark)}.aud__teecap{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:16px;text-align:center}.aud__teecap a{font-family:var(--a-display);font-weight:var(--a-display-weight, 800);font-size:calc(clamp(18px,2vw,24px) * var(--display-scale));line-height:1.1;letter-spacing:-.02em;text-decoration:none;color:var(--a-fg)}.aud__teecap a:hover{text-decoration:underline}.aud__teecap small{font-family:var(--font-body);font-size:14px;color:var(--a-muted, var(--a-fg))}.aud__flag{display:inline-block;margin-top:6px;background:var(--a-fg);color:var(--a-bg);font-family:var(--a-ui, var(--font-heading));font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:999px}.aud__next{border:0;border-radius:999px;padding:12px 20px;min-height:48px;cursor:pointer;font-family:var(--a-ui, var(--font-heading));font-weight:800;font-size:16px;background:var(--a-accent2, var(--a-accent));color:var(--a-accent2-ink, var(--a-accent-ink));transition:transform var(--t-fast) var(--ease),filter var(--t-fast)}.aud__next:hover{transform:translateY(-2px)}.aud--wrap{transition:background-color var(--t-mid)}.aud__occs{display:flex;flex-wrap:wrap;gap:10px}.aud__occ{border:2px solid var(--a-fg);border-radius:999px;padding:12px 20px;min-height:48px;cursor:pointer;font-family:var(--a-display);font-weight:600;font-size:16px;background:var(--a-card);color:var(--a-fg);transition:background var(--t-fast),color var(--t-fast)}.aud__occ[aria-pressed=true]{background:var(--a-fg);color:var(--a-bg)}.aud__field{display:flex;flex-direction:column;gap:6px;max-width:420px;font-family:var(--a-display);font-weight:600;font-size:14px}.aud__name{font-family:var(--a-display);font-weight:600;font-size:20px;color:var(--a-fg);background:var(--a-card);border:2px solid var(--a-fg);border-radius:14px;padding:12px 14px;min-height:48px;box-sizing:border-box;width:100%}.aud__paper{position:relative;width:100%;max-width:460px;aspect-ratio:1;border-radius:18px;overflow:hidden;background:var(--a-card);box-shadow:0 26px 50px rgba(var(--a-fg-rgb),.25);transform:rotate(2deg)}.aud__tile-pattern{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;transform:rotate(-14deg);display:flex;flex-wrap:wrap;align-content:flex-start;gap:14px 22px;padding:14px}.aud__tile-pattern span{font-family:var(--a-display);font-weight:700;font-size:22px;white-space:nowrap}.aud__ribbon-h,.aud__ribbon-v{position:absolute;background:var(--a-ribbon);transition:background var(--t-mid)}.aud__ribbon-h{left:0;right:0;top:46%;height:34px}.aud__ribbon-v{top:0;bottom:0;left:46%;width:34px}.aud__live{position:absolute;left:14px;bottom:14px;background:var(--a-fg);color:var(--a-bg);font-family:var(--a-display);font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:999px}@media(max-width:749px){.aud__inner{gap:28px}.aud__art{order:-1}.aud__tiles{gap:10px}.aud__tile{padding:14px;min-height:96px}.aud__tile b{font-size:calc(18px * var(--display-scale))}.auds{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.aud__card{min-height:132px;padding:16px}.aud__swrow{align-items:flex-start}.aud__sw{width:100%}.aud__sw button{flex:1 1 0;padding:12px 10px}.aud__frame{max-width:320px;border-width:9px}}@media(max-width:379px){.auds,.aud__tiles{grid-template-columns:1fr}}.aud--rooms{--a-bg: var(--room-a-bg);--a-fg: var(--room-a-fg);--a-fg-rgb: var(--room-a-fg-rgb);--a-muted: var(--room-a-fg);--a-accent: var(--room-a-accent);--a-accent-rgb: var(--room-a-accent-rgb);--a-accent-ink: var(--room-a-bg);--a-card: var(--room-a-card);--a-line: var(--room-a-line);--a-mat: var(--room-a-mat);--a-frame: var(--room-a-frame);--a-track: var(--room-a-track);--a-display: var(--room-a-display);--a-display-weight: var(--room-a-display-weight);--a-case: var(--room-a-case);--a-tracking: var(--room-a-tracking)}.aud--rooms[data-room=b]{--a-bg: var(--room-b-bg);--a-fg: var(--room-b-fg);--a-fg-rgb: var(--room-b-fg-rgb);--a-muted: var(--room-b-fg);--a-accent: var(--room-b-accent);--a-accent-rgb: var(--room-b-accent-rgb);--a-accent-ink: var(--room-b-bg);--a-card: var(--room-b-card);--a-line: var(--room-b-line);--a-mat: var(--room-b-mat);--a-frame: var(--room-b-frame);--a-track: var(--room-b-track);--a-display: var(--room-b-display);--a-display-weight: var(--room-b-display-weight);--a-case: var(--room-b-case);--a-tracking: var(--room-b-tracking)}.aud [hidden],.no-js .js-only{display:none!important}.no-js .aud [data-room-show][hidden],.no-js .aud [data-tone-show][hidden]{display:revert!important}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-audience.css.map */