.theme-image-cta{display:block;width:300px;max-width:100%;margin:15px 0 0;padding:0;border:0;background:transparent;cursor:pointer;transition:transform .2s}
.theme-image-cta img{display:block;width:100%;height:auto}.theme-image-cta:hover{transform:scale(1.025)}
.theme-image-cta:focus-visible,[data-theme-video]:focus-visible{outline:3px solid #8848ff;outline-offset:5px}
.theme-secondary{font:inherit;font-size:15px;cursor:pointer;margin:14px 0;max-width:100%}
.theme-promo>img{width:100%;height:auto;display:block;border-radius:20px}.theme-promo>p{font-size:15px;padding:0 10px}.theme-promo>.hp-btn{font:inherit;font-size:14px;margin:8px 10px;cursor:pointer}.theme-promo .eyebrow{margin:12px 0 0}.theme-episode-link{display:inline-block;margin:10px 16px}.theme-episode-player{max-width:320px;margin:auto;aspect-ratio:9/16}.theme-episode-player iframe{width:100%;height:100%}
.theme-modal{border:0;border-radius:18px;padding:0;background:#111;color:#fff;overflow:visible;width:min(420px,calc(100vw - 32px),calc((100dvh - 84px)*9/16));max-width:calc(100vw - 32px);max-height:none;box-shadow:0 12px 60px #0008}.theme-modal::backdrop{background:#000c}.theme-frame{aspect-ratio:9/16;overflow:hidden;border-radius:18px}.theme-frame iframe{display:block;width:100%;height:100%;border:0}.theme-close{position:absolute;right:0;top:-46px;width:40px;height:40px;border-radius:50%;border:2px solid white;background:#18374f;color:white;font-size:28px;cursor:pointer}.theme-resume{width:100%;height:100%;min-height:80px;cursor:pointer}
@media(max-width:600px){.homepage .theme-image-cta{width:220px;margin:12px auto 0}.homepage .hp-hero-copy:has(.theme-image-cta){top:96px}.homepage .hp-hero-copy:has(.theme-image-cta) h1{font-size:36px;margin-bottom:9px}.homepage .hp-hero-copy:has(.theme-image-cta)>p:not(.eyebrow){margin-bottom:10px}.homepage .hp-hero-copy:has(.theme-image-cta) .eyebrow{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.theme-image-cta{transition:none}.theme-image-cta:hover{transform:none}}

.homepage .theme-bottom-cta{display:flex;justify-content:center;padding-top:16px;padding-bottom:16px}.homepage .theme-bottom-cta .theme-image-cta{width:360px;margin:0;max-width:100%}.homepage .fro-stage.has-pond .fro-sprite{bottom:calc(12% + 20px)}
@media(max-width:600px){.homepage .theme-bottom-cta .theme-image-cta{width:264px}}

/* v7.16: continuous song background; move pond only, not frog or footer. */
.homepage main:has(>.theme-bottom-cta){background:#fff3bf}
.homepage .fro-stage.has-pond .footer-transition{transform:translateY(30px)}