:root{--bg:#fcfbfa;--ink:#292429;--muted:#776f75;--accent:#72384f;--rose:#f4e6e8;--line:#e8e0e2}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:30px;z-index:20;background:white;padding:10px}.preview{font-size:11px;text-align:center;padding:6px;background:#f3e6eb;color:#70394d;letter-spacing:.06em}
header{max-width:1300px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 32px}.brand{font:700 30px/1.1 Georgia,serif;letter-spacing:-1px;white-space:nowrap}.brand>span{font-style:italic;color:var(--accent)}.brand small{display:block;font:9px 'Segoe UI',sans-serif;letter-spacing:.2em;color:var(--muted);margin-top:7px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:14px 24px;background:var(--accent);color:white;border-radius:8px;font-size:14px;font-weight:600;line-height:1.4;transition:background .15s}.button:hover{background:#542438}.shop-link{font-size:12px;padding:12px 17px}nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:500}nav a:hover,.quiet-link:hover{color:var(--accent)}main{max-width:1300px;margin:auto;padding:0 32px 64px}
.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:470px;border-radius:18px;overflow:hidden;background:var(--rose);margin:16px 0 26px}.hero-copy{padding:48px 48px 32px;display:flex;flex-direction:column;align-items:start}.eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--accent);margin:0 0 15px}.dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:8px;vertical-align:2px}h1,h2,h3{line-height:1.12;letter-spacing:-.035em;font-weight:600}h1{font-size:clamp(38px,4.5vw,59px);margin:14px 0 22px}h1>span{color:var(--accent)}.lead{font-size:17px;line-height:1.65;color:#655b63;margin:0 0 24px;max-width:700px}.hero-actions{display:flex;align-items:center;gap:23px;margin:4px 0 36px;flex-wrap:wrap}.quiet-link{font-size:12px;font-weight:600}.hero-bottom{border-top:1px solid #ddcbd3;margin-top:auto;padding-top:20px;width:100%;display:flex;gap:20px;justify-content:space-between;font-size:10px;color:#7c6875}.hero-visual{margin:0;position:relative;min-height:450px;overflow:hidden}.hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 31%}.hero-visual figcaption{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:9px;font-weight:600;letter-spacing:.1em;color:#442a35;background:#ffffffb8;padding:12px 15px;border-radius:8px;backdrop-filter:blur(8px)}
.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:68px}.category{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);padding:16px 18px;border-radius:10px;background:#fff;font-size:13px;font-weight:600}.category:hover{border-color:#b88098;background:#fcf5f8}.category>span:last-child{color:#a08a93}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px}.section-heading h2{font-size:35px;margin:0}.section-heading>p{color:var(--muted);font-size:12px;margin:0;line-height:1.7}.filters{display:flex;gap:9px;overflow:auto;padding:3px 0 25px}.filter{border:1px solid var(--line);border-radius:999px;color:#756a71;background:#fff;font-size:12px;padding:9px 17px;cursor:pointer;white-space:nowrap}.filter span{margin-left:8px;opacity:.7}.filter.active{background:var(--accent);border-color:var(--accent);color:white}.guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.guide{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.guide:hover{box-shadow:0 8px 25px #4f233014;transform:translateY(-3px)}.guide[hidden]{display:none}.guide-picture{height:250px;position:relative;background:#f4eeeb;padding:12px;display:flex;justify-content:center;overflow:hidden}.guide-picture img{height:100%;width:100%;object-fit:contain;border-radius:5px}.guide-tag{position:absolute;left:15px;bottom:15px;background:#ffffffed;padding:4px 12px;border-radius:999px;font-size:10px;color:#633247;font-weight:600;box-shadow:0 1px 7px #341c2110}.guide-copy{padding:22px 23px;display:flex;flex-direction:column;flex:1}.guide-meta{display:flex;justify-content:space-between;color:#9b8c94;font-size:10px;margin-bottom:13px}.guide h3{font-size:21px;line-height:1.25;margin:0 0 12px;letter-spacing:-.02em}.guide p{font-size:12px;line-height:1.75;color:var(--muted);margin:0 0 22px}.read{border-top:1px solid #eee6e9;padding-top:15px;display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-top:auto;color:var(--accent)}
.store-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#6d354c;color:white;padding:36px 42px;margin-top:62px;border-radius:16px}.store-banner .eyebrow{color:#e7b8cb}.store-banner h2{font-size:31px;margin:0 0 10px}.store-banner p:not(.eyebrow){font-size:13px;opacity:.8;margin:0}.button.light{background:white;color:var(--accent);white-space:nowrap}footer{max-width:1300px;margin:auto;padding:35px 32px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{font-size:11px;color:var(--muted);margin:12px 0 0}.footer-links{display:flex;gap:25px;font-size:12px}.copyright{font-size:10px;color:#a7969f}
.breadcrumbs{display:flex;gap:12px;color:#95848e;font-size:11px;margin:26px 0}.article-heading{display:grid;grid-template-columns:1fr 260px;gap:50px;align-items:center;padding:28px 0 45px;border-bottom:1px solid var(--line)}.article-heading h1{font-size:clamp(34px,3.6vw,48px);max-width:820px;margin:14px 0 24px}.article-heading .lead{font-size:16px}.article-cover{height:280px;background:#f4eeeb;display:flex;justify-content:center;padding:8px;border-radius:14px}.article-cover img{max-width:100%;height:100%;object-fit:contain;border-radius:6px}.separator{color:#b999a8;padding:0 10px}.article-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:65px;margin-top:45px}.toc{position:sticky;top:25px;align-self:start;font-size:11px;padding-right:12px}.toc b{display:block;font-size:12px;margin-bottom:20px}.toc a{display:flex;gap:10px;margin:14px 0;color:#7f717a;line-height:1.6}.toc a span{color:#c4abb7;font-size:10px}.toc .toc-products{padding-top:15px;margin-top:24px;border-top:1px solid var(--line);font-weight:600;color:var(--accent)}.article-body{max-width:790px;font-size:16px;line-height:1.85}.article-body section{margin-bottom:40px;scroll-margin-top:25px}.article-body h2{font-size:28px;margin:0 0 19px}.article-body p{margin:0 0 20px}.article-body ul{padding-left:22px}.article-body li{padding-left:4px;margin-bottom:14px}.table-scroll{overflow:auto;margin:25px 0;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.65}th,td{text-align:left;padding:15px;vertical-align:top;border-bottom:1px solid var(--line)}th{background:#f7eef2;color:#683c50;font-weight:600}tr:last-child td{border-bottom:0}
.product{display:grid;grid-template-columns:170px minmax(0,1fr);gap:23px;border:1px solid var(--line);border-radius:14px;padding:18px;background:white;margin:18px 0}.product-picture{height:215px;display:flex;justify-content:center;background:#f6f0ed;border-radius:8px}.product-picture img{max-width:100%;height:100%;object-fit:contain;border-radius:6px}.product-info{display:flex;flex-direction:column;align-items:start;justify-content:center}.product .eyebrow{font-size:9px;margin-bottom:9px}.product h3{font-size:20px;line-height:1.3;margin:0 0 13px;letter-spacing:-.02em}.product .article-id{font-size:11px;color:#95838c;margin:0 0 15px}.product .button{font-size:11px;padding:11px 16px}.collection-link{display:inline-block;font-size:13px;color:var(--accent);border-bottom:1px solid #c8a8b7;padding-bottom:3px;margin-top:12px}.related{border-top:1px solid var(--line);margin-top:55px;padding-top:30px}.related>h2{font-size:27px;margin:0 0 25px}.related .guide-picture{height:200px}.collection-heading{max-width:790px;margin:30px 0 40px}.collection-heading h1{font-size:50px;margin:0 0 20px}.products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.products-grid .product{margin:0;grid-template-columns:140px minmax(0,1fr)}.products-grid .product-picture{height:190px}.products-grid .product h3{font-size:17px}.about{max-width:800px;padding:45px 0}.about h1{font-size:48px}.about h2{font-size:27px;margin:35px 0 18px}.about>p:not(.lead){font-size:15px;color:#6b6068}#guides{scroll-margin-top:25px}
@media(max-width:1000px){header{gap:18px}nav{gap:15px}.hero-copy{padding:35px 30px}.hero-actions{gap:17px}.hero-bottom{flex-direction:column;gap:4px}.guides{gap:18px}.guide-copy{padding:18px}.article-layout{grid-template-columns:190px minmax(0,1fr);gap:35px}.article-heading{gap:30px;grid-template-columns:1fr 220px}.products-grid{grid-template-columns:1fr}.copyright{display:none}}
@media(max-width:760px){header{padding:18px 20px;flex-wrap:wrap;gap:16px}.brand{font-size:26px}nav{order:3;width:100%;overflow:auto;padding-top:12px;border-top:1px solid var(--line);gap:26px;white-space:nowrap;font-size:12px}.shop-link{font-size:10px;padding:11px 13px;margin-left:auto}.button{font-size:12px;padding:13px 18px}main{padding:0 20px 40px}.hero{grid-template-columns:1fr;margin-top:5px}.hero-copy{padding:30px 25px 25px}h1{font-size:39px;margin-top:8px}.hero .lead{font-size:14px}.hero-actions{margin-bottom:25px}.desktop{display:none}.hero-bottom{flex-direction:row;flex-wrap:wrap;font-size:9px}.hero-visual{min-height:320px}.hero-visual>img{object-position:center 35%}.hero-visual figcaption{font-size:8px;left:18px;right:18px;bottom:16px}.categories{display:flex;overflow:auto;gap:9px;margin-bottom:40px;padding-bottom:3px}.category{min-width:115px;gap:25px;font-size:12px;padding:13px}.section-heading{display:block;margin-bottom:18px}.section-heading h2{font-size:28px}.section-heading>p{margin-top:12px}.section-heading .eyebrow{font-size:9px}.filters{padding-bottom:20px;gap:7px}.filter{font-size:11px;padding:8px 13px}.guides{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.guide-picture{height:180px;padding:8px}.guide-tag{left:8px;bottom:8px;font-size:8px;padding:3px 8px}.guide-copy{padding:15px 12px}.guide-meta{font-size:8px}.guide-meta>span:last-child{display:none}.guide h3{font-size:16px;line-height:1.3;letter-spacing:-.02em}.guide p{display:none}.read{font-size:10px;margin-top:16px;padding-top:12px}.store-banner{flex-direction:column;align-items:start;padding:27px;margin-top:35px;gap:20px}.store-banner h2{font-size:27px}.store-banner p:not(.eyebrow){font-size:12px}footer{padding:25px 20px;align-items:start;flex-direction:column;gap:22px}.footer-links{font-size:11px}.article-heading{grid-template-columns:1fr;padding:18px 0 30px;gap:18px}.article-heading h1{font-size:34px}.article-heading .lead{font-size:15px}.article-cover{height:220px;max-width:220px}.article-layout{grid-template-columns:1fr;gap:24px;margin-top:25px}.toc{position:static;border-bottom:1px solid var(--line);padding-bottom:15px}.toc a{margin:10px 0}.toc .toc-products{margin-top:14px}.article-body{font-size:15px;line-height:1.85}.article-body h2{font-size:25px}.article-body section{margin-bottom:30px}.product{grid-template-columns:100px minmax(0,1fr);gap:15px;padding:13px}.product-picture{height:150px}.product h3{font-size:16px}.product .eyebrow{font-size:8px}.product .article-id{font-size:10px}.product .button{font-size:10px;padding:10px 12px}.related .guide-picture{height:180px}.collection-heading h1{font-size:38px}.collection-heading .lead{font-size:15px}.products-grid .product{grid-template-columns:110px minmax(0,1fr)}.products-grid .product-picture{height:160px}.products-grid .product h3{font-size:16px}.about{padding-top:25px}.about h1{font-size:36px}.about h2{font-size:24px}table{font-size:11px}th,td{padding:11px}}
@media(max-width:360px){.hero-copy{padding:25px 20px}.hero-actions{gap:14px}h1{font-size:34px}.guides{grid-template-columns:1fr}.guide-picture{height:230px}.product{grid-template-columns:1fr}.product-picture{height:240px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide,.button{transition:none}.guide:hover{transform:none}}