:root{--green:#143d2e;--ink:#203b2e;--cream:#faf7f0;--gold:#e5b85c;--muted:#667267;--line:#dfE4da;--serif:'Lora',Georgia,serif;--sans:'Be Vietnam Pro',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #c28c27;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.22}h2{font-size:clamp(2rem,3.5vw,3.3rem);letter-spacing:-1.4px}h3{font-size:1.4rem}em{font-weight:400}img{display:block;width:100%;height:100%;object-fit:cover}.skip{position:fixed;top:-100px;left:12px;z-index:30;background:white;padding:12px}.skip:focus{top:12px}.announcement{background:var(--green);color:#fbf5e5;text-align:center;padding:9px 20px;font-size:.75rem;letter-spacing:1.5px}.announcement span{margin:0 16px;color:var(--gold)}.header{position:sticky;top:0;z-index:10;background:rgba(250,247,240,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav-wrap{max-width:1440px;margin:auto;padding:21px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;line-height:1.1;font-family:var(--serif);font-size:1.55rem;white-space:nowrap}.brand small{display:block;font-family:var(--sans);font-size:.65rem;margin-top:8px;letter-spacing:3px}.brand-sun{font-size:3.3rem;line-height:1;color:#b78b37}.header nav{display:flex;gap:30px;font-size:.875rem}.header nav a:hover{color:#b17c22}.selection-button{background:none;border:0;display:flex;align-items:center;gap:9px;color:var(--ink);font-size:.85rem;min-height:44px}.selection-button svg{width:23px;height:23px}#selection-count{background:var(--green);color:white;border-radius:50%;display:grid;place-items:center;width:25px;height:25px;font-size:.75rem}.hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:46% 54%;min-height:650px}.hero-copy{padding:68px 10% 42px 11%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:.73rem;font-weight:600;letter-spacing:2px;margin-bottom:23px;line-height:1.6}.hero .eyebrow{display:flex;gap:9px;align-items:center}.eyebrow span{width:6px;height:6px;background:#c08d3d;border-radius:50%}h1{font-size:clamp(3.4rem,5.6vw,5.9rem);letter-spacing:-3px;line-height:1.06;margin-bottom:25px}h1 em{color:#a56b2c}.hero-description{max-width:420px;font-size:.95rem;line-height:1.9;color:#5b665b;margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 27px;min-height:50px;border:1px solid transparent;font-size:.86rem;font-weight:500;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--green);color:white}.primary:hover{background:#22563c}.gold{background:var(--gold);color:var(--green)}.hero-bottom{display:flex;flex-wrap:wrap;gap:20px;font-size:.63rem;letter-spacing:1.3px;margin-top:auto;padding-top:37px;color:var(--muted)}.hero-image{position:relative;overflow:hidden;background:#3d513a}.hero-image img{position:absolute;inset:0}.hero-image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(10,25,16,.65))}.image-caption{position:absolute;bottom:37px;left:38px;z-index:1;color:white}.image-caption span{font-size:.7rem;letter-spacing:2px;display:block}.image-caption strong{display:block;font:400 1.7rem var(--serif);margin-top:8px}.round-label{position:absolute;top:28px;right:26px;width:105px;height:105px;border:1px solid #e9dcc4;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.58rem;letter-spacing:2px;color:#fff7e9;background:#183f2ca6;line-height:1.1;z-index:1}.round-label span{font-size:2.7rem;line-height:.7;margin:2px}.flavour-strip{background:#eee8da;display:flex;justify-content:center;gap:40px;padding:22px 24px;font-family:var(--serif);font-size:1.02rem}.flavour-strip i{color:#a97732;font-style:normal}.section{max-width:1440px;margin:auto;padding:85px 5%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:31px}.section-heading h2{margin-bottom:0}.section-heading>p{color:var(--muted);font-size:.85rem;line-height:1.9;margin:0}.catalog-controls{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid transparent;background:none;border-radius:30px;padding:9px 15px;color:var(--muted);font-size:.82rem;min-height:44px}.filters button.active{background:var(--green);color:white}.filters button:hover:not(.active){background:#ebece4}.search{display:flex;gap:9px;align-items:center;border-bottom:1px solid #a6b3a6;max-width:220px}.search svg{width:20px;height:20px;flex-shrink:0}.search input{width:100%;min-width:0;background:none;border:0;outline:0;padding:8px 0;font-size:.82rem;color:var(--ink)}.catalog-note{font-size:.75rem;color:var(--muted);margin:14px 0 25px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 25px}.product-card{min-width:0}.product-image-button{position:relative;width:100%;padding:0;border:0;background:#eeeee5;display:block;overflow:hidden;text-align:left}.product-photo{aspect-ratio:1.14;background-image:url('assets/catalog.png');background-size:300% 300%;background-repeat:no-repeat;transition:transform .4s}.product-image-button:hover .product-photo{transform:scale(1.045)}.tile-0{background-position:0 0}.tile-1{background-position:50% 0}.tile-2{background-position:100% 0}.tile-3{background-position:0 50%}.tile-4{background-position:50% 50%}.tile-5{background-position:100% 50%}.tile-6{background-position:0 100%}.tile-7{background-position:50% 100%}.tile-8{background-position:100% 100%}.product-tag{position:absolute;top:14px;left:14px;background:var(--cream);padding:4px 10px;color:var(--ink);font-size:.68rem}.card-body{padding:18px 0 0}.card-label{font-size:.65rem;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.card-title{display:flex;justify-content:space-between;align-items:start;gap:12px}.card-title h3{margin:0;font-size:1.45rem}.add-product{border:1px solid #bbc8b8;background:transparent;width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;font-size:1.4rem;line-height:1;color:var(--green)}.add-product.selected{background:var(--green);color:white}.card-taste{font-size:.8rem;color:var(--muted);margin:8px 0 13px}.detail-link{border:0;padding:0 0 3px;background:transparent;font-size:.8rem;color:var(--green);border-bottom:1px solid #afbdab;min-height:35px}.story{display:grid;grid-template-columns:1fr 1fr;background:#e9eddf;max-width:1600px;margin:auto}.story-photo{position:relative;min-height:540px}.story-photo img{position:absolute;inset:0}.story-photo span{position:absolute;bottom:30px;left:35px;font-size:.7rem;letter-spacing:2px;color:white;text-shadow:0 2px 8px #123}.story-copy{padding:65px 11%}.story-copy h2{font-size:clamp(2rem,3vw,3rem)}.story-copy h2 em{color:#698053}.story-copy>p:not(.eyebrow):not(.story-footnote){font-size:.9rem;color:#58644f;line-height:1.95}.story-signature{font:italic 1.9rem var(--serif);padding-top:15px}.story-signature span{color:#a07c32;padding-left:10px}.story-footnote{font-size:.72rem;color:#65745e;margin:16px 0 0}.rituals{text-align:center}.ritual-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;margin-top:38px}.ritual-grid article{padding:10px 36px;border-left:1px solid var(--line)}.ritual-grid article:first-child{padding-left:0;border:0}.ritual-grid article:last-child{padding-right:0}.ritual-number{font-size:.67rem;letter-spacing:1.6px;color:#9d793b;display:block;margin-bottom:17px}.ritual-grid h3{margin-bottom:12px}.ritual-grid p{font-size:.86rem;color:var(--muted);margin:0;line-height:1.9}.gift-section{background:var(--green);color:var(--cream);display:grid;grid-template-columns:45% 55%;max-width:1440px;margin:0 auto 25px}.gift-art{overflow:hidden;min-height:430px;background:#e9e6dc}.gift-art .product-photo{height:100%;aspect-ratio:auto;background-size:300% 300%}.gift-copy{padding:62px 12%}.gift-copy .eyebrow{color:var(--gold)}.gift-copy h2{font-size:clamp(2.2rem,3.9vw,3.8rem);margin-bottom:22px}.gift-copy p:not(.eyebrow){font-size:.9rem;color:#d7e0d2;max-width:440px}.gift-copy small{display:block;font-size:.7rem;color:#c5d0bd;margin-top:18px}.faq{display:grid;grid-template-columns:38% 62%;gap:30px}.faq>div>p:not(.eyebrow){font-size:.87rem;color:var(--muted)}.faq-items details{border-bottom:1px solid var(--line);padding:18px 0}.faq-items details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none;font-size:.92rem;font-weight:500;min-height:35px;align-items:center}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:1.4rem;font-weight:400}details[open] summary:after{content:'−'}.faq-items p{font-size:.84rem;color:var(--muted);line-height:1.9;margin:15px 35px 7px 0}.contact{text-align:center;border-top:1px solid var(--line);padding-top:45px;padding-bottom:65px}.contact-sun{font-size:4rem;color:#aa8137;line-height:1.3;display:block;margin-bottom:17px}.contact h2{margin-bottom:15px}.contact>p:not(.eyebrow){font-size:.86rem;color:var(--muted);margin-bottom:24px}footer{background:#eeeade;padding:35px 5% 20px}.footer-top{max-width:1296px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:30px}.footer-top>p{font:italic 1.05rem var(--serif);margin:0;color:var(--muted)}.footer-top>div{display:flex;gap:25px;font-size:.82rem}.footer-bottom{max-width:1296px;margin:auto;border-top:1px solid #d8d8c9;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:.68rem;color:var(--muted)}dialog{border:0;padding:40px;background:var(--cream);color:var(--ink);max-width:min(820px,calc(100vw - 32px));max-height:90vh;overflow:auto}dialog::backdrop{background:#10241fc4;backdrop-filter:blur(3px)}.close-dialog{position:absolute;right:14px;top:12px;background:var(--cream);border:0;width:36px;height:36px;font-size:1.7rem;z-index:1;color:var(--green)}.detail-layout{display:grid;grid-template-columns:42% 58%;gap:30px}.detail-layout .product-photo{aspect-ratio:1}.detail-layout h2{font-size:2rem}.detail-layout p{font-size:.87rem}.detail-layout .detail-note{font-size:.75rem;color:var(--muted);padding:15px;background:#eeeee3}.detail-layout .button{margin-top:10px}.selection-dialog{width:600px}.selection-dialog h2{font-size:2rem}.selection-note{font-size:.83rem;color:var(--muted)}.selection-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-top:1px solid var(--line);gap:15px}.selection-row button{border:0;background:none;color:#825d31;min-height:44px}.selection-dialog .button{margin-top:20px}#copy-status{font-size:.8rem;margin:15px 0 0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);max-width:calc(100vw - 40px);padding:12px 22px;background:var(--green);color:white;font-size:.83rem;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20}.toast.visible{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(min-width:1600px){.hero-copy{padding-left:15%}}@media(max-width:1000px){.nav-wrap{gap:15px}.header nav{gap:18px;font-size:.8rem}.selection-label{display:none}.hero{min-height:570px}.hero-copy{padding-top:45px}h1{font-size:4rem}.flavour-strip{gap:20px;font-size:.9rem}.filters{gap:0}.filters button{font-size:.75rem;padding:8px 12px}.search{max-width:180px}.story-copy{padding:45px 8%}.story-photo{min-height:500px}.gift-copy{padding:45px 10%}.faq{grid-template-columns:32% 68%;gap:15px}.footer-top>p{display:none}}@media(max-width:720px){html{scroll-padding-top:115px}.announcement{font-size:.63rem;letter-spacing:.5px;padding:8px 10px}.announcement span{margin:0 6px}.nav-wrap{padding:13px 5%;flex-wrap:wrap;gap:10px}.brand{font-size:1.32rem;gap:8px}.brand-sun{font-size:2.7rem}.brand small{font-size:.58rem}.header nav{order:3;width:100%;justify-content:space-between;gap:8px;font-size:.75rem;padding-top:9px;border-top:1px solid var(--line)}.selection-button{margin-left:auto}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:40px 6% 30px}.hero .eyebrow{margin-bottom:20px}h1{font-size:clamp(3.4rem,10vw,4.7rem);letter-spacing:-2px}.hero-description{max-width:480px;font-size:.9rem}.hero-bottom{padding-top:26px}.hero-image{height:400px}.image-caption{left:24px;bottom:24px}.image-caption strong{font-size:1.45rem}.round-label{width:88px;height:88px;right:20px;top:20px}.flavour-strip{gap:14px;flex-wrap:wrap;font-size:.85rem;padding:18px}.flavour-strip span:last-child,.flavour-strip i:last-of-type{display:none}.section{padding:55px 5%}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:17px;font-size:.83rem}.section-heading>p br{display:none}.eyebrow{font-size:.65rem;letter-spacing:1.5px;margin-bottom:15px}h2{letter-spacing:-.8px}.catalog-controls{flex-direction:column;gap:15px}.filters button{font-size:.74rem;padding:8px 11px}.search{max-width:none;width:100%}.catalog-note{font-size:.7rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 15px}.product-tag{font-size:.58rem;padding:3px 6px;top:9px;left:8px}.card-label{font-size:.58rem;letter-spacing:.8px}.card-title h3{font-size:1.13rem}.add-product{width:30px;height:34px;font-size:1.2rem}.card-taste{font-size:.7rem;line-height:1.7}.detail-link{font-size:.75rem}.story{grid-template-columns:1fr}.story-photo{min-height:330px}.story-copy{padding:40px 6%}.ritual-grid{grid-template-columns:1fr;margin-top:20px}.ritual-grid article,.ritual-grid article:first-child,.ritual-grid article:last-child{padding:24px 0;border-left:0;border-top:1px solid var(--line)}.gift-section{grid-template-columns:1fr;margin:0}.gift-art{min-height:320px;height:320px}.gift-copy{padding:40px 6%}.faq{grid-template-columns:1fr;gap:15px}.faq>div>p br{display:none}.contact{padding-top:30px}.contact h2{font-size:2rem}.footer-top{flex-wrap:wrap;align-items:flex-start}.footer-top>div{gap:20px;font-size:.75rem}.footer-bottom{flex-direction:column;gap:9px}.detail-layout{grid-template-columns:1fr;gap:22px}.detail-layout .product-photo{max-height:270px}dialog{padding:35px 22px 25px}.selection-dialog h2{font-size:1.8rem}.detail-layout h2{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
