@font-face{font-family:Syne;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/syne-latin-BBZcRa21.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:300 600;font-display:swap;src:url(/assets/dm-sans-latin-normal-BNY05QUC.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:italic;font-weight:300 400;font-display:swap;src:url(/assets/dm-sans-latin-italic-ll47TIEM.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-primary: #09090f;--bg-secondary: #0f0f18;--bg-card: #12121e;--bg-elevated: #1a1a2a;--text-primary: #f2f0ea;--text-secondary: #9090a8;--text-muted: #50506a;--gold: #e8b84b;--gold-light: #f5d07a;--gold-dim: #9a7830;--gold-glow: rgba(232, 184, 75, .3);--gold-glow-sm: rgba(232, 184, 75, .15);--violet: #6d28d9;--violet-mid: #7c3aed;--violet-light: #a78bfa;--violet-glow: rgba(109, 40, 217, .35);--glass-bg: rgba(255, 255, 255, .025);--glass-border: rgba(255, 255, 255, .06);--glass-gold: rgba(232, 184, 75, .12);--glass-border-gold: rgba(232, 184, 75, .2);--font-display: "Syne", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--sp-xs: .5rem;--sp-sm: 1rem;--sp-md: 2rem;--sp-lg: 4rem;--sp-xl: 8rem;--max-w: 1200px;--nav-h: 80px;--t-fast: .22s cubic-bezier(.25, .1, .25, 1);--t-mid: .4s cubic-bezier(.25, .1, .25, 1);--t-slow: .7s cubic-bezier(.16, 1, .3, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--r-sm: 6px;--r-md: 12px;--r-lg: 18px;--r-pill: 999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-text-size-adjust:100%}body{min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:var(--t-fast)}button{cursor:pointer;border:none;outline:none;background:none;font:inherit}img{max-width:100%;display:block}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-md)}.section{position:relative;padding:var(--sp-xl) 0;overflow:hidden}.gradient-text{background:linear-gradient(120deg,var(--gold-light) 0%,var(--gold) 50%,var(--gold-dim) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:var(--r-lg)}.section-eyebrow{font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem;display:block}.section-heading{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.8rem);font-weight:700;color:var(--text-primary);line-height:1.1;margin-bottom:1rem}.section-sub{color:var(--text-muted);font-size:.95rem;line-height:1.6;max-width:540px;margin-bottom:var(--sp-lg)}.tag-pill{font-size:.78rem;font-family:var(--font-display);font-weight:500;color:var(--gold-dim);background:#e8b84b12;border:1px solid rgba(232,184,75,.18);padding:5px 13px;border-radius:var(--r-pill);transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}.tag-pill:hover{background:#e8b84b24;border-color:#e8b84b59;color:var(--gold)}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold) 0%,var(--gold-light) 100%);z-index:1001;transform-origin:left;pointer-events:none;will-change:transform,opacity}.site-footer{text-align:center;padding:2.5rem var(--sp-md);color:var(--text-muted);font-size:.78rem;font-family:var(--font-display);letter-spacing:.5px;position:relative;z-index:1;border-top:1px solid var(--glass-border)}.site-footer a{color:var(--gold-dim);transition:color var(--t-fast)}.site-footer a:hover{color:var(--gold)}.footer-links{display:flex;justify-content:center;gap:var(--sp-sm);margin-bottom:var(--sp-sm);flex-wrap:wrap}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:var(--r-pill)}.theme-transitioning,.theme-transitioning *,.theme-transitioning *:before,.theme-transitioning *:after{transition:background-color .45s ease,color .45s ease,border-color .45s ease,box-shadow .45s ease,opacity .35s ease!important}.theme-transitioning .animating,.theme-transitioning .animating *{transition:none!important}[data-theme=light]{--bg-primary: #f5f3ee;--bg-secondary: #eae8e1;--bg-card: #ffffff;--bg-elevated: #f0eee7;--text-primary: #1a1a2e;--text-secondary: #52526e;--text-muted: #8888a0;--gold: #b8860b;--gold-light: #d4a017;--gold-dim: #8b6914;--gold-glow: rgba(184, 134, 11, .2);--gold-glow-sm: rgba(184, 134, 11, .1);--violet: #7c3aed;--violet-mid: #8b5cf6;--violet-light: #a78bfa;--violet-glow: rgba(124, 58, 237, .2);--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(0, 0, 0, .08);--glass-gold: rgba(184, 134, 11, .08);--glass-border-gold: rgba(184, 134, 11, .18)}[data-theme=light] .global-bg{background:radial-gradient(ellipse at 30% 20%,#e8e4d8,#f5f3ee 65%)}[data-theme=light] .blob{opacity:.1!important}[data-reduced-motion=true] *:not(.blob),[data-reduced-motion=true] *:before,[data-reduced-motion=true] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reduced-motion=true] .reveal,[data-reduced-motion=true] .reveal.revealed{opacity:1!important;transform:none!important;animation:none!important;clip-path:none!important}[data-reduced-motion=true] .section-eyebrow,[data-reduced-motion=true] .section-heading,[data-reduced-motion=true] .section-sub{opacity:1!important;transform:none!important;clip-path:none!important}.reveal{opacity:0;clip-path:inset(18% 0% 0% 0%)}.reveal.revealed{animation:revealIn .7s var(--ease-out-expo) both}.reveal.reveal-done{animation:none;opacity:1;transform:none;clip-path:none}@keyframes revealIn{0%{opacity:0;transform:translateY(40px) scale(.97);clip-path:inset(18% 0% 0% 0%)}to{opacity:1;transform:translateY(0) scale(1);clip-path:inset(0% 0% 0% 0%)}}#loading-screen{position:fixed;inset:0;z-index:9999;background:var(--bg-primary, #f5f3ee);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .4s ease-out}#loading-screen.fade-out{opacity:0;pointer-events:none}#loading-canvas{position:absolute;inset:0;width:100%;height:100%}.loading-info{position:absolute;bottom:48px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:1}.loading-progress{width:200px;height:3px;background:var(--glass-border, rgba(0, 0, 0, .08));border-radius:2px;overflow:hidden}.loading-progress-fill{height:100%;width:0%;background:var(--gold, #e8b84b);border-radius:2px;transition:width .3s ease-out;box-shadow:0 0 12px var(--gold-glow, rgba(232, 184, 75, .3))}.loading-label{font-family:var(--font-display, "Syne", sans-serif);font-size:.65rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--text-muted, #8888a0);opacity:.7;animation:label-pulse 2s ease-in-out infinite}.loading-percent{font-family:var(--font-display, "Syne", sans-serif);font-size:.75rem;font-weight:700;color:var(--gold, #e8b84b);letter-spacing:1px;min-width:32px;text-align:center}@keyframes label-pulse{0%,to{opacity:.5}50%{opacity:.9}}.loading-fallback-crystal{width:80px;height:120px;clip-path:polygon(50% 0%,100% 35%,80% 100%,20% 100%,0% 35%);background:linear-gradient(180deg,var(--gold-glow, rgba(232, 184, 75, .15)) 0%,transparent 40%,var(--gold-glow, rgba(232, 184, 75, .1)) 60%,transparent 100%);border:none;animation:crystal-float 3s ease-in-out infinite,crystal-pulse 2s ease-in-out infinite;position:relative}.loading-fallback-crystal:before{content:"";position:absolute;inset:2px;clip-path:polygon(50% 0%,100% 35%,80% 100%,20% 100%,0% 35%);border:1.5px solid var(--gold, #e8b84b);opacity:.4}.loading-fallback-crystal:after{content:"";position:absolute;top:20%;left:25%;width:50%;height:60%;background:radial-gradient(ellipse,var(--gold-glow, rgba(232, 184, 75, .2)) 0%,transparent 70%);animation:crystal-inner 2.5s ease-in-out infinite}@keyframes crystal-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes crystal-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes crystal-inner{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.section-3d-fallback{position:absolute;pointer-events:none;opacity:0;transition:opacity 1.2s ease-out;z-index:0}.section-3d-fallback.visible{opacity:1}.fallback-shield{top:50%;right:8%;width:120px;height:140px;transform:translateY(-50%);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(135deg,transparent 25%,var(--gold-glow, rgba(232, 184, 75, .12)) 45%,transparent 65%);animation:shield-float 5s ease-in-out infinite,shield-glow 3s ease-in-out infinite alternate}.fallback-shield:before{content:"";position:absolute;inset:3px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);border:1.5px solid var(--gold, #e8b84b);opacity:.4}@keyframes shield-float{0%,to{transform:translateY(-50%)}50%{transform:translateY(-53%)}}@keyframes shield-glow{0%{opacity:.3}to{opacity:.6}}.fallback-sword{top:50%;left:5%;width:20px;height:200px;transform:translateY(-50%);background:linear-gradient(180deg,transparent 0%,var(--gold, #e8b84b) 10%,var(--gold-glow, rgba(232, 184, 75, .3)) 50%,var(--gold, #e8b84b) 90%,transparent 100%);opacity:.25;border-radius:2px 2px 0 0;animation:sword-float 6s ease-in-out infinite}.fallback-sword:before{content:"";position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:50px;height:6px;background:var(--gold, #e8b84b);opacity:.4;border-radius:3px}.fallback-sword:after{content:"";position:absolute;top:8%;left:50%;width:2px;height:72%;transform:translate(-50%);background:linear-gradient(180deg,var(--gold, #e8b84b) 0%,var(--gold-glow, rgba(232, 184, 75, .5)) 100%);opacity:.6;animation:ridge-pulse 3s ease-in-out infinite alternate}@keyframes sword-float{0%,to{transform:translateY(-50%)}50%{transform:translateY(-52%)}}@keyframes ridge-pulse{0%{opacity:.3;height:30%}to{opacity:.7;height:72%}}.fallback-die{top:30%;right:8%;width:100px;height:100px;opacity:.3;animation:die-tumble 12s linear infinite,die-glow 4s ease-in-out infinite alternate}.fallback-die:before{content:"";position:absolute;inset:0;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);border:1.5px solid var(--gold, #e8b84b)}.fallback-die:after{content:"";position:absolute;top:25%;left:25%;width:50%;height:50%;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);border:1px solid var(--gold, #e8b84b);opacity:.5}@keyframes die-tumble{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes die-glow{0%{opacity:.2}to{opacity:.45}}.fallback-chest{top:50%;left:8%;width:100px;height:70px;transform:translateY(-50%);border:1.5px solid var(--gold, #e8b84b);border-radius:4px 4px 2px 2px;opacity:.3;animation:chest-float 5s ease-in-out infinite}.fallback-chest:before{content:"";position:absolute;top:-15px;left:-1.5px;right:-1.5px;height:15px;border:1.5px solid var(--gold, #e8b84b);border-bottom:none;border-radius:4px 4px 0 0;transform-origin:bottom left;transform:rotate(-5deg)}.fallback-chest:after{content:"";position:absolute;top:-10px;left:20%;right:20%;height:30px;background:radial-gradient(ellipse,var(--gold-glow, rgba(232, 184, 75, .15)) 0%,transparent 70%);animation:chest-glow 3s ease-in-out infinite alternate}@keyframes chest-float{0%,to{transform:translateY(-50%)}50%{transform:translateY(-53%)}}@keyframes chest-glow{0%{opacity:.3}to{opacity:.7}}.fallback-globe{top:50%;right:10%;width:100px;height:100px;transform:translateY(-50%);border:1.5px solid var(--gold, #e8b84b);border-radius:50%;opacity:.3;animation:globe-spin 15s linear infinite,globe-glow 4s ease-in-out infinite alternate}.fallback-globe:before{content:"";position:absolute;top:50%;left:-1px;right:-1px;height:0;border-top:1px solid var(--gold, #e8b84b);opacity:.5}.fallback-globe:after{content:"";position:absolute;inset:-1px;border:1.5px solid var(--gold, #e8b84b);border-radius:50%;clip-path:ellipse(35% 50% at 50% 50%);opacity:.5}@keyframes globe-spin{0%{transform:translateY(-50%) rotateY(0)}to{transform:translateY(-50%) rotateY(360deg)}}@keyframes globe-glow{0%{opacity:.2}to{opacity:.45}}@media(max-width:820px){.fallback-shield,.fallback-sword,.fallback-die,.fallback-chest,.fallback-globe{opacity:.2}.fallback-shield{right:50%;transform:translate(50%,-50%);width:80px;height:100px}.fallback-sword{left:50%;transform:translate(-50%,-50%);height:140px}.fallback-die{right:50%;transform:translate(50%);width:80px;height:80px}.fallback-chest{left:50%;transform:translate(-50%,-50%);width:80px;height:55px}.fallback-globe{right:50%;transform:translate(50%,-50%);width:80px;height:80px}}@media(prefers-reduced-motion:reduce){.section-3d-fallback,.section-3d-fallback *{animation:none!important}}[data-reduced-motion=true] .section-3d-fallback,[data-reduced-motion=true] .section-3d-fallback *{animation:none!important}.cross-site-nav{position:fixed;top:0;left:0;width:100%;height:32px;display:flex;align-items:center;background:#09090fbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:1100}.cross-site-nav-inner{display:flex;align-items:center;gap:1.5rem}.cross-site-link{font-family:var(--font-display);font-size:.65rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);text-decoration:none;transition:color var(--t-fast)}.cross-site-link:hover{color:var(--text-primary)}.cross-site-link-active{color:var(--gold)}.navbar{position:fixed;top:1rem;left:50%;transform:translate(-50%);width:auto;max-width:calc(100% - 2 * var(--sp-md));height:auto;display:flex;justify-content:center;align-items:center;padding:.6rem 1.8rem;z-index:1000;border-radius:var(--r-pill);background:transparent;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);border:1px solid transparent;box-shadow:none;transition:background .5s cubic-bezier(.25,.1,.25,1),backdrop-filter .5s cubic-bezier(.25,.1,.25,1),-webkit-backdrop-filter .5s cubic-bezier(.25,.1,.25,1),border-color .5s cubic-bezier(.25,.1,.25,1),box-shadow .5s cubic-bezier(.25,.1,.25,1)}.navbar.scrolled{background:#09090f8c;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-color:#ffffff14;box-shadow:0 4px 24px #0003,inset 0 .5px #ffffff0f}.nav-links{position:relative;display:flex;gap:1.5rem;list-style:none;align-items:center;justify-content:center;margin:0;padding:0}.nav-active-indicator{position:absolute;bottom:-4px;left:0;height:2px;background:var(--gold);border-radius:var(--r-pill);transition:transform .4s cubic-bezier(.25,.1,.25,1),width .3s cubic-bezier(.25,.1,.25,1),opacity .3s ease;opacity:0;pointer-events:none;will-change:transform,width}.nav-active-indicator.visible{opacity:1}.nav-link,.btn-nav-cta{font-family:var(--font-display);font-size:.82rem;font-weight:500;letter-spacing:.4px;color:var(--text-secondary);position:relative;padding:.25rem .1rem;white-space:nowrap;transition:color var(--t-fast);text-align:center}.nav-link:hover,.btn-nav-cta:hover{color:var(--text-primary)}.nav-link:after,.btn-nav-cta:after{display:none}.btn-nav-cta{color:var(--gold);font-weight:600}.nav-link,.btn-nav-cta{transition:color var(--t-fast),transform .4s cubic-bezier(.34,1.56,.64,1)}.nav-link.active{color:var(--text-primary);animation:nav-lift .6s cubic-bezier(.22,1,.36,1)}.btn-nav-cta.active{color:var(--gold-light);animation:nav-lift .6s cubic-bezier(.22,1,.36,1)}@keyframes nav-lift{0%{transform:translateY(0)}30%{transform:translateY(-6px)}60%{transform:translateY(-1px)}to{transform:translateY(0)}}.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1001;padding:4px}.bar{width:22px;height:1.5px;background:var(--text-primary);border-radius:var(--r-pill);transition:all .28s ease}@media(max-width:820px){.navbar{background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;box-shadow:none!important;height:auto;width:auto;position:fixed;top:1.2rem;right:1.2rem;left:auto;transform:none;padding:0;pointer-events:none;border-radius:0;max-width:none}.navbar.scrolled{background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;box-shadow:none!important}.nav-active-indicator{display:none}.menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);box-shadow:0 4px 16px #0000004d;padding:0;gap:4px;pointer-events:auto;transition:border-color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast)}.menu-toggle:hover,.menu-toggle.open{border-color:var(--glass-border-gold);background:var(--glass-gold)}.menu-toggle .bar{width:18px;height:2px}.menu-toggle.open .bar{background:var(--gold)}.menu-toggle.open .bar:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.open .bar:nth-child(2){opacity:0;transform:scaleX(0)}.menu-toggle.open .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-links{position:fixed;top:0;right:0;width:min(280px,72%);height:auto;max-height:100dvh;background:var(--bg-card);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);flex-direction:column;align-items:stretch;gap:0;padding:5rem 1.5rem 1.5rem;border-radius:0 0 0 20px;border-left:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);box-shadow:-4px 0 20px #00000026;overflow:hidden;transform:translate(100%);opacity:0;transition:transform var(--t-mid),opacity var(--t-mid);pointer-events:none}.nav-links.open{transform:translate(0);opacity:1;pointer-events:auto}.nav-links li{list-style:none}.nav-link,.btn-nav-cta{display:block;font-size:.88rem;padding:.7rem .4rem;border-radius:0;border-bottom:2px solid transparent;transition:color var(--t-fast),border-color var(--t-fast);text-align:left}.nav-link:hover,.btn-nav-cta:hover{background:none;color:var(--text-primary)}.nav-link.active{color:var(--gold);background:none;border-bottom-color:var(--gold)}.btn-nav-cta{margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--glass-border);border-bottom:2px solid transparent;font-weight:600}.btn-nav-cta.active{border-bottom-color:var(--gold)}.drawer-overlay{position:fixed;inset:0;background:#0006;z-index:999;opacity:0;transition:opacity var(--t-mid);pointer-events:none}.drawer-overlay.open{opacity:1;pointer-events:auto}}[data-theme=light] .navbar{background:transparent}[data-theme=light] .navbar.scrolled{background:#f5f3ee80;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-color:#0000000f;box-shadow:0 4px 24px #0000000a,inset 0 .5px #ffffff80}@media(max-width:820px){[data-theme=light] .navbar,[data-theme=light] .navbar.scrolled{background:none!important;border:none!important;box-shadow:none!important}[data-theme=light] .menu-toggle{background:#ffffffd9;border-color:#0000001a;box-shadow:0 2px 12px #0000001a}[data-theme=light] .nav-links{box-shadow:-4px 0 20px #0000000a}[data-theme=light] .drawer-overlay{background:#00000026}}.hero-section{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 var(--sp-md);overflow:hidden}.hero-logo-link{position:absolute;top:20px;left:var(--sp-md);z-index:2;opacity:0}.hero-logo{height:80px;width:auto;display:block;filter:drop-shadow(0 0 12px rgba(232,184,75,.15));transition:transform var(--t-fast),filter var(--t-fast)}.hero-logo:hover{transform:scale(1.04);filter:drop-shadow(0 0 18px rgba(232,184,75,.4))}.hero-logo-light,[data-theme=light] .hero-logo-dark{display:none}[data-theme=light] .hero-logo-light{display:block}.hero-content{z-index:1;max-width:860px;text-shadow:0 2px 20px var(--bg-primary),0 0 40px var(--bg-primary)}.hero-eyebrow{font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:3.5px;text-transform:uppercase;color:var(--gold);margin-bottom:1.2rem;display:block;opacity:0}.hero-title{font-family:var(--font-display);font-size:clamp(3.8rem,9vw,7.5rem);font-weight:800;line-height:.92;letter-spacing:-2px;color:var(--text-primary);margin-bottom:1.6rem;opacity:0}.hero-subtitle{font-family:var(--font-body);font-size:clamp(1rem,2.2vw,1.3rem);font-weight:300;color:var(--text-secondary);letter-spacing:.2px;line-height:1.6;margin-bottom:var(--sp-lg);max-width:640px;margin-left:auto;margin-right:auto;opacity:0}.hero-handle{color:var(--text-muted);font-size:.9em}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;opacity:0}.btn-hero-primary{display:inline-flex;align-items:center;gap:8px;padding:.9rem 2.2rem;background:var(--gold);color:#09090f;border-radius:var(--r-pill);font-family:var(--font-display);font-weight:700;font-size:.9rem;letter-spacing:.3px;border:1px solid var(--gold);box-shadow:0 0 28px var(--gold-glow),0 4px 12px #0006;transition:transform var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}.btn-hero-primary:hover{transform:translateY(-3px);background:var(--gold-light);box-shadow:0 0 48px var(--gold-glow),0 8px 24px #00000080}.btn-hero-secondary{display:inline-flex;align-items:center;gap:8px;padding:.9rem 2.2rem;background:transparent;color:var(--text-secondary);border-radius:var(--r-pill);font-family:var(--font-display);font-weight:600;font-size:.9rem;border:1px solid var(--glass-border);transition:border-color var(--t-fast),color var(--t-fast)}.btn-hero-secondary:hover{border-color:#ffffff38;color:var(--text-primary)}.scroll-indicator{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-muted);cursor:pointer;transition:color var(--t-fast);z-index:2;opacity:0}.scroll-indicator:hover{color:var(--gold)}.scroll-mouse{width:22px;height:36px;border:1.5px solid currentColor;border-radius:12px;display:flex;justify-content:center;padding-top:7px;transition:border-color var(--t-fast)}.scroll-wheel{width:2.5px;height:8px;border-radius:var(--r-pill);background:currentColor;animation:scrollPulse 2s ease-in-out infinite}.scroll-label{font-family:var(--font-display);font-size:.6rem;letter-spacing:3px;text-transform:uppercase}@keyframes scrollPulse{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.2;transform:translateY(6px)}}@keyframes scrollFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-6px)}}.hero-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;opacity:0}.hero-fallback{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity 1.2s ease-out}.hero-fallback.visible{opacity:1}.hero-fallback-ring{position:absolute;top:50%;left:50%;width:240px;height:260px;transform:translate(-50%,-55%);clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);border:none;border-radius:0;background:linear-gradient(135deg,transparent 30%,var(--gold-glow, rgba(232, 184, 75, .15)) 50%,transparent 70%);opacity:.4;animation:d20-float 6s ease-in-out infinite,d20-rotate 20s linear infinite;box-shadow:none}.hero-fallback-ring:before{content:"";position:absolute;inset:3px;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:transparent;border:2px solid var(--gold, #e8b84b);opacity:.5}.hero-fallback-ring:after{content:"";position:absolute;inset:0;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:linear-gradient(60deg,transparent 40%,var(--gold-glow, rgba(232, 184, 75, .1)) 50%,transparent 60%),linear-gradient(120deg,transparent 40%,var(--gold-glow, rgba(232, 184, 75, .08)) 50%,transparent 60%),linear-gradient(180deg,transparent 40%,var(--gold-glow, rgba(232, 184, 75, .06)) 50%,transparent 60%);animation:d20-energy 4s ease-in-out infinite}.hero-fallback-glow{position:absolute;top:50%;left:50%;width:180px;height:180px;transform:translate(-50%,-55%);border-radius:50%;background:radial-gradient(circle,var(--gold-glow, rgba(232, 184, 75, .1)) 0%,transparent 70%);animation:fallback-pulse 4s ease-in-out infinite}@keyframes d20-float{0%,to{transform:translate(-50%,-55%)}50%{transform:translate(-50%,-58%)}}@keyframes d20-rotate{to{transform:translate(-50%,-55%) rotate(360deg)}}@keyframes d20-energy{0%,to{opacity:.3}50%{opacity:.7}}@keyframes fallback-pulse{0%,to{opacity:.4;transform:translate(-50%,-55%) scale(1)}50%{opacity:.7;transform:translate(-50%,-55%) scale(1.08)}}