.hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-bg img{width:100%;height:100%;object-fit:cover;filter:brightness(.35) saturate(.8)}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1e120bb3,#1e120b4d,#1e120b99)}.hero-inner{position:relative;z-index:1;max-width:1440px;margin:0 auto;width:100%;padding:0 clamp(20px,4vw,60px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.hero-content{color:var(--warm-white)}.hero-content h1{font-family:var(--font-display);font-size:clamp(52px,6.5vw,88px);font-weight:700;line-height:1.02;margin-block:28px 24px;color:var(--warm-white)}.hero-sub{font-size:18px;line-height:1.7;color:var(--cream-dark);max-width:460px;margin-bottom:36px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:48px}.hero-proof{display:flex;gap:40px;flex-wrap:wrap}.proof-item .proof-val{font-family:var(--font-display);font-size:32px;font-weight:700;color:#fff}.proof-item .proof-label{font-size:12px;color:var(--oat);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.proof-divider{width:1px;background:#ffffff1f;align-self:stretch}.hero-stack{position:relative;display:flex;align-items:center;justify-content:center;animation:fade-in 1s var(--ease) .4s both}.hero-stack-frame{position:relative;width:100%;max-width:480px;aspect-ratio:3 / 4}.hp-card{position:absolute;border-radius:20px;overflow:hidden;box-shadow:0 30px 70px #00000059;transition:transform .5s var(--ease)}.hp-card img{width:100%;height:100%;object-fit:cover}.hp-card:nth-child(1){width:55%;height:50%;bottom:5%;left:0;transform:rotate(-5deg);z-index:1}.hp-card:nth-child(2){width:50%;height:55%;top:8%;right:2%;transform:rotate(4deg);z-index:2}.hp-card:nth-child(3){width:48%;height:48%;top:28%;left:22%;transform:rotate(-1deg);z-index:3;border:3px solid rgba(255,255,255,.15)}.hero-stack-frame:hover .hp-card:nth-child(1){transform:rotate(-8deg) translate(-8px,4px)}.hero-stack-frame:hover .hp-card:nth-child(2){transform:rotate(7deg) translate(8px,-4px)}.hero-stack-frame:hover .hp-card:nth-child(3){transform:rotate(1deg) scale(1.03)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/home.css.map */