@font-face {font-family:'Boogaloo';src:url('fonts/boogaloo-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
    :root {
      --bg: oklch(0.987 0.003 60.269);   
      --surface: oklch(1 0 0);   
      --fg: oklch(0.32926 0.05008 55.165);   
      --muted: oklch(0.49 0.023 55.165);   
      --border: oklch(0.89 0.013 60.269);   
      --accent: oklch(0.50329 0.06076 60.269);   

      
      --accent-soft: color-mix(in oklch, var(--accent) 14%, transparent);
      --fg-soft:     color-mix(in oklch, var(--fg) 6%, transparent);

      
      --font-display: 'Iowan Old Style', 'Charter', Georgia, 'Times New Roman', serif;
      --font-body:    -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
      --font-mono:    ui-monospace, 'SF Mono', Menlo, monospace;

      
      --fs-h1: clamp(44px, 6vw, 76px);
      --fs-h2: clamp(32px, 4vw, 48px);
      --fs-h3: 22px;
      --fs-lead: 19px;
      --fs-body: 16px;
      --fs-meta: 13px;

      
      --gap-xs: 8px;
      --gap-sm: 12px;
      --gap-md: 20px;
      --gap-lg: 32px;
      --gap-xl: 56px;
      --gap-2xl: 96px;
      --container: 1280px;
      --gutter: 40px;

      --radius: 4px;
      --radius-lg: 6px;
    }

    
    *, *::before, *::after { box-sizing: border-box; }
    html { -webkit-text-size-adjust: 100%; }
    body {
      margin: 0;
      background: var(--bg);
      color: var(--fg);
      font-family: var(--font-body);
      font-size: var(--fs-body);
      line-height: 1.55;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }
    img, svg { display: block; max-width: 100%; }
    a { color: inherit; text-decoration: none; }
    button { font: inherit; cursor: pointer; }
    p { text-wrap: pretty; }
    h1, h2, h3, h4 { text-wrap: balance; }

    
    .container {
      max-width: var(--container);
      margin-inline: auto;
      padding-inline: var(--gutter);
    }
    .section {
      padding-block: clamp(48px, 8vw, var(--gap-2xl));
    }
    .section + .section { border-top: 1px solid var(--border); }
    .stack { display: flex; flex-direction: column; }
    .stack > * + * { margin-top: var(--gap-md); }
    .row { display: flex; align-items: center; gap: var(--gap-md); }
    .row-between { display: flex; align-items: center; justify-content: space-between; gap: var(--gap-md); }
    .grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap-lg); }
    .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-lg); }
    .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gap-md); }
    .grid-2-1 { display: grid; grid-template-columns: 2fr 1fr; gap: var(--gap-xl); align-items: start; }
    .grid-1-2 { display: grid; grid-template-columns: 1fr 2fr; gap: var(--gap-xl); align-items: start; }
    @media (max-width: 920px) {
      .grid-2, .grid-3, .grid-4, .grid-2-1, .grid-1-2 { grid-template-columns: 1fr; }
    }

    
    .h1, h1 { font-family: var(--font-display); font-size: var(--fs-h1); line-height: 1.04; letter-spacing: -0.02em; margin: 0; }
    .h2, h2 { font-family: var(--font-display); font-size: var(--fs-h2); line-height: 1.1; letter-spacing: -0.015em; margin: 0; }
    .h3, h3 { font-size: var(--fs-h3); font-weight: 600; line-height: 1.3; letter-spacing: -0.005em; margin: 0; }
    .lead   { font-size: var(--fs-lead); line-height: 1.55; color: var(--muted); max-width: 60ch; margin: 0; }
    .eyebrow {
      font-family: var(--font-mono);
      font-size: 12px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--fg);
      font-weight: 600;
      margin: 0 0 var(--gap-md);
    }
    .meta { font-family: var(--font-mono); font-size: var(--fs-meta); color: var(--muted); }
    .num  { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }

    
    .topnav {
      position: sticky; top: 0; z-index: 10;
      background: color-mix(in oklch, var(--bg) 92%, transparent);
      backdrop-filter: blur(12px);
      border-bottom: 1px solid var(--border);
    }
    .topnav-inner { display: flex; align-items: center; justify-content: space-between; padding-block: 14px; }
    .topnav .logo { font-family: var(--font-display); font-size: 19px; font-weight: 600; letter-spacing: -0.01em; }
    .topnav nav { display: flex; gap: var(--gap-lg); }
    .topnav nav a { font-size: 14px; color: var(--muted); }
    .topnav nav a:hover { color: var(--fg); }
    .pagefoot { padding-block: var(--gap-xl); color: var(--muted); font-size: 13px; border-top: 1px solid var(--border); }
    .pagefoot .row-between { flex-wrap: wrap; gap: var(--gap-md); }

    
    .btn {
      display: inline-flex; align-items: center; gap: 8px;
      padding: 11px 20px;
      border-radius: var(--radius);
      border: 1px solid transparent;
      font-size: 15px;
      font-weight: 500;
      letter-spacing: -0.005em;
      transition: transform 0.05s ease, background 0.15s ease, border-color 0.15s ease;
    }
    .btn:active { transform: translateY(1px); }
    .btn-primary { background: var(--accent); color: var(--surface); border-color: var(--accent); }
    .btn-primary:hover { background: color-mix(in oklch, var(--accent) 88%, black); }
    .btn-secondary { background: transparent; color: var(--fg); border-color: var(--border); }
    .btn-secondary:hover { border-color: var(--fg); }
    .btn-ghost { background: transparent; color: var(--fg); border-color: transparent; padding-inline: 8px; }
    .btn-ghost:hover { color: var(--accent); }
    .btn-arrow::after { content: '→'; transition: transform 0.15s ease; }
    .btn-arrow:hover::after { transform: translateX(2px); }

    
    .card {
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: var(--radius-lg);
      padding: 28px;
    }
    .card-flat { background: transparent; border: 0; padding: 0; }
    .card-rule { background: transparent; border: 0; border-top: 1px solid var(--fg); padding: 24px 0 0; border-radius: 0; }

    
    .feature .feature-mark {
      width: 36px; height: 36px;
      display: grid; place-items: center;
      border: 1px solid var(--border);
      border-radius: 10px;
      color: var(--accent);
      margin-bottom: var(--gap-md);
    }
    .feature .feature-mark svg { width: 18px; height: 18px; }
    .feature h3 { margin-bottom: 6px; }
    .feature p  { margin: 0; color: var(--muted); font-size: 15px; }

    
    .stat .stat-num {
      font-family: var(--font-display);
      font-size: clamp(56px, 8vw, 96px);
      line-height: 0.95;
      letter-spacing: -0.04em;
      color: var(--accent);
      font-weight: 600;
    }
    .stat .stat-label { color: var(--muted); font-size: 14px; margin-top: 8px; max-width: 24ch; }
    .stat .stat-unit  { font-size: 0.5em; opacity: 0.7; margin-left: 2px; }

    
    .quote {
      font-family: var(--font-display);
      font-size: clamp(24px, 2.6vw, 32px);
      line-height: 1.32;
      letter-spacing: -0.01em;
      max-width: 28ch;
    }
    .quote-author { color: var(--muted); font-size: 14px; margin-top: var(--gap-md); }
    .quote-mark   {
      font-family: var(--font-display);
      font-size: 140px; line-height: 0.7;
      color: var(--accent); opacity: 0.18;
      margin-bottom: -28px;
    }

    
    .pill {
      display: inline-flex; align-items: center; gap: 6px;
      padding: 4px 10px;
      background: var(--accent-soft);
      color: var(--accent);
      border-radius: 999px;
      font-family: var(--font-mono);
      font-size: 11px;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    .tag {
      display: inline-flex; align-items: center;
      padding: 4px 10px;
      background: transparent;
      color: var(--muted);
      border: 1px solid var(--border);
      border-radius: 999px;
      font-size: 12px;
    }

    
    .field { display: flex; flex-direction: column; gap: 6px; }
    .field label { font-size: 13px; color: var(--muted); }
    .input, .textarea {
      width: 100%;
      padding: 11px 14px;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      background: var(--surface);
      color: var(--fg);
      font: inherit;
      font-size: 15px;
    }
    .input:focus, .textarea:focus {
      outline: 2px solid var(--accent-soft);
      border-color: var(--accent);
    }
    .textarea { min-height: 96px; resize: vertical; line-height: 1.55; }

    
    .ds-table { width: 100%; border-collapse: collapse; font-size: 14px; }
    .ds-table th, .ds-table td { padding: 12px 14px; text-align: left; border-bottom: 1px solid var(--border); }
    .ds-table th { color: var(--muted); font-weight: 500; font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; }
    .ds-table tbody tr:hover { background: var(--fg-soft); }
    .ds-table .num-col { font-family: var(--font-mono); font-variant-numeric: tabular-nums; text-align: right; }

    
    .ph-img {
      background:
        linear-gradient(135deg, var(--accent-soft), var(--fg-soft)),
        var(--surface);
      border: 1px solid var(--border);
      border-radius: var(--radius-lg);
      aspect-ratio: 16 / 10;
      display: grid; place-items: center;
      color: var(--muted);
      font-family: var(--font-mono);
      font-size: 12px;
      letter-spacing: 0.04em;
    }
    .ph-img.square    { aspect-ratio: 1 / 1; }
    .ph-img.portrait  { aspect-ratio: 3 / 4; }
    .ph-img.wide      { aspect-ratio: 16 / 9; }
    .content-img {
      display: block;
      max-width: 100%;
      max-height: min(70vh, 720px);
      width: auto;
      height: auto;
      object-fit: contain;
      justify-self: center;
      border-radius: var(--radius-lg);
    }

    
    .rule  { border: 0; border-top: 1px solid var(--border); margin: 0; }
    .rule-strong { border: 0; border-top: 1px solid var(--fg); margin: 0; }

    
    .hero          { padding-block: clamp(80px, 12vw, 160px); }
    .hero-center   { text-align: center; max-width: 32ch; margin-inline: auto; }
    .hero h1       { margin-bottom: var(--gap-md); }
    .hero .lead    { margin-bottom: var(--gap-lg); }
    .hero-cta      { display: inline-flex; gap: var(--gap-sm); flex-wrap: wrap; }
    .hero-center .hero-cta { justify-content: center; }
    .hero-split    { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-2xl); align-items: center; }
    @media (max-width: 920px) { .hero-split { grid-template-columns: 1fr; } }

    
    .log-row { display: grid; grid-template-columns: 120px 1fr 100px; gap: var(--gap-lg); padding: 22px 0; border-top: 1px solid var(--border); align-items: baseline; }
    .log-row .meta { color: var(--muted); }
    .log-row h3 { font-size: 19px; }
    .log-row .pull { text-align: right; }
  
