:root{--forest:#2d5a47;--forest-light:#4a7c67;--moss:#7b9e87;--spring:#a8c5b5;--mist:#e8f0ec;--cloud:#f4f8f6;--snow:#fafcfb;--white:#fff;--bark:#3d3528;--earth:#5c5347;--stone:#8a8579}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--snow);color:var(--bark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,sans-serif;font-weight:300;line-height:1.8;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(20px)}.fade-in.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.hero{text-align:center;background:var(--white);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:6rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(ellipse,var(--mist)0%,transparent 70%);pointer-events:none;width:80%;height:150%;position:absolute;top:-50%;right:-20%}.hero:after{content:"";background:radial-gradient(ellipse,var(--cloud)0%,transparent 70%);pointer-events:none;width:60%;height:100%;position:absolute;bottom:-30%;left:-10%}.hero-content{z-index:1;max-width:800px;position:relative}.hero-label{letter-spacing:.25em;text-transform:uppercase;color:var(--moss);opacity:0;margin-bottom:2rem;font-size:.75rem;animation:.8s ease-out .2s forwards fadeIn}.hero-title{letter-spacing:-.02em;color:var(--forest);opacity:0;margin-bottom:1.5rem;font-family:Fraunces,serif;font-size:clamp(3.5rem,10vw,7rem);font-weight:300;animation:1s ease-out .4s forwards fadeUp}.hero-subtitle{color:var(--earth);opacity:0;max-width:500px;margin:0 auto;font-size:1.25rem;font-weight:300;animation:.8s ease-out .7s forwards fadeIn}.scroll-hint{opacity:0;animation:.8s ease-out 1s forwards fadeIn;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom,var(--moss),transparent);width:1px;height:60px;margin:0 auto;display:block}.intro{background:var(--snow);padding:8rem 2rem}.container{max-width:1000px;margin:0 auto}.intro-content{text-align:center;max-width:700px;margin:0 auto}.intro-text{color:var(--earth);margin-bottom:2rem;font-size:1.35rem;font-weight:300}.intro-text.highlight{color:var(--forest);font-family:Fraunces,serif;font-size:1.6rem}.ingredients{background:var(--white);padding:8rem 2rem}.ingredients-header{text-align:center;margin-bottom:5rem}.section-label{letter-spacing:.3em;text-transform:uppercase;color:var(--moss);margin-bottom:1rem;font-size:.7rem}.section-title{color:var(--forest);font-family:Fraunces,serif;font-size:clamp(2rem,5vw,3rem);font-weight:300}.ingredients-grid{grid-template-columns:repeat(3,1fr);gap:4rem;display:grid}@media (max-width:768px){.ingredients-grid{grid-template-columns:1fr;gap:3rem}}.ingredient{text-align:center}.ingredient-icon{background:var(--cloud);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:2rem;display:flex}.ingredient h3{color:var(--forest);margin-bottom:.75rem;font-family:Fraunces,serif;font-size:1.3rem;font-weight:400}.ingredient p{color:var(--stone);font-size:.95rem;line-height:1.7}.process{background:var(--forest);color:var(--white);padding:8rem 2rem}.process-header{text-align:center;margin-bottom:4rem}.process .section-label{color:var(--spring)}.process .section-title{color:var(--white)}.process-steps{flex-wrap:wrap;justify-content:center;gap:4rem;display:flex}.process-step{text-align:center;flex:1;min-width:200px;max-width:280px}.step-number{color:var(--spring);opacity:.4;margin-bottom:1rem;font-family:Fraunces,serif;font-size:3.5rem;font-weight:300;line-height:1}.process-step h3{margin-bottom:.5rem;font-family:Fraunces,serif;font-size:1.2rem;font-weight:400}.process-step p{color:var(--spring);opacity:.85;font-size:.9rem}.process-note{text-align:center;border-top:1px solid #a8c5b533;margin-top:4rem;padding-top:3rem}.process-note p{color:var(--spring);max-width:500px;margin:0 auto;font-family:Fraunces,serif;font-size:1.1rem;font-style:italic}.product{background:var(--cloud);padding:8rem 2rem}.product-content{text-align:center;max-width:700px;margin:0 auto}.product-title{color:var(--forest);margin-bottom:1.5rem;font-family:Fraunces,serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:300}.product-description{color:var(--earth);max-width:550px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.15rem}.product-specs{border-top:1px solid var(--spring);border-bottom:1px solid var(--spring);justify-content:center;gap:4rem;padding:2.5rem 0;display:flex}@media (max-width:500px){.product-specs{gap:2rem}}.spec{text-align:center}.spec-value{color:var(--forest);margin-bottom:.25rem;font-family:Fraunces,serif;font-size:1.5rem}.spec-label{letter-spacing:.15em;text-transform:uppercase;color:var(--stone);font-size:.7rem}.product-tagline{color:var(--moss);margin-top:3rem;font-family:Fraunces,serif;font-size:1.1rem;font-style:italic}.footer{background:var(--white);text-align:center;border-top:1px solid var(--mist);padding:4rem 2rem}.footer-logo{width:50px;height:50px;color:var(--forest);margin:0 auto 1.5rem}.footer-brand{letter-spacing:.15em;text-transform:uppercase;color:var(--forest);margin-bottom:.5rem;font-family:Fraunces,serif;font-size:1.1rem}.footer-tagline{color:var(--stone);margin-bottom:2rem;font-size:.85rem}.footer-location{letter-spacing:.2em;text-transform:uppercase;color:var(--moss);margin-bottom:2rem;font-size:.7rem}.back-home a{color:inherit;border-bottom:1px solid #2f6b4f40;padding-bottom:2px;text-decoration:none}.back-home a:hover{border-bottom-color:#2f6b4f99}.cross-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.cross-link{border:1px solid var(--spring);color:inherit;border-radius:8px;padding:.6rem 1.5rem;font-size:.85rem;text-decoration:none;transition:background .2s}.cross-link:hover{background:var(--cloud)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
