:root{--header-header-height: 12vh;--header-logo-size: 11vh;--header-space-xxs: .25vh;--header-space-xs: .5vh;--header-space-sm: 1vh;--header-space-md: 1.5vh;--header-space-lg: 2vh;--header-space-xl: 2.5vh;--header-space-xxl: 3vh;--header-title-letter-spacing: .05em;--transition-fast: .15s ease}.arda-header{position:fixed;top:0;left:0;width:100%;height:var(--header-header-height);z-index:50;display:flex;align-items:center;justify-content:space-between;background:var(--header-bg-gradient);box-shadow:var(--header-box-shadow);border-bottom:.4vh solid var(--color-primary);padding:0 var(--header-space-md);box-sizing:border-box;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.arda-header.hidden{transform:translateY(-100%);box-shadow:none}body{padding-top:var(--header-header-height)}.header-left{display:flex;align-items:center;flex-shrink:0;height:100%}.logo-link{display:flex;align-items:center;text-decoration:none;height:100%}.arda-logo{width:var(--header-logo-size);height:var(--header-logo-size);filter:drop-shadow(0 0 .5vh var(--color-primary));animation:pulse-shadow 4s ease-in-out infinite;transition:transform var(--transition-fast)}.arda-title{display:flex;flex-direction:column;justify-content:center;height:100%;font-family:var(--font-family-display);font-size:4.6vh;color:var(--color-primary);letter-spacing:var(--header-title-letter-spacing);text-shadow:var(--text-shadow-sm);cursor:pointer;transition:color var(--transition-fast),transform var(--transition-fast);text-decoration:none;margin-left:var(--header-space-sm)}.title-line-1,.title-line-2{line-height:1;text-align:left}.header-center{flex:1;display:flex;justify-content:flex-end;align-items:center;position:relative}.nav-links{display:flex;align-items:center;font-family:var(--font-family-display)}.nav-link{position:relative;font-size:3vh;font-weight:var(--font-weight-large);letter-spacing:var(--letter-spacing-wide);color:var(--color-text-primary);text-decoration:none;padding:var(--header-nav-link-padding-vertical) var(--header-nav-link-padding-horizontal);transition:color .3s ease;display:inline-flex;justify-content:center}.nav-link:after{content:"";position:absolute;bottom:.1em;width:65%;height:.3vh;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary-hover));border-radius:var(--radius-full);transform:scaleX(0);transition:transform .3s ease-in-out}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.store-button{font-family:var(--font-family-display);font-size:3vh;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);color:var(--color-text-inverted);background:var(--color-primary);border:.35vh solid transparent;border-radius:var(--radius-full);white-space:nowrap;cursor:pointer;animation:pulse 1s infinite;box-shadow:var(--color-primary);transition:all var(--transition-fast);z-index:100;margin-left:var(--header-space-sm);padding:var(--header-space-md)}.store-button:hover{background:var(--color-gradient);color:var(--color-primary);border-color:var(--color-primary);transform:scale(1.05)}.menu-toggle{display:none;background:none;border:none;cursor:pointer;z-index:15;animation:pulse-shadow 4s ease-in-out infinite}.menu-toggle svg{stroke:var(--color-text-primary);width:3vh;height:3vh;transition:stroke var(--transition-fast),transform var(--transition-fast)}.menu-toggle:hover svg{stroke:var(--color-primary);transform:scale(1.1)}@media (max-width: 920px){.menu-toggle{display:block}.nav-links{display:none;flex-direction:column;position:fixed;top:var(--header-header-height);right:0;height:calc(100vh - var(--header-header-height));width:60vw;background:var(--header-bg-gradient-mobile-nav);border-left:.4vh solid var(--color-primary);transform:translate(100%);transition:transform var(--transition-fast);z-index:20;gap:0}.nav-links.open{display:flex;transform:translate(0)}.nav-link{text-align:center;font-size:2.5vh;padding:var(--header-space-sm) 0}.arda-logo{width:var(--header-logo-size);height:var(--header-logo-size)}.arda-title{font-size:4vh}}@media (max-width: 400px){.arda-header{padding:0 var(--header-space-xs)}.arda-logo{width:calc(var(--header-logo-size) * .7);height:calc(var(--header-logo-size) * .7)}.arda-title{font-size:2.5vh}.store-button{padding:var(--space-sm);font-size:1.5vh}}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--color-pulse-glow)}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}@keyframes pulse-shadow{0%,to{filter:drop-shadow(0 0 2px var(--color-primary))}50%{filter:drop-shadow(0 0 7px var(--color-primary))}}