:root{color-scheme:dark;--bg:#111411;--cream:#f1ede0;--gold:#c9a961}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.topbar{position:fixed;z-index:30;top:0;left:0;width:100%;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;background:linear-gradient(#111411c9,#11141100);backdrop-filter:blur(7px)}.brand{font-size:1.6rem;font-weight:700;letter-spacing:.2em;white-space:nowrap}.brand span{font-size:.5rem;vertical-align:top;letter-spacing:0;margin-left:.3em}.topbar nav{display:flex;gap:2.6rem;font-size:.82rem;letter-spacing:.09em}.topbar a:hover,footer a:hover{color:var(--gold)}.header-action{font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;border-bottom:1px solid var(--cream);padding-bottom:.5rem}.header-action span{margin-left:1rem}.story{position:relative}.stage{position:sticky;top:0;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 67% 50%,#394333 0%,#171c17 45%,#0d100e 85%);margin-bottom:-100svh}.stage video{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.6;transition:opacity .4s ease}.stage video.fade{opacity:0}.stage-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#0d110feb 2%,#0d110f9f 37%,#0d110f13 72%),linear-gradient(0deg,#0b0e0bbb,transparent 25%,transparent 80%,#0b0e0b66);pointer-events:none}.chapter{position:relative;min-height:100svh;display:flex;align-items:center;padding:9rem 9vw 6rem}.chapter-inner{position:relative;z-index:2;max-width:670px;transform:translateY(32px);opacity:.4;transition:opacity .75s,transform .75s}.chapter.active .chapter-inner{opacity:1;transform:none}.eyebrow{text-transform:uppercase;letter-spacing:.31em;color:var(--gold);font-size:.75rem;font-weight:700;margin:0 0 2.1rem}.chapter h1,.chapter h2,.collection h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.06;letter-spacing:-.045em;margin:0}.chapter h1,.chapter h2{font-size:clamp(4rem,7vw,8.8rem)}em{font-weight:500;color:#c9b377}.lead{font-size:clamp(1rem,1.2vw,1.22rem);line-height:1.75;max-width:480px;color:#e2e1d7;margin:2.4rem 0 0}.scroll-cue{display:inline-flex;gap:1.5rem;margin-top:6rem;text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:#d8d9cc}.scroll-cue span{font-size:1.25rem;line-height:.5}.story-progress{position:fixed;z-index:20;right:3vw;top:20%;height:60vh;width:2px;background:#ffffff35;pointer-events:none}.story-progress span{display:block;background:var(--gold);width:100%;height:0}.chapter-count{position:fixed;z-index:20;right:2.25vw;bottom:6vh;display:flex;align-items:center;gap:.5rem;font-size:.75rem;letter-spacing:.15em;color:#d4d0c5}.chapter-rule{width:22px;height:1px;background:#aaa}.ingredient-list{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2.3rem}.ingredient-list span{border:1px solid #ffffff6b;border-radius:100px;padding:.6rem 1rem;font-size:.75rem;letter-spacing:.07em;background:#14171377}.product-scene .product{position:absolute;z-index:1;right:7vw;bottom:10vh;max-width:min(30vw,430px);max-height:72vh;object-fit:contain;filter:drop-shadow(0 30px 60px #0008);opacity:0;transform:translateY(65px) rotate(4deg);transition:opacity .8s,transform 1s}.product-scene.active .product{opacity:1;transform:translateY(0) rotate(0)}.product-scene em{color:var(--accent)}.outline-cta{display:inline-block;margin-top:2rem;padding:1.1rem 1.5rem;border:1px solid #dad0b2;border-radius:100px;font-size:.82rem;letter-spacing:.05em}.outline-cta span{margin-left:2rem}.outline-cta:hover{background:var(--cream);color:var(--bg)}.collection{position:relative;z-index:3;background:#e9e5d7;color:#171d18;padding:8rem 5vw 9rem}.collection-head{text-align:center;margin-bottom:4rem}.collection .eyebrow{color:#796b48}.collection h2{font-size:clamp(3rem,5vw,6rem)}.collection h2 em{color:#676d47}.collection-head>p:last-child{color:#565a50;margin-top:1.6rem}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1500px;margin:auto}.card{min-width:0;min-height:460px;display:flex;flex-direction:column;justify-content:space-between;padding:1.4rem;border-radius:9px;overflow:hidden}.card img{height:345px;width:100%;object-fit:contain;filter:drop-shadow(0 20px 20px #0003);transition:transform .4s}.card:hover img{transform:translateY(-12px) scale(1.04)}.card h3{font-family:'Playfair Display',Georgia,serif;font-size:1.7rem;font-weight:500;margin:.5rem 0}.card p{font-size:.78rem;margin:.3rem 0;color:#312f2b}.orange{background:#e8aa75}.blue{background:#a7c1d0}.wine{background:#c4a5aa}.cream{background:#d8d1b3}footer{position:relative;z-index:3;background:#111411;display:flex;align-items:center;justify-content:space-between;padding:4rem 5vw;color:#d9d6ca}footer>span:nth-child(2),footer a{font-size:.85rem}@media(max-width:800px){.topbar{height:64px;padding:0 5vw}.brand{font-size:1.2rem}.topbar nav{display:none}.header-action{font-size:.65rem}.chapter{padding:7rem 6vw 6rem;align-items:flex-start}.chapter-inner{margin-top:12vh}.chapter h1,.chapter h2{font-size:clamp(3.6rem,13vw,6rem)}.lead{font-size:1rem;max-width:350px;margin-top:1.5rem}.stage-vignette{background:linear-gradient(0deg,#0d110fed 3%,#0d110f88 55%,#0d110f38),linear-gradient(90deg,#0d110f8f,transparent)}.product-scene .product{right:8vw;bottom:5vh;max-width:55vw;max-height:44vh}.product-scene .chapter-inner{margin-top:4vh}.product-scene .lead{max-width:300px}.story-progress{right:2vw}.chapter-count{display:none}.cards{grid-template-columns:repeat(2,1fr)}.card{min-height:360px}.card img{height:270px}}@media(max-width:520px){.product-scene .product{max-width:68vw;max-height:43vh;right:5vw;bottom:2vh}.ingredient-list{gap:.3rem;margin-top:1rem}.ingredient-list span{font-size:.65rem;padding:.45rem .6rem}.collection{padding:5rem 4vw}.cards{gap:.6rem}.card{min-height:260px;padding:.8rem}.card img{height:190px}.card h3{font-size:1.2rem}.card p{font-size:.65rem}footer{gap:2rem;flex-wrap:wrap}.chapter h1,.chapter h2{font-size:clamp(3.35rem,14vw,5rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chapter-inner,.product-scene .product,.stage video{transition:none}}