:root{--ink:#2e1f1c;--cocoa:#5f4038;--rose:#d7aaa4;--cream:#f7f1ea;--paper:#fffaf4;--line:#ded0c6}*{box-sizing:border-box}html{scroll-behavior:smooth}body.sara26{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,sans-serif}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:1rem;z-index:99}.top{height:82px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,250,244,.96);position:sticky;top:0;z-index:20}.brand{font:700 22px Georgia,serif;letter-spacing:.22em;color:var(--ink);text-decoration:none}.brand i{display:block;font:italic 13px Georgia,serif;letter-spacing:.08em;text-align:center}.top nav{display:flex;gap:2rem}.top a{color:var(--ink);text-decoration:none}.bag{border-bottom:1px solid}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.02fr .98fr;background:var(--cream)}.hero-copy{padding:9vw 7vw 6vw;display:flex;flex-direction:column;justify-content:center}.eyebrow,.intro>p,.section-head p,.fit>div>p,.store>p{text-transform:uppercase;letter-spacing:.19em;font-size:.72rem;font-weight:700;color:#815e56}.hero h1{font:clamp(3.2rem,6.7vw,7.5rem)/.92 Georgia,serif;letter-spacing:-.055em;margin:.25em 0}.hero-copy>p:not(.eyebrow){max-width:580px;font-size:1.1rem}.hero figure{margin:0;position:relative;overflow:hidden;background:#d4b6a8}.hero figure img{width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block}.hero figcaption{position:absolute;bottom:2rem;right:2rem;background:#fff;padding:.6rem 1rem}.actions{display:flex;gap:1rem;margin:1.5rem 0}.primary,.secondary{display:inline-block;padding:1rem 1.5rem;text-decoration:none}.primary{background:var(--ink);color:#fff}.secondary{border:1px solid var(--ink);color:var(--ink)}.hero ul{display:flex;gap:1.5rem;list-style:none;padding:0;font-size:.8rem}.intro{text-align:center;padding:8rem 7vw 4rem}.intro h2,.section-head h2,.fit h2,.store h2,.faq h2{font:clamp(2.5rem,5vw,5.5rem)/1 Georgia,serif;margin:.2em 0}.intro>p:last-child{max-width:650px;margin:1.5rem auto}.needs{display:grid;grid-template-columns:repeat(4,1fr);padding:0 4vw 7rem}.needs a{min-height:220px;padding:2rem;border:1px solid var(--line);color:var(--ink);text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end}.needs b{margin-bottom:auto;color:#9a7770}.needs span{font:2rem Georgia,serif}.needs small{color:#765e58}.collection{padding:7rem 4vw;background:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:3rem}.section-head a{color:var(--ink)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.products a{color:var(--ink);text-decoration:none}.products img{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--cream)}.products h3{font:1.25rem Georgia,serif;margin:.8rem 0 .2rem}.products p{margin:0}.products span{display:inline-block;margin-top:.8rem;border-bottom:1px solid}.fit{display:grid;grid-template-columns:1fr 1fr}.fit>div{padding:9vw}.fit>div:first-child{background:var(--rose)}.quote{background:var(--cocoa);color:#fff;display:flex;flex-direction:column;justify-content:center}.quote q{font:clamp(2.2rem,4vw,4.5rem)/1.08 Georgia,serif}.store{text-align:center;padding:9rem 5vw;background:var(--cream)}.store address{font-style:normal;margin:2rem auto;max-width:700px}.faq{padding:8rem max(5vw,calc((100vw - 1000px)/2))}.faq details{border-top:1px solid var(--line);padding:1.2rem 0}.faq summary{font:1.25rem Georgia,serif;cursor:pointer}footer{padding:4rem 5vw;background:var(--ink);color:#fff;text-align:center}footer a{color:#fff}.wa{position:fixed;right:1.2rem;bottom:1.2rem;background:#276b4a;color:#fff;text-decoration:none;padding:.9rem 1.2rem;border-radius:99px;z-index:30}@media(max-width:850px){.top nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:5rem 6vw}.hero figure{min-height:62vh}.hero ul{flex-wrap:wrap}.needs,.products{grid-template-columns:1fr 1fr}.fit{grid-template-columns:1fr}.section-head{display:block}}@media(max-width:520px){.actions{flex-direction:column}.needs,.products{grid-template-columns:1fr}.hero h1{font-size:3.4rem}.top{height:70px}.intro,.collection,.faq{padding-top:5rem;padding-bottom:5rem}}
