:root{--ink:#101010;--yellow:#ffd400;--cream:#f7f1df;--red:#d71920;--line:#d8d1bd;--max:1180px}
*{box-sizing:border-box}body{margin:0;background:#fffdf7;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:var(--max);margin:auto;padding:0 24px}
.site-header{background:var(--yellow);border-bottom:3px solid var(--ink)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:19px;line-height:.86;font-weight:1000;letter-spacing:-1.3px}nav{display:flex;gap:25px;align-items:center;font-size:13px;font-weight:900;text-transform:uppercase}.cart-link span{background:var(--red);color:#fff;padding:4px 8px;border-radius:20px}
.hero{background:var(--yellow);padding:78px 0 90px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:1000;margin:0 0 17px}.hero h1{font-size:clamp(54px,8vw,103px);line-height:.8;letter-spacing:-7px;margin:0 0 30px}.hero-copy>p:not(.eyebrow){font-size:21px;line-height:1.35;max-width:520px;margin-bottom:30px}.button{display:inline-block;background:var(--ink);color:#fff;border:0;border-radius:0;padding:16px 23px;font-weight:1000;letter-spacing:.3px;cursor:pointer}.hero-art{height:390px;position:relative;display:flex;align-items:center;justify-content:center}.jar{width:270px;height:270px;background:#111;border-radius:35px 35px 50px 50px;display:flex;align-items:center;justify-content:center;transform:rotate(4deg);box-shadow:18px 24px 0 #0002}.jar-lid{position:absolute;top:27px;width:220px;height:40px;background:#333;border-radius:12px;transform:rotate(4deg)}.jar-label{width:190px;height:164px;background:var(--cream);text-align:center;padding:18px;display:flex;flex-direction:column;justify-content:center;gap:8px}.jar-label small{font-size:21px;font-weight:1000;color:var(--red)}.jar-label strong{font-size:25px;line-height:.9}.jar-label span{font-size:8px;font-weight:900}.speech{position:absolute;z-index:2;top:10px;right:8%;background:#fff;border:4px solid var(--ink);border-radius:50%;padding:25px 24px;font-weight:1000;text-align:center;line-height:.9;transform:rotate(8deg)}
.section{padding:82px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section h1,.section h2{font-size:50px;line-height:.9;letter-spacing:-3px;margin:0}.section-head>a{text-decoration:underline;font-size:12px;font-weight:1000}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{border:2px solid var(--ink);background:#fff;transition:transform .15s}.product-card:hover{transform:translate(-4px,-4px)}.product-card img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--cream);display:block}.product-placeholder{aspect-ratio:1;background:var(--cream);display:grid;place-items:center;font-size:100px;font-weight:1000}.product-info{padding:17px}.product-info h3{font-size:18px;margin:0 0 7px}.product-info p{font-weight:1000;margin:0}
.why{background:var(--ink);color:#fff;padding:82px 0}.why h2{font-size:clamp(44px,7vw,82px);letter-spacing:-5px;line-height:.88;margin:0 0 55px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.why-grid div{border-top:1px solid #777;padding-top:18px}.why-grid b{display:block;color:var(--yellow);font-size:12px;margin-bottom:28px}.why-grid strong{display:block;font-size:20px;margin-bottom:8px}.why-grid span{display:block;color:#bbb;line-height:1.5;font-size:14px}
.newsletter{background:var(--red);color:#fff;padding:75px 0}.newsletter h2{font-size:65px;line-height:.85;letter-spacing:-4px;margin:0 0 30px}.newsletter form{display:flex;max-width:600px}.newsletter input{flex:1;padding:16px;border:0;font-size:16px}.newsletter .button{background:var(--yellow);color:var(--ink)}
.product-page{display:grid;grid-template-columns:1fr 1fr;gap:65px}.product-media img{width:100%;background:var(--cream)}.product-details h1{font-size:60px;line-height:.88;letter-spacing:-4px;margin:0 0 15px}.price{font-size:26px;font-weight:1000;margin-bottom:25px}.description{line-height:1.7;margin-bottom:28px}.product-details form{display:flex;flex-direction:column;gap:9px}.product-details select,.product-details input{padding:14px;border:2px solid var(--ink);background:#fff;font-size:15px}.fine-print{font-size:11px;color:#666;line-height:1.5;margin-top:25px}.cart-row{display:grid;grid-template-columns:1fr auto 90px;gap:20px;border-bottom:2px solid var(--ink);padding:20px 0;align-items:center}.cart-row input{width:75px;padding:10px}.cart-total{display:flex;justify-content:space-between;padding:25px 0;font-size:20px}.text-button{border:0;background:none;text-decoration:underline;margin-left:15px;cursor:pointer}
.site-footer{background:var(--cream);padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.footer-logo{font-size:30px;line-height:.85;font-weight:1000;letter-spacing:-2px}.site-footer p{font-size:12px;line-height:1.6;max-width:500px}.copyright{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:#666}
@media(max-width:750px){.header-inner{height:auto;min-height:80px;padding-top:15px;padding-bottom:15px;align-items:flex-start}.logo{font-size:16px}nav{gap:10px;font-size:10px;flex-wrap:wrap;justify-content:flex-end}.hero{padding:55px 0}.hero-grid,.product-page,.footer-grid{grid-template-columns:1fr}.hero h1{letter-spacing:-4px}.hero-art{height:330px}.product-grid{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:1fr}.section{padding:55px 0}.section h1,.section h2{font-size:40px}.newsletter h2{font-size:52px}.newsletter form{display:block}.newsletter input{width:100%;margin-bottom:8px}.cart-row{grid-template-columns:1fr auto}}