/* Studio-wide composition. Game artwork keeps its own identity inside each panel. */
.studio-hero{background:#233b31;color:var(--paper);position:relative;isolation:isolate;overflow:hidden}
.studio-hero:before{content:'';position:absolute;inset:0;background:url('assets/paper-tracks.svg') center/400px;opacity:.08;z-index:-1}
.studio-hero-layout{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:42px;min-height:650px;padding-block:60px 70px}
.studio-hero-copy .kicker{font-size:10px;letter-spacing:1.5px;color:var(--yellow);margin-bottom:26px}
.studio-hero-copy h1{font-size:clamp(54px,5.7vw,82px);line-height:.98;letter-spacing:-3.8px}
.studio-hero-copy h1>span{display:block;color:var(--yellow);font-size:.76em;line-height:1.08;margin-top:13px;letter-spacing:-2.8px}
.studio-hero-copy>p:not(.kicker){max-width:385px;font-size:15px;line-height:1.85;color:#e0e4cf;margin-top:27px}
.studio-hero-copy .button{margin-top:29px;font-size:12px;padding:14px 21px}
.world-collage{height:480px;position:relative;min-width:0}
.world-window{position:absolute;background:var(--paper);border:8px solid var(--paper);box-shadow:0 15px 30px #091c254a;transition:transform .2s;width:83%;border-radius:3px}
.world-window>img{width:100%;height:auto;aspect-ratio:1.82;object-fit:cover}
.world-window>span{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--ink);font:700 15px var(--display);padding:11px 4px 5px}
.world-window small{font:600 7px var(--body);letter-spacing:.8px;white-space:nowrap}
.club-window{top:12px;right:-7px;transform:rotate(5deg)}
.club-window{display:flex;flex-direction:column}
.club-window>span{order:-1;padding:5px 4px 11px}
.monsters-window{bottom:12px;left:-5px;transform:rotate(-7deg)}
.club-window:hover,.club-window:focus-visible{transform:rotate(2deg) translateY(-4px);z-index:3}
.monsters-window:hover,.monsters-window:focus-visible{transform:rotate(-3deg) translateY(-4px);z-index:3}
.takeover-sticker{position:absolute;right:-25px;bottom:-3px;width:160px;height:180px;background:#a7472b;border:3px solid var(--paper);border-radius:50% 50% 12% 12%;transform:rotate(9deg);box-shadow:0 8px 20px #091c2540;display:flex;align-items:start;justify-content:center;padding:20px 6px}
.takeover-sticker>img:first-child{position:relative;z-index:1;width:100%;height:auto}
.takeover-sticker>.sticker-penguin{position:absolute;height:125px;width:125px;object-fit:contain;bottom:-5px;right:12px}
.project-index{background:#e8e5d1;border-bottom:1px solid #283c3226}
.project-index-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:27px;gap:25px}
.project-index a{display:flex;align-items:center;gap:15px;min-width:0;padding:6px 0}
.project-index a+a{border-left:1px solid #283c3226;padding-left:25px}
.project-index a>span:nth-child(2){flex:1;min-width:0}
.project-index .project-count{color:var(--orange-dark);font:600 12px var(--display)}
.project-index strong{font:700 18px/1.2 var(--display);display:block;letter-spacing:-.5px}
.project-index small{display:block;font-size:8px;letter-spacing:.5px;margin-top:8px;line-height:1.6}
.project-index a>span:last-child{font-size:22px;color:var(--orange-dark)}
.project-index a:hover strong{text-decoration:underline;text-underline-offset:4px}
.games-layout{grid-template-columns:.8fr 1.2fr;gap:90px}
.games-intro h2{font-size:58px;line-height:1.02;letter-spacing:-2.8px}
.games-intro>p:not(.kicker){font-size:14px}
.game-selectors{display:flex;flex-wrap:wrap;gap:6px 17px}
.game-selectors>button{font-size:11px;min-height:38px;line-height:1.35}
.carousel-controls{align-items:start}
.slide-number{padding-top:10px}
.club-slide-art{background:#0b3248}
.club-slide-art:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(0deg,#08263be6,transparent 80%);pointer-events:none}
.club-slide-art>.slide-landscape{object-position:center 42%}
.club-logo{position:absolute;bottom:19px;left:20px;width:57%;height:auto;z-index:1;filter:drop-shadow(0 2px 5px #08263b99)}
.club-slide-art .art-note{z-index:2}
.studio-seal{margin-inline:auto;border:1px solid #dce2c04a;border-radius:48% 48% 45% 45%;width:min(100%,355px);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-5deg);background:#f4f0df06;outline:1px dashed #dce2c033;outline-offset:13px}
.studio-seal>.kicker{color:var(--yellow);font-size:9px;margin-bottom:22px}
.studio-seal>img{width:108px;height:118px;object-fit:contain}
.seal-brand{font:800 47px/1 var(--display);letter-spacing:-2px;margin-top:15px}
.seal-brand>span{font-weight:500}
.seal-caption{font-size:9px;letter-spacing:2px;margin-top:19px;color:#d8dfbf}
.studio-copy>p:not(.kicker){font-size:14px}
.studio-signoff{font-size:11px;line-height:1.7}
.development-section{padding-block:90px}
.development-section>.section-wrap>.section-heading h2{font-size:46px;max-width:650px}
.section-heading>p{font-size:13px}
.club-feature{display:grid;grid-template-columns:1.2fr 1fr;background:#fffdf0;border:1px solid #dedac9;border-radius:5px;overflow:hidden;box-shadow:0 10px 30px #283c3210}
.club-feature-art{display:flex;flex-direction:column;background:#103c53;min-width:0}
.club-feature-art>img{width:100%;height:100%;object-fit:cover;aspect-ratio:1.55}
.club-feature-art>span{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#f5f1df;font-size:8px;letter-spacing:.6px;padding:11px 17px}
.club-feature-art b{font-size:19px;line-height:1}
.club-feature-copy{padding:40px;align-self:center}
.club-feature-copy .kicker{color:var(--orange-dark);font-size:9px;margin-bottom:19px}
.club-feature-copy h3{font-size:44px;line-height:1.05;letter-spacing:-1.8px;margin-bottom:22px}
.club-feature-copy>p:not(.kicker){font-size:13px;line-height:1.85;color:var(--muted)}
.club-feature-copy>.feature-note{font-size:11px!important;margin-top:12px}
.club-feature-copy>.small-link{margin-top:22px;font-size:12px;min-height:38px}
.creature-showcase{padding-top:65px;margin-top:65px;border-top:1px solid #283c3226;scroll-margin-top:30px}
.creature-lineup{max-width:1000px;margin-inline:auto;gap:40px}
.creature-lineup figure{min-width:0}
.creature-lineup figcaption{font-size:17px}
.section-note{font-size:11px}
.first-look .section-heading h2{font-size:39px;max-width:620px}
.updates-copy>p{font-size:14px}
.updates-copy>p+p{font-size:12px}
.updates-layout h2{font-size:56px}
.footer-bottom{font-size:10px}
#image-caption{font-size:15px;line-height:1.5}
@media(min-width:1600px){.studio-hero-layout{min-height:710px}.world-collage{height:490px}}
@media(max-width:1150px){
  .studio-hero-layout{min-height:590px;gap:25px;padding-block:60px}
  .studio-hero-copy h1{font-size:65px}
  .studio-hero-copy h1>span{font-size:.7em}
  .studio-hero-copy .kicker{font-size:8px}
  .studio-hero-copy>p:not(.kicker){font-size:13px;max-width:330px}
  .world-collage{height:400px}.world-window{border-width:6px;width:90%}
  .world-window>span{font-size:12px}.world-window small{font-size:6px}
  .takeover-sticker{width:130px;height:145px;bottom:-15px;right:-12px}
  .takeover-sticker>.sticker-penguin{width:100px;height:100px}
  .project-index-layout{gap:17px}.project-index a{gap:10px}.project-index a+a{padding-left:17px}
  .project-index strong{font-size:16px}.project-index small{font-size:7px}
  .games-layout{gap:60px}.games-intro h2{font-size:47px}
  .game-selectors{gap:4px 12px}.game-selectors>button{font-size:10px}
  .club-feature-copy{padding:30px}.club-feature-copy h3{font-size:36px}
  .studio-seal{width:290px}.studio-seal>img{width:90px;height:100px}.seal-brand{font-size:39px}
}
@media(max-width:900px){
  .studio-hero-layout{min-height:540px;grid-template-columns:1fr 1fr;gap:20px}
  .studio-hero-copy h1{font-size:55px;letter-spacing:-2.4px}.studio-hero-copy h1>span{letter-spacing:-1.8px}
  .world-collage{height:345px}.world-window{width:96%}.world-window>span{font-size:10px}.world-window small{font-size:5px}
  .takeover-sticker{width:110px;height:125px;right:-10px;bottom:-25px;padding-top:17px}.takeover-sticker>.sticker-penguin{width:86px;height:86px;right:7px}
  .project-index-layout{gap:14px;padding-block:20px}.project-index a{gap:8px}.project-index a+a{padding-left:14px}.project-count{display:none}.project-index strong{font-size:15px}
  .games-layout{gap:40px}.games-intro h2{font-size:42px}.games-intro>p:not(.kicker){font-size:12px}
  .game-selectors{gap:4px 13px}.game-selectors>button{font-size:10px}.slide-caption h3{font-size:19px}
  .studio-seal{width:240px}.studio-seal>.kicker{font-size:7px}.studio-seal>img{width:70px;height:78px}.seal-brand{font-size:34px}.seal-caption{font-size:7px}
  .studio-copy>p:not(.kicker){font-size:12px}.studio-signoff{font-size:10px}
  .development-section>.section-wrap>.section-heading h2{font-size:38px}.section-heading>p{font-size:12px}
  .club-feature{grid-template-columns:1fr 1fr}.club-feature-art>img{aspect-ratio:auto}.club-feature-art>span{font-size:6px;padding:11px}
  .club-feature-copy{padding:25px}.club-feature-copy h3{font-size:31px}.club-feature-copy>p:not(.kicker){font-size:12px}
  .club-feature-copy>.small-link{font-size:10px;gap:12px}.club-feature-copy .kicker{font-size:7px}
  .first-look .section-heading h2{font-size:34px}.updates-layout h2{font-size:47px}
}
@media(max-width:680px){
  .studio-hero-layout{grid-template-columns:1fr;gap:35px;padding-block:51px 57px;min-height:0}
  .studio-hero-copy h1{font-size:61px;letter-spacing:-3px}.studio-hero-copy h1>span{font-size:.72em;letter-spacing:-2px;margin-top:11px}
  .studio-hero-copy .kicker{font-size:8px;letter-spacing:1.1px;margin-bottom:22px}
  .studio-hero-copy>p:not(.kicker){font-size:14px;max-width:420px;margin-top:24px}
  .studio-hero-copy .button{margin-top:23px;font-size:11px}
  .world-collage{width:min(100%,440px);height:380px;margin-inline:auto}
  .world-window{width:87%}.club-window{top:4px;right:0}.monsters-window{bottom:15px;left:0}
  .world-window>span{font-size:12px;padding-top:9px}.world-window small{font-size:6px}
  .takeover-sticker{right:-2px;bottom:-8px;width:115px;height:135px}.takeover-sticker>.sticker-penguin{width:95px;height:95px}
  .project-index-layout{grid-template-columns:1fr;gap:0;padding-block:9px}
  .project-index a{padding-block:17px;gap:14px}.project-index a+a{border-left:0;border-top:1px solid #283c3226;padding-left:0}
  .project-index .project-count{display:block}.project-index strong{font-size:18px}.project-index small{font-size:8px;margin-top:5px}
  .games-layout{grid-template-columns:1fr;gap:35px}.games-intro h2{font-size:49px}.games-intro h2 br{display:block!important}
  .games-intro>p:not(.kicker){font-size:14px}
  .carousel-controls{padding-inline:0;gap:12px}.game-selectors{gap:2px 15px;max-width:260px}.game-selectors>button{font-size:11px;min-height:40px}
  .club-logo{width:68%;left:12px;bottom:20px}.club-slide-art .art-note{font-size:6px}
  .studio-seal{width:250px;margin-top:15px;margin-bottom:10px;order:2}.studio-seal>img{width:75px;height:83px}
  .studio-copy>p:not(.kicker){font-size:14px}.studio-signoff{font-size:11px}
  .development-section{padding-block:60px}.development-section>.section-wrap>.section-heading h2{font-size:38px}
  .club-feature{grid-template-columns:1fr}.club-feature-art>img{height:auto;aspect-ratio:1.6}.club-feature-art>span{font-size:7px;padding:12px}
  .club-feature-copy{padding:28px 25px 30px}.club-feature-copy .kicker{font-size:8px}.club-feature-copy h3{font-size:39px}
  .club-feature-copy>p:not(.kicker){font-size:14px}.club-feature-copy>.small-link{font-size:12px}
  .creature-showcase{padding-top:42px;margin-top:45px}.creature-lineup{gap:27px 20px}.section-note{font-size:10px}
  .first-look .section-heading h2{font-size:34px}.section-heading>p{font-size:12px}
  .updates-layout h2{font-size:49px}.updates-copy{padding-right:0}.updates-copy>p{font-size:14px}.updates-copy>p+p{font-size:12px}
  .footer-bottom{font-size:9px}
}
@media(max-width:370px){.studio-hero-copy h1{font-size:55px}.studio-hero-copy h1>span{font-size:.72em}.world-collage{height:335px}.world-window>span{font-size:10px}.world-window small{font-size:5px}.games-intro h2{font-size:45px}.game-selectors{gap:2px 12px}.game-selectors>button{font-size:10px}}