body[data-season=city]{--ink:#111c38;--cream:#fff;--blue:#1446f5;--gold:#ffb600;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}body[data-season=city] header{height:88px;border-bottom:1px solid #e5e8ef;background:#fff;padding:0 5%;gap:24px}body[data-season=city] header nav{gap:28px;margin-left:auto}body[data-season=city] nav a{font-size:13px;font-weight:700;color:#153cc7}body[data-season=city] .nav-greeting{background:#1446f5;color:#fff;padding:12px 18px;border-radius:8px}body[data-season=city] .language-picker{margin-left:0}body[data-season=city] .city-hero{background:#102c61;overflow:visible}.city-hero-art{line-height:0}.city-hero-art img{width:100%;height:auto;display:block}.city-hero-caption{background:#1446f5;color:white;display:flex;justify-content:space-between;align-items:flex-end;padding:48px max(5%,calc((100% - 1280px)/2));gap:40px}.city-kicker{font-size:11px;letter-spacing:2px;font-weight:800;line-height:1.5;margin:0 0 18px}.city-hero h1{font-family:Arial,Helvetica,sans-serif;transform:none;text-shadow:none;display:block;font-size:clamp(54px,6.5vw,100px);letter-spacing:-5px;line-height:.94;margin:0;color:white}.city-hero h1 em{font-style:normal;color:#ffc533}.city-hero-intro{max-width:420px}.city-hero-intro p{font-size:20px;line-height:1.5;margin:0 0 25px}.city-button{border:0;background:#ffb91b;color:#111c38;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-weight:800;font-size:12px;letter-spacing:.7px;padding:18px 24px;border-radius:8px;box-shadow:0 4px 0 #b97400;text-decoration:none;transition:transform .2s,box-shadow .2s;min-height:48px}.city-button:hover{transform:translateY(-3px);box-shadow:0 7px 0 #b97400}.city-button span{font-size:22px;line-height:1}.city-watch,.city-conversations{padding:90px max(5%,calc((100% - 1280px)/2))}.city-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}.city-section-heading h2,.city-next h2,.city-greetings h2,.city-about h2{font-size:clamp(36px,4vw,60px);line-height:1.02;letter-spacing:-2.5px;margin:0;font-weight:800}.city-section-heading>p{font-size:15px;line-height:1.7;color:#526079;margin:0 0 5px}.city-watch .city-kicker{color:#1446f5}.city-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 26px}.city-featured{grid-column:1/-1;display:grid;grid-template-columns:1.75fr 1fr;background:#f0f3fa;border-radius:12px;overflow:hidden}.city-poster{position:relative;display:block;width:100%;border:0;padding:0;background:#111c38;border-radius:12px;overflow:hidden;line-height:0}.city-poster img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block;transition:transform .4s}.city-poster:hover img{transform:scale(1.025)}.city-featured .city-poster{border-radius:0}.city-play{width:60px;height:60px;border-radius:50%;background:#ffc533;color:#111c38;display:grid;place-items:center;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);font-size:21px;padding-left:3px;box-shadow:0 4px 20px #0004;line-height:1}.city-film-label{position:absolute;top:20px;left:20px;color:white;background:#1446f5;padding:12px 15px;font-size:10px;font-weight:800;letter-spacing:1.4px;border-radius:4px;line-height:1}.city-film-info{padding:20px 0 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.city-film-info h3{font-size:28px;line-height:1.1;letter-spacing:-1px;margin:0}.city-film-info .city-kicker{font-size:10px;margin-bottom:8px;letter-spacing:1.5px}.city-featured .city-film-info{padding:40px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:24px}.city-featured h3{font-size:clamp(30px,3.5vw,50px);letter-spacing:-2px}.city-text-button{border:0;background:none;color:#1446f5;font-size:12px;font-weight:800;padding:12px 0;letter-spacing:1px}.city-arrow{background:#edf1ff;color:#1446f5;border:0;border-radius:50%;width:46px;height:46px;flex-shrink:0;font-size:24px}.city-discover{border-top:1px solid #dce1ea;margin-top:45px;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.city-discover>span{font-size:10px;font-weight:800;letter-spacing:1.4px}.city-discover button{border:0;background:none;color:#2547b0;font-size:13px;padding:10px 0}.city-next{background:#101d3a;color:#fff;display:grid;grid-template-columns:1.4fr .7fr;gap:60px;padding:75px max(8%,calc((100% - 1100px)/2));align-items:center;position:relative;overflow:hidden;background-image:linear-gradient(90deg,#ffffff05 1px,transparent 1px),linear-gradient(#ffffff05 1px,transparent 1px);background-size:70px 70px}.city-next .city-kicker{color:#80b1ff}.city-next h2 em{color:#ffb91b;font-style:normal}.city-next-copy>p:not(.city-kicker){color:#d0d9ec;font-size:18px;line-height:1.7;margin:25px 0}.city-next-note{display:block;margin-top:45px;color:#9dafd1;letter-spacing:3px;font-size:10px;font-weight:700}.city-short-poster{position:relative;border:1px solid #ffffff30;border-radius:22px;background:#07142a;color:#fff;aspect-ratio:9/16;width:100%;max-width:310px;overflow:hidden;padding:0;box-shadow:18px 18px 0 #2149c6;justify-self:end;display:flex;align-items:center}.city-short-poster img{width:100%;height:auto;display:block}.city-short-top,.city-short-bottom{position:absolute;left:20px;right:20px;text-align:left;font-size:12px;letter-spacing:1px;font-weight:700;line-height:1.5}.city-short-top{top:25px;color:#fbc332}.city-short-bottom{bottom:28px;font-size:22px;letter-spacing:-.5px}.city-greetings{padding:85px max(5%,calc((100% - 1280px)/2));background:#f5f6fa;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px}.city-greeting-art img{display:block;width:100%;height:auto;border-radius:12px}.city-greetings .city-kicker{color:#1446f5}.city-greetings h2{font-size:clamp(30px,3.3vw,48px)}.city-greetings h2>span{white-space:nowrap}.city-greetings p:not(.city-kicker){color:#526079;font-size:16px;margin:25px 0}.city-conversations{background:white}.city-talk-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.city-talk{padding:0;border:1px solid #e2e7ee;border-radius:12px;background:white;text-align:left;color:#111c38;overflow:hidden;transition:transform .2s}.city-talk:hover{transform:translateY(-5px)}.city-talk>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#f4f5f8}.city-talk>span{display:block;padding:24px}.city-talk small{font-size:9px;letter-spacing:1.2px;color:#1446f5;font-weight:800}.city-talk strong{display:flex;justify-content:space-between;font-size:30px;line-height:1.2;letter-spacing:-1px;margin:10px 0}.city-talk i{font-style:normal;color:#1446f5}.city-talk>span>span{font-size:14px;color:#526079}.city-game-heading{background:#1446f5;padding:40px 5%;color:white;text-align:center}.city-game-heading h2{font-size:clamp(26px,3vw,42px);line-height:1.15;letter-spacing:-1px;margin:0}.city-game-heading .city-kicker{color:#ffc533}.city-about.meet-band{background:#ffb91b;color:#111c38;padding-top:70px;gap:8%;text-align:left}.city-about .meet-copy{max-width:520px}.city-about .city-button{background:#1446f5;color:#fff;box-shadow:0 4px 0 #102c88}.city-about .meet-copy h2{font-size:clamp(36px,4vw,60px)}body[data-season=city] footer{background:#101d3a}body[data-season=city] .room-head{background:#1446f5!important}body[data-season=city] .room-body .pill{background:#1446f5;color:white}#city-player{width:min(1000px,calc(100% - 24px));border:0;border-radius:14px;background:#101d3a;color:#fff;max-height:94svh}#city-player.is-short{width:min(470px,calc(100% - 24px))}.city-player-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px}.city-player-top h2{font-size:16px;margin:0;line-height:1.4}.city-player-close{color:white;background:#ffffff15;border:0;border-radius:50%;font-size:28px;min-width:44px;height:44px}#city-player-screen{aspect-ratio:16/9;background:#000}#city-player-screen iframe{display:block;width:100%;height:100%;border:0}.is-short #city-player-screen{aspect-ratio:9/16;max-height:66svh}.city-player-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px;font-size:12px;font-weight:700}.city-player-bottom a{color:#ffcc42;min-height:30px;display:inline-flex;align-items:center}body[data-season=city] .sock-slot{position:relative}body[data-season=city] .language-picker select{max-width:95px}
@media(max-width:1050px){body[data-season=city] header nav{gap:16px}body[data-season=city] header{gap:15px}body[data-season=city] header nav a{font-size:12px}.city-greetings{gap:30px}.city-greetings h2{font-size:34px}.city-hero-caption{padding:40px 5%}.city-featured .city-film-info{padding:28px}.city-next{gap:40px}}
@media(max-width:850px){body[data-season=city] header nav{display:none}body[data-season=city] .menu-toggle{display:block}body[data-season=city] .language-picker{margin-left:auto}.city-section-heading{align-items:flex-start;flex-direction:column;gap:20px}.city-featured{display:block}.city-featured .city-film-info{flex-direction:row;align-items:center;justify-content:space-between}.city-next{grid-template-columns:1fr .65fr;padding:55px 5%;gap:30px}.city-next h2{font-size:40px}.city-next .city-button{font-size:10px;padding:16px}.city-greetings{grid-template-columns:1fr;gap:35px}.city-greeting-art{max-width:650px}.city-greetings h2{font-size:44px}.city-talk strong{font-size:26px}.city-hero-caption{gap:30px}.city-hero-intro p{font-size:17px}.city-hero h1{font-size:66px}}
@media(max-width:580px){body[data-season=city] header{height:76px;padding:0 5%}.city-hero-caption{display:block;padding:32px 6% 40px}.city-hero h1{font-size:64px;letter-spacing:-3px}.city-hero-intro{margin-top:25px}.city-hero-intro p{font-size:17px}.city-kicker{font-size:9px;letter-spacing:1.5px}.city-watch,.city-conversations{padding:55px 6%}.city-section-heading h2{font-size:40px;letter-spacing:-1.8px}.city-video-grid{grid-template-columns:1fr;gap:32px}.city-featured{grid-column:auto}.city-featured .city-film-info{padding:24px;display:block}.city-featured .city-text-button{margin-top:15px}.city-film-info h3{font-size:26px}.city-next{grid-template-columns:1fr;padding:50px 6%;gap:35px}.city-next h2{font-size:43px}.city-next-copy>p:not(.city-kicker){font-size:16px}.city-short-poster{justify-self:center;width:250px}.city-next-note{margin-top:24px}.city-greetings{padding:50px 6%}.city-greetings h2{font-size:clamp(28px,8vw,40px);letter-spacing:-1.5px}.city-greetings .city-button{font-size:11px;gap:12px}.city-talk-grid{grid-template-columns:1fr;gap:24px}.city-about.meet-band{padding-top:50px;text-align:center}.city-about .meet-copy h2{font-size:42px}.city-about .city-kicker{font-size:9px}.city-discover{justify-content:flex-start;gap:8px 22px}.city-discover>span{width:100%}.city-play{width:50px;height:50px;font-size:18px}.city-player-top{padding:12px}.city-player-top h2{font-size:13px}.city-game-heading{padding:35px 6%}}
/* Frame the portrait Short from its official YouTube thumbnail. */
.city-short-poster img{height:100%;object-fit:cover}.city-short-top,.city-short-bottom{display:none}

/* Approved homepage adventure artwork, shown in full. */
body[data-season=city] .home-kindness-feature{position:relative;max-width:1400px;margin:28px auto 52px;border-radius:24px;overflow:hidden;background:#fff}
.home-kindness-feature>img{display:block;width:100%;height:auto;object-fit:contain}
body[data-season=city] .home-kindness-feature>.city-button{position:absolute;left:5%;bottom:4%;margin:0;font-size:clamp(16px,1.7vw,23px);padding:15px 24px;text-transform:none}
@media(max-width:760px){body[data-season=city] .home-kindness-feature{margin:20px 4% 36px}body[data-season=city] .home-kindness-feature>.city-button{position:static;margin:16px;max-width:calc(100% - 32px);font-size:17px}}

/* Centered adventure invitation below the full banner artwork. */
body[data-season=city] .home-kindness-feature{text-align:center;padding-bottom:12px}
body[data-season=city] .home-kindness-feature>.city-button{position:static;display:inline-flex;margin:22px auto 10px;max-width:calc(100% - 32px);background:#ffdf2b;color:#111;--button-base:#cda416;border-color:#fff9!important;font-size:16px;gap:8px}
body[data-season=city] .home-kindness-feature>.city-button span{font-size:16px}

/* Full seasonal artwork is the accessible video play control. */
body[data-season=city] .season-video-banner{padding:0;background:white;max-width:none;width:100%;margin:35px 0;border-radius:0;overflow:hidden}
body[data-season=city] .season-banner-play{display:block;width:100%;border:0;padding:0;background:transparent;cursor:pointer;border-radius:0;line-height:0}
body[data-season=city] .season-banner-play img{display:block;width:100%;height:auto;object-fit:contain}
body[data-season=city] .season-banner-play:focus-visible{outline:5px solid #1454ed;outline-offset:-5px}
body[data-season=city] .season-banner-play:hover{filter:brightness(1.035)}
body[data-season=city] .city-greetings{max-width:1400px;margin:0 auto;padding:90px 3%;grid-template-columns:1.6fr 1fr;gap:35px}
body[data-season=city] .city-greeting-art{max-width:none;background:transparent;border:0;box-shadow:none;padding:0;border-radius:0;overflow:visible}
@media(max-width:760px){body[data-season=city] .season-video-banner{margin:24px 0;border-radius:0}body[data-season=city] .city-greetings{grid-template-columns:1fr;padding:60px 4%;gap:20px}body[data-season=city] .city-greetings h2{font-size:clamp(27px,7vw,40px)}}

/* A single icy-blue feature fades to white around the playable video. */
body[data-season=city] .stocking-craft-feature{width:100%;max-width:none;margin:35px 0;padding:20px 0 40px;overflow:visible;background:#fff}
body[data-season=city] .craft-feature-layout{
  --craft-snowflake:url("seasonal/craft-snowflake.svg");
  --craft-wash:linear-gradient(105deg,#def1fc 0%,#edf8fe 35%,#fff 76%);
  box-sizing:border-box;width:94%;max-width:1440px;margin-inline:auto;padding:clamp(24px,2.4vw,36px) clamp(24px,3vw,44px);
  display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,22vw,286px);gap:clamp(24px,2.8vw,44px);align-items:center;
  border:1px solid #a9d4f1;border-radius:clamp(24px,2.6vw,40px);box-shadow:0 16px 36px -20px #7ba9cf66;
  background-color:#fff;
  background-image:var(--craft-snowflake),var(--craft-snowflake),var(--craft-snowflake),var(--craft-snowflake),var(--craft-snowflake),var(--craft-wash);
  background-repeat:no-repeat;
  background-position:4% 8%,55% 9%,4% 94%,66% 94%,37% 92%,0 0;
  background-size:clamp(22px,2.1vw,32px) auto,clamp(20px,1.8vw,28px) auto,clamp(22px,2.1vw,32px) auto,clamp(20px,1.8vw,28px) auto,18px auto,100% 100%;
}
body[data-season=city] .stocking-craft-feature .season-banner-play{width:100%;max-width:none;margin:0;position:static}
body[data-season=city] .craft-video-shell{box-sizing:border-box;width:100%;padding:6px;border:1px solid #a9d4f1;border-radius:24px;background:#fff;box-shadow:0 10px 28px #153b7712}
body[data-season=city] .craft-video-frame{position:relative;width:100%;aspect-ratio:9/16;border-radius:17px;overflow:hidden;background:#102c58}
body[data-season=city] .craft-video-frame iframe{display:block;width:100%;height:100%;border:0}
body[data-season=city] .craft-video-poster{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:#102c58;cursor:pointer;overflow:hidden}
body[data-season=city] .craft-video-poster img{display:block;width:100%;height:100%;object-fit:cover}
body[data-season=city] .craft-video-poster .city-play{background:#ef233c;color:#fff;box-shadow:0 4px 20px #0004}
body[data-season=city] .craft-video-poster:hover .city-play{background:#ce1530}
body[data-season=city] .craft-video-poster:focus-visible{outline:4px solid #ffdf2b;outline-offset:-4px}
@media(max-width:820px){
  body[data-season=city] .stocking-craft-feature{margin:24px 0;padding:12px 0 28px}
  body[data-season=city] .craft-feature-layout{--craft-wash:linear-gradient(160deg,#def1fc 0%,#f1faff 35%,#fff 68%);width:92%;grid-template-columns:minmax(0,1fr);gap:28px;padding:28px 20px 30px;background-position:5% 3%,94% 29%,5% 73%,94% 94%,60% 38%,0 0}
  body[data-season=city] .craft-video-shell{width:min(100%,286px);justify-self:center}
}
@media(max-width:480px){body[data-season=city] .craft-feature-layout{padding:26px 14px 28px;gap:24px}}

/* Closing introduction uses the podcast section's soft blue backdrop. */
html body[data-season=city] .city-about.meet-band{background:#f0d125;box-shadow:0 0 0 100vmax #f0d125;clip-path:inset(0 -100vmax)}
#watch-title{scroll-margin-top:100px}
html body[data-season=city] .meet-banner-feature{padding-bottom:0}
html body[data-season=city] .meet-banner-feature>.city-button{position:absolute;bottom:2%;left:12%;translate:none;white-space:nowrap;font-size:clamp(10px,1.1vw,17px);padding:clamp(6px,1vw,15px) clamp(10px,1.6vw,24px);min-height:0}
html body[data-season=city] .meet-banner-feature>.city-button span{font-size:inherit}
