:root{--ink:#201813;--night:#17110e;--brown:#4a3025;--clay:#9f5f3d;--ochre:#c49355;--cream:#f2e7d2;--paper:#e6d5b8;--sage:#6c745b;--line:rgba(61,43,32,.25);--sans:'Montserrat',sans-serif;--serif:'Cormorant Garamond',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit}button,input{font:inherit}.guide-nav{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.15rem clamp(1.2rem,4vw,4.5rem);background:var(--night);color:var(--cream);border-bottom:1px solid rgba(242,231,210,.16)}.guide-nav__brand{font:600 1.55rem var(--serif);text-decoration:none;letter-spacing:.02em}.guide-nav__links{display:flex;align-items:center;gap:1.3rem}.guide-nav__links a{position:relative;text-decoration:none;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.guide-nav__links a::after{content:"";position:absolute;left:0;right:100%;bottom:-.35rem;height:1px;background:var(--ochre);transition:right .25s ease}.guide-nav__links a:hover::after,.guide-nav__links a:focus-visible::after,.guide-nav__links a.is-active::after{right:0}.guide-hero{min-height:650px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;gap:4rem;padding:clamp(4rem,9vw,8rem) clamp(1.2rem,8vw,9rem);overflow:hidden;background:var(--night);color:var(--cream);position:relative}.guide-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,rgba(159,95,61,.2),transparent 31%),repeating-linear-gradient(116deg,transparent 0 44px,rgba(255,255,255,.015) 45px 46px)}.guide-hero__copy,.guide-hero__sigil{position:relative;z-index:1}.eyebrow{margin:0 0 .9rem;color:var(--clay);font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.guide-hero .eyebrow{color:#d19a72}.guide-hero h1{max-width:760px;margin:0;font:600 clamp(4.4rem,9vw,8.6rem)/.78 var(--serif);letter-spacing:-.055em}.guide-hero h1 em{font-weight:500;color:var(--ochre)}.hero-lede{max-width:670px;margin:2.1rem 0 0;color:#d4c2ae;font:500 clamp(1.1rem,2vw,1.35rem)/1.7 var(--serif)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.15rem;border:1px solid transparent;text-decoration:none;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:transform .2s ease,background .2s ease,color .2s ease}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button--light{background:var(--cream);color:var(--night)}.button--line{border-color:rgba(242,231,210,.45);color:var(--cream)}.button--dark{background:var(--night);color:var(--cream)}.guide-hero__sigil{width:min(34vw,430px);aspect-ratio:1;margin:auto;border:1px solid rgba(242,231,210,.13);border-radius:50%;display:grid;place-items:center;animation:arrive 1s ease both}.guide-hero__sigil::before,.guide-hero__sigil::after{content:"";position:absolute;background:rgba(242,231,210,.18)}.guide-hero__sigil::before{width:1px;height:120%}.guide-hero__sigil::after{height:1px;width:120%}.sigil-ring{position:absolute;border:1px solid rgba(196,147,85,.5);border-radius:50%}.sigil-ring--outer{inset:8%;animation:turn 35s linear infinite}.sigil-ring--outer::before,.sigil-ring--outer::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--ochre);top:50%;transform:translateY(-50%)}.sigil-ring--outer::before{left:-5px}.sigil-ring--outer::after{right:-5px}.sigil-ring--inner{inset:27%;border-style:dashed}.guide-hero__sigil b{font:500 1rem/1.65 var(--serif);text-align:center;text-transform:uppercase;letter-spacing:.18em}.guide-hero__sigil>span{position:absolute;color:#b99572;font-size:.62rem;letter-spacing:.15em}.guide-hero__sigil>span:nth-of-type(1){top:3%;left:48%}.guide-hero__sigil>span:nth-of-type(2){right:3%;top:48%}.guide-hero__sigil>span:nth-of-type(3){bottom:3%;left:48%}.guide-hero__sigil>span:nth-of-type(4){left:3%;top:48%}@keyframes turn{to{transform:rotate(360deg)}}@keyframes arrive{from{opacity:0;transform:scale(.86) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}main{overflow:hidden}.opening-note{display:grid;grid-template-columns:auto minmax(240px,.75fr) minmax(300px,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:start;padding:clamp(3rem,7vw,6.5rem) clamp(1.2rem,8vw,9rem);background:var(--paper);border-bottom:1px solid var(--line)}.opening-note__mark{margin:-1.4rem 0 0;color:var(--clay);font:600 5rem var(--serif)}.opening-note h2,.section-heading h2,.directory-head h2,.care-grid h2,.request-cta h2{margin:0;font:600 clamp(2.8rem,5vw,5.2rem)/.9 var(--serif);letter-spacing:-.04em}.opening-note>p:last-child{margin:1.7rem 0 0;max-width:720px}.four-steps{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(3rem,8vw,9rem);padding:clamp(4rem,9vw,9rem) clamp(1.2rem,8vw,9rem);background:#f7efdf}.section-heading{align-self:start;position:sticky;top:2rem}.foundation-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.foundation-list li{display:grid;grid-template-columns:70px 1fr;gap:1rem;padding:1.45rem 0;border-bottom:1px solid var(--line)}.foundation-list>li>span{color:var(--clay);font:600 1rem var(--serif)}.foundation-list h3{margin:0;font:600 2rem var(--serif)}.foundation-list p{margin:.25rem 0 0;color:#5d4d41}.directory{padding:clamp(4rem,9vw,9rem) clamp(1.2rem,6vw,7rem);background:var(--cream)}.directory-head{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;max-width:1350px;margin:0 auto 4rem}.directory-tools{justify-self:end;width:min(100%,560px)}.directory-tools>label{display:block;margin-bottom:.45rem;font-size:.67rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.search-wrap{position:relative}.search-wrap input{width:100%;border:0;border-bottom:2px solid var(--ink);background:transparent;padding:.8rem 2.5rem .8rem 0;color:var(--ink);outline:none}.search-wrap input:focus{border-color:var(--clay)}.search-wrap span{position:absolute;right:.2rem;top:.45rem;font:500 1.7rem var(--serif)}.filter-list{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.filter-list button{border:1px solid var(--line);background:transparent;padding:.45rem .7rem;color:var(--brown);font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.filter-list button:hover,.filter-list button:focus-visible,.filter-list button.is-active{background:var(--night);color:var(--cream)}.product-manual{max-width:1350px;margin:auto;border-top:1px solid var(--line)}.manual-card{display:grid;grid-template-columns:210px 1fr;border-bottom:1px solid var(--line);transition:opacity .25s ease,transform .25s ease}.manual-card[hidden]{display:none}.manual-card__index{padding:2.4rem 2rem 2.4rem 0;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.manual-card__index span{font:500 clamp(3.2rem,6vw,6.5rem)/.75 var(--serif);color:rgba(74,48,37,.25)}.manual-card__index small{color:var(--clay);font-size:.62rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase}.manual-card__body{padding:2.4rem clamp(1.5rem,4vw,4.5rem)}.manual-card__title{display:flex;justify-content:space-between;gap:1rem;align-items:start}.manual-card__title h3{margin:0;font:600 clamp(2.8rem,5vw,5rem)/.9 var(--serif);letter-spacing:-.04em}.use-tag{flex:0 0 auto;border:1px solid var(--line);padding:.45rem .65rem;color:var(--brown);font-size:.58rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.purpose{max-width:900px;margin:1.15rem 0 1.5rem;color:#58483d;font:500 1.18rem/1.65 var(--serif)}details{max-width:960px;border-top:1px solid var(--line)}summary{padding:1rem 2rem 1rem 0;cursor:pointer;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;list-style:none;position:relative}summary::-webkit-details-marker{display:none}summary::after{content:"+";position:absolute;right:.25rem;top:.65rem;font:500 1.6rem var(--serif);transition:transform .2s ease}details[open] summary::after{transform:rotate(45deg)}details ol{margin:0 0 1rem;padding:0;counter-reset:steps;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 2rem}details li{position:relative;padding:.65rem 0 .65rem 2.5rem;border-top:1px dashed rgba(61,43,32,.18);color:#4f4137}details li::before{counter-increment:steps;content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:.6rem;color:var(--clay);font:600 .8rem var(--serif)}.card-note{max-width:960px;margin-top:1rem;padding:1rem 1.1rem;background:rgba(159,95,61,.09);border-left:3px solid var(--clay);font-size:.86rem}.manual-card--featured{background:#ead8bd}.manual-card--tea{background:#dce0d1}.manual-card--consult{background:rgba(255,255,255,.3)}.empty-guide{text-align:center;padding:5rem 1rem;border-bottom:1px solid var(--line)}.empty-guide span{font:500 4rem var(--serif);color:var(--clay)}.empty-guide h3{margin:0;font:600 2.4rem var(--serif)}.empty-guide p{margin:.3rem 0}.care-grid{display:grid;grid-template-columns:repeat(3,1fr);background:var(--night);color:var(--cream)}.care-grid article{min-height:490px;padding:clamp(2.2rem,5vw,5rem);border-right:1px solid rgba(242,231,210,.15)}.care-grid article:nth-child(2){background:var(--brown)}.care-grid .eyebrow{color:#d19a72}.care-grid h2{font-size:clamp(2.7rem,4vw,4.5rem)}.care-grid ul{padding:0;margin:2rem 0 0;list-style:none}.care-grid li{padding:.75rem 0;border-top:1px solid rgba(242,231,210,.15);color:#d9c8b4}.care-grid li::before{content:"—";margin-right:.7rem;color:var(--ochre)}.request-cta{display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:end;padding:clamp(4rem,9vw,8rem) clamp(1.2rem,8vw,9rem);background:var(--ochre)}.request-cta p:not(.eyebrow){max-width:730px}.request-cta .eyebrow{color:var(--brown)}.request-cta__actions{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.text-link{text-decoration:none;font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.text-link span{display:inline-block;transition:transform .2s ease}.text-link:hover span{transform:translateX(5px)}footer{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2rem clamp(1.2rem,5vw,5rem);background:#0f0c0a;color:#d8c7b2}footer>a{font:600 1.45rem var(--serif);text-decoration:none}footer p{font-size:.76rem;letter-spacing:.06em}footer div{display:flex;gap:1.2rem}footer div a{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:900px){.guide-nav{align-items:flex-start;overflow:auto}.guide-nav__brand{display:none}.guide-nav__links{width:max-content}.guide-hero{grid-template-columns:1fr;min-height:auto}.guide-hero__sigil{width:min(70vw,370px);margin-top:1rem}.opening-note{grid-template-columns:auto 1fr}.opening-note>p:last-child{grid-column:2}.four-steps,.directory-head{grid-template-columns:1fr}.section-heading{position:static}.directory-tools{justify-self:stretch;width:100%}.manual-card{grid-template-columns:130px 1fr}.care-grid{grid-template-columns:1fr}.care-grid article{min-height:auto;border-right:0;border-bottom:1px solid rgba(242,231,210,.15)}.request-cta{grid-template-columns:1fr}.request-cta__actions{flex-direction:row;flex-wrap:wrap;align-items:center}}
@media(max-width:600px){body{font-size:15px}.guide-nav{padding:.9rem 1rem}.guide-nav__links{gap:1rem}.guide-hero{padding-top:4.5rem}.guide-hero h1{font-size:clamp(4rem,20vw,6.5rem)}.opening-note{grid-template-columns:1fr}.opening-note__mark{display:none}.opening-note>p:last-child{grid-column:auto}.manual-card{grid-template-columns:1fr}.manual-card__index{min-height:auto;padding:1.5rem 0 .75rem;border-right:0;flex-direction:row;align-items:end}.manual-card__index span{font-size:3.2rem}.manual-card__body{padding:0 0 2rem}.manual-card__title{display:block}.use-tag{display:inline-block;margin-top:.8rem}details ol{grid-template-columns:1fr}.filter-list{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.4rem}.filter-list button{white-space:nowrap}footer{align-items:flex-start;flex-direction:column}footer p{margin:0}.request-cta__actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sigil-ring--outer,.guide-hero__sigil{animation:none}.button,.text-link span{transition:none}}
