/* DA STORE Sprint 1 — navigation, cinematic hero, motion and responsive polish */
.site-header{position:fixed;top:33px;left:0;width:100%;z-index:300;background:linear-gradient(to bottom,rgba(17,14,12,.7),transparent);border-bottom:1px solid transparent;color:#fff;backdrop-filter:none;transition:top .3s ease,min-height .3s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease}
.site-header .brand img{filter:brightness(0) invert(1);transition:filter .3s ease,transform .3s ease}.site-header .desktop-nav a{color:#fff}.site-header .desktop-nav a:after{background:#fff}.site-header .icon-button,.site-header .menu-button{border-color:rgba(255,255,255,.38);color:#fff}.site-header .menu-button span{background:#fff}.site-header.scrolled{top:0;min-height:70px;background:rgba(255,253,249,.88);color:var(--ink);border-color:var(--line);box-shadow:0 12px 42px rgba(24,21,18,.10);backdrop-filter:blur(22px)}
.site-header.scrolled .brand img{filter:none;transform:scale(.92)}.site-header.scrolled .desktop-nav a{color:var(--ink)}.site-header.scrolled .desktop-nav a:after{background:var(--ink)}.site-header.scrolled .icon-button,.site-header.scrolled .menu-button{border-color:var(--line);color:var(--ink)}.site-header.scrolled .menu-button span{background:var(--ink)}
.desktop-nav a:after{left:50%;right:auto;width:0;transform:translateX(-50%);transition:width .28s ease}.desktop-nav a:hover:after{right:auto;width:100%}
.hero-slide{transform:scale(1.07);transition:opacity .9s ease,visibility .9s,transform 7s cubic-bezier(.2,.65,.25,1)}.hero-slide.active{transform:scale(1)}
.hero-content>*{opacity:0;transform:translateY(26px)}.hero-slide.active .hero-content>*{animation:heroReveal .75s both cubic-bezier(.2,.7,.2,1)}.hero-slide.active .hero-content>:nth-child(1){animation-delay:.14s}.hero-slide.active .hero-content>:nth-child(2){animation-delay:.24s}.hero-slide.active .hero-content>:nth-child(3){animation-delay:.36s}.hero-slide.active .hero-content>:nth-child(4){animation-delay:.48s}
@keyframes heroReveal{to{opacity:1;transform:none}}
.hero-slider .primary-button{min-width:160px;padding:16px 25px;box-shadow:0 14px 34px rgba(0,0,0,.18);transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.hero-slider .primary-button:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(0,0,0,.26)}.hero-link{transition:opacity .25s ease,transform .25s ease}.hero-link:hover{opacity:.78;transform:translateX(4px)}
.reveal-ready .benefits article,.reveal-ready .section-heading,.reveal-ready .promo-card,.reveal-ready .content-section>*{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal-ready .is-visible{opacity:1;transform:none}
@media (max-width:800px){.site-header{top:33px;padding:0 4%;min-height:70px}.site-header.scrolled{top:0}.brand img{width:118px}.hero-slider{min-height:640px}.hero-actions{flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-content>*{opacity:1;transform:none}}
