/* Studio launch styling. */
body.studio-home{background-color:#08131b;background-image:linear-gradient(90deg,#08131bba,#08131be8 50%,#08131b99),url('hero.png');background-position:center;background-size:cover;background-attachment:fixed}
.studio-home main{max-width:1600px;margin:auto;background:linear-gradient(90deg,#08131b55,#08131ba6,#08131b55);border-inline:1px solid #b28a3f30;box-shadow:0 0 65px #0007}
body.studio-home .bar{max-width:1600px;margin:12px auto 0;padding:10px 34px;border:3px solid #9d7438;border-radius:10px 10px 3px 3px;background:radial-gradient(circle at 12px 12px,#1a1109 0 2px,#dfbb70 3px,#6c4924 5px,transparent 6px),radial-gradient(circle at calc(100% - 12px) 12px,#1a1109 0 2px,#dfbb70 3px,#6c4924 5px,transparent 6px),linear-gradient(#26343b,#101d25 45%,#0b151d 50%,#263139);box-shadow:inset 0 0 0 2px #392a17,0 5px 18px #0008}
body.studio-home .bar nav{gap:8px;font-family:Georgia,serif;font-style:normal}
body.studio-home .bar nav a{padding:10px 18px;border:1px solid #9e7942;border-radius:4px;background:linear-gradient(#26343a,#101b22);color:#f3cd87;box-shadow:inset 0 1px #e7cd9255}
.studio-home .wrap{max-width:1370px;padding:48px 30px}
body.studio-home .studio-hero{min-height:440px;gap:45px;background:radial-gradient(ellipse at 5% 55%,#923e142b,transparent 60%)}
body.studio-home .brand-art{transform:scale(1.2)}
body.studio-home .studio-hero h1{font-size:clamp(38px,4.1vw,66px)}
body.studio-home .eyebrow{color:#edbb71;letter-spacing:3px}
.studio-home #games{border-top:1px solid #bd945b66}
body.studio-home #games>h2{font-size:clamp(30px,3.2vw,48px);margin:14px 0 28px;text-shadow:0 2px 5px #000}
body.studio-home .featured{grid-template-columns:1.25fr 1fr;align-items:center;gap:12px;overflow:visible;border:0}
body.studio-home .featured>img{min-height:330px;border:2px solid #99723b;border-radius:5px;box-shadow:0 12px 32px #0008;aspect-ratio:16/9;object-fit:cover}
body.studio-home .featured-copy{padding:26px 36px}
body.studio-home .featured-copy h2{font-size:clamp(36px,4vw,58px);margin:14px 0}
.studio-home .featured-copy p{font-size:17px;line-height:1.8;color:#e0e5e5;text-shadow:0 2px 4px #000}
.studio-home .tiles{gap:24px;margin-top:45px}
body.studio-home .tiles article{padding:22px;border:1px solid #98733d88;border-image:none;border-radius:5px;background:linear-gradient(130deg,#122630da,#091720d9);box-shadow:inset 0 1px #e7cd9225}
body.studio-home .tiles h3{font:700 23px/1.25 Georgia,serif;color:#efc47e;margin:5px 0 16px}
.studio-home .tiles p{color:#c2d0d6;line-height:1.8;margin-bottom:0}
.studio-home #news{border-top:1px solid #bd945b66;align-items:center;gap:50px;padding-block:45px 60px}
.studio-home #news h2,.studio-home #news h3{font-family:Georgia,serif;color:#efc47e}
body.studio-home .newsletter{border:1px solid #ad8548;background:linear-gradient(135deg,#132832ed,#091922ed);box-shadow:inset 0 0 0 3px #ad85481a;padding:30px}
.studio-home #news .button{border:1px solid #aa834b;background:linear-gradient(#293a42,#101d25);color:#f3cd87;font-family:Georgia,serif}
body.studio-home .foot{max-width:1600px;margin:auto;background:#09141ce8;border-color:#94703e;color:#c1cdd0}
.studio-home a:focus-visible{outline:3px solid #ffe0a0;outline-offset:4px}
@media(max-width:750px){body.studio-home{background-attachment:scroll}body.studio-home .bar{margin:6px;padding:12px;flex-wrap:wrap;justify-content:center;gap:10px}body.studio-home .bar nav{flex-wrap:wrap;justify-content:center}body.studio-home .bar nav a{padding:8px 12px}body.studio-home nav a:nth-child(2){display:block}.studio-home .wrap{padding:32px 22px}body.studio-home .studio-hero{gap:10px;min-height:0}body.studio-home .brand-art{transform:none;max-height:180px;object-fit:contain}body.studio-home .featured{grid-template-columns:1fr;gap:10px}body.studio-home .featured>img{min-height:0}body.studio-home .featured-copy{padding:20px 0}.studio-home .tiles{grid-template-columns:1fr;margin-top:20px}.studio-home #news{gap:25px}.studio-home .featured-copy p{font-size:16px}}
/* Requested studio colours: orange left, blue right across the whole page. */
body.studio-home{background-color:#09131c;background-image:radial-gradient(ellipse at 3% 20%,#a5441080,transparent 56%),radial-gradient(ellipse at 98% 30%,#00639b99,transparent 60%),linear-gradient(115deg,#2b160f,#101820 50%,#06273c);background-size:cover;background-position:center;background-attachment:fixed}
.studio-home main{background:transparent;border-inline:0;box-shadow:none}
body.studio-home .studio-hero{background:transparent}
@media(max-width:750px){body.studio-home{background-attachment:scroll}}

@media(max-width:750px){.studio-home .studio-hero>div{min-width:0}.studio-home .studio-hero h1{font-size:clamp(32px,8vw,52px);overflow-wrap:break-word}.studio-home .bar nav a{min-height:44px;display:inline-flex;align-items:center}.studio-home .bar .mark{max-width:100%}.studio-home .featured-copy .button,.studio-home #news .button{min-height:48px}.studio-home .foot{padding:24px 22px}.studio-home #news{grid-template-columns:1fr}.studio-home .newsletter{min-width:0}}

/* The supplied artwork fades independently of the foreground content. */
body.studio-home{position:relative;isolation:isolate;background:#08131b}
body.studio-home::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('studio-background.png') center center/cover no-repeat;opacity:.6}

/* Show the complete artwork and centre the simplified welcome. */
body.studio-home::before{background-size:contain;background-position:center center}
body.studio-home .studio-hero{display:flex;justify-content:center;text-align:center;min-height:390px}
body.studio-home .studio-hero>div{width:100%;max-width:1100px}
body.studio-home .studio-hero h1{max-width:none;font-size:clamp(26px,4.1vw,66px)}
body.studio-home .studio-hero h1 span{white-space:nowrap}
body.studio-home .studio-hero p{margin-inline:auto;max-width:660px}
@media(max-width:750px){body.studio-home .studio-hero{min-height:280px}body.studio-home .studio-hero h1{font-size:clamp(22px,5.4vw,40px)}}

/* Square artwork uses contain: its visible width is the smaller viewport dimension. */
body.studio-home .bar{width:min(100%,100vh);max-width:none;box-sizing:border-box;margin-inline:auto}
@supports(height:100dvh){body.studio-home .bar{width:min(100%,100dvh)}}

body.studio-home #games{border-top:0}
/* Keep the introductory copy clear against the detailed artwork. */
body.studio-home .studio-hero p{color:#fff4dc;font:600 clamp(17px,1.3vw,21px)/1.65 Arial,Helvetica,sans-serif;text-shadow:0 2px 4px #000,0 0 12px #000;max-width:700px}
body.studio-home #news,body.studio-home .foot{border-top:0}

/* One shared page width follows the complete square background. */
body.studio-home{--studio-width:min(100%,100vh)}
body.studio-home .bar,body.studio-home main,body.studio-home .foot{width:var(--studio-width);max-width:none;box-sizing:border-box;margin-inline:auto}
body.studio-home main>.wrap{width:100%;max-width:none;box-sizing:border-box;padding-inline:32px}
body.studio-home .featured{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px}
body.studio-home .featured>img{width:100%;min-height:0}
body.studio-home .featured-copy{padding:16px 0;min-width:0}
body.studio-home .foot{padding-inline:32px}
@supports(height:100dvh){body.studio-home{--studio-width:min(100%,100dvh)}}
@media(max-width:750px){body.studio-home main>.wrap,body.studio-home .foot{padding-inline:20px}body.studio-home .featured{grid-template-columns:1fr}}

body.studio-home .studio-wordmark{white-space:nowrap}

.studio-home .community-announcement{text-align:center}.studio-home .community-announcement img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 10px 35px #0008}.studio-home .community-announcement>.button{display:inline-flex;margin-top:20px;min-height:48px;align-items:center}

body.studio-home .community-announcement img{width:min(100%,420px);margin-inline:auto}

body.studio-home #news>.community-announcement{min-width:0;padding:0}body.studio-home #news>.community-announcement img{width:100%;max-width:420px;height:auto;aspect-ratio:1;object-fit:contain}

body.studio-home #news>.community-announcement img{border:1px solid #ad8548;border-radius:5px;box-sizing:border-box}

body.studio-home #games{border-top:0}

body.studio-home #games{border-top:0}

/* Outpost follows the Fuse Frenzy feature, above studio news. */
.outpost-feature-art{display:block;position:relative;border:2px solid #99723b;border-radius:5px;overflow:hidden;box-shadow:0 12px 32px #0008}.outpost-feature-art .outpost-art{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.outpost-feature-logo{position:absolute;left:3%;top:8%;width:45%;height:auto;filter:drop-shadow(0 3px 8px #000)}.studio-home .outpost-feature>h2{font:700 clamp(30px,3.2vw,48px)/1.2 Georgia,serif;color:#efc47e;margin:14px 0 28px}.outpost-feature-art:focus-visible{outline:3px solid #ffe0a0;outline-offset:4px}

/* Keep navigation inside the artwork-width header. */
body.studio-home .bar{flex-wrap:wrap;justify-content:center;gap:12px}body.studio-home .bar nav{flex-wrap:wrap;justify-content:center}body.studio-home .bar .mark{max-width:100%;min-width:0}body.studio-home .studio-hero .actions{justify-content:center;flex-wrap:wrap}body.studio-home .studio-wordmark{white-space:normal}

.community-poster-link{display:block;width:fit-content;max-width:100%;margin-inline:auto;border-radius:5px}.community-poster-link img{display:block;max-width:100%;height:auto}.community-poster-link:focus-visible{outline:3px solid #6edfff;outline-offset:5px}