:root{color-scheme:dark;--bg:#202122;--panel:#2b2c2c;--ink:#f2eee5;--muted:#c2beb6;--gold:#d6b574;--line:#ffffff29}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}header{height:98px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Georgia,'Times New Roman',serif;font-size:25px;letter-spacing:2px}.brand img{object-fit:cover;border-radius:50%}nav{display:flex;gap:35px;font-size:14px}nav a{transition:color .2s}nav a:hover{color:var(--gold)}.nav-gold{color:var(--gold)}.nav-gold span{margin-left:13px}.hero{min-height:720px;max-height:1000px;height:calc(100svh - 98px);position:relative;padding:75px 7% 95px;display:flex;align-items:center;overflow:hidden}.hero-copy{z-index:1;position:relative;width:57%}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2.8px;text-transform:uppercase;color:var(--gold);margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08}h1{font-size:clamp(64px,6.7vw,110px);letter-spacing:-3.5px;margin-bottom:25px}em{font-weight:400;color:var(--gold)}.intro{color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:32px}.button{display:inline-flex;gap:45px;align-items:center;background:var(--gold);color:#111;padding:16px 24px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#edcf95;transform:translateY(-2px)}.hero-art{position:absolute;right:1%;top:3%;width:54%;height:90%;display:flex;align-items:center;justify-content:center}.hero-art img{width:100%;height:100%;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 17%,#000 92%,transparent);opacity:.93}.art-caption{position:absolute;bottom:3%;font-size:10px;letter-spacing:4px;color:#c3ac84}.hero-bottom{position:absolute;bottom:27px;left:7%;right:7%;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:2px}.hero-bottom a{letter-spacing:0;font-size:13px}.hero-bottom a span{margin-left:25px}.section{padding:100px 7%;scroll-margin-top:20px}.worlds{border-top:1px solid var(--line)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:42px;gap:50px}.section-head h2{font-size:58px;letter-spacing:-2px;margin:0}.section-head>p{max-width:340px;color:var(--muted);margin:0 0 5px;font-size:16px}.collection{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.world{grid-column:span 2;padding:30px;min-height:370px;display:flex;flex-direction:column;border:1px solid var(--line);background:var(--panel);position:relative;overflow:hidden;scroll-margin-top:30px;transition:border-color .25s}.world:hover{border-color:#d6b57475}.card-top{display:flex;justify-content:space-between;gap:20px;position:relative;z-index:1}.number{font-size:10px;letter-spacing:1.8px;color:#aaa69d}.category{font-size:12px;color:var(--gold)}.world h3{font-size:40px;margin:48px 0 20px;letter-spacing:-1px}.world p{font-size:16px;color:#d1cdc5;line-height:1.7;max-width:340px}.card-foot{margin-top:auto;padding-top:25px;font-size:12px;letter-spacing:.3px;color:#bdb8af}.tv{grid-column:span 6;min-height:295px;background:#30302c}.tv-layout{display:flex;align-items:center;justify-content:space-between;gap:30px}.tv h3{font-size:57px;margin-top:30px}.tv p{max-width:390px;margin-bottom:0}.big-type{font-family:Georgia,serif;font-size:180px;line-height:1;color:#d6b574;letter-spacing:-10px;opacity:.8;padding-right:5%}.kids{background:#283936}.kids em{color:#abcdbb}.teens{background:#2e3040}.teens em{color:#bcc2ed}.toons{background:#3c3025}.toons em{color:#e8bd79}.tales,.dark{grid-column:span 3;min-height:360px}.tales{background:#363027}.tales h3{font-size:44px;margin-top:35px}.tales h3 span{font-size:27px}.dark{background:#342b37}.dark em{color:#cbb2ce}.dark h3{font-size:44px;margin-top:35px}.studio{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:60px;padding-bottom:60px}.studio-logo img{display:block;width:100%;height:auto;max-height:510px;object-fit:contain}.studio h2{font-size:65px;letter-spacing:-2px;margin-bottom:28px}.studio-copy>p:not(.eyebrow){color:var(--muted);max-width:420px}.studio-copy .studio-lead{color:var(--ink)!important;font-size:21px;margin-bottom:15px}.studio-label{display:inline-block;margin-top:20px;border-top:1px solid var(--line);padding-top:22px;letter-spacing:2px;font-size:10px;color:var(--gold)}.about{text-align:center;max-width:1050px;margin:auto;padding-top:110px;padding-bottom:110px}.about h2{font-size:60px;letter-spacing:-2px;margin-bottom:28px}.about>p:not(.eyebrow){max-width:630px;margin-left:auto;margin-right:auto;color:var(--muted)}.about .closing{font-family:Georgia,serif;font-style:italic;font-size:24px;color:var(--gold)!important;margin-top:40px;margin-bottom:0}footer{border-top:1px solid var(--line);padding:45px 7% 25px}.footer-top{display:flex;align-items:center;justify-content:space-between}.back{font-size:13px;color:var(--muted)}.footer-worlds{display:flex;flex-wrap:wrap;gap:14px 28px;margin:30px 0 42px;color:#c0bcb4;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;color:#b7b2a9;font-size:12px}.skip{position:absolute;left:20px;top:-100px;z-index:10;padding:15px;background:var(--gold);color:black}.skip:focus{top:15px}@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{min-height:850px}}@media(max-width:900px){header{height:82px}.brand{font-size:21px}nav{gap:22px}.hero{height:auto;min-height:720px;padding-top:70px}.hero-art{right:-7%;width:63%;opacity:.75}.hero-copy{width:70%}h1{font-size:78px}.section{padding:70px 6%}.section-head h2{font-size:46px}.section-head>p{max-width:280px}.world{grid-column:span 3;padding:25px}.tv{grid-column:span 6}.toons{grid-column:span 6;min-height:300px}.studio{gap:5%}.studio h2{font-size:50px}.about h2{font-size:50px}}@media(max-width:600px){header{margin:0 6%;height:78px}.brand{font-size:19px;gap:4px;letter-spacing:1px}.brand img{width:38px;height:38px}header nav{gap:0}header nav a{font-size:13px}header nav a:not(:first-child){display:none}.hero{min-height:850px;display:block;padding:46px 7% 65px}.hero-copy{width:100%}.eyebrow{font-size:10px;letter-spacing:1.8px;margin-bottom:20px}h1{font-size:64px;letter-spacing:-2.7px;line-height:1.07}.intro{font-size:15px;max-width:330px;margin-bottom:23px}.desktop{display:none}.button{padding:14px 20px}.hero-art{width:280px;height:294px;top:auto;bottom:55px;right:calc(50% - 140px);opacity:1}.hero-art img{mask-image:none}.art-caption{display:none}.hero-bottom{bottom:22px;font-size:9px;letter-spacing:1.2px}.hero-bottom a{font-size:11px}.hero-bottom a span{margin-left:8px}.section{padding:60px 6%}.section-head{display:block;margin-bottom:30px}.section-head h2{font-size:44px;margin-bottom:22px}.section-head>p{max-width:none;font-size:15px}.collection{display:block}.world{margin-bottom:16px;min-height:330px;padding:25px}.world h3{font-size:43px;margin-top:38px}.tv{min-height:330px}.tv .card-top{display:block}.category{display:block;margin-top:10px}.tv h3{font-size:43px}.tv-layout{display:block}.big-type{display:none}.world p{max-width:none}.tales h3 span{font-size:25px}.dark .card-top{display:block}.studio{display:flex;flex-direction:column-reverse;gap:20px}.studio-copy{width:100%}.studio h2{font-size:52px}.studio-logo{max-width:300px}.studio-logo img{max-height:310px}.about h2{font-size:42px;letter-spacing:-1.4px}.about .closing{font-size:22px}.footer-top{align-items:flex-start;gap:20px;flex-direction:column}.footer-worlds{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:12px}.footer-bottom{flex-direction:column;gap:10px}.back{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Story artwork is isolated and clipped to its own card. */
.world,.studio{isolation:isolate;overflow:hidden;position:relative}
.world::before,.studio::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--story-art);background-repeat:no-repeat;background-position:center right;background-size:cover;opacity:.32;filter:saturate(.75);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 55%);mask-image:linear-gradient(90deg,transparent 0%,#000 55%);}
.tv{--story-art:url('/assets/story-tv.webp')}
.kids{--story-art:url('/assets/story-kids.webp')}
.teens{--story-art:url('/assets/story-teens.webp')}
.toons{--story-art:url('/assets/story-toons.webp')}
.tales{--story-art:url('/assets/story-tales.webp')}
.dark{--story-art:url('/assets/story-after-dark.webp')}
.studio{--story-art:url('/assets/story-studios.webp')}
.tv::before{background-size:auto 145%;opacity:.35}
.studio::before{background-size:auto 100%;opacity:.24}
.tv .big-type{opacity:.32}
@media(max-width:600px){.world::before{background-size:cover;background-position:65% center;opacity:.29}.tv::before{background-size:cover}.studio::before{background-size:auto 65%;background-position:top right;opacity:.21}}

/* Blend the original dark-backed brand artwork into the charcoal surfaces. */
.hero-art img,.brand img,.studio-logo img{mix-blend-mode:screen}
.studio{background-color:#272829}

/* Present the supplied emblems without circular badges or excess image padding. */
.brand .brand-mark{position:relative;display:block;width:48px;height:54px;flex:0 0 48px;overflow:hidden;mix-blend-mode:screen}
.brand .brand-mark img{position:absolute;left:-15px;top:-13px;width:80px;height:auto;max-width:none;border-radius:0;object-fit:contain;mix-blend-mode:normal}
.studio-logo{width:100%;max-width:480px;justify-self:center;text-align:center}
.studio-logo-art{width:100%;aspect-ratio:1224 / 770;overflow:hidden;mix-blend-mode:screen}
.studio-logo .studio-logo-art img{width:100%;height:auto;max-height:none;object-fit:contain;transform:translateY(-15.56%);mix-blend-mode:normal}
.studio-logo .studio-logo-slogan{font-family:Georgia,'Times New Roman',serif;font-size:clamp(14px,1.5vw,20px);letter-spacing:1px;color:var(--ink);margin:12px 0 0;line-height:1.5}
@media(max-width:600px){.brand .brand-mark{width:38px;height:43px;flex-basis:38px}.brand .brand-mark img{width:64px;left:-12px;top:-10px}.studio-logo{max-width:300px}.studio-logo .studio-logo-slogan{letter-spacing:.3px;font-size:14px}}
/* Cinematic color remains inside the hero's text-side panel. */
.hero::before{content:"";position:absolute;inset:0 48% 0 0;background:url('/assets/hero-story.webp') center right / cover no-repeat;opacity:.48;pointer-events:none;mask-image:linear-gradient(90deg,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent 100%)}
.hero-bottom{z-index:1}
@media(max-width:900px){.hero::before{right:38%}}
@media(max-width:600px){.hero::before{inset:0 0 auto;height:570px;max-height:67%;opacity:.38;mask-image:linear-gradient(180deg,#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 65%,transparent 100%)}}
/* Keep the Studios copy clear of the artwork transition. */
.studio::before{left:50%;background-size:cover;background-position:center right;mask-image:linear-gradient(90deg,transparent 0%,#000 45%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 45%)}
.studio-copy{position:relative;z-index:1;min-width:0;padding-left:clamp(16px,2vw,32px)}
@media(max-width:600px){.studio::before{left:0;background-size:auto 65%;mask-image:linear-gradient(90deg,transparent 0%,#000 65%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 65%)}.studio-copy{padding-left:0}}