/* Peibei Games: preserve the studio wordmark and restrained charcoal identity.
   Native CSS; DESIGN_VARIANCE 7, MOTION_INTENSITY 3, VISUAL_DENSITY 3.
   One accent, square surfaces, no automatic motion, system color preference. */
@font-face{font-family:Maven Pro;src:url('/assets/maven-pro.ttf') format('truetype');font-weight:400 900;font-display:swap}
:root{color-scheme:light dark;--bg:#f3f4f1;--fg:#1b211f;--muted:#56605b;--line:#c7cdc7;--accent:#c5dd78;--accent-text:#31480b;--panel:#e5e9df;--focus:#476f15}
@media(prefers-color-scheme:dark){:root{--bg:#151b18;--fg:#f0f3ed;--muted:#b3bdb5;--line:#3d4a40;--accent:#c5dd78;--accent-text:#c5dd78;--panel:#202a23;--focus:#c5dd78}}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:1.5rem}
body{margin:0;background:var(--bg);color:var(--fg);font:400 1.0625rem/1.65 'Maven Pro',Arial,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:var(--accent);color:#172111}
a{color:inherit;text-underline-offset:.25em}
a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:6px}
.wrap{width:min(100% - 7rem,1280px);margin-inline:auto}
.site-header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.wordmark{font-weight:850;font-size:1.32rem;letter-spacing:-.055em;text-decoration:none;line-height:1.15;display:inline-flex;gap:.3em}
.wordmark span{font-weight:450;letter-spacing:-.035em}
nav{display:flex;gap:2.5rem}nav a{text-decoration:none;font-size:.95rem}nav a:hover{text-decoration:underline}
.hero{padding-block:3rem 5rem;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:4rem}
.hero-copy{position:relative}
h1,h2,h3,p,figure{margin:0}
h1{font-weight:650;font-size:clamp(3rem,5.6vw,5.2rem);line-height:1.05;letter-spacing:-.065em}
h1 span{color:var(--accent-text)}
.hero-copy>p{max-width:31ch;margin-top:1.7rem;color:var(--muted);font-size:1.125rem;line-height:1.6}
.button{display:inline-flex;align-items:center;justify-content:center;gap:2rem;padding:.85rem 1.45rem;min-height:48px;background:var(--accent);color:#172111;font-weight:650;line-height:1.25;text-decoration:none;white-space:nowrap;margin-top:2rem;transition:transform .18s}
.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)}
.hero-image{overflow:hidden;aspect-ratio:4/5;background:#242c2a}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:48% center;display:block}
.section{padding-block:5rem;scroll-margin-top:1.5rem}
h2{font-weight:550;letter-spacing:-.055em;font-size:clamp(2.35rem,4vw,3.5rem);line-height:1.12}
.eyebrow{font-size:.875rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:1.5rem}
.studio{display:grid;grid-template-columns:1fr 1fr;gap:7rem;border-top:1px solid var(--line)}
.studio-copy{padding-top:2.85rem;max-width:48ch}.studio-copy p+p{margin-top:1.1rem}.studio-copy .lead{font-size:1.35rem;line-height:1.5;color:var(--fg)}
.studio-copy p{color:var(--muted)}.studio-copy .company-note{font-size:.875rem;margin-top:2rem}
.games{border-top:1px solid var(--line)}
.release{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:start;background:var(--panel);margin-top:2.5rem;padding:2.5rem}
h3{font-size:1.55rem;line-height:1.3;font-weight:550;letter-spacing:-.025em}.release p{max-width:55ch;color:var(--muted);margin-top:1rem}.release-status{font-size:.875rem;font-weight:600;white-space:nowrap;color:var(--accent-text)}
.contact{padding-block:5.5rem 6rem;border-top:1px solid var(--line)}.contact p{color:var(--muted);margin-top:1.25rem;max-width:50ch}
.contact-email{display:inline-block;margin-top:2rem;font-size:clamp(1.05rem,2.5vw,2rem);font-weight:500;letter-spacing:-.02em;overflow-wrap:anywhere;text-decoration-thickness:1px}.contact-email span{display:inline-block;margin-left:.5em}
.site-footer{border-top:1px solid var(--line);padding-block:2.25rem;display:flex;justify-content:space-between;gap:2rem;align-items:flex-start;font-size:.875rem;color:var(--muted)}.site-footer .wordmark{color:var(--fg);font-size:1.1rem}.site-footer p{margin-top:1rem}.footer-links{text-align:right}
.skip-link{position:absolute;left:1rem;top:-8rem;z-index:2;background:var(--accent);color:#172111;padding:.75rem 1rem}.skip-link:focus{top:1rem}
.privacy-page{max-width:800px;padding-block:4rem 6rem}.privacy-page h1{font-size:clamp(2.5rem,5vw,4rem)}.privacy-page h2{font-size:1.6rem;letter-spacing:-.025em;margin-top:2.5rem}.privacy-page p{margin-top:1rem;color:var(--muted)}.privacy-page a{overflow-wrap:anywhere}.privacy-page .updated{font-size:.875rem;margin-top:1.5rem}.privacy-page ul{padding-left:1.25rem;color:var(--muted)}
@media(max-width:900px){.wrap{width:calc(100% - 3rem)}.hero{gap:2rem;grid-template-columns:1.1fr 1fr;padding-top:2rem}h1{font-size:clamp(2.8rem,6.2vw,4.5rem)}.studio{gap:3rem}.studio-copy{padding-top:2.65rem}}
@media(max-width:640px){.wrap{width:calc(100% - 2rem)}.site-header{min-height:76px;gap:.9rem}.wordmark{font-size:1rem}nav{gap:1rem}nav a{font-size:.875rem}.hero{grid-template-columns:1fr;gap:2.25rem;padding-block:2.5rem 3.5rem}h1{font-size:clamp(2.65rem,11vw,4rem)}.hero-copy>p{font-size:1.0625rem;max-width:33ch}.hero-image{aspect-ratio:4/3}.section{padding-block:3rem}.studio{grid-template-columns:1fr;gap:1.75rem}.studio-copy{padding-top:0}.release{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem;margin-top:1.75rem}.release-status{grid-row:1}.contact{padding-block:3.5rem 4rem}.site-footer{flex-direction:column;gap:1.75rem;padding-block:2rem}.footer-links{text-align:left}.privacy-page{padding-top:2.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.button:active{transform:none}}