﻿:root{--ink: #111111;--paper: #f3f3f3;--sheet: #ffffff;--line: #d8d8d8;--muted: #575757;--signal: #ac1d31;--black: #000000;--danger: #8c1d18}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Roboto", sans-serif;font-weight:400;font-size:17px;line-height:1.5}a{color:inherit}.skip{position:absolute;left:16px;top:-40px;background:var(--signal);color:#fff;padding:8px 12px;z-index:5}.skip:focus{top:12px}.mast{background:var(--black);color:var(--sheet);border-bottom:8px solid var(--signal)}.mast-inner{max-width:1120px;margin:0 auto;padding:28px 28px 22px;display:flex;justify-content:space-between;align-items:flex-end;gap:32px}.wordmark{text-decoration:none;display:block}.eyebrow{display:block;font-family:"Roboto", sans-serif;font-size:12px;letter-spacing:0.16em;text-transform:uppercase;color:var(--signal)}.name{display:block;font-family:"Roboto Slab", serif;font-weight:900;font-size:clamp(52px, 8vw, 84px);line-height:0.9;letter-spacing:0.06em;text-transform:uppercase}.mast nav{display:flex;gap:22px;padding-bottom:8px}.mast nav a{text-decoration:none;font-family:"Roboto", sans-serif;font-size:12px;letter-spacing:0.08em;text-transform:uppercase}.mast nav span{display:block;color:var(--signal);margin-bottom:4px}.mast nav a:hover{color:var(--signal)}main{max-width:1120px;margin:0 auto;padding:8px 28px 72px}.intro{padding-top:36px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:48px}.kicker{margin:0 0 12px;font-family:"Roboto", sans-serif;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted)}h1,h2,h3,h4{font-family:"Roboto Slab", serif;font-weight:700;letter-spacing:-0.03em;line-height:1.05}.intro h1,.intro .lead{margin:0 0 16px;font-size:clamp(32px, 4vw, 48px)}.section-label{display:flex;align-items:baseline;gap:16px;margin:64px 0 24px;border-top:1px solid var(--ink);padding-top:18px}.section-label>span,.section-label h2 small{font-family:"Roboto", sans-serif;font-weight:500;letter-spacing:0.12em}.section-label>span{color:#fff;background:var(--signal);padding:4px 6px;font-size:12px}.section-label h2{margin:0;font-size:28px}.section-label h2 small{display:block;margin-top:6px;font-family:"Roboto", sans-serif;font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:18px}.product{background:var(--card, var(--sheet));color:var(--card-ink, var(--ink));border:1px solid var(--card-accent, var(--ink));padding:22px 22px 26px;min-height:220px}.product .logo{display:block;width:min(100%, 320px);height:auto;margin:10px 0 16px}.product .brand-name{margin:10px 0 12px;font-weight:900;font-size:clamp(40px, 5vw, 64px);letter-spacing:0.08em;text-transform:uppercase;color:var(--card-ink, var(--ink))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.product .index,.qty,.function,.allergens,.optional,legend,label,.check{font-family:"Roboto", sans-serif}.product .index,.product .audience,.product .strength,.qty,.function{margin:0;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--card-accent, var(--muted))}.product .index span+span::before,.product .audience span+span::before{content:" · "}.product .strength{margin-top:6px}.product .function{margin-top:8px}.product h3{margin:14px 0 10px;font-size:36px;color:var(--card-ink, var(--ink))}.function span+span::before{content:" · "}.qty{margin-top:8px;color:var(--ink)}.blurb{margin:14px 0 0}.blurb span{display:block}.product h4{margin:22px 0 8px;font-size:14px;letter-spacing:0.08em;text-transform:uppercase}.product h4 small{display:block;margin-top:4px;color:var(--card-ink, var(--muted));opacity:0.75;font-family:"Roboto", sans-serif;font-weight:400;letter-spacing:0;text-transform:none}.inci{margin:0;font-family:"Roboto", sans-serif;font-size:14px;line-height:1.7}.inci mark{background:var(--card-accent, var(--signal));color:#fff;padding:0 0.15em}.allergens{margin:12px 0 0;font-size:12px;letter-spacing:0;text-transform:none;line-height:1.5;color:var(--card-ink, var(--muted))}.allergens span{display:block}.missing{margin-top:18px}.product-empty h3{font-size:32px}.spread p,.intro p,.contact-intro p,.colophon p{margin:0 0 12px}.label-line{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-family:"Roboto", sans-serif;font-size:14px}.label-line span{display:block;margin-bottom:4px;color:var(--muted);font-size:12px}.spread h3{margin:22px 0 8px;font-size:22px}.qa h3:first-child{margin-top:0}.qa p{margin:0 0 8px}.banner{margin:28px 0 0;padding:16px 18px;background:var(--black);color:#fff;font-family:"Roboto", sans-serif;font-size:14px}.banner-alert{background:var(--danger);color:#fff}.errors{margin:18px 0;padding-left:18px}.errors li{margin:6px 0}.dossier{margin-top:28px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}.field{display:flex;flex-direction:column}.dossier>.field{margin-top:22px}label,legend{font-size:12px;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:8px}label .optional{margin-left:8px;font-size:11px;letter-spacing:0;text-transform:none;color:var(--muted)}input[type="text"],input[type="email"],input[type="tel"],textarea{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;color:var(--ink);font:inherit;font-size:16px;padding:10px 0;border-radius:0}textarea{min-height:140px;resize:vertical}input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}fieldset{border:0;margin:26px 0 0;padding:0}.choices{display:flex;flex-wrap:wrap;gap:10px}.choices label{flex:1 1 220px;display:flex;gap:10px;align-items:flex-start;margin:0;padding:14px;border:1px solid var(--ink);text-transform:none;letter-spacing:0;font-family:"Roboto", sans-serif;font-size:16px;cursor:pointer}.choices small{display:block;color:var(--muted);font-size:13px}.check{display:flex;gap:10px;align-items:flex-start;margin:22px 0;text-transform:none;letter-spacing:0;font-family:"Roboto", sans-serif;font-size:16px}.send{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--black);color:var(--sheet);font-family:"Roboto Slab", serif;font-weight:700;font-size:16px;letter-spacing:0.08em;text-transform:uppercase;padding:16px 28px;cursor:pointer}.send:hover{background:var(--signal);color:#fff}.hp{position:absolute;left:-10000px;height:0;overflow:hidden}.colophon{max-width:1120px;margin:0 auto;padding:28px 28px 48px;border-top:1px solid var(--ink);color:var(--muted);font-size:14px}@media (max-width: 800px){.mast-inner,.pair,.grid,.fields{display:block}.mast nav{margin-top:22px}.col+.col,.product+.product,.field+.field{margin-top:28px}.product{min-height:0}.name{font-size:56px}}@media print{.mast{background:#fff;color:#000;border-bottom:1px solid #000}.eyebrow,.mast nav span,.section-label>span,.inci mark{background:#fff;color:#000}.contact,.colophon,.skip,.hp{display:none}.banner{color:#000;background:#fff}a{text-decoration:none}}
