.menu-button{display:none;background:transparent;border:1px solid var(--ink);padding:8px 11px;color:var(--ink)}
.hero{min-height:calc(100svh - 72px);min-height:calc(100dvh - 72px)}.hero h1,.builder h2,.formula h2,.products h2,.guide h2,.contact h2{font-size:clamp(3.5rem,7vw,6rem)}
.position h2,.day-night h2,.inci h2,.textures h2,.layering h2,.patch-test h2,.expectations h2,.shelf h2,.questions h2{margin:0;font:400 clamp(3.4rem,6.5vw,6rem)/.9 'Instrument Serif';letter-spacing:-.02em}

.position{display:grid;grid-template-columns:.32fr 1.2fr .48fr;gap:5vw;align-items:start;padding:clamp(90px,10vw,150px) clamp(20px,5vw,72px);background:var(--clay);color:#241d19}.position>p{margin:0;font-size:11px;letter-spacing:.1em}.position>div{align-self:end}.position>div p{margin:0 0 36px}.position>div span{display:block;padding-top:12px;border-top:1px solid;font-size:11px;text-transform:uppercase}

.day-night{padding:clamp(80px,9vw,135px) clamp(20px,5vw,72px);background:#e7dfcf}.day-night-title{display:grid;grid-template-columns:1fr .45fr;gap:8vw;align-items:end;margin-bottom:55px}.day-night-title p{max-width:50ch;margin:0}.routine-spread{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}.routine-spread article{padding:32px 30px;border-right:1px solid var(--ink)}.routine-spread article:last-child{border:0;background:var(--ink);color:var(--paper)}.routine-spread span,.routine-spread small{font-size:10px;letter-spacing:.08em}.routine-spread h3{margin:52px 0 24px;font:400 clamp(2rem,3.5vw,3.8rem)/.95 'Instrument Serif'}.routine-spread ol{padding-left:20px}.routine-spread li{margin:10px 0}.routine-spread small{display:block;margin-top:38px;max-width:48ch}

.inci{display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw;padding:clamp(90px,10vw,150px) clamp(20px,5vw,72px);background:var(--plum);color:white}.inci>div:first-child p{max-width:48ch;color:#eedee5}.inci-sheet{align-self:end;padding:clamp(24px,4vw,48px);background:var(--paper);color:var(--ink)}.inci-sheet>p{font:400 clamp(1.8rem,3.2vw,3.2rem)/1.25 'Instrument Serif'}.inci-sheet mark{background:#d1dfd1;color:inherit}.inci-sheet dl{display:grid;grid-template-columns:repeat(3,1fr);margin:45px 0 25px;border-top:1px solid var(--line)}.inci-sheet dl div{padding:18px;border-right:1px solid var(--line)}.inci-sheet dl div:last-child{border:0}.inci-sheet dt{font-size:10px;color:var(--clay)}.inci-sheet dd{margin:9px 0 0}.inci-sheet small{font-size:10px;color:#6b6a64}

.textures{padding:clamp(90px,10vw,150px) clamp(20px,5vw,72px);background:var(--paper)}.textures-copy{display:grid;grid-template-columns:1fr .5fr;gap:8vw;align-items:end;margin-bottom:55px}.textures-copy p{max-width:52ch;margin:0}.texture-strip{display:grid;grid-template-columns:.8fr 1.2fr .9fr;align-items:stretch}.texture-strip figure{margin:0;min-width:0}.texture-strip figure:nth-child(2){margin-top:55px}.texture-strip img{width:100%;height:clamp(330px,42vw,620px);object-fit:cover}.texture-strip figcaption{display:grid;gap:4px;padding:12px 4px}.texture-strip figcaption span{font-size:11px;color:#5f625d}

.layering{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;padding:clamp(90px,10vw,150px) clamp(20px,5vw,72px);background:var(--green);color:white}.layering>div:first-child p{max-width:48ch;color:#dce7df}.layer-path{border-top:1px solid #8cab97}.layer-path article{display:grid;grid-template-columns:.2fr .5fr 1fr;gap:20px;align-items:baseline;padding:23px 0;border-bottom:1px solid #8cab97}.layer-path span{font-size:10px;color:#d7a48f}.layer-path h3{margin:0;font:400 clamp(1.7rem,3vw,3rem)/1 'Instrument Serif'}.layer-path p{margin:0;color:#dce7df}

.patch-test{padding:clamp(90px,10vw,150px) clamp(20px,5vw,72px);background:#d9c9ba}.patch-test>div{display:grid;grid-template-columns:1fr .5fr;gap:8vw;align-items:end;margin-bottom:55px}.patch-test>div p{max-width:54ch;margin:0}.patch-test>ol{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;border-top:1px solid}.patch-test li{display:grid;min-height:250px;padding:24px;border-right:1px solid}.patch-test li:last-child{border:0;background:var(--clay)}.patch-test span{font-size:10px;letter-spacing:.08em}.patch-test strong{align-self:center;font:400 clamp(1.6rem,2.7vw,2.8rem)/1 'Instrument Serif'}.patch-test p{align-self:end;margin:0}

.expectations{display:grid;grid-template-columns:.75fr 1.25fr;background:var(--ink);color:white}.expectations-title{display:flex;align-items:center;padding:clamp(80px,10vw,150px) clamp(20px,5vw,72px);background:var(--clay);color:#251d19}.expectation-ledger{padding:clamp(80px,10vw,150px) clamp(20px,5vw,72px)}.expectation-ledger article{display:grid;grid-template-columns:.28fr .72fr 1fr;gap:22px;align-items:baseline;padding:26px 0;border-bottom:1px solid #58625b}.expectation-ledger span{font-size:10px;color:#d39a86}.expectation-ledger strong{font:400 1.45rem/1 'Instrument Serif'}.expectation-ledger p{margin:0;color:#d5ddd7}

.shelf{display:grid;grid-template-columns:1.05fr .95fr;min-height:85svh;background:var(--paper)}.shelf figure{margin:0;min-width:0}.shelf img{width:100%;height:100%;object-fit:cover}.shelf>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(70px,9vw,130px) clamp(20px,6vw,85px)}.shelf>div p{max-width:52ch}.shelf ul{margin:35px 0 0;padding:18px 0 0;list-style:none;border-top:1px solid}.shelf li{padding:10px 0;border-bottom:1px solid var(--line)}

.questions{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;padding:clamp(90px,10vw,150px) clamp(20px,5vw,72px);background:#e6dfd2}.questions>div:first-child p{max-width:48ch}.question-list{border-top:1px solid}.question-list details{border-bottom:1px solid}.question-list summary{position:relative;padding:22px 45px 22px 0;cursor:pointer;list-style:none;font:400 clamp(1.45rem,2.5vw,2.6rem)/1 'Instrument Serif'}.question-list summary::after{content:'+';position:absolute;right:8px;color:var(--clay)}.question-list details[open] summary::after{content:'–'}.question-list p{max-width:66ch;margin:0;padding:0 45px 24px 0}
.products .product-shot{object-fit:cover}.products .product-one{object-position:left center}.products .product-two{object-position:center}.products .product-three{object-position:right center}
.texture-strip .texture-serum{object-position:center}

@media(max-width:900px){.position,.day-night-title,.inci,.textures-copy,.layering,.patch-test>div,.questions{grid-template-columns:1fr}.position{gap:42px}.routine-spread{grid-template-columns:1fr}.routine-spread article{border-right:0;border-bottom:1px solid}.inci-sheet dl{grid-template-columns:1fr}.inci-sheet dl div{border-right:0;border-bottom:1px solid var(--line)}.patch-test>ol{grid-template-columns:1fr 1fr}.patch-test li:nth-child(2){border-right:0}.expectations,.shelf{grid-template-columns:1fr}.shelf figure{min-height:65svh}}
@media(max-width:600px){.menu-button{display:block;margin-left:auto}.menu-button+nav{position:absolute;left:0;right:0;top:71px;display:none;flex-direction:column;gap:0;background:var(--paper);border-bottom:1px solid var(--line)}.menu-button+nav.open{display:flex}.menu-button+nav a{padding:14px 18px;border-top:1px solid var(--line)}.position h2,.day-night h2,.inci h2,.textures h2,.layering h2,.patch-test h2,.expectations h2,.shelf h2,.questions h2{font-size:clamp(3rem,14vw,4.7rem)}.position,.day-night,.inci,.textures,.layering,.patch-test,.questions{padding-inline:18px}.position{grid-template-columns:minmax(0,1fr)}.routine-spread{grid-template-columns:1fr}.texture-strip{grid-template-columns:1fr}.texture-strip figure:nth-child(2){margin-top:0}.texture-strip img{height:58svh}.layer-path article,.expectation-ledger article{grid-template-columns:1fr;gap:8px}.patch-test>ol{grid-template-columns:1fr}.patch-test li{min-height:190px;border-right:0;border-bottom:1px solid}.shelf>div,.expectations-title,.expectation-ledger{padding-inline:18px}.question-list summary{overflow-wrap:anywhere}}

/* The bar was translucent enough that page text read through the wordmark
   while scrolling. Solid background so content passes cleanly behind it. */
body header,body header[class]{background-color:rgb(242,238,227)}