:root{color-scheme:dark;--bg:#090909;--panel:#111113;--text:#f5f3f2;--muted:#b2afb0;--red:#c51d28}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(20px,5vw,80px);background:rgba(7,7,8,.94);border-bottom:1px solid #292225;backdrop-filter:blur(12px)}.brand img{width:170px;height:60px;object-fit:contain;object-position:left}.nav nav{display:flex;gap:clamp(12px,2.5vw,36px)}.nav nav a{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:700}.nav nav a:hover,footer a:hover{color:#ee3a45}.hero{position:relative;min-height:690px;display:flex;align-items:end;overflow:hidden}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.24) 75%),linear-gradient(0deg,#090909,transparent 65%),url('assets/hero.jpg') center/cover}.hero-content{position:relative;padding:130px clamp(24px,8vw,140px) 105px;max-width:1000px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.25em;color:#ed4550;text-transform:uppercase}.hero h1,h2,h3{line-height:1.07;letter-spacing:-.04em}.hero h1{font-size:clamp(48px,7vw,100px);margin:20px 0}.hero h1 span,h2 span{color:var(--red)}.hero-content>p:not(.eyebrow){max-width:560px;font-size:19px;color:#ddd}.button{display:inline-flex;gap:28px;align-items:center;margin-top:20px;padding:14px 24px;background:var(--red);font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.button:hover{background:#ee3341}.section{padding:110px clamp(24px,7vw,110px)}.section-heading{text-align:center;max-width:800px;margin:0 auto 65px}.section-heading h2,.about h2,.contact h2{font-size:clamp(40px,5vw,68px);margin:14px 0 18px}.section-heading>p:last-child{color:var(--muted)}.principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:1400px;margin:auto}.principle{padding:36px 26px;background:linear-gradient(150deg,#191719,#0e0d0e);border:1px solid #31272a;border-top:2px solid #8e1821}.symbol{width:56px;height:56px;color:#e33a44;margin-bottom:28px}.symbol svg{width:100%;height:100%}.principle h3{font-size:24px;margin:0 0 18px}.principle p,.game-copy p,.about-copy p{color:var(--muted)}.photo-band{height:300px;background:linear-gradient(0deg,rgba(0,0,0,.45),rgba(0,0,0,.25)),url('assets/hero.jpg') center 60%/cover;border-block:1px solid #2a2928}.games{background:#101011}.game-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,6vw,100px);max-width:1300px;margin:auto;align-items:center}.game-art img{display:block;width:100%;border:1px solid #3b3433;box-shadow:0 25px 65px #0009}.status{font-size:11px;color:#f18a8e;letter-spacing:.17em;font-weight:800}.game-copy h3{font-size:clamp(35px,4.3vw,66px);margin:20px 0}.game-copy h3 em{font-style:normal;color:#d52c37}.game-copy .lead{font-size:23px;color:#fff;font-weight:700}.features{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.features span{border:1px solid #554044;padding:7px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.soon{display:inline-block;color:#e7b4b6;font-size:13px}.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,6vw,100px)}.about-photo img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.about-copy{max-width:600px}.about-copy strong{display:block;margin-top:30px;color:#fff;font-size:20px}.contact{text-align:center;background:radial-gradient(ellipse at center,#321016 0%,#100b0d 48%,#090909 100%)}.contact p:not(.eyebrow){color:var(--muted)}.contact-note{font-size:13px}footer{padding:24px 6vw;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #2b2426;color:#8f8c8d;font-size:12px}footer img{width:140px;max-height:55px;object-fit:contain}@media(max-width:950px){.principles{grid-template-columns:repeat(2,1fr)}.game-feature,.about{grid-template-columns:1fr}.game-art{max-width:680px;margin:auto}.hero{min-height:580px}}@media(max-width:580px){.nav{flex-wrap:wrap;justify-content:center;gap:5px}.brand img{height:54px}.nav nav{width:100%;justify-content:center;gap:15px}.nav nav a{font-size:10px}.hero{min-height:520px}.hero-content{padding:85px 24px 70px}.principles{grid-template-columns:1fr}.section{padding:75px 20px}.photo-band{height:180px}footer{flex-direction:column;text-align:center}}

.language-switch{display:flex;gap:4px;padding:4px;border:1px solid #514146;border-radius:8px}.language-switch button{background:transparent;color:#ddd;border:0;padding:6px 10px;font-weight:800;cursor:pointer;border-radius:5px}.language-switch button[aria-pressed="true"]{background:#bd202b;color:white}.language-switch button:hover{color:#fff;background:#69212a}@media(max-width:650px){.nav{flex-wrap:wrap;gap:6px}.nav nav{order:3;width:100%;justify-content:space-between;gap:8px}.nav nav a{font-size:10px}.brand img{width:140px;height:48px}.language-switch{margin-left:auto}.hero{min-height:580px}}

/* Logo treatment and section vector emblems */
.nav{min-height:105px;gap:22px}.brand{flex:0 0 auto;display:block}.brand img{width:clamp(225px,24vw,360px);height:86px;object-fit:contain;object-position:left center}.hero-content{max-width:1060px}.hero-emblem{display:block;width:clamp(260px,37vw,530px);height:auto;max-height:370px;object-fit:contain;object-position:left center;filter:drop-shadow(0 12px 28px #0009);margin-bottom:12px}.hero{min-height:860px}.hero-content{padding-top:65px;padding-bottom:75px}.hero h1{font-size:clamp(44px,6vw,86px)}.section-icon{width:78px;height:78px;margin:0 auto 20px;border:1px solid #5c2228;background:radial-gradient(circle,#331217,#110e10 72%);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#ef4c56}.section-icon svg{width:47px;height:47px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.section-icon.align-left{margin-left:0}.principle .symbol{width:76px;height:76px;padding:13px;background:#261317;border:1px solid #623039;border-radius:14px}footer img{width:240px;max-height:100px}footer{min-height:120px}
@media(max-width:1050px){.nav{flex-wrap:wrap}.nav nav{gap:18px}.brand img{width:265px}.hero{min-height:740px}}
@media(max-width:650px){.nav{min-height:unset;justify-content:space-between}.brand img{width:215px;height:75px}.nav nav{order:3;width:100%;justify-content:space-between}.hero{min-height:710px}.hero-emblem{width:min(82vw,390px)}.hero-content{padding-top:75px;padding-bottom:65px}.section-icon{width:68px;height:68px}footer img{width:210px}}
