/* base.css - design tokens + global base rules. Loaded first on every page (home and products overview included).
   Tokens: brand values live here once. --brand-red is the approved TERQ brand red (#a8322d, D15);
   --red-ink (eyebrows, links, hover) is the brand red; --navh is the header height used by sticky elements and anchors. */
:root{--fs-label-phone:12.5px;--fs-text-phone:15px;--brand-red:#a8322d;--red-ink:var(--brand-red);--navh:84px;--gal-ratio:1160/1000}  /* --fs-*-phone: N6/D15 phone type floor (labels / running text), applied in components.css. --gal-ratio: D8, one ratio for the gallery main frame and thumbnails = the gallery crops in media.json */
@media(max-width:900px){:root{--navh:64px}}
/* L5: every in-page anchor lands below the sticky header (one rule for the whole site) */
html{scroll-padding-top:calc(var(--navh) + 16px)}
picture{display:contents}
/* Root fix for R-images (M1/M2): <img> carry intrinsic width/height attributes for layout stability;
   without height:auto any CSS width rescales only one axis and stretches the image. */
img{max-width:100%;height:auto}