:root{--cream:#f8f4eb;--ink:#342c25;--blue:#c1d7d0;--brown:#66503c;--line:#d9d0c1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.7 Georgia,serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #4e7a71;outline-offset:5px}.announcement{text-align:center;font:10px/1.5 Arial,sans-serif;letter-spacing:2.6px;background:var(--blue);padding:10px}header{display:flex;align-items:center;justify-content:space-between;padding:23px 6%;border-bottom:1px solid var(--line)}.brand{font-size:46px;line-height:1;letter-spacing:-3px;text-align:center}.brand span{display:block;font:8px/2 Arial,sans-serif;letter-spacing:2.2px}nav{display:flex;gap:30px;font:13px Arial,sans-serif}nav a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:48% 52%;min-height:620px}.hero-copy{padding:65px 10% 65px 12.5%;align-self:center}.eyebrow{font:10px/1.8 Arial,sans-serif;letter-spacing:2px;font-weight:600}h1,h2,h3{font-weight:400;line-height:1.12}h1{font-size:clamp(40px,4.3vw,68px);letter-spacing:-2px;margin:22px 0}h2{font-size:44px;margin:15px 0 25px;letter-spacing:-1px}h3{font-size:28px;margin:15px 0}p{color:#655d53}.hero-copy>p:not(.eyebrow){max-width:350px}.button{display:inline-flex;gap:35px;align-items:center;background:var(--ink);color:var(--cream);border:0;padding:15px 23px;margin-top:20px;font:12px Arial,sans-serif}.hero-photo{background:#b9a185 url('assets/hero.png') center/cover;position:relative;min-height:420px}.hero-photo>span{position:absolute;bottom:30px;left:30px;color:#fff9ec;letter-spacing:4px;font-size:11px}.ribbon{padding:22px;text-align:center;border-bottom:1px solid var(--line);font-style:italic;font-size:16px}.ribbon b{padding:0 35px;font-style:normal;color:#8a785c}.section{padding:85px 6%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px}.section-head>p{max-width:330px;font-size:15px}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 32px}.tabs button{border:1px solid var(--line);background:transparent;padding:9px 18px;font:12px Arial,sans-serif}.tabs .active{background:var(--ink);color:var(--cream);border-color:var(--ink)}.collections{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.collection{border:0;padding:0;background:transparent;text-align:left}.collection .scene{height:235px;background:url('assets/hero.png') center/cover;display:flex;align-items:end;padding:18px;position:relative}.collection .scene span{background:var(--cream);padding:3px 10px;font:10px/2 Arial,sans-serif;letter-spacing:1px}.collection:nth-child(1) .scene{background-position:70%;filter:sepia(.32)}.collection:nth-child(2) .scene{background-position:35%;filter:saturate(.6)}.collection:nth-child(3) .scene{background-position:90%}.collection:nth-child(4) .scene{background-position:50%;filter:sepia(.6)}.collection h3{font-size:25px}.collection p{font-size:14px;margin:0}.collection .explore{display:block;margin-top:16px;font:11px Arial,sans-serif;text-decoration:underline;text-underline-offset:5px}.note{font:11px/1.6 Arial,sans-serif;color:#7a7369;margin-top:30px}.home-section{padding:75px 8%;background:#e1e8de;display:grid;grid-template-columns:1fr 1fr;gap:100px}.home-section>div>p{max-width:440px}.home-list button{display:flex;width:100%;justify-content:space-between;background:none;border:0;border-bottom:1px solid #aab8aa;padding:18px 0;text-align:left}.home-section aside{border:1px solid #a8b5a8;outline:1px solid #a8b5a8;outline-offset:-9px;text-align:center;padding:35px}.home-section aside p{font:10px/1.8 Arial,sans-serif;letter-spacing:1px;max-width:280px;margin:20px auto}.home-section aside h3{font-size:44px}.large-star{font-size:48px}.lotion{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.lotion img{width:100%;max-height:480px;object-fit:cover}.lotion p{max-width:350px}.journal{padding-top:10px}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.posts button{border:0;background:none;text-align:left;padding:0}.post-art{display:flex;height:160px;padding:22px;align-items:end;font:10px Arial,sans-serif;letter-spacing:2px;background:#d2ba95}.art2{background:#c7d3c4}.art3{background:#dbcbb4}.posts small{font:9px Arial,sans-serif;letter-spacing:1.5px;display:block;margin-top:24px}.posts h3{font-size:27px}.posts p{font-size:14px}.posts button>span:last-child{font:11px Arial,sans-serif;text-decoration:underline;text-underline-offset:5px}.story{text-align:center;border-top:1px solid var(--line);padding:70px 20%;background:#ece5d8}.story>p{max-width:680px;margin:22px auto}.signature{font-style:italic}footer{padding:55px 6%;display:flex;gap:45px;align-items:center;flex-wrap:wrap}footer p,footer>a:not(.brand){font-size:13px}footer small{width:100%;font:10px Arial,sans-serif;color:#777}dialog{width:min(650px,90vw);max-height:85vh;border:1px solid var(--line);background:var(--cream);padding:45px;color:var(--ink)}dialog::backdrop{background:#211b16b0}#close{position:absolute;top:5px;right:15px;border:0;background:none;font-size:30px}dialog h2{font-size:38px}dialog p{line-height:1.8} @media(max-width:800px){header{flex-direction:column;gap:25px}nav{gap:16px;flex-wrap:wrap;justify-content:center;font-size:11px}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 7%}.hero-photo{min-height:350px}.ribbon b{padding:0 10px}.ribbon{font-size:12px}.section{padding:55px 6%}.section-head{display:block}.collections{grid-template-columns:repeat(2,1fr)}.collection .scene{height:190px}.home-section,.lotion{grid-template-columns:1fr;gap:35px}.home-section{padding:45px 7%}.posts{grid-template-columns:1fr}.post-art{height:120px}.story{padding:45px 7%}h2{font-size:36px}footer{gap:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.product-detail { border-top:1px solid #ded3c3; margin-top:1.5rem; padding-top:1.5rem; } .product-detail img { width:100%; max-height:270px; object-fit:contain; border-radius:8px; } .product-detail small { display:block; margin-top:.5rem; color:#665c54; }

.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.product-card{border:1px solid #e2d8c9;border-radius:10px;overflow:hidden;background:#fffaf4}.product-card img{display:block;width:100%;height:230px;object-fit:cover}.product-card div{padding:1rem}.product-card h3{margin:0 0 .6rem}.product-card p{margin:.5rem 0;font-size:.9rem}.photo-note{font-size:.85rem;color:#665c54}@media(max-width:560px){.product-grid{grid-template-columns:1fr}.product-card img{height:300px}}

.collection[data-collection="year"] .scene{background-image:url('assets/rainbow.jpg');background-position:center 48%;filter:none}

.collection[data-collection="vintage"] .scene{background-image:url('assets/midnight-reserve.png');background-position:center 32%;filter:none}

.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:42px 6%;text-align:center}.hero-copy h1 br{display:none}.hero-copy h1{max-width:1000px;margin:16px auto}.hero-copy>p:not(.eyebrow){max-width:650px;margin:0 auto}.hero-copy .button{margin-top:22px}.hero-photo{background:none;min-height:0}.hero-photo img{display:block;width:100%;height:auto}@media(max-width:800px){.hero-copy{padding:32px 6%}.hero-photo{min-height:0}}

.catalog-dialog{width:min(1000px,94vw)}.catalog-search{display:block;font:13px Arial,sans-serif;margin:20px 0 0}.catalog-search input{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid var(--line);background:#fffaf4;color:var(--ink);font:16px Arial,sans-serif}.catalog-search input:focus-visible{outline:3px solid #4e7a71;outline-offset:2px}.photo-placeholder{height:230px;background:linear-gradient(145deg,#e8e3d6,#d2dfd7);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#66503c}.photo-placeholder span{font:48px Georgia,serif;letter-spacing:3px}.photo-placeholder small{font:10px Arial,sans-serif;letter-spacing:2px}.collection[data-collection="spring"] .scene{background:linear-gradient(135deg,#d9e1d2,#f3e6df);filter:none}.collection[data-collection="summer"] .scene{background:linear-gradient(135deg,#eed8a6,#d2e1da);filter:none}.collection[data-collection="more"] .scene{background:linear-gradient(135deg,#d9caba,#eee4d7);filter:none}.product-card h3{overflow-wrap:anywhere}@media(min-width:800px){.catalog-dialog .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.collection[data-collection="limited"] .scene{background:linear-gradient(135deg,#d9e1d2,#eed8a6);filter:none}

.basket-button{padding:11px 15px;border:1px solid var(--brown);background:var(--blue);font:12px Arial,sans-serif}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;padding:10px 0;display:inline-block;margin-right:18px}.add-candle{margin-top:10px;padding:13px 16px;font-size:12px}.basket-item{display:grid;grid-template-columns:1fr 75px 85px;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.basket-item h3{font-size:23px;margin:0}.basket-item p{margin:5px 0;font-size:13px}.basket-item label{font:11px Arial,sans-serif}.basket-item input{display:block;width:70px;margin-top:6px;padding:9px}.basket-item .text-button{grid-column:1/-1;justify-self:start;padding:0;font-size:13px}.subtotal{display:flex;justify-content:space-between;font-size:21px}.invoice-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.invoice-form label{font:13px Arial,sans-serif}.invoice-form input,.invoice-form textarea{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid var(--line);font:16px Arial,sans-serif;background:white}.invoice-form .wide{grid-column:1/-1}.invoice-form .button{justify-self:start;margin-top:0}.request-summary{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 Arial,sans-serif;background:#eee8dd;padding:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.invoice-form{grid-template-columns:1fr}.invoice-form label{grid-column:1/-1}.basket-item{grid-template-columns:1fr 70px}.basket-item>strong{grid-column:1/-1}header{gap:20px}}

.scent-description{white-space:pre-line}

/* Show supplied fragrance labels in full at every screen size. */
.product-card img.label-image{height:auto;aspect-ratio:3/2;object-fit:contain;background:#fffaf0}

header .brand-logo{display:block;flex:0 0 auto;line-height:0;letter-spacing:normal}header .brand-logo img{display:block;width:132px;height:132px;object-fit:contain}header{gap:24px} @media(max-width:800px){header .brand-logo img{width:112px;height:112px}}

.posts .post-cover{display:block;width:100%;height:160px;object-fit:contain;background:#ece5d8}.journal-image{display:block;width:100%;height:auto;margin:20px 0}

.collection[data-collection="fall"] .scene{background-image:url("assets/fall-berry-pickin-cover.png");background-position:center 62%;filter:none}

.collection[data-collection="year"] .scene{background-image:url("assets/year-round-rainbow-cover.png");background-position:center;filter:none}

.collection[data-collection="winter"] .scene{background-image:url("assets/winter-holidays-cover.png");background-position:center;filter:none}

.collection[data-collection="vintage"] .scene{background-image:url("assets/vintage-pour-copper-mule-cover.png");background-position:center;background-size:contain;background-repeat:no-repeat;background-color:#24180f;filter:none}

.message-launch{position:fixed;bottom:1rem;right:1rem;z-index:4;box-shadow:0 2px 12px #0003}
#message-dialog{width:min(30rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);padding:1.5rem;box-sizing:border-box}
.message-close{text-align:right}
.message-close button{font-size:1.5rem;cursor:pointer}
#message-form{display:grid;gap:.8rem}
#message-form label{display:grid;gap:.25rem}
#message-form input,#message-form textarea{box-sizing:border-box;width:100%;font:inherit;padding:.6rem;border:1px solid #766b5b;background:#fff;color:#302920}
#message-form textarea{resize:vertical}
footer{padding-bottom:5rem}
.sunday-journal,.sunday-journal h3,.posts [data-post="9"] :not(h3){font-weight:400}
.posts [data-post="9"] h3,#detail:has(.sunday-journal) #dialog-title{font-weight:700}
