@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f4f2ee;background:#080808;margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}.site{overflow:hidden}.header{z-index:20;justify-content:space-between;align-items:center;width:100%;height:82px;padding:0 5vw;transition:all .3s;display:flex;position:fixed;top:0;left:0}.header.scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080808d1;border-bottom:1px solid #ffffff12}.logo{letter-spacing:.13em;align-items:center;gap:10px;font-family:Space Grotesk;font-size:13px;font-weight:700;display:flex}.logo-mark{border:1px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;display:grid}nav{gap:34px;display:flex}nav a{color:#fff;font-size:17px;transition:all .25s}nav a:hover,nav a.active{color:#c9a96b}.menu-btn{background:0 0;border:0;display:none}@media (width>=801px){.header{grid-template-columns:1fr auto 1fr;display:grid}.logo{grid-column:1;justify-self:start}.header nav{grid-column:2;justify-self:center}}.section{position:relative}.hero{background:radial-gradient(circle at 78% 45%,#26211a 0,#111 30%,#080808 68%);align-items:center;min-height:100vh;padding:130px 10vw 80px;display:flex}.hero-grid{opacity:.07;background-image:linear-gradient(#fff009 0 0),linear-gradient(90deg,#fff009 0 0);background-position:12% 0,0 80%;background-repeat:no-repeat;background-size:1px 100%,100% 1px;position:absolute;inset:0}.hero-art{z-index:2;display:none}.hero-content{z-index:3;max-width:650px;position:relative}.banner{position:relative;overflow:hidden}.banner-track{position:absolute;inset:0;overflow:hidden}.banner-slide{opacity:0;pointer-events:none;background-position:50%;background-size:cover;transition:opacity .8s;position:absolute;inset:0}.banner-slide.active{opacity:1;pointer-events:auto}.banner-overlay{z-index:1;pointer-events:none;background:linear-gradient(#08080859,#080808d9);position:absolute;inset:0}.banner-dots{z-index:3;gap:14px;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.banner-dots button{cursor:pointer;background:#ffffff40;border:0;width:36px;height:3px;padding:0;transition:all .3s}.banner-dots button.active{background:#c9a96b}.eyebrow{letter-spacing:.22em;color:#999;margin:0 0 25px;font-size:11px}.hero h1,.feature h2,.about h2,.contact h2{letter-spacing:-.055em;margin:0;font-family:Space Grotesk;font-size:clamp(55px,7vw,105px);line-height:.92}.hero h1 em,.feature h2 em,.about h2 em,.contact h2 em{color:#c9a96b;font-style:normal}.hero-copy{color:#999;max-width:520px;margin:35px 0;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.btn{letter-spacing:.05em;align-items:center;gap:24px;padding:15px 20px;font-size:12px;font-weight:700;transition:all .3s;display:inline-flex}.btn.primary{color:#111;background:#f3eee6}.btn.primary:hover{background:#c9a96b;transform:translateY(-3px)}.btn.ghost{border:1px solid #ffffff30}.btn.ghost:hover{color:#111;background:#fff;border-color:#fff}.hero-art{place-items:center;width:36vw;height:60vh;display:grid;position:absolute;top:20%;right:8vw}.art-card{background:linear-gradient(145deg,#24221f,#0f0f0f);border:1px solid #ffffff18;flex-direction:column;justify-content:space-between;width:65%;height:78%;padding:30px;display:flex;transform:rotate(8deg);box-shadow:30px 40px 100px #000}.art-label{letter-spacing:.15em;color:#999;font-size:11px}.art-label strong{color:#eee;font-size:32px}.art-number{color:#ffffff12;font-family:Space Grotesk;font-size:90px}.orbit{border:1px solid #ffffff12;border-radius:50%;width:100%;height:65%;position:absolute;transform:rotate(-20deg)}.orbit-b{border-color:#c9a96b22;width:80%;height:95%;transform:rotate(35deg)}.scroll-hint{letter-spacing:.2em;color:#666;align-items:center;gap:10px;font-size:9px;display:flex;position:absolute;bottom:30px;left:10vw}.scroll-hint span{background:#777;width:30px;height:1px}.feature{background:#0c0c0c;grid-template-columns:1.1fr .9fr;align-items:center;min-height:800px;display:grid}.feature.reverse{grid-template-columns:.9fr 1.1fr}.feature.reverse .feature-visual{order:2}.feature-visual{background:linear-gradient(135deg,#211e1a,#0b0b0b) 50%/cover;height:100%;min-height:800px;position:relative;overflow:hidden}.feature-visual:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#08080859,#080808b3);position:absolute;inset:0}.game-visual{background:linear-gradient(135deg,#171b20,#080808) 50%/cover}.visual-overlay,.visual-word,.floating-tag{z-index:2}.visual-overlay{background:radial-gradient(circle at 50% 45%,#0000 0,#0008 75%);position:absolute;inset:0}.visual-word{letter-spacing:-.08em;color:#ffffff09;font-family:Space Grotesk;font-size:clamp(80px,15vw,220px);font-weight:700;position:absolute;bottom:5%;left:8%}.floating-tag{letter-spacing:.2em;border:1px solid #ffffff25;padding:9px 13px;font-size:9px;position:absolute;top:12%;left:10%}.feature-copy{max-width:700px;padding:10vw}.feature h2{font-size:clamp(55px,6vw,88px)}.feature-copy>p:not(.eyebrow){color:#888;max-width:470px;margin:30px 0;line-height:1.8}.about{background:#111;grid-template-columns:1fr 1fr;gap:10vw;padding:150px 10vw;display:grid}.about-copy{align-self:end;max-width:550px}.about-copy p{color:#999;font-size:17px;line-height:1.9}.contact{color:#111;background:#c9a96b;padding:150px 10vw}.contact .eyebrow{color:#54462f}.contact h2 em{color:#fff}.contact-inner{max-width:850px}.contact-inner>p:not(.eyebrow){color:#3e372b;max-width:500px;line-height:1.7}.contact-link{border-bottom:1px solid #111;align-items:center;gap:30px;margin-top:25px;padding-bottom:8px;font-size:20px;display:inline-flex}footer{color:#666;letter-spacing:.05em;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;min-height:100px;padding:35px 5vw;font-size:10px;display:flex}.footer-logo{color:#eee;align-items:center;gap:8px;font-weight:700;display:flex}.footer-logo .logo-mark{width:24px;height:24px;font-size:11px}.footer-links{gap:20px;display:flex}.footer-links a:hover{color:#fff}@media (width<=800px){.header{height:70px;padding:0 6vw}nav{background:#0a0a0a;border-bottom:1px solid #ffffff12;flex-direction:column;gap:22px;padding:25px 6vw;display:none;position:absolute;top:70px;left:0;right:0}nav.open{display:flex}.menu-btn{flex-direction:column;gap:5px;display:flex}.menu-btn span{background:#fff;width:22px;height:1px;display:block}.hero{min-height:850px;padding:120px 7vw 80px}.hero-art{opacity:.35;width:70vw;right:-20vw}.hero-content{max-width:100%}.feature,.feature.reverse{grid-template-columns:1fr}.feature.reverse .feature-visual{order:0}.feature-visual{height:55vh;min-height:430px}.feature-copy{padding:80px 7vw 100px}.about{grid-template-columns:1fr;gap:40px;padding:100px 7vw}.contact{padding:100px 7vw}footer{flex-direction:column;align-items:flex-start;gap:20px;padding:30px 7vw}.footer-links{display:none}}