:root{
  --bg:#08100d;
  --bg2:#0d1712;
  --panel:#101b16;
  --text:#f3f2ec;
  --muted:#a8b1aa;
  --gold:#cfa65a;
  --gold2:#f1d18d;
  --line:rgba(255,255,255,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:76px;display:flex;align-items:center;gap:32px;padding:0 4vw;background:linear-gradient(to bottom,rgba(2,7,5,.92),rgba(2,7,5,.52),transparent);transition:.3s}
.site-header.scrolled{background:rgba(5,10,8,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand img{width:104px;filter:brightness(2) grayscale(1)}
.main-nav{display:flex;gap:28px;margin-left:auto}
.main-nav a{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:#d5dbd6}
.main-nav a:hover{color:var(--gold2)}
.menu-toggle{display:none;margin-left:auto;background:none;border:0;color:white;font-size:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border:1px solid transparent;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;transition:.25s}
.btn:hover{transform:translateY(-2px)}
.btn-outline{border-color:rgba(218,176,95,.7);color:#f2dcae;background:rgba(0,0,0,.12)}
.btn-gold{background:linear-gradient(180deg,#f3d89c,#c79a4d);color:#12100a;box-shadow:0 10px 30px rgba(196,145,70,.18)}
.btn-glass{border-color:rgba(255,255,255,.35);background:rgba(4,8,6,.35);backdrop-filter:blur(6px)}
.hero{position:relative;min-height:100vh;background:url('assets/hero-jungle.png') center/cover no-repeat;display:flex;align-items:center;padding:120px 7vw 80px}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,9,6,.78) 0%,rgba(4,9,6,.34) 48%,rgba(4,9,6,.1) 78%),linear-gradient(0deg,rgba(5,10,8,.95) 0%,transparent 35%)}
.hero-content{position:relative;z-index:2;max-width:690px}
.eyebrow{margin:0 0 16px;color:var(--gold2);font-size:11px;font-weight:800;letter-spacing:.34em;text-transform:uppercase}
.hero-logo{width:310px;margin:0 0 18px;filter:brightness(3) grayscale(1)}
.hero h1,.section h2,.play-banner h2{font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.06em;margin:.2em 0;color:#fff}
.hero h1{font-size:clamp(38px,6vw,76px);line-height:.97;max-width:800px;text-shadow:0 4px 30px rgba(0,0,0,.45)}
.hero-copy{max-width:610px;font-size:18px;line-height:1.65;color:#d5dcd6;text-shadow:0 2px 16px rgba(0,0,0,.7)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.scroll-cue{position:absolute;z-index:3;bottom:26px;left:50%;transform:translateX(-50%);font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#b9c0bb;display:flex;flex-direction:column;align-items:center;gap:5px}
.section{padding:100px 5vw}
.intro{background:radial-gradient(circle at 50% 0,rgba(59,86,68,.17),transparent 35%),var(--bg)}
.section-heading{text-align:center;max-width:720px;margin:0 auto 52px}
.section-heading h2{font-size:clamp(30px,4vw,52px)}
.section-heading p:last-child{color:var(--muted);line-height:1.7}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1400px;margin:auto}
.feature-card{background:linear-gradient(180deg,#0f1a15,#0b1310);border:1px solid var(--line);overflow:hidden;min-height:420px;transition:.3s}
.feature-card:hover{transform:translateY(-6px);border-color:rgba(207,166,90,.55)}
.feature-media{height:205px;background-image:linear-gradient(0deg,rgba(8,16,13,.95),transparent 65%),url('assets/hero-jungle.png');background-size:cover;background-position:center}
.creature-one{background-position:62% 28%}.jungle{background-position:25% 70%}.camp{background-position:55% 72%}.tribe{background-position:80% 40%}
.feature-body{padding:28px}
.feature-icon{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid rgba(207,166,90,.45);color:var(--gold2);border-radius:50%;margin-bottom:14px}
.feature-body h3{font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.06em;font-size:16px}
.feature-body p{color:var(--muted);font-size:14px;line-height:1.7}
.split-section{display:grid;grid-template-columns:1.15fr .85fr;gap:0;padding:0;background:#0a120e;min-height:660px}
.split-image{background-image:linear-gradient(90deg,rgba(8,16,13,.08),rgba(8,16,13,.82)),url('assets/hero-jungle.png');background-size:cover;background-position:56% 48%}
.split-copy{padding:100px 7vw;display:flex;flex-direction:column;justify-content:center}
.split-copy h2{font-size:clamp(34px,4.2vw,58px)}
.split-copy>p{color:var(--muted);line-height:1.75}
.stats{display:flex;gap:35px;margin:30px 0}.stats div{display:flex;flex-direction:column}.stats strong{font-size:32px;color:var(--gold2);font-family:Cinzel,serif}.stats span{text-transform:uppercase;letter-spacing:.12em;color:#9ba69f;font-size:10px}
.text-link{color:var(--gold2);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.gallery-section{background:linear-gradient(180deg,#0a120e,#08100d)}
.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:230px 230px;gap:14px;max-width:1400px;margin:auto}
.gallery-card{border:1px solid var(--line);background-image:url('assets/hero-jungle.png');background-size:cover;cursor:pointer;position:relative;overflow:hidden}.gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.42),transparent 55%);transition:.3s}.gallery-card:hover:after{background:rgba(207,166,90,.12)}
.g1{grid-row:1/3;background-position:14% 58%}.g2{background-position:55% 38%}.g3{background-position:78% 28%}.g4{grid-column:2/4;background-position:56% 75%}
.news-section{background:#09110d}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1350px;margin:auto}
.news-card{background:#0e1813;border:1px solid var(--line)}
.news-image{height:220px;background:url('assets/hero-jungle.png') center/cover}.n1{background-position:75% 75%}.n2{background-position:48% 40%}.n3{background-position:32% 58%}
.news-body{padding:28px}.news-body span{color:var(--gold2);font-size:10px;text-transform:uppercase;letter-spacing:.18em}.news-body h3{font-family:Cinzel,serif;text-transform:uppercase;font-size:21px;letter-spacing:.04em}.news-body p{color:var(--muted);line-height:1.7}.news-body a{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#e8c985}
.play-banner{min-height:560px;padding:100px 6vw;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(rgba(5,11,8,.35),rgba(5,11,8,.82)),url('assets/hero-jungle.png') center 32%/cover no-repeat}
.play-content{max-width:760px}.play-banner h2{font-size:clamp(38px,5vw,70px)}.play-content>p:not(.eyebrow){color:#d5ddd6;line-height:1.7;margin-bottom:30px}
.site-footer{padding:48px 5vw;background:#050b08;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:26px;align-items:end}.footer-brand img{width:120px;filter:brightness(2) grayscale(1)}.footer-brand p{color:#7e8982;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.footer-links{display:flex;gap:22px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#b8c0ba}.copyright{grid-column:1/-1;color:#69736d;font-size:11px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
.lightbox{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;padding:5vw}.lightbox.open{display:flex}.lightbox-image{width:min(1200px,94vw);height:min(760px,80vh);background:url('assets/hero-jungle.png') center/cover no-repeat;border:1px solid var(--line)}.lightbox-close{position:absolute;top:25px;right:30px;background:none;border:0;color:#fff;font-size:42px;cursor:pointer}
@media(max-width:980px){.header-cta{display:none}.main-nav{position:fixed;top:76px;left:0;right:0;background:rgba(5,10,8,.97);display:none;flex-direction:column;padding:28px}.main-nav.open{display:flex}.menu-toggle{display:block}.feature-grid{grid-template-columns:repeat(2,1fr)}.split-section{grid-template-columns:1fr}.split-image{min-height:420px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:230px 230px}.g1{grid-row:auto}.g4{grid-column:1/3}.news-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}
@media(max-width:640px){.site-header{height:68px;padding:0 20px}.brand img{width:90px}.hero{padding:110px 22px 80px;align-items:flex-end}.hero:after{background:linear-gradient(0deg,rgba(4,9,6,.96),rgba(4,9,6,.25) 62%,rgba(4,9,6,.25))}.hero-logo{width:220px}.hero-copy{font-size:15px}.hero-actions .btn{width:100%}.section{padding:74px 20px}.feature-grid{grid-template-columns:1fr}.split-copy{padding:70px 22px}.stats{gap:18px;flex-wrap:wrap}.gallery-grid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,210px)}.g4{grid-column:auto}.site-footer{padding:40px 22px}.footer-links{display:grid;grid-template-columns:1fr 1fr}}