:root{--navy:#0b3158;--ink:#17324d;--blue:#dcecf4;--mist:#eef7fa;--cream:#fbf7f0;--gold:#caa66b;--serif:"Cormorant Garamond",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--script:"Sacramento",cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--sans);line-height:1.6}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;padding:.75rem 1rem}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.announcement{height:36px;background:var(--navy);color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.8rem}.site-header{height:118px;background:rgba(251,247,240,.97);display:grid;grid-template-columns:1fr 170px 1fr;align-items:center;padding:0 5vw;position:relative;z-index:20;border-bottom:1px solid rgba(11,49,88,.08)}.nav{display:flex;gap:2rem;align-items:center;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:700}.nav-right{justify-content:flex-end}.nav a:hover{color:#4278a5}.brand{align-self:start;justify-self:center;width:160px;height:160px;margin-top:7px;z-index:2}.brand img{width:100%;height:100%;object-fit:contain}.shop-link,.text-link{border-bottom:1px solid var(--gold)}.menu-button{display:none}.hero{min-height:680px;position:relative;overflow:hidden;background:linear-gradient(115deg,#eaf5f9 0%,#d9eaf2 47%,#c6dce7 100%);display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;padding:6rem 7vw 5rem}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 80%,rgba(255,255,255,.9),transparent 23%),linear-gradient(90deg,rgba(255,255,255,.5),transparent 55%);pointer-events:none}.hero-copy{position:relative;z-index:3;max-width:590px}.eyebrow{margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#8f6e3d;font-weight:700}.hero h1,.section-heading h2,.about h2,.difference h2,.contact h2{font-family:var(--serif);font-weight:600;line-height:.92;margin:0;color:var(--navy)}.hero h1{font-size:clamp(4.2rem,7vw,7rem);letter-spacing:-.045em}.hero h1 em{font-family:var(--script);font-weight:400;color:#3f81b5;letter-spacing:0}.hero-text{max-width:460px;font-size:1.05rem;margin:1.7rem 0 2rem}.hero-actions{display:flex;align-items:center;gap:1.8rem}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.6rem;border-radius:3px;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:700}.primary{background:var(--navy);color:#fff;box-shadow:0 10px 25px rgba(11,49,88,.15)}.outline{border:1px solid var(--navy)}.text-link{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;padding-bottom:.2rem}.hero-gallery{position:relative;z-index:2;height:530px;margin-left:4vw}.hero-gallery:before{content:"";position:absolute;width:520px;height:520px;right:4%;top:0;background:rgba(255,255,255,.43);border-radius:50%}.hero-main{position:absolute;right:10%;top:5%;width:58%;height:82%;margin:0;border-radius:47% 47% 10px 10px;overflow:hidden;box-shadow:0 25px 60px rgba(23,50,77,.22)}.hero-main img,.hero-small img{width:100%;height:100%;object-fit:cover}.hero-small{position:absolute;margin:0;border:8px solid var(--cream);box-shadow:0 15px 40px rgba(23,50,77,.16);overflow:hidden}.hero-small.top{right:0;top:5%;width:180px;height:180px;border-radius:50%}.hero-small.bottom{left:0;bottom:0;width:220px;height:185px;border-radius:50% 50% 8px 8px}.stamp{position:absolute;right:2%;bottom:1%;width:128px;height:128px;border-radius:50%;background:rgba(251,247,240,.96);border:1px solid var(--gold);outline:1px solid var(--gold);outline-offset:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.16em;font-size:.58rem;transform:rotate(6deg)}.stamp strong{font-family:var(--serif);font-size:1.55rem;letter-spacing:.04em;line-height:1}.bubble{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.75);box-shadow:inset -8px -8px 18px rgba(91,154,193,.16),inset 7px 7px 12px rgba(255,255,255,.85);z-index:1}.b1{width:110px;height:110px;left:2%;top:8%}.b2{width:64px;height:64px;left:43%;bottom:11%}.b3{width:42px;height:42px;right:4%;top:55%}.value-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-bottom:1px solid #e8e0d5;padding:1.4rem 7vw;gap:1rem}.value-strip>div{display:flex;align-items:center;justify-content:center;gap:1rem;border-right:1px solid #e8e0d5}.value-strip>div:last-child{border:0}.value-strip p{margin:0;font-size:.75rem;line-height:1.5}.value-strip strong{text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}.value-strip span{width:45px;height:45px;border-radius:50%;background:var(--mist);display:grid;place-items:center;color:#4f81a5;font-family:var(--serif)}.wrap{padding:7rem 7vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:3rem}.section-heading h2,.about h2,.difference h2,.contact h2{font-size:clamp(2.7rem,4.5vw,4.6rem);letter-spacing:-.035em}.products{background:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3.4rem 1.7rem}.product-image{aspect-ratio:1/1.06;overflow:hidden;background:var(--mist);border-radius:180px 180px 4px 4px}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.product-grid article a:hover img{transform:scale(1.04)}.product-grid h3{font-family:var(--serif);font-size:1.8rem;margin:.1rem 0 .35rem;color:var(--navy)}.product-grid small{display:block;letter-spacing:.15em;color:#9b865f;margin-top:1.1rem}.product-grid b{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.about{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.about-collage{height:630px;position:relative}.about-large{width:78%;height:80%;object-fit:cover;border-radius:240px 240px 5px 5px}.about-small{position:absolute;width:43%;height:43%;object-fit:cover;right:0;bottom:0;border:10px solid var(--cream);border-radius:50%}.about-collage p{position:absolute;right:2%;top:6%;font-family:var(--script);font-size:2.2rem;color:#3879aa;line-height:1;transform:rotate(-7deg)}.about-copy>p:not(.eyebrow){font-size:.95rem;max-width:620px}.about-copy .button{margin-top:1rem}.difference{min-height:570px;background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;padding:5rem 7vw}.difference h2{color:#fff}.difference>div:first-child{max-width:600px;position:relative;z-index:2}.difference>div:first-child>p:last-child{max-width:510px;color:#dce8f3}.soap-stack{height:430px;position:relative}.soap-stack img{position:absolute;width:48%;height:58%;object-fit:cover;border:8px solid #fff;box-shadow:0 18px 40px rgba(0,0,0,.25)}.soap-stack img:nth-child(1){left:8%;top:17%;transform:rotate(-8deg)}.soap-stack img:nth-child(2){left:34%;top:2%;transform:rotate(6deg)}.soap-stack img:nth-child(3){left:47%;top:34%;transform:rotate(13deg)}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.policy-grid details{background:#fff;padding:1.5rem 1.7rem;border-top:3px solid var(--blue);box-shadow:0 10px 30px rgba(31,58,81,.05)}.policy-grid summary{cursor:pointer;font-family:var(--serif);font-size:1.5rem;font-weight:600;color:var(--navy)}.policy-grid p{font-size:.85rem}.contact{position:relative;overflow:hidden;background:#dcecf4;text-align:center;padding:7rem 5vw}.contact>img{position:absolute;width:320px;height:320px;object-fit:contain;opacity:.07;left:50%;top:50%;transform:translate(-50%,-50%)}.contact>*:not(img){position:relative}.contact>p:not(.eyebrow){margin:.8rem auto 1.8rem}.contact>div{display:flex;justify-content:center;align-items:center;gap:1.6rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.light{background:#fff}footer{display:flex;justify-content:space-between;align-items:center;background:#071f37;color:#b9cad8;padding:1.5rem 7vw;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:900px){.site-header{height:92px;grid-template-columns:1fr 110px 1fr;padding:0 1.2rem}.brand{width:115px;height:115px}.nav{display:none;position:absolute;left:0;right:0;top:92px;background:var(--cream);padding:1.5rem;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ddd}.nav-left.open{display:flex}.nav-right{display:flex;position:static;padding:0;border:0;justify-content:flex-end}.nav-right a:not(.shop-link){display:none}.menu-button{display:flex;width:38px;height:38px;border:0;background:transparent;padding:9px 6px;flex-direction:column;gap:5px}.menu-button i{height:1px;width:24px;background:var(--navy)}.hero{grid-template-columns:1fr;padding:6rem 6vw 4rem}.hero-gallery{margin:4rem 0 0;height:480px}.value-strip{grid-template-columns:1fr}.value-strip>div{border-right:0;border-bottom:1px solid #e8e0d5;padding:.7rem;justify-content:flex-start}.product-grid{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr;gap:4rem}.about-collage{height:550px}.difference{grid-template-columns:1fr;padding-top:7rem}.soap-stack{margin-top:2rem}.policy-grid{grid-template-columns:1fr}}
@media(max-width:560px){.announcement{font-size:.55rem}.nav-right .shop-link{font-size:.6rem}.hero{padding-top:5rem}.hero h1{font-size:3.7rem}.hero-gallery{height:390px}.hero-gallery:before{width:370px;height:370px}.hero-main{width:75%;right:8%}.hero-small.top{width:115px;height:115px}.hero-small.bottom{width:140px;height:120px}.stamp{width:92px;height:92px}.stamp strong{font-size:1.1rem}.wrap{padding:5rem 1.25rem}.section-heading{align-items:flex-start;gap:1rem;flex-direction:column}.section-heading h2,.about h2,.difference h2,.contact h2{font-size:2.8rem}.product-grid{grid-template-columns:1fr;gap:3rem}.about-collage{height:420px}.difference{padding:5rem 1.25rem}.soap-stack{height:310px}.contact{padding:5rem 1.25rem}.contact>div{flex-direction:column}footer{padding:1.2rem;flex-direction:column}.hero-actions{align-items:flex-start;flex-direction:column;gap:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-image img{transition:none}}

/* Editorial image direction */
.hero{min-height:720px;display:block;background-image:linear-gradient(90deg,rgba(238,247,250,.97) 0%,rgba(238,247,250,.86) 31%,rgba(238,247,250,.2) 58%,rgba(238,247,250,0) 100%),url('assets/hero-soaps-v2.png');background-size:cover;background-position:center right;padding-top:9rem}
.hero:after{background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 30%,rgba(11,49,88,.08))}
.hero-copy{max-width:650px}.hero-text{max-width:440px}.hero .stamp{right:6vw;bottom:4rem;z-index:4;background:rgba(255,255,255,.92);backdrop-filter:blur(5px)}
.bubble{z-index:4;border:1px solid rgba(255,255,255,.78);background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.95) 0 3%,rgba(255,255,255,.22) 7%,rgba(130,210,245,.1) 43%,rgba(255,172,222,.18) 66%,rgba(255,255,255,.03) 74%);box-shadow:inset -9px -12px 22px rgba(95,166,220,.15),inset 8px 9px 15px rgba(255,255,255,.8),0 8px 24px rgba(60,114,153,.12);filter:saturate(1.25);animation:bubble-drift 7s ease-in-out infinite alternate}.bubble:after{content:"";position:absolute;width:20%;height:9%;left:19%;top:17%;border-radius:50%;background:rgba(255,255,255,.92);transform:rotate(-28deg);filter:blur(1px)}.b1{width:124px;height:124px;left:47%;top:8%}.b2{width:74px;height:74px;left:42%;bottom:9%;animation-delay:-2s}.b3{width:48px;height:48px;right:3%;top:48%;animation-delay:-4s}.b4{width:92px;height:92px;right:25%;bottom:3%;animation-delay:-1s}.b5{width:38px;height:38px;left:4%;top:13%;animation-delay:-5s}@keyframes bubble-drift{to{transform:translateY(-14px) translateX(7px)}}
.product-grid{gap:1.4rem}.product-grid article{position:relative;background:#f7f2ea;padding:.75rem .75rem 1.3rem;border:1px solid #ede5d9;transition:transform .35s ease,box-shadow .35s ease}.product-grid article:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(24,55,84,.12)}.product-image{aspect-ratio:1.18/1;border-radius:2px}.product-grid h3{font-size:1.65rem}.product-grid small{margin-top:.8rem}.about-large{width:84%;height:84%;border-radius:3px;box-shadow:0 20px 50px rgba(23,50,77,.14)}.about-small{width:47%;height:45%;border-radius:3px;border-width:8px;box-shadow:0 14px 35px rgba(23,50,77,.16)}.soap-stack img{border-radius:2px}.policy-grid details{border-top:0;border-left:3px solid var(--blue);padding:1.25rem 1.5rem}.policy-grid summary{list-style:none;display:flex;align-items:center;justify-content:space-between}.policy-grid summary::-webkit-details-marker{display:none}.policy-grid summary:after{content:"+";font-family:var(--sans);font-size:1.25rem;font-weight:400;color:#4f81a5}.policy-grid details[open] summary:after{content:"−"}
@media(max-width:900px){.hero{display:block;padding-top:7rem;background-image:linear-gradient(90deg,rgba(238,247,250,.97),rgba(238,247,250,.72) 58%,rgba(238,247,250,.15)),url('assets/hero-soaps-v2.png');background-position:58% center}.hero .stamp{right:2rem;bottom:2rem}.b1{left:auto;right:18%;top:9%}.b2{left:3%;bottom:6%}}
@media(max-width:560px){.hero{min-height:720px;padding-top:4.5rem;background-image:linear-gradient(180deg,rgba(238,247,250,.97) 0%,rgba(238,247,250,.84) 49%,rgba(238,247,250,.1) 72%),url('assets/hero-soaps-v2.png');background-position:69% center}.hero-copy{max-width:100%}.hero-text{max-width:92%}.hero .stamp{width:88px;height:88px;right:1.2rem;bottom:1.5rem}.b1{width:88px;height:88px;right:6%;top:31%}.b4{display:none}.product-image{aspect-ratio:1.12/1}.about-large{width:86%;height:78%}.about-small{width:49%;height:44%}}
@media(prefers-reduced-motion:reduce){.bubble{animation:none}.product-grid article{transition:none}}
.about-collage p{right:1%;top:5%;margin:0;padding:1rem 1.25rem .8rem;color:var(--navy);background:rgba(251,247,240,.96);border:1px solid rgba(202,166,107,.7);box-shadow:0 10px 28px rgba(23,50,77,.16);transform:rotate(-5deg);z-index:3}

/* Craft hangtags */
.product-grid article{padding:0;background:#e9eef0;border:0;overflow:visible;box-shadow:0 16px 38px rgba(23,50,77,.1)}
.product-grid article>a{display:block;position:relative;height:100%}
.product-image{position:relative;height:100%;min-height:410px;aspect-ratio:4/5;border-radius:2px}
.product-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,49,88,.05),transparent 42%,rgba(11,49,88,.12));pointer-events:none}
.hangtag{position:absolute;z-index:3;top:3.3rem;left:1.25rem;width:min(72%,230px);padding:1.8rem 1.15rem 1.05rem;text-align:center;background:linear-gradient(135deg,#fbf5e8,#f3e6cd);border:1px solid rgba(137,101,55,.34);box-shadow:0 12px 24px rgba(24,42,57,.24);transform:rotate(-3deg);transform-origin:50% -18px;transition:transform .3s ease,box-shadow .3s ease;clip-path:polygon(11% 0,89% 0,100% 13%,100% 100%,0 100%,0 13%)}
.hangtag:before{content:"";position:absolute;left:50%;top:-76px;width:2px;height:85px;background:repeating-linear-gradient(180deg,#9f7a4e 0 4px,#d4ba91 4px 7px);box-shadow:1px 0 rgba(255,255,255,.4);transform:translateX(-50%)}
.hangtag:after{content:"";position:absolute;left:50%;top:10px;width:11px;height:11px;border-radius:50%;background:#6f5a42;border:3px solid #e5d2ae;box-shadow:inset 0 1px 2px rgba(0,0,0,.45);transform:translateX(-50%)}
.hangtag small{margin:.25rem 0 0;color:#876a43;font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.11em}
.hangtag h3{margin:.2rem 0 .35rem;font-size:1.55rem;line-height:1;color:var(--navy)}
.hangtag b{display:inline-block;color:#315f83;font-size:.61rem;border-bottom:1px solid rgba(49,95,131,.45);padding-bottom:.1rem}
.product-grid article:nth-child(2) .hangtag{left:50%;transform:translateX(-50%) rotate(2deg)}
.product-grid article:nth-child(3) .hangtag{left:auto;right:1.2rem;transform:rotate(4deg)}
.product-grid article:nth-child(4) .hangtag{top:4.1rem;left:1.5rem;transform:rotate(3deg)}
.product-grid article:nth-child(5) .hangtag{left:50%;transform:translateX(-50%) rotate(-2deg)}
.product-grid article:nth-child(6) .hangtag{left:auto;right:1.35rem;transform:rotate(-4deg)}
.product-grid article:hover .hangtag{box-shadow:0 17px 30px rgba(24,42,57,.28)}
.product-grid article:nth-child(odd):hover .hangtag{transform:rotate(-1deg) translateY(3px)}
.product-grid article:nth-child(2):hover .hangtag,.product-grid article:nth-child(5):hover .hangtag{transform:translateX(-50%) rotate(0deg) translateY(3px)}
.product-grid article:nth-child(6):hover .hangtag{transform:rotate(-1deg) translateY(3px)}
@media(max-width:560px){.product-image{min-height:470px}.hangtag{width:215px}.product-grid article:nth-child(n) .hangtag{top:3.6rem}.product-grid article:nth-child(3n) .hangtag{right:1rem}}

/* Full photo hang cards */
.product-grid{padding-top:4.5rem;gap:6.5rem 2.1rem}
.product-grid article{position:relative;padding:2.7rem .85rem 0;background:linear-gradient(135deg,#fbf6e9,#efe1c5);border:1px solid rgba(133,99,55,.35);box-shadow:0 15px 32px rgba(24,42,57,.16);transform-origin:50% -75px}
.product-grid article:before{content:"";position:absolute;z-index:4;left:50%;top:-92px;width:2px;height:108px;background:repeating-linear-gradient(180deg,#8f704a 0 5px,#d3b88c 5px 8px);box-shadow:1px 0 rgba(255,255,255,.5);transform:translateX(-50%)}
.product-grid article:after{content:"";position:absolute;z-index:5;left:50%;top:12px;width:13px;height:13px;border-radius:50%;background:#69553d;border:4px solid #ddc79f;box-shadow:inset 0 1px 3px rgba(0,0,0,.5),0 1px 1px rgba(255,255,255,.8);transform:translateX(-50%)}
.product-grid article:nth-child(1){transform:rotate(-1.5deg)}.product-grid article:nth-child(2){transform:rotate(1deg)}.product-grid article:nth-child(3){transform:rotate(-.5deg)}.product-grid article:nth-child(4){transform:rotate(1.4deg)}.product-grid article:nth-child(5){transform:rotate(-1deg)}.product-grid article:nth-child(6){transform:rotate(.7deg)}
.product-grid article:hover{transform:translateY(-6px) rotate(0deg);box-shadow:0 23px 45px rgba(24,42,57,.2)}
.product-grid article>a{height:auto;padding-bottom:0}
.product-image{height:auto;min-height:0;aspect-ratio:1/1.03;border:1px solid rgba(106,81,50,.22);box-shadow:0 3px 8px rgba(46,35,24,.14)}
.product-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hangtag,.product-grid article:nth-child(n) .hangtag{position:relative;inset:auto;width:auto;padding:1.15rem .55rem 1.35rem;text-align:center;background:transparent;border:0;box-shadow:none;clip-path:none;transform:none;transition:none}
.hangtag:before,.hangtag:after{display:none}
.hangtag small{margin:0 0 .25rem;font-size:.55rem;color:#8a6d47}
.hangtag h3{margin:.1rem 0 .45rem;font-size:1.7rem}
.hangtag b{font-size:.6rem}
.product-grid article:hover .hangtag,.product-grid article:nth-child(n):hover .hangtag{transform:none;box-shadow:none}
@media(max-width:900px){.product-grid{gap:6.5rem 1.5rem}}
@media(max-width:560px){.product-grid{padding-top:4rem;gap:6rem}.product-grid article{padding:2.7rem .8rem 0}.product-image{min-height:0;aspect-ratio:1/1.04}.hangtag,.product-grid article:nth-child(n) .hangtag{width:auto;padding:1.15rem .4rem 1.35rem}}

/* Natural paper fibers and loose twine */
.product-grid article{background-color:#e8d4aa;background-image:radial-gradient(ellipse at 15% 20%,rgba(255,255,255,.32) 0 1px,transparent 2px),radial-gradient(ellipse at 72% 68%,rgba(105,75,40,.1) 0 1px,transparent 2px),repeating-linear-gradient(8deg,rgba(112,78,38,.035) 0 1px,transparent 1px 5px),linear-gradient(135deg,rgba(255,250,233,.5),rgba(190,151,95,.15));background-size:17px 13px,23px 19px,auto,auto;border-color:rgba(103,72,36,.4);box-shadow:0 16px 34px rgba(24,42,57,.18),inset 0 0 30px rgba(128,91,47,.06)}
.product-grid article:before{left:50%;top:-132px;width:225px;height:185px;background:url('assets/twine-loop-v1.png') center/contain no-repeat;box-shadow:none;transform:translateX(-50%) rotate(-7deg);filter:drop-shadow(0 3px 2px rgba(62,43,24,.2));pointer-events:none}
.product-grid article:nth-child(2):before{left:46%;transform:translateX(-50%) rotate(11deg) scale(.92)}
.product-grid article:nth-child(3):before{left:55%;top:-125px;transform:translateX(-50%) rotate(-15deg) scale(1.05)}
.product-grid article:nth-child(4):before{left:43%;transform:translateX(-50%) rotate(16deg) scale(.96)}
.product-grid article:nth-child(5):before{left:52%;top:-139px;transform:translateX(-50%) rotate(-3deg) scale(1.08)}
.product-grid article:nth-child(6):before{left:47%;transform:translateX(-50%) rotate(13deg) scale(.9)}
.product-grid article:after{top:15px;width:14px;height:14px;background:#695138;border-color:#d5bc88;box-shadow:inset 0 2px 4px rgba(0,0,0,.55),0 0 0 1px rgba(102,72,36,.45)}
.hangtag h3{color:#163653}.hangtag small{color:#70542f}.hangtag b{color:#214e70;border-bottom-color:rgba(33,78,112,.45)}
@media(max-width:560px){.product-grid{padding-top:5.5rem;gap:7.3rem}.product-grid article:before{top:-125px;width:205px;height:178px}}

/* Photographic deckle-edge tag construction */
.product-grid article{padding:0;background:none;border:0;box-shadow:none;filter:drop-shadow(0 15px 15px rgba(38,30,20,.2));overflow:visible}
.product-grid article:hover{box-shadow:none;filter:drop-shadow(0 23px 19px rgba(38,30,20,.24))}
.product-grid article>a{display:flex;flex-direction:column;justify-content:flex-start;width:100%;height:auto;aspect-ratio:2/3;padding:20% 11% 8%;background:url('assets/kraft-tag-torn-v1.png') center/100% 100% no-repeat}
.product-image{flex:none;width:100%;height:auto;aspect-ratio:1.12/1;border:1px solid rgba(80,55,30,.25);box-shadow:0 3px 8px rgba(46,35,24,.22);transform:rotate(-.25deg)}
.product-grid article:nth-child(even) .product-image{transform:rotate(.35deg)}
.hangtag,.product-grid article:nth-child(n) .hangtag{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:.6rem .25rem .8rem}
.hangtag h3{font-size:clamp(1.25rem,2vw,1.7rem);margin:.05rem 0 .25rem}.hangtag small{font-size:.49rem}.hangtag b{font-size:.55rem}
.product-grid article:before{z-index:6;top:-145px;width:220px;height:220px}
.product-grid article:nth-child(2):before{top:-139px}.product-grid article:nth-child(3):before{top:-150px}.product-grid article:nth-child(4):before{top:-141px}.product-grid article:nth-child(5):before{top:-153px}.product-grid article:nth-child(6):before{top:-138px}
.product-grid article:after{z-index:7;top:7.5%;width:12px;height:12px;border-width:2px;background:rgba(72,50,30,.7);border-color:rgba(213,188,136,.8)}
@media(max-width:900px){.product-grid article>a{padding:20% 10.5% 8%}.hangtag h3{font-size:1.45rem}}
@media(max-width:560px){.product-grid article>a{padding:20% 11% 8%}.hangtag h3{font-size:1.65rem}.product-grid article:before{top:-142px;width:215px;height:215px}}

/* Restored clean product cards */
.product-grid{padding-top:0;gap:3.4rem 1.7rem}
.product-grid article,.product-grid article:nth-child(n){padding:.75rem .75rem 1.25rem;background:#f7f2ea;border:1px solid #ede5d9;box-shadow:0 10px 28px rgba(24,55,84,.08);filter:none;transform:none;overflow:hidden}
.product-grid article:hover,.product-grid article:nth-child(n):hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(24,55,84,.12);filter:none}
.product-grid article:before,.product-grid article:after{display:none}
.product-grid article>a{display:block;width:auto;height:auto;aspect-ratio:auto;padding:0;background:none}
.product-image,.product-grid article:nth-child(even) .product-image{width:100%;height:auto;min-height:0;aspect-ratio:1.18/1;border:0;border-radius:2px;box-shadow:none;transform:none}
.hangtag,.product-grid article:nth-child(n) .hangtag{display:block;position:static;width:auto;min-height:0;padding:.85rem .15rem .1rem;text-align:left;background:transparent;border:0;box-shadow:none;transform:none}
.hangtag small{display:block;margin:0;color:#9b865f;font-size:.58rem;letter-spacing:.14em}
.hangtag h3,.product-grid article:nth-child(n) .hangtag h3{margin:.12rem 0 .3rem;font-size:1.65rem}
.hangtag b{font-size:.6rem}
@media(max-width:900px){.product-grid{gap:3rem 1.5rem}}
@media(max-width:560px){.product-grid{padding-top:0;gap:3rem}.product-grid article{padding:.7rem .7rem 1.2rem}.product-grid article>a{padding:0}.product-image{aspect-ratio:1.12/1}.hangtag,.product-grid article:nth-child(n) .hangtag{padding:.85rem .1rem .1rem}.hangtag h3,.product-grid article:nth-child(n) .hangtag h3{font-size:1.7rem}}

/* Dimensional polish */
body{background:linear-gradient(180deg,#fbf7f0 0%,#f6f0e7 100%)}
.site-header{box-shadow:0 9px 28px rgba(11,49,88,.12),0 1px 0 rgba(255,255,255,.95);transform:translateZ(0)}
.brand img{filter:drop-shadow(0 8px 10px rgba(11,49,88,.18))}
.hero{box-shadow:inset 0 -22px 36px rgba(11,49,88,.12)}
.hero-copy{text-shadow:0 1px 0 rgba(255,255,255,.85)}
.hero .stamp{box-shadow:0 14px 30px rgba(11,49,88,.2),inset 0 1px 0 #fff;transform:rotate(6deg) translateZ(12px)}
.bubble{border:1px solid rgba(255,255,255,.88);background:radial-gradient(circle at 29% 25%,rgba(255,255,255,1) 0 2.5%,rgba(255,255,255,.56) 3.5%,rgba(255,255,255,.08) 11%,rgba(147,220,244,.11) 39%,rgba(188,161,246,.14) 58%,rgba(255,173,220,.2) 70%,rgba(143,211,238,.08) 81%,rgba(255,255,255,.48) 94%,rgba(255,255,255,.82) 100%);box-shadow:inset 13px 15px 19px rgba(255,255,255,.5),inset -15px -19px 27px rgba(60,145,196,.24),inset 2px -7px 11px rgba(226,126,207,.18),0 13px 26px rgba(22,81,120,.2),0 2px 5px rgba(255,255,255,.7);backdrop-filter:blur(1.5px) saturate(1.3);filter:saturate(1.35) drop-shadow(0 8px 7px rgba(20,78,118,.15))}
.bubble:before{content:"";position:absolute;left:18%;right:18%;bottom:8%;height:12%;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(103,187,226,.34),rgba(255,183,225,.32),transparent);filter:blur(2px)}
.bubble:after{width:22%;height:10%;left:18%;top:15%;background:rgba(255,255,255,.95);box-shadow:7px 4px 10px rgba(255,255,255,.5)}
.value-strip{position:relative;z-index:3;gap:1.25rem;padding-top:1.7rem;padding-bottom:1.7rem;box-shadow:0 18px 35px rgba(11,49,88,.08)}
.value-strip>div{justify-content:flex-start;padding:1rem 1.2rem;border:1px solid rgba(184,204,217,.6)!important;background:linear-gradient(145deg,#fff,#f3f8fa);box-shadow:7px 9px 20px rgba(28,69,99,.09),-3px -3px 10px rgba(255,255,255,.9);border-radius:8px}
.value-strip span{box-shadow:inset 3px 3px 7px rgba(56,112,151,.12),inset -3px -3px 7px #fff,0 5px 10px rgba(32,82,116,.12)}
.button{box-shadow:0 9px 18px rgba(11,49,88,.16),inset 0 1px 0 rgba(255,255,255,.28);transition:transform .25s ease,box-shadow .25s ease}
.button:hover{transform:translateY(-2px);box-shadow:0 14px 25px rgba(11,49,88,.22),inset 0 1px 0 rgba(255,255,255,.3)}
.product-grid{perspective:1200px}
.product-grid article,.product-grid article:nth-child(n){border-color:rgba(196,185,168,.58);box-shadow:0 2px 3px rgba(30,54,73,.08),0 12px 22px rgba(30,54,73,.12),0 28px 52px rgba(30,54,73,.08);transition:transform .36s cubic-bezier(.2,.8,.2,1),box-shadow .36s ease}
.product-grid article:hover,.product-grid article:nth-child(n):hover{transform:translateY(-10px) rotateX(1.2deg) rotateY(-.7deg);box-shadow:0 4px 6px rgba(30,54,73,.08),0 20px 32px rgba(30,54,73,.16),0 38px 62px rgba(30,54,73,.12)}
.product-image{box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 8px 16px rgba(33,59,78,.14)}
.product-image:after{background:linear-gradient(130deg,rgba(255,255,255,.19),transparent 38%,rgba(11,49,88,.1));box-shadow:inset 0 -10px 18px rgba(11,49,88,.08)}
.about{position:relative;box-shadow:inset 0 18px 32px rgba(11,49,88,.035),inset 0 -18px 32px rgba(11,49,88,.05)}
.about-large{box-shadow:0 7px 10px rgba(23,50,77,.13),0 26px 52px rgba(23,50,77,.2);transform:perspective(900px) rotateY(2deg)}
.about-small{box-shadow:0 8px 13px rgba(23,50,77,.18),0 22px 42px rgba(23,50,77,.2);transform:translateZ(20px) rotate(1.5deg)}
.about-collage p{box-shadow:0 5px 8px rgba(23,50,77,.12),0 18px 32px rgba(23,50,77,.16),inset 0 1px 0 #fff}
.difference{box-shadow:inset 0 22px 40px rgba(255,255,255,.035),inset 0 -24px 44px rgba(0,0,0,.2)}
.soap-stack{filter:drop-shadow(0 24px 24px rgba(0,0,0,.28))}.soap-stack img{box-shadow:0 8px 14px rgba(0,0,0,.2),0 24px 42px rgba(0,0,0,.32)}
.policies{background:linear-gradient(180deg,#fbf7f0,#f5eee4)}
.policy-grid details{border:1px solid rgba(206,197,184,.65);border-left:4px solid var(--blue);box-shadow:0 3px 5px rgba(31,58,81,.07),0 14px 28px rgba(31,58,81,.1),inset 0 1px 0 #fff;transition:transform .25s ease,box-shadow .25s ease}
.policy-grid details:hover,.policy-grid details[open]{transform:translateY(-3px);box-shadow:0 5px 8px rgba(31,58,81,.08),0 21px 35px rgba(31,58,81,.13),inset 0 1px 0 #fff}
.contact{box-shadow:inset 0 22px 38px rgba(255,255,255,.55),inset 0 -24px 42px rgba(11,49,88,.13)}
footer{box-shadow:0 -12px 30px rgba(4,25,44,.18)}
@media(max-width:900px){.value-strip>div{padding:.85rem 1rem}.product-grid article:hover,.product-grid article:nth-child(n):hover{transform:translateY(-7px)}.about-large{transform:none}}
@media(prefers-reduced-motion:reduce){.button,.policy-grid details{transition:none}.button:hover,.policy-grid details:hover{transform:none}}

/* Modern country palette */
:root{--navy:#173b4a;--ink:#493a2f;--blue:#d8e3df;--mist:#eee5d8;--cream:#f6efe4;--gold:#b4834f}
body{background-color:#f2e8d8;background-image:radial-gradient(circle at 20% 10%,rgba(255,255,255,.48),transparent 34%),linear-gradient(180deg,#f8f1e7 0%,#eee1cf 100%)}
.announcement{background:#6c4d35;color:#fff8ed;box-shadow:inset 0 -1px 0 rgba(255,255,255,.14)}
.site-header{background:rgba(248,241,230,.97);border-bottom-color:rgba(110,76,48,.18);box-shadow:0 9px 28px rgba(87,59,38,.15),0 1px 0 rgba(255,255,255,.9)}
.nav a:hover{color:#8e603b}.shop-link,.text-link{border-bottom-color:#aa7545}
.hero{background-image:linear-gradient(90deg,rgba(246,239,228,.97) 0%,rgba(240,226,207,.84) 32%,rgba(231,215,193,.18) 59%,rgba(238,224,204,0) 100%),url('assets/hero-soaps-v2.png');box-shadow:inset 0 -25px 42px rgba(91,62,39,.16)}
.hero h1,.section-heading h2,.about h2,.contact h2{color:#283f42}.hero h1 em{color:#8b6848}.eyebrow{color:#8a5d37}.hero .stamp{background:rgba(247,238,224,.94);border-color:#9d7047;outline-color:#c09b6d;color:#553e2e}
.primary{background:#31535a}.primary:hover{background:#24434a}.outline{border-color:#79563c;color:#61452f}.light{background:#fff9ef;color:#59402e}
.value-strip{background:#eadbc6;border-color:#cdb99d;box-shadow:0 18px 35px rgba(91,62,39,.1)}
.value-strip>div{background:linear-gradient(145deg,#fbf5ea,#e7d7c0);border-color:rgba(166,133,94,.35)!important;box-shadow:7px 9px 20px rgba(91,62,39,.12),-3px -3px 10px rgba(255,255,255,.7)}
.value-strip span{background:#ded0bb;color:#684b35;box-shadow:inset 3px 3px 7px rgba(96,66,43,.14),inset -3px -3px 7px rgba(255,255,255,.6),0 5px 10px rgba(84,58,40,.13)}
.products{background-color:#fbf7ef;background-image:linear-gradient(90deg,rgba(153,112,70,.025) 1px,transparent 1px),linear-gradient(rgba(153,112,70,.025) 1px,transparent 1px);background-size:28px 28px}
.product-grid article,.product-grid article:nth-child(n){background:#efe2cf;border-color:rgba(145,109,73,.34);box-shadow:0 2px 3px rgba(74,51,33,.09),0 12px 22px rgba(74,51,33,.14),0 28px 52px rgba(74,51,33,.09)}
.product-grid article:hover,.product-grid article:nth-child(n):hover{box-shadow:0 4px 6px rgba(74,51,33,.09),0 20px 32px rgba(74,51,33,.18),0 38px 62px rgba(74,51,33,.13)}
.hangtag small{color:#8a603e}.hangtag h3,.product-grid article:nth-child(n) .hangtag h3{color:#3d352d}.hangtag b{color:#5d4a39;border-bottom-color:rgba(93,74,57,.45)}
.about{background-color:#eadfce;background-image:radial-gradient(circle at 12% 24%,rgba(255,255,255,.38),transparent 24%),linear-gradient(115deg,rgba(181,143,99,.08),transparent 45%);box-shadow:inset 0 18px 32px rgba(91,62,39,.05),inset 0 -18px 32px rgba(91,62,39,.07)}
.about-small{border-color:#eadfce}.about-collage p{color:#5b412f;background:rgba(247,237,222,.96);border-color:rgba(157,112,71,.7)}
.difference{background:linear-gradient(135deg,#493526 0%,#5e4430 48%,#35281f 100%);box-shadow:inset 0 22px 40px rgba(255,255,255,.035),inset 0 -24px 44px rgba(24,15,9,.28)}
.difference h2{color:#fff6e8}.difference .eyebrow{color:#d4aa79}.difference>div:first-child>p:last-child{color:#e7d8c4}
.policies{background:#f3e8d8;background-image:linear-gradient(180deg,rgba(255,255,255,.3),transparent)}
.policy-grid details{background:#fbf4e9;border-color:rgba(169,137,102,.48);border-left-color:#b78958;box-shadow:0 3px 5px rgba(80,56,37,.08),0 14px 28px rgba(80,56,37,.12),inset 0 1px 0 #fff}
.policy-grid summary{color:#4d3b2e}.policy-grid summary:after{color:#99683f}
.contact{background:#d8c5aa;box-shadow:inset 0 22px 38px rgba(255,255,255,.38),inset 0 -24px 42px rgba(86,58,36,.16)}
footer{background:#35281f;color:#d8c6ae;box-shadow:0 -12px 30px rgba(39,25,16,.22)}
@media(max-width:900px){.hero{background-image:linear-gradient(90deg,rgba(246,239,228,.97),rgba(239,225,205,.72) 58%,rgba(238,224,204,.13)),url('assets/hero-soaps-v2.png')}}
@media(max-width:560px){.hero{background-image:linear-gradient(180deg,rgba(246,239,228,.97) 0%,rgba(239,225,205,.84) 49%,rgba(238,224,204,.08) 72%),url('assets/hero-soaps-v2.png')}}

/* Rustic farmhouse character */
:root{--navy:#233c3e;--ink:#44382f;--blue:#cbd7d1;--mist:#e6ddd0;--cream:#f4ecdf;--gold:#9b6a3e}
body{background:#e9ddcb;color:#44382f}
.announcement{background:#3f332a;letter-spacing:.18em;border-bottom:2px solid #8a6a4c}
.site-header{background:#f5ecdd;border-bottom:1px solid #bca78c;box-shadow:0 8px 0 rgba(111,83,58,.08),0 14px 28px rgba(69,48,32,.12)}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:1px;background:rgba(137,104,72,.28)}
.nav{color:#493b30}.nav a{position:relative}.nav a:not(.shop-link):after{content:"";position:absolute;left:50%;right:50%;bottom:-4px;height:1px;background:#8a5f39;transition:left .2s ease,right .2s ease}.nav a:hover:after{left:0;right:0}
.hero{background-image:linear-gradient(90deg,rgba(243,234,219,.98) 0%,rgba(233,217,195,.88) 33%,rgba(216,196,169,.22) 60%,rgba(216,196,169,0) 100%),url('assets/hero-soaps-v2.png');border-bottom:10px solid #c6ad8d}
.hero-copy:before{content:"";display:block;width:72px;height:5px;margin-bottom:1.2rem;background:repeating-linear-gradient(90deg,#8a5d38 0 11px,transparent 11px 15px)}
.hero h1{color:#3e3a32}.hero h1 em{color:#825b3d}.hero-text{color:#51463c}
.hero .stamp{border:2px dashed #815a38;outline:1px solid rgba(129,90,56,.45);outline-offset:7px;background:rgba(245,235,219,.94);box-shadow:0 14px 30px rgba(73,50,33,.24),inset 0 0 0 4px rgba(255,255,255,.35)}
.primary{background:#4b3b30;border:1px solid #332820}.primary:hover{background:#332820}.outline{border:2px solid #755238;background:rgba(255,250,241,.35)}
.value-strip{background-color:#d7c3a7;background-image:repeating-linear-gradient(0deg,rgba(91,65,43,.035) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(255,255,255,.09) 0 1px,transparent 1px 5px);border-top:1px solid #bda383;border-bottom:1px solid #b69c7b}
.value-strip>div{background:#f2e7d6;border:1px solid #bfa889!important;border-radius:2px;box-shadow:5px 7px 0 rgba(101,76,52,.12),0 12px 22px rgba(77,55,36,.1)}
.value-strip span{background:#d6c3a8;border:1px solid #b99d7a;color:#5a412f;border-radius:50%}
.products{background-color:#f4ecdf;background-image:repeating-linear-gradient(0deg,transparent 0 74px,rgba(116,89,61,.08) 74px 76px,rgba(255,255,255,.42) 76px 78px)}
.section-heading{padding-bottom:1.4rem;border-bottom:1px solid #baa184}.section-heading h2{color:#40372f}.section-heading .eyebrow:after{content:"";display:inline-block;width:38px;height:1px;margin:0 0 .2rem .8rem;background:#9b6a3e}
.product-grid article,.product-grid article:nth-child(n){background:#fbf6ed;border:1px solid #bda78b;padding:.8rem .8rem 1.3rem;box-shadow:0 2px 1px rgba(255,255,255,.8),0 8px 0 rgba(102,78,55,.08),0 18px 30px rgba(72,50,33,.15)}
.product-grid article:hover,.product-grid article:nth-child(n):hover{box-shadow:0 2px 1px rgba(255,255,255,.8),0 11px 0 rgba(102,78,55,.09),0 28px 40px rgba(72,50,33,.2)}
.product-image{border:5px solid #e9dfd0;outline:1px solid #c5b092;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 8px 16px rgba(64,45,31,.17)}
.hangtag{border-top:1px solid rgba(151,117,82,.27)!important;margin-top:.9rem!important;padding-top:.8rem!important}.hangtag h3,.product-grid article:nth-child(n) .hangtag h3{color:#47392e}.hangtag b{color:#775338}
.about{background-color:#ded0bb;background-image:repeating-linear-gradient(90deg,rgba(105,78,52,.025) 0 2px,transparent 2px 7px),linear-gradient(115deg,rgba(255,255,255,.2),transparent 48%);border-top:8px solid #c5ae8f;border-bottom:8px solid #c5ae8f}
.about-large{border:9px solid #f4eadb;outline:1px solid #a88968;box-shadow:8px 10px 0 rgba(88,62,40,.11),0 28px 52px rgba(60,42,29,.2)}
.about-small{border:8px solid #f4eadb;outline:1px solid #a88968}.about-collage p{background:#efe1cc;border:1px dashed #8d6543;color:#5b3f2d;border-radius:1px}
.difference{background-color:#3e332a;background-image:linear-gradient(90deg,rgba(255,255,255,.025) 50%,transparent 50%),linear-gradient(rgba(255,255,255,.018) 50%,transparent 50%),linear-gradient(135deg,#514132,#332a23);background-size:7px 7px,7px 7px,auto;border-top:10px solid #a17b56;border-bottom:10px solid #a17b56}
.difference h2{color:#fff4e3}.difference .eyebrow{color:#d8ae7b}.soap-stack img{border:10px solid #f2e7d6;outline:1px solid #9f8264}
.policies{background-color:#eee2d1;background-image:repeating-linear-gradient(90deg,rgba(113,84,57,.022) 0 1px,transparent 1px 6px)}
.policy-grid details{background:#f8f0e4;border:1px solid #bda485;border-left:6px solid #7d5b3d;border-radius:1px;box-shadow:5px 6px 0 rgba(102,75,50,.1),0 16px 28px rgba(69,48,32,.12)}
.policy-grid summary{color:#49382b}.contact{background-color:#cbb698;background-image:repeating-linear-gradient(0deg,rgba(93,67,44,.028) 0 1px,transparent 1px 5px);border-top:1px solid #a98b69}
.contact h2{color:#43352a}.contact .button{border:1px solid #b39775}.contact-logo{filter:sepia(.15)}
footer{background:#302720;border-top:5px solid #8c6949}
@media(max-width:900px){.hero{background-image:linear-gradient(90deg,rgba(243,234,219,.98),rgba(233,217,195,.78) 58%,rgba(216,196,169,.14)),url('assets/hero-soaps-v2.png')}}
@media(max-width:560px){.hero{background-image:linear-gradient(180deg,rgba(243,234,219,.98) 0%,rgba(233,217,195,.88) 49%,rgba(216,196,169,.08) 72%),url('assets/hero-soaps-v2.png')}.product-image{border-width:4px}.about-large{border-width:6px}}

/* Farmers-market farmhouse materials */
.products{position:relative;background-color:#e7dccb;background-image:linear-gradient(rgba(248,241,230,.56),rgba(238,226,208,.5)),url('assets/weathered-market-stall-planks.png?v=1.6');background-size:auto,cover;background-position:center;background-attachment:fixed;border-top:12px solid #806044;border-bottom:12px solid #806044;box-shadow:inset 0 18px 28px rgba(67,46,30,.17),inset 0 -18px 28px rgba(67,46,30,.14)}
.products:before,.products:after{content:"";position:absolute;left:0;right:0;height:5px;background:linear-gradient(180deg,#b0b2ad,#e7e8e3 45%,#8f928e 48%,#c9cac5 72%,#747873);box-shadow:0 2px 5px rgba(43,46,45,.28)}.products:before{top:0}.products:after{bottom:0}
.products .section-heading{padding:1.6rem 1.8rem;background:rgba(248,241,229,.91);border:1px solid #9b8062;box-shadow:8px 10px 0 rgba(89,62,41,.13),0 20px 38px rgba(70,49,33,.15)}
.product-grid article,.product-grid article:nth-child(n){background:rgba(252,247,238,.96);border:1px solid #987c5d;box-shadow:0 3px 0 rgba(255,255,255,.85),0 10px 0 rgba(102,78,55,.13),0 24px 42px rgba(62,43,29,.22)}
.value-strip>div{background:linear-gradient(115deg,#9da09c 0%,#e1e3df 18%,#a8aaa7 37%,#f0f1ed 55%,#9a9d99 78%,#d8d9d5 100%);border:1px solid #777b78!important;color:#373a38;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(58,62,60,.24),5px 7px 0 rgba(76,60,45,.13),0 14px 24px rgba(61,48,37,.15)}
.value-strip>div:before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:#6f736f;box-shadow:inset 0 1px 1px #333,0 1px 1px #fff}
.value-strip span{background:linear-gradient(145deg,#eceee9,#a8aaa6);border-color:#777b78;color:#463a30;box-shadow:inset 2px 2px 5px #fff,inset -3px -3px 6px rgba(60,63,61,.28),0 5px 10px rgba(54,48,42,.17)}
.about{overflow:hidden;padding-bottom:10rem;background-color:#dccbb2;background-image:linear-gradient(90deg,rgba(224,208,184,.74),rgba(239,227,210,.62)),url('assets/weathered-market-stall-planks.png?v=1.6');background-size:auto,cover;background-position:center}
.about-copy{position:relative;z-index:2}.market-accent{position:absolute;z-index:1;right:-2.5%;bottom:-3%;width:min(39vw,530px);height:auto;pointer-events:none;filter:drop-shadow(0 18px 16px rgba(57,39,26,.24));opacity:.96}
.difference{position:relative;border-top:14px solid #8e6a49;border-bottom:14px solid #8e6a49;box-shadow:inset 0 6px 0 #baa17f,inset 0 -6px 0 #baa17f,inset 0 22px 40px rgba(255,255,255,.035),inset 0 -24px 44px rgba(24,15,9,.3)}
.difference:before{content:"";position:absolute;left:0;right:0;top:5px;height:4px;background:linear-gradient(180deg,#8f928e,#e1e2de 48%,#6e726f);opacity:.72}
.policy-grid details{position:relative;border-top:5px solid #a6aaa6;border-right-color:#929691;border-bottom-color:#777b77;box-shadow:inset 0 2px 0 rgba(255,255,255,.75),5px 7px 0 rgba(102,75,50,.1),0 18px 32px rgba(69,48,32,.15)}
.contact{background-image:linear-gradient(rgba(214,195,168,.66),rgba(194,169,136,.63)),url('assets/weathered-market-stall-planks.png?v=1.6');background-size:auto,cover;background-position:center;border-top:8px solid #8c6b4c}
@media(max-width:900px){.products{background-attachment:scroll}.market-accent{width:47vw;right:-8%;opacity:.7}.about{padding-bottom:8rem}}
@media(max-width:560px){.products{border-width:8px}.products .section-heading{padding:1.25rem}.value-strip>div:before{display:none}.about{padding-bottom:14rem}.market-accent{width:82vw;right:-18%;bottom:-2%;opacity:.58}}

/* Subtle mouse depth for hero bubbles */
.hero .bubble{--mouse-x:0px;--mouse-y:0px;translate:var(--mouse-x) var(--mouse-y);transition:translate .14s ease-out;will-change:translate,transform}
.hero:not(:hover) .bubble{transition-duration:.7s}
@media(prefers-reduced-motion:reduce){.hero .bubble{translate:0 0;transition:none}}

/* Keep incomplete favorites rows centered without stretching the cards. */
.product-grid{display:flex;flex-wrap:wrap;justify-content:center;--product-column-gap:1.7rem;column-gap:var(--product-column-gap)}
.product-grid>article{flex:0 0 calc((100% - 2 * var(--product-column-gap))/3);min-width:0}
@media(max-width:900px){.product-grid{--product-column-gap:1.5rem}.product-grid>article{flex-basis:calc((100% - var(--product-column-gap))/2)}}
@media(max-width:560px){.product-grid>article{flex-basis:100%}}

/* A clear invitation to follow, visible before the main navigation. */
.social-follow{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.1rem 5vw;background:#293f40;color:#fff8ee;border-bottom:4px solid #ad855d}
.social-follow-copy{display:flex;flex-direction:column;gap:.15rem}
.social-follow-copy strong{font-size:1.4rem;line-height:1.2;font-weight:900}
.social-follow-copy span{font-size:.95rem;color:#f0e3d1}
.social-follow-links{display:flex;gap:.7rem;flex-wrap:wrap}
.social-follow-links a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.1rem;border-radius:4px;font-size:1rem;font-weight:800;line-height:1.3;box-shadow:0 4px 10px #0002}
.follow-facebook{background:#fff8ee;color:#263d40;border:2px solid #fff8ee}
.follow-instagram{background:#293f40;color:#fff8ee;border:2px solid #dfc39f}
.social-follow-links a:hover{background:#e9cfac;color:#263d40}
.social-follow-links a:focus-visible{outline:3px solid #fff;outline-offset:4px}

/* Oak panels with dark, recessed wood-brand lettering. */
.value-strip>div{padding:1.6rem 1.25rem;min-height:140px;background-color:#c79a63;background-image:url('assets/oak-panel.png');background-size:cover;background-position:center;border:2px solid #84603c!important;border-radius:3px;box-shadow:inset 0 2px 2px #fce3b080,inset 0 -3px 5px #51301666,0 5px 0 #725036,0 13px 22px #3d302638;color:#3b2112}
.value-strip>div:nth-child(2){background-position:center 35%}.value-strip>div:nth-child(3){background-position:center 75%}
.value-strip>div:before{display:none}
.value-strip p{font-size:1rem;font-weight:800;line-height:1.5;color:#3b2112;text-shadow:0 1px 0 #f7d49a99,0 -1px 1px #29120777,0 0 2px #6b351e66;mix-blend-mode:multiply}
.value-strip strong{font-size:1.3rem;font-weight:900;letter-spacing:.035em;line-height:1.3;color:#321a0e;text-shadow:0 1px 0 #f7d49aaa,0 -1px 1px #24100699,0 0 3px #66321e88}
.value-strip span{flex-shrink:0;width:48px;height:48px;font-family:var(--sans);font-size:1.2rem;font-weight:900;color:#3b2112;background:transparent;border:2px solid #563019;border-radius:50%;box-shadow:inset 0 1px 2px #36180788,0 1px 1px #f0c88b99;text-shadow:0 1px 0 #f7d49a99,0 -1px 1px #29120788;mix-blend-mode:multiply}
@media(max-width:1100px){.social-follow{flex-direction:column;text-align:center}.value-strip strong{font-size:1.15rem}}
@media(max-width:900px){.value-strip>div{justify-content:flex-start;min-height:120px}.value-strip strong{font-size:1.35rem}}
@media(max-width:560px){.social-follow{padding:1.1rem 1.25rem}.social-follow-copy strong{font-size:1.3rem}.social-follow-links{width:100%;flex-direction:column}.social-follow-links a{width:100%}.value-strip>div{padding:1.3rem 1rem}}