.vs-hero-product{padding:var(--space-9) 0 var(--space-8);background:radial-gradient(900px 600px at 15% 20%,color-mix(in oklab,var(--accent) 12%,transparent),transparent 60%),radial-gradient(700px 500px at 85% 80%,color-mix(in oklab,var(--accent) 8%,transparent),transparent 60%),linear-gradient(180deg,var(--bg) 0%,var(--accent-subtle) 100%);background-size:200% 200%,200% 200%,100% 100%;background-position:0% 0%,100% 100%,0% 0%;animation:vs-hero-grad 18s ease-in-out infinite alternate;position:relative;overflow:hidden}@keyframes vs-hero-grad{0%{background-position:0% 0%,100% 100%,0 0}to{background-position:100% 100%,0% 0%,0 0}}@media(prefers-reduced-motion:reduce){.vs-hero-product{animation:none}}.vs-hero-product:before,.vs-hero-product:after{content:"";position:absolute;border-radius:50%;background:var(--accent);opacity:.08;pointer-events:none}.vs-hero-product:before{width:320px;height:320px;top:-100px;right:-80px;animation:vs-float-a 12s ease-in-out infinite alternate}.vs-hero-product:after{width:180px;height:180px;bottom:-60px;left:8%;animation:vs-float-b 14s ease-in-out infinite alternate}@keyframes vs-float-a{0%{transform:translate(0) scale(1)}to{transform:translate(-40px,30px) scale(1.08)}}@keyframes vs-float-b{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-20px) scale(1.12)}}@media(prefers-reduced-motion:reduce){.vs-hero-product:before,.vs-hero-product:after{animation:none}}@media(max-width:768px){.vs-hero-product{padding:var(--space-7) 0 var(--space-6)}}.vs-hero-product__inner{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-8);align-items:center;max-width:var(--content-max);margin:0 auto;padding:0 var(--gutter);position:relative;z-index:1}@media(max-width:768px){.vs-hero-product__inner{grid-template-columns:1fr;gap:var(--space-6);padding:0 var(--gutter-mobile)}}.vs-hero-product__eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:600;margin:0 0 var(--space-4)}.vs-hero-product__title{margin:0 0 var(--space-3)}.vs-hero-product__subtitle{font-family:var(--font-display);font-size:22px;line-height:1.4;color:var(--ink-muted);font-style:italic;margin:0 0 var(--space-3)}.vs-hero-product__author{font-size:15px;color:var(--ink-muted);margin:0 0 var(--space-5)}.vs-hero-product__author strong{color:var(--ink);font-weight:500}.vs-hero-product__lede{font-family:var(--font-display);font-size:18px;line-height:1.6;color:var(--ink);margin:0 0 var(--space-5);max-width:52ch}.vs-hero-product__meta{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--rule);border-radius:var(--radius-pill);margin:0 0 var(--space-5)}.vs-hero-product__type{font-size:11px;letter-spacing:.08em;color:var(--ink-muted);font-weight:500}.vs-hero-product__price{font-size:16px;color:var(--ink);font-weight:600}.vs-hero-product__ctas{display:inline-flex;flex-wrap:wrap;gap:var(--space-3)}.vs-hero-product__buy{height:56px;font-size:17px;padding:0 28px}.vs-hero-product__visual{display:flex;align-items:center;justify-content:center}.vs-hero-product__cover-link{display:block;max-width:380px;width:100%;aspect-ratio:3 / 4;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 20px 60px #16151a2e,0 6px 16px #16151a14;transform:rotate(-1.5deg);transition:transform var(--duration-slow) var(--ease-out)}.vs-hero-product__cover-link:hover{transform:rotate(0) translateY(-4px)}.vs-hero-product__cover{width:100%;height:100%;object-fit:cover;display:block}.vs-hero-product__placeholder{width:100%;max-width:380px;aspect-ratio:3 / 4;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--rule);box-shadow:0 20px 60px #16151a1f;display:flex;align-items:center;justify-content:center;transform:rotate(-1.5deg);padding:var(--space-6);text-align:center}.vs-hero-product__placeholder-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--accent)}.vs-hero-product__placeholder-inner svg{width:56px;height:56px}.vs-hero-product__placeholder-label{font-family:var(--font-display);font-size:20px;color:var(--ink);margin:0;line-height:1.2}
/*# sourceMappingURL=/cdn/shop/t/2/assets/vellumshore-hero-product.css.map */