:root{color-scheme:light dark;--cream: light-dark(#faf5ea, #1f1a14);--paper: light-dark(#f3ecdc, #29221a);--ink: light-dark(#3a2418, #f1e8d6);--olive: light-dark(#556032, #a9b87a);--line: light-dark(#d9cfb6, #4a3f30);--band: light-dark(#556032, #3d4624);--band-ink: light-dark(#faf5ea, #faf5ea);--warn: light-dark(#8a4b1c, #e0a574)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root{--serif: "Marcellus", "Cormorant Garamond", Georgia, serif;--body: "Jost", "Helvetica Neue", Arial, sans-serif;--script: "Cormorant Garamond", Georgia, serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}*,*:before,*:after{box-sizing:inherit}[hidden]{display:none!important}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.65}a{color:var(--olive)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--olive);outline-offset:3px}.wrap{max-width:62rem;margin:0 auto;padding:0 1.5rem}header.top{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;gap:1rem;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--serif);font-size:1.15rem;letter-spacing:.14em;text-decoration:none;color:var(--ink)}.brand .leaf{width:1.9rem;height:1.9rem;color:var(--olive);flex:none}header.top nav{display:flex;gap:1.5rem;font-size:.95rem;flex-wrap:wrap;align-items:center}header.top nav a{color:var(--ink);text-decoration:none;padding:.15rem 0;border-bottom:1.5px solid transparent}header.top nav a:hover{color:var(--olive)}header.top nav a[aria-current=page]{border-bottom-color:var(--olive);color:var(--olive)}footer{border-top:1px solid var(--line);padding:2.5rem 0;text-align:center;font-size:.9rem}footer .mark{display:block;width:9.5rem;margin:0 auto .75rem;color:var(--ink)}footer .mark .logo{display:block;width:100%;height:auto}footer nav{display:flex;gap:1.25rem;justify-content:center;margin:.75rem 0}footer nav a{color:var(--ink)}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:.04em;margin:0}h1{font-size:clamp(2rem,6vw,3rem);line-height:1.1}h2{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:.5rem}.btn{display:inline-block;padding:.75rem 1.75rem;border:1.5px solid var(--olive);color:var(--olive);text-decoration:none;border-radius:999px;transition:background .2s,color .2s;background:transparent;font:inherit;font-weight:500;cursor:pointer}.btn:hover{background:var(--olive);color:var(--cream)}.btn.small{padding:.45rem 1.1rem;font-size:.95rem}.btn[aria-disabled=true],.btn:disabled{opacity:.45;pointer-events:none}.leaf{color:var(--olive)}.hero{display:grid;place-items:center;padding:2rem 0 3.5rem;text-align:center}.hero-logo{margin:0;color:var(--ink)}.hero-logo .logo{display:block;width:min(26rem,80vw);height:auto}.hero .tag{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;margin:1.25rem 0 0}.hero .lede{max-width:34rem;margin:2.25rem auto 1.5rem;font-family:var(--script);font-size:1.5rem;line-height:1.5}.home-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.home-links a{padding:2.25rem 1.5rem;text-decoration:none;color:var(--ink);border-right:1px solid var(--line)}.home-links a:last-child{border-right:0}.home-links a:hover{background:var(--paper)}.home-links strong{display:block;font-family:var(--serif);font-weight:400;font-size:1.3rem;margin-bottom:.25rem}@media(max-width:40rem){.home-links{grid-template-columns:1fr}.home-links a{border-right:0;border-bottom:1px solid var(--line)}}.page-head{padding:2.5rem 0 2rem}.page-head p{margin:.75rem 0 0;max-width:34rem}.rule{width:3.5rem;height:2px;background:var(--olive);margin:1.1rem 0 0;border:0}.cats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.cats a{padding:.35rem 1rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-size:.95rem}.cats a:hover{border-color:var(--olive);color:var(--olive)}.cats a[aria-current=page]{background:var(--olive);border-color:var(--olive);color:var(--cream)}.tags{display:flex;flex-wrap:wrap;gap:.25rem .9rem;margin:-.2rem 0 .6rem;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}.tags a{color:var(--olive);text-decoration:none}.tags a:hover{text-decoration:underline}.tags span{color:var(--warn)}.soap-empty{padding:2rem 0;border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:11rem 1fr;gap:2rem;padding:2rem 0;border-top:1px solid var(--line)}@media(max-width:36rem){.row{grid-template-columns:1fr;gap:1rem}}.photo{aspect-ratio:1;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.photo{position:relative}.photo .leaf{width:40%;height:auto;opacity:.45;color:var(--olive)}.photo .track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.photo .track::-webkit-scrollbar{display:none}.photo img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start}.photo .nav{position:absolute;top:50%;transform:translateY(-50%);width:2.2rem;height:2.2rem;border-radius:50%;border:0;background:#faf5ead9;color:#3a2418;font-size:1.6rem;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 .15rem}.photo .nav:hover{background:#faf5ea}.photo .prev{left:.4rem}.photo .next{right:.4rem}.photo .count{position:absolute;bottom:.4rem;right:.5rem;font-size:.75rem;background:#1e140c99;color:#faf5ea;padding:.05rem .45rem;border-radius:999px}@media(prefers-reduced-motion:reduce){.photo .track{scroll-behavior:auto}}.row h2,.row h3{font-family:var(--script);font-style:italic;font-weight:500;font-size:1.9rem;letter-spacing:0;margin:0}.facts{display:flex;flex-wrap:wrap;gap:.25rem 1rem;align-items:center;margin:.25rem 0 .6rem;font-size:.95rem}.price{font-weight:500}.badge{font-size:.85rem;padding:.05rem .6rem;border:1px solid var(--olive);border-radius:999px;color:var(--olive)}.badge.low{border-color:var(--warn);color:var(--warn)}.badge.out{border-color:var(--line);color:var(--ink);opacity:.7}.row p{margin:0 0 .75rem}details{font-size:.95rem;margin-bottom:1rem}summary{cursor:pointer;color:var(--olive)}details p{margin:.4rem 0 0}.bundles{background:var(--paper);border-top:1px solid var(--line);margin-top:2rem;padding:3rem 0}.bundles .soap-list{margin-top:1.25rem}.bundle .save{color:var(--olive);font-weight:500;margin:-.2rem 0 .5rem}.muted{opacity:.85;font-size:.95rem}.about-bg{background:var(--paper);min-height:60vh;border-top:1px solid var(--line)}.pull{font-family:var(--script);font-style:italic;font-size:clamp(1.6rem,4.5vw,2.4rem);line-height:1.3;max-width:40rem;margin:0 0 3rem;padding-left:1.25rem;border-left:3px solid var(--olive)}.cols{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding-bottom:4rem}@media(max-width:44rem){.cols{grid-template-columns:1fr;gap:1.5rem}}.cols h2{font-size:1.4rem}.order-band{background:var(--band);color:var(--band-ink);padding:3rem 0 3.5rem}.order-band a{color:var(--band-ink)}.order-band h1{margin-bottom:.75rem}.steps{list-style:none;margin:2rem 0 0;padding:0;counter-reset:s;max-width:36rem}.steps li{counter-increment:s;padding-left:2.75rem;position:relative;margin-bottom:1.25rem}.steps li:before{content:counter(s);position:absolute;left:0;top:.05rem;width:1.8rem;height:1.8rem;border:1px solid var(--band-ink);border-radius:50%;display:grid;place-items:center;font-size:.9rem}.info{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:2rem;padding:3rem 0}.info h2{font-size:1.3rem}.emailbtn{display:inline-block;margin-top:1rem;padding:.75rem 1.75rem;border-radius:999px;background:var(--band-ink);color:var(--band)!important;text-decoration:none;font-weight:500}.contact-sec{padding:0 0 4rem;max-width:36rem}.contact label{display:block;margin-bottom:1.1rem;font-size:.95rem}.contact input,.contact select,.contact textarea{display:block;width:100%;margin-top:.3rem;padding:.65rem .75rem;font:inherit;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:4px}.contact input:focus-visible,.contact select:focus-visible,.contact textarea:focus-visible{outline:2px solid var(--olive);outline-offset:1px}.contact .count{display:block;text-align:right;font-size:.85rem;opacity:.75;margin-top:.25rem}.contact .trap{position:absolute;left:-9999px}.form-msg{margin:1rem 0 0;min-height:1.5em}#cart-open{white-space:nowrap}dialog#cart{background:var(--cream);color:var(--ink);border:1px solid var(--olive);padding:1.5rem;width:min(34rem,92vw);max-height:88vh;overflow:auto;border-radius:6px}dialog#cart::backdrop{background:#1e140c8c}.cart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cart-head h2{margin:0}.x{background:none;border:0;font-size:1.8rem;line-height:1;color:var(--ink);cursor:pointer;padding:.25rem .5rem}.line{display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;padding:.9rem 0;border-top:1px solid var(--line)}.line .nm{font-family:var(--script);font-style:italic;font-weight:500;font-size:1.3rem;line-height:1.2}.line .sub{font-size:.9rem;opacity:.8}.line .amt{text-align:right;font-weight:500}.qty{display:inline-flex;align-items:center;gap:.5rem;margin-top:.35rem}.qty button:not(.linkbtn){width:2rem;height:2rem;border-radius:50%;border:1px solid var(--olive);background:transparent;color:var(--olive);font-size:1.1rem;cursor:pointer;line-height:1}.qty button:not(.linkbtn):hover:not(:disabled){background:var(--olive);color:var(--cream)}.qty button:disabled{opacity:.4;cursor:default}.linkbtn{background:none;border:0;color:var(--olive);text-decoration:underline;cursor:pointer;font:inherit;font-size:.9rem;padding:0}.total{display:flex;justify-content:space-between;border-top:1px solid var(--olive);padding:.9rem 0;font-weight:500}.cart-actions{display:flex;gap:.75rem;flex-wrap:wrap}@media(prefers-reduced-motion:reduce){.btn{transition:none}}dialog#notice{background:var(--cream);color:var(--ink);border:1px solid var(--olive);padding:1.75rem;width:min(30rem,92vw);border-radius:6px}dialog#notice::backdrop{background:#1e140c8c}dialog#notice h2{margin-bottom:.75rem}dialog#notice p{margin:0 0 1rem}.skip{position:absolute;left:.75rem;top:-3rem;z-index:10;background:var(--olive);color:var(--cream);padding:.5rem 1rem;border-radius:4px}.skip:focus{top:.75rem}.banner{background:var(--band);color:var(--band-ink);text-align:center;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;padding:.55rem 1rem}.banner p{margin:0}.banner a{color:var(--band-ink);font-weight:500;margin-left:.35rem}dialog#popup{background:var(--cream);color:var(--ink);border:1px solid var(--olive);padding:1.75rem;width:min(30rem,92vw);border-radius:6px}dialog#popup::backdrop{background:#1e140c8c}dialog#popup h2{margin-bottom:.75rem}dialog#popup p{margin:0 0 1.25rem}.cart-hint{font-size:.9rem;opacity:.8;margin:.5rem 0 0}.theme-toggle{width:2.4rem;height:2.4rem;border-radius:50%;border:1.5px solid var(--olive);background:transparent;color:var(--olive);cursor:pointer;display:grid;place-items:center;padding:0}.theme-toggle:hover{background:var(--olive);color:var(--cream)}.theme-toggle svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-toggle[data-mode=dark] .i-moon,.theme-toggle:not([data-mode=dark]) .i-sun{display:none}.social{list-style:none;display:flex;justify-content:center;gap:1rem;margin:1rem 0;padding:0}.social a{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;color:var(--ink)}.social a:hover{color:var(--olive)}.social svg{width:1.3rem;height:1.3rem;fill:currentColor}.legal{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.8rem;opacity:.85;display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem 1.25rem}.legal nav{display:flex;gap:1rem;margin:0}.about-photo{display:block;width:100%;height:auto;margin-top:2rem;border:1px solid var(--line);border-radius:4px}.place{margin:0 0 1rem}.place span{font-size:.95rem;opacity:.85}.prose{max-width:44rem;padding-bottom:4rem}.prose h2{font-size:1.4rem;margin:2rem 0 .5rem}.prose ul{padding-left:1.25rem}.prose li{margin-bottom:.4rem}.swatch-modes{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding-bottom:4rem}@media(max-width:48rem){.swatch-modes{grid-template-columns:1fr}}.swatch-panel{padding:1.25rem;border:1px solid var(--line);border-radius:6px;background:var(--cream);color:var(--ink)}.swatch-panel.light{color-scheme:light}.swatch-panel.dark{color-scheme:dark}.swatch-panel h2{font-size:1.4rem}.swatch-panel h3{font-family:var(--serif);font-weight:400;margin:1.25rem 0 .5rem}.swatches{list-style:none;padding:0;margin:0}.swatches li{display:grid;grid-template-columns:2rem 6.5rem 1fr;gap:.6rem;align-items:center;font-size:.85rem;padding:.3rem 0}.chip{width:2rem;height:2rem;border-radius:4px;border:1px solid var(--line)}.sample-paper{background:var(--paper);padding:.6rem .8rem;margin:.5rem 0}.sample-band{background:var(--band);color:var(--band-ink);padding:.6rem .8rem}.sample-band a{color:var(--band-ink)}.contrast{list-style:none;padding:0;margin:0;font-size:.85rem}.contrast li{display:grid;grid-template-columns:8.5rem 1fr;gap:.6rem;padding:.2rem 0}.contrast .score{font-weight:500}.contrast .score.ok{color:var(--olive)}.contrast .score.bad{color:var(--warn)}.contrast .score.bad:before{content:"✗ "}.contrast .score.ok:before{content:"✓ "}