html {scroll-behavior:smooth} :focus-visible {outline:3px solid var(--accent);outline-offset:4px} .input:focus-visible,.textarea:focus-visible {outline:3px solid var(--accent);outline-offset:3px} [hidden]{display:none!important}
h3,h4 {font-family:var(--font-display)} .grid-2>*,.grid-3>*,.grid-4>*,.hero-split>* {min-width:0}
a:hover {text-decoration:underline;text-underline-offset:5px} .btn:hover,.product-image:hover,.news-image:hover,.brand:hover {text-decoration:none}
.btn {min-height:46px;justify-content:center} .btn-ghost:hover {color:var(--fg);background:var(--surface)} .btn-secondary {border-color:var(--fg)} .btn-secondary:hover {background:var(--surface);color:var(--fg)}
.skip-link {position:absolute;left:20px;top:-100px;z-index:100;background:var(--fg);color:var(--surface);padding:12px} .skip-link:focus {top:12px}
.utility {background:var(--fg);color:var(--surface);font-size:12px;letter-spacing:.01em} .utility .container {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px} .utility a {color:var(--surface)} .utility-phone {display:inline-flex;align-items:center;gap:9px;min-height:44px;font-variant-numeric:tabular-nums} .utility-phone svg {width:15px;height:15px} .utility-social {display:flex;align-items:center;gap:12px} .utility .social-links {gap:0} .utility .social-links a:hover {background:transparent;color:var(--surface);box-shadow:none} .utility-phones {display:flex;align-items:center;gap:12px;flex-wrap:wrap} .utility-phone+.utility-phone {border:0;padding-left:0} .utility-phone+.utility-phone::before {content:'\\';margin-right:3px;color:var(--surface)} .utility a:focus-visible {outline-color:var(--surface)}
.topnav {background:var(--surface)} .topnav-inner {min-height:76px;gap:24px;padding-block:10px} .brand {display:flex;align-items:center;gap:12px;flex-shrink:0} .brand img {height:48px;width:auto} .brand-name {display:block;font-family:'Boogaloo',var(--font-body);font-size:25px;font-weight:400;letter-spacing:.015em;text-transform:uppercase;line-height:1.05;color:var(--fg)} .brand-sub {display:block;font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.075em;text-transform:uppercase;margin-top:2px;color:var(--fg)} .brand>span {text-align:left}
.topnav nav {align-items:center;gap:25px} .topnav nav a,.topnav summary {font-size:13px;font-weight:500;color:var(--fg);min-height:44px;display:flex;align-items:center;cursor:pointer} .topnav nav a[aria-current=page] {text-decoration:underline;text-underline-offset:8px} .topnav details {position:relative} .topnav summary {gap:8px;list-style:none;text-decoration:none} summary::-webkit-details-marker{display:none} .topnav summary::after{content:'';display:block;width:7px;height:7px;flex-shrink:0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)} .topnav summary:hover .nav-label {text-decoration:underline;text-underline-offset:8px} .topnav details[open]>summary::after {transform:translateY(2px) rotate(225deg)} .nav-dropdown {position:absolute;top:calc(100% + 16px);left:0;width:310px;max-width:calc(100vw - 44px);background:var(--surface);border:1px solid var(--border);box-shadow:0 12px 40px var(--fg-soft);padding:8px;z-index:20} .topnav .nav-dropdown a {padding:10px 12px;font-size:13px;line-height:1.45;text-decoration:none;border-radius:2px} .topnav .nav-dropdown a:hover {background:var(--fg-soft);color:var(--fg);text-decoration:none;box-shadow:none} .topnav .nav-dropdown a[aria-current=page],.topnav .nav-dropdown a[aria-current=page]:hover {background:var(--fg);color:var(--surface);text-decoration:none} .topnav details[open]>summary,.topnav summary[aria-current=true] {text-decoration:none} .topnav details[open]>summary .nav-label,.topnav summary[aria-current=true] .nav-label {text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px} .topnav [data-od-id=nav-categories] {display:none} .topnav .nav-dropdown a:focus-visible {outline-offset:0} .menu-toggle {display:none;min-width:46px}
.hero-split {grid-template-columns:1fr 1.08fr;gap:48px} .home-hero {padding-top:64px;padding-bottom:64px;background:color-mix(in oklch,var(--surface) 50%,var(--border));color:var(--fg)} .home-hero .hero-split {grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:48px} .home-hero h1 {font-size:clamp(48px,5.2vw,72px);line-height:1.06;letter-spacing:-.025em;max-width:18ch} .home-hero .hero-kicker {display:block;font-family:var(--font-body);font-size:clamp(22px,2vw,24px);font-weight:500;font-style:normal;line-height:1.35;letter-spacing:normal;margin-bottom:8px;text-wrap:balance;color:var(--accent)} .home-hero .hero-visual {justify-self:end;width:100%} .home-hero .hero-visual img {margin-inline:0;width:100%;height:auto} .home-hero .lead {font-size:19px;max-width:46ch;margin-top:22px;color:var(--fg)} .hero-description {font-size:16px;line-height:1.7;max-width:50ch;color:var(--muted);margin:0} .hero-copy-rule {border:0;border-top:1px solid var(--border);max-width:50ch;margin:24px 0 18px} .home-hero .btn-primary {background:var(--accent);color:var(--surface);border-color:var(--accent)} .home-hero .btn-primary:hover {background:color-mix(in oklch,var(--accent) 88%,black);color:var(--surface)} .home-hero .btn-ghost {color:var(--fg);border-color:transparent} .home-hero .btn-ghost:hover {background:transparent;color:var(--fg);border-color:var(--fg)} .home-hero a:focus-visible {outline-color:var(--fg)} .home-page main>.section:not(.home-hero) {padding-block:64px} .home-page [data-od-id=our-process] h2,.home-page [data-od-id=quality] h2 {font-size:clamp(30px,3vw,38px)} .home-page [data-od-id=quality] {padding-block:40px!important} .home-page [data-od-id=quality] .lead {font-size:16px} .hero-visual {position:relative;min-width:0} .hero-visual img {width:auto;max-width:100%;max-height:none;border-radius:0;margin-inline:auto} .hero-caption {display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.07em;border-top:1px solid var(--border);padding-top:16px;margin:8px 24px 0;color:var(--muted)}
.origin-line {margin-top:38px;display:flex;gap:16px;align-items:center;font-size:11px;color:var(--muted)} .origin-line span:first-child{font-family:var(--font-display);font-style:italic;font-size:18px;color:var(--fg)} .origin-line span+span{border-left:1px solid var(--border);padding-left:16px}
.trust-strip {padding-block:25px;background:var(--surface)} .trust-strip .grid-3 {gap:24px} .trust-item {display:flex;gap:14px;align-items:center;font-size:13px}.trust-item svg{width:26px;height:26px;flex-shrink:0;stroke:var(--fg)} .trust-item small {display:block;color:var(--muted);font-size:11px;margin-top:3px}
.section-heading {margin-bottom:38px;align-items:end} .section-heading h2 {max-width:20ch} .section-heading .lead {font-size:15px;max-width:43ch} .section-heading .eyebrow{color:var(--fg);margin-bottom:14px}
.category-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.category-card {display:flex;flex-direction:column;border-top:1px solid var(--border);padding-top:24px} .category-card .product-image {min-height:200px;margin-bottom:19px} .category-card h3 {font-size:21px;max-width:18ch} .category-card p {font-size:12px;color:var(--muted);margin-top:9px}
.product-image {position:relative;display:flex;justify-content:center;align-items:center;background:var(--surface);padding:25px;min-height:260px;border:1px solid var(--border)} .product-image .content-img {max-height:220px;max-width:100%;width:auto;height:auto;border-radius:0;transition:transform .2s} .product-image:hover .content-img {transform:translateY(-5px)} .card-arrow {position:absolute;bottom:12px;right:13px;font-size:18px;color:var(--fg)} .product-card .meta{font-size:10px;letter-spacing:.04em;margin-top:21px;margin-bottom:8px} .product-card h3{font-size:24px}.product-card h3 a{display:inline-block;min-height:44px} .product-grid{row-gap:44px}
.story {background:var(--surface)} .story .hero-split {align-items:start;gap:80px} .story .content-img {width:100%;max-height:none;border-radius:2px}.story .lead{font-size:16px;margin-top:24px;margin-bottom:26px}.story h2{max-width:15ch}.story .meta{margin-top:22px;font-size:10px} .text-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.process-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px} .process-grid article {border-top:1px solid var(--border);padding-top:20px}.process-grid h3{font-size:23px;margin:15px 0 10px}.process-grid p{font-size:13px;color:var(--muted)}
.certifications{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:44px;padding:35px 0}.certifications img{max-width:95px;max-height:65px;object-fit:contain;border-radius:0}.cert-note{font-size:11px;color:var(--muted);text-align:center;max-width:80ch;margin:10px auto 0}.quality-section{background:var(--surface)}
.news-card{display:flex;flex-direction:column;height:100%;min-width:0}.news-image{display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);padding:16px;height:clamp(210px,19vw,260px);flex-shrink:0}.news-image .content-img{width:auto;height:auto;max-height:100%;max-width:100%;object-fit:contain;border-radius:0}.news-card .meta{font-size:10px;margin:21px 0 12px}.news-card h3{font-size:24px;line-height:1.25}.news-card .text-link{margin-top:auto;padding-top:16px;align-self:start}.news-card p{font-size:14px;color:var(--muted)}
.pagefoot{background:var(--fg);color:color-mix(in oklch,var(--surface) 88%,var(--fg));padding:48px 0 20px;font-size:14px;font-weight:400;line-height:1.55;border-top:0} .pagefoot .brand-name,.pagefoot h3 {color:var(--surface)} .pagefoot .brand-sub {color:color-mix(in oklch,var(--surface) 78%,var(--fg))} .pagefoot .brand img {height:64px;max-width:100%;width:auto;background:var(--surface);padding:7px;border-radius:4px;box-sizing:content-box} .pagefoot .brand-sub {color:var(--surface)} .pagefoot a:focus-visible {outline-color:var(--surface)} .pagefoot a:hover {color:var(--surface)} .pagefoot .social-links a:hover {background:transparent;color:var(--surface);box-shadow:none} .pagefoot .footer-bottom {border-color:color-mix(in oklch,var(--surface) 24%,var(--fg))}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1.15fr 1.45fr;gap:36px}.pagefoot h3{font-family:var(--font-display);font-size:18px;font-weight:500;letter-spacing:0;text-transform:none;margin-bottom:14px;color:var(--surface)} .pagefoot a{min-height:32px;display:flex;align-items:center;font-size:14px;font-weight:400}.pagefoot .brand{display:flex;min-height:0}.pagefoot p{max-width:35ch;font-size:14px;line-height:1.65;margin:16px 0}.pagefoot a[href^="mailto:"]{overflow-wrap:anywhere;word-break:normal}.footer-bottom{margin-top:32px;padding-top:16px;border-top:1px solid var(--border);font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-bottom a{display:inline-flex;min-height:44px;font-size:12px}.social-links{display:flex;align-items:center;gap:6px}.social-links a,.pagefoot .social-links a{display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:44px;flex-shrink:0;border-radius:50%;color:inherit}.social-links svg{width:17px;height:17px}.social-links a:hover{background:transparent;color:inherit;text-decoration:none;box-shadow:none} .social-links a svg {transition:transform .15s ease} .social-links a:hover svg {transform:translateY(-2px)}.pagefoot .social-links{margin-left:-12px}.social-links .text-link{padding:0;text-decoration:none}.social-links svg path{fill:currentColor}
.inner-hero{padding-block:70px}.hero-center{max-width:860px}.inner-hero h1{font-size:clamp(42px,5vw,66px)}.inner-hero .lead{font-size:17px}.inner-hero img{max-height:420px}.breadcrumb {font-size:11px;color:var(--muted);padding-top:28px;display:flex;flex-wrap:wrap;gap:9px}.breadcrumb a{min-height:44px;display:inline-flex;align-items:center}.breadcrumb span{display:inline-flex;align-items:center}
.filter-bar {display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.search-field{max-width:360px;width:100%}.filter-bar label{font-size:12px;color:var(--muted)}.filter-bar input,.filter-bar select{min-height:46px}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:35px;scroll-margin-top:100px}.filter-tab {border:1px solid var(--border);background:transparent;color:var(--fg);min-height:44px;padding:9px 15px;font:inherit;font-size:12px;border-radius:2px}.filter-tab[aria-pressed=true],.filter-tab[aria-current=page]{background:var(--fg);color:var(--surface);border-color:var(--fg)}.filter-tab:hover{border-color:var(--fg);background:var(--surface);color:var(--fg);text-decoration:none}.filter-tab:is([aria-pressed=true],[aria-current=page]):hover{background:var(--fg);color:var(--surface);border-color:var(--fg);text-decoration:none} .catalog-toolbar{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:24px}.pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:52px}.pagination button{min-width:44px;min-height:44px;color:var(--fg);background:transparent;border:1px solid var(--border)}.pagination button[aria-current=page]{color:var(--surface);background:var(--fg)}
.product-detail {grid-template-columns:1fr 1fr;gap:70px;align-items:start}.detail-image{background:var(--surface);border:1px solid var(--border);padding:40px;display:flex;justify-content:center}.detail-image img{max-height:470px;border-radius:0;max-width:100%;height:auto;width:auto}.product-detail h1{font-size:clamp(42px,4.6vw,64px);line-height:1.08}.product-detail .lead{font-size:16px;margin-top:18px;max-width:48ch}.detail-facts{margin:28px 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:18px 0;gap:18px;font-size:13px}.detail-facts dt{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.detail-facts dd{margin:0}.detail-note{font-size:11px;color:var(--muted);max-width:58ch;margin:16px 0 0}.product-tabs{display:flex;gap:26px;border-bottom:1px solid var(--border);margin-bottom:32px;flex-wrap:wrap}.product-tabs button{min-height:50px;background:transparent;border:0;color:var(--muted);font:inherit;font-size:14px;padding:12px 0;border-bottom:2px solid transparent}.product-tabs button[aria-selected=true]{border-color:var(--fg);color:var(--fg)}.product-tabs button:hover{color:var(--fg)}
.prose{max-width:780px}.prose p{font-size:16px;line-height:1.8}.prose h3{font-size:29px;margin-top:30px;margin-bottom:14px}.prose img{margin:26px auto}.prose ul,.prose ol{padding-left:24px}.prose li{margin-bottom:12px}.prose table{border-collapse:collapse;width:100%;margin:26px 0;font-size:13px}.prose td,.prose th{border-bottom:1px solid var(--border);padding:10px;text-align:left;overflow-wrap:anywhere}.prose a{overflow-wrap:anywhere;text-decoration:underline}.source-note{padding:20px;border:1px solid var(--border);background:var(--surface);font-size:13px;margin:20px 0}.archive-description{border-top:1px solid var(--border);margin-top:24px}.archive-description summary{padding:20px 0;min-height:44px;cursor:pointer;font-size:13px;text-decoration:underline;text-underline-offset:4px}.archive-description .prose{color:var(--muted)}
.article-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px;align-items:start}.article-gallery img{max-height:270px;width:auto;height:auto;border-radius:0}.article-gallery a{display:flex;justify-content:center;background:var(--surface);padding:10px;min-height:44px}.timeline .log-row{grid-template-columns:100px 1fr}.timeline h3{font-size:24px}.values-grid h3{font-size:27px}.values-grid p{font-size:14px;color:var(--muted)} .policy-grid{grid-template-columns:1fr 2fr}.policy-grid .card-rule{border-color:var(--border)}
.contact-grid{grid-template-columns:1fr 1.5fr;gap:80px}.contact-info dt{font-family:var(--font-mono);text-transform:uppercase;font-size:11px;color:var(--muted);margin-top:25px;margin-bottom:9px}.contact-info dd{margin:0;font-size:16px}.contact-info a{min-height:44px;display:inline-flex;align-items:center}.contact-form{padding:35px;background:var(--surface);border:1px solid var(--border)}.contact-form .grid-2{gap:20px}.contact-form .field{margin-bottom:20px}.contact-form label{color:var(--fg)}.contact-form .textarea{min-height:130px}.check-label{display:flex;gap:10px;align-items:start;font-size:12px;margin-bottom:22px}.check-label input{width:18px;height:18px;flex-shrink:0}.form-status{font-size:13px;margin:12px 0 0}.faq details{border-top:1px solid var(--border)}.faq summary{font-family:var(--font-display);font-size:23px;padding:24px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::after{content:'+';font-family:var(--font-body)}.faq details[open] summary::after{content:'−'}.faq p{padding-bottom:20px;color:var(--muted);max-width:70ch;margin-top:0}
.chat-trigger{position:fixed;bottom:22px;right:24px;z-index:30;border:1px solid color-mix(in oklch,var(--surface) 30%,var(--fg));background:var(--fg);color:var(--surface);border-radius:50%;padding:0;width:62px;height:62px;min-height:62px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px color-mix(in oklch,var(--fg) 20%,transparent)}.chat-trigger:hover{background:color-mix(in oklch,var(--fg) 85%,black);color:var(--surface)}.chat-trigger:focus-visible{outline-color:var(--fg);box-shadow:0 0 0 3px var(--surface)}.chat-trigger svg{width:30px;height:30px}.chat-panel{position:fixed;bottom:96px;right:24px;width:min(390px,calc(100vw - 32px));height:min(620px,calc(100dvh - 120px));max-height:calc(100dvh - 120px);z-index:40;border:1px solid var(--border);background:var(--surface);border-radius:8px;box-shadow:0 12px 70px color-mix(in oklch,var(--fg) 18%,transparent);display:flex;flex-direction:column}.chat-head{padding:18px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:15px}.chat-head strong{font-family:var(--font-display);font-size:23px}.chat-head small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.chat-close{width:44px;height:44px;border:0;background:transparent;color:var(--fg);font-size:24px}.chat-messages{padding:20px;overflow-y:auto;min-height:0;flex:1;display:flex;flex-direction:column;gap:14px;font-size:13px}.chat-message{padding:14px;background:var(--bg);border:1px solid var(--border);border-radius:6px;max-width:95%;line-height:1.6}.chat-message.user{background:var(--fg);color:var(--surface);align-self:end;border-color:var(--fg)}.chat-message a{text-decoration:underline;display:inline-flex;min-height:35px;align-items:center}.chat-head,.chat-suggestions,.chat-form{flex-shrink:0}.chat-suggestions{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 16px}.chat-suggestions button{font:inherit;font-size:11px;min-height:44px;border:1px solid var(--border);background:var(--surface);color:var(--fg);padding:8px 10px}.chat-suggestions button:hover{border-color:var(--fg)}.chat-form{padding:14px;border-top:1px solid var(--border);display:flex;gap:8px}.chat-form input{min-width:0;flex:1}.chat-form button{min-width:44px;border:0;background:var(--fg);color:var(--surface);border-radius:4px;font-size:22px}.chat-form button:hover{background:color-mix(in oklch,var(--fg) 88%,black)}
.site-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.site-map-grid a{display:block;min-height:44px;font-size:13px;padding:9px 0}.site-map-grid h2{font-size:29px;margin-bottom:20px}.sitemap-count{font-size:11px;color:var(--muted)}
.inner-hero.compact-header {padding-block:40px 24px;background:var(--surface)} .compact-header .hero-center {max-width:none;margin:0;text-align:left} .compact-header .eyebrow {color:var(--fg);font-size:12px;margin-bottom:10px} .inner-hero.compact-header h1 {font-size:clamp(30px,3vw,40px);line-height:1.15;letter-spacing:-.02em;margin:0} .compact-header .lead {font-size:16px;max-width:72ch;margin:12px 0 0!important} .compact-header+.section {padding-top:12px;background:color-mix(in oklch,var(--surface) 50%,var(--border));border-top:0} .compact-header .hero-split {grid-template-columns:1.5fr 1fr;gap:40px} .compact-header img {max-height:160px;width:auto;height:auto;border-radius:2px} .compact-header .hero-split .lead {max-width:60ch}
.about-page main>.section {padding-block:60px} .about-page main>.about-intro {padding-block:40px} .about-intro .hero-split {grid-template-columns:1.3fr 1fr;gap:64px} .about-page .about-intro h1 {font-size:clamp(40px,4.2vw,58px);line-height:1.1} .about-intro .eyebrow {color:var(--fg);margin-bottom:18px} .about-intro .lead {font-size:17px;max-width:48ch} .about-intro .text-link {margin-top:20px} .about-factory {margin:0;justify-self:end} .about-factory img {max-height:320px;width:auto;height:auto;border-radius:2px} .about-factory figcaption {font-size:12px;color:var(--muted);margin-top:12px} .about-page h2 {font-size:clamp(30px,3vw,40px);line-height:1.15} .about-page .values-grid h3 {font-size:25px;font-weight:500} .about-page .values-grid p {font-size:15px;line-height:1.7} .company-facts {display:grid;grid-template-columns:.7fr .8fr 1.5fr;gap:24px;border-block:1px solid var(--border);padding-block:22px;margin-block:28px} .company-facts dt {font-size:12px;color:var(--muted);margin-bottom:6px} .company-facts dd {margin:0;font-size:16px;color:var(--fg)} .history-note {font-size:12px;color:var(--muted);max-width:65ch;margin-top:20px} .about-page .timeline .log-row {padding-block:20px} .about-page .timeline p {font-size:15px;margin:8px 0 0}
main {background:var(--surface)}
.home-page [data-od-id=our-story],.home-page [data-od-id=philosophy-preview],.about-page [data-od-id=factory],.about-page [data-od-id=history],.about-page [data-od-id=why-nutrikokos] {background:color-mix(in oklch,var(--surface) 50%,var(--border))}
.home-page [data-od-id=product-categories],.home-page [data-od-id=our-process],.home-page [data-od-id=news-events],.home-page [data-od-id=quality],.about-page [data-od-id=company-story],.about-page [data-od-id=vision-mission],.about-page [data-od-id=values],.about-page [data-od-id=certifications] {background:var(--surface)}
.home-page [data-od-id=our-process],.about-page [data-od-id=why-nutrikokos] {border-top:0}
.home-page [data-od-id=philosophy-preview] {color:var(--fg);border-top:0}
.home-page [data-od-id=philosophy-preview] .grid-2 {align-items:center}
.home-page [data-od-id=philosophy-preview] .content-img {max-width:90%;width:auto;height:auto;justify-self:end}
.home-page [data-od-id=philosophy-preview] .text-link,.home-page [data-od-id=philosophy-preview] .text-link:hover {text-decoration:none}
.home-page [data-od-id=philosophy-preview] .link-label {text-decoration:underline;text-underline-offset:5px}
main>.inner-hero:first-child, .about-page main>.about-intro {background:color-mix(in oklch,var(--surface) 50%,var(--border));color:var(--fg);border-top:0}
main>.inner-hero:first-child .eyebrow {color:var(--fg)}
main>.inner-hero:first-child .lead, main>.inner-hero:first-child .meta, main>.inner-hero:first-child figcaption {color:var(--muted)}
main>.compact-header:has(+ :is([data-od-id=catalog],[data-od-id=category-collections],[data-od-id=journal-list])) {background:var(--surface);padding-block:clamp(24px,3vw,36px)}
main>.compact-header + :is([data-od-id=catalog],[data-od-id=category-collections],[data-od-id=journal-list]) {background:color-mix(in oklch,var(--surface) 50%,var(--border));padding-top:clamp(28px,3vw,40px);border-top:1px solid var(--border)}
.soft-listing-transition main>.compact-header {
  padding-bottom:max(32px,clamp(24px,3vw,36px));
  background:linear-gradient(to bottom,var(--surface) calc(100% - 32px),color-mix(in oklch,var(--surface) 75%,var(--border)) 100%);
}
.soft-listing-transition main>.compact-header + :is([data-od-id=catalog],[data-od-id=journal-list]) {
  border-top:0;
  padding-top:max(32px,clamp(28px,3vw,40px));
  background:linear-gradient(to bottom,color-mix(in oklch,var(--surface) 75%,var(--border)) 0,color-mix(in oklch,var(--surface) 50%,var(--border)) 32px);
}
.content-opening {background:color-mix(in oklch,var(--surface) 50%,var(--border));padding-block:clamp(40px,5vw,64px);color:var(--fg)}
.content-opening .grid-1-2 {grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(28px,4vw,56px)}
.content-opening .grid-1-2>* {min-width:0}
.content-opening h1 {font-size:clamp(36px,4vw,54px);line-height:1.12}
.content-opening h2 {font-size:clamp(28px,2.7vw,36px);line-height:1.2}
.content-opening .eyebrow {color:var(--fg);margin-bottom:16px}
.content-opening .lead {margin-top:20px;font-size:17px;line-height:1.7;max-width:50ch;color:var(--muted)}
.content-opening .prose>:first-child {margin-top:0}
.content-opening .prose>.lead {font-size:19px;color:var(--fg);line-height:1.6}
.content-opening .prose>:last-child {margin-bottom:0}
@media(max-width:920px){.content-opening .grid-1-2 {grid-template-columns:1fr}}
.policies-page [data-od-id=environment-policy],.philosophy-page [data-od-id=employee-welfare],.philosophy-page [data-od-id=csr] {background:var(--surface)}
.policies-page [data-od-id=policy-certifications] {background:var(--surface)}
.philosophy-page [data-od-id=welfare-gallery] {background:color-mix(in oklch,var(--surface) 50%,var(--border))}
main>.inner-hero:first-child a:focus-visible {outline-color:var(--fg)}
main>.inner-hero:first-child .btn-primary {background:var(--accent);color:var(--surface);border-color:var(--accent)}
main>.inner-hero:first-child .btn-primary:hover {background:color-mix(in oklch,var(--accent) 88%,black);color:var(--surface)}
main>.inner-hero:first-child .btn-secondary {border-color:var(--fg);color:var(--fg)}
main>.inner-hero:first-child .btn-secondary:hover {background:var(--surface);color:var(--fg)}
@media(max-width:820px){.utility .container {flex-direction:column;gap:0;padding-block:4px}.utility-phones {justify-content:center;gap:12px}.utility-phone+.utility-phone {padding-left:0}.utility-social {justify-content:center}.utility-social>span {display:inline}.utility .social-links a {width:44px;min-height:44px}}
@media(max-width:600px){.topnav .brand-sub {font-size:10px;letter-spacing:.065em}.home-hero .hero-kicker {font-size:22px;margin-bottom:8px}.hero-description {font-size:15px}.utility-phone {font-size:11px}.chat-panel {bottom:90px}.pagefoot .brand-sub {font-size:11px}.home-hero .hero-copy-rule {margin-block:22px 16px}}
@media(pointer:coarse){.pagefoot a{min-height:44px}}
@media(max-width:920px){.compact-header .hero-split {grid-template-columns:1fr;gap:20px}.compact-header .hero-split img {justify-self:start;max-height:145px}.about-intro .hero-split {grid-template-columns:1fr 1fr;gap:32px}.about-factory img {max-height:300px}.pagefoot a{min-height:44px}.about-page .about-intro h1{font-size:42px}}
@media(max-width:600px){.inner-hero.compact-header {padding-block:32px 20px}.inner-hero.compact-header h1 {font-size:32px}.compact-header+.section {padding-top:8px}.about-intro .hero-split {grid-template-columns:1fr;gap:28px}.about-factory {justify-self:start}.about-factory img {max-height:270px}.about-page main>.section {padding-block:44px}.about-page main>.about-intro {padding-block:32px}.about-page .about-intro h1{font-size:40px}.company-facts {grid-template-columns:1fr 1fr;gap:20px}.company-facts>div:last-child{grid-column:1/-1}.home-page main>.section:not(.home-hero) {padding-block:48px}}
@media(min-width:1920px){.container{max-width:1440px}.home-hero h1{font-size:72px}}
@media(max-width:1100px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-split{gap:32px}.hero-caption{margin-inline:0}.footer-grid{gap:25px}.process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:920px){.hero-split,.home-hero .hero-split,.product-detail,.policy-grid,.contact-grid{grid-template-columns:1fr}.home-hero .hero-visual img{width:auto;margin-inline:auto}.hero-split{gap:40px}.home-hero{padding-top:48px}.home-hero h1{font-size:clamp(44px,7vw,64px);max-width:20ch}.home-hero .lead{max-width:55ch}.hero-visual{max-width:630px;margin-inline:auto;width:100%}.hero-visual img{max-height:450px}.story .hero-split{gap:40px}.story h2{max-width:22ch}.grid-3.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1.7fr 1fr}.contact-grid{gap:32px}.product-detail{gap:38px}.detail-image img{max-height:370px}.trust-strip .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-item{font-size:11px;gap:9px}.trust-item small{font-size:10px}.site-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){:root{--gutter:22px;--fs-h2:36px}.utility{font-size:11px}.utility .container{justify-content:space-between;gap:8px}.utility-social{gap:0}.utility-social>span{display:inline}.utility .social-links a{width:44px;min-height:44px}.utility .social-links svg{width:15px;height:15px}.topnav-inner{min-height:68px;gap:12px}.brand img{height:44px}.brand-name{font-size:24px}.brand-sub{font-size:10px}.topnav .contact-nav{display:none}.brand{gap:10px}.home-hero{padding-top:44px;padding-bottom:32px}.home-hero h1{font-size:clamp(38px,10vw,52px);max-width:20ch}.home-hero .lead{font-size:16px;margin-top:23px}.origin-line{margin-top:27px}.hero-visual{margin-top:0}.hero-caption{font-size:8px;gap:15px}.hero-split{gap:25px}.hero-cta{gap:10px}.hero-cta .btn{font-size:13px;padding:11px 17px}.trust-strip .grid-3{grid-template-columns:1fr;gap:18px}.trust-item{font-size:13px;gap:15px}.trust-item small{display:inline;margin-left:6px;font-size:10px}.trust-item svg{width:23px;height:23px}.section-heading,.row-between{flex-wrap:wrap}.section-heading{gap:20px}.section-heading h2{max-width:22ch}.category-grid{grid-template-columns:1fr 1fr;gap:25px 14px}.category-card .product-image{padding:18px;min-height:175px}.category-card .product-image img{max-height:155px}.category-card h3{font-size:22px}.category-card p{font-size:11px}.process-grid{grid-template-columns:1fr;gap:16px}.process-grid article{display:grid;grid-template-columns:32px 1fr;column-gap:14px}.process-grid h3{margin:0;font-size:23px}.process-grid p{grid-column:2;margin-top:8px}.process-grid .meta{padding-top:4px}.certifications{gap:26px}.certifications img{max-width:75px;max-height:55px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px 22px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{padding-bottom:60px}.inner-hero{padding-block:46px}.inner-hero .lead{font-size:16px}.inner-hero h1{font-size:43px}.filter-bar{flex-direction:column;align-items:stretch;gap:18px}.search-field{max-width:none}.filter-tabs{gap:7px}.filter-tab{font-size:11px;padding:9px 12px}.grid-3.product-grid{grid-template-columns:1fr}.product-image{min-height:285px}.product-image .content-img{max-height:250px}.detail-image{padding:26px}.product-detail h1{font-size:43px}.product-tabs{gap:17px}.product-tabs button{font-size:12px}.contact-form{padding:23px}.contact-form .grid-2{gap:0}.contact-form .btn{width:100%}.faq summary{font-size:22px}.article-gallery{grid-template-columns:1fr 1fr;gap:12px}.article-gallery img{max-height:200px}.site-map-grid{grid-template-columns:1fr}.log-row{grid-template-columns:1fr;gap:8px}.log-row .pull{text-align:left}.chat-trigger{bottom:16px;right:16px;padding:0}.chat-panel{right:16px;bottom:90px}.timeline .log-row{grid-template-columns:70px 1fr;gap:16px}.detail-facts{gap:12px}.breadcrumb{font-size:10px}.news-card h3{font-size:27px}.product-detail .hero-cta{display:flex}.product-detail .hero-cta>*{flex:1}.prose p{font-size:15px}}
.product-page .breadcrumb {padding-top:14px;font-size:12px;gap:8px}
.product-page [data-od-id=product-detail] {padding-block:20px 40px}
.product-page .product-detail {grid-template-columns:minmax(0,510px) minmax(0,1fr);gap:clamp(36px,4vw,56px);align-items:start}
.product-page .detail-image {width:100%;max-width:510px;justify-self:start;margin-inline:0;padding:clamp(24px,2.5vw,32px);border:1px solid var(--border);justify-content:center;align-items:center}
.product-page .detail-image img {max-height:400px;max-width:min(100%,420px);width:auto;height:auto;object-fit:contain;justify-self:center}
@media(min-width:921px){.product-page .detail-image img {max-height:440px;max-width:min(100%,430px)}}
.product-page .product-summary {min-width:0;text-align:left}
.product-page .product-summary .eyebrow {margin:0 0 10px}
.product-page .product-detail h1 {font-size:clamp(32px,2.8vw,40px);line-height:1.18;letter-spacing:-.015em}
.product-page .product-summary .lead {margin:16px 0 0;font-size:16px;line-height:1.65;max-width:48ch}
.product-page .product-summary .hero-cta {margin-top:32px}
.product-page .marketplace-buy {margin-top:48px;padding-top:0;border-top:0}
.product-page .marketplace-buy h2 {font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1.3;letter-spacing:-.01em;text-transform:none;color:var(--fg);margin:0 0 14px}
.product-page .marketplace-links {display:flex;flex-wrap:wrap;gap:10px}
.product-page .marketplace-link {display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;min-height:56px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);font-family:var(--font-body);font-size:14px;font-weight:500;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.product-page .marketplace-link:hover {background:var(--surface);color:var(--fg);border-color:var(--fg);box-shadow:0 2px 6px var(--fg-soft);text-decoration:none;transform:translateY(-1px)}
.product-page .marketplace-link:focus-visible {outline:3px solid var(--fg);outline-offset:3px;background:var(--surface);color:var(--fg)}
.product-page .marketplace-link:active {transform:translateY(0);background:var(--surface);color:var(--fg);border-color:var(--fg)}
.product-page .marketplace-logo {display:block;width:24px;height:24px;flex:0 0 24px;background:var(--marketplace-mark) center / contain no-repeat}
.product-page .marketplace-logo-aliexpress {--marketplace-mark:url('icons/aliexpress-color.svg');width:82px;flex-basis:82px}
.product-page .marketplace-logo-aliexpress+span {display:none}
.product-page .marketplace-logo-amazon {--marketplace-mark:url('icons/amazon-color.svg')}
.product-page .marketplace-logo-daraz {--marketplace-mark:url('icons/daraz.png')}
.product-page .marketplace-arrow {margin-left:4px;font-size:16px;line-height:1}
.product-page .marketplace-note {font-size:12px;line-height:1.5;margin:12px 0 0;color:var(--muted)}
.product-page .product-trade-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.product-page .product-trade-actions .btn {font-size:14px;padding:11px 16px}
.product-page .product-trade-actions .btn-primary,.product-request-dialog .btn-primary {background:var(--accent);color:var(--surface);border-color:var(--accent)}
.product-page .product-trade-actions .btn-primary:hover,.product-request-dialog .btn-primary:hover {background:color-mix(in oklch,var(--accent) 85%,var(--fg));color:var(--surface);border-color:var(--fg)}
.product-page .product-trade-actions .btn:active,.product-request-dialog .btn:active {transform:translateY(1px)}
.product-page .product-tab-action {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;max-width:860px}
.product-page .product-tab-action p {flex:1;min-width:0;margin:0;font-size:14px;line-height:1.65;color:var(--muted);max-width:58ch}
.product-page .product-tab-action .btn {flex:0 0 auto;font-size:14px}
.product-page .packaging-table-wrap {max-width:min(100%,860px);overflow-x:auto}
.product-page .packaging-table {width:100%;table-layout:fixed;margin:0;min-width:0}
.product-page .packaging-sample-note {max-width:860px;font-size:12px;line-height:1.6;text-align:left;color:var(--muted);margin:12px 0 0}
.product-page .packaging-table th,.product-page .packaging-table td {vertical-align:top;overflow-wrap:break-word;padding:12px 14px;font-size:14px;line-height:1.5}
.product-page .packaging-table thead th {font-family:var(--font-body);text-transform:none;letter-spacing:0;font-size:13px;font-weight:500;color:var(--muted)}
.product-page .packaging-table tbody th {font-family:var(--font-body);text-transform:none;letter-spacing:0;font-weight:500;color:var(--fg)}
.product-page .packaging-table th:first-child {width:24%}
.product-page .packaging-table thead th:nth-child(2),.product-page .packaging-table thead th:nth-child(3) {width:15%}
.product-page .packaging-table thead th:nth-child(4) {width:24%}
.product-page .packaging-table thead th:nth-child(5) {width:22%}
.product-page .packaging-table td:nth-child(2) {font-variant-numeric:tabular-nums}
.product-page .packaging-table td:nth-child(n+3) {color:var(--muted)}
.product-request-dialog {width:min(620px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);padding:32px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--fg);overflow-y:auto;box-shadow:0 20px 80px color-mix(in oklch,var(--fg) 22%,transparent)}
.product-request-dialog::backdrop {background:color-mix(in oklch,var(--fg) 45%,transparent)}
.product-request-dialog .request-dialog-head {display:flex;align-items:start;justify-content:space-between;gap:16px}
.product-request-dialog h2 {font-family:var(--font-display);font-size:32px;line-height:1.2}
.product-request-dialog .request-product {font-family:var(--font-mono);font-size:12px;color:var(--muted);margin:0 0 10px;overflow-wrap:anywhere}
.product-request-dialog .request-close {flex-shrink:0;width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);font-size:26px;line-height:1}
.product-request-dialog .request-close:hover {border-color:var(--fg);background:var(--fg-soft);color:var(--fg)}
.product-request-dialog .request-intro {font-size:15px;line-height:1.6;margin:16px 0 24px;color:var(--muted)}
.product-request-dialog .request-fields {gap:18px;margin-bottom:18px}
.product-request-dialog .field {margin-bottom:18px}
.product-request-dialog .request-fields .field {margin-bottom:0;min-width:0}
.product-request-dialog .field label {color:var(--fg);font-size:13px}
.product-request-dialog .field label span {color:var(--muted)}
.product-request-dialog .input {min-height:46px;min-width:0}
.product-request-dialog .textarea {min-height:88px}
.product-request-dialog .request-prototype-note {font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 20px}
.product-request-dialog .request-form-actions {display:flex;justify-content:flex-end;margin-top:24px}
.product-request-dialog .form-status {font-size:15px;line-height:1.7;margin:0 0 24px;color:var(--fg)}
.product-request-dialog .request-result-actions {display:flex;flex-wrap:wrap;gap:12px}
.product-request-dialog .request-edit {margin-top:16px}
.product-request-dialog .btn:focus-visible,.product-request-dialog .request-close:focus-visible {outline:3px solid var(--fg);outline-offset:3px}
.product-request-dialog .btn-secondary:hover,.product-request-dialog .btn-ghost:hover {background:var(--fg-soft);color:var(--fg);border-color:var(--fg)}
@media(max-width:600px){.product-request-dialog {padding:22px}.product-request-dialog h2 {font-size:28px}.product-request-dialog .request-fields {grid-template-columns:1fr}.product-request-dialog .request-result-actions {flex-direction:column;align-items:stretch}.product-page .product-trade-actions {gap:10px}.product-page .product-trade-actions .btn {flex:1 1 180px}.product-page .product-tab-action {align-items:start;flex-direction:column;gap:16px}.product-page .product-tab-action .btn {align-self:flex-start}.product-page .packaging-table {min-width:0;table-layout:auto}.product-page .packaging-table thead {display:none}.product-page .packaging-table tbody {display:block}.product-page .packaging-table tr {display:grid;grid-template-columns:1fr 1fr;gap:0;padding:14px 0;border-top:1px solid var(--border)}.product-page .packaging-table th:first-child {grid-column:1/-1;width:auto;padding:0 0 12px;border:0}.product-page .packaging-table td {padding:8px 12px 8px 0;border:0}.product-page .packaging-table td::before {display:block;color:var(--fg);font-size:12px;font-weight:500;margin-bottom:4px}.product-page .packaging-table td:nth-child(2)::before {content:'Net pack size'}.product-page .packaging-table td:nth-child(3)::before {content:'Units / carton'}.product-page .packaging-table td:nth-child(4)::before {content:'Net contents / carton'}.product-page .packaging-table td:nth-child(5)::before {content:'20-ft container'}}
.product-page [data-od-id=product-information] {border-top:0;padding-block:0 48px}
.product-page .product-tabs {gap:32px;margin-bottom:24px;border-bottom:0;flex-wrap:nowrap;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding:4px 4px 8px;scroll-padding-inline:8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.product-page .product-tabs button {font-size:15px;color:var(--fg);flex:0 0 auto;white-space:nowrap}
.product-page .product-tabs button:hover {border-bottom-color:var(--fg)}
.product-page .product-tabs button:focus-visible {outline:2px solid var(--fg);outline-offset:1px;background:var(--surface);color:var(--fg)}
@media(max-width:600px){.product-page .product-tabs {gap:24px}.product-page .product-tabs button {font-size:14px}}
.product-page [role=tabpanel] .prose>:first-child {margin-top:0}
.product-page [role=tabpanel] .prose>:last-child {margin-bottom:0}
.product-page .prose table caption {font-family:var(--font-display);font-size:24px;text-align:left;color:var(--fg);margin-bottom:16px}
.product-page .prose th {color:var(--fg);font-weight:600;text-transform:none;letter-spacing:0;font-family:var(--font-body);font-size:14px}
.product-page .prose .specification-note {font-size:13px;line-height:1.6;color:var(--muted);max-width:64ch}
.product-page [data-od-id=related-products] {padding-block:48px;background:color-mix(in oklch,var(--surface) 50%,var(--border));border-top:0}
.product-page [data-od-id=related-products] .section-heading {gap:16px 32px;align-items:center;flex-wrap:wrap}
.product-page [data-od-id=related-products] h2 {max-width:none;font-size:clamp(28px,2.7vw,36px);line-height:1.2;text-wrap:pretty}
.product-page [data-od-id=related-products] .product-image {height:260px;min-height:0}
.product-page [data-od-id=related-products] .product-image img {max-height:100%;width:auto;height:auto;max-width:100%}
@media(max-width:920px){.product-page .product-detail {grid-template-columns:1fr}.product-page .detail-image img {max-height:350px}}
@media(max-width:600px){.product-page [data-od-id=product-detail] {padding-block:12px 32px}.product-page .product-detail {gap:24px}.product-page .detail-image {max-width:400px;padding:24px}.product-page .detail-image img {max-height:300px}.product-page .product-detail h1 {font-size:30px}.product-page .product-summary .hero-cta {display:inline-flex}.product-page [data-od-id=product-information] {padding-bottom:36px}.product-page [data-od-id=related-products] {padding-block:36px}}
.home-page .category-card {border-top:0;padding-top:0;height:100%}
.home-page .category-card .product-image {height:clamp(200px,18vw,240px);min-height:0;padding:20px;flex-shrink:0}
.home-page .category-card .product-image .content-img {width:auto;height:auto;max-width:100%;max-height:100%}
.home-page .category-card h3 {flex:1;margin:0}
.home-page .category-card p {margin-bottom:0}
.home-page [data-od-id=product-categories] .text-link,.home-page [data-od-id=product-categories] .text-link:hover {text-decoration:none}
.home-page [data-od-id=product-categories] .link-label {text-decoration:underline;text-underline-offset:5px}
.home-page .story h2 {max-width:20ch}
.home-page [data-od-id=our-process] .section-heading .lead {max-width:58ch;margin-top:18px}
.home-page .process-flow {grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
.home-page .process-flow>li {display:grid;grid-template-rows:150px 32px minmax(52px,auto) 1fr;gap:12px;min-width:0;align-content:start}
.home-page .process-photo {display:flex;align-items:center;justify-content:center;height:150px;background:var(--bg)}
.home-page .process-photo .content-img {width:auto;height:auto;max-width:100%;max-height:100%;border-radius:0}
.home-page .process-node {display:flex;align-items:center;gap:12px;color:var(--fg);font-size:13px}
.home-page .process-node::before {content:'';order:1;flex:1;border-top:1px solid var(--border)}
.home-page .process-node::after {content:'→';order:2;font-size:18px}
.home-page .process-flow>li:last-child .process-node::before,.home-page .process-flow>li:last-child .process-node::after {content:none}
.home-page .process-flow h3 {font-size:clamp(20px,1.7vw,23px);line-height:1.3;margin:0}
.home-page .process-flow p {font-size:14px;line-height:1.65;color:var(--muted);margin:0}
.home-page [data-od-id=quality] .eyebrow {color:var(--fg);font-weight:600}
.home-page [data-od-id=quality] .lead {max-width:none}
.home-page [data-od-id=quality] .certifications {padding-bottom:12px}
.home-page .certifications,.about-page .certifications,.policies-page .certifications {gap:36px}
.home-page .certifications img,.about-page .certifications img,.policies-page .certifications img {max-width:110px;max-height:80px;width:auto;height:auto;object-fit:contain;flex-shrink:0}
[data-od-id=journal-toolbar] .filter-tabs {margin-bottom:0;min-width:0}
[data-od-id=journal-toolbar] .search-field {flex:0 1 360px;min-width:0}
@media(max-width:920px){
  [data-od-id=journal-toolbar] {flex-direction:column;align-items:stretch;gap:18px}
  [data-od-id=journal-toolbar] .search-field {flex:auto;max-width:none}
}
@media(max-width:600px){
  .home-page .certifications,.about-page .certifications,.policies-page .certifications {gap:24px}
  .home-page .certifications img,.about-page .certifications img,.policies-page .certifications img {max-width:90px;max-height:68px}
}
@media(max-width:920px){
  .home-page .process-flow {grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
  .home-page .process-flow>li {grid-template-rows:170px 32px auto 1fr}
  .home-page .process-photo {height:170px}
  .home-page .process-flow>li:nth-child(even) .process-node::before,.home-page .process-flow>li:nth-child(even) .process-node::after {content:none}
}
@media(max-width:600px){
  .home-page .category-card .product-image {height:200px;padding:16px}
  .home-page .process-flow {grid-template-columns:1fr;gap:24px}
  .home-page .process-flow>li {grid-template-columns:minmax(104px,.7fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:6px 18px}
  .home-page .process-photo {grid-column:1;grid-row:1 / span 3;height:130px}
  .home-page .process-flow .process-node,.home-page .process-flow h3,.home-page .process-flow p {grid-column:2}
  .home-page .process-flow .process-node::before,.home-page .process-flow .process-node::after {content:none}
}
main:has(> [data-od-id=article-body]) > .breadcrumb {padding-top:14px;font-size:12px}
.inner-hero:has(+ [data-od-id=article-body]) {padding-block:24px 20px;background:var(--surface)}
.inner-hero:has(+ [data-od-id=article-body]) .hero-center {max-width:780px;margin-inline:auto;text-align:left}
.inner-hero:has(+ [data-od-id=article-body]) .eyebrow {margin-bottom:10px}
.inner-hero:has(+ [data-od-id=article-body]) h1 {font-size:clamp(30px,3vw,40px);line-height:1.18;letter-spacing:-.015em;margin:0;overflow-wrap:break-word}
.inner-hero:has(+ [data-od-id=article-body]) .lead {font-size:15px;line-height:1.6;max-width:none;margin:12px 0 0!important}
.section[data-od-id=article-body] {padding-block:16px 48px;border-top:0}
[data-od-id=article-body] .prose > :first-child {margin-top:0}
.section[data-od-id=related-stories] {padding-block:48px;background:color-mix(in oklch,var(--surface) 50%,var(--border));border-top:0}
[data-od-id=related-stories] .section-heading {gap:16px 32px;align-items:center;flex-wrap:wrap}
[data-od-id=related-stories] h2 {max-width:none;font-size:clamp(28px,2.7vw,36px);line-height:1.2;text-wrap:pretty}
@media(max-width:600px){.inner-hero:has(+ [data-od-id=article-body]) {padding-block:20px 16px}.section[data-od-id=article-body] {padding-block:12px 36px}.section[data-od-id=related-stories] {padding-block:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.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}
.topnav-inner {display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px}
.topnav-inner>.brand {grid-column:1;grid-row:1;justify-self:start}
.topnav nav {grid-column:2;grid-row:1;justify-self:center;margin:0;gap:clamp(12px,1.4vw,20px);min-width:0}
.topnav nav>a,.topnav summary {white-space:nowrap}
.topnav .contact-nav {grid-column:3;grid-row:1;justify-self:end;margin:0;padding-inline:16px;white-space:nowrap}
.topnav .menu-toggle {display:none;width:46px;height:46px;padding:0;flex-shrink:0}
.topnav .menu-toggle svg {width:22px;height:22px}
.topnav nav>.nav-contact-mobile {display:none}
@media(max-width:1240px){
 .topnav-inner {grid-template-columns:minmax(0,1fr) auto auto;gap:16px}
 .topnav .contact-nav {grid-column:2}
 .topnav .menu-toggle {display:inline-flex;grid-column:3;grid-row:1;justify-self:end}
 .topnav nav {display:none}
 .topnav nav.mobile-open {display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;justify-self:stretch;gap:0;margin:0;padding:16px var(--gutter) 24px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 12px 24px var(--fg-soft);max-height:min(70dvh,calc(100dvh - 76px));overflow-y:auto;overscroll-behavior-y:contain}
 .topnav nav.mobile-open>a,.topnav nav.mobile-open summary {font-size:16px;min-height:48px;padding:12px 0;white-space:normal}
 .topnav nav.mobile-open>a:hover,.topnav nav.mobile-open summary:hover {background:var(--fg-soft);color:var(--fg)}
 .topnav .nav-dropdown {position:static;width:auto;max-width:none;min-width:0;box-shadow:none;border:0;padding:8px 0 8px 16px}
 .topnav nav.mobile-open .nav-dropdown a {padding:12px;min-height:48px}
}
@media(max-width:600px){
 .topnav-inner {grid-template-columns:minmax(0,1fr) auto;gap:12px}
 .topnav .menu-toggle {grid-column:2;margin:0}
 .topnav nav.mobile-open {max-height:min(70dvh,calc(100dvh - 68px))}
 .topnav nav.mobile-open>.nav-contact-mobile {display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);margin-top:12px;padding-top:16px;color:var(--fg)}
}