/* MAXX FORGE cinematic system — original styling, built for desktop and touch. */
:root{--forge-black:#050608;--forge-panel:#0d1016;--forge-ink:#f6f1e8;--forge-orange:#ff563e;--forge-cyan:#67e6ff;--forge-gold:#fac66d}
.project-media{width:100%;height:100%;min-height:360px;object-fit:cover;background:#090b11}.project-thumb{width:100%;height:130px;object-fit:cover;margin:-1.5rem -1.5rem 1.2rem;width:calc(100% + 3rem);background:#090b11}
/* Brand spelling lock: MAXX always uses two Xs. */
.hero:after{content:"MAXX FORGE"!important}
body{background:var(--forge-black);letter-spacing:.01em}
.site-header{min-height:82px;background:linear-gradient(180deg,rgba(5,6,8,.94),rgba(5,6,8,.65));border:0;backdrop-filter:blur(18px);transition:background .25s ease}
.site-header:after{content:"";position:absolute;left:5vw;right:5vw;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}
.brand{display:flex;align-items:center;gap:.65rem;font-size:1rem}.brand-logo{width:39px;height:39px;object-fit:cover;border-radius:50%;filter:drop-shadow(0 0 11px rgba(103,230,255,.5))}.brand em{color:var(--forge-orange)}
nav{gap:1.7rem}nav a{position:relative;font-size:.72rem}nav a:not(.staff-link):after{content:"";position:absolute;left:0;right:0;bottom:-.55rem;height:2px;background:var(--forge-orange);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}nav a:hover:after{transform:scaleX(1)}.staff-link{border-color:rgba(255,255,255,.5);border-radius:999px;transition:background .2s,color .2s}.staff-link:hover{background:var(--forge-ink);color:var(--forge-black)}
.hero{min-height:clamp(680px,100vh,980px);display:flex;flex-direction:column;justify-content:center;padding-top:10rem;background:radial-gradient(ellipse 55% 62% at 77% 44%,rgba(132,33,34,.38),transparent 68%),radial-gradient(ellipse 33% 38% at 29% 24%,rgba(64,111,154,.17),transparent 72%),linear-gradient(115deg,#050608 8%,#090b10 52%,#180808)}
.hero:before{content:"";position:absolute;inset:0;z-index:0;opacity:.55;background:linear-gradient(90deg,rgba(5,6,8,.75),transparent 64%),repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 5px);pointer-events:none}.hero>*:not(.forge-world):not(.owl-glitch){position:relative;z-index:2}.hero:after{content:"MAXX";right:-.09em;bottom:-.14em;color:rgba(255,255,255,.045);letter-spacing:-.08em;font-size:clamp(13rem,32vw,34rem);line-height:.7}.hero h1{max-width:950px;text-wrap:balance;text-shadow:0 8px 30px rgba(0,0,0,.5)}.hero h1 span{color:var(--forge-orange)}.hero-copy{max-width:505px;font-size:clamp(1.02rem,1.5vw,1.23rem);line-height:1.55}.eyebrow{color:var(--forge-gold);letter-spacing:.16em}.button{position:relative;overflow:hidden;border-radius:2px;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.35)}.primary{background:var(--forge-orange)}.ghost{border-color:rgba(255,255,255,.45)}.scroll-cue{position:absolute!important;z-index:4;bottom:2.2rem;left:8vw;color:var(--forge-ink);font-size:.67rem;font-weight:800;letter-spacing:.16em;text-decoration:none}.scroll-cue b{color:var(--forge-orange);font-size:1.1rem;margin-left:.45rem}
.owl-glitch{filter:drop-shadow(0 30px 45px rgba(0,0,0,.58))}.owl-glitch:after{box-shadow:0 0 90px rgba(255,86,62,.18)}
.section{position:relative;padding-top:8.5rem;padding-bottom:8.5rem}.section h2{max-width:780px}.section-dark{background:linear-gradient(135deg,#11141c,#07090d 64%,#150a0b)}.section-dark:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(90deg,black,transparent 85%);pointer-events:none}
.project-feature,.project-card{position:relative;overflow:hidden;border-color:rgba(255,255,255,.16);border-radius:3px;box-shadow:0 25px 65px rgba(0,0,0,.25);transition:transform .35s ease,border-color .35s ease}.project-feature:hover,.project-card:hover{transform:translateY(-6px);border-color:rgba(103,230,255,.55)}.project-feature .art{min-height:360px}.project-feature .art:before{content:"CLASSIFIED // 001";position:absolute;z-index:2;top:1rem;left:1rem;padding:.45rem .55rem;border:1px solid rgba(255,255,255,.45);font-size:.63rem;letter-spacing:.15em}.project-card{min-height:260px}.project-card:before{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,var(--forge-orange),var(--forge-cyan));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.project-card:hover:before{transform:scaleX(1)}
.prime-section{background:linear-gradient(120deg,#130b0c,#080b12 56%,#0a1720)}.prime-section:before{content:"PRIME";position:absolute;right:3vw;top:1rem;color:rgba(255,255,255,.035);font:clamp(7rem,20vw,17rem)/1 var(--display);pointer-events:none}.studio-section{background:linear-gradient(135deg,#f6f1e8,#ded8ce);position:relative}.values article{padding:1.4rem 1rem 0}.values article:hover{background:rgba(0,0,0,.05)}.unity-card{background:#101522!important;color:var(--forge-ink);border:0!important;padding:1.4rem!important;box-shadow:inset 0 0 0 1px rgba(103,230,255,.35)}.unity-card strong{color:var(--forge-cyan)!important}.unity-card h3{color:var(--forge-ink)}
.contact-section{background:linear-gradient(125deg,#fc6049,#da362a 52%,#741e28)}.contact-section:before{content:"CONTACT";position:absolute;right:-.06em;bottom:-.13em;font:clamp(7rem,20vw,20rem)/.8 var(--display);color:rgba(0,0,0,.1);pointer-events:none}.contact-section>*{position:relative}.newsletter{padding:6rem 8vw;background:linear-gradient(120deg,#0a0d13,#15111b);border-top:1px solid rgba(255,255,255,.12)}
footer{background:#030406;padding-top:3rem;padding-bottom:3rem}footer a{margin-left:1rem;float:none}.mobile-tabs{box-shadow:0 -10px 35px rgba(0,0,0,.4)}
@media(max-width:760px){.site-header{min-height:66px}.brand-logo{width:32px;height:32px}.hero{min-height:750px;padding-top:8rem;padding-bottom:7rem}.hero h1{font-size:clamp(4rem,19vw,5.9rem)}.scroll-cue{bottom:1.5rem;left:1.25rem}.section{padding-top:5.5rem;padding-bottom:5.5rem}.project-feature .art{min-height:255px}.prime-section:before{top:3rem}.contact-section:before{font-size:9rem}.newsletter{padding:4.5rem 1.25rem}footer{padding-bottom:6rem}}
@media(prefers-reduced-motion:reduce){.button,.project-feature,.project-card,nav a:after{transition:none}.project-feature:hover,.project-card:hover,.button:hover{transform:none}}
