:root{--bg:#07100c;--panel:#0b1510;--text:#f5f1e9;--muted:#aab3ad;--gold:#d1a95e;--gold2:#efd79d;--line:rgba(255,255,255,.13)}
*{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:30px;padding:0 4vw;background:linear-gradient(to bottom,rgba(2,7,5,.95),rgba(2,7,5,.58),transparent);transition:.3s}.site-header.scrolled{background:rgba(5,10,8,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand img{width:108px;filter:brightness(2) grayscale(1)}.main-nav{display:flex;gap:26px;margin-left:auto}.main-nav a{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:#d7ddd8}.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:49px;padding:0 25px;border:1px solid transparent;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-outline{border-color:rgba(218,176,95,.65);color:#f2dcae;background:rgba(0,0,0,.16)}.btn-gold{background:linear-gradient(180deg,#f3d89c,#c49547);color:#12100a;box-shadow:0 12px 35px rgba(196,145,70,.2)}.btn-glass{border-color:rgba(255,255,255,.35);background:rgba(4,8,6,.34);backdrop-filter:blur(6px)}
.hero{position:relative;min-height:100vh;background:url('assets/hero-world.png') center/cover no-repeat;display:flex;align-items:center;padding:120px 7vw 90px}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,5,.86) 0%,rgba(3,8,6,.42) 45%,rgba(3,8,6,.12) 75%),linear-gradient(0deg,rgba(5,10,8,.96) 0%,transparent 35%)}.hero-content{position:relative;z-index:2;max-width:680px}.hero-logo{width:260px;margin-bottom:16px;filter:brightness(3) grayscale(1)}.hero-kicker{color:var(--gold2);font-size:11px;letter-spacing:.34em;font-weight:800}.hero h1,.story-card h2,.team-copy h2,.section h2,.play-banner h2,.community h2{font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.06em;margin:.22em 0}.hero h1{font-size:clamp(50px,7vw,94px);line-height:.9;text-shadow:0 5px 35px rgba(0,0,0,.55)}.hero-copy{max-width:620px;font-size:17px;line-height:1.7;color:#dbe0dc}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.hero-side-label{position:absolute;z-index:3;right:3vw;top:42%;text-align:right;color:var(--gold2);font-size:10px;line-height:1.8;letter-spacing:.3em;font-weight:700}.scroll-cue{position:absolute;z-index:3;bottom:26px;left:50%;transform:translateX(-50%);font-size:9px;text-transform:uppercase;letter-spacing:.22em;color:#b9c0bb;display:flex;flex-direction:column;align-items:center;gap:5px}.eyebrow{margin:0 0 13px;color:var(--gold2);font-size:10px;font-weight:800;letter-spacing:.3em;text-transform:uppercase}
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);min-height:510px}.story-card{position:relative;background-size:cover;background-position:center;min-height:510px;display:flex;align-items:flex-end;border-right:1px solid var(--line);overflow:hidden}.world-card{background-image:url('assets/island-sunset.png')}.creature-card{background-image:url('assets/tyrannosaur.png')}.challenge-card{background-image:url('assets/prehistoric-world.png');background-position:75% 70%}.story-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,9,7,.93),rgba(4,9,7,.03) 70%);transition:.35s}.story-card:hover .story-shade{background:linear-gradient(0deg,rgba(4,9,7,.96),rgba(4,9,7,.05) 65%)}.story-content{position:relative;z-index:2;padding:38px;max-width:520px}.story-content h2{font-size:28px;line-height:1.05}.story-content p{color:#d7ddd8;line-height:1.65;font-size:14px}.story-content a{display:inline-block;margin-top:10px;color:var(--gold2);text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:800}
.team-section{min-height:620px;display:grid;grid-template-columns:1.2fr .9fr .7fr;background:#08110d;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.team-image{background:linear-gradient(90deg,rgba(5,10,8,.03),rgba(5,10,8,.65)),url('assets/survivor-raptor.png') center/cover}.team-copy{display:flex;flex-direction:column;justify-content:center;padding:60px 4vw}.team-copy h2{font-size:clamp(34px,4vw,58px)}.team-copy>p:not(.eyebrow){color:var(--muted);line-height:1.75}.team-copy .btn{align-self:flex-start;margin-top:16px}.team-features{display:flex;flex-direction:column;justify-content:center;gap:28px;padding:60px 4vw;border-left:1px solid var(--line)}.team-features div{display:grid;grid-template-columns:35px 1fr;column-gap:12px}.team-features span{grid-row:1/3;font-size:23px;color:var(--gold2)}.team-features strong{text-transform:uppercase;letter-spacing:.13em;font-size:11px}.team-features small{color:var(--muted);margin-top:5px}
.section{padding:96px 5vw}.section-heading{text-align:center;max-width:740px;margin:0 auto 48px}.section-heading h2{font-size:clamp(31px,4vw,52px)}.section-heading p:last-child{color:var(--muted);line-height:1.7}.bestiary{background:radial-gradient(circle at 50% 0,rgba(72,104,80,.15),transparent 38%),var(--bg)}.bestiary-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}.beast{height:530px;background-size:cover;background-position:center;position:relative;border:1px solid var(--line);display:flex;align-items:flex-end;overflow:hidden}.beast:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,10,8,.96),transparent 62%)}.beast>div{position:relative;z-index:2;padding:30px}.beast span{font-size:9px;letter-spacing:.2em;color:var(--gold2)}.beast h3{font-family:Cinzel,serif;text-transform:uppercase;font-size:28px;margin:8px 0}.beast p{color:#c4ccc6;line-height:1.65;font-size:13px}.beast-rex{background-image:url('assets/tyrannosaur.png')}.beast-ocean{background-image:url('assets/ocean-leviathan.png')}.beast-sky{background-image:url('assets/dawn-valley.png');background-position:80% center}
.gallery-section{background:linear-gradient(180deg,#09120e,#07100c)}.gallery-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:260px 260px;gap:13px;max-width:1400px;margin:auto}.gallery-card{border:1px solid var(--line);background-size:cover;background-position:center;cursor:pointer;position:relative;overflow:hidden}.gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.48),transparent 60%);transition:.3s}.gallery-card:hover:after{background:rgba(207,166,90,.1)}.g1{grid-row:1/3;background-image:url('assets/hero-world.png')}.g2{background-image:url('assets/island-sunset.png')}.g3{background-image:url('assets/dawn-valley.png')}.g4{background-image:url('assets/lost-ruins.png')}.g5{background-image:url('assets/ocean-leviathan.png')}
.news-section{background:#08100d}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1360px;margin:auto}.news-card{background:#0d1712;border:1px solid var(--line)}.news-image{height:230px;background-size:cover;background-position:center}.n1{background-image:url('assets/lost-ruins.png')}.n2{background-image:url('assets/tyrannosaur.png')}.n3{background-image:url('assets/island-sunset.png')}.news-body{padding:27px}.news-body span{color:var(--gold2);font-size:9px;text-transform:uppercase;letter-spacing:.18em}.news-body h3{font-family:Cinzel,serif;text-transform:uppercase;font-size:20px}.news-body p{color:var(--muted);line-height:1.7;font-size:14px}.news-body a{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#e8c985}
.community{min-height:570px;display:flex;align-items:center;padding:90px 7vw;background:linear-gradient(90deg,rgba(4,9,6,.9),rgba(4,9,6,.25)),url('assets/prehistoric-world.png') center/cover no-repeat}.community-copy{max-width:620px}.community h2{font-size:clamp(38px,5vw,65px)}.community-copy>p:not(.eyebrow){color:#d5ddd6;line-height:1.75}.socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.socials span{border:1px solid var(--line);padding:12px 15px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;background:rgba(0,0,0,.25)}
.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,.85)),url('assets/island-sunset.png') center/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:46px 5vw;background:#040a07;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:11px;letter-spacing:.14em;text-transform:uppercase}.footer-links{display:flex;gap:22px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#b8c0ba}.copyright{grid-column:1/-1;color:#69736d;font-size:10px}.reveal{opacity:0;transform:translateY(20px);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,.92);display:none;align-items:center;justify-content:center;padding:5vw}.lightbox.open{display:flex}.lightbox-image{width:min(1280px,94vw);height:min(800px,82vh);background:center/contain no-repeat}.lightbox-close{position:absolute;top:24px;right:30px;background:none;border:0;color:#fff;font-size:42px;cursor:pointer}
@media(max-width:1050px){.header-cta{display:none}.main-nav{position:fixed;top:76px;left:0;right:0;background:rgba(5,10,8,.98);display:none;flex-direction:column;padding:28px}.main-nav.open{display:flex}.menu-toggle{display:block}.story-grid{grid-template-columns:1fr}.story-card{min-height:460px}.team-section{grid-template-columns:1fr 1fr}.team-image{min-height:540px}.team-features{grid-column:1/3;display:grid;grid-template-columns:repeat(4,1fr);border-left:0;border-top:1px solid var(--line)}.bestiary-grid{grid-template-columns:1fr 1fr}.beast-rex{grid-column:1/3}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:230px 230px 230px}.g1{grid-row:1/3}.news-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}
@media(max-width:680px){.site-header{height:68px;padding:0 20px}.brand img{width:92px}.hero{padding:115px 22px 82px;align-items:flex-end}.hero:after{background:linear-gradient(0deg,rgba(4,9,6,.96),rgba(4,9,6,.25) 70%)}.hero-logo{width:195px}.hero h1{font-size:53px}.hero-copy{font-size:14px}.hero-actions .btn{width:100%}.hero-side-label{display:none}.story-content{padding:28px}.team-section{grid-template-columns:1fr}.team-image{min-height:430px}.team-copy{padding:65px 22px}.team-features{grid-column:auto;grid-template-columns:1fr 1fr;padding:42px 22px}.section{padding:72px 20px}.bestiary-grid{grid-template-columns:1fr}.beast,.beast-rex{grid-column:auto;height:420px}.gallery-grid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(5,220px)}.g1{grid-row:auto}.community{padding:75px 22px}.site-footer{padding:40px 22px}.footer-links{display:grid;grid-template-columns:1fr 1fr}}