:root{--color-black:#000;--color-white:#fff;--color-red:#c33;--color-gray:#999;--color-light-gray:#f8f8f8;--color-border:#e8e8e8;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:8rem;--header-height:80px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}body{color:var(--color-black);background:var(--color-white);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:300;line-height:1.7;overflow-x:hidden}.container{max-width:1400px;padding:0 var(--spacing-md);margin:0 auto}.header{background:var(--color-white);z-index:1000;border-bottom:1px solid var(--color-border);width:100%;position:fixed;top:0}.header-content{height:var(--header-height);justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex}.logo{color:var(--color-red);letter-spacing:2px;text-transform:uppercase;font-size:.875rem;font-weight:400;text-decoration:none}.logo:hover{opacity:.5}.header-cta{color:var(--color-black);letter-spacing:.5px;font-size:.8125rem;font-weight:300;text-decoration:none}.header-cta:hover{opacity:.5}.hero{padding:10rem 0 var(--spacing-xl);background:var(--color-white);margin-top:80px;position:relative;overflow:visible}.hero-grid{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero-image{justify-content:center;align-items:center;height:600px;display:flex;position:relative}.floating-product{object-fit:contain;filter:drop-shadow(18px 30px 20px #4d1b1a29);width:280px;height:500px;animation:6s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(2deg)}}.product-gallery{padding:0 0 var(--spacing-xl);background:var(--color-white)}.gallery-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:2fr 1fr 1fr;display:grid}.gallery-item{position:relative}.gallery-item:nth-child(4){grid-column:2/4}.gallery-large{grid-row:span 2}.image-placeholder{aspect-ratio:3/4;width:100%;color:var(--color-gray);border:1px solid var(--color-border);justify-content:center;align-items:center;font-size:.875rem;display:flex}.gallery-large .image-placeholder{aspect-ratio:3/4}.image-caption{margin-top:var(--spacing-sm);color:var(--color-gray);letter-spacing:.5px;font-size:.8125rem;font-weight:300}.hero-content{max-width:100%;margin:0}.hero-subtitle{color:var(--color-red);text-transform:uppercase;letter-spacing:3px;margin-bottom:var(--spacing-md);font-size:.625rem;font-weight:500}.hero-title{color:var(--color-black);margin-bottom:var(--spacing-md);letter-spacing:-2px;max-width:900px;font-size:6rem;font-weight:300;line-height:1.1}.hero-title-accent{color:#b62632}.hero-description{color:var(--color-black);margin-bottom:var(--spacing-md);max-width:550px;font-size:1.125rem;font-weight:300;line-height:1.8}.hero-feature{color:var(--color-gray);margin-bottom:var(--spacing-lg);max-width:550px;font-size:.875rem;line-height:1.8}.hero-badge{background:var(--color-white);border:1px solid var(--color-black);color:var(--color-black);letter-spacing:1.5px;text-transform:uppercase;padding:.75rem 1.5rem;font-size:.6875rem;font-weight:400;display:inline-block}.cta-section{padding:var(--spacing-xl) 0;background:var(--color-white);border-top:1px solid var(--color-border)}.cta-box{max-width:700px;margin:0}.cta-box h2{color:var(--color-black);margin-bottom:var(--spacing-lg);letter-spacing:-1px;font-size:2.5rem;font-weight:300;line-height:1.2}.section-title{margin-bottom:var(--spacing-xl);color:var(--color-black);letter-spacing:-1px;font-size:3rem;font-weight:300;line-height:1.2}.section-intro{color:var(--color-gray);max-width:700px;margin-bottom:var(--spacing-xl);font-size:.9375rem;line-height:2}.ingredients-section{padding:var(--spacing-xl) 0;background:var(--color-white);border-top:1px solid var(--color-border)}.ingredients-grid{gap:var(--spacing-xl);margin-top:var(--spacing-xl);grid-template-columns:repeat(5,1fr);display:grid}.ingredient-card{background:0 0;min-width:0;padding:0}.ingredient-card:hover{opacity:.5}.ingredient-number{color:var(--color-black);margin-bottom:var(--spacing-md);letter-spacing:1px;font-size:1rem;font-weight:300}.ingredient-card h3{margin-bottom:var(--spacing-sm);color:var(--color-black);letter-spacing:-.5px;font-size:1.25rem;font-weight:400}.ingredient-image-frame{aspect-ratio:3/4;width:100%;margin-bottom:var(--spacing-md);overflow:hidden}.ingredient-image{object-fit:contain;width:100%;max-width:100%;height:100%;display:block}.ingredient-image-stream{object-fit:cover;object-position:center}.ingredient-card p{color:var(--color-gray);font-size:.875rem;line-height:1.8}.comparison-section,.story-section{padding:var(--spacing-xl) 0;background:var(--color-white);border-top:1px solid var(--color-border)}.story-grid{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.story-content{padding-right:var(--spacing-lg)}.story-text{color:var(--color-black);margin-bottom:var(--spacing-md);font-size:.9375rem;font-weight:300;line-height:1.9}.story-text:last-of-type{margin-bottom:0}.story-image .image-placeholder{aspect-ratio:4/5;width:100%;color:var(--color-gray);border:1px solid var(--color-border);justify-content:center;align-items:center;font-size:.875rem;display:flex}.benefits-list{max-width:700px;list-style:none}.benefits-list li{padding:var(--spacing-md) 0;color:var(--color-black);border-bottom:1px solid var(--color-border);background:0 0;margin-bottom:0;font-size:.9375rem;font-weight:300;display:block}.benefits-list li:last-child{border-bottom:none}.benefits-list li:before{content:"—";margin-right:var(--spacing-md);color:var(--color-black);display:inline}.botanical-section{padding:var(--spacing-xl) 0;background:var(--color-white);border-top:1px solid var(--color-border)}.botanical-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.botanical-card{border:none;padding:0}.botanical-card:hover{opacity:.5}.botanical-card h3{color:var(--color-black);margin-bottom:var(--spacing-md);letter-spacing:-.5px;font-size:1.25rem;font-weight:400}.botanical-card p{color:var(--color-gray);font-size:.875rem;line-height:1.8}.botanical-footer{color:var(--color-gray);margin-top:var(--spacing-xl);font-size:.875rem;font-style:italic;line-height:1.8}.final-cta{padding:var(--spacing-xl) 0 10rem;background:var(--color-white);border-top:1px solid var(--color-border)}.final-cta-content{text-align:center;max-width:100%}.final-cta h2{margin-bottom:var(--spacing-md);letter-spacing:-1.5px;font-size:4rem;font-weight:300;line-height:1.1}.final-cta p{opacity:.6;max-width:600px;margin-bottom:0;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.8}.btn-primary{background:var(--color-black);color:var(--color-white);letter-spacing:1.5px;text-transform:uppercase;border:1px solid var(--color-black);padding:1rem 2rem;font-size:.6875rem;font-weight:400;text-decoration:none;display:inline-block}.btn-primary:hover{background:var(--color-white);color:var(--color-black)}.footer{background:var(--color-white);color:var(--color-black);padding:var(--spacing-lg) 0 var(--spacing-md);border-top:1px solid var(--color-border)}.footer-content{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.footer-section h4{margin-bottom:var(--spacing-sm);color:var(--color-red);font-size:.875rem;font-weight:400}.footer-section p,.footer-section span,.footer-section a{color:var(--color-gray);font-size:.875rem;text-decoration:none}.footer-section a:hover{opacity:.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:var(--spacing-xs)}.footer-bottom{padding-top:var(--spacing-md);border-top:1px solid var(--color-border);color:var(--color-gray);font-size:.75rem}@media (width<=768px){.hero-title{letter-spacing:-1px;font-size:3rem}.hero-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.hero-image{height:400px}.floating-product{width:200px;height:350px}.section-title{font-size:2rem}.final-cta h2{font-size:2.5rem}.header-cta{font-size:.75rem}.ingredients-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.botanical-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:repeat(2,1fr)}.container{padding:0 var(--spacing-sm)}.gallery-grid{grid-template-columns:1fr}.gallery-large{grid-row:span 1}.gallery-item:nth-child(4){grid-column:auto}.story-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.story-content{padding-right:0}}@media (width<=1024px){.ingredients-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:4rem}.hero-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-large{grid-area:span 1/span 2}.gallery-item:nth-child(4){grid-column:span 2}.story-grid{grid-template-columns:1fr}}img.image-placeholder{object-fit:cover;height:auto}.image-caption a{color:inherit}.photo-credits{margin-top:var(--spacing-sm);font-size:.75rem}.photo-credits summary{cursor:pointer}.photo-credits ul{margin:var(--spacing-sm) 0;padding-left:1.25rem}.photo-credits a{color:inherit}main>section[class]{min-height:100dvh;padding:calc(var(--header-height) + 2rem) 0 2rem;scroll-snap-align:start;scroll-snap-stop:always;align-items:center;margin-top:0;display:flex}main>section>.container{width:100%;min-width:0}.hero-grid,.story-grid{gap:clamp(2rem,6vw,8rem)}.hero-image{height:clamp(300px,65dvh,600px)}.floating-product{max-width:100%;max-height:calc(100% - 40px)}.story-grid{align-items:center}.story-section .section-title{margin-bottom:clamp(2rem,5dvh,4rem)}.story-image .image-placeholder{max-height:min(60dvh,600px)}.footer{scroll-snap-align:end;scroll-snap-stop:always}@media (width<=1024px){.hero-grid,.story-grid{gap:2rem}.hero-content{display:contents}.hero-copy{min-width:0}.hero-content>.hero-feature{order:2;margin-bottom:0}.hero-grid>.hero-image{order:1}.hero-badge{white-space:nowrap;order:3;justify-self:center;max-width:100%}.hero-image{--hero-stage-height:clamp(200px, 30svh, 350px);height:var(--hero-stage-height)}.floating-product{height:calc(var(--hero-stage-height) - 40px);width:calc((var(--hero-stage-height) - 40px) * 665 / 1310);flex:none;max-height:none}.story-content{padding-right:0}.story-image .image-placeholder{aspect-ratio:auto;height:clamp(160px,25dvh,300px)}}@media (width<=640px){main>section[class]{padding-top:calc(var(--header-height) + 1.5rem);padding-bottom:1.5rem}.hero-title{font-size:3rem}.hero-badge{color:#444;letter-spacing:.15px;border-width:2px;border-color:#666;padding-inline:.5rem;font-size:clamp(.5rem,2.1vw,.6875rem);font-weight:500}.hero-subtitle,.hero-title,.hero-description,.hero-feature{margin-bottom:1.25rem}.hero-grid,.story-grid{gap:1.5rem}.hero-image{--hero-stage-height:clamp(180px, 28svh, 300px)}.floating-product{scale:1.2}.story-image .image-placeholder{height:clamp(140px,22dvh,240px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:y proximity}.floating-product{animation:none}}