:root{--ink:#2b211e;--paper:#f8f4ed;--cream:#ece4d8;--rose:#b9786b;--clay:#c99075;--olive:#8a8061;--line:rgba(43,33,30,.18)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.announcement{height:34px;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.site-header{height:88px;padding:0 4.5vw;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(248,244,237,.96);position:relative;z-index:20}
.wordmark{display:inline-flex;align-items:center;width:158px;max-width:158px;min-width:0}
.wordmark img{display:block;width:100%;max-width:100%;height:auto}
.site-header nav{display:flex;justify-content:center;gap:38px;font-size:12px}
.site-header nav a,.header-cta{transition:opacity .2s}
.site-header nav a:hover,.header-cta:hover{opacity:.55}
.header-cta{text-align:right;text-transform:uppercase;font-size:10px;letter-spacing:.13em}
.header-cta span{font-size:16px;margin-left:9px}
.menu-toggle{display:none;background:none;border:0}
.hero{height:calc(100vh - 122px);min-height:650px;position:relative;overflow:hidden}
.hero-image{position:absolute;width:100%;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,244,237,.96) 0%,rgba(248,244,237,.64) 33%,rgba(248,244,237,0) 61%)}
.hero-copy{position:relative;padding:12vh 7vw;max-width:670px}
.eyebrow{font-size:10px;letter-spacing:.21em;text-transform:uppercase;font-weight:600}
.hero h1,.intro-title h2,.collection-head h2,.ritual h2,.standards h2,.newsletter h2{font:clamp(68px,8vw,132px)/.86 Italiana,serif;letter-spacing:-.04em;margin:27px 0}
.hero h1 em,h2 em,blockquote em{color:var(--rose);font-weight:400}
.hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;color:#6d625e;max-width:430px;margin-bottom:36px}
.button{display:inline-flex;align-items:center;gap:45px;padding:17px 20px;text-transform:uppercase;letter-spacing:.14em;font-size:10px}
.button.dark{background:var(--ink);color:white}
.button span{font-size:16px}
.hero-tag{position:absolute;bottom:24px;right:3vw;font:10px DM Sans;letter-spacing:.15em;text-transform:uppercase}
.trust-strip{min-height:68px;background:#6b4545;color:#f9eee8;display:flex;align-items:center;justify-content:center;gap:4vw;font:12px Italiana;letter-spacing:.12em;text-transform:uppercase}
.trust-strip i{font-style:normal;color:#d9a793}
.intro-section{padding:140px 6vw;display:grid;grid-template-columns:70px 1.2fr .8fr;gap:5vw;align-items:end}
.section-number{font:13px Italiana;border-top:1px solid var(--ink);padding-top:12px}
.intro-title h2,.collection-head h2,.ritual h2,.standards h2{font-size:clamp(55px,6vw,98px)}
.intro-copy{padding-bottom:12px}
.intro-copy>p:first-child{font:21px/1.65 Italiana;color:#584d49}
.fine-print{font-size:10px;line-height:1.6;color:#8a7e78}
.collection{background:#ede5da;padding:130px 5vw}
.collection-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:70px}
.collection-head>p{max-width:300px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#786c67}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:64px 22px}
.product-card{min-width:0}
.product-visual{aspect-ratio:1/1;position:relative;overflow:hidden;background:#d8c6b1}
.product-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.product-card:hover .product-visual img{transform:scale(1.025)}
.badge{position:absolute;z-index:2;top:18px;left:18px;padding:8px 10px;background:rgba(248,244,237,.86);backdrop-filter:blur(7px);font-size:8px;letter-spacing:.18em}
.product-info{padding:23px 5px}
.product-line{display:flex;justify-content:space-between;align-items:start}
.product-line h3{font:29px Italiana;margin:0}
.product-line strong{font:17px Italiana}
.product-info>p{font-size:13px;line-height:1.65;color:#766b66;max-width:530px}
.meta{display:flex;gap:10px;margin:18px 0}
.meta span{border:1px solid var(--line);padding:7px 10px;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.quick-view{width:100%;border:0;border-top:1px solid var(--line);background:none;padding:15px 0;display:flex;justify-content:space-between;text-transform:uppercase;font-size:9px;letter-spacing:.14em;cursor:pointer;text-align:left}
.quick-view span{font-size:17px}
.feature-card{grid-column:2/-1;display:grid;grid-template-columns:1.15fr .85fr;background:#f7f0e8}
.feature-card .product-visual{aspect-ratio:auto;min-height:560px}
.feature-card .product-info{padding:9%;align-self:center}
.ritual{display:grid;grid-template-columns:1fr 1fr;min-height:820px}
.ritual-image{background:#5f3d3d;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.clay-orb{width:55%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 25%,#d9a28c,#955b58 70%);box-shadow:0 20px 80px rgba(0,0,0,.2)}
.ritual-image>span{position:absolute;left:25px;color:#f7e6dc;font:10px Italiana;letter-spacing:.22em;transform:rotate(-90deg)}
.ritual-copy{padding:100px 8vw;align-self:center}
.ritual-copy ol{list-style:none;padding:0;margin-top:50px}
.ritual-copy li{display:grid;grid-template-columns:45px 1fr;border-top:1px solid var(--line);padding:22px 0}
.ritual-copy li>span{font:12px Italiana;color:var(--rose)}
.ritual-copy li p{margin:0;font-size:13px;line-height:1.6}
.ritual-copy li b{font:17px Italiana;font-weight:400}
.standards{background:var(--ink);color:#f5ede7;padding:130px 6vw;display:grid;grid-template-columns:70px 1fr;gap:5vw}
.standards-head h2{margin-bottom:70px}
.standards-grid{grid-column:2;display:grid;grid-template-columns:repeat(2,1fr);gap:0 50px}
.standards-grid article{border-top:1px solid rgba(255,255,255,.18);padding:30px 0 45px;display:grid;grid-template-columns:40px 1fr}
.standards-grid article>span{font:12px Italiana;color:#cb8f80}
.standards-grid h3,.standards-grid p{grid-column:2;margin:0}
.standards-grid h3{font:25px Italiana;margin-bottom:10px}
.standards-grid p{font-size:12px;line-height:1.7;color:#bfb3ac}
.origin-quote{text-align:center;padding:150px 20px}
.origin-quote blockquote{font:clamp(52px,6.5vw,104px)/.95 Italiana;margin:35px 0}
.newsletter{text-align:center;background:#cb9074;padding:130px 20px}
.newsletter h2{font-size:clamp(63px,7vw,110px)}
.newsletter h2 em{color:#f6e8df}
.newsletter>p:not(.eyebrow):not(.form-note){max-width:450px;margin:0 auto 35px;line-height:1.6}
.newsletter form{max-width:560px;margin:auto;display:flex;border-bottom:1px solid var(--ink)}
.newsletter input{flex:1;background:none;border:0;outline:0;padding:16px 4px;font:14px DM Sans}
.newsletter button{border:0;background:none;text-transform:uppercase;letter-spacing:.14em;font-size:9px;cursor:pointer}
.form-note{font-size:11px;min-height:20px}
footer{padding:70px 5vw 30px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:30px}
footer>p{text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.13em}
footer>div{text-align:right;display:flex;flex-direction:column;gap:9px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
footer>small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:9px;color:#827670}
footer .wordmark{width:190px}
.product-dialog{width:min(680px,90vw);border:0;padding:55px;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.28)}
.product-dialog::backdrop{background:rgba(35,25,22,.72)}
.dialog-close{position:absolute;right:20px;top:16px;border:0;background:none;font-size:28px;cursor:pointer}
.product-dialog h2{font:48px Italiana;margin:15px 0}
.dialog-description{line-height:1.7;color:#6d625e}
.dialog-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:35px;border-top:1px solid var(--line);padding-top:25px}
.dialog-columns h3{font:22px Italiana;margin:0 0 8px}
.dialog-columns p{font-size:12px;line-height:1.7}
.dialog-note{font-size:9px;line-height:1.5;background:#eee5da;padding:13px;margin-top:25px}
.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}
.reveal.visible{opacity:1;transform:none}

@media(max-width:850px){.site-header{height:72px;grid-template-columns:1fr auto}
.site-header nav,.header-cta{display:none}
.menu-toggle{display:block;width:34px}
.menu-toggle i{display:block;border-top:1px solid;margin:7px 0}
.site-header.open nav{display:flex;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:35px;flex-direction:column;border-bottom:1px solid var(--line)}
.hero{height:760px}
.hero-image{object-position:35% center}
.hero-shade{background:linear-gradient(90deg,rgba(248,244,237,.98),rgba(248,244,237,.76) 70%,rgba(248,244,237,.22))}
.hero-copy{padding:100px 7vw}
.hero h1{font-size:20vw}
.trust-strip{justify-content:flex-start;overflow:hidden;padding-left:25px;width:100%;white-space:nowrap}
.intro-section{grid-template-columns:1fr;padding:90px 7vw}
.section-number{width:50px}
.collection{padding:90px 6vw}
.collection-head{display:block}
.product-grid{grid-template-columns:1fr}
.product-visual{height:auto}
.feature-card{grid-column:auto;display:block}
.feature-card .product-visual{aspect-ratio:1/1;min-height:0}
.ritual{grid-template-columns:1fr}
.ritual-image{min-height:600px}
.standards{grid-template-columns:1fr;padding:90px 7vw}
.standards-grid{grid-column:1}
.standards-grid{grid-template-columns:1fr}
.dialog-columns{grid-template-columns:1fr}
footer{grid-template-columns:1fr;text-align:center}
footer>p,footer>div{text-align:center;align-items:center}
}

@media(max-width:520px){.hero{height:680px}
.hero-copy{padding-top:80px}
.hero-copy>p:not(.eyebrow){max-width:300px}
.product-visual{height:auto}
.product-line h3{font-size:24px}
.intro-title h2,.collection-head h2,.ritual h2,.standards h2{font-size:15vw}
.standards-grid article{grid-template-columns:30px 1fr}
.product-dialog{padding:45px 25px}
.product-dialog h2{font-size:38px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.reveal{opacity:1;transform:none;transition:none}
}