.hero{background:linear-gradient(180deg,var(--blush) 0%,var(--paper) 100%);padding:clamp(1.5rem,4vw,2.5rem) 0 clamp(2.5rem,6vw,4rem);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,var(--rose-100) 0%,transparent 65%);top:-300px;right:-200px;opacity:.7;pointer-events:none}.hero-grid{display:grid;gap:var(--sp-8);align-items:start;position:relative}@media(min-width:768px){.hero-grid{grid-template-columns:1.1fr 1fr;gap:var(--sp-12)}}.hero-copy{display:flex;flex-direction:column;gap:var(--sp-5);order:2}@media(min-width:768px){.hero-copy{order:1;gap:var(--sp-6)}}.hero .eyebrow{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--tracking-mega);text-transform:uppercase;color:var(--rose-700)}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,9vw,5rem);line-height:.98;letter-spacing:-.035em;font-weight:400;font-variation-settings:"opsz" 144,"SOFT" 50;color:var(--ink-900)}.hero-title em,.hero-title .emph{font-style:italic;color:var(--rose-700);font-weight:300}.hero .lede{font-size:clamp(1.0625rem,1.6vw,1.25rem);line-height:var(--lh-body);color:var(--ink-700);max-width:56ch}.hero .lede p{margin:0}.hero-ctas{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-2)}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-family:var(--font-body);font-weight:600;border-radius:var(--r-pill);text-decoration:none;transition:background .2s,color .2s,box-shadow .2s;white-space:nowrap}.btn-lg{min-height:60px;font-size:1rem;padding:0 var(--sp-8)}.btn-primary{background:var(--ink-900);color:var(--paper);text-transform:uppercase;letter-spacing:.04em}.btn-primary:hover{background:var(--rose-500);color:var(--paper);text-decoration:none}.btn-ghost{background:transparent;color:var(--ink-900);box-shadow:inset 0 0 0 1.5px var(--ink-300)}.btn-ghost:hover{background:var(--ink-900);color:var(--paper);text-decoration:none;box-shadow:none}.hero-social-proof{display:flex;align-items:center;gap:var(--sp-4);margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--ink-100);flex-wrap:wrap}.avatars{display:inline-flex}.avatar{width:36px;height:36px;border-radius:50%;border:2.5px solid var(--paper);display:inline-block;margin-left:-10px}.avatar:first-child{margin-left:0}.hero-rating{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:.875rem;flex-wrap:wrap}.stars{display:inline-flex;align-items:center;gap:2px;color:var(--rose-500)}.hero-rating .stars svg,.stars svg{width:16px;height:16px;flex-shrink:0}.muted{color:var(--ink-500)}.hero .hero-visual{position:relative;order:1;min-height:clamp(300px,50vw,440px);aspect-ratio:4 / 5}@media(min-width:768px){.hero .hero-visual{position:relative;order:2;min-height:clamp(440px,36vw,580px);aspect-ratio:4 / 5}}.hero .hero-image{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-xl);background:linear-gradient(140deg,rgba(229,24,110,.06),transparent 50%),radial-gradient(circle at 30% 20%,#fbe1e8,#fdf3f5 60%,#fbf6f2);box-shadow:var(--shadow-lg);overflow:hidden}.hero .hero-image:after{content:"";position:absolute;top:10%;right:15%;bottom:0;left:15%;background:radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.55),transparent 70%),linear-gradient(180deg,transparent 0%,transparent 60%,rgba(20,17,15,.04) 100%);border-radius:50% 50% 20% 20%/60% 60% 20% 20%}.hero .hero-image:before{content:"FEEL AWSM";position:absolute;bottom:8%;left:50%;transform:translate(-50%);font-family:var(--font-body);font-weight:700;font-size:.875rem;letter-spacing:.3em;color:var(--ink-900);opacity:.55}.hero-image-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}.hero-floating-card{position:absolute;left:var(--sp-4);bottom:var(--sp-4);z-index:1;background:var(--paper);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--sp-3);font-size:.8125rem}.hero-floating-card strong{display:block;font-size:.875rem;color:var(--ink-900)}.hero-floating-card span{color:var(--ink-500);font-size:.75rem}.hfc-mark{width:36px;height:36px;background:var(--rose-100);color:var(--rose-700);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/83/assets/hero.css.map */