@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600&display=swap');
:root{--ink:#171815;--gold:#c9b28c;--paper:#f5f3ed;--muted:#6f7066}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #b28a48;outline-offset:7px}header{height:98px;background:var(--ink);color:#f6f3e9;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid #ffffff1a}.brand{font-family:Georgia,serif;font-size:21px;letter-spacing:.15em;line-height:1.35;text-align:center;display:inline-block}.brand span{display:block;font-family:Manrope,Arial,sans-serif;font-size:11px;letter-spacing:.36em;margin-top:6px}nav{display:flex;gap:36px;font-size:14px}nav a{transition:color .2s}nav a:hover{color:var(--gold)}.header-link{font-size:13px;border-bottom:1px solid var(--gold);padding-bottom:5px}.hero{height:min(790px,85vh);min-height:580px;position:relative;overflow:hidden;background:#171815;color:white}.hero-image{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#10110feb 0%,#10110f82 42%,#10110f00 78%)}.hero-content{position:relative;padding:95px 8%;max-width:880px}.eyebrow{font-size:12px;letter-spacing:.23em;font-weight:500;margin:0 0 26px}.hero .eyebrow{color:var(--gold)}h1,h2,.closing>p:not(.eyebrow){font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.02;margin:0}h1{font-size:clamp(64px,7.6vw,116px);letter-spacing:-.03em}em{font-weight:400}h1 em{color:#d5be99}.hero-copy{color:#e3dfd6;line-height:1.8;margin:26px 0 34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 27px;background:#dfceb0;border:1px solid #dfceb0;color:#171815;font-size:14px;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#f2e5cf;transform:translateY(-2px)}.hero-bottom{position:absolute;bottom:26px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;border-top:1px solid #ffffff33;padding-top:19px;font-size:11px;letter-spacing:.13em;color:#d0cbc0}.intro{padding:110px 8%;display:grid;grid-template-columns:1fr 1.4fr;gap:20px 100px}.intro>.eyebrow{grid-column:1/-1;color:var(--muted);margin-bottom:5px}h2{font-size:clamp(43px,4.8vw,68px);letter-spacing:-.025em}.intro-copy{max-width:465px;color:#606157}.intro-copy p:first-child{margin-top:0}.small-signature{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:26px;color:#857454;display:block;margin-top:25px}.collection{padding:40px 5.5% 110px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:0 2.8% 45px;gap:30px}.section-heading .eyebrow{color:var(--muted);margin-bottom:18px}.section-heading>p{color:var(--muted);font-size:14px;margin:0}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product{display:block;border:0;text-align:left;padding:0;background:transparent;color:var(--ink);cursor:pointer}.product-art{height:360px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:25px 20px;position:relative;overflow:hidden;transition:transform .35s;outline:1px solid #ffffff24;outline-offset:-16px}.product:hover .product-art{transform:translateY(-5px)}.dark{background:#252722;color:#ddd1b5}.light{background:#e6e0d3;color:#565246;outline-color:#857e5b40}.amber{background:#76553d;color:#f5e6d1}.art-number{align-self:flex-start;font-size:12px;letter-spacing:.1em}.art-label{font-size:13px;letter-spacing:.4em;text-align:center;line-height:2.2}.art-label em{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(34px,3.4vw,51px);letter-spacing:-.02em;line-height:1.2}.art-foot{font-size:10px;letter-spacing:.17em}.product-heading{display:flex;justify-content:space-between;align-items:center;margin:23px 0 2px;font-family:'Cormorant Garamond',Georgia,serif;font-size:29px}.plus{font-family:Arial,sans-serif;font-size:23px;font-weight:400}.product-description{display:block;font-size:14px;color:var(--muted)}.discover{display:inline-block;font-size:12px;border-bottom:1px solid #aaa18e;padding-bottom:3px;margin-top:16px}.soap{display:grid;grid-template-columns:1.1fr 1fr;background:#e9e5dc}.soap-image{position:relative;min-height:550px;overflow:hidden}.soap-image img{width:100%;height:100%;object-fit:cover;object-position:80% center;position:absolute}.soap-image>span{position:absolute;bottom:20px;left:25px;right:25px;font-size:12px;color:#ddd5c7}.soap-copy{padding:90px 13%;align-self:center}.soap-copy h2{font-size:clamp(40px,4vw,58px)}.soap-copy>p:not(.eyebrow){color:#68675d;margin-top:25px}.soon{display:inline-block;border-top:1px solid #bcb7a8;margin-top:20px;padding-top:18px;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.information{padding:105px 8%;display:grid;grid-template-columns:1fr 1.2fr;gap:75px}.information h2{font-size:45px}.faq details{border-bottom:1px solid #d6d3c9}.faq summary{cursor:pointer;list-style:none;padding:22px 35px 22px 0;position:relative;font-size:15px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;font-size:23px;top:15px}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 22px}.closing{text-align:center;background:var(--ink);color:#e9e0ce;padding:80px 20px 90px}.closing .eyebrow{color:var(--gold)}.closing>p:not(.eyebrow){font-size:clamp(58px,7vw,88px)}.closing>a{display:inline-block;font-size:13px;border-bottom:1px solid #b5a283;margin-top:34px;padding-bottom:7px}footer{padding:38px 5.5%;display:flex;align-items:center;gap:28px;flex-wrap:wrap}footer .brand{font-size:16px}footer .brand span{font-size:9px}footer p,footer>a:last-child{font-size:12px;color:var(--muted)}footer .image-note{margin-left:auto;max-width:200px}dialog{background:var(--paper);color:var(--ink);border:0;padding:55px;width:min(590px,calc(100% - 32px));max-height:90vh}dialog::backdrop{background:#111b;backdrop-filter:blur(5px)}dialog h2{font-size:48px}dialog>p:not(.eyebrow){color:var(--muted)}.close{position:absolute;right:18px;top:10px;background:transparent;border:0;font-size:30px;cursor:pointer;width:40px;height:40px}.dialog-details{border-top:1px solid #ccc6b8;border-bottom:1px solid #ccc6b8;margin:25px 0;font-size:14px}.dialog-details p{display:flex;justify-content:space-between;gap:20px}.dialog-details span{color:var(--muted)}.dialog-note{font-size:13px}.dialog-return{margin-top:12px}
@media(min-width:1600px){main,header,footer{max-width:1800px;margin:auto}}@media(max-width:800px){header{height:85px}.header-link{display:none}nav{gap:18px;font-size:12px}.brand{font-size:17px}.brand span{font-size:10px}.hero-content{padding:85px 7%}.hero{min-height:600px;height:78vh}.hero-image{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#10110fe0,#10110f40)}.intro{padding:75px 7%;gap:30px;grid-template-columns:1fr}.intro-copy{max-width:none}.collection{padding-bottom:70px}.products{gap:14px}.product-art{height:280px}.product-heading{font-size:23px}.art-label em{font-size:30px}.soap{grid-template-columns:1fr}.soap-image{min-height:380px}.soap-copy{padding:55px 8%}.information{grid-template-columns:1fr;padding:70px 7%;gap:25px}footer .image-note{margin-left:0}.section-heading{margin-left:0;margin-right:0}.section-heading>p{max-width:180px}}
@media(max-width:520px){header{padding:0 6%}nav a:last-child{display:none}nav{gap:17px}.brand{font-size:14px}.brand span{font-size:9px}.hero-content{padding-top:80px}h1{font-size:65px}.hero-copy{font-size:15px}.hero-bottom span:nth-child(2){display:none}.hero-bottom{font-size:10px}.section-heading{display:block}.section-heading>p{margin-top:20px;max-width:none}.products{grid-template-columns:1fr;gap:36px}.product-art{height:350px}.art-label em{font-size:48px}.product-heading{font-size:30px}.collection{padding-left:7%;padding-right:7%}.soap-image{min-height:300px}.information h2{font-size:40px}.intro{padding-top:65px}.dialog-details p{display:block}.dialog-details span{display:block}dialog{padding:45px 25px 30px}footer{gap:15px 30px}footer p{width:100%;margin:0}footer .image-note{max-width:none}footer>a:last-child{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.packaging{padding:50px clamp(25px,5vw,70px) 28px;background:#dfe3d3;display:flex;flex-direction:column;align-items:center;justify-content:center}.packaging>a{display:block;width:min(100%,480px)}.packaging img{display:block;width:100%;height:auto;box-shadow:0 15px 35px #34432118}.packaging-controls{display:flex;gap:7px;margin-top:24px;background:#f5f3ed80;padding:5px;border:1px solid #7e886b40}.packaging-controls button{border:0;background:transparent;padding:10px 28px;font-size:14px;cursor:pointer;color:#4c533f}.packaging-controls button[aria-pressed=true]{background:#53603d;color:#fff}.packaging>p{font-size:12px;color:#525b43;text-align:center;margin:15px 0 0}.soap-spec{display:flex;align-items:center;gap:24px;margin-top:25px;color:#596246}.soap-spec span{font-size:12px;letter-spacing:.15em}.soap-spec strong{font-family:Georgia,serif;font-weight:400;font-size:25px}

.packaging-controls{flex-wrap:wrap;justify-content:center}.packaging-controls button{padding:10px 18px}

.packaging{background:#eeebe3;padding:38px clamp(20px,3vw,50px)}
.box-stage{width:100%;max-width:580px;perspective:1400px;touch-action:pan-y}
.packaging .box-mockup{display:block;width:100%;height:auto;box-shadow:none;animation:none;transform:translateX(var(--shift,0px)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .55s cubic-bezier(.2,.7,.2,1);transform-origin:50% 60%;border-radius:2px;}
@media(prefers-reduced-motion:reduce){.packaging .box-mockup{transform:none;transition:none}}