:root{--ink:#211a14;--coal:#292722;--paper:#d9c6a2;--light:#f4e9d0;--copper:#a9572e;--brass:#b98a3d;--rust:#6e301f;--forest:#243b2d;--display:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;--body:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background-color:#b9a47e;background-image:radial-gradient(circle at 14% 12%,rgba(255,255,255,.25),transparent 25rem),repeating-linear-gradient(0deg,rgba(58,40,24,.035) 0 1px,transparent 1px 5px);font-family:var(--body);font-size:17px;line-height:1.62}a{color:inherit}img{display:block;max-width:100%}
.site-header{position:relative;z-index:10;min-height:104px;padding:0 5vw 0 330px;display:flex;align-items:center;gap:34px;background:var(--coal);border-bottom:6px solid var(--brass)}.brand{position:absolute;top:0;left:5vw;width:250px;height:205px;z-index:3;display:flex;align-items:flex-start;justify-content:center;padding:8px 28px 34px;background:var(--rust);clip-path:polygon(0 0,100% 0,100% 69%,50% 100%,0 69%);filter:drop-shadow(0 9px 0 rgba(0,0,0,.2))}.brand img{width:150px;height:182px;object-fit:contain;object-position:center top}.wordmark{margin-right:auto;color:#f6e7c8;text-decoration:none;font-family:var(--display);font-size:clamp(1.1rem,2.3vw,1.8rem);font-weight:900;letter-spacing:.015em;text-transform:uppercase;text-shadow:2px 2px 0 #6e301f}nav{display:flex;justify-content:flex-end;gap:clamp(16px,2.4vw,36px)}nav a{color:var(--light);text-decoration:none;font-family:var(--display);font-weight:900;font-size:.92rem;letter-spacing:.04em;text-transform:uppercase}nav a:hover,nav a:focus-visible{color:#e6b55d}
.hero{min-height:610px;position:relative;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid #715d3f;background:#766448}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,27,20,.86),rgba(34,27,20,.2) 58%,rgba(34,27,20,.7)),url('/assets/catch-captain-characters.png') 77% 28%/min(760px,80vw) auto no-repeat,radial-gradient(circle at center,#bba477,#5e4a33);filter:sepia(.68) saturate(.78) contrast(1.12);transform:scale(1.02)}.hero:after{content:"";position:absolute;inset:0;opacity:.22;background:repeating-linear-gradient(108deg,transparent 0 120px,rgba(236,217,178,.5) 121px 240px,transparent 241px 360px);transform:skewX(-12deg)}.hero-copy{position:relative;z-index:2;width:min(1140px,calc(100% - 42px));padding:130px 0 72px;color:#f8ead0;text-shadow:0 3px 0 rgba(0,0,0,.45)}.eyebrow,.chapter{margin:0 0 12px;color:#efbd68;font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:.12em}.chapter{color:var(--copper)}h1,h2,h3{font-family:var(--display);font-weight:900;line-height:1.02;letter-spacing:-.025em}h1{max-width:820px;margin:0;font-size:clamp(3.2rem,7.5vw,6.8rem);transform:rotate(-1deg);text-shadow:4px 4px 0 var(--rust),7px 7px 0 rgba(0,0,0,.32)}.hero-copy>p:not(.eyebrow){max-width:620px;font-size:1.18rem}.button{display:inline-block;padding:13px 21px;margin-top:8px;color:#fff3d7;background:var(--rust);border:2px solid #d6a34d;text-decoration:none;font-family:var(--display);font-weight:900;letter-spacing:.04em;text-transform:uppercase;box-shadow:5px 5px 0 rgba(0,0,0,.35);transform:rotate(-.5deg)}.button:hover{background:#8b3d26}
.games-section{width:min(1160px,calc(100% - 32px));margin:-38px auto 0;position:relative;z-index:3;padding-bottom:72px}.section-heading{padding:28px 34px;color:var(--light);background:var(--coal);border-left:12px solid var(--copper);box-shadow:0 8px 18px rgba(44,31,18,.22)}.section-heading h2{margin:0;font-size:clamp(2.4rem,5vw,4.4rem);transform:rotate(-.35deg)}.section-heading>p:last-child{max-width:730px;margin:12px 0 0}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.project-card{display:grid;grid-template-rows:270px 1fr;overflow:hidden;background:var(--light);border:1px solid #756043;box-shadow:8px 8px 0 rgba(65,43,25,.18)}.project-card.featured{grid-column:1/-1;grid-template-columns:1.2fr 1fr;grid-template-rows:none}.project-image{overflow:hidden;background:#171713}.project-image img{width:100%;height:100%;object-fit:cover}.project-image.portrait img{object-position:center 16%}.project-image.wide img{object-position:center}.project-copy{padding:25px 28px 28px}.project-copy h3{margin:4px 0 15px;color:var(--rust);font-size:clamp(1.75rem,3vw,2.45rem);transform:rotate(-.4deg)}.project-copy p:not(.status){margin-top:0}.status{display:inline-block;margin:0;padding:5px 10px;color:#fff8e8;background:var(--forest);font-family:var(--display);font-size:.78rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;transform:rotate(-1deg)}.tag{display:inline-block;margin:5px 5px 0 0;padding:4px 9px;border:1px solid #8a6733;color:#5a321e;font-family:var(--display);font-size:.72rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.sealed-art{display:grid;place-content:center;text-align:center;color:#e8c77e;background:radial-gradient(circle,#57412c 0 18%,#2b2925 58%,#171613);border-bottom:5px solid var(--brass)}.sealed-art span{font-family:Georgia,serif;font-size:7rem;line-height:.85}.sealed-art small{margin-top:12px;font-family:var(--display);font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.story-section{display:grid;grid-template-columns:minmax(260px,430px) 1fr;align-items:center;gap:clamp(30px,6vw,82px);padding:75px max(5vw,calc((100vw - 1160px)/2));color:#f3e5c7;background:var(--forest);border-top:7px solid var(--brass);border-bottom:7px solid var(--brass)}.story-art{height:560px;overflow:hidden;border:2px solid #d8ad5e;box-shadow:12px 12px 0 rgba(0,0,0,.25);background:#ac936d}.story-art img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:sepia(.22) saturate(.9)}.story-copy h2{margin:0 0 22px;font-size:clamp(2.4rem,5vw,4.6rem);transform:rotate(-.5deg)}.story-copy .chapter{color:#e6b55d}.team-list{display:grid;gap:10px;margin:26px 0}.team-list>div{padding:13px 16px;color:var(--ink);background:#ead9b8;border-left:6px solid var(--copper)}.team-list strong,.team-list span{display:block}.team-list strong{font-family:var(--display);font-size:1.12rem}.team-list span{color:var(--rust);font-weight:700}.team-list p{margin:4px 0 0;font-size:.9rem}.nottingham-note{display:inline-block;padding:10px 14px;color:#271d15;background:#e8d5ad;font-family:var(--display);font-weight:900;transform:rotate(-1deg)}
.beta-section{width:min(1040px,calc(100% - 32px));margin:72px auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:55px;padding:42px 46px;background:var(--light);border:2px solid #715638;box-shadow:10px 10px 0 rgba(73,46,25,.2)}.beta-section h2{margin:0 0 16px;color:var(--rust);font-size:clamp(2.5rem,5vw,4.6rem);transform:rotate(-.6deg)}.beta-section p{max-width:720px}.beta-button{white-space:nowrap}footer{color:var(--light);background:var(--coal);border-top:7px solid var(--brass)}.footer-inner{width:min(1110px,calc(100% - 32px));margin:auto;padding:42px 0;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:38px}footer h3{margin:0 0 12px;color:#ddb56d;font-size:1.15rem;text-transform:uppercase}footer p{margin:5px 0}footer a{color:var(--light)}
.policy-shell{width:min(900px,calc(100% - 32px));margin:70px auto}.policy{padding:clamp(28px,6vw,68px);background:var(--light);border:1px solid #7f6949;box-shadow:12px 12px 0 rgba(52,38,24,.28)}.policy h1{color:var(--rust);font-size:clamp(2.8rem,7vw,5rem)}.policy h2{margin:36px 0 8px;color:var(--rust);font-size:1.55rem}
.hero:before{background:linear-gradient(90deg,rgba(34,27,20,.88),rgba(34,27,20,.18) 56%,rgba(34,27,20,.24)),url('/assets/studio-workshop-hero.png') center/cover no-repeat;filter:none;transform:scale(1.01)}.hero:after{opacity:.14}.project-image.title-peek img{object-position:center 33%}.sneak-placeholder{display:grid;place-content:center;text-align:center;color:#f3db9f;border-bottom:5px solid var(--brass);background:#202b2e}.sneak-placeholder span{font-family:var(--display);font-size:6.2rem;font-weight:900;line-height:.9;text-shadow:5px 5px 0 rgba(0,0,0,.35)}.sneak-placeholder small{margin-top:15px;font-family:var(--display);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.squadron-placeholder{background:radial-gradient(circle,#143f49,#101c2a 62%,#090d15)}.gazette-placeholder{color:#8d151c;background:repeating-linear-gradient(-8deg,#eee2c8 0 24px,#e6d6b7 25px 48px)}.story-art{background:radial-gradient(circle at 50% 25%,#b58b53,#33271d 70%)}.story-art img{object-fit:contain;object-position:center bottom;filter:none}
.cup-card{grid-template-columns:1.45fr .75fr}.squadron-card{grid-template-columns:1.15fr .85fr}.squadron-image{background:#13231c}.squadron-image img{object-fit:contain}
@media(max-width:940px){.site-header{padding-left:230px}.brand{left:18px;width:185px;height:165px}.brand img{width:118px;height:145px}.wordmark{display:none}nav{margin-left:auto}.project-card.featured{grid-template-columns:1fr;grid-template-rows:270px 1fr}.story-section{grid-template-columns:330px 1fr}.beta-section{grid-template-columns:1fr}.beta-button{justify-self:start}}
@media(max-width:680px){body{font-size:16px}.site-header{min-height:76px;padding:0 14px 0 128px}.brand{left:8px;width:112px;height:126px;padding:4px 8px 22px}.brand img{width:86px;height:105px}nav{gap:14px}nav a{font-size:.72rem}nav a:nth-child(2),nav a:nth-child(4){display:none}.hero{min-height:560px}.hero:before{background-position:62% 30%;background-size:auto 88%}.hero-copy{padding-top:112px}.hero-copy>p:not(.eyebrow){font-size:1rem}.project-grid{grid-template-columns:1fr}.project-card.featured{grid-column:auto}.project-card{grid-template-rows:230px 1fr}.story-section{grid-template-columns:1fr;padding:55px 22px}.story-art{height:390px}.beta-section{padding:32px 24px}.footer-inner{grid-template-columns:1fr;gap:22px}}

/* Studio identity refinement */
:root{--coal:#20251f;--brass:#c69a45;--forest:#173c2b}
.site-header{padding-left:345px;background:#20251f}.brand{top:8px;width:276px;height:184px;padding:0;display:block;overflow:hidden;clip-path:none;color:#f6dfaa;background:radial-gradient(circle at 50% 35%,#2d6748,#102d21 72%);border:6px double #d2a34b;border-radius:50%;box-shadow:0 8px 0 rgba(0,0,0,.28),inset 0 0 0 3px #102117;filter:none;text-align:center;text-decoration:none}.brand:before,.brand:after{content:"❦";position:absolute;top:42px;color:#d4aa58;font-size:28px;z-index:2}.brand:before{left:23px;transform:rotate(-22deg)}.brand:after{right:23px;transform:scaleX(-1) rotate(-22deg)}.brand span,.brand small{position:absolute;left:0;width:100%;z-index:3;font-family:Georgia,serif;font-weight:900;text-transform:uppercase;text-shadow:2px 2px 0 #0b1c14}.brand span{top:10px;font-size:20px;letter-spacing:.06em}.brand small{bottom:8px;font-size:16px;letter-spacing:.2em}.brand img{position:absolute;left:88px;bottom:19px;width:101px;height:132px;object-fit:contain;object-position:center bottom}.wordmark{text-shadow:2px 2px 0 #31553d}
.section-heading{position:relative;overflow:hidden;padding-right:110px;background:linear-gradient(110deg,var(--forest),var(--coal));border-left-color:var(--brass)}.section-heading:after{content:"❦";position:absolute;right:30px;top:8px;color:#c99d4d;font:700 74px Georgia,serif;opacity:.72}
.squadron-card{grid-template-columns:none}.squadron-image img{object-fit:contain;padding:8px}
.story-art{height:510px;overflow:visible;border:0;box-shadow:none;background:transparent}.story-art img{filter:drop-shadow(13px 15px 0 rgba(0,0,0,.24));transform:rotate(-2deg)}
@media(max-width:940px){.site-header{padding-left:230px}.brand{left:18px;width:195px;height:150px}.brand img{left:64px;bottom:15px;width:70px;height:98px}.brand span{font-size:15px}.brand small{font-size:12px}.brand:before,.brand:after{top:37px;font-size:21px}}
@media(max-width:680px){.site-header{padding-left:128px}.brand{top:5px;left:8px;width:112px;height:112px;border-width:4px}.brand img{left:35px;bottom:13px;width:45px;height:66px}.brand span{top:7px;font-size:10px}.brand small{bottom:5px;font-size:8px}.brand:before,.brand:after{top:28px;font-size:14px}.brand:before{left:10px}.brand:after{right:10px}.story-art{height:350px}}

/* Final logo sticker and portrait-screen presentation */
.site-header{padding-left:345px}.brand{top:4px;left:4vw;width:285px;height:205px;padding:0;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 8px 2px rgba(0,0,0,.32))}.brand:before,.brand:after{content:none}.brand img{position:static;width:100%;height:100%;object-fit:contain}.portrait-showcase{position:relative;isolation:isolate;display:grid;place-items:center;min-height:350px;padding:16px;background:#17251d}.portrait-showcase:before{content:"";position:absolute;z-index:-1;inset:-18px;background:linear-gradient(rgba(13,23,17,.38),rgba(13,23,17,.66)),var(--portrait) center/cover no-repeat;filter:blur(12px) saturate(.8);transform:scale(1.08)}.portrait-showcase:after{content:"";position:absolute;inset:12px;border:1px solid rgba(226,184,94,.5);pointer-events:none}.portrait-showcase img,.project-image.title-peek.portrait-showcase img{position:relative;width:auto;max-width:78%;height:318px;object-fit:contain;object-position:center;box-shadow:0 9px 22px rgba(0,0,0,.48)}
@media(max-width:940px){.site-header{padding-left:235px}.brand{left:14px;width:205px;height:165px}.portrait-showcase{min-height:320px}.portrait-showcase img,.project-image.title-peek.portrait-showcase img{height:288px}}
@media(max-width:680px){.site-header{padding-left:125px}.brand{top:3px;left:4px;width:118px;height:118px}.portrait-showcase{min-height:285px}.portrait-showcase img,.project-image.title-peek.portrait-showcase img{max-width:84%;height:255px}}