/* Main welcome wordmarks only. Section titles retain their original design. */
@media screen {
 body header.hero.art-refreshed .hero-grid {width:min(1400px,94vw);margin-inline:auto}
 body header.hero.art-refreshed .hero-copy {transform:translateY(clamp(-160px,-17svh,-80px))}
 body header.hero.art-refreshed .hero-copy > h1.oz-brand {
  grid-template-columns:minmax(0,440px) 70px minmax(0,570px);gap:16px;justify-content:center;text-align:center;
 }
 body header.hero.art-refreshed .oz-title-line {
  box-sizing:border-box;min-inline-size:0;padding:0;border:0;border-radius:0;box-shadow:none;background:none;
  color:#fff0aa;-webkit-text-fill-color:#fff0aa;
  -webkit-text-stroke:3px #123e2b;paint-order:stroke fill;
  text-shadow:-3px -3px 0 #123e2b,3px -3px 0 #123e2b,-3px 3px 0 #123e2b,3px 3px 0 #123e2b,0 -4px 0 #123e2b,0 5px 0 #123e2b,0 8px 0 #123e2b,0 11px 4px #10312199;
  filter:none;
 }
 body header.hero.art-refreshed :is(.lost-word,.lost-oz,.guardians-word,.guardians-of-oz) {
  /* An opaque gold face paints above its emerald shadow; clipped transparent
     lettering allowed the shadow to cover the gold and read as dark green. */
  background:none;-webkit-background-clip:border-box;background-clip:border-box;
  color:#fff0aa;-webkit-text-fill-color:#fff0aa;
 }
 body header.hero.art-refreshed .oz-title-lost,body header.hero.art-refreshed .oz-title-guardians {width:100%;max-width:none}
 body header.hero.art-refreshed .lost-word {font-size:150px}
 body header.hero.art-refreshed .lost-oz {font-size:180px}
 body header.hero.art-refreshed .guardians-word {font-size:88px}
 body header.hero.art-refreshed .guardians-of-oz {font-size:168px}
 body header.hero.art-refreshed .oz-title-join {
  justify-self:center;box-sizing:border-box;max-width:100%;padding:0;border:0;border-radius:0;box-shadow:none;background:none;
  color:#fff4cd;-webkit-text-fill-color:#fff4cd;-webkit-text-stroke:1px #123e2b;
  text-shadow:-1px -1px 0 #fffbe5,1px -1px 0 #fffbe5,0 3px 0 #123e2b; font-size:32px;line-height:1.1;white-space:normal;
 }
 body header.hero.art-refreshed .welcome-title-spark,
 body header.hero.art-refreshed .oz-title-line::before,
 body header.hero.art-refreshed .oz-title-line::after {display:none!important}
}
@media screen and (max-width:1200px) {
 body header.hero.art-refreshed .hero-copy > h1.oz-brand {grid-template-columns:minmax(0,1fr);gap:8px}
 body header.hero.art-refreshed .hero-copy {transform:translateY(clamp(-115px,-13svh,-48px))}
 body header.hero.art-refreshed .oz-title-line {-webkit-text-stroke:2px #123e2b;text-shadow:-2px -2px 0 #123e2b,2px -2px 0 #123e2b,-2px 2px 0 #123e2b,2px 2px 0 #123e2b,0 4px 0 #123e2b,0 7px 3px #10312199}
 body header.hero.art-refreshed .oz-title-lost {width:min(244px,100%)}
 body header.hero.art-refreshed .oz-title-guardians {width:min(392px,100%)}
 body header.hero.art-refreshed .lost-word {font-size:clamp(72px,20vw,88px)}
 body header.hero.art-refreshed .lost-in {font-size:28px}
 body header.hero.art-refreshed .lost-oz {font-size:clamp(82px,22vw,96px)}
 body header.hero.art-refreshed .guardians-word {font-size:clamp(36px,10vw,44px);white-space:normal;overflow-wrap:anywhere}
 body header.hero.art-refreshed .guardians-of-oz {font-size:clamp(76px,20vw,90px)}
 body header.hero.art-refreshed .oz-title-join {font-size:22px;padding:0}
}

@media screen and (max-width:700px) {
 /* Keep the stacked wordmark in the sky, above the first row of characters. */
 body header.hero.art-refreshed .hero-copy {transform:translateY(calc(clamp(-115px,-13svh,-48px) - 64px))}
}

@media screen and (max-width:360px) {
 body header.hero.art-refreshed .lost-word {font-size:64px}
 body header.hero.art-refreshed .lost-in {font-size:24px}
 body header.hero.art-refreshed .lost-oz {font-size:72px}
 body header.hero.art-refreshed .guardians-word {font-size:32px}
 body header.hero.art-refreshed .guardians-of-oz {font-size:64px}
}

@media screen and (max-width:1000px) {
 /* All five cast rows need actual room, independent of the phone's height. */
 body header.hero.art-refreshed {height:max(1200px,calc(100svh - var(--oz-menu-height,78px)))}
 body header.hero.art-refreshed #hero-company {height:800px;max-height:none;bottom:24px}
 body header.hero.art-refreshed .hero-grid {justify-content:flex-start;padding-top:24px}
 body header.hero.art-refreshed .hero-copy {transform:none}
}