/* Circus and Cloud: compact collection layouts and generated heading artwork. */
body[data-refined] .brand-image {display:block;width:174px;height:44px;object-fit:contain;flex:none}
body[data-refined] .footer-brand .brand-image {width:198px;height:50px}
@media(max-width:600px) {
  body[data-refined] .brand .brand-image {width:142px;height:36px}
  body[data-refined] .footer-brand .brand-image {width:174px;height:44px}
}

body[data-refined] .category-choice .category-symbol {width:36px;height:36px;background:transparent;border-radius:0}
body[data-refined] .category-art {display:block;width:36px;height:36px;background-image:url(assets/category-icons.webp);background-size:300% 200%;background-repeat:no-repeat;transition:transform .3s var(--ease)}
.category-art-0 {background-position:0 0}
.category-art-1 {background-position:50% 0}
.category-art-2 {background-position:100% 0}
.category-art-3 {background-position:0 100%}
.category-art-4 {background-position:50% 100%}
body[data-refined] .category-choice:hover .category-art {transform:translateY(-2px) rotate(-5deg)}
body[data-refined] .category-choice.active .category-symbol {background:#fff;border-radius:6px}

body[data-refined] .theme-art {
  display:inline-block;
  width:56px;
  height:56px;
  flex:none;
  background-image:url(assets/circus-heading-icons.webp);
  background-size:400% 200%;
  background-repeat:no-repeat;
  vertical-align:middle;
}
body[data-theme=cloud] .theme-art {background-image:url(assets/cloud-heading-icons.png)}
.art-0 {background-position:0 0}
.art-1 {background-position:33.333333% 0}
.art-2 {background-position:66.666667% 0}
.art-3 {background-position:100% 0}
.art-4 {background-position:0 100%}
.art-5 {background-position:33.333333% 100%}
.art-6 {background-position:66.666667% 100%}
.art-7 {background-position:100% 100%}
body[data-refined] .heading-icon {
  width:56px;height:56px;background:none;border:0;border-radius:0;transform:none;
}
body[data-refined] .heading-main {gap:12px}
body[data-refined] .section-heading {margin-bottom:20px}
body[data-refined] .hero-heading-icon {background:none;width:40px;height:40px}
body[data-refined] .hero-heading-icon .theme-art {width:40px;height:40px}
body[data-refined] .hero.hero-with-videos {
  background-size:100% auto;
  background-repeat:no-repeat;
  background-position:center top;
  background-color:var(--wash);
  display:grid;
  width:100%;
  height:auto;
  min-height:calc(100vw / 3);
  max-height:none;
}
body[data-refined] .hero-inner {width:min(1240px,calc(100% - 80px));height:auto;max-height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
body[data-refined] .hero-heading {margin-bottom:10px}
body[data-refined] .hero-grid {align-items:stretch;min-height:0;padding:4px 0;gap:24px;border:0}
body[data-refined] .hero-card {height:auto;transform:none;border-radius:8px;padding:0 0 12px;display:grid;grid-template-rows:auto 1fr}
body[data-refined] .hero-card .cover-link {height:auto;min-height:0}
body[data-refined] .hero-card .cover {height:auto;aspect-ratio:16/9;background:#fff}
body[data-refined] .hero-card :is(.cover-link,.cover) {border-radius:8px}
body[data-refined] .hero-card .cover img {object-fit:contain;transform:none}
body[data-refined] .hero-card .card-copy {min-height:74px;padding:10px 12px 0}
body[data-refined] .hero-bottom {margin-top:6px}
body[data-refined] .collection-section {padding:32px 0}
body[data-refined] .collection-section .content {width:min(1240px,calc(100% - 80px))}
body[data-refined] .collection-grid {display:grid;gap:24px;align-items:stretch}
body[data-refined] .collection-card {min-width:0}
body[data-refined] .collection-card .cover {aspect-ratio:16/9;background:var(--wash)}
body[data-refined] .collection-card .cover img {object-fit:contain}
body[data-refined] .collection-card .card-copy {min-height:74px;padding-top:10px}
body[data-refined] :is(.hero-card,.collection-card) .card-copy h3 {font-size:18px;line-height:1.28;min-height:0}
body[data-refined] :is(.hero-card,.collection-card) .card-copy p {font-size:12px;line-height:1.2;margin-top:6px;color:var(--muted)}
body[data-refined] .collection-card .cover-label {display:none}
body[data-refined] :is(.hero-card,.collection-card) .avatar {width:32px;height:32px}
body[data-refined] .soft-band {background:var(--secondary)}
body[data-refined] .light-band {background:var(--wash)}
body[data-refined] .category-section {padding:24px 0 28px}
body[data-refined] .category-section .section-heading {display:flex;margin-bottom:16px}
body[data-refined] .category-section h2 {font-size:42px;line-height:1.05}
body[data-refined] .category-section .heading-icon {width:56px;height:56px}
body[data-refined] .category-trail .category-choice {transform:none}
body[data-refined] .discovery-strip {padding:22px 0}
body[data-refined] .discovery-symbol {display:block}
body[data-refined] .discovery-symbol .theme-art {width:54px;height:54px}

/* The theater alternates straight shelves, a feature pair and compact listings. */
.layout-stage {grid-template-columns:repeat(3,minmax(0,1fr))}
.layout-tickets {grid-template-columns:repeat(4,minmax(0,1fr))}
.layout-adventure {grid-template-columns:repeat(2,minmax(0,1fr))}
.layout-arrivals {grid-template-columns:repeat(2,minmax(0,1fr))}
.layout-storybook {grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-theme=circus] .layout-tickets .collection-card {background:#fff;padding:8px 8px 10px;border-radius:6px}
body[data-theme=circus] .layout-tickets .avatar {display:none}
body[data-theme=circus] .layout-adventure {gap:28px}
body[data-theme=circus] .layout-adventure .cover {aspect-ratio:2/1}
body[data-theme=circus] .layout-arrivals .collection-card,
body[data-theme=circus] .layout-storybook .collection-card {
  display:grid;grid-template-columns:43% minmax(0,1fr);gap:14px;align-items:center;
}
body[data-theme=circus] .layout-arrivals .card-copy,
body[data-theme=circus] .layout-storybook .card-copy {padding:0;min-height:0}
body[data-theme=circus] .layout-arrivals .avatar,
body[data-theme=circus] .layout-storybook .avatar {display:none}
body[data-theme=circus] .layout-storybook .collection-card {grid-template-columns:42% minmax(0,1fr);gap:10px;border-bottom:1px solid var(--line);padding-bottom:15px}
body[data-theme=circus] .layout-storybook .save-btn {display:none}
body[data-theme=circus] .layout-storybook .play-mark {width:38px;height:38px}
body[data-theme=circus] .layout-storybook .play-mark svg {width:18px}

/* The post office uses paired deliveries, four stamps, letters and a mailbag. */
.layout-deliveries {grid-template-columns:repeat(2,minmax(0,1fr))}
.layout-postage {grid-template-columns:repeat(4,minmax(0,1fr))}
.layout-friends {grid-template-columns:repeat(2,minmax(0,1fr))}
.layout-mailbag {grid-template-columns:repeat(3,minmax(0,1fr))}
.layout-dreamcards {grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-theme=cloud] .category-section {background:#fff;border-bottom:1px solid var(--line)}
body[data-theme=cloud] .collection-card {transform:none}
body[data-theme=cloud] .layout-deliveries .collection-card,
body[data-theme=cloud] .layout-mailbag .collection-card {
  display:grid;grid-template-columns:43% minmax(0,1fr);gap:14px;align-items:center;
}
body[data-theme=cloud] .layout-deliveries .card-copy,
body[data-theme=cloud] .layout-mailbag .card-copy {padding:0;min-height:0}
body[data-theme=cloud] .layout-deliveries .avatar,
body[data-theme=cloud] .layout-mailbag .avatar {display:none}
body[data-theme=cloud] .layout-deliveries {gap:20px 28px}
body[data-theme=cloud] .layout-postage .collection-card {padding:8px 8px 12px;background:white;border:1px dashed #81a6c3;border-radius:0}
body[data-theme=cloud] .layout-postage .avatar {display:none}
body[data-theme=cloud] .layout-friends .collection-card {display:grid;grid-template-columns:38% minmax(0,1fr);align-items:center;gap:18px;border-block:1px solid var(--line);padding-block:14px}
body[data-theme=cloud] .layout-friends .card-copy {padding:0;min-height:0}
body[data-theme=cloud] .layout-friends .avatar {background:#eab4c7}
body[data-theme=cloud] .layout-mailbag .collection-card {grid-template-columns:40% minmax(0,1fr);gap:11px}
body[data-theme=cloud] .layout-mailbag .save-btn {display:none}
body[data-theme=cloud] .layout-mailbag .play-mark {width:35px;height:35px}
body[data-theme=cloud] .layout-mailbag .play-mark svg {width:17px}
body[data-theme=cloud] .layout-dreamcards .collection-card {border:1px dashed #739fc2;padding:10px;background:#f5fbff;border-radius:0}
body[data-theme=cloud] .layout-dreamcards .cover {aspect-ratio:2/1}

/* More recommendations without duplicated entries or an empty player column. */
body[data-refined] .queue-heading {gap:10px;align-items:center;margin-bottom:12px}
body[data-refined] .queue-heading h2 {display:flex;align-items:center;gap:7px;min-width:0;font-size:24px}
body[data-refined] .queue-heading .theme-art {width:39px;height:39px}
body[data-refined] .queue-card {margin-bottom:12px}
body[data-refined] .queue-card .cover {aspect-ratio:16/9}
body[data-refined] .queue-card .cover img {object-fit:contain}
body[data-refined] .related {padding-top:32px}
body[data-refined] .related-grid {gap:26px 24px;grid-template-columns:repeat(4,minmax(0,1fr))}
body[data-refined] .related-grid .cover-label {display:none}
body[data-refined] .related-grid .cover img {object-fit:contain}
body[data-refined] .up-next {align-content:start}

/* Circus footer: a clear final act and a quieter information row. */
body[data-theme=circus][data-refined] .site-footer {
  padding:0;
  background:var(--wash);
  border-top:0;
}
body[data-theme=circus][data-refined] .site-footer::before,
body[data-theme=circus][data-refined] .site-footer::after {
  top:7px;
  bottom:auto;
  height:220px;
  width:52px;
  z-index:1;
}
body[data-theme=circus][data-refined] .footer-top {
  position:relative;
  display:flex;
  align-items:center;
  gap:32px;
  min-height:227px;
  padding:45px max(70px,calc((100% - 1240px)/2));
  border-top:7px solid var(--yellow);
  background:var(--accent);
  color:var(--wash);
}
body[data-theme=circus][data-refined] .footer-mascot {display:none}
body[data-theme=circus][data-refined] .footer-top h2 {
  max-width:700px;
  font-size:clamp(34px,3.5vw,52px);
  line-height:1.05;
  color:inherit;
}
body[data-theme=circus][data-refined] .footer-top .button {
  margin-left:auto;
  flex:none;
  min-height:54px;
  padding:13px 22px;
  background:var(--yellow);
  border:0;
  color:var(--ink);
  font-size:15px;
}
body[data-theme=circus][data-refined] .footer-top .button:hover {background:#fff;color:var(--ink)}
body[data-theme=circus][data-refined] .footer-bottom {
  display:grid;
  grid-template-columns:minmax(200px,1fr) auto auto;
  align-items:center;
  gap:24px 52px;
  min-height:112px;
  padding:24px max(40px,calc((100% - 1240px)/2));
  border-top:0;
}
body[data-theme=circus][data-refined] .footer-bottom nav {margin:0;gap:28px;font-weight:800}
body[data-theme=circus][data-refined] .footer-bottom nav a {padding:8px 0}
body[data-theme=circus][data-refined] .footer-bottom>span {white-space:nowrap}
@media(max-width:850px) {
  body[data-theme=circus][data-refined] .footer-top {padding:40px 56px;min-height:190px}
  body[data-theme=circus][data-refined] .footer-bottom {grid-template-columns:1fr auto;gap:16px 28px;padding:22px 32px}
  body[data-theme=circus][data-refined] .footer-bottom nav {grid-column:2;grid-row:1}
  body[data-theme=circus][data-refined] .footer-bottom>span {grid-column:1/-1}
}
@media(max-width:600px) {
  body[data-theme=circus][data-refined] .site-footer::before,
  body[data-theme=circus][data-refined] .site-footer::after {height:242px;width:24px}
  body[data-theme=circus][data-refined] .footer-top {display:block;min-height:249px;padding:43px 38px 36px;text-align:center}
  body[data-theme=circus][data-refined] .footer-top h2 {font-size:36px;max-width:340px;margin:0 auto 22px}
  body[data-theme=circus][data-refined] .footer-top .button {width:auto;min-height:48px;margin:0 auto}
  body[data-theme=circus][data-refined] .footer-bottom {display:flex;flex-direction:column;align-items:center;gap:16px;padding:26px 20px 30px;text-align:center}
  body[data-theme=circus][data-refined] .footer-bottom nav {display:flex;justify-content:center;gap:25px;flex-wrap:wrap}
  body[data-theme=circus][data-refined] .footer-bottom>span {font-size:11px}
}

@media(max-width:1150px) {
  body[data-refined] .hero-inner {width:calc(100% - 48px)}
  body[data-refined] .hero-grid {gap:20px}
  body[data-refined] .collection-section .content {width:calc(100% - 48px)}
  body[data-refined] .category-section h2 {font-size:36px}
  body[data-refined] .collection-grid {gap:20px}
  body[data-refined] .collection-card .avatar {display:none}
  body[data-theme=circus] .layout-storybook {grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-theme=circus] .layout-storybook .collection-card {display:block}
  body[data-theme=circus] .layout-storybook .card-copy {padding-top:10px}
  body[data-theme=cloud] .layout-mailbag {grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-refined] .queue-heading {flex-wrap:wrap}
  body[data-refined] .queue-heading h2 {font-size:23px}
  body[data-refined] .queue-heading .theme-art {width:34px;height:34px}
}
@media(max-width:850px) {
  body[data-refined] .category-section h2 {font-size:32px}
  body[data-refined] .collection-section {padding:28px 0}
  body[data-refined] .collection-card .save-btn {display:none}
  body[data-refined] .layout-tickets,
  body[data-refined] .layout-postage {grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-theme=cloud] .layout-deliveries {grid-template-columns:1fr 1fr}
  body[data-theme=cloud] .layout-deliveries .collection-card {display:block}
  body[data-theme=cloud] .layout-deliveries .card-copy {padding-top:10px}
  body[data-theme=cloud] .layout-friends .collection-card {grid-template-columns:1fr;gap:10px}
  body[data-refined] .related-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-refined] .queue-card:last-child {display:grid}
  body[data-refined] .queue-card {margin:0}
  body[data-refined] .queue-heading {grid-column:1/-1;flex-wrap:nowrap}
}
@media(max-width:700px) {
  body[data-refined] .hero-inner {width:calc(100% - 48px);height:auto}
  body[data-refined] .hero-grid {gap:16px;padding:4px 2px 8px}
  body[data-refined] .hero-card {flex-basis:82%}
  body[data-refined] .hero-card .card-copy {min-height:74px}
  body[data-refined] .hero-card .avatar {display:inline-block}
  body[data-refined] .hero-heading-icon,
  body[data-refined] .hero-heading-icon .theme-art {width:34px;height:34px}
  body[data-refined] .hero-heading h1 {font-size:24px!important}
  body[data-refined] .hero-bottom {margin-top:0;min-height:33px}
}
@media(max-width:600px) {
  body[data-refined] .hero-inner {width:calc(100% - 32px)}
  body[data-refined] .collection-section .content {width:calc(100% - 32px)}
  body[data-refined] .collection-section {padding:24px 0}
  body[data-refined] .section-heading {gap:10px;margin-bottom:16px}
  body[data-refined] .heading-main {gap:8px}
  body[data-refined] .heading-icon,
  body[data-refined] .heading-icon .theme-art,
  body[data-refined] .category-section .heading-icon {width:44px;height:44px}
  body[data-refined] .section-heading h2,
  body[data-refined] .category-section h2 {font-size:28px;line-height:1.05}
  body[data-refined] .category-section {padding:22px 0}
  body[data-refined] .collection-grid {gap:22px 14px}
  body[data-refined] .layout-stage {grid-template-columns:1fr}
  body[data-refined] .layout-stage .collection-card {display:grid;grid-template-columns:42% minmax(0,1fr);gap:13px;align-items:center}
  body[data-refined] .layout-stage .card-copy {padding:0;min-height:0}
  body[data-refined] .layout-stage .play-mark {width:38px;height:38px}
  body[data-refined] .collection-card .card-copy p {font-size:12px}
  body[data-refined] .collection-card .card-copy h3 {font-size:16px}
  body[data-refined] .collection-card .avatar {display:none}
  body[data-refined] .layout-adventure {grid-template-columns:1fr 1fr;gap:14px}
  body[data-refined] .layout-adventure .cover {aspect-ratio:16/9}
  body[data-refined] .layout-arrivals {grid-template-columns:1fr;gap:18px}
  body[data-refined] .layout-arrivals .collection-card {grid-template-columns:41% minmax(0,1fr);gap:13px}
  body[data-theme=circus] .layout-storybook {grid-template-columns:1fr;gap:16px}
  body[data-theme=circus] .layout-storybook .collection-card {display:grid;grid-template-columns:34% minmax(0,1fr);gap:14px;padding-bottom:14px}
  body[data-theme=circus] .layout-storybook .card-copy {padding:0}
  body[data-theme=cloud] .layout-deliveries {grid-template-columns:1fr;gap:18px}
  body[data-theme=cloud] .layout-deliveries .collection-card {display:grid;grid-template-columns:42% minmax(0,1fr);gap:13px}
  body[data-theme=cloud] .layout-deliveries .card-copy {padding:0}
  body[data-theme=cloud] .layout-friends {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
  body[data-theme=cloud] .layout-friends .collection-card {display:block;padding-block:10px}
  body[data-theme=cloud] .layout-friends .card-copy {padding-top:10px}
  body[data-theme=cloud] .layout-mailbag {grid-template-columns:1fr;gap:18px}
  body[data-theme=cloud] .layout-mailbag .collection-card {grid-template-columns:34% minmax(0,1fr);gap:14px}
  body[data-theme=cloud] .layout-dreamcards {gap:14px}
  body[data-theme=cloud] .layout-dreamcards .collection-card {padding:6px}
  body[data-theme=cloud] .layout-dreamcards .cover {aspect-ratio:16/9}
  body[data-refined] .discovery-strip .content {display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px 12px}
  body[data-refined] .discovery-symbol .theme-art {width:44px;height:44px}
  body[data-refined] .discovery-strip .content>div {flex:1;min-width:0}
  body[data-refined] .discovery-strip .button {grid-column:2;justify-self:start;margin-left:0}
  body[data-refined] .related-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
  body[data-refined] .queue-heading h2 {font-size:25px}
  body[data-refined] .queue-heading .theme-art {width:37px;height:37px}
}
@media(max-height:650px) {
  body[data-refined] .hero-heading {margin-bottom:5px;min-height:30px}
  body[data-refined] .hero-card .card-copy {min-height:70px}
  body[data-refined] .hero-bottom {min-height:30px;margin-top:2px}
}

@media(min-width:1024px) {
  body[data-theme=circus] .hero.hero-with-videos {background-image:url(assets/circus-desktop-wide.webp)}
  body[data-theme=cloud] .hero.hero-with-videos {background-image:url(assets/cloud-desktop-compact.png)}
}

/* Content-led hero height and a consistent, compact heading scale. */
body[data-refined] .hero.hero-with-videos {height:auto;min-height:calc(100vw / 3);max-height:none;padding:28px 0 22px;overflow:visible}
body[data-refined] .hero-inner {max-height:none}
body[data-refined] h2,
body[data-refined] .hero-heading h1 {font-size:24px!important;line-height:1.2}
body[data-refined] .theme-art,
body[data-refined] .heading-icon,
body[data-refined] .hero-heading-icon,
body[data-refined] .banner-icon,
body[data-refined] .banner-icon>.icon {width:36px!important;height:36px!important}
body[data-refined] .heading-main {gap:10px}
body[data-refined] .hero-card {background:#ffdc80;border:0;transform:none!important}
body[data-refined] .hero-card:nth-child(2) {background:#afe2ce}
body[data-refined] .hero-card:nth-child(3) {background:#f6bfcf}
body[data-theme=cloud] .hero-card,
body[data-theme=cloud] .hero-card:nth-child(2),
body[data-theme=cloud] .hero-card:nth-child(3) {background:#fff;border:0;border-radius:8px}
body[data-refined] .hero-card .cover {background:transparent;max-height:none}
body[data-refined] .hero-card .card-copy p {margin:6px 0 0}

/* A bright play badge with a springy hop and a traveling accent ring. */
body[data-refined] :is(.cover,.player-poster,.landing-cover) .play-mark {
  --play-size:64px;
  --play-color:#ef0b4d;
  --play-ring:#ffd45e;
  width:var(--play-size);height:var(--play-size);border-radius:50%;
  background:var(--play-color);color:#fff;border:4px solid #fff;
  box-shadow:0 5px 14px #4c202839;
  transform:translate(-50%,-50%);isolation:isolate;
  animation:play-hop 2.6s ease-in-out infinite;animation-play-state:paused;
}
body[data-theme=cloud] :is(.cover,.player-poster,.landing-cover) .play-mark {--play-ring:#8be6dc}
body[data-refined] .play-mark::before {content:'';position:absolute;inset:-7px;border:3px solid var(--play-ring);border-right-color:transparent;border-bottom-color:transparent;border-radius:inherit;pointer-events:none;animation:play-orbit 2.6s ease-in-out infinite;animation-play-state:paused}
body[data-refined] .play-mark::after {content:'';position:absolute;inset:-6px;border:2px solid #fff;border-radius:inherit;pointer-events:none;animation:play-ripple 2.6s ease-out infinite;animation-play-state:paused}
body[data-refined] .play-mark>.icon {width:28px!important;height:28px!important;margin-left:3px;fill:currentColor;stroke-width:0}
body[data-refined] .play-mark.is-visible,
body[data-refined] .play-mark.is-visible::before,
body[data-refined] .play-mark.is-visible::after {animation-play-state:running}
body[data-refined].motion-paused .play-mark,
body[data-refined].motion-paused .play-mark::before,
body[data-refined].motion-paused .play-mark::after {animation-play-state:paused}
body[data-refined] :is(.video-card,.player-poster,.landing-cover):hover .play-mark {transform:translate(-50%,-50%) scale(1.1);background:var(--play-color);color:#fff;box-shadow:0 7px 18px #4c20284a}
body[data-refined] :is(.video-card,.player-poster,.landing-cover):active .play-mark {transform:translate(-50%,-50%) scale(.88)}
body[data-refined] .queue-card .cover .play-mark,
body[data-refined] :is(.layout-storybook,.layout-mailbag) .cover .play-mark {--play-size:44px;border-width:3px}
body[data-refined] .queue-card .play-mark>.icon,
body[data-refined] :is(.layout-storybook,.layout-mailbag) .play-mark>.icon {width:20px!important;height:20px!important}
body[data-refined] :is(.player-poster,.landing-cover) .play-mark {--play-size:88px}
body[data-refined] :is(.player-poster,.landing-cover) .play-mark>.icon {width:38px!important;height:38px!important}
@keyframes play-hop {
  0%,60%,100% {scale:1;rotate:0deg;translate:0 0}
  12% {scale:1.07 .94;rotate:-5deg;translate:0 1px}
  27% {scale:1.12;rotate:5deg;translate:0 -4px}
  40% {scale:1.05 .97;rotate:-3deg;translate:0 0}
  49% {scale:1.04;rotate:1deg;translate:0 -2px}
}
@keyframes play-orbit {0%,100%{transform:rotate(-25deg)}50%{transform:rotate(155deg)}}
@keyframes play-ripple {0%,12%{transform:scale(.94);opacity:0}27%{opacity:.8}60%,100%{transform:scale(1.5);opacity:0}}

@media(max-width:700px) {
  body[data-refined] .hero.hero-with-videos {padding:22px 0 18px}
  body[data-refined] .hero-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:3px 0;overflow:visible;scroll-snap-type:none}
  body[data-refined] .hero-card {display:grid;grid-template-columns:42% minmax(0,1fr);grid-template-rows:auto;gap:13px;padding:8px;align-items:center;width:100%}
  body[data-refined] .hero-card :is(.cover-link,.cover) {border-radius:6px}
  body[data-refined] .hero-card .card-copy {padding:0;min-height:0;gap:4px 7px;flex-wrap:wrap}
  body[data-refined] .hero-card .card-copy>div {flex-basis:100%}
  body[data-refined] .hero-card .card-like {margin:0;padding:0 3px}
  body[data-refined] .hero-card .card-copy h3 {min-height:0}
  body[data-refined] .hero-card .card-copy p {margin-top:4px}
  body[data-refined] .hero-card .avatar {display:none}
  body[data-refined] .hero-card .cover .play-mark {--play-size:40px;border-width:3px}
  body[data-refined] .hero-card .play-mark>.icon {width:19px!important;height:19px!important}
  body[data-refined] .hero-controls {display:none}
  body[data-refined] .hero-bottom {justify-content:center;min-height:24px;margin-top:8px}
  body[data-refined] :is(.collection-grid,.catalog-grid,.related-grid,.feature-grid,.new-grid,.hot-grid,.category-trail,.catalog-categories) {display:grid;grid-template-columns:minmax(0,1fr);overflow:visible}
  body[data-refined] .category-choice {grid-column:1;min-width:0;transform:none;min-height:52px}
  body[data-refined] .up-next {grid-template-columns:minmax(0,1fr)}
  body[data-refined] .collection-card {width:100%}
  body[data-refined] .discovery-strip .content {grid-template-columns:36px minmax(0,1fr)}
  body[data-refined] :is(.player-poster,.landing-cover) .play-mark {--play-size:72px}
}
@media(prefers-reduced-motion:reduce) {
  body[data-refined] .play-mark,
  body[data-refined] .play-mark::before,
  body[data-refined] .play-mark::after {animation:none}
  body[data-refined] .play-mark::after {opacity:0}
}

@media(min-width:1024px) {
  body[data-refined] .hero.hero-with-videos {
    background-size:100% auto;
    background-position:center;
    min-height:calc(100vw * 4 / 15);
    padding:8px 0;
  }
  body[data-theme=cloud] .hero.hero-with-videos {
    /* The recomposed scene has sky bleed above and below its compact artwork. */
    background-size:100% auto;
    background-position:center;
    min-height:calc(100vw / 5);
    padding:2px 0;
  }
}

/* Full-width titles; channel identity and actions no longer squeeze the copy. */
body[data-refined] .video-card .card-copy {
  display:grid;grid-template-columns:32px minmax(0,1fr) auto;
  align-content:start;align-items:center;gap:6px 8px;min-height:0;
}
body[data-refined] .video-card .card-copy>div {display:contents}
body[data-refined] .video-card .card-copy h3 {
  grid-column:1/-1;grid-row:1;display:block;min-height:0;
  font-size:18px;line-height:1.3;white-space:normal;text-wrap:wrap;
  -webkit-line-clamp:unset;overflow:visible;overflow-wrap:anywhere;
}
body[data-refined] .video-card .card-copy p {grid-column:2;grid-row:2;margin:0;align-self:start}
body[data-refined] .video-card .card-like {grid-column:3;grid-row:2;margin:0}
body[data-refined] .video-card .channel-avatar {
  display:block;grid-column:1;grid-row:2;width:32px;height:32px;
  border:0;border-radius:50%;background-image:url(assets/channel-avatars.webp);
  background-color:var(--soft);background-size:300% 200%;background-repeat:no-repeat;
}
body[data-refined] .channel-avatar::before,
body[data-refined] .channel-avatar::after {content:none}
.channel-avatar-0 {background-position:0 0}
.channel-avatar-1 {background-position:50% 0}
.channel-avatar-2 {background-position:100% 0}
.channel-avatar-3 {background-position:0 100%}
.channel-avatar-4 {background-position:50% 100%}
.channel-avatar-5 {background-position:100% 100%}

body[data-refined] .refined-home>.collection-section,
body[data-refined] .refined-home>.category-section,
body[data-refined] .refined-home>.discovery-strip {padding-block:30px}
body[data-refined] .refined-home>.hero+section {padding-top:60px}
body[data-theme=cloud][data-refined] .refined-home>.category-section {padding-bottom:29px}

@media(max-width:700px) {
  body[data-refined] .video-card .card-copy {grid-template-columns:32px minmax(0,1fr)}
  body[data-refined] .video-card .card-like {grid-column:2;grid-row:3;justify-self:start;min-height:32px;padding:0 3px}
  body[data-refined] .video-card .card-copy p {white-space:normal;overflow-wrap:anywhere}
}

/* Compact detail recommendations with aligned channel metadata. */
body[data-refined] .up-next .queue-heading h2 {font-size:15px}
body[data-refined] .up-next .queue-heading .theme-art {width:26px;height:26px}
body[data-refined] .queue-card .card-copy {grid-template-columns:24px minmax(0,1fr);gap:6px;align-items:center}
body[data-refined] .queue-card .card-copy h3 {font-size:15px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:2.7em}
body[data-refined] .queue-card .card-copy p {font-size:12px;line-height:1.35;align-self:center;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-refined] .queue-card .card-copy .channel-avatar {width:24px;height:24px;align-self:center}
body[data-refined] .queue-card .cover .play-mark {--play-size:22px;border-width:1.5px;box-shadow:0 2px 7px #4c202839}
body[data-refined] .queue-card .play-mark>.icon {width:10px!important;height:10px!important;margin-left:1px}
body[data-refined] .queue-card .play-mark::before {inset:-3.5px;border-width:1.5px}
body[data-refined] .queue-card .play-mark::after {inset:-3px;border-width:1px}