*{margin:0;padding:0;box-sizing:border-box} /* SCROLL CONTAINER: only handles scrolling. Body must NOT be a scroll container (overflow:hidden on body makes it one, which then breaks position:sticky on header — the header gets glued to body-top, not viewport-top, so it scrolls away). - html: overflow-x:clip prevents horizontal scroll WITHOUT becoming a containing block, so position:sticky inside still anchors to viewport. - body: must stay overflow:visible (default) so it doesn't become a scroller. The mobile drawer scroll-lock dynamically sets body.style.overflow='hidden' when needed; that's fine because it's transient. */ html{overflow-x:clip;max-width:100vw} body{max-width:100vw} :root{--o:#D4622B;--ol:#FEF1EA;--od:#A8461A;--bg:#F8F5F0;--cream:#FFFDF9;--ink:#2A2520;--ink2:#6B6560;--ink3:#A09A94;--line:#E8E3DC;--r:12px;--sh:0 2px 10px rgba(42,37,32,.05)} body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased} a{color:var(--o);text-decoration:none}a:hover{text-decoration:underline}img{display:block} /* HEADER (legacy rule disabled — see redesign block at end of