:root {
  
  --milk-100:#FFFBF6; --milk-200:#F7F1E8; --milk-300:#F0E7DB; --milk-400:#E4D8C9;
  --ink-900:#1E1A1B;  --ink-700:#585055;  --ink-500:#7C7276;  --ink-300:#A39A9D;
  --apricot-100:#FBEDD9; --apricot-300:#F6D3AA; --apricot-500:#F0B27A;
  --coral-300:#EE9A7E;   --coral-500:#E0704E;   --coral-700:#C4573A;
  --berry-500:#7B2A45;   --berry-700:#5A1E33;
  --dusk-300:#CFC3C4;    --dusk-700:#8F7B85;

  
  --tint-apricot:#FBF2E5;
  --tint-coral:#FBEFEA;
  --tint-berry:#F5EFF0;
  --tint-milk:#FFFCF8;
  --tint-dusk:#F4F0EC;

  
  --shadow-card:0 14px 40px rgba(30,26,27,0.07);
  --shadow-chip:0 16px 40px rgba(30,26,27,0.11), 0 2px 6px rgba(30,26,27,0.05);
  --shadow-device:drop-shadow(0 34px 54px rgba(30,26,27,0.20));
  --shadow-button:0 8px 22px rgba(30,26,27,0.16);
  --shadow-button-hover:0 14px 32px rgba(30,26,27,0.22);
  --hairline:0 0 0 1px rgba(30,26,27,0.05);

  
  --r-card:28px; --r-panel:18px; --r-pill:999px;

  
  --font-display:"Newsreader", ui-serif, Georgia, serif;
  --font-body:"Karla", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --t-hero:76px; --t-quiet:54px; --t-card:34px; --t-lede:19px;
  --t-body:16.5px; --t-small:13px; --t-eyebrow:11px; --t-stamp:9px;

  
  --lh-body:1.37; --lh-lede:1.34;

  
  --gap:24px; --gap-lg:40px;
  --page-max:1180px; --page-pad:32px;
  --band:clamp(96px, 11vw, 160px);

  
  --grain: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22220%22%20height%3D%22220%22%3E%3Cfilter%20id%3D%22g%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.8%22%20numOctaves%3D%224%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22220%22%20height%3D%22220%22%20filter%3D%22url%28%23g%29%22%2F%3E%3C%2Fsvg%3E");

  
  --bottle-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2044%2078%22%3E%3Cpath%20d%3D%22M17%203h10v6.5c0%203.2%206.2%207.2%206.2%2013.4V66a8%208%200%200%201-8%208h-6.4a8%208%200%200%201-8-8V22.9C10.8%2016.7%2017%2012.7%2017%209.5V3Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");

  
  --d-quick:160ms; --d-base:260ms; --d-settle:700ms;
  --ease-spring:cubic-bezier(.22,1.2,.36,1);
  --ease-soft:cubic-bezier(.32,.72,0,1);
}

@media (max-width: 900px) {
  :root {
    --t-hero:40px; --t-quiet:32px; --t-card:26px; --t-lede:15.5px;
    --t-body:15px;
    --page-pad:20px; --gap:16px; --gap-lg:24px;
    --r-card:24px;
    --band:clamp(64px, 14vw, 96px);
  }
}