@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&display=swap');
:root{color-scheme:dark;--bg:#07090d;--panel:#0d1218;--text:#f2f5f4;--muted:#a7b2b5;--line:#283139;--red:#e8423d;--red-hot:#ff6b5d;--ice:#c5e8ef;--mint:#b8d8c8;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box;letter-spacing:0}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--ice);outline-offset:6px}::selection{background:var(--red);color:#090a0c}p{line-height:1.7;margin:0 0 24px}h1,h2,h3{margin:0;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:600;line-height:.94}h2{font-size:clamp(3.8rem,7vw,7rem);text-transform:uppercase}em{font-style:normal;color:var(--ice)}.wrap{width:min(1260px,calc(100% - 112px));margin-inline:auto}.eyebrow,.status,.feature-index,.hero-foot,.spectral-section-label,.signal-status,.spectral-hero-meta{font-family:'JetBrains Mono',monospace;font-size:12px;line-height:1.4}.eyebrow{color:var(--mint);margin-bottom:25px}.topbar,.spectral-nav{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 56px;border-bottom:1px solid #ffffff1a;background:#07090df2;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700}.brand b{display:block;font-size:10px;color:var(--muted);margin-top:3px}.brand-pixels{width:20px;height:20px;background:var(--red);box-shadow:8px 8px 0 -3px var(--ice);display:block}.topbar nav,.spectral-nav nav{display:flex;gap:34px;align-items:center;font-size:14px}.topbar nav a,.spectral-nav nav a{padding-block:12px}.topbar nav a:hover,.spectral-nav nav a:hover,.text-link:hover,.nav-back:hover,footer a:hover{color:var(--ice)}.topbar nav a:last-child{border-bottom:1px solid var(--red)}.skip{position:fixed;top:-100px;left:12px;background:var(--text);color:var(--bg);padding:15px;z-index:50}.skip:focus{top:12px}
.home-hero{position:relative;isolation:isolate;overflow:hidden;min-height:690px;height:calc(100svh - 88px);max-height:970px;display:grid;place-items:center;background:#05070a}.home-hero-art{position:absolute;inset:-20px;z-index:-2;background:url('./assets/haunting-scene.png') center/cover;opacity:.5;transform:scale(1.03)}.home-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#05070add,transparent 36%,transparent 67%,#05070aaa),linear-gradient(0deg,#07090d,transparent 45%,#07090d44)}.home-grid{position:absolute;inset:0;pointer-events:none;opacity:.15;background:linear-gradient(90deg,transparent 49.9%,#c5e8ef 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,#c5e8ef 50%,transparent 50.1%);background-size:120px 120px;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.home-hero-content{text-align:left;max-width:1260px;width:calc(100% - 112px);padding:35px 0 70px}.home-hero h1{font-size:clamp(5rem,11vw,11.5rem);letter-spacing:-.02em;text-transform:uppercase;text-shadow:0 12px 30px #000}.hero-lede{max-width:470px;color:#d1d8d8;font-size:18px;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:16px 22px;font-size:14px;font-weight:700;border:1px solid transparent;transition:.2s}.primary{background:var(--red);color:#140a0a}.primary:hover{background:var(--red-hot);transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:16px;padding-block:12px;border-bottom:1px solid #ffffff5c;font-size:14px}.hero-foot{position:absolute;left:56px;right:56px;bottom:25px;display:flex;justify-content:space-between;color:#b6c2c3}.games-section{background:#0a0d12;padding-bottom:84px}.section-heading{display:flex;justify-content:space-between;align-items:end;padding-block:62px}.section-heading .eyebrow{margin:0}.section-heading h2{font-size:clamp(3.5rem,6vw,6.5rem)}.status{display:flex;gap:10px;align-items:center;color:var(--red)}.status i,.signal-status i,.status-panel i{width:7px;height:7px;background:var(--red);display:inline-block;box-shadow:0 0 14px var(--red)}.game-feature{position:relative;display:block;min-height:610px;overflow:hidden;background:#111820}.game-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.game-feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,#070a0fee 0%,#070a0dcc 26%,#070a0d22 71%),linear-gradient(0deg,#07090dbb,transparent 45%)}.game-feature-copy{position:absolute;left:max(56px,calc((100% - 1260px)/2));top:50%;transform:translateY(-50%);max-width:500px}.title-art{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 20px #000)}.game-feature-copy p{font-size:19px;color:#d1dadd;max-width:370px;margin:28px 0}.feature-link{display:inline-flex;gap:18px;font-size:14px;font-weight:700;border-bottom:1px solid var(--red);padding-bottom:12px}.feature-link b{color:var(--red-hot)}.feature-index{position:absolute;right:56px;bottom:28px;color:#cad5d5}.game-strip{display:grid;grid-template-columns:1fr 1fr auto;gap:60px;padding-top:60px;border-bottom:1px solid var(--line);padding-bottom:60px}.game-strip>p:first-child{font-size:28px;line-height:1.3;color:var(--muted)}.game-strip>p:last-of-type{color:var(--muted);max-width:410px}.game-strip a{align-self:end}.studio{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:120px}.studio h2{font-size:clamp(4rem,7vw,7rem)}.studio-copy{padding-top:35px}.studio-copy>p{color:var(--muted);font-size:16px}.studio-copy .large-copy{color:var(--text);font-size:25px;line-height:1.5}.principles{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:25px;color:var(--mint);font-family:'JetBrains Mono',monospace;font-size:12px}.contact{background:var(--ice);color:#0c1519;padding:86px 0 78px}.contact .eyebrow{color:#36515a}.contact h2{font-size:clamp(4rem,8vw,8rem)}.contact em{color:#8c2d31}.contact-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:55px}.contact-bottom p{color:#364c54;margin:0}.contact-bottom a{font-size:22px;border-bottom:1px solid #49656d;padding-bottom:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:35px;font-size:12px;color:var(--muted)}footer .brand{color:var(--text)}
/* Spectral Divide hostname */
.spectral-page{background:#080b0f;color:#e9f0ef;min-height:100vh}.spectral-page .spectral-nav{position:absolute;left:0;right:0;background:#06090dcc;border-color:#ffffff24}.spectral-nav{z-index:10}.nav-back{font-family:'JetBrains Mono',monospace;font-size:11px;color:#b4c0c2}.spectral-hero{height:100svh;min-height:720px;max-height:1050px;position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;background:#020406}.spectral-hero-bg{position:absolute;inset:0;z-index:-3;background:url('./assets/spectral-divide-loading.png') center/cover;filter:saturate(.8) contrast(1.05);transform:scale(1.03)}.spectral-vignette{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 45%,#07141b16,#020406b0 68%),linear-gradient(0deg,#04070bcc,transparent 42%,#04070caa)}.spectral-hero:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.16;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 3px 4px)}.spectral-hero-content{width:min(940px,calc(100% - 40px));text-align:center;padding-top:80px}.spectral-red{color:var(--red-hot);text-shadow:0 0 15px #ff3b2b88}.spectral-title{width:min(900px,100%);height:auto;filter:drop-shadow(0 0 20px #c8f0ff66) drop-shadow(0 12px 20px #000)}.spectral-kicker{font-size:20px;line-height:1.5;max-width:610px;margin:30px auto;color:#d5e0e1}.spectral-hero-actions{display:flex;justify-content:center;gap:28px;align-items:center}.spectral-button{display:inline-flex;gap:22px;border:1px solid #b9e4ed99;padding:16px 22px;font-size:14px;font-weight:700;background:#0b171ecc;transition:.2s}.spectral-button:hover{background:#d2f4fa;color:#071015;transform:translateY(-2px)}.signal-status{color:#bac8ca;display:flex;align-items:center;gap:10px}.spectral-hero-meta{position:absolute;left:56px;right:56px;bottom:25px;display:flex;justify-content:space-between;color:#a8b6b8}.spectral-section-label{color:#91a6aa;display:flex;gap:18px;align-items:center}.spectral-section-label span:first-child{color:var(--red-hot)}.spectral-section-label span:last-child:before{content:'';display:inline-block;width:40px;height:1px;background:var(--red);vertical-align:middle;margin-right:15px}.spectral-briefing{padding-block:120px}.briefing-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:110px;padding-top:58px}.briefing-grid h1{font-size:clamp(3.6rem,6vw,6.3rem);text-transform:uppercase}.briefing-grid h1 em{color:var(--red-hot)}.briefing-grid .lead{font-size:21px;color:#d7e0e0;max-width:640px;margin-top:45px}.briefing-grid p:last-child{color:var(--muted);max-width:580px}.briefing-card{border:1px solid #57646c;background:#0c1117cc;padding:28px;align-self:start;box-shadow:10px 10px 0 #e8423d0d}.card-top,.card-line{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid #ffffff1b;padding:16px 0;font-family:'JetBrains Mono',monospace;font-size:12px}.card-top{padding-top:0;color:#9caeb1}.card-top strong{color:var(--red-hot)}.card-line span{color:#849496}.card-line b{font-weight:500;color:#e7eeee}.card-foot{padding-top:32px;color:var(--ice);font-family:'JetBrains Mono',monospace;font-size:12px;line-height:1.7}.spectral-systems{background:#11161c;padding-block:105px;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:58px}.system-grid article{padding:0 38px 0 0}.system-grid article+article{border-left:1px solid var(--line);padding-left:38px}.system-number{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--red-hot);display:block;margin-bottom:55px}.system-grid h2{font-size:clamp(3rem,5vw,5.5rem)}.system-grid p{color:var(--muted);max-width:300px;margin-top:32px}.spectral-world{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:130px;align-items:center}.world-art{position:relative;overflow:hidden;background:#020508;border:1px solid #ffffff18}.world-art img{display:block;width:100%;height:auto;opacity:.86}.world-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#020508cc,transparent 60%)}.world-art span{position:absolute;left:24px;bottom:22px;z-index:1;color:#d8e6e8;font-family:'JetBrains Mono',monospace;font-size:11px;line-height:1.6}.world-copy h2{font-size:clamp(3.8rem,6vw,6.8rem);margin:35px 0}.world-copy p{color:var(--muted)}.world-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:38px}.world-tags span{border:1px solid #56676b;padding:9px 11px;color:var(--ice);font-family:'JetBrains Mono',monospace;font-size:10px}.spectral-loadout{background:#c5e8ef;color:#0c171b;padding-block:95px}.spectral-loadout .spectral-section-label{color:#31515b}.spectral-loadout .spectral-section-label span:first-child{color:#bd2e34}.loadout-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px}.spectral-loadout h2{font-size:clamp(4rem,7vw,7rem);margin:35px 0}.spectral-loadout p{color:#3d5962;max-width:380px}.kit-list{align-self:end}.kit-list>div{display:grid;grid-template-columns:45px 1fr;gap:3px 15px;border-top:1px solid #688892;padding:18px 0}.kit-list span{grid-row:span 2;color:#a52f37;font-family:'JetBrains Mono',monospace;font-size:12px}.kit-list b{font-size:17px}.kit-list small{color:#4b6871}.spectral-status{padding-block:120px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:58px}.status-grid h2{font-size:clamp(4rem,7vw,7rem)}.status-grid p{color:var(--muted);font-size:18px;max-width:470px;margin-top:35px}.status-panel{border-left:1px solid var(--line);padding-left:38px;display:flex;flex-direction:column;gap:22px;align-self:end}.status-panel span{display:flex;gap:10px;align-items:center;color:var(--red-hot);font-family:'JetBrains Mono',monospace;font-size:12px}.status-panel strong{font-size:24px}.status-panel a{color:var(--ice);font-size:14px;border-bottom:1px solid var(--ice);padding-bottom:10px;align-self:start}.spectral-footer{border-top:1px solid var(--line)}
@media(max-width:850px){.wrap,.home-hero-content{width:calc(100% - 64px)}.topbar,.spectral-nav{padding-inline:32px}.topbar nav,.spectral-nav nav{gap:18px}.hero-foot,.spectral-hero-meta{left:32px;right:32px}.game-strip,.briefing-grid,.spectral-world,.loadout-inner,.status-grid{grid-template-columns:1fr;gap:45px}.studio{gap:45px}.system-grid{grid-template-columns:1fr;gap:50px}.system-grid article,.system-grid article+article{border:0;border-top:1px solid var(--line);padding:32px 0 0}.system-grid article:first-child{border-top:0}.world-copy{order:-1}.spectral-hero-content{padding-top:80px}.spectral-nav nav{display:none}.nav-back{font-size:10px}}
@media(max-width:620px){.wrap,.home-hero-content{width:calc(100% - 40px)}.topbar,.spectral-nav{height:76px;padding-inline:20px}.topbar nav a:nth-child(2){display:none}.brand{font-size:12px}.brand-pixels{width:15px;height:15px}.home-hero{min-height:650px}.home-hero h1{font-size:5rem}.hero-lede{font-size:16px}.hero-actions,.spectral-hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.hero-foot,.spectral-hero-meta{left:20px;right:20px;font-size:10px}.hero-foot span:last-child{display:none}.section-heading{align-items:flex-start;flex-direction:column;gap:22px;padding-block:45px}.game-feature{min-height:620px}.game-feature-copy{left:20px;right:20px}.feature-index{right:20px}.game-strip{padding-top:40px}.studio,.spectral-briefing,.spectral-world,.spectral-status{padding-block:78px}.contact{padding-block:60px}.contact-bottom{align-items:flex-start;flex-direction:column;margin-top:35px}.contact-bottom a{font-size:17px}.spectral-hero{min-height:650px}.spectral-title{width:110%}.spectral-kicker{font-size:17px}.briefing-grid h1{font-size:3.7rem}.briefing-card{padding:20px}.spectral-systems{padding-block:75px}.spectral-loadout{padding-block:70px}.spectral-loadout h2{font-size:4.5rem}.spectral-nav .brand b{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.brand-logo{width:58px;height:58px;display:block;object-fit:contain;object-position:center;filter:drop-shadow(0 4px 10px #000)}
@media(max-width:620px){.brand-logo{width:48px;height:48px}}
.home-logo-art{display:block;width:clamp(170px,17vw,250px);height:auto;max-height:250px;object-fit:contain;object-position:center;margin:0 0 22px;filter:drop-shadow(0 12px 24px #000)}
.spectral-page .spectral-nav{position:fixed;top:0;left:0;right:0;width:100%;z-index:30}
.spectral-nav-right{display:flex;align-items:center;gap:24px}.social-links{display:flex;align-items:center;gap:14px}.social-links a{display:grid;place-items:center;width:28px;height:28px;color:#b9c8ca;transition:color .2s,transform .2s}.social-links a:hover{color:var(--red-hot);transform:translateY(-2px)}.social-links svg{width:18px;height:18px;fill:currentColor;stroke:currentColor;stroke-width:1.8}.social-links rect,.social-links circle{fill:none}.social-links .social-dot{fill:currentColor;stroke:none}
.site-social{display:flex;align-items:center}.site-social .social-links{display:grid;place-items:center;width:28px;height:28px;color:#b9c8ca;transition:color .2s,transform .2s}.site-social .social-links:hover{color:var(--red-hot);transform:translateY(-2px)}.site-social svg{width:18px;height:18px;fill:currentColor;stroke:currentColor;stroke-width:1.8}
@media(max-width:850px){.spectral-nav-right{gap:10px}.social-links{gap:4px}.social-links a{width:25px;height:25px}.social-links svg{width:16px;height:16px}.nav-back{display:none}}
@media(max-width:620px){.home-logo-art{width:150px;max-height:150px;margin-bottom:16px}}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:680px;height:calc(100svh - 138px);max-height:980px;display:grid;place-items:center;background:#050707}.hero-scene{position:absolute;inset:-18px;z-index:-2;background:url('./assets/haunting-scene.png') center 48%/cover;opacity:.52;transform:translate(var(--px,0px),var(--py,0px)) scale(1.03);transition:transform 1s ease-out}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#05070755,transparent 30%,transparent 70%,#05070755),linear-gradient(0deg,#090c0c,transparent 35%,#05070744)}.scanlines{position:absolute;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 3px 4px)}.hero-content{text-align:center;position:relative;padding:24px 20px 65px;max-width:900px}.hero-content>.eyebrow{margin-bottom:0;color:#d3ddd7}.hero h1{line-height:0}.hero h1 img{display:block;width:380px;max-width:85%;height:auto;aspect-ratio:1;margin:0 auto;mix-blend-mode:screen;filter:drop-shadow(0 10px 30px #000)}.hero-description{font-size:20px;line-height:1.5;margin:4px 0 25px;text-shadow:0 2px 15px #000}.hero-actions{display:flex;justify-content:center;align-items:center;gap:28px}.hero-bottom{position:absolute;bottom:24px;left:56px;right:56px;display:flex;justify-content:space-between;color:#bcc8c0;font-family:'JetBrains Mono',monospace;font-size:12px}.hero-bottom a{display:inline-flex;gap:12px}.home-hero{display:none}
@media(min-width:1700px){.hero h1 img{width:460px}}
@media(max-width:650px){.hero{min-height:620px;height:calc(100svh - 122px);max-height:800px}.hero-content{padding:20px 20px 62px}.hero-content>.eyebrow{font-size:10px}.hero h1 img{width:320px;max-width:90%}.hero-description{font-size:18px}.hero-actions{flex-direction:column;gap:7px}.hero-bottom{left:20px;right:20px;justify-content:center;font-size:11px}.hero-bottom>span{display:none}}
.spectral-details{background:#0d1218;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16;padding-block:110px}.details-intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:55px;align-items:end}.details-intro h2{font-size:clamp(3.8rem,6vw,6.8rem)}.details-intro p{color:var(--muted);font-size:18px;max-width:500px;margin:0}.details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:72px}.details-grid article{padding:0 28px;border-left:1px solid var(--line)}.details-grid article:first-child{padding-left:0;border-left:0}.details-grid article span{color:var(--red-hot);font:12px/1.4 'JetBrains Mono',monospace}.details-grid h3{font-size:30px;margin:28px 0 18px}.details-grid p{color:var(--muted);font-size:14px;line-height:1.75;margin:0}@media(max-width:850px){.details-intro{grid-template-columns:1fr;gap:28px}.details-grid{grid-template-columns:repeat(2,1fr);gap:40px 0}.details-grid article:nth-child(3){border-left:0;padding-left:0}.details-grid article:nth-child(n+3){border-top:1px solid var(--line);padding-top:30px}}@media(max-width:620px){.spectral-details{padding-block:78px}.details-grid{grid-template-columns:1fr;gap:0}.details-grid article,.details-grid article:first-child,.details-grid article:nth-child(3){border-left:0;border-top:1px solid var(--line);padding:28px 0}.details-grid article:first-child{border-top:0;padding-top:0}}
.spectral-gallery{background:#080b10;border-top:1px solid #ffffff16;padding-block:110px}.gallery-heading{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;padding-top:55px}.gallery-heading h2{font-size:clamp(3.8rem,6vw,6.8rem)}.gallery-heading p{color:var(--muted);font-size:18px;max-width:500px;margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:62px}.gallery-grid figure{margin:0;border:1px solid #ffffff1b;background:#0d1319;overflow:hidden}.gallery-grid img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;filter:saturate(.82) contrast(1.05);transition:filter .25s,transform .25s}.gallery-grid figure:hover img{filter:saturate(1) contrast(1.08);transform:scale(1.02)}.gallery-grid figcaption{padding:15px 16px 17px;color:#b6c6c8;font:10px/1.5 'JetBrains Mono',monospace;letter-spacing:.05em}.gallery-feature{grid-column:span 2;grid-row:span 2}.gallery-feature img{aspect-ratio:auto;height:100%;min-height:430px}.gallery-source{display:inline-flex;gap:14px;margin-top:28px;color:var(--ice);font:12px/1.4 'JetBrains Mono',monospace;border-bottom:1px solid #b9e4ed66;padding-bottom:9px}.gallery-source:hover{color:var(--red-hot);border-color:var(--red-hot)}@media(max-width:850px){.gallery-heading{grid-template-columns:1fr;gap:28px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-feature{grid-column:span 2;grid-row:span 1}.gallery-feature img{min-height:0;aspect-ratio:16/9}}@media(max-width:620px){.spectral-gallery{padding-block:78px}.gallery-grid{grid-template-columns:1fr;gap:14px}.gallery-feature{grid-column:auto}.gallery-feature img{aspect-ratio:4/3}}