.hero{min-height:650px;padding:36px 5vw 80px;position:relative;display:grid;grid-template-columns:1fr 1.15fr;gap:4vw;align-items:center}.hero h1,.section-title,.manifesto h2,.sauce h2{font-family:Anton,Impact,sans-serif;margin:0;line-height:1.05}.hero h1{font-size:clamp(62px,8vw,118px);font-weight:400}.hero p{max-width:430px;line-height:1.7;font-weight:600}.btn{display:inline-flex;margin-top:24px;padding:17px 28px;border-radius:40px;background:var(--plum);color:#fff;font-weight:800}.btn:active{transform:scale(.97)}
.hero-media{position:relative;width:clamp(470px,46vw,700px);max-width:100%;justify-self:start;padding:clamp(10px,1.2vw,18px);transform:translateX(clamp(-86px,-5vw,-34px))}.hero-media::before{position:absolute;inset:0;z-index:0;background:var(--yellow);clip-path:polygon(7% 5%,82% 0,100% 17%,95% 84%,76% 100%,9% 94%,0 56%);content:""}.hero-media img{position:relative;z-index:1;width:100%;height:auto;object-fit:contain;border-radius:clamp(22px,3vw,38px)}.sticker{position:absolute;z-index:3;padding:15px 18px;background:var(--lime);font-weight:900;white-space:nowrap;transform:rotate(-7deg);right:clamp(8px,2vw,24px);bottom:clamp(12px,4vw,46px)}
.cats{padding:36px 5vw 60px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cat-card{border-radius:36px;padding:18px;display:grid;grid-template-columns:.94fr 1.06fr;gap:22px;align-items:center;overflow:hidden}.cat-card:nth-child(1){background:var(--yellow)}.cat-card:nth-child(2){background:var(--lav)}.cat-card:nth-child(3){background:var(--mint)}.cat-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50% 42% 58% 44%}.cat-card h3{font-family:Anton,Impact,sans-serif;font-size:34px;font-weight:400;margin:0}
.shopby{padding:28px 5vw;background:var(--lav);display:flex;align-items:center;gap:18px;overflow:auto}.shopby h2{font-family:Anton,Impact,sans-serif;font-weight:400;white-space:nowrap}.pill{background:#fff;padding:16px 22px;border-radius:28px;font-weight:800;white-space:nowrap}
.products{padding:74px 5vw}.section-title{font-size:64px;font-weight:400;margin-bottom:34px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product{display:grid;grid-template-rows:auto auto minmax(62px,auto) auto minmax(76px,auto) auto;min-width:0;background:#fff;border-radius:28px;padding:14px;transition:.25s}.product:hover{transform:translateY(-8px) rotate(-1deg)}.product img{grid-row:1;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;padding:6px;background:#fff;border-radius:20px}.product h3{grid-row:2;min-height:44px;font-size:18px;margin:14px 0 8px}.product p{display:-webkit-box;grid-row:3;min-height:58px;margin:0;overflow:hidden;color:#664255;font-size:13px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}.price{grid-row:4;margin-top:12px;font-weight:900;color:#ff3b88}.variant-picker{display:flex;grid-row:5;align-content:start;flex-wrap:wrap;align-items:center;gap:9px;margin-top:15px}.variant-picker-label{min-width:100%;color:var(--plum-soft);font-size:11px;font-weight:700}.variant-swatch{position:relative;width:28px;height:28px;padding:3px;border:1px solid rgba(64,21,41,.25);border-radius:50%;background:#fff}.variant-swatch::before{display:block;width:100%;height:100%;border-radius:inherit;background:var(--swatch);content:""}.variant-swatch[aria-pressed="true"]{border-color:var(--plum);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--plum)}.variant-stock{margin-left:3px;color:var(--plum-soft);font-size:11px;font-weight:700}.product-actions{display:flex;grid-row:6;align-self:end;flex-wrap:wrap;gap:8px;margin-top:14px}.product-button{min-height:38px;padding:0 13px;border:1px solid var(--plum);border-radius:999px;background:transparent;color:var(--plum);font-size:10px;font-weight:800;cursor:pointer;transition:transform 150ms cubic-bezier(.23,1,.32,1),background-color 180ms ease,color 180ms ease}.product-button.primary{background:var(--plum);color:#fff}.product-button:active{transform:scale(.97)}
.manifesto,.sauce{padding:76px 5vw}.manifesto{background:var(--lav);display:grid;grid-template-columns:1fr 1fr;align-items:center}.manifesto h2{font-size:78px;font-weight:400}.manifesto img{width:100%;max-width:640px;height:auto;object-fit:contain;justify-self:center;clip-path:polygon(4% 0,100% 3%,96% 100%,0 96%)}.sauce{background:#fff0d8}.sauce h2{font-size:62px;font-weight:400;text-align:center}.process{margin-top:42px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{text-align:center;padding:22px}.num{display:inline-block;background:var(--yellow);padding:7px 20px;border-radius:30px;font-weight:900}.step h3{font-family:Anton,Impact,sans-serif;font-size:28px;font-weight:400;margin:14px 0 8px}.step p{font-size:13px;line-height:1.55}
.community{padding:62px 5vw;background:var(--pink)}.community-grid{display:grid;grid-template-columns:1.2fr repeat(5,1fr);gap:16px;align-items:center}.community h2{font-family:Anton,Impact,sans-serif;font-size:58px;font-weight:400;line-height:.9;margin:0}.community-cta{display:inline-flex;margin-top:12px;font-size:12px;font-weight:900;transition:color 180ms ease,transform 180ms cubic-bezier(.23,1,.32,1)}.community img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:34% 49% 38% 52%}
@media(hover:hover) and (pointer:fine){.community-cta:hover{color:#fff;transform:translateX(5px)}}
