:root{--bg:#050505;--surface:#0c0c0c;--text:#f4f0e8;--muted:#aaa59b;--gold:#cda65a;--line:rgba(205,166,90,.28);--accent:#26bfae;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}body.game{--accent:#b83b35}body.luna{--accent:#8d537f}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(calc(100% - 48px),var(--max));margin:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:200;background:var(--text);color:#000;padding:10px 16px}.skip-link:focus{top:16px}.site-header{height:76px;position:fixed;inset:0 0 auto;z-index:100;background:linear-gradient(#050505 0%,rgba(5,5,5,.88) 70%,transparent);border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{background:rgba(5,5,5,.96);border-color:var(--line);backdrop-filter:blur(14px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:176px;height:auto}.nav-links{display:flex;align-items:center;gap:28px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.nav-links a{color:#ddd8ce;transition:.2s}.nav-links a:hover,.nav-links a:focus-visible{color:var(--gold)}.nav-toggle{display:none;border:0;background:none;color:var(--text);width:44px;height:44px;font-size:1.6rem}.hero{min-height:100svh;position:relative;display:grid;align-items:end;overflow:hidden}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.58) 42%,rgba(0,0,0,.1) 75%),linear-gradient(0deg,#050505 0%,transparent 28%)}.hero-content{position:relative;z-index:2;padding:160px 0 110px;max-width:680px}.hero-logo{width:min(560px,75vw);margin-bottom:42px}.hero h1,.display{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;line-height:.94}.hero h1{font-size:clamp(3.8rem,7vw,7.4rem);margin:0 0 28px}.hero p{font-size:clamp(1.05rem,1.6vw,1.35rem);max-width:650px;color:#d3cec4}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid var(--gold);color:var(--gold);text-transform:uppercase;letter-spacing:.09em;font-size:.73rem;font-weight:700;transition:.2s;background:transparent}.btn.primary{background:var(--gold);color:#090806}.btn:hover,.btn:focus-visible{background:var(--text);border-color:var(--text);color:#070707;transform:translateY(-2px)}.section{padding:110px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:52px}.section h2{font:400 clamp(2.6rem,5vw,5.2rem)/1 var(--serif);letter-spacing:-.035em;margin:0}.section-lead{color:var(--muted);font-size:1.08rem;max-width:580px;margin:0}.studio-split{display:grid;grid-template-columns:1fr 1fr}.studio-panel{position:relative;min-height:610px;overflow:hidden;display:flex;align-items:flex-end;padding:50px}.studio-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}.studio-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.08) 70%)}.studio-panel:hover img{transform:scale(1.03)}.studio-copy{position:relative;z-index:2;max-width:420px}.studio-copy h2{font:400 clamp(2.3rem,4vw,4rem)/1 var(--serif);margin:0 0 16px}.studio-copy p{color:#ddd7cc;margin:0 0 24px}.text-link{display:inline-flex;gap:14px;color:var(--gold);text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;border-bottom:1px solid var(--gold);padding-bottom:8px}.editorial{display:grid;grid-template-columns:minmax(270px,.75fr) 1.25fr;min-height:680px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.editorial.reverse{grid-template-columns:1.25fr minmax(270px,.75fr)}.editorial-media{min-height:560px}.editorial-media img{width:100%;height:100%;object-fit:cover}.editorial-copy{padding:80px clamp(32px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.editorial-copy h2{font:400 clamp(3rem,5vw,5.5rem)/.98 var(--serif);margin:0 0 28px}.editorial-copy h3{font:400 clamp(2.5rem,4vw,4.6rem)/1 var(--serif);margin:0 0 24px}.editorial-copy p{color:var(--muted);font-size:1.05rem;max-width:560px}.status{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;margin-bottom:22px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.project{background:var(--bg);min-height:500px;position:relative;overflow:hidden;display:flex;align-items:flex-end}.project img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.6s}.project::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.96),transparent 75%)}.project:hover img{transform:scale(1.035)}.project-copy{position:relative;z-index:2;padding:30px}.project h3{font:400 2.1rem/1 var(--serif);margin:0 0 12px}.project p{color:#c9c3b9;margin:0}.capabilities{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.capability{padding:38px 28px;border-right:1px solid var(--line)}.capability:last-child{border:0}.capability h3{font:400 1.6rem/1.1 var(--serif);color:var(--gold);margin:0 0 16px}.capability p{color:var(--muted);margin:0;font-size:.94rem}.contact{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 30%,#080808),#050505 65%);border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.contact h2{font:400 clamp(3rem,5vw,5.2rem)/1 var(--serif);margin:0 0 24px}.contact p{color:#c8c1b6}.contact-links{display:grid;gap:16px;margin-top:32px}.contact-links a{color:var(--gold)}.form{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;color:#c7c1b8}.field input,.field select,.field textarea{width:100%;border:0;border-bottom:1px solid #6a645c;background:transparent;color:var(--text);padding:11px 0;outline:none}.field select option{color:#111}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold)}.form-note{grid-column:1/-1;color:#aaa39a;font-size:.78rem}.site-footer{border-top:1px solid var(--line);padding:28px 0;color:#87827a;font-size:.78rem}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(18px);transition:.7s}.reveal.in{opacity:1;transform:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.nav-links{position:fixed;inset:76px 0 auto;background:#080808;display:none;flex-direction:column;align-items:flex-start;padding:28px 24px;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.nav-toggle{display:block}.hero-content{padding-bottom:78px}.section{padding:78px 0}.section-head,.contact-grid{grid-template-columns:1fr;gap:26px}.studio-split,.editorial,.editorial.reverse{grid-template-columns:1fr}.editorial.reverse .editorial-media{order:0}.editorial.reverse .editorial-copy{order:1}.projects{grid-template-columns:1fr 1fr}.capabilities{grid-template-columns:1fr 1fr}.capability:nth-child(2){border-right:0}.capability:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:620px){.container{width:min(calc(100% - 32px),var(--max))}.brand img{width:145px}.hero{min-height:760px}.hero::after{background:linear-gradient(0deg,#050505 0%,rgba(0,0,0,.5) 55%,rgba(0,0,0,.25))}.hero-content{padding:130px 0 64px}.hero-logo{margin-bottom:30px}.hero h1{font-size:3.5rem}.actions{display:grid}.btn{width:100%}.studio-split,.projects,.capabilities,.form{grid-template-columns:1fr}.studio-panel{min-height:500px;padding:30px}.editorial-media{min-height:420px}.editorial-copy{padding:56px 24px}.project{min-height:480px}.capability{border-right:0;border-bottom:1px solid var(--line)}.field.full,.form-note{grid-column:auto}.footer-row{display:grid}.section-head{margin-bottom:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero video{display:none}}

/* Stable first paint: the relevant fallback is visible before video decoding. */
body:not(.game):not(.luna) .hero{background:url('../img/panorama-3094696_1920.jpg') center/cover no-repeat}
body.game .hero{background:url('../img/ai-pedro-editorial.jpg') center/cover no-repeat}
body.luna .hero{background:url('../img/backgroundluna.jpg') center/cover no-repeat}
body:not(.game):not(.luna) .hero::after{background:linear-gradient(110deg,rgba(0,16,18,.94) 0%,rgba(0,92,88,.62) 48%,rgba(0,24,28,.52) 76%),linear-gradient(0deg,#050505 0%,transparent 32%)}
body:not(.game):not(.luna) .hero-media{filter:saturate(1.18) contrast(1.05)}
.hero video.hero-media{opacity:0;transition:opacity .7s ease}
.hero.media-ready video.hero-media{opacity:1}

/* Quasares Game Studio countdown gate. The finished site remains untouched below it. */
body.game.countdown-active{overflow:hidden}
body.game.countdown-active> :not(.countdown-gate){display:none!important}
.countdown-gate{--count-red:#a92725;position:relative;isolation:isolate;min-height:100svh;overflow:hidden;display:grid;place-items:center;background:#030303 url('../img/panorama-3094696_1920.jpg') center/cover no-repeat;color:var(--text);padding:96px 24px 42px}
.countdown-gate::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 78% 35%,rgba(169,39,37,.28),transparent 34%),radial-gradient(circle at 20% 70%,rgba(205,166,90,.12),transparent 32%),linear-gradient(105deg,rgba(2,2,2,.97),rgba(8,8,8,.7) 55%,rgba(3,3,3,.88))}
.countdown-gate::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background:repeating-radial-gradient(circle at 70% 48%,transparent 0 72px,rgba(205,166,90,.36) 73px 74px,transparent 75px 132px);mask-image:linear-gradient(90deg,transparent 25%,#000)}
.countdown-nav{position:absolute;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;width:min(calc(100% - 48px),var(--max));margin:auto;border-bottom:1px solid rgba(205,166,90,.2)}
.countdown-nav img{width:176px}.countdown-date{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#cfc8bc}
.countdown-inner{width:min(100%,1180px);display:grid;grid-template-columns:minmax(360px,.9fr) 1.1fr;align-items:end;gap:clamp(48px,6vw,90px)}
.countdown-brand{width:min(440px,75vw);margin-bottom:42px}.countdown-copy h1{font:400 clamp(3.7rem,5.5vw,5.8rem)/.9 var(--serif);letter-spacing:-.045em;margin:0 0 28px}.countdown-copy p{max-width:570px;color:#bcb6ad;font-size:1.06rem}.countdown-rule{width:72px;height:1px;background:var(--gold);margin:34px 0}
.countdown-clock{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.countdown-unit{padding:28px 22px;border-right:1px solid var(--line)}.countdown-unit:last-child{border-right:0}.countdown-value{display:block;font:400 clamp(3.5rem,7vw,6.5rem)/1 var(--serif);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.countdown-label{display:block;margin-top:10px;color:var(--gold);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase}
.countdown-note{margin-top:24px;color:#8f8981;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.countdown-reveal{display:none}.countdown-gate.is-revealed .countdown-timer{display:none}.countdown-gate.is-revealed .countdown-reveal{display:block}.countdown-reveal h1{color:var(--text)}.countdown-reveal strong{color:var(--gold);font-weight:400}
@media(max-width:820px){.countdown-gate{place-items:start center;padding-top:112px}.countdown-inner{grid-template-columns:1fr;align-items:start;gap:46px}.countdown-brand{width:min(330px,72vw);margin-bottom:28px}.countdown-copy h1{font-size:clamp(3.4rem,15vw,5.4rem)}.countdown-clock{width:100%}.countdown-unit{padding:22px 10px}.countdown-value{font-size:clamp(2.6rem,14vw,4.5rem)}.countdown-date{display:none}}
@media(max-width:460px){.countdown-nav{width:calc(100% - 32px)}.countdown-nav img{width:146px}.countdown-gate{padding-inline:16px}.countdown-inner{gap:38px}.countdown-clock{grid-template-columns:repeat(2,1fr)}.countdown-unit:nth-child(2){border-right:0}.countdown-unit:nth-child(-n+2){border-bottom:1px solid var(--line)}.countdown-value{font-size:3.4rem}}
@media(prefers-reduced-motion:reduce){.hero video.hero-media{display:block;opacity:0}.countdown-gate::after{display:none}}

/* Countdown stability and stronger Game Studio atmosphere. */
.countdown-gate{background-color:#050000;background-image:linear-gradient(108deg,#020202 0%,rgba(15,0,0,.96) 38%,rgba(82,0,0,.88) 72%,rgba(12,0,0,.98) 100%),url('../img/panorama-3094696_1920.jpg');background-position:center;background-size:cover}
.countdown-gate::before{background:radial-gradient(circle at 76% 38%,rgba(235,28,24,.42),transparent 34%),radial-gradient(circle at 43% 78%,rgba(133,0,0,.34),transparent 38%),linear-gradient(102deg,rgba(0,0,0,.98) 0%,rgba(18,0,0,.86) 48%,rgba(2,0,0,.76) 76%,rgba(0,0,0,.94) 100%)}
.countdown-inner{contain:layout;grid-template-columns:minmax(360px,500px) minmax(600px,1fr)}
.countdown-copy,.countdown-clock,.countdown-unit{min-width:0}
.countdown-clock{height:190px;contain:layout size;align-items:stretch;grid-template-columns:1.2fr repeat(3,1fr)}
.countdown-unit{display:grid;grid-template-rows:1fr auto;place-items:center;padding:24px 14px}
.countdown-value{width:3ch;text-align:center;line-height:1;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:'tnum' 1,'lnum' 1}
.countdown-unit:first-child .countdown-value{font-size:clamp(3rem,5.1vw,5.2rem)}
.countdown-unit:not(:first-child) .countdown-value{width:2ch}
.countdown-label{height:18px;margin-top:0}
@media(max-width:1100px){.countdown-inner{grid-template-columns:minmax(320px,.85fr) 1.15fr;gap:44px}.countdown-copy h1{font-size:clamp(3.5rem,6.2vw,5rem)}.countdown-clock{height:168px}.countdown-value{font-size:clamp(3rem,7vw,5.2rem)}}
@media(max-width:820px){.countdown-inner{contain:none;grid-template-columns:1fr}.countdown-clock{height:auto;min-height:150px;contain:layout}.countdown-copy h1{font-size:clamp(3.4rem,15vw,5.4rem)}}
@media(max-width:460px){.countdown-clock{min-height:260px;grid-template-columns:repeat(2,1fr)}.countdown-unit{min-height:130px}.countdown-value{font-size:3.4rem}}

/* Countdown soundtrack control. */
.countdown-sound{position:fixed;right:clamp(18px,2.4vw,38px);bottom:clamp(18px,2.4vw,32px);z-index:6;display:flex;align-items:center;gap:12px;min-width:154px;padding:10px 16px 10px 12px;border:1px solid rgba(205,166,90,.42);border-radius:999px;background:rgba(5,0,0,.68);color:var(--text);box-shadow:0 14px 38px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(14px);cursor:pointer;transition:border-color .25s,background .25s,transform .25s}
.countdown-sound:hover,.countdown-sound:focus-visible{border-color:var(--gold);background:rgba(28,3,3,.9);transform:translateY(-2px);outline:none}
.sound-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:3px;background:linear-gradient(145deg,rgba(205,166,90,.24),rgba(169,39,37,.28));border:1px solid rgba(205,166,90,.22)}
.sound-icon i{display:block;width:2px;height:11px;border-radius:2px;background:var(--gold);transform-origin:center;animation:sound-wave .85s ease-in-out infinite alternate}
.sound-icon i:nth-child(2){height:17px;animation-delay:-.3s}.sound-icon i:nth-child(3){height:8px;animation-delay:-.55s}
.sound-copy{display:grid;text-align:left;line-height:1.1}.sound-copy small{color:#9f978d;font-size:.57rem;letter-spacing:.13em;text-transform:uppercase}.sound-copy strong{margin-top:4px;color:#ece7de;font-size:.72rem;letter-spacing:.06em;font-weight:600}
.countdown-sound:not([data-state="playing"]) .sound-icon i{animation-play-state:paused;transform:scaleY(.35)}
.countdown-sound[data-state="muted"] .sound-icon{opacity:.55}
@keyframes sound-wave{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
@media(max-width:820px){.countdown-sound{top:88px;right:16px;bottom:auto;min-width:0;padding:8px 12px 8px 8px}.sound-icon{width:30px;height:30px}.sound-copy small{display:none}}
@media(max-width:460px){.countdown-sound{top:86px;right:12px}.sound-copy strong{font-size:.65rem}}
