.logo-outlet{font-size:.58rem;text-transform:uppercase;letter-spacing:.16em;padding:4px 0 0 7px;border-left:1px solid var(--line);margin-left:3px;align-self:center}
.hero-stage .arch{border-radius:48% 48% 6px 6px;overflow:hidden}
.card-img{border-radius:6px}.hero h1{letter-spacing:-.045em}.card{transition:transform .3s var(--ease)}
.card:hover .card-title{color:var(--slate-2)}.hero-stage img{animation:arrive .8s var(--ease) both}
@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1100px){.hero{padding-top:48px}.hero-grid{min-height:490px}.hero-tag{left:0;bottom:22px}.mainnav a{padding:10px 9px}}
@media(max-width:640px){.logo-outlet{font-size:.5rem}.hero{padding-top:32px}.hero h1{font-size:2.8rem}.hero-stage{min-height:320px}.intro-line span:nth-child(2){max-width:24ch;font-size:.75rem}.hero-cta{gap:10px}.hero-cta .btn{font-size:.88rem}.assistant-launch{max-width:calc(100vw - 32px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.cart-intro{padding:28px 0 36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:28px}.cart-intro h2{font-weight:300;font-size:1.8rem;margin-bottom:16px}.cart-intro p{max-width:50ch;color:var(--slate-2)}
@media(max-width:380px){.logo-outlet{display:none}}