*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0b;--bg-card:#111114;--bg-card-hover:#181820;--accent:#cc1a1a;--accent-dim:#7a0f0f;--text:#e8e4df;--text-muted:#7a7570;--border:#222228;--nav-h:64px;--max-w:1160px;--radius:4px}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}nav.site-nav{z-index:100;height:var(--nav-h);border-bottom:1px solid #0000;align-items:center;padding:0 2rem;transition:background .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s,border-color .35s;display:flex;position:fixed;top:0;left:0;right:0}nav.site-nav.scrolled{-webkit-backdrop-filter:blur(12px);border-color:var(--border);background:#0a0a0beb}.nav-inner{max-width:var(--max-w);justify-content:space-between;align-items:center;width:100%;margin:0 auto;display:flex}.nav-logo{letter-spacing:.12em;color:var(--text);text-transform:uppercase;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700}.nav-logo span{color:var(--accent)}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.82rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-links a.active{color:var(--accent)}.page{padding-top:var(--nav-h);flex-direction:column;min-height:100vh;display:flex}.page-main{flex:1}.page-inner{max-width:var(--max-w);margin:0 auto;padding:5rem 2rem}.hero{min-height:100vh;margin-top:calc(-1 * var(--nav-h));text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{filter:brightness(.45)saturate(.8);background-image:url(/background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;transform:scale(1.04)}.hero-bg:after{content:"";background:linear-gradient(#0a0a0b26 0%,#0a0a0b00 30%,#0a0a0b99 70%,#0a0a0b 100%);position:absolute;inset:0}.hero-content{z-index:2;flex-direction:column;align-items:center;gap:1.6rem;padding:0 1.5rem;display:flex;position:relative}.visually-hidden{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-logo-wrap{perspective:1000px;--tilt-x:0deg;--tilt-y:0deg;width:min(96vw,820px);height:clamp(280px,48vh,500px);margin:0 auto}model-viewer.hero-model{--poster-color:transparent;width:100%;height:100%;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;will-change:transform;background-color:#0000}.hero-tagline{color:var(--text-muted);letter-spacing:.06em;max-width:400px;font-size:1rem;font-weight:300}.hero-badge{border:1px solid var(--accent);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);border-radius:2px;align-items:center;gap:.5rem;padding:.35rem 1rem;font-family:Cinzel,serif;font-size:.72rem;font-weight:600;display:inline-flex}.hero-badge:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.btn-ghost{border-radius:var(--radius);letter-spacing:.14em;text-transform:uppercase;color:var(--text);cursor:pointer;background:0 0;border:1px solid #e8e4df40;align-items:center;gap:.5rem;padding:.75rem 2rem;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:#cc1a1a0f}.btn-ghost .arrow{transition:transform .2s}.btn-ghost:hover .arrow{transform:translate(4px)}.hero-scroll-hint{z-index:2;color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.4rem;font-size:.7rem;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom, var(--text-muted), transparent);width:1px;height:40px;animation:2s ease-in-out infinite scrollLine}@keyframes scrollLine{0%{opacity:0;transform-origin:top;transform:scaleY(0)}50%{opacity:1;transform-origin:top;transform:scaleY(1)}to{opacity:0;transform-origin:bottom;transform:scaleY(1)}}section{padding:6rem 2rem}.section-inner{max-width:var(--max-w);margin:0 auto}.section-label{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;font-family:Cinzel,serif;font-size:.7rem;font-weight:600}.section-title{letter-spacing:.04em;color:var(--text);margin-bottom:3rem;font-family:Cinzel,serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700}.page-title{letter-spacing:.04em;margin-bottom:1.5rem;font-family:Cinzel,serif;font-size:clamp(2rem,4vw,3rem);font-weight:700}.page-lead{color:var(--text-muted);max-width:640px;font-size:1.05rem;line-height:1.8}.devlog-section{border-top:1px solid var(--border)}.devlog-header{justify-content:space-between;align-items:flex-end;margin-bottom:3rem;display:flex}.view-all{letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;align-items:center;gap:.4rem;margin-bottom:.2rem;font-size:.8rem;font-weight:500;transition:color .2s;display:flex}.view-all:hover{color:var(--accent)}.cards-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:inherit;flex-direction:column;transition:border-color .2s,background .2s,transform .2s;display:flex;overflow:hidden}.card:hover{background:var(--bg-card-hover);border-color:#cc1a1a59;transform:translateY(-2px)}.card-img{aspect-ratio:16/9;object-fit:cover;background:#1a1a22;width:100%;display:block}.card-img-placeholder{aspect-ratio:16/9;width:100%;color:var(--text-muted);background:linear-gradient(135deg,#111114 0%,#1a1020 50%,#0d0d10 100%);justify-content:center;align-items:center;font-size:1.8rem;display:flex}.card-body{flex-direction:column;flex:1;gap:.5rem;padding:1.25rem 1.25rem 1.5rem;display:flex}.card-date{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:500}.card-title{letter-spacing:.03em;color:var(--text);font-family:Cinzel,serif;font-size:.95rem;font-weight:700;line-height:1.35}.card:hover .card-title{color:var(--accent)}.card-desc{color:var(--text-muted);margin-top:.25rem;font-size:.83rem;line-height:1.6}.card-read-more{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);opacity:0;align-items:center;gap:.3rem;margin-top:auto;padding-top:1rem;font-size:.75rem;font-weight:600;transition:opacity .2s;display:flex}.card:hover .card-read-more{opacity:1}.about-section{border-top:1px solid var(--border);padding:5rem 2rem}.about-inner{max-width:var(--max-w);grid-template-columns:1fr 1.4fr;align-items:center;gap:4rem;margin:0 auto;display:grid}.about-divider{background:var(--accent);width:2.5rem;height:2px;margin-bottom:1.5rem}.about-text{color:var(--text-muted);margin-bottom:2rem;font-size:1.05rem;line-height:1.8}.about-text strong{color:var(--text);font-weight:500}.about-link{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid #0000;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;transition:border-color .2s;display:inline-flex}.about-link:hover{border-color:var(--accent)}.stack-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.stack-item{color:var(--text-muted);align-items:center;gap:.75rem;font-size:.88rem;display:flex}.stack-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}footer.site-footer{border-top:1px solid var(--border);padding:2.5rem 2rem}.footer-inner{max-width:var(--max-w);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin:0 auto;display:flex}.footer-brand{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-family:Cinzel,serif;font-size:.9rem;font-weight:700}.footer-brand span{color:var(--accent)}.footer-nav{gap:2rem;list-style:none;display:flex}.footer-nav a{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.78rem;transition:color .2s}.footer-nav a:hover{color:var(--text)}.footer-socials{align-items:center;gap:1rem;display:flex}.footer-socials a{border:1px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;width:32px;height:32px;transition:border-color .2s,background .2s;display:flex}.footer-socials a:hover{border-color:var(--accent);background:#cc1a1a0f}.footer-socials svg{width:15px;height:15px;fill:var(--text-muted);transition:fill .2s}.footer-socials a:hover svg{fill:var(--text)}.footer-copy{width:100%;color:var(--text-muted);opacity:.5;letter-spacing:.05em;border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1.25rem;font-size:.72rem}@media (width<=900px){.cards-grid{grid-template-columns:repeat(2,1fr)}.about-inner{grid-template-columns:1fr;gap:2.5rem}.footer-nav{display:none}}@media (width<=600px){.cards-grid{grid-template-columns:1fr}.hero-logo-wrap{height:clamp(220px,38vh,360px)}.footer-inner{flex-direction:column;align-items:flex-start}}