.four-jar-hero{isolation:isolate;background:var(--ink);align-items:center;min-height:780px;display:flex;position:relative;overflow:hidden}.four-jar-hero-shade{background:linear-gradient(90deg,#0a0a08 0%,#0a0a08e0 26%,#0a0a0866 52%,#0000 78%),linear-gradient(#0000 68%,#0a0a08 100%);position:absolute;inset:0}.four-jar-hero-content{padding-block:5rem 4rem;position:relative}.four-jar-copy{max-width:620px}.four-jar-copy h1{margin-bottom:1.7rem;font-size:clamp(4rem,7.6vw,7.5rem);line-height:.96}.four-jar-copy h1 span{color:var(--gold)}.four-jar-copy .lead{max-width:24rem}.four-jar-price{align-items:center;gap:1.4rem;margin:1.7rem 0 1rem;display:flex}.four-jar-price strong{font-family:var(--font-display),Impact,sans-serif;font-size:3.7rem;line-height:1}.four-jar-price span{color:var(--cream);font-size:.8rem;line-height:1.5}.four-jar-copy>p:not(.eyebrow,.lead,.four-jar-fine){color:#c6c0b5;font-size:.85rem}.four-jar-fine{color:#b8b3a7;max-width:34rem;margin:1rem 0;font-size:.75rem;line-height:1.6}.four-jar-strip{border-block:1px solid var(--line);color:var(--gold);letter-spacing:.2em;text-transform:uppercase;background:var(--panel);justify-content:center;gap:clamp(2rem,8vw,9rem);padding:1.5rem;font-size:.65rem;display:flex}.four-jar-possibilities{padding-block:clamp(4rem,8vw,8rem)}.four-jar-section-intro{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3rem;display:flex}.four-jar-section-intro h2{margin:0;font-size:clamp(3rem,5.5vw,5.5rem)}.four-jar-section-intro>p{color:var(--muted);max-width:25rem;margin:0}.four-jar-page h2 em{color:var(--gold);font-style:normal}.four-jar-uses{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;display:grid}.four-jar-use{isolation:isolate;background:var(--panel);min-height:550px;display:block;position:relative;overflow:hidden}.four-jar-use>img{object-fit:cover;transition:transform .8s cubic-bezier(.2,.65,.3,1),filter .8s}.four-jar-use:first-child>img{object-position:38% center}.four-jar-use-shade{background:linear-gradient(#0a0a0866 0%,#0a0a0826 40%,#0a0a08cc 82%,#0a0a08fa 100%);transition:opacity .6s;position:absolute;inset:0}.four-jar-use-number{letter-spacing:.17em;color:var(--cream);font-size:.6rem;position:absolute;top:1.6rem;left:1.7rem}.four-jar-use-copy{transition:transform .6s cubic-bezier(.2,.65,.3,1);position:absolute;bottom:2rem;left:1.7rem;right:1.7rem}.four-jar-use h3{margin:0 0 .8rem;font-size:clamp(2.5rem,3.7vw,4rem)}.four-jar-use p{color:#d4cec2;max-width:17rem;font-size:.9rem;line-height:1.5}.four-jar-use-link{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);border-top:1px solid #f0ece240;justify-content:space-between;align-items:center;padding-top:1rem;font-size:.6rem;display:flex}.four-jar-use-link span{font-size:1.3rem;transition:transform .5s}@media (hover:hover){.four-jar-use:hover>img{filter:brightness(1.08);transform:scale(1.065)}.four-jar-use:hover .four-jar-use-copy{transform:translateY(-8px)}.four-jar-use:hover .four-jar-use-link span{transform:translate(3px,-3px)}}.four-jar-use:focus-visible>img{transform:scale(1.04)}.four-jar-manifesto{isolation:isolate;align-items:center;min-height:700px;display:flex;position:relative;overflow:hidden}.four-jar-story-shade{background:linear-gradient(90deg,#0a0a08f7 0%,#0a0a08d9 25%,#0a0a0840 63%,#0a0a081a),linear-gradient(0deg,var(--ink),transparent 30%,transparent 96%,#0a0a0840);position:absolute;inset:0}.four-jar-story-content{padding-block:5rem;position:relative}.four-jar-story-content>div{max-width:33rem}.four-jar-story-content h2{margin-bottom:1.7rem;font-size:clamp(3.5rem,6.2vw,6rem)}.four-jar-story-content p:not(.eyebrow){color:#d4cec2;max-width:27rem}.four-jar-close{text-align:center;padding-block:clamp(4rem,8vw,7rem)}.four-jar-close h2{margin-bottom:1.5rem;font-size:clamp(3.5rem,6vw,6rem)}.four-jar-close>p:not(.eyebrow){color:#c6c0b5}.four-jar-close .four-jar-fine{margin:1.2rem auto}.four-jar-shop-callout{border-block:1px solid var(--line);margin:1.5rem 0;padding:1.25rem 0}@media (max-width:900px){.four-jar-hero{min-height:740px}.four-jar-copy{max-width:500px}.four-jar-use{min-height:460px}.four-jar-use-copy{left:1.2rem;right:1.2rem}.four-jar-section-intro{flex-direction:column;align-items:start}}@media (max-width:650px){.four-jar-hero{align-items:end;min-height:900px}.four-jar-hero-image{object-position:88% top;height:54%!important}.four-jar-hero-shade{background:linear-gradient(#0a0a081f 18%,#0a0a08d4 44%,#0a0a08 58% 100%)}.four-jar-hero-content{padding-block:19rem 2rem}.four-jar-copy h1{max-width:10ch;font-size:clamp(3.4rem,14.2vw,5rem)}.four-jar-copy .lead{max-width:18rem;font-size:1rem}.four-jar-copy .button{width:100%}.four-jar-price strong{font-size:3.3rem}.four-jar-strip{letter-spacing:.1em;justify-content:space-between;gap:1rem;padding:1.2rem 1rem;font-size:.5rem}.four-jar-strip span{max-width:7rem}.four-jar-uses{grid-template-columns:1fr;gap:1.2rem}.four-jar-use{min-height:510px}.four-jar-use h3{font-size:3.3rem}.four-jar-use-copy{left:1.5rem;right:1.5rem}.four-jar-manifesto{align-items:end;min-height:700px}.four-jar-manifesto>img{object-position:65% top;height:70%!important}.four-jar-story-shade{background:linear-gradient(#0000 20%,#0a0a0873 44%,#0a0a08f0 78%,#0a0a08 100%)}.four-jar-story-content{padding-block:21rem 2rem}.four-jar-story-content h2{font-size:3.5rem}.four-jar-close .button{width:100%}}@media (prefers-reduced-motion:reduce){.four-jar-use>img,.four-jar-use-copy,.four-jar-use-link span,.four-jar-use-shade{transition:none}.four-jar-use:hover>img,.four-jar-use:focus-visible>img,.four-jar-use:hover .four-jar-use-copy,.four-jar-use:hover .four-jar-use-link span{transform:none}}.four-jar-manifesto{aspect-ratio:3/2;min-height:0}.four-jar-manifesto>img{object-fit:contain;object-position:center top}.four-jar-story-shade{background:linear-gradient(90deg,#0a0a08eb 0%,#0a0a08b3 24%,#0a0a0814 62%,transparent),linear-gradient(0deg,var(--ink),transparent 12%)}@media (max-width:900px){.four-jar-manifesto{aspect-ratio:auto;min-height:0;display:block}.four-jar-manifesto>img{object-fit:contain;object-position:center top;height:auto!important}.four-jar-story-shade{background:linear-gradient(0deg,var(--ink),transparent 8%);height:66.6667vw}.four-jar-story-content{padding-top:calc(66.6667vw + 1.5rem);padding-bottom:3rem}.four-jar-story-content>div{max-width:38rem}.four-jar-story-content h2{font-size:clamp(3rem,9vw,4.5rem)}}.four-jar-hero{aspect-ratio:3/2;min-height:0}.four-jar-hero-image{object-fit:contain;object-position:center top}.four-jar-manifesto{aspect-ratio:1672/941}@media (max-width:900px){.four-jar-hero{aspect-ratio:auto;min-height:0;display:block}.four-jar-hero-image{object-fit:contain;object-position:center top;height:auto!important}.four-jar-hero-shade{background:linear-gradient(0deg,var(--ink),transparent 8%);height:66.6667vw}.four-jar-hero-content{padding-top:calc(66.6667vw + 1.5rem);padding-bottom:2.5rem}.four-jar-copy{max-width:38rem}.four-jar-copy h1{max-width:12ch;font-size:clamp(3.4rem,10vw,5rem)}.four-jar-manifesto{aspect-ratio:auto}.four-jar-story-shade{height:56.2799vw}.four-jar-hero-content,.four-jar-story-content{position:static}.four-jar-hero-shade{background:linear-gradient(90deg,#0a0a08e0,#0a0a0899 28%,transparent 62%),linear-gradient(0deg,var(--ink),transparent 8%)}.four-jar-copy h1{z-index:1;text-shadow:0 2px 18px #00000059;width:42vw;max-width:none;margin:0;font-size:6.6vw;line-height:1.02;position:absolute;top:6vw;left:4vw}.four-jar-story-shade{background:linear-gradient(90deg,#0a0a08e6,#0a0a08a6 28%,transparent 68%),linear-gradient(0deg,var(--ink),transparent 8%)}.four-jar-story-content h2{z-index:1;text-shadow:0 2px 18px #00000059;width:43vw;margin:0;font-size:7vw;line-height:1.02;position:absolute;top:7vw;left:4vw}.four-jar-hero-content{padding-top:calc(66.6667vw + 1rem)}.four-jar-story-content{padding-top:calc(56.2799vw + 1rem)}}@media (min-width:901px){.four-jar-hero-image{object-fit:contain;object-position:center top;width:90%!important;left:28%!important;right:auto!important}.four-jar-hero-shade{background:linear-gradient(90deg,#0a0a08 0% 28%,#0a0a08f2 32%,#0a0a08b8 38%,#0a0a0833 52%,#0000 65%),linear-gradient(#0000 76%,#0a0a0859 82%,#0a0a08d9 87%,#0a0a08 90% 100%)}}