:root{--ink:#061115;--surface:#0b191d;--ivory:#f4e8d1;--muted:#b8b5a9;--gold:#e0b263;--line:#655033;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--ink);color:var(--ivory);font-family:var(--serif);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:7px}::selection{background:var(--gold);color:var(--ink)}img{display:block;max-width:100%;height:auto}p{line-height:1.7;margin:0 0 1.5rem}h1,h2,h3{font-weight:400;margin:0}h2{font-size:clamp(2.25rem,4vw,4.5rem);line-height:1.12;letter-spacing:-.035em}h3{font-size:1.35rem}.wrap{width:min(100% - 8rem,1440px);margin-inline:auto}.section{padding-block:7.5rem}.eyebrow{font:500 .75rem/1.6 var(--sans);text-transform:uppercase;letter-spacing:.32em;color:var(--gold);margin-bottom:1.5rem}.lead{font-size:1.25rem;color:var(--ivory)}.text-link{display:inline-flex;gap:1rem;align-items:center;border-bottom:1px solid #806a44;padding-block:.4rem;min-height:44px}.text-link span{color:var(--gold)}.skip{position:fixed;top:1rem;left:1rem;z-index:20;padding:1rem;background:var(--ivory);color:var(--ink);transform:translateY(-160%)}.skip:focus{transform:none}
.site-header{position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;gap:3.5rem;padding-block:1.8rem}.brand{display:inline-flex;flex-direction:column;align-items:center;flex-shrink:0}.brand-main{font-size:clamp(1.3rem,2vw,2rem);letter-spacing:.035em;line-height:1.15;font-weight:700}.brand-sub{display:flex;align-items:center;gap:1rem;margin-top:.5rem;font:400 .59rem/1 var(--sans);letter-spacing:.72em;padding-left:.72em;color:var(--gold)}.brand-sub:before,.brand-sub:after{content:"";height:1px;width:2.6rem;background:var(--gold);opacity:.6}.site-header nav{margin-left:auto;display:flex;gap:2.3rem;font-size:.95rem}.site-header nav a,.languages a{display:flex;align-items:center;min-height:44px;transition:color .2s}.site-header nav a:hover,.languages a:hover{color:var(--gold)}.languages{display:flex;align-items:center;gap:.85rem;font-size:.95rem}.languages span{color:#837e71}.languages [aria-current]{color:var(--gold);text-decoration:underline;text-underline-offset:.5rem}
.hero{position:relative;min-height:730px;height:min(850px,89svh);isolation:isolate;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:66% 48%}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,15,19,.85) 0%,rgba(4,15,19,.69) 25%,rgba(4,15,19,.2) 47%,transparent 70%),linear-gradient(180deg,rgba(0,7,10,.52),transparent 20%,transparent 78%,rgba(4,12,15,.6))}.hero-inner{padding-top:6rem;padding-bottom:3rem}.hero h1{font-size:clamp(4.2rem,6.7vw,7.1rem);font-weight:700;letter-spacing:-.055em;line-height:.99;max-width:10em;text-wrap:balance}.hero h1 span{display:block}.hero-intro{font-size:clamp(1.1rem,1.5vw,1.5rem);margin-block:1.8rem 1.6rem;max-width:23em}.hero-actions{display:flex;align-items:center;gap:2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.3rem;min-height:54px;padding:.9rem 1.6rem;border:1px solid var(--gold);border-radius:3px;font-size:1rem;transition:background .2s,color .2s,transform .2s}.button svg{width:24px;height:24px}.gold{background:linear-gradient(115deg,#c99849,#edc16e);color:#101719;border-color:#d9ad60;font-weight:700}.gold:hover{background:#f2d394;transform:translateY(-2px)}.outline{color:var(--gold);background:transparent}.outline:hover{background:var(--gold);color:var(--ink)}.hand-note{font-style:italic;color:#bbb4a4;font-size:.87rem;max-width:19rem;margin:2.5rem 0 0;transform:rotate(-3deg);line-height:1.7}.scroll-cue{position:absolute;right:3rem;bottom:2rem;display:flex;gap:1.2rem;align-items:center;font:400 .75rem var(--sans);text-transform:uppercase;letter-spacing:.23em;color:#e8d9bc;min-height:44px}
.game-feature{background:linear-gradient(100deg,#061014,#0e1b1e);border-block:1px solid var(--line)}.feature-inner{display:grid;grid-template-columns:140px 1.2fr 1fr;gap:4rem;align-items:center;padding-block:2.5rem}.cover-thumb{max-width:140px;border:1px solid #8b6b3c;box-shadow:0 16px 30px #0005;transition:transform .25s}.cover-thumb:hover{transform:translateY(-4px)}.feature-brand .eyebrow{margin-bottom:.5rem}.line{display:flex;gap:1rem;align-items:center}.line:after{content:"";width:4rem;height:1px;background:var(--gold)}.game-logo{display:flex;flex-direction:column;align-items:center;width:max-content;max-width:100%;color:#efc388;letter-spacing:-.07em;line-height:.8;text-shadow:0 2px #644624}.game-el{font-size:2.1rem;letter-spacing:-.03em}.game-name{font-size:clamp(3rem,4.1vw,4.6rem);font-weight:700}.game-year{font-size:1.9rem;letter-spacing:.12em;font-style:italic;margin-top:.7rem;color:var(--gold)}.feature-action{justify-self:end}.feature-action>p{font-size:1.5rem;line-height:1.25;margin-bottom:1.2rem}.status{display:flex;align-items:center;gap:.7rem;margin-top:1rem;color:var(--muted);font:400 .75rem var(--sans)}.status i{width:5px;height:5px;border-radius:50%;background:var(--gold)}
.game-story{display:grid;grid-template-columns:1fr .85fr;gap:7rem;align-items:start}.story-copy h2{margin-bottom:2rem}.story-copy>p:not(.eyebrow){max-width:38rem}.story-copy>p:not(.eyebrow):not(.lead){color:var(--muted);font-family:var(--sans);font-size:.95rem;line-height:1.85}.cover-art{margin:0;position:relative;padding:1rem 0 0 1rem}.cover-art:before{content:"";position:absolute;inset:0 1rem 2.5rem 0;border:1px solid var(--line);z-index:-1}.cover-art img{width:100%;border:1px solid #5e4a30;box-shadow:0 30px 60px #0006}.cover-art figcaption{font:400 .75rem/1.5 var(--sans);letter-spacing:.16em;color:var(--muted);margin-top:1rem;text-transform:uppercase}.facts{padding:0;margin:2rem 0 0;list-style:none}.facts li{display:flex;gap:1.5rem;border-top:1px solid #35403c;padding:1.5rem 0}.fact-number{font-size:.75rem;color:var(--gold);padding-top:.35rem}.facts h3{margin-bottom:.6rem}.facts p{font:400 .9rem/1.75 var(--sans);color:var(--muted);margin:0;max-width:26rem}
.studio{background:#0d1b1e;border-block:1px solid #35403c}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem}.studio-copy>p:not(.lead){font:400 .95rem/1.85 var(--sans);color:var(--muted)}.values{list-style:none;display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.5rem 0 0;margin:2rem 0 0;border-top:1px solid #35403c;font:400 .75rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.values li+li:before{content:"◇";margin-right:1.5rem;color:#927744}.questions{max-width:1000px}.questions h2{margin-bottom:3rem}.faq-list{border-top:1px solid #35403c}.faq-list details{border-bottom:1px solid #35403c}.faq-list summary{cursor:pointer;list-style:none;padding:1.7rem 0;display:flex;justify-content:space-between;align-items:center;gap:2rem;font-size:1.2rem;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:var(--gold);font:300 1.6rem var(--sans);transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{max-width:48rem;color:var(--muted);font:400 .95rem/1.85 var(--sans);padding-right:3rem}.contact{border-top:1px solid var(--line);text-align:center;padding-top:6rem}.contact h2{margin-bottom:1.5rem}.contact>p:not(.eyebrow){color:var(--muted);max-width:30rem;margin-inline:auto;font-family:var(--sans);font-size:.95rem}.contact-email{display:inline-flex;align-items:center;gap:2rem;font-size:clamp(1.25rem,3vw,2.5rem);color:var(--gold);border-bottom:1px solid var(--line);padding:1rem 0;overflow-wrap:anywhere}.contact-email:hover{color:#f5dca8}.site-footer{padding-block:2.5rem;border-top:1px solid #35403c;display:flex;justify-content:space-between;align-items:center;gap:2rem}.site-footer .brand-main{font-size:1.25rem}.site-footer .brand-sub{font-size:.45rem}.site-footer p{margin:0;font:400 .75rem var(--sans);color:var(--muted)}.site-footer .text-link{font-size:.85rem}
.site-header,.hero-inner{width:min(100% - 8rem,1680px)}
@media(min-width:1800px){.hero-art{object-position:center 54%}.hero{height:900px}}
@media(max-width:1100px){.wrap{width:calc(100% - 4rem)}.site-header{gap:2rem}.site-header nav{gap:1.5rem}.hero h1{font-size:5rem}.hero-art{object-position:64% center}.feature-inner{gap:2rem;grid-template-columns:110px 1fr 1fr}.game-story{gap:3rem}.studio-grid{gap:3rem}.game-name{font-size:3.3rem}.feature-action>p{font-size:1.25rem}}
@media(max-width:760px){.wrap{width:calc(100% - 3rem)}.section{padding-block:4rem}.site-header{flex-wrap:wrap;gap:.7rem 1.5rem;padding-block:1.4rem}.site-header .brand{margin-right:auto}.site-header nav{order:3;margin:0;width:100%;justify-content:flex-start;gap:2rem;font-size:.9rem}.languages{margin-left:auto;font-size:.85rem}.brand-main{font-size:1.4rem}.brand-sub{font-size:.45rem}.brand-sub:before,.brand-sub:after{width:2rem}.hero{min-height:870px;height:106svh;max-height:1040px;align-items:flex-start}.hero-art{top:auto;bottom:0;height:66%;object-fit:cover;object-position:77% center}.hero-shade{background:linear-gradient(180deg,#061115 0%,#061115 30%,rgba(6,17,21,.87) 39%,rgba(6,17,21,.2) 54%,transparent 73%,rgba(6,17,21,.7) 100%)}.hero-inner{padding-top:10.5rem;padding-bottom:0}.hero .eyebrow{font-size:.75rem;margin-bottom:1rem}.hero h1{font-size:clamp(3.2rem,10vw,5rem);line-height:1.02;letter-spacing:-.055em;max-width:12em}.hero-intro{font-size:1.05rem;max-width:20rem;margin-top:1.2rem}.hero-actions{gap:1.25rem;flex-wrap:wrap}.hero-actions .text-link{font-size:.9rem}.hero-actions .button{font-size:.9rem;padding:.8rem 1.1rem;gap:.8rem}.hand-note{display:none}.scroll-cue{right:1.5rem;bottom:1rem;font-size:.75rem}.feature-inner{grid-template-columns:85px 1fr;gap:1.6rem;padding-block:2rem}.feature-brand .eyebrow{font-size:.75rem;letter-spacing:.2em}.line:after{width:1.5rem}.game-el{font-size:1.5rem}.game-name{font-size:clamp(2rem,7.5vw,3.4rem)}.game-year{font-size:1.4rem}.feature-action{grid-column:1/-1;justify-self:start;width:100%;border-top:1px solid #35403c;padding-top:1.4rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.feature-action>p{font-size:1.1rem;margin:0}.feature-action .button{font-size:.84rem;padding:.65rem 1rem;min-height:48px}.status{grid-column:1/-1;margin:0;font-size:.75rem}.game-story{grid-template-columns:1fr;gap:2rem}.cover-art{max-width:450px;margin-inline:auto}.story-copy h2{font-size:2.6rem}.studio-grid{grid-template-columns:1fr;gap:2rem}.studio h2{font-size:2.7rem}.questions h2{font-size:2.25rem;margin-bottom:2rem}.faq-list summary{font-size:1.05rem;gap:1rem;padding-block:1.35rem}.faq-list details>p{padding-right:.5rem}.contact-email{gap:1rem}.site-footer{flex-wrap:wrap;justify-content:center;text-align:center}.site-footer p{width:100%;order:3}}
@media(max-width:380px){.wrap{width:calc(100% - 2rem)}.hero{min-height:900px}.hero h1{font-size:3.15rem}.hero-actions{gap:.5rem 1rem}.feature-inner{grid-template-columns:70px 1fr;gap:1rem}.feature-action{grid-template-columns:1fr}.feature-action .button{justify-self:start}.values{gap:.8rem}.values li+li:before{margin-right:.8rem}.brand-main{font-size:1.23rem}}
@media(max-width:760px){.hero-art{height:50%}.hero-actions .text-link{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Approved Canva gold emblem, exported with real alpha transparency. */
.brand{flex-direction:row;gap:.6rem;isolation:isolate}
.brand-emblem{width:72px;height:72px;object-fit:contain;flex-shrink:0}
.brand-wordmark{display:flex;flex-direction:column;align-items:center}
.site-footer .brand-emblem{width:58px;height:58px}
@media(max-width:760px){.brand-emblem{width:48px;height:48px}.brand-main{font-size:1.15rem}.brand{gap:.4rem}.site-header{column-gap:.5rem}.brand-sub{letter-spacing:.5em}.brand-sub:before,.brand-sub:after{width:1.5rem}}
@media(max-width:380px){.brand-emblem{width:40px;height:40px}.brand-main{font-size:1rem}.brand-sub{font-size:.4rem;gap:.6rem}.languages{gap:.5rem}.site-header nav{gap:1.5rem}}

/* Refugio family: display for identity, open text cuts for reading. */
:root{--serif:'Refugio 1987 Texto',Georgia,'Times New Roman',serif;--display:'Refugio 1987 Titular',Georgia,serif}
.brand-wordmark{font-family:Georgia,'Times New Roman',serif}
.hero h1{font-family:var(--display);font-weight:900;font-size:clamp(4rem,6vw,6.3rem);letter-spacing:-.025em;line-height:1.06}
h2{font-weight:600;line-height:1.2;letter-spacing:-.035em}
.game-logo,.game-name,.game-year{font-family:var(--display);font-weight:900;letter-spacing:0}
.game-logo{line-height:1}.game-year{letter-spacing:.06em;margin-top:.2rem}
.studio-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2.5rem,5vw,6rem)}
.studio-copy h2{font-size:clamp(2.2rem,3.7vw,3.8rem);margin-bottom:2rem}
.studio-copy>p.eyebrow{font:500 .75rem/1.6 var(--sans);letter-spacing:.23em;color:var(--gold)}
.studio-copy .lead{font-size:1.12rem;line-height:1.75}
.studio-portrait{margin:0;position:relative;min-width:0}
.studio-portrait:before{content:"";position:absolute;inset:-.75rem .75rem 3.5rem -.75rem;border:1px solid var(--line);pointer-events:none}
.studio-portrait img{position:relative;width:100%;height:auto;border:1px solid #74603e}
.studio-portrait figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin-top:1.25rem;font:400 .75rem/1.7 var(--sans);color:var(--muted)}
.studio-portrait figcaption span:first-child{color:var(--gold)}
.studio .values{font-size:.75rem;gap:1rem}.studio .values li+li:before{margin-right:1rem}
@media(max-width:1100px){.hero h1{font-size:4.5rem}.feature-action>p{font-size:1.15rem}.studio-copy h2{font-size:2.45rem}.studio-copy .lead{font-size:1rem}}
@media(max-width:760px){.hero h1{font-size:clamp(3.1rem,10vw,4.5rem);line-height:1.06;letter-spacing:-.025em}.hero-intro{font-size:1rem}.hero-actions .button{font-size:.82rem}.studio-grid{grid-template-columns:1fr;gap:2.75rem}.studio-portrait{max-width:540px}.studio-copy h2{font-size:clamp(2rem,6vw,2.8rem)}.studio-copy .lead{font-size:1.08rem}.feature-action{grid-template-columns:1fr}.feature-action .button{justify-self:start}.contact-email{font-size:clamp(1rem,4.3vw,1.8rem);gap:.65rem}}
@media(max-width:380px){.hero h1{font-size:2.85rem}.hero-intro{font-size:.95rem}.hero-actions .button{padding:.8rem .9rem;gap:.5rem}.studio .values{gap:.7rem}.studio .values li+li:before{margin-right:.7rem}.story-copy h2{font-size:2.1rem}.questions h2{font-size:1.9rem}.contact h2{font-size:2rem}}

/* Atlas watercolor: complete artwork, separate from copy, never darkened or cropped. */
.hero{height:auto;min-height:720px;display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.3fr);gap:2.5rem;padding:10rem 4rem 5rem;align-items:center}
.hero-inner{grid-column:1;grid-row:1;width:100%;padding:0;margin:0}
.hero-art{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:auto;object-fit:contain;z-index:0;border-radius:3px}
.hero-shade{display:none}
.hero h1{font-size:clamp(3rem,5vw,5.5rem)}
.hero-actions{flex-wrap:wrap;gap:1rem 1.5rem}
@media(min-width:1800px){.hero{padding-inline:max(4rem,calc((100vw - 1680px)/2));min-height:800px}}
@media(max-width:1100px){.hero{padding-inline:2rem;gap:1.5rem}.hero h1{font-size:3.5rem}}
@media(max-width:760px){.hero{display:flex;flex-direction:column;align-items:stretch;gap:2rem;padding:11rem 1.5rem 4rem;min-height:0;max-height:none;height:auto}.hero-inner{width:100%;padding:0}.hero-art{position:static;width:100%;height:auto;max-width:100%;object-fit:contain}.hero h1{font-size:clamp(2.85rem,10vw,4.5rem)}.hero-intro{max-width:25rem}.scroll-cue{bottom:.8rem}}
@media(max-width:380px){.hero{padding-inline:1rem;min-height:0}.hero h1{font-size:2.85rem}}
@media(max-width:760px){.hero-art{order:1}.hero-inner{order:0}}