:root{--bg:#242b34;--bg-dark:#06080b;--panel:#171b21;--panel-soft:#171b21d1;--line:#ffffff1f;--text:#f5f7f8;--muted:#a9b2bd;--blue:#1b8bd1;--cyan:#6be7ef;--steel:#c6d1d8;--gold:#c89b53;--font-display:Georgia, "Times New Roman", serif;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 50% 0%, #507d962e, transparent 32rem), linear-gradient(180deg, #10151b 0%, var(--bg) 45%, #1d232b 100%);font-family:var(--font-body);margin:0;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;opacity:.55;background-image:radial-gradient(circle,#ffffff24 1px,#0000 1px),linear-gradient(#ffffff06 1px,#0000 1px);background-size:92px 92px,100% 72px;position:fixed;inset:0}body.menu-lock{overflow:hidden}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button,input,textarea{font:inherit}.site-header{z-index:50;pointer-events:none;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:fixed;top:0;left:0;right:0}.brand,.menu-button{pointer-events:auto}.brand{color:#fff;text-shadow:0 2px 18px #000000bf;align-items:center;gap:12px;min-width:0;display:flex}.brand img{object-fit:cover;border:1px solid #ffffff38;border-radius:50%;width:48px;height:48px;box-shadow:0 0 28px #6be7ef1f}.brand strong{font-family:var(--font-display);letter-spacing:.1em;font-size:clamp(20px,2vw,30px);line-height:1;display:block}.brand small{letter-spacing:.24em;text-transform:uppercase;color:#dcf0f8c2;margin-top:3px;font-size:9px;font-weight:700;display:block}.menu-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05080c6b;border:1px solid #ffffff2e;border-radius:0;place-items:center;gap:4px;width:46px;height:46px;padding:12px;transition:background .2s,border-color .2s,transform .2s;display:grid}.menu-button:hover{background:#ffffff1a;border-color:#6be7ef8c;transform:translateY(-1px)}.menu-button span{transform-origin:50%;background:#fff;width:18px;height:2px;transition:transform .2s,opacity .2s;display:block}.menu-button--open span:first-child{transform:translateY(6px)rotate(45deg)}.menu-button--open span:nth-child(2){opacity:0}.menu-button--open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.drawer{z-index:40;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#05070adb;border-left:1px solid #ffffff1f;width:min(390px,100vw);transition:transform .38s cubic-bezier(.2,.9,.2,1);position:fixed;inset:0 0 0 auto;transform:translate(104%)}.drawer--open{transform:translate(0)}.drawer__inner{flex-direction:column;gap:28px;min-height:100%;padding:96px 28px 28px;display:flex}.drawer__eyebrow,.kicker,.section-title p{color:var(--cyan);letter-spacing:.28em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.drawer nav{gap:8px;display:grid}.drawer nav a{font-family:var(--font-display);letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:18px 0;font-size:30px;transition:color .2s,padding-left .2s;display:flex}.drawer nav a:hover{color:var(--cyan);padding-left:8px}.drawer__cta{background:linear-gradient(135deg,#6be7ef1f,#142334a6);border:1px solid #ffffff1f;margin-top:auto;padding:24px}.drawer__cta p{color:var(--muted);margin:0 0 16px}.drawer__cta a,.hero__scroll,.social-link{color:#051014;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(90deg,#6be7efcc,#1b8bd1d9);border:1px solid #6be7ef8c;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:900;display:inline-flex;box-shadow:0 12px 32px #1b8bd138}.hero{isolation:isolate;background:#020306;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero__video,.hero__fallback,.hero__shade{position:absolute;inset:0}.hero__video{object-fit:cover;z-index:-4;width:100%;height:100%}.hero__sound{z-index:4;color:#fff;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#03060a94;border:1px solid #ffffff40;align-items:center;gap:10px;min-height:42px;padding:0 15px;font-size:12px;font-weight:900;transition:border-color .2s,background .2s,transform .2s;display:inline-flex;position:absolute;bottom:clamp(16px,3vw,34px);right:clamp(16px,3vw,34px);box-shadow:0 12px 34px #00000061}.hero__sound:hover{background:#071016c7;border-color:#6be7efb8;transform:translateY(-1px)}.hero__sound--on{background:linear-gradient(90deg,#6be7ef42,#1b8bd138);border-color:#6be7efb8}.hero__fallback{z-index:-5;filter:saturate(.82)contrast(1.1)brightness(.75);background-image:url(/assets/logo/northwake-hero-keyart.png);background-position:50%;background-size:cover;transform:scale(1.02)}.hero__shade{z-index:-3;background:radial-gradient(circle,#0000000d,#000000ad 58%,#000000eb 100%),linear-gradient(#00000073 0%,#00000014 42%,#242b34 100%)}.hero__center{text-align:center;place-items:center;gap:18px;width:min(900px,90vw);padding-top:7vh;display:grid}.hero__logo{filter:drop-shadow(0 16px 40px #000000d9);width:min(780px,90vw)}.hero__subtitle{letter-spacing:.22em;text-transform:uppercase;color:#ecf4f8d6;text-shadow:0 4px 22px #000000f2;margin:0;font-weight:900}.hero__scroll{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:38px;box-shadow:none;background:#00000052;border-color:#ffffff38;gap:10px;margin-top:4vh;padding:0 14px}.hero__scroll span{border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);width:7px;height:7px;animation:1.7s infinite drop;transform:rotate(45deg)}@keyframes drop{0%,to{opacity:.5;transform:translateY(-2px)rotate(45deg)}50%{opacity:1;transform:translateY(4px)rotate(45deg)}}.section{padding:clamp(72px,9vw,140px) clamp(16px,4vw,64px);position:relative}.section--world{margin-top:-1px}.section-title{text-align:center;justify-items:center;gap:14px;width:min(980px,100%);margin:0 auto clamp(38px,5vw,72px);display:grid}.section-title h2,.split__content h2,.contact h2{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(34px,5.6vw,86px);line-height:.95}.section-title--compact h2{max-width:820px}.icon-mark{filter:drop-shadow(0 0 14px #a0d2e666);width:88px;height:88px;display:inline-block;position:relative}.icon-mark span{transform-origin:50%;background:linear-gradient(#f5fbff 0%,#b9c7cc 38%,#59666b 100%);border-radius:4px;width:8px;display:block;position:absolute;left:50%;box-shadow:inset 0 0 3px #ffffffe6,0 0 14px #82c8dc47}.icon-mark span:first-child{height:68px;top:14px;transform:translate(-50%)}.icon-mark span:nth-child(2){transform-origin:top;height:44px;top:12px;transform:translate(-50%)rotate(42deg)}.icon-mark span:nth-child(3){transform-origin:top;height:44px;top:12px;transform:translate(-50%)rotate(-42deg)}.icon-mark:before,.icon-mark:after{content:"";transform-origin:top;background:linear-gradient(#fff 0%,#aebcc1 55%,#59666b 100%);border-radius:4px;width:8px;height:36px;position:absolute;top:12px;left:50%;box-shadow:inset 0 0 3px #ffffffbf,0 0 12px #82c8dc33}.icon-mark:before{opacity:.45;transform:translate(-50%)rotate(42deg)translate(-3px)}.icon-mark:after{opacity:.45;transform:translate(-50%)rotate(-42deg)translate(3px)}.icon-mark--compact{width:56px;height:56px}.icon-mark--compact span{border-radius:3px;width:6px}.icon-mark--compact span:first-child{height:44px;top:8px}.icon-mark--compact span:nth-child(2),.icon-mark--compact span:nth-child(3){height:28px;top:8px}.icon-mark--compact:before,.icon-mark--compact:after{border-radius:3px;width:6px;height:24px;top:8px}.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);display:grid}.showcase-card{background:#11161c;border:1px solid #ffffff1f;min-height:390px;transition:transform .28s,border-color .28s;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000038}.showcase-card:hover{border-color:#6be7ef70;transform:translateY(-8px)}.showcase-card img{object-fit:cover;width:100%;height:100%;min-height:390px;transition:transform .45s,filter .45s;transform:scale(1.005)}.showcase-card:hover img{filter:saturate(1.1)brightness(.76);transform:scale(1.06)}.showcase-card__corner{z-index:2;clip-path:polygon(0 0,100% 0,0 100%);background:#050507;width:116px;height:116px;padding:12px;position:absolute;top:0;left:0}.showcase-card__title{z-index:2;text-align:center;text-transform:uppercase;display:grid;position:absolute;bottom:0;left:0;right:0}.showcase-card__title h3{font-family:var(--font-display);letter-spacing:.04em;text-shadow:0 3px #000;background:#16191ef2;border-top:1px solid #ffffff14;margin:0;padding:15px 10px 12px;font-size:clamp(25px,2.6vw,40px);line-height:.86}.showcase-card__title p{color:#fff;letter-spacing:.16em;background:linear-gradient(90deg,#6be7efe6,#1b8bd1db);margin:0;padding:9px 10px 11px;font-size:14px;font-weight:900}.showcase-card__overlay{z-index:1;color:#fff;opacity:0;background:linear-gradient(#00000026,#000000b8);align-items:flex-end;padding:28px;transition:opacity .28s;display:flex;position:absolute;inset:0}.showcase-card:hover .showcase-card__overlay{opacity:1}.showcase-card__overlay p{max-width:28ch;margin:0 0 88px;font-weight:800;line-height:1.45}.split{grid-template-columns:.95fr 1.05fr;align-items:center;gap:clamp(26px,4vw,60px);width:min(1120px,100%);margin:0 auto;display:grid}.split__media{border:1px solid #ffffff1f;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 30px 90px #00000057}.split__media:after{content:"";background:linear-gradient(#0000 0%,#00000073 100%);position:absolute;inset:0}.split__media img{object-fit:cover;width:100%;min-height:430px}.split__content>p:not(.kicker),.contact__panel>div>p{color:var(--muted);max-width:62ch;font-weight:650;line-height:1.75}.gameplay-list{gap:12px;margin-top:30px;display:grid}.gameplay-list article{background:#070a0e85;border:1px solid #ffffff1a;grid-template-columns:64px 1fr;gap:16px;padding:18px;display:grid}.gameplay-list strong{color:var(--cyan);font-family:var(--font-display);background:#6be7ef14;border:1px solid #6be7ef4d;place-items:center;font-size:26px;display:grid}.gameplay-list b{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:24px;display:block}.gameplay-list small{color:var(--muted);font-size:14px;line-height:1.5}.roadmap-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(1120px,100%);margin:0 auto;display:grid}.roadmap-card{background:linear-gradient(135deg,#6be7ef14,#0000 50%),#070a0e94;border:1px solid #ffffff1c;min-height:260px;padding:28px}.roadmap-card span{color:#061117;background:var(--cyan);letter-spacing:.18em;text-transform:uppercase;margin-bottom:32px;padding:7px 10px;font-size:12px;font-weight:950;display:inline-flex}.roadmap-card h3{font-family:var(--font-display);text-transform:uppercase;margin:0 0 12px;font-size:34px;line-height:.95}.roadmap-card p{color:var(--muted);line-height:1.65}.contact{padding-bottom:80px}.contact__panel{text-align:center;background:linear-gradient(135deg,#6be7ef1c,#06080cd1),url(/assets/logo/northwakecontact.png) 50%/cover;border:1px solid #ffffff24;width:min(1000px,100%);margin:0 auto;padding:clamp(30px,5vw,64px);position:relative;overflow:hidden;box-shadow:0 32px 80px #00000047}.contact__panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 10%,#6be7ef29,#0000 34rem),#000000ad;position:absolute;inset:0}.contact__panel>*{position:relative}.contact__panel h2{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin:12px 0;font-size:clamp(38px,7vw,82px)}.contact__panel p{max-width:620px;color:var(--muted);margin-left:auto;margin-right:auto;line-height:1.8}.social-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px;display:grid}.social-link{flex-direction:column;gap:8px;min-height:112px;padding:20px}.social-link span{font-family:var(--font-display);letter-spacing:.08em;font-size:clamp(24px,3vw,36px)}.social-link small{color:#051014b8;letter-spacing:.14em;font-size:12px}.social-link--disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.25)}.footer{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;background:#070a0eb8;border-top:1px solid #ffffff24;justify-content:space-between;gap:16px;padding:22px clamp(16px,4vw,64px);font-size:13px;font-weight:800;display:flex}.footer__link{color:var(--muted);white-space:nowrap}.footer__link:hover,.footer__link:focus-visible{color:var(--cyan);text-underline-offset:3px;text-decoration:underline}.footer__link:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.footer__button{appearance:none;cursor:pointer;font:inherit;text-transform:inherit;letter-spacing:inherit;background:0 0;border:0;padding:0}.privacy-modal{z-index:999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 50% 20%,#6be7ef1f,#0000 34rem),#000000c7;place-items:center;padding:clamp(14px,4vw,34px);display:grid;position:fixed;inset:0}.privacy-modal__panel{background:linear-gradient(135deg,#6be7ef14,#0000 42%),linear-gradient(#12181ffa,#05070afa);border:1px solid #ffffff29;flex-direction:column;width:min(980px,100%);height:min(920px,94vh);display:flex;position:relative;overflow:hidden;box-shadow:0 34px 110px #000000b8,inset 0 1px #ffffff14}.privacy-modal__header{border-bottom:1px solid #ffffff1a;padding:clamp(24px,4vw,38px) clamp(24px,4vw,42px) 18px}.privacy-modal__header .icon-mark{margin-bottom:14px}.privacy-modal__header p{color:var(--cyan);letter-spacing:.28em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:900}.privacy-modal__header h1,.privacy-modal__header h2{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:clamp(30px,4.5vw,62px);line-height:.95}.privacy-modal__topline{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:22px;padding-right:62px;display:flex}.privacy-modal__topline h1,.privacy-modal__topline h2{flex:420px;min-width:0}.privacy-modal__language{background:#05080c7a;border:1px solid #ffffff29;flex:none;margin-top:14px;padding:4px;display:inline-flex}.privacy-modal__language button{color:var(--muted);cursor:pointer;letter-spacing:.16em;text-transform:uppercase;background:0 0;border:0;padding:10px 14px;font-size:11px;font-weight:900;transition:background .2s,color .2s}.privacy-modal__language button:hover,.privacy-modal__language button:focus-visible{color:#fff}.privacy-modal__language button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.privacy-modal__language button.is-active{color:#051014;background:linear-gradient(90deg,#6be7efe0,#1b8bd1db)}.privacy-modal__content{color:#ebf5ffc7;flex:1;min-height:0;padding:24px clamp(24px,4vw,42px) clamp(28px,4vw,42px);line-height:1.75;overflow-y:auto}.privacy-modal__content h3{color:var(--text);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin:28px 0 8px;font-size:22px}.privacy-modal__content p{margin:0 0 14px}.privacy-modal__close{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05080c9e;border:1px solid #ffffff2e;width:44px;height:44px;font-size:34px;line-height:1;transition:background .2s,border-color .2s,transform .2s;position:absolute;top:18px;right:18px}.privacy-modal__close:hover,.privacy-modal__close:focus-visible{background:#6be7ef24;border-color:#6be7efa6;transform:rotate(90deg)}.privacy-modal__close:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}@media (width<=1100px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.contact__panel{grid-template-columns:1fr}}@media (width<=720px){.site-header{padding:14px}.brand small{display:none}.brand img{width:42px;height:42px}.hero__subtitle{letter-spacing:.12em;font-size:12px}.showcase-grid,.roadmap-grid,.social-links{grid-template-columns:1fr}.showcase-card,.showcase-card img{min-height:330px}.footer{flex-direction:column}.privacy-modal{align-items:start;padding:12px}.privacy-modal__panel{height:94vh;max-height:none}.privacy-modal__header{padding:22px 18px 16px}.privacy-modal__header .icon-mark{margin-bottom:8px}.privacy-modal__topline{flex-direction:column;align-items:flex-start;gap:14px;padding-right:0}.privacy-modal__topline h1,.privacy-modal__topline h2{flex:none;width:100%;padding-right:48px;font-size:clamp(26px,8vw,38px)}.privacy-modal__language{width:100%;margin-top:0}.privacy-modal__language button{flex:1;padding:11px 8px}.privacy-modal__content{flex:1;min-height:0;max-height:none;padding:20px 18px 26px}.privacy-modal__content h3{font-size:20px}.privacy-modal__close{top:12px;right:12px}}