/* Saelis – apothecary calm: travertine, warm stone, ink; Bespoke Serif light + Author; floating pill glass header, centred overlay hero. */
@font-face{font-family:Bespoke;font-weight:300;font-display:swap;src:url(/saelis/assets/fonts/fs-bespoke-serif-300.woff2) format("woff2")}
@font-face{font-family:Bespoke;font-weight:400;font-display:swap;src:url(/saelis/assets/fonts/fs-bespoke-serif-400.woff2) format("woff2")}
@font-face{font-family:Author;font-weight:400;font-display:swap;src:url(/saelis/assets/fonts/fs-author-400.woff2) format("woff2")}
@font-face{font-family:Author;font-weight:500;font-display:swap;src:url(/saelis/assets/fonts/fs-author-500.woff2) format("woff2")}
:root{--bg:#f4efe7;--ink:#1c1a17;--head:#111;--muted:#6f675e;--line:#e0d7c9;--soft:#ebe3d7;--card:#efe8dd;--accent:#1c1a17;--accent-ink:#f4efe7;
 --font-body:Author,"Helvetica Neue",Arial,sans-serif;--font-head:Bespoke,Georgia,serif;--head-weight:300;--head-track:-.01em;--h1:clamp(2.6rem,6vw,5rem);--h2:clamp(1.7rem,3vw,2.5rem);--h3:1.15rem;
 --nav-case:none;--nav-track:.02em;--nav-fs:.9rem;--btn-case:none;--btn-track:.03em;--btn-fs:.92rem;--btn-pad:15px 30px;--btn-radius:999px;--btn-weight:500;--btn-bg:#1c1a17;--btn-ink:#f4efe7;
 --cols:4;--gap:22px;--gap-y:52px;--card-fs:1.02rem;--logo-h:30px;--logo-h-m:24px;--fs:16px;--sec:112px;--max:1320px;--pad:24px;--navtop:84px;
 --bar-bg:#1c1a17;--bar-ink:#e9e1d4;--foot-bg:#e9e1d4;--foot-ink:#1c1a17;--foot-line:#d4c9b8;
 --glass-bg:rgba(244,239,231,.16);--glass-bg-solid:rgba(244,239,231,.8);--glass-blur:18px;--glass-sat:140%;--glass-border:rgba(255,255,255,.34);--glass-border-solid:rgba(28,26,23,.1);
 --glass-ink-hero:#fbf8f3;--glass-ink:#1c1a17;--glass-radius:999px;--glass-radius-s:22px;--glass-shadow:0 8px 30px rgba(28,26,23,.08);--glass-menu:rgba(244,239,231,.9);--glass-pop:rgba(250,247,242,.94)}
body{font-weight:400}
h1,h2,h3{color:var(--head)}
.topbar{font-size:.72rem;letter-spacing:.06em}
.hd-pill .head-in{min-height:58px}
.hero-c .hero-copy,.hero .hero-copy{text-align:center;margin-inline:auto;max-width:820px}
.hero .hero-ctas{justify-content:center}
.hero h1{color:#fbf8f3;font-weight:300}.hero .eyebrow{color:#efe6d8;letter-spacing:.18em;text-transform:uppercase;font-size:.7rem}
.hero .hero-text{color:#f4ede3}
.hero .hero-shade{background:radial-gradient(ellipse 70% 55% at 50% 52%,rgba(24,18,12,.55),rgba(24,18,12,.25) 70%),linear-gradient(180deg,rgba(24,18,12,.25),rgba(24,18,12,.1) 40%,rgba(24,18,12,.45))}
.hero h1,.hero .hero-text,.hero .eyebrow{text-shadow:0 1px 18px rgba(0,0,0,.35)}
.hero .btn-hero{background:#fbf8f3;color:#1c1a17;border-color:#fbf8f3}
.sec-head h2,.cats h2,.related h2{font-weight:300}
.card{text-align:start}.card-img{background:var(--card);border-radius:4px;overflow:hidden}
.card-txt{padding-top:14px}.card h3{font-family:var(--font-head);font-weight:400;font-size:1.12rem;margin:0 0 2px}
.card-sub{font-size:.78rem;color:var(--muted);letter-spacing:.02em}
.story{background:var(--soft)}.story-copy{padding:72px 56px}.story-copy h2{font-weight:300}
.usp{background:var(--bg);border-top:1px solid var(--line)}.usp h3{font-family:var(--font-head);font-weight:400;font-size:1.3rem}
.cat-list span{font-family:var(--font-head);font-size:1.2rem}
.pdp-info h1{font-size:clamp(2rem,3.6vw,2.9rem);margin-bottom:6px}.pdp-sub{font-size:.82rem;color:var(--muted);letter-spacing:.06em}
.spec dd{font-size:.9rem;line-height:1.6}
.chip span{border-radius:999px}
.coll-side a{border-radius:999px}
.link{text-underline-offset:4px}
.site-foot h2{font-family:var(--font-body);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}