@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{--cream:#f7f3ec;--ink:#29271f;--muted:#766d61;--pink:#bd846e;--line:#ded6ca}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #a45c44;outline-offset:5px}.announcement{text-align:center;background:#30382e;color:#f7f3ec;font-size:9px;letter-spacing:2px;padding:11px 20px}.announcement span{letter-spacing:.4px;margin-left:30px;opacity:.7}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;gap:25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand svg{width:65px;fill:none;stroke:#735640;stroke-width:1.4}.brand>span{font:19px Georgia,serif;letter-spacing:1px}.brand small{display:block;font:6px Arial,sans-serif;letter-spacing:2.1px;margin-top:6px}nav{display:flex;gap:26px;font-size:11px}nav a{padding:10px 0}nav a:hover{color:#ae6e53}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:49px;padding:14px 22px;border:1px solid transparent;font-size:11px}.dark{background:var(--ink);color:white}.button:hover{background:#745642;color:white}.button span{font-size:19px}.header-quote{min-height:42px;padding:10px 17px}.menu{display:none}.hero{min-height:670px;position:relative;overflow:hidden;background:#ead6c1}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#f2e6d5 0%,#f2e6d588 37%,transparent 65%),url('assets/hero.png') center/cover no-repeat;background-color:#e1b198}.hero-content{position:relative;padding:75px 5.5% 37px}.eyebrow{font-size:9px;letter-spacing:2.4px;font-weight:600;margin:0 0 25px}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-2px;margin:0}h1{font-size:84px;line-height:1.04}em{font-weight:400;color:#9b694f}h1 em{color:#9d624d}.hero-content>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#655c50;margin:25px 0}.actions{display:flex;gap:24px;align-items:center}.text-button{border:0;background:none;padding:12px 0;font-size:11px;border-bottom:1px solid #aaa092;display:inline-flex;gap:30px;align-items:center}.hero-caption{display:flex;align-items:center;gap:12px;margin-top:55px;font-size:8px;letter-spacing:2px}.tiny-line{height:1px;width:30px;background:#9d735e}.image-note{position:absolute;right:4%;bottom:35px;font-size:8px;letter-spacing:2px}.image-note span{margin-left:40px}.values{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 5.5%;border-bottom:1px solid var(--line);gap:20px}.values>span{display:grid;grid-template-columns:30px 1fr;align-items:center;font-size:26px}.values b,.values small{grid-column:2;font-size:11px;font-weight:500}.values small{font-size:9px;color:var(--muted);margin-top:5px;font-weight:400}.section{padding:85px 5.5%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}h2{font-size:49px;line-height:1.13}.section-heading>p{color:var(--muted);line-height:1.8;font-size:12px}.filters{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:30px}.filters button{border:0;border-bottom:2px solid transparent;background:none;padding:16px 0;color:var(--muted);font-size:11px}.filters .active{color:var(--ink);border-color:var(--ink)}sup{font-size:8px;margin-left:6px}.products{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.product{border:0;background:none;padding:0;text-align:left;color:var(--ink)}.product-visual{height:245px;position:relative;background:#e8ceba;overflow:hidden;transition:transform .3s}.product:hover .product-visual{transform:translateY(-5px)}.product-visual:before{content:'';position:absolute;inset:0;background:url('assets/hero.png') 74% 55%/auto 130%;opacity:.9}.product:nth-child(2) .product-visual:before{background-position:100% 20%;background-size:auto 200%}.product:nth-child(3) .product-visual:before{opacity:0}.product:nth-child(4) .product-visual:before{background-position:80% 90%;filter:saturate(.65);background-size:auto 190%}.product:nth-child(5) .product-visual:before{opacity:.15}.product-visual .number{position:absolute;left:13px;top:14px;font-size:9px;z-index:1}.product h3{font-size:12px;font-weight:500;margin:17px 0 7px;display:flex;justify-content:space-between}.product h3 span{font-size:18px}.product p{font-size:10px;color:var(--muted);margin:0}.lamp{position:absolute;width:100px;height:160px;left:50%;top:44%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at 50% 65%,#fff0a1,#eeae62 45%,#be6545 75%);clip-path:polygon(30% 3%,65% 0,81% 22%,88% 49%,100% 76%,84% 99%,15% 100%,0 80%,12% 38%);filter:drop-shadow(0 0 25px #e28e46)}.lamp-base{position:absolute;width:110px;height:14px;background:#72513b;left:50%;top:78%;transform:translateX(-50%);border-radius:50%}.lamp-bg{background:#a27451}.mini-jar{position:absolute;width:70px;height:130px;background:linear-gradient(90deg,#ffffff88,#db947a88,#ffffff99);border:2px solid #c6ab97;border-radius:8px;left:50%;top:55%;transform:translate(-50%,-50%)}.mini-jar:before{content:'';position:absolute;top:-17px;left:-3px;right:-3px;height:25px;background:#33332d;border-radius:4px}.mini-jar:after{content:'YOUR BRAND';position:absolute;background:#f5ead9;top:40%;left:0;right:0;padding:18px 3px;font-size:7px;text-align:center;letter-spacing:1px}.collection-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:28px;font-size:11px;color:var(--muted)}.story{display:grid;grid-template-columns:1fr 1fr;background:#30372f;color:#efece3}.story-text{padding:70px 11%}.story h2{font-size:50px}.story em{color:#d4b39a}.story-text>p:not(.eyebrow){color:#c5c6ba;line-height:1.9;font-size:12px;max-width:350px}.light{color:#f7f3ec;margin-top:15px}.story-image{background:linear-gradient(155deg,#b8aaa0,#676b63 45%,#383e37);position:relative;overflow:hidden}.mountain-art{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:45px}.mountain-art>span{font-size:8px;letter-spacing:3px;color:#f4e9dc}.mountain-art svg{position:absolute;bottom:-10px;left:-5%;width:120%;fill:#555b50;stroke:#b2ab97;stroke-width:1}.mountain-art svg path+path{fill:#e1c9ac;stroke:none;opacity:.65}.mountain-art p{position:relative;font:31px Georgia,serif;line-height:1.3;margin-top:auto;z-index:1}.private{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.packaging-art{min-height:440px;background:radial-gradient(ellipse at 70% 30%,#e7d9be,#ccb294);position:relative;overflow:hidden}.pouch{position:absolute;width:185px;height:290px;bottom:45px;left:15%;background:linear-gradient(100deg,#ab8052,#c9a577 35%,#b58a58);clip-path:polygon(4% 0,96% 0,94% 20%,100% 98%,78% 100%,0 98%,6% 20%);box-shadow:10px 20px 30px #68513b55}.package-label{background:#f6efdf;position:absolute;top:95px;left:22px;right:22px;padding:25px 10px;text-align:center;transform:rotate(-3deg)}.package-label span{font-size:8px;letter-spacing:2px}.package-label b{display:block;font:19px Georgia;margin:15px 0}.package-label i{display:block;font:11px Georgia}.package-label small{font-size:5px;letter-spacing:1px;display:block;margin-top:18px}.jar{width:110px;height:180px;position:absolute;left:60%;bottom:44px;border:2px solid #eee5d2;border-radius:12px;background:repeating-conic-gradient(#dc9e85 0% 25%,#f2c8b5 0% 50%) 50%/16px 19px;box-shadow:10px 20px 30px #68513b55}.lid{position:absolute;left:-3px;right:-3px;top:-17px;background:#30332c;height:28px;border-radius:5px}.jar-label{background:#f4e9d6;padding:20px 4px;margin-top:48px;text-align:center;font-size:8px}.jar-label b{font:16px Georgia;display:block;margin:8px 0}.jar-label small{font-size:6px}.art-label{position:absolute;bottom:15px;left:20px;font-size:7px;letter-spacing:2px;color:#574532}.private-text>p:not(.eyebrow){line-height:1.9;color:var(--muted);font-size:12px;max-width:365px}.private ul{list-style:none;padding:0;margin:25px 0}.private li{font-size:11px;border-bottom:1px solid var(--line);padding:15px 0;display:flex;justify-content:space-between}.export{padding-top:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps article>span{color:#ab7a5d;font-size:11px}.steps h3{font:24px Georgia,serif;margin:25px 0 15px}.steps p{max-width:280px;color:var(--muted);font-size:12px;line-height:1.8}.closing{text-align:center;background:#30372f;color:#f5efe3;padding:75px 20px;background-image:radial-gradient(ellipse at 0% 100%,#75614b66,transparent 50%)}.closing h2{font-size:62px}.closing em{color:#d4b39a}.cream{background:#f5efe3;color:#29271f;margin-top:30px}footer{padding:45px 5.5% 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:25px}footer>p,footer>a:not(.brand){font-size:10px;color:var(--muted)}.footer-bottom{width:100%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:9px;color:var(--muted);margin-top:20px}dialog{border:0;padding:45px;background:var(--cream);color:var(--ink);width:min(650px,92vw);max-height:90vh;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#20251ecc;backdrop-filter:blur(5px)}dialog h2{font-size:40px}dialog>p:not(.eyebrow){font-size:12px;line-height:1.7;color:var(--muted)}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px}form{margin-top:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:11px;margin-bottom:15px}input,select,textarea{width:100%;border:1px solid #cfc4b3;background:#fffcf7;padding:12px;font:13px Arial;margin-top:7px;border-radius:0;color:var(--ink)}textarea{resize:vertical}.form-note{font-size:10px;color:var(--muted);line-height:1.6}#form-status{font-size:12px}.detail-visual{height:220px;margin-bottom:25px;background:#e5c5b0 url('assets/hero.png') 75% 55%/cover}.detail-copy{font-size:13px;line-height:1.8;color:var(--muted)}.detail-list{padding:18px 0;margin:20px 0;border-block:1px solid var(--line);font-size:12px;line-height:1.9}.detail-list strong{color:var(--ink)}[hidden]{display:none!important}@media(min-width:1500px){.hero-content{padding-top:100px}.hero{min-height:760px}.product-visual{height:310px}}@media(max-width:1000px){nav{gap:15px;font-size:10px}.brand svg{width:45px}.brand>span{font-size:15px}.header-quote{display:none}.products{gap:12px}.product-visual{height:200px}.product h3{font-size:11px}h1{font-size:74px}.private{gap:5%}.pouch{left:8%}.jar{left:62%;width:90px}.story-text{padding:55px 10%}.story h2{font-size:42px}}@media(max-width:700px){.announcement{font-size:7px;letter-spacing:1.5px}.announcement span{display:none}header{height:78px}.brand svg{width:48px}.brand>span{font-size:17px}.menu{display:block;border:0;background:none;font-size:23px}nav{display:none;position:absolute;top:110px;left:0;right:0;background:var(--cream);z-index:5;padding:25px;box-shadow:0 10px 20px #0001}nav.open{display:flex;flex-direction:column;gap:12px;font-size:14px}.hero{min-height:760px}.hero-art{background-image:linear-gradient(180deg,#f2e6d5 0%,#f2e6d5ee 36%,transparent 65%),url('assets/hero.png');background-position:center,bottom right;background-size:cover,auto 65%}.hero-content{padding-top:40px}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:20px}h1{font-size:64px;letter-spacing:-2px}.hero-content>p:not(.eyebrow){font-size:12px;margin:20px 0}.actions{gap:15px}.button{gap:20px;padding:12px 16px;font-size:10px}.text-button{gap:15px;font-size:10px}.hero-caption{margin-top:30px;font-size:7px}.image-note{font-size:7px;bottom:20px}.values{grid-template-columns:1fr 1fr;gap:25px 15px;padding-block:25px}.values b{font-size:10px}.values small{font-size:8px}.section{padding:55px 5.5%}h2{font-size:37px;letter-spacing:-1.5px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{font-size:11px;margin-top:20px}.filters{gap:21px;overflow-x:auto;white-space:nowrap}.filters button{font-size:10px}.products{grid-template-columns:repeat(2,1fr);gap:25px 14px}.product-visual{height:220px}.product h3{font-size:11px}.product p{font-size:9px}.collection-bottom{align-items:flex-start;gap:15px;font-size:10px;line-height:1.7}.collection-bottom .text-button{padding-top:0}.story{grid-template-columns:1fr}.story-text{padding:50px 7%}.story h2{font-size:43px}.story-image{min-height:340px}.private{grid-template-columns:1fr;gap:35px}.packaging-art{min-height:390px}.pouch{left:15%;width:170px;height:270px}.jar{left:62%}.private-text>p:not(.eyebrow){max-width:none}.steps{grid-template-columns:1fr;gap:20px;margin-top:30px}.steps h3{margin:15px 0 10px}.steps p{max-width:none}.export{padding-top:10px}.closing{padding:55px 20px}.closing h2{font-size:42px}footer{display:block}footer>p{margin:25px 0}.footer-bottom{gap:20px;line-height:1.6}.footer-bottom span:last-child{text-align:right}dialog{padding:35px 25px}.form-grid{grid-template-columns:1fr}.detail-visual{height:180px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}button:disabled{opacity:.6;cursor:wait}
.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:#bc8869;transform:scaleX(0);transform-origin:left;z-index:20}header{position:sticky;top:0;z-index:10;background:#f7f3ecf5;backdrop-filter:blur(15px)}.product-visual:before{transition:transform 700ms cubic-bezier(.2,.7,.2,1)}.product:hover .product-visual:before{transform:scale(1.08)}.hero-art{animation:hero-reveal 1.6s ease-out both}.hero-content h1{animation:title-reveal 1s ease-out both}@keyframes hero-reveal{from{transform:scale(1.045);filter:brightness(.88)}to{transform:scale(1);filter:brightness(1)}}@keyframes title-reveal{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hero-art,.hero-content h1{animation:none}.product-visual:before{transition:none}}
