@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;700&display=swap";
:root{--bg-primary:#050505;--bg-secondary:#121212;--text-primary:#eaeaea;--text-secondary:#a0a0a0;--element-wood-base:#2d6b3a;--element-wood-light:#5fa672;--element-wood-glow:#5fa67280;--element-fire-base:#a01010;--element-fire-light:#ff6b3d;--element-fire-glow:#ff6b3d80;--element-earth-base:#9b6a30;--element-earth-light:#d4a05a;--element-earth-glow:#d4a05a80;--element-metal-base:#888;--element-metal-light:#e8e8e8;--element-metal-glow:#e8e8e880;--element-water-base:#1a3a7a;--element-water-light:#5fa8d3;--element-water-glow:#5fa8d380;--glass-bg:#ffffff12;--glass-border:#ffffff29;--glass-shadow:0 8px 32px #0003;--transition-smooth:all .5s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.layout-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:var(--transition-smooth);border-radius:16px}.glass-panel:hover{background:#ffffff17;border-color:#ffffff40}.hover-lift{transition:var(--transition-smooth)}.hover-lift:hover{transform:translateY(-5px)}
.navbar{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#05050599;border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 4rem;transition:all .3s;display:flex;position:fixed;top:0}.nav-logo a{letter-spacing:.3em;color:var(--text-primary);text-transform:uppercase;font-size:1.2rem;font-weight:300;text-decoration:none}.nav-links{align-items:center;gap:1.4rem;display:flex}.nav-link-item{color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:.72rem;text-decoration:none;transition:color .3s;position:relative}.nav-link-item:hover{color:var(--text-primary)}.nav-link-item:after{content:"";background-color:var(--text-primary);transform-origin:100% 100%;width:100%;height:1px;transition:transform .4s cubic-bezier(.86,0,.07,1);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav-link-item:hover:after{transform-origin:0 100%;transform:scaleX(1)}.nav-actions{flex-shrink:0;align-items:center;gap:1.2rem;display:flex}.nav-action-btn{color:var(--text-primary);letter-spacing:.1em;cursor:pointer;background:0 0;border:none;font-size:.85rem;text-decoration:none;transition:opacity .3s}.nav-action-btn:hover{opacity:.6}.footer{background-color:#020202;border-top:1px solid #ffffff0d;margin-top:5rem;padding:6rem 4rem 3rem}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:4rem;max-width:1400px;margin:0 auto;display:grid}.footer-brand h3{letter-spacing:.2em;margin-bottom:1rem;font-size:1.1rem;font-weight:300}.footer-brand p{color:var(--text-secondary);max-width:300px;font-size:.85rem;line-height:1.8}.footer-col h4{letter-spacing:.1em;color:var(--text-primary);margin-bottom:1.5rem;font-size:.9rem;font-weight:400}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col ul li{margin-bottom:1rem}.footer-col ul li a{color:var(--text-secondary);letter-spacing:.05em;font-size:.85rem;text-decoration:none;transition:color .3s}.footer-col ul li a:hover{color:var(--text-primary)}.footer-bottom{color:#555;letter-spacing:.1em;border-top:1px solid #ffffff08;justify-content:space-between;max-width:1400px;margin-top:6rem;margin-left:auto;margin-right:auto;padding-top:2rem;font-size:.75rem;display:flex}.nav-link-item.hover-wood:hover,.footer-col ul li a.hover-wood:hover,.mobile-link.hover-wood:hover{text-shadow:0 0 15px var(--element-wood-base);color:var(--element-wood-light)!important}.nav-link-item.hover-wood:after{background-color:var(--element-wood-light)!important}.nav-link-item.hover-fire:hover,.footer-col ul li a.hover-fire:hover,.mobile-link.hover-fire:hover{text-shadow:0 0 15px var(--element-fire-base);color:var(--element-fire-light)!important}.nav-link-item.hover-fire:after{background-color:var(--element-fire-light)!important}.nav-link-item.hover-earth:hover,.footer-col ul li a.hover-earth:hover,.mobile-link.hover-earth:hover{text-shadow:0 0 15px var(--element-earth-base);color:var(--element-earth-light)!important}.nav-link-item.hover-earth:after{background-color:var(--element-earth-light)!important}.nav-link-item.hover-metal:hover,.footer-col ul li a.hover-metal:hover,.mobile-link.hover-metal:hover{text-shadow:0 0 15px var(--element-metal-base);color:var(--element-metal-light)!important}.nav-link-item.hover-metal:after{background-color:var(--element-metal-light)!important}.nav-link-item.hover-water:hover,.footer-col ul li a.hover-water:hover,.mobile-link.hover-water:hover{text-shadow:0 0 15px var(--element-water-base);color:var(--element-water-light)!important}.nav-link-item.hover-water:after{background-color:var(--element-water-light)!important}.hamburger-btn{color:var(--text-primary);letter-spacing:.2em;cursor:pointer;z-index:3000;background:0 0;border:none;font-size:.8rem;display:none;position:relative}.mobile-menu-overlay{-webkit-backdrop-filter:blur(20px);z-index:2500;opacity:0;pointer-events:none;background:#0a0a0af2;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-close-btn{color:var(--text-primary);cursor:pointer;z-index:3001;background:0 0;border:none;padding:1rem;font-size:2rem;transition:transform .3s,opacity .3s;position:absolute;top:2rem;right:2rem}.mobile-close-btn:hover{opacity:.8;transform:scale(1.1)}.mobile-menu-content{text-align:center;flex-direction:column;gap:1.5rem;width:100%;max-height:100vh;padding:2rem;display:flex;overflow-y:auto}.mobile-link{color:var(--text-secondary);letter-spacing:.1em;font-size:1.5rem;font-weight:300;text-decoration:none;transition:color .3s}.mobile-link.emphasis{color:var(--text-primary);font-weight:500}.mobile-link:hover{color:var(--text-primary)}.mobile-divider{letter-spacing:.4em;color:#fff3;margin:1rem 0 .5rem;font-size:.7rem}@media (max-width:1500px){.desktop-only{display:none!important}.hamburger-btn{display:block}.navbar{padding:1.5rem 2rem}.grid-layout{grid-template-columns:1fr;gap:3rem}.grid-layout.reverse .text-block{order:unset}}@media (max-width:1024px){.tablet-up{display:none!important}}@media (max-width:768px){.hero-title{letter-spacing:-.5px;font-size:2rem}.footer-grid{grid-template-columns:1fr;gap:2.5rem}.footer{padding:4rem 1.5rem 3rem}.footer-bottom{text-align:center;flex-direction:column;gap:1rem;margin-top:3rem}.navbar{height:64px;padding:0 1.5rem}.main-content{padding-top:0}}