/* Launch fixes only. The established 3.12 composition and hero fades remain. */
:focus-visible,
a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px #082c59;
}
.skip:focus-visible { z-index: 100; }
/* Exact intro crew and established Copper Wheel, on transparent backgrounds. */
.unified-header .nav-dan .nav-portrait,.unified-header .nav-creek .nav-portrait{width:82px;height:58px;overflow:visible;background:none;border-radius:0}
.unified-header .nav-dan .nav-portrait img,.unified-header .nav-creek .nav-portrait img{left:0;top:0;width:100%;height:100%;max-width:100%;transform:none;object-fit:contain;object-position:center bottom}
/* Same approved Dan master, framed to keep his face and play prop in the menu. */
.unified-header .nav-team .nav-portrait{width:82px;height:58px;border-radius:0;overflow:hidden}
.unified-header .nav-team .nav-portrait img{left:50%;right:auto;top:0;width:auto;height:196.552%;max-width:none;transform:translateX(-50%);object-fit:contain}
@media(max-width:900px){.unified-header .nav-dan .nav-portrait,.unified-header .nav-creek .nav-portrait{width:68px;height:55px}}
@media(max-width:600px){.unified-header .nav-dan .nav-portrait,.unified-header .nav-creek .nav-portrait{width:72px;height:50px}}
.picture-choice.choice-watch .choice-art img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  transform: none;
}
/* Keep Maya's complete hard hat inside every Home picture choice size. */
.picture-choice.choice-rock .choice-art img {
  height: calc(100% + 40px);
  width: auto;
  transform: translateY(50px);
}
/* Give the released episode its actual YouTube thumbnail as the lead image. */
.watch.dimensional-watch {
  padding: clamp(32px, 5vw, 64px) 0;
  background: #082c59;
}
.dimensional-watch .watch-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(28px, 4vw, 52px);
}
.dimensional-watch .episode-art {
  display: block;
  position: relative;
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 18px 40px #001b3b55;
}
.dimensional-watch .episode-art img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: contain;
}
.dimensional-watch .episode-art .play { display: none; }
.dimensional-watch .watch-grid > div:last-child {
  padding: 0;
  grid-column: 2;
  grid-row: 1;
}
@media (max-width: 760px) {
  .dimensional-watch .watch-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .dimensional-watch .watch-grid > div:last-child { grid-column: 1; grid-row: 2; }
}
.home-panorama .creek-motion {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #e9f6ff;
}
.creek-motion .creek-poster,
.creek-motion video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 0;
}
.creek-motion [hidden] { display: none !important; }
.creek-controls {
  position: absolute;
  right: 20px;
  bottom: 20px;
  left: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.creek-controls button,
.creek-controls [data-film-status]:not(:empty) {
  border: 2px solid #fff;
  border-radius: 30px;
  padding: 10px 18px;
  background: #082c59;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  min-height: 44px;
  box-shadow: 0 3px 12px #082c5940;
}
.creek-controls button { cursor: pointer; }
.creek-controls button:hover { background: #086dcc; }
.creek-controls [data-film-status]:empty { display: none; }
@media (max-width: 760px) {
  .creek-controls { left: 10px; right: 10px; bottom: 10px; gap: 8px; }
  .creek-controls button { padding: 8px 12px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
.heading-jin {
  position: absolute;
  right: 8%;
  bottom: -35px;
  height: 350px;
  width: auto;
  max-width: none;
  object-fit: contain;
}
/* Each released episode is a complete row; additional episodes add more rows. */
.episode-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 40px;
}
.catalogue-card {
  width: 100%;
  max-width: none;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(24px, 4vw, 52px);
}
.catalogue-card > a { display: block; }
.catalogue-card > div { padding: 16px 0; }
@media (max-width: 760px) {
  .heading-jin {
    left: 50%;
    right: auto;
    bottom: -30px;
    height: 240px;
    transform: translateX(-42%);
  }
  .catalogue-card { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .catalogue-card > div { padding: 0; }
}

.crew-feature-lucy .crew-portrait{height:380px;overflow:visible}.crew-feature-lucy .crew-portrait img{width:100%;height:auto;bottom:30px}.crew-feature-lucy{min-height:480px}@media(max-width:650px){.crew-feature-lucy{min-height:0}.crew-feature-lucy .crew-portrait{height:auto;aspect-ratio:16/9}.crew-feature-lucy .crew-portrait img{bottom:0}}

/* Shared team portrait. Existing transparent artwork keeps every character consistent. */
.hero-team{position:relative;isolation:isolate;width:100%;height:480px;align-self:end;pointer-events:none}
.page-heading.watch-heading,.crew-welcome{background-color:#184652!important;background-image:linear-gradient(90deg,rgba(8,44,89,.96),rgba(8,44,89,.8) 29%,rgba(8,44,89,.23) 59%,transparent 79%),url("/assets/web/copper-creek-intro-source-1279.webp")!important;background-position:0 0,center 40%!important;background-size:100% 100%,cover!important;background-repeat:no-repeat!important}
.hero-team img{position:absolute;max-width:none;object-fit:contain;transform:translateX(-50%);bottom:0;width:auto}
.hero-team .team-hugo{height:95%;left:22%;bottom:14%;z-index:0}
.hero-team .team-lucy{height:47%;left:auto;right:-14%;bottom:-1%;transform:none;z-index:1}
.hero-team .team-gus{height:60%;left:16%;z-index:2}
.hero-team .team-jin{height:59%;left:78%;z-index:3}
.hero-team .team-maya{height:62%;left:59%;z-index:4}
.hero-team .team-dan{height:66%;left:36%;z-index:5}
.watch-heading .hero-team{position:absolute;right:max(28px,calc((100% - 1180px)/2));bottom:0;width:46%;max-width:660px}
.page-heading.watch-heading{min-height:596px;padding-top:170px;padding-bottom:110px;padding-right:58%}
.crew-welcome-inner{grid-template-columns:1fr 1.3fr;min-height:590px}
@media(max-width:1000px){
  .page-heading.watch-heading{min-height:566px;padding-right:54%}
  .crew-welcome-inner{min-height:560px}
  .hero-team{height:390px}
}
@media(max-width:650px){
  .page-heading.watch-heading,.crew-welcome{background-image:linear-gradient(180deg,rgba(8,44,89,.91),rgba(8,44,89,.64) 44%,transparent 75%),url("/assets/web/copper-creek-intro-source-1279.webp")!important;background-position:0 0,center!important}
  .page-heading.watch-heading{min-height:831px;padding:55px 22px 370px!important}
  .watch-heading .hero-team{width:84%;max-width:600px;height:350px;right:58%;transform:translateX(50%)}
  .crew-welcome-inner{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:0;min-height:825px}
  .crew-welcome-inner>div:first-child{align-self:start;padding-top:55px}
  .crew-welcome-inner .hero-team{height:350px;width:92%;max-width:600px;justify-self:start}
}
@media(max-width:400px){
  .watch-heading .hero-team,.crew-welcome-inner .hero-team{height:295px}
}

/* Match Rock Detectives framing, text inset and heading rhythm. */
.crew-welcome{border-bottom-width:6px}
.page-heading.watch-heading{padding:0!important;min-height:0}
.banner-inner,.crew-welcome-inner.banner-inner{position:relative;display:block;min-height:590px}
.banner-inner>.banner-copy,.crew-welcome-inner.banner-inner>.banner-copy{position:relative;z-index:2;width:53%;max-width:620px;padding:70px 0 65px;color:#fff}
.banner-copy h1,.crew-welcome .banner-copy h1{font-size:clamp(48px,5.3vw,78px);line-height:1.03;margin:18px 0 25px;color:#ffd338;text-shadow:0 3px 0 #083665}
.banner-copy .eyebrow{color:#fff2a0}
.banner-copy .lead,.crew-welcome .banner-copy .lead{font-size:25px;line-height:1.65;max-width:440px;margin:0 0 20px}
.banner-inner>.hero-team,.watch-heading .banner-inner>.hero-team{position:absolute;bottom:0;right:48px;width:55%;max-width:660px;height:480px;transform:none}
@media(max-width:1000px){
  .banner-inner,.crew-welcome-inner.banner-inner{min-height:560px}
  .banner-inner>.hero-team,.watch-heading .banner-inner>.hero-team{height:390px;right:24px}
  .banner-inner>.banner-copy,.crew-welcome-inner.banner-inner>.banner-copy{padding-top:52px}
}
@media(max-width:650px){
  .banner-inner,.crew-welcome-inner.banner-inner{min-height:825px}
  .banner-inner>.banner-copy,.crew-welcome-inner.banner-inner>.banner-copy{width:100%;padding:36px 0;max-width:none}
  .banner-copy h1,.crew-welcome .banner-copy h1{font-size:49px;margin:13px 0 19px;max-width:340px}
  .banner-copy .lead,.crew-welcome .banner-copy .lead{font-size:22px;max-width:310px}
  .banner-inner>.hero-team,.watch-heading .banner-inner>.hero-team{right:13%;width:84%;height:350px;max-width:600px}
  .hero-team .team-lucy{right:-24%;height:47%}
}
@media(max-width:400px){
  .banner-inner>.hero-team,.watch-heading .banner-inner>.hero-team{height:280px}
}

.banner-inner>.watch-dan{position:absolute;bottom:-23px;right:16%;height:570px;width:46%;object-fit:contain;object-position:center bottom;max-width:none}
@media(max-width:1000px){.banner-inner>.watch-dan{height:525px;right:8%;width:48%}}
@media(max-width:900px){.unified-header .nav-team .nav-portrait{width:68px;height:55px}}
@media(max-width:650px){.banner-inner>.watch-dan{height:460px;right:0;width:100%}}
@media(max-width:600px){.unified-header .nav-team .nav-portrait{width:72px;height:50px}}

/* Ground both machines on the banner baseline and keep Hugo's face clear. */
.crew-welcome-inner.banner-inner>.hero-team{right:0;width:100%;max-width:none;height:auto;aspect-ratio:1180/480}
.crew-welcome .hero-team .team-hugo{height:112%;left:72%;bottom:-12%}
.crew-welcome .hero-team .team-lucy{height:56%;left:14%;right:auto;bottom:-.95%;transform:translateX(-50%) scaleX(-1)}
.crew-welcome .hero-team .team-gus{left:27.5%}
.crew-welcome .hero-team .team-dan{left:42%}
.crew-welcome .hero-team .team-maya{left:52%}
.crew-welcome .hero-team .team-jin{left:61.5%;height:88%;bottom:-33%}
@media(max-width:650px){.crew-welcome-inner.banner-inner{min-height:520px}}
/* Give Hugo the same visible height as the human portraits. */
@media(min-width:1101px){
.crew-feature-hugo{grid-template-columns:2.5fr 1fr;gap:3%;min-height:600px}
.crew-feature-hugo .crew-portrait{height:min(510px,35vw)}
.crew-feature-hugo .crew-portrait img{height:min(602px,41.4vw);width:auto;max-width:none;left:45%;bottom:max(-48px,-3.3vw);transform:translateX(-50%)}
}

@media(min-width:651px){.crew-feature-lucy .crew-portrait img{width:112%;left:48%}}
.crew-feature-lucy .crew-portrait img{transform:translateX(-50%) scaleX(-1)}
/* Practical guide for parents and carers. */
.grownups-page .page-heading{padding-bottom:48px}.grownups-page .page-heading .button{display:inline-block;margin-top:15px;background:#086dcc;color:#fff;padding:13px 23px;border-radius:12px;text-decoration:none;font-weight:700}
.grownups-section{padding-top:56px;padding-bottom:56px}.grownups-section h2{font-size:clamp(2rem,3.6vw,3.1rem);margin:10px 0 25px}.grownups-section h3{font-size:1.4rem;margin:0 0 12px}.grownups-section p{font-size:19px;line-height:1.65}.grownups-intro{max-width:860px}.grownups-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:35px}.grownups-grid article{border-top:5px solid #ffce32;padding-top:22px}.grownups-grid article:nth-child(2){border-color:#086dcc}.grownups-grid article:nth-child(3){border-color:#249b98}.grownups-band{background:#eef7fd}.grownups-prompts{list-style:none;padding:0;display:grid;gap:24px;margin:30px 0}.grownups-prompts li{display:flex;align-items:flex-start;gap:20px}.grownups-prompts li>span{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:50%;background:#ffce32;color:#082c59;font-weight:800;font-size:24px}.grownups-prompts li:nth-child(2)>span{background:#086dcc;color:#fff}.grownups-prompts li:nth-child(3)>span{background:#249b98;color:#fff}.grownups-prompts p{margin:0}.grownups-safety{border-bottom:2px solid #ffce32}.grownups-page .family-notes{max-width:900px}.grownups-section a{font-weight:700}.grownups-page .eyebrow{color:#086dcc}@media(max-width:760px){.grownups-grid{grid-template-columns:1fr;gap:25px}.grownups-section{padding-top:36px;padding-bottom:36px}.grownups-section p{font-size:18px}}
.grownups-heading .banner-copy .eyebrow{color:#fff2a0}.banner-inner>.grownups-gus{position:absolute;height:570px;width:auto;max-width:none;right:13%;bottom:-19px}.grownups-heading .banner-copy{width:58%;max-width:700px}@media(max-width:1000px){.banner-inner>.grownups-gus{height:440px;right:0}}@media(max-width:650px){.grownups-heading .banner-copy{width:100%}.banner-inner>.grownups-gus{height:390px;right:50%;transform:translateX(50%)}}

/* Home banner matches the shared navy hero treatment. */
.home-world{background-color:#184652}
.home-world::before{background:linear-gradient(90deg,rgba(8,44,89,.96),rgba(8,44,89,.8) 29%,rgba(8,44,89,.23) 59%,transparent 79%)}
@media(max-width:760px){.home-world::before{background:linear-gradient(180deg,rgba(8,44,89,.91),rgba(8,44,89,.64) 44%,transparent 75%)}}


/* Home discovery feature, replacing duplicate navigation cards. */
.home-rock-discovery{padding:70px 0;background:#fff;border-top:5px solid var(--yellow)}
.home-rock-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.home-rock-grid h2{color:#082c59}.home-rock-art{position:relative;height:390px}
.home-rock-maya{position:absolute;left:0;bottom:0;width:52%;height:100%;object-fit:contain}
.home-rock-specimen{position:absolute;right:0;bottom:0;width:53%;height:72%;object-fit:contain}
.home-rock-answer{margin:22px 0 28px;padding:18px 22px;background:#edf5fb;border-radius:12px;color:#082c59}
.home-rock-answer summary{cursor:pointer;font-weight:700}.home-rock-answer p{margin-bottom:0}
@media(max-width:760px){.home-rock-grid{grid-template-columns:1fr;gap:24px}.home-rock-art{height:300px}.home-rock-discovery{padding:42px 0}}

/* White breathing space for the featured episode on Home. */
.watch.dimensional-watch{background:#fff;color:#082c59}
.watch.dimensional-watch h2,.watch.dimensional-watch .eyebrow{color:#082c59;text-shadow:none}
.watch.dimensional-watch p,.watch.dimensional-watch .fine{color:#33485c}


/* Full-bleed seasonal artwork; copy occupies the open sky on the right. */
.seasonal-merch{position:relative;isolation:isolate;background:#10213e;color:white;padding:0;border-top:6px solid var(--yellow);overflow:visible}
.seasonal-merch-grid{position:relative;display:block}
.seasonal-merch-art{display:block}.seasonal-merch-art img{display:block;width:100%;height:auto;border-radius:0}
.seasonal-merch-copy{position:absolute;right:0;top:0;width:43%;padding:clamp(24px,4vw,76px);background:linear-gradient(180deg,rgba(7,20,49,.91),rgba(7,20,49,.64) 75%,transparent);pointer-events:none}
.seasonal-merch-copy a{pointer-events:auto}.seasonal-merch h2{color:#ffdc48;font-size:clamp(2rem,3.7vw,3.8rem);line-height:1.08;margin:12px 0 18px}
.seasonal-merch .eyebrow{color:#ffdc48}.seasonal-merch-copy p{font-size:clamp(16px,1.45vw,21px);line-height:1.5}
.seasonal-merch .fine{color:#e2e9f5;font-size:13px;margin-top:16px}.seasonal-coming{font-weight:700}.seasonal-merch .button{margin-top:8px}
.seasonal-bats{position:absolute;inset:0;pointer-events:none;z-index:3;color:#17152c}
.seasonal-bat{position:absolute;display:block;width:65px;filter:drop-shadow(0 2px 1px #ffffff40);animation:seasonal-flight 4.5s ease-out both}
.seasonal-bat svg{display:block;width:100%;height:auto;animation:seasonal-flap .45s ease-in-out 10 alternate}
.bat-1{left:8%;top:-24px;--dx:60px;--dy:100px;transform:rotate(-18deg)}
.bat-2{left:19%;top:7%;width:43px;--dx:30px;--dy:65px;animation-delay:.2s;transform:rotate(16deg)}
.bat-3{right:7%;bottom:-24px;width:74px;--dx:-80px;--dy:-110px;animation-delay:.4s;transform:rotate(18deg)}
.bat-4{right:20%;bottom:5%;width:48px;--dx:-45px;--dy:-70px;animation-delay:.1s;transform:rotate(-12deg)}
@keyframes seasonal-flight{from{translate:var(--dx) var(--dy);opacity:0}20%{opacity:1}to{translate:0 0;opacity:1}}
@keyframes seasonal-flap{from{transform:scaleY(.65)}to{transform:scaleY(1)}}
@media(max-width:760px){.seasonal-merch-copy{position:relative;width:100%;padding:28px 24px 38px;background:linear-gradient(#192947,#10213e)}.seasonal-merch h2{font-size:2.4rem}.seasonal-merch-copy p{font-size:18px}.seasonal-merch .fine{font-size:13px}.seasonal-bat{width:44px}.bat-3{width:50px;right:6%}.bat-4{bottom:8%;right:3%;width:32px}}
@media(prefers-reduced-motion:reduce){.seasonal-bat,.seasonal-bat svg{animation:none}}

.seasonal-merch:not(.bats-in-view) .seasonal-bat,.seasonal-merch:not(.bats-in-view) .seasonal-bat svg{animation-play-state:paused}


/* Detailed friendly bats, larger and scattered clear of the copy and Lucy's face. */
.seasonal-bat{width:140px;filter:drop-shadow(0 4px 4px #11142c33)}
.seasonal-bat img{display:block;width:100%;height:auto;animation:seasonal-flap .55s ease-in-out 8 alternate}
.bat-1{left:5%;top:-52px;width:155px}.bat-2{left:15%;top:11%;width:105px}
.bat-3{right:5%;bottom:-48px;width:165px}.bat-4{right:22%;bottom:4%;width:112px}
.bat-5{left:1%;top:43%;width:115px;--dx:100px;--dy:45px;animation-delay:.25s;transform:rotate(-15deg)}
.bat-6{left:38%;top:-35px;width:112px;--dx:-50px;--dy:100px;animation-delay:.15s;transform:rotate(12deg)}
.bat-7{left:28%;bottom:-38px;width:130px;--dx:70px;--dy:-80px;animation-delay:.35s;transform:rotate(-8deg)}
.seasonal-merch:not(.bats-in-view) .seasonal-bat img{animation-play-state:paused}
@media(max-width:760px){.bat-1{width:100px;top:-35px;left:2%}.bat-2{width:72px;left:15%;top:8%}.bat-3{width:95px;bottom:-28px;right:3%}.bat-4{width:68px;right:2%;bottom:5%}.bat-5{width:74px;left:0;top:22%}.bat-6{width:78px;left:50%;top:-26px}.bat-7{width:80px;left:18%;bottom:-28px}}
@media(prefers-reduced-motion:reduce){.seasonal-bat img{animation:none}}

/* Full-height seasonal fade and a slightly wider-feeling composition. */
@media(min-width:761px){
.seasonal-merch-grid{background:#10213e}
.seasonal-merch-art{width:92%}
.seasonal-merch-grid::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 34%,rgba(7,20,49,.18) 48%,rgba(7,20,49,.74) 69%,#10213e 93%);z-index:1}
.seasonal-merch-copy{background:none;z-index:2}
}

/* Keep the seasonal scene readable without filling a large desktop screen. */
@media(min-width:1100px){
.seasonal-merch-grid{width:100%;max-width:1600px;height:clamp(540px,38vw,600px);margin-inline:auto}
.seasonal-merch-art{width:70%;height:100%}
.seasonal-merch-art img{width:auto;height:100%;max-width:none;object-fit:contain;object-position:left center;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 94%,transparent)}
.seasonal-merch-copy{height:100%;display:flex;flex-direction:column;justify-content:center;padding:32px clamp(32px,3vw,56px)}
.seasonal-merch-copy .button{align-self:flex-start}
}


/* Decorative bats remain static at Brad's request. */
.seasonal-bat,.seasonal-bat img,.seasonal-bat svg{animation:none;translate:none;opacity:1}

/* Maya's visual clue challenge: established scenery and character artwork. */
.home-rock-discovery{padding:0;background:#fff;border-top:5px solid var(--yellow)}
.home-rock-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:0;align-items:stretch}
.home-rock-art{height:auto;min-height:700px;overflow:hidden;background:#d6e5d2 url('/assets/rd-field-v2.webp') 45% center/cover no-repeat;isolation:isolate}
.home-rock-maya{left:0;bottom:-8%;width:81%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 8px #16251c33)}
.home-rock-clue{position:absolute;right:4%;bottom:7%;width:43%;aspect-ratio:1;border:6px solid #ffd338;border-radius:50%;background:#fff;box-shadow:0 12px 24px #082c5940;transform:rotate(5deg)}
.home-rock-clue>span{position:absolute;top:12%;left:0;width:100%;text-align:center;font-size:clamp(10px,1vw,15px);font-weight:800;letter-spacing:.08em;color:#082c59}
.home-rock-clue .home-rock-specimen{right:8%;bottom:5%;width:84%;height:70%;object-fit:contain}
.home-rock-copy{padding:64px clamp(28px,4vw,76px);color:#082c59}
.home-rock-copy .eyebrow{color:#087687;font-weight:800;letter-spacing:.12em;font-size:13px}
.home-rock-copy h2{font-size:clamp(38px,4.3vw,66px);line-height:1.02;margin:16px 0 24px}
.home-rock-intro{font-size:20px;line-height:1.55;color:#33485c}
.home-rock-clues{list-style:none;padding:0;display:grid;gap:18px;margin:28px 0}
.home-rock-clues li{display:flex;gap:14px;align-items:center}
.home-rock-clues li>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#ffd338;color:#082c59;font-weight:800}
.home-rock-clues li:nth-child(2)>span{background:#086dcc;color:white}
.home-rock-clues li:nth-child(3)>span{background:#087e80;color:white}
.home-rock-clues strong{font-size:18px}.home-rock-clues p{font-size:16px;margin:3px 0 0;color:#44596c}
.home-rock-copy .home-rock-answer{margin:24px 0;padding:16px 18px;font-size:17px}
.home-rock-next{font-size:14px;color:#526577;margin:16px 0 0}
@media(max-width:760px){.home-rock-grid{grid-template-columns:1fr}.home-rock-art{height:440px;min-height:0}.home-rock-maya{width:76%;height:112%;bottom:-10%}.home-rock-clue{width:36%;right:5%;bottom:6%}.home-rock-clue>span{font-size:11px}.home-rock-copy{padding:36px 24px 44px}.home-rock-copy h2{font-size:44px}.home-rock-intro{font-size:18px}}

/* Keep the decorative bats above the following Maya scene. */
.seasonal-merch{z-index:1}
.home-rock-discovery{position:relative;z-index:0}


/* More compact Home activity and shared footer tagline. */
.home-rock-art{min-height:530px}
.home-rock-copy{padding-top:32px;padding-bottom:32px}
.home-rock-copy h2{font-size:clamp(36px,3.5vw,52px);margin:10px 0 16px}
.home-rock-intro{font-size:18px;line-height:1.4;margin:0}
.home-rock-clues{gap:12px;margin:18px 0}
.home-rock-copy .home-rock-answer{margin:16px 0;padding:12px 16px}
.home-rock-next{margin-top:12px}
.home-rock-maya{height:114%;bottom:-10%}
footer .footer-tagline{font-size:20px;font-weight:800;color:#082c59;margin:8px 0}
.footer-tagline sup{font-size:.55em;vertical-align:super;margin-left:2px}
@media(max-width:760px){.home-rock-art{min-height:0;height:330px}.home-rock-copy{padding:28px 24px 32px}.home-rock-maya{height:112%;bottom:-10%}.home-rock-copy h2{font-size:38px}}

/* Individual settings for each page, using the shared banner fade. */
.page-heading.episode-heading{background-image:linear-gradient(90deg,rgba(8,44,89,.96),rgba(8,44,89,.8) 29%,rgba(8,44,89,.23) 59%,transparent 79%),url("/assets/web/crew-room-banner-v1-1279.webp")!important}
.page-heading.grownups-heading{background-image:linear-gradient(90deg,rgba(8,44,89,.96),rgba(8,44,89,.8) 29%,rgba(8,44,89,.23) 59%,transparent 79%),url("/assets/web/workshop-banner-v1-1279.webp")!important}
.page-heading.creek-heading{background-image:linear-gradient(90deg,rgba(8,44,89,.96),rgba(8,44,89,.75) 28%,rgba(8,44,89,.08) 55%,transparent 75%),url('/assets/copper-wheel-closeup-v3.webp')!important;background-size:100% 100%,auto 135%!important;background-position:0 0,right 50%!important}
.creek-heading .banner-copy{width:43%;max-width:510px}
.merchandise-seasonal h1{color:#ffdc48;font-size:clamp(38px,4vw,66px);line-height:1.05;margin:16px 0 24px}
@media(max-width:650px){.creek-heading .banner-copy{width:100%}.page-heading.creek-heading{background-size:100% 100%,auto 65%!important;background-position:0 0,right bottom!important}.page-heading.episode-heading{background-image:linear-gradient(180deg,rgba(8,44,89,.96),rgba(8,44,89,.7) 40%,transparent 75%),url("/assets/web/crew-room-banner-v1-1279.webp")!important}.page-heading.grownups-heading{background-image:linear-gradient(180deg,rgba(8,44,89,.96),rgba(8,44,89,.7) 40%,transparent 75%),url("/assets/web/workshop-banner-v1-1279.webp")!important}}

@media(min-width:651px){.page-heading.creek-heading{background-size:100% 100%,auto 100%!important}}

@media(min-width:651px){.page-heading.creek-heading{background-color:#082c59!important;background-image:linear-gradient(90deg,#082c59 0%,#082c59 30%,rgba(8,44,89,.85) 38%,rgba(8,44,89,.1) 60%,transparent 75%),url('/assets/copper-wheel-closeup-v3.webp')!important}}

/* Keep Maya's artwork stable when the answer expands. */
@media(min-width:761px){.home-rock-art{height:530px;min-height:530px;align-self:start}.home-rock-grid{align-items:start}}


/* Rest the rear heels on the yellow banner baseline. */
.banner-inner>.grownups-gus{bottom:-31px}


/* Let Gus step across the banner border, without a shadow. */
.page-heading.grownups-heading{overflow:visible;position:relative;z-index:1}
.grownups-heading .banner-inner{overflow:visible}
.banner-inner>.grownups-gus{z-index:4;filter:none}


/* Match Gus's foreground treatment on Watch. */
.page-heading.episode-heading{overflow:visible;position:relative;z-index:1}
.episode-heading .banner-inner{overflow:visible}
.banner-inner>.watch-dan{z-index:4;filter:none}


.banner-inner>.watch-dan{bottom:-36px}


/* Lucy's scoop overlaps the border; other crew keep their existing crop. */
.crew-welcome{overflow:visible;position:relative;z-index:1;clip-path:inset(-1000px 0 -45px 0)}
.crew-welcome .banner-inner{overflow:visible}
.crew-grounded{position:absolute;inset:0;overflow:hidden}
.crew-welcome .hero-team .team-lucy{height:60%;bottom:-5%;z-index:1}
.crew-grounded{z-index:2}

/* Preserve Hugo tyres outside the human crew crop. */
.crew-welcome .hero-team .team-hugo{height:116%;left:75%;bottom:-9%;z-index:0}

.crew-welcome{overflow-x:clip;overflow-y:visible}
.crew-welcome .hero-team .team-hugo{left:73%}


/* Align Hugo's rear tyre with the border and overlap the nearer tyre. */
.crew-welcome .hero-team .team-hugo{bottom:-12%}


/* Full-body Gus replaces the workshop/table portrait in the crew group. */
.crew-welcome .hero-team .team-gus{height:100%;bottom:-38%;left:27.5%}

/* Human crew ordered Dan, Maya, Jin, Gus, grouped toward Lucy. */
.crew-welcome .hero-team .team-dan{left:29%}
.crew-welcome .hero-team .team-maya{left:40%}
.crew-welcome .hero-team .team-jin{left:49.5%}
.crew-welcome .hero-team .team-gus{left:59%;height:94%;bottom:-35%}


/* Balance apparent head scale and standing height across the human crew. */
.crew-welcome .hero-team .team-jin{height:96%;bottom:-32%}
.crew-welcome .hero-team .team-gus{height:90%;bottom:-29%}


/* A coherent waving group, with Lucy alongside. */
.crew-welcome .hero-team .intro-group{height:96%;width:auto;left:68%;bottom:0;z-index:2}
.crew-welcome .hero-team .intro-lucy{height:64%;width:auto;left:28%;bottom:-5%;transform:translateX(-50%) scaleX(-1);z-index:1}

.crew-welcome .hero-team .intro-lucy{left:36%}


/* Larger Maya and a direct invitation to continue the discovery. */
.home-rock-maya{width:94%;height:124%;bottom:-18%;left:-4%}
.home-rock-invitation{font-size:18px;line-height:1.45;color:#082c59;margin:20px 0}
@media(max-width:760px){.home-rock-maya{width:88%;height:122%;bottom:-17%;left:-3%}}

.home-rock-maya{bottom:-24%}
@media(max-width:760px){.home-rock-maya{bottom:-23%}}


@media(min-width:761px){.home-rock-grid{align-items:stretch}.home-rock-art{height:auto;align-self:stretch}}

/* Keep scenery on the same bounded stage as the characters on wide displays. */
@media(min-width:1001px){
 .episode-heading{--scene:url("/assets/web/crew-room-banner-v1-1279.webp")}
 .grownups-heading{--scene:url("/assets/web/workshop-banner-v1-1279.webp")}
 .crew-welcome,.home-world{--scene:url("/assets/web/copper-creek-intro-source-1279.webp")}
 .creek-heading{--scene:url('/assets/copper-wheel-closeup-v3.webp')}
 .rd-field-hero{--scene:url('/assets/rd-field-v2.webp')}
 .activity-hero{--scene:url("/assets/web/activities-banner-v1-1279.webp")}
 .page-heading.watch-heading,.crew-welcome,.home-world,.rd-field-hero,.activity-hero.wrap{
  position:relative;isolation:isolate;background:#082c59!important;
 }
 .page-heading.watch-heading::before,.crew-welcome::before,.home-world::before,.rd-field-hero::before,.activity-hero::before{
  content:'';position:absolute;z-index:-1;pointer-events:none;inset:0;
  width:min(100%,1440px);height:100%;margin-inline:auto;
  background:linear-gradient(90deg,#082c59 0%,rgba(8,44,89,.85) 28%,rgba(8,44,89,.12) 60%,transparent 80%),var(--scene) center bottom/cover no-repeat;
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 90%,transparent);
 }
 .activity-hero-art{max-width:1280px;margin-inline:auto}
 .home-rock-grid{max-width:1440px;margin-inline:auto}
}