/* Studio v4: shared shell and editorial layouts. Original page-specific styles remain. */
:root{--bg:#092c21;--bg-surface:#103b2d;--bg-card:#123c2e;--cream:#fff2d2;--cream-muted:#c9d2bd;--accent:#f4bd62;--accent-hover:#ffce80;--green-light:#24503c;--border:rgba(255,242,210,.18);--font-display:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--radius:6px;--max-w:1180px;color-scheme:dark}
html{scroll-padding-top:28px}body{font-family:var(--font-body);font-size:16px;line-height:1.65}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.035em}h1{font-weight:740}h2{font-weight:680}button,input,textarea,select,summary{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a{text-underline-offset:5px}a:hover{color:var(--accent)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip-link{position:fixed;left:18px;top:-100px;z-index:150;padding:12px 18px;background:var(--accent);color:#08291f}.skip-link:focus{top:12px}.studio-rail{position:fixed;inset:0 auto 0 0;z-index:80;width:256px;padding:34px 22px 22px;background:#061e17;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.rail-brand{display:flex;flex-direction:column;width:calc(100% - 16px);max-width:190px;margin:0 auto 24px;flex-shrink:0}.nav-brand-illustration{display:block;position:relative;width:100%;aspect-ratio:1254/1180;overflow:hidden}.nav-brand-illustration img{display:block;position:absolute;top:0;left:0;width:100%;height:auto;max-width:none}.nav-brand-name{display:block;width:86%;height:auto;margin:6px auto 12px}.studio-navigation{display:grid;gap:8px}.rail-link,.nav-group>summary,.nav-project>summary{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;color:var(--cream-muted);font-size:14px;text-decoration:none;border-radius:3px}.rail-link[aria-current="page"]{color:var(--accent);background:#253b22;border-left:2px solid var(--accent)}.rail-link svg{width:18px;height:18px}.nav-group summary,.nav-project summary{cursor:pointer;list-style:none}.nav-group summary::-webkit-details-marker,.nav-project summary::-webkit-details-marker{display:none}.nav-group>summary{color:var(--cream);font-weight:600}.disclosure-arrow{width:15px;height:15px;margin-left:auto;transition:transform .16s}.nav-group[open]>summary>.disclosure-arrow,.nav-project[open]>summary>.disclosure-arrow{transform:rotate(90deg)}.nav-children{margin-left:18px;border-left:1px solid var(--border);padding-left:6px}.nav-project>summary{font-size:13px;padding:8px 7px;line-height:1.45;min-height:42px}.nav-project[open]>summary{color:var(--accent)}.project-links{padding:0 0 8px 12px;display:grid}.project-links a{padding:7px 8px;font-size:12px;color:var(--cream-muted);border-left:2px solid transparent}.project-links a:hover,.project-links a[aria-current="page"],.project-links a[aria-current="location"]{color:var(--accent);border-left-color:var(--accent)}.rail-bottom{margin-top:auto;padding:28px 10px 0;font-size:12px;color:var(--cream-muted)}.rail-bottom p{border-top:1px solid var(--border);padding-top:18px}.rail-bottom a{display:inline-block;margin-top:10px;text-decoration:underline}.mobile-header{display:none}.site-content{margin-left:256px;padding:0 clamp(24px,3.3vw,64px);min-width:0}.studio-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);min-height:64px;font-size:10px;letter-spacing:.15em;color:var(--cream-muted)}.studio-topline a{display:flex;align-items:center;gap:8px;letter-spacing:.03em}.studio-topline svg{width:15px;height:15px}.studio-hero{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:48px 0}.studio-hero-copy{position:relative;z-index:1;width:100%;max-width:820px}.studio-hero h1{font-size:clamp(38px,4.5vw,68px);letter-spacing:-.055em;line-height:1.08;margin:0 0 26px}.studio-hero-copy>p{font-size:clamp(17px,1.5vw,21px);max-width:35ch;line-height:1.6}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{padding:12px 19px;border-radius:3px;border-width:1px;font:600 14px/1.5 var(--font-body);gap:9px;transition:background .15s,color .15s}.btn-primary{color:#092c21;background:var(--accent)}.btn-primary:hover{color:#092c21;background:var(--accent-hover);transform:none}.btn-outline{border-color:#a4b29b;color:var(--cream)}.btn-outline:hover{transform:none}.brand-art{margin:0;align-self:center;width:100%;min-width:0}.brand-lockup{display:block;width:100%;height:auto}.studio-section{padding:42px 0 48px;border-top:1px solid var(--border)}.studio-section>h2{font-size:clamp(28px,2.9vw,42px);margin:0 0 27px;line-height:1.18}.section-intro{font-size:18px;margin:-12px 0 28px;max-width:65ch}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.game-media{display:block;aspect-ratio:1.9;overflow:hidden;margin-bottom:18px;background:#103b2d}.game-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.game-media:hover img{transform:scale(1.025)}.supermarket-media img{object-position:center 35%}.game-entry h3{font-size:26px;margin:0 0 6px}.project-status{font-size:13px;color:var(--cream-muted)}.game-entry>p:not(.project-status){font-size:15px;line-height:1.65;margin:12px 0 18px;max-width:48ch}.text-link,.subtle-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--accent);font-weight:600;text-decoration:underline}.subtle-link{font-size:12px;color:var(--cream-muted)}.project-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.spore-list{border-top:1px solid var(--border)}.spore-row{display:grid;grid-template-columns:36px 1fr 105px 90px;gap:20px;align-items:center;border-bottom:1px solid var(--border);padding:26px 0}.spore-number{color:var(--accent);font-size:13px;align-self:start;padding-top:9px}.spore-row h3{font-size:27px;margin:0 0 4px}.spore-row p{font-size:14px;line-height:1.6}.spore-row .text-link{justify-self:end}.contact-band{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:42px 0 54px}.contact-band h2{font-size:clamp(27px,3vw,42px);margin:0}.studio-footer{border-top:1px solid var(--border);padding:28px 0 32px;font-size:11px;color:var(--cream-muted);display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.studio-footer nav{display:flex;gap:20px;flex-wrap:wrap}.studio-footer .care{white-space:nowrap}.studio-page-head{padding:48px 0 34px}.studio-page-head h1{font-size:clamp(36px,4.6vw,64px);margin:12px 0 18px}.studio-page-head .lead{font-size:20px;max-width:65ch}.studio-page-head .project-status{margin-top:20px}.world-art{margin:0 0 34px}.world-art img{width:100%;height:auto}.world-art figcaption{font-size:12px;color:var(--cream-muted);text-align:right;margin-top:8px}.prose p{max-width:75ch}.prose{max-width:900px}.prose h2{letter-spacing:-.025em}.prose p+p{margin-top:18px}.breadcrumb{font-size:12px;color:var(--cream-muted)}.breadcrumb a{text-decoration:underline}.page-hero{padding:42px 0;background:none}.page-hero h1{font-size:clamp(34px,4vw,58px)}.site-content .container{width:100%;max-width:1180px}.site-content main{min-width:0}.site-content .text-center{text-align:left}.site-content .support-grid{grid-template-columns:minmax(0,1fr) minmax(210px,.36fr)}.site-content .ss-hero{background:none}.site-content .ss-hero-grid{gap:28px}.site-content .ss-hero h1{font-size:clamp(34px,4vw,60px)}.ss-primary{color:#092c21!important;background:var(--accent)!important}.ss-gallery .ss-shot img{width:100%;height:auto;max-height:none;object-fit:contain}.ss-promo-frame img{max-height:510px;width:100%;object-fit:contain}.site-content .ss-band{border-top:1px solid var(--border)}.studio-rail~.site-content .stats-section{display:none}.draft-label,.read-more{font-size:13px}.post-card{cursor:default}.post-card:hover{transform:none}.support-side img{max-width:200px}.ai-disclosure{max-width:850px}.ai-disclosure p{margin-bottom:20px}.ai-disclosure ul{padding-left:22px;color:var(--cream-muted)}
@media(min-width:1700px){.site-content{max-width:1500px}.studio-hero{min-height:460px}.studio-hero h1{font-size:76px}}
@media(max-width:1180px){.studio-rail{width:230px;padding-left:16px;padding-right:16px}.site-content{margin-left:230px;padding:0 28px}.studio-hero{min-height:420px}.studio-hero h1{font-size:45px}.hero-actions{gap:9px}.hero-actions .btn{padding:11px 13px;font-size:13px}.spore-row{grid-template-columns:25px 1fr 90px;gap:14px}.spore-row>.project-status{grid-column:2;grid-row:2}.spore-row>.text-link{grid-column:3;grid-row:1/3}.spore-row h3{font-size:25px}.game-entry h3{font-size:23px}}
@media(max-width:800px){html{scroll-padding-top:116px}.mobile-header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#061e17;border-bottom:1px solid var(--border);padding:10px 16px;min-height:94px;position:sticky;top:0;z-index:100}.mobile-brand{display:flex;align-items:center;width:240px;max-width:calc(100% - 94px);min-width:0}.mobile-brand .nav-brand-illustration{flex:0 0 38%;width:38%}.mobile-brand .nav-brand-name{width:62%;height:auto;margin:0;padding:0 8px;box-sizing:border-box}.menu-toggle{border:1px solid #80957d;background:transparent;color:var(--cream);border-radius:3px;padding:7px 12px;font-size:13px;display:flex;align-items:center;gap:8px;min-height:42px}.menu-toggle svg{width:18px;height:18px}.studio-rail{position:relative;inset:auto;width:auto;padding:18px 22px 24px;border-right:0;border-bottom:1px solid var(--border);overflow:visible;display:block}.js .studio-rail{display:none}.js .studio-rail.is-open{display:block}.rail-brand{display:none}.studio-navigation{gap:4px}.rail-bottom{padding:18px 12px 0}.rail-bottom p{display:none}.rail-bottom a{margin:0}.nav-project>summary{font-size:14px;min-height:44px}.project-links a{font-size:13px;min-height:40px}.site-content{margin:0;padding:0 22px}.studio-topline{min-height:55px;font-size:8px;letter-spacing:.1em}.studio-hero{padding:42px 0 44px;min-height:0}.studio-hero h1{font-size:clamp(38px,8.9vw,64px);line-height:1.08;margin-bottom:20px}.studio-hero-copy>p{font-size:18px;max-width:34ch}.hero-actions{margin-top:24px}.hero-actions .btn{font-size:13px;padding:12px 15px}.brand-art{width:min(100%,530px);margin:auto}.studio-section{padding:30px 0 36px}.studio-section>h2{font-size:30px;margin-bottom:24px}.section-intro{font-size:16px}.game-grid{grid-template-columns:1fr;gap:32px}.game-entry h3{font-size:25px}.game-media{aspect-ratio:1.8}.spore-row{grid-template-columns:24px 1fr 30px;padding:23px 0;gap:7px 12px}.spore-row .text-link{font-size:0;gap:0}.spore-row .text-link svg{width:21px;height:21px}.spore-number{font-size:12px}.spore-row h3{font-size:25px}.spore-row p{font-size:14px}.spore-row>.project-status{font-size:12px}.contact-band{align-items:flex-start;flex-direction:column;gap:20px;padding:32px 0 40px}.contact-band h2{font-size:30px}.studio-footer{flex-direction:column;gap:16px;font-size:11px}.studio-footer nav{gap:16px}.studio-page-head{padding:30px 0}.studio-page-head h1{font-size:40px}.studio-page-head .lead{font-size:18px}.site-content .support-grid{grid-template-columns:1fr}.site-content .ss-hero-grid{grid-template-columns:1fr}.site-content .ss-intro-grid,.site-content .ss-how{grid-template-columns:1fr}.site-content .ss-feature-grid{grid-template-columns:1fr 1fr}.site-content .ss-gallery{grid-template-columns:1fr}.site-content .ss-quote-grid{grid-template-columns:1fr}.site-content .ss-hero{padding-top:28px}.site-content .ss-visual{max-width:560px;min-height:310px}.page-hero{padding-top:30px}.site-content .about-hero{padding-top:36px}.site-content .about-hero h1{font-size:40px}.site-content .story-grid{grid-template-columns:1fr}.site-content .value-grid{grid-template-columns:1fr}.site-content .contact-layout{grid-template-columns:1fr}.site-content .ss-promo-frame img{max-height:530px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Align the studio composition with its editorial reference. */
.studio-hero .hero-actions{justify-content:flex-start}.about-hero .studio-logo{width:240px;height:auto;max-width:80%;border-radius:0;margin:0 0 30px;object-fit:contain}.studio-rail .project-links a{line-height:1.5}.studio-rail a:hover{color:var(--accent)}

.legacy-support-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}.rail-bottom a[aria-current="page"]{color:var(--accent);font-weight:600}
@media(max-width:1000px){.legacy-support-layout{grid-template-columns:1fr}}

/* The selected artwork and lettering form a single self-contained SVG lockup. */
.brand-art .brand-lockup{width:100%;height:auto}.about-hero .studio-logo{width:300px;max-width:70%;height:auto}.dov-overview{max-width:850px}.dov-overview>p:not(.lead):not(.breadcrumb){margin-top:16px;color:var(--cream-muted)}.dov-overview .hero-actions{justify-content:flex-start}.dov-overview+.world-art{max-width:1050px}
@media(max-width:800px){.about-hero .studio-logo{width:240px;max-width:75%}}

/* Center the page composition and short introductions; retain readable body copy. */
.site-content{width:calc(100% - 256px);max-width:none;margin-right:0}.site-content>main,.site-content>.page-hero,.site-content>.support-hero,.studio-topline,.studio-footer{width:100%;max-width:1120px;margin-inline:auto}.studio-hero-copy{text-align:center}.studio-hero-copy>p{margin-inline:auto}.studio-hero .hero-actions,.site-content .dov-overview .hero-actions{justify-content:center}.brand-art{max-width:520px;margin-inline:auto}.studio-section>h2,.section-title,.section-intro,.studio-page-head,.page-hero,.support-hero,.blog-hero,.about-hero{text-align:center}.section-intro,.section-desc,.studio-page-head p,.page-hero p,.support-hero p,.blog-hero p,.about-hero p{margin-inline:auto}.section-desc{text-align:center}.site-content .text-center{text-align:center}.game-entry{text-align:center}.game-entry>p{margin-inline:auto}.project-actions{justify-content:center}.spore-row>div{text-align:center}.spore-row>.project-status{text-align:center}.contact-band{flex-direction:column;align-items:center;text-align:center;gap:22px}.studio-section.prose{margin-inline:auto}.ai-disclosure{margin-inline:auto;text-align:left}.section-label{display:block;text-align:center}.story-grid h2,.value-card,.team-section>h2,.support-card h2,.support-card h3{text-align:center}.studio-page-head .lead{max-width:65ch}.studio-page-head.dov-overview{margin-inline:auto}.world-art{margin-inline:auto}.studio-footer{justify-content:center;text-align:center}.studio-footer nav{justify-content:center}.site-content .prose p,.site-content .legal-table{text-align:left}
@media(max-width:1180px) and (min-width:801px){.site-content{width:calc(100% - 230px)}}
@media(max-width:800px){.site-content{width:100%;margin-inline:0}.studio-hero-copy>p{max-width:31ch}.game-entry>p{max-width:38ch}.spore-row>div{text-align:center}.contact-band{align-items:center}.studio-footer{align-items:center}.studio-topline{max-width:none}.studio-page-head h1,.page-hero h1,.about-hero h1,.support-hero h1{overflow-wrap:break-word}}