.embed--spotify iframe{display:block;border:0;border-radius:12px;width:100%}.embed--youtube{aspect-ratio:16/9;overflow:hidden;background:var(--surface-raised);border-radius:12px;width:100%}.embed--youtube iframe{display:block;border:0;width:100%;height:100%}.embed-gate{container-type:inline-size}.embed-gate--fill{height:100%}.embed-gate__ask{display:grid;grid-template-columns:minmax(0,1fr);place-content: center;justify-items:center;gap:var(--space-2);padding:var(--space-6)var(--space-5);text-align:center;color:var(--ink);background:radial-gradient(90% 120% at 0% 0%,color-mix(in srgb,var(--primary)24%,transparent),transparent 62%),radial-gradient(90% 120% at 100% 100%,color-mix(in srgb,var(--secondary)24%,transparent),transparent 62%),var(--stage-mid);border:1px solid var(--line);border-radius:12px;height:100%}.embed-gate__mark{display:grid;margin-bottom:var(--space-1);border:1px solid var(--line-strong);background:color-mix(in srgb,var(--ink)8%,transparent);border-radius:50%;place-items: center;width:3rem;height:3rem}.embed-gate__mark svg{fill:currentColor;width:1.4rem;height:1.4rem}.embed-gate .embed-gate__title{font-family:var(--font-heading);font-size:var(--text-lg);max-width:32ch;margin:0;font-weight:700;line-height:1.3}.embed-gate .embed-gate__note{font-size:var(--text-sm);color:var(--ink-soft);max-width:42ch;margin:0;line-height:1.45}.embed-gate__action{margin-top:var(--space-2)}.embed-gate--tall .embed-gate__ask{min-height:352px}.embed-gate--short .embed-gate__ask{grid-template-columns:auto minmax(0,1fr);place-content: center stretch;justify-items:start;column-gap:var(--space-4);row-gap:var(--space-1);padding:var(--space-4)var(--space-5);text-align:start;min-height:152px}.embed-gate--short .embed-gate__mark{grid-row:1/span 3;align-self: center;margin:0}.embed-gate--short .embed-gate__title,.embed-gate--short .embed-gate__note,.embed-gate--short .embed-gate__action{grid-column:2}.embed-gate--short .embed-gate__title{font-size:var(--text-base)}.embed-gate--short .embed-gate__action{margin-top:var(--space-1)}@container (width>=560px){.embed-gate--short .embed-gate__ask{grid-template-columns:auto minmax(0,1fr)auto}.embed-gate--short .embed-gate__action{grid-column:3;grid-row:1/span 2;align-self: center;margin:0}}@container (width<=380px){.embed-gate:not(.embed-gate--tall) .embed-gate__note{display:none}.embed-gate__ask{padding:var(--space-4)}.embed-gate__mark{width:2.5rem;height:2.5rem}.embed-gate .embed-gate__title{font-size:var(--text-base)}}