/* TABCOTE identity: user-requested sans-serif typography across the local site. */
:root{
  --brand-green:#064b38;--brand-citrus:#f7931e;--brand-tomato:#d62828;--brand-hydrangea:#3882f6;
  --paper:#fbfbf6;--forest:var(--brand-green);--ink:var(--brand-green);--body:#304b40;--muted:#52665b;--line:#dce2d7;--sage:#eef1e6;
  --sans:Archivo,Arial,sans-serif;--serif:var(--sans);--heading:var(--sans);
  --type-ratio:1.25;--type-sm:.8rem;--type-base:1rem;--type-1:1.25rem;--type-2:1.5625rem;--type-3:1.953125rem;--type-4:2.44140625rem;--type-5:3.0517578125rem;--type-6:3.814697265625rem;
  --section-space:72px;--content:1280px;--gutter:48px;--radius-card:8px;
}
body.brand-identity{background:var(--paper);color:var(--body);font-family:var(--sans);font-size:16px;line-height:1.6;font-kerning:normal}
body.brand-identity :is(main,.site-footer) :is(h1,h2,h3,h4){font-family:var(--serif);font-weight:600;letter-spacing:-.025em;line-height:1.13}
body.brand-identity p{text-align:left;text-wrap:pretty}
body.brand-identity :is(button,input,select,textarea,.button,.btn){font-family:var(--sans)}
body.brand-identity :is(.button,.btn){font-size:13px;font-weight:500;line-height:1.4;min-height:46px;border-radius:999px;letter-spacing:0}
body.brand-identity :is(.button,.btn):focus-visible{outline:3px solid #a54f0a;outline-offset:4px}
body.brand-identity a{text-underline-offset:5px}
::selection{background:#f7cd87;color:#043d2c}
html{scrollbar-color:#89a18f var(--paper)}
.brand-identity .site-header{background:var(--paper)}
.brand-identity .header-inner{min-height:76px;gap:24px}
.brand-identity .header-inner>.brand{width:210px;max-width:none}
.brand-identity .brand img{filter:brightness(0) saturate(100%) invert(22%) sepia(23%) saturate(1596%) hue-rotate(112deg) brightness(93%) contrast(98%);mix-blend-mode:normal}
.brand-identity .header-inner #main-nav{font-size:13px;font-weight:500;gap:28px}
.brand-identity .header-inner #main-nav .nav-contact{font-size:13px;min-height:44px;padding:10px 22px}
.brand-identity .rr-utility>.container{min-height:32px}
.brand-identity .rr-utility :is(span,a){font-size:12px}
/* Readable, stable colour roles for the entire product family. */
.brand-identity .fc-range-tile{border-radius:var(--radius-card)}
.brand-identity .fc-range-tile>span{font-family:var(--sans);font-size:13px;font-weight:500;line-height:1.4;color:#fff;min-height:94px;display:flex;flex-direction:column;align-items:start;padding:10px 14px;gap:10px}
.brand-identity .fc-range-tile img{aspect-ratio:1.12;object-fit:cover}
.brand-identity .fc-range-tile svg{display:block;width:18px;height:18px}
.brand-identity .fc-range-tile:hover{box-shadow:none;transform:none}
.brand-identity .fc-range-tile:hover img{transform:scale(1.035);transition:transform .2s ease-out}
.brand-identity .coming-link{background:none;color:#665231;border-radius:0;padding:0;min-height:32px;font-size:12px}
.brand-identity .coming-link:before{background:var(--brand-citrus)}
.brand-identity .section-heading p{color:var(--muted)}
.brand-identity .gardening-page{background:var(--paper)}
.gardening-page.brand-identity .refined-catalogue{gap:28px}
.gardening-page.brand-identity .catalogue-card{border:1px solid color-mix(in srgb,var(--product) 15%,transparent);border-radius:var(--radius-card);background:color-mix(in srgb,var(--product-tint) 62%,var(--paper));display:flex;flex-direction:column}
.gardening-page.brand-identity .catalogue-card .detail-copy{flex:1;padding:21px 26px;display:flex;flex-direction:column}
.gardening-page.brand-identity .catalogue-card h3{font-size:var(--type-2);line-height:1.2;min-height:2.4em}
.gardening-page.brand-identity .catalogue-card p{font-size:14px;line-height:1.6}
.gardening-page.brand-identity .product-photo img{aspect-ratio:1800/1005;object-fit:contain;transform:none}
.gardening-page.brand-identity .catalogue-card .fc-product-button{background:var(--product-deep);border-color:var(--product-deep);color:white}
.gardening-page.brand-identity .catalogue-card#citrus .fc-product-button{background:transparent;color:var(--product-deep)}
.product-page.brand-identity .fc-product-garden{height:auto;aspect-ratio:1800/1005;object-fit:contain;max-height:none;transform:none}
.product-page.brand-identity .fc-product-scene{background:transparent}
.product-page.brand-identity .fc-product-hero-inner h1{font-size:clamp(36px,3.7vw,52px);max-width:22ch}
.product-page.brand-identity .product-back{font-size:13px}
.product-page.brand-identity .fc-product-hero-inner .lead{font-size:16px;line-height:1.6}
.product-page.brand-identity .fc-product-facts .facts b{font-family:var(--serif);font-weight:600;font-size:28px;line-height:1.2}
.product-page.brand-identity .fc-product-facts .facts span{font-size:13px}
.product-page.brand-identity :is(.needs,.section-lead,.calc-note,.application-guide){font-size:15px;line-height:1.6}
.product-page.brand-identity .calc input,.product-page.brand-identity .calc select{font-size:16px}
.brand-identity :is(.rr-tech-caption,.rr-cut-label,.tech-note){font-size:13px}
.technical-page.brand-identity .tech-process h3{font-family:var(--serif);font-size:28px;font-weight:600}
.technical-page.brand-identity .tech-process p{font-size:15px;line-height:1.6}
.technical-page.brand-identity .tech-advantage-list dt{font-family:var(--serif);font-weight:600;letter-spacing:-.025em}
.technical-page.brand-identity .tech-advantage-list dd{font-size:15px;line-height:1.6}
.brand-identity .rr-pause{min-height:44px;font-size:12px}
.brand-identity .field :is(input,select,textarea){font-size:16px}
.brand-identity .site-footer{background:var(--forest);color:#eef4ed;padding-top:48px}
body.brand-identity .site-footer :is(h2,h3){color:#fff;font-size:20px}
body.brand-identity .site-footer .footer-grid a,body.brand-identity .site-footer :is(p,address,.footer-legal){font-size:13px;line-height:1.6;color:#e0eae2}
.brand-identity .site-footer .footer-brand img{filter:brightness(0) invert(1);mix-blend-mode:normal}
.brand-identity .site-footer .footer-legal{border-color:#ffffff30}
.brand-identity .site-footer a:hover{color:#fff;text-decoration:underline}
.brand-identity .site-footer :focus-visible{outline-color:#f7ba66}
/* A single photographic close is shared by the public-facing pages. */
.brand-identity .fc-trade-band{background:#064b38 url('assets/img/forest-dew-leaf.png') center/cover no-repeat;color:white}
.brand-identity .fc-trade-band>.container{padding-block:30px;position:relative;gap:32px}
.brand-identity .fc-trade-band h2{font-family:var(--serif);font-weight:600;font-size:32px;letter-spacing:-.025em;color:#fff}
.brand-identity .fc-trade-band p{color:#fff}
.brand-identity .fc-trade-band .button.secondary{background:#fbfbf6;color:#064b38;border-color:#fbfbf6}
.brand-identity .fc-trade-band .gl-closing-note{font-family:var(--sans);font-size:30px;line-height:1;max-width:11ch;margin:0;transform:rotate(-8deg);text-align:center;text-shadow:0 2px 5px #063927}
@media(min-width:1101px){.brand-identity .header-inner{grid-template-columns:1fr auto 1fr}.brand-identity .header-inner #main-nav .nav-contact{right:0}.brand-identity .rr-utility a{display:flex}}
@media(min-width:801px) and (max-width:1100px){.brand-identity .header-inner>.brand{width:175px}.brand-identity .header-inner #main-nav{gap:14px;font-size:12px}.brand-identity .header-inner #main-nav .nav-contact{font-size:12px;padding-inline:16px}.brand-identity .fc-trade-band .gl-closing-note{display:none}}
/* Keep all five navigation links readable before switching to the compact menu. */
@media(min-width:801px) and (max-width:1000px){
  .brand-identity .header-inner{display:flex;min-height:72px}
  .brand-identity .header-inner>.brand{width:176px}
  .brand-identity .menu-toggle{display:grid;place-items:center}
  .brand-identity .header-inner #main-nav{position:absolute;top:100%;left:0;right:0;justify-self:stretch;display:none;flex-direction:column;align-items:stretch;gap:4px;padding:16px 24px 21px;background:var(--paper);border-bottom:1px solid var(--line)}
  .brand-identity .header-inner #main-nav.open{display:flex}
  .brand-identity .header-inner #main-nav a:not(.nav-contact){min-height:44px;padding:10px 12px;font-size:16px}
  .brand-identity .header-inner #main-nav .nav-contact{position:static;transform:none;margin:10px 0 0;align-self:start;min-height:46px;font-size:13px}
}
@media(max-width:800px){:root{--gutter:24px;--section-space:48px}.brand-identity .header-inner{min-height:72px}.brand-identity .header-inner>.brand{width:176px}.brand-identity .header-inner #main-nav{gap:4px}.brand-identity .header-inner #main-nav a:not(.nav-contact){font-size:16px}.brand-identity .rr-utility a{display:none}.brand-identity .rr-utility span{font-size:10px}.brand-identity .fc-trade-band .gl-closing-note{display:none}.brand-identity .site-footer{padding-top:36px}.brand-identity .fc-range-tile>span{min-height:90px}.product-page.brand-identity .fc-product-hero-inner h1{font-size:42px}.product-page.brand-identity .fc-product-facts .facts b{font-size:23px}}
@media(max-width:580px){:root{--gutter:20px}.brand-identity .header-inner>.brand{width:168px}.brand-identity :is(.button,.btn){font-size:13px;padding-inline:18px}.brand-identity .fc-range-tile>span{min-height:88px}.gardening-page.brand-identity .catalogue-card h3{min-height:0}.product-page.brand-identity .fc-product-hero-inner h1{font-size:36px}.product-page.brand-identity .fc-product-facts .facts b{font-size:20px}.product-page.brand-identity .fc-product-facts .facts span{font-size:12px}.brand-identity .rr-cut-label{font-size:11px}.brand-identity .fc-trade-band h2{font-size:28px}.brand-identity .fc-trade-band>.container{padding-block:32px}}
@media(prefers-reduced-motion:reduce){.brand-identity .fc-range-tile:hover img{transform:none;transition:none}}
/* Final alignment and reading fixes from the first desktop/mobile review. */
:root{--petunias:#a92783;--tomatoes:#d62828;--calmag:#386048;--houseplants:#3b7335;--roses:#cc2c65;--hydrangeas:#266abe;--alum:#285891;--acid:#773f9b;--citrus:#f7931e}
.brand-identity .fc-trade-band{background-image:linear-gradient(90deg,rgb(6 75 56 / .15),rgb(6 75 56 / .45)),url('assets/img/forest-dew-leaf.png')}
.brand-identity .fc-trade-band>.container{display:grid;grid-template-columns:minmax(0,1.6fr) auto minmax(160px,.65fr);align-items:center;gap:36px}
.brand-identity .fc-trade-band .bi-close-copy p{font-size:14px;margin:8px 0 0;max-width:45ch}
.brand-identity .fc-trade-band .bi-close-note{font-family:var(--sans);font-size:32px;line-height:1;transform:rotate(-8deg);text-align:center;justify-self:end;max-width:12ch;margin:0;color:#fff;text-shadow:0 2px 4px #063c2f}
.brand-identity .fc-trade-hero .fc-split-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:51px;align-items:center;padding-block:38px;min-height:0}
.brand-identity .fc-trade-hero .fc-split-hero>div{max-width:none}
.brand-identity .fc-trade-hero figure{position:relative;inset:auto;width:min(100%,400px);height:440px;justify-self:end;border-radius:10px;overflow:hidden}
.brand-identity .fc-trade-hero figure:after{display:none}
.brand-identity .fc-trade-hero .fc-split-hero img{height:100%;width:100%;object-fit:cover;object-position:center 54%}
body.gardening-page.brand-identity .garden-range-visual{height:auto;overflow:visible}
@media(min-width:801px){
  body.gardening-page.brand-identity .garden-range-inner{gap:32px}
  body.gardening-page.brand-identity .garden-range-copy{width:min(100%,440px);justify-self:end}
}
body.gardening-page.brand-identity .garden-range-visual img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1473 / 1068;object-fit:contain;object-position:center;transform:none;mix-blend-mode:normal;border-radius:0}
body.home-page .gl-trade h2{font-size:28px;max-width:17ch;text-wrap:initial}
.gardening-page.brand-identity .application-visual{height:160px}
.gardening-page.brand-identity .application-caption h3{font-family:var(--serif);font-size:20px}
.gardening-page.brand-identity .application-caption p{font-size:13px}
.brand-identity .bi-table-hint{display:none}
.technical-page.brand-identity .bi-tech-tablet{margin:0;min-width:0}
.technical-page.brand-identity .bi-tablet-canvas{position:relative;aspect-ratio:2814/1700;background:var(--paper);isolation:isolate}
.technical-page.brand-identity .bi-tech-tablet img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;transform:none;mix-blend-mode:multiply;filter:brightness(1.12) contrast(1.025)}
.bi-nutrient-bubbles,.bi-nutrient-flight{position:absolute;inset:0;pointer-events:none}
.bi-nutrient-bubbles{overflow:hidden}
.bi-nutrient-flight{transform-origin:50% 44%;opacity:0}
.bi-nutrient-flight>span{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:clamp(30px,5vw,46px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 32% 26%,#ffffffe6,var(--bubble-colour) 72%);color:var(--bubble-ink);font:500 clamp(12px,1.4vw,15px)/1 var(--sans);box-shadow:0 5px 12px #253b3326}
.bi-tech-tablet.rr-motion-ready .bi-nutrient-flight{animation:bi-nutrient-drift 6.6s linear infinite;animation-delay:var(--delay);animation-play-state:paused}
.bi-tech-tablet.rr-running .bi-nutrient-flight{animation-play-state:running;will-change:transform,opacity}
.technical-page.brand-identity .bi-tablet-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 14px;margin-top:4px;font-size:12px;line-height:1.5;color:var(--muted)}
.technical-page.brand-identity .bi-tablet-controls .rr-pause{color:var(--forest);border-color:#9aafa0;margin:0}
@keyframes bi-nutrient-drift{0%{transform:translate(0,0) scale(.12);opacity:0}12%{transform:translate(calc(var(--dx)*.08),calc(var(--dy)*.08)) scale(.5);opacity:.65}36%{transform:translate(calc(var(--dx)*.32),calc(var(--dy)*.32)) scale(.94);opacity:1}76%{transform:translate(calc(var(--dx)*.76),calc(var(--dy)*.72)) scale(1);opacity:.9}100%{transform:translate(var(--dx),var(--dy)) scale(.92);opacity:0}}
@media(prefers-reduced-motion:reduce){.bi-tech-tablet.rr-motion-ready .bi-nutrient-flight,.bi-tech-tablet .bi-nutrient-flight{animation:none!important;transform:translate(calc(var(--dx)*.8),calc(var(--dy)*.8)) scale(.85);opacity:.8;will-change:auto}.bi-tech-tablet .rr-pause{display:none}}
.technical-page.brand-identity .tech-mechanism-panel{display:block}
.technical-page.brand-identity .bi-tech-overview{display:grid;grid-template-columns:.85fr 1.15fr;gap:51px;align-items:center}
.technical-page.brand-identity .bi-tech-overview .tech-section-heading{display:block;margin:0}
.technical-page.brand-identity .bi-tech-overview .tech-section-heading p{margin-top:18px;max-width:48ch;font-size:16px;line-height:1.6}
.technical-page.brand-identity .bi-tech-cutaway{width:100%;max-width:540px;justify-self:end;padding-bottom:16px}
.technical-page.brand-identity .bi-tech-cutaway .rr-tech-caption{margin:8px 0 0;padding-inline:16px;text-align:center;font-size:12px;line-height:1.5;max-width:none}
.technical-page.brand-identity .tech-mechanism-panel>.tech-process{margin-top:40px}
@media(max-width:800px){.technical-page.brand-identity .bi-tech-overview{grid-template-columns:1fr;gap:28px}.technical-page.brand-identity .bi-tech-cutaway{justify-self:center}.technical-page.brand-identity .bi-tech-tablet{width:100%;max-width:620px;justify-self:center}.technical-page.brand-identity .bi-tech-overview .tech-section-heading p{font-size:15px;max-width:60ch}.technical-page.brand-identity .tech-mechanism-panel>.tech-process{margin-top:32px}}
@media(max-width:800px){.brand-identity .bi-table-hint{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.5;color:var(--muted);margin:12px 0}.brand-identity .bi-table-hint>svg{width:22px;height:22px;flex:none}}
@media(max-width:580px){.trade-page.brand-identity .igc-stories-grid{gap:44px}.trade-page.brand-identity .igc-story{grid-template-columns:minmax(0,1fr);gap:24px}.trade-page.brand-identity .igc-story>img{width:min(100%,240px);height:auto;aspect-ratio:2/3;object-fit:contain;margin:0}.trade-page.brand-identity .igc-story-copy p{font-size:14px;line-height:1.6;max-width:50ch}}
@media(max-width:580px){.gardening-page.brand-identity .fc-benefits{grid-template-columns:minmax(0,1fr);gap:22px}.gardening-page.brand-identity .fc-benefits li{min-width:0;gap:16px}.gardening-page.brand-identity .fc-benefits li+li{padding-left:0;border-left:0}.gardening-page.brand-identity .fc-benefits li>div{min-width:0}.gardening-page.brand-identity .fc-benefits h2{font-size:22px}}
@media(min-width:801px) and (max-width:1100px){body.home-page .gl-trade h2{font-size:25px}.brand-identity .fc-trade-band>.container{grid-template-columns:1fr auto}.brand-identity .bi-close-note{display:none}.brand-identity .fc-trade-hero .fc-split-hero{gap:32px}.brand-identity .fc-trade-hero figure{height:370px}}
@media(max-width:800px){.brand-identity .fc-trade-band>.container{grid-template-columns:1fr auto;gap:28px}.brand-identity .fc-trade-band .bi-close-note{display:none}.brand-identity .fc-trade-hero .fc-split-hero{grid-template-columns:1fr;gap:22px;padding-block:36px}.brand-identity .fc-trade-hero figure{width:100%;max-width:470px;height:440px;justify-self:center}.gardening-page.brand-identity .application-visual{height:155px}}
@media(max-width:580px){.brand-identity .fc-trade-band>.container{grid-template-columns:1fr;gap:22px}.brand-identity .fc-trade-band .button{justify-self:start}.brand-identity .fc-trade-band h2{margin-bottom:0}.brand-identity .fc-trade-hero figure{height:380px}.technical-page.brand-identity .rr-tech-hero h1{font-size:38px}.gardening-page.brand-identity .application-visual{height:94px}.gardening-page.brand-identity .application-steps>li{grid-template-columns:94px 1fr;gap:18px}.gardening-page.brand-identity .application-caption h3{font-size:20px}}

/* Live photographic notes now share the sans-serif family, with a quieter scale. */
body.brand-identity .gl-handnote,
body.brand-identity .fc-trade-band :is(.gl-closing-note,.bi-close-note),
body.home-page .gl-story .gl-panel-note {
  font-family:var(--sans);
  font-size:18px;
  font-weight:500;
  line-height:1.3;
  letter-spacing:0;
  transform:none;
  text-wrap:initial;
}
body.brand-identity .fc-trade-band :is(.gl-closing-note,.bi-close-note) { max-width:16ch; }
body.home-page .gl-story .gl-panel-note { width:132px; max-width:none; }
body.home-page .gl-trade .gl-panel-note { width:112px; }
body.home-page .gl-handnote .gl-ink-underline { margin-top:6px; }
body.home-page .gl-trade h2 { font-size:26px; line-height:1.2; }
@media(max-width:1100px) {
  body.home-page .gl-story h2 { font-size:25px; }
  body.home-page .gl-trade h2 { font-size:24px; }
}
@media(max-width:580px) {
  body.home-page .gl-hero-note { font-size:clamp(12px,3.5vw,16px); }
  body.home-page .gl-story .gl-panel-note { font-size:16px; }
}

/* Directional transport follows the intact moisture/release diagrams. */
.technical-page .tech-process>li:not(.rr-mechanism-control) {
  display:grid;
  grid-template-rows:auto 1fr auto;
  align-self:stretch;
}
.technical-page .rr-moisture-figure,
.technical-page .rr-release-figure { container-type:inline-size; isolation:isolate; }
.technical-page .tech-process :is(.rr-moisture-figure,.rr-release-figure) img { display:block; position:relative; z-index:0; }
.bi-mechanism-flow { position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden; }
.bi-flow-flight { position:absolute; inset:0; opacity:.9; transform:translate(calc(var(--flow-x) * .58),calc(var(--flow-y) * .58)); }
.bi-flow-bubble {
  position:absolute;
  left:var(--origin-x);
  top:var(--origin-y);
  transform:translate(-50%,-50%);
  width:clamp(20px,5.6cqi,36px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:radial-gradient(circle at 30% 25%,#ffffffee,var(--flow-colour) 67%);
  color:var(--flow-ink);
  box-shadow:0 3px 7px #173b3e33;
  font:600 clamp(9px,1.9cqi,12px)/1 var(--sans);
  letter-spacing:0;
}
.bi-flow-water .bi-flow-bubble { width:clamp(23px,6cqi,39px); }
.tech-process.rr-motion-ready .bi-flow-flight {
  animation:bi-coating-transport 5.6s linear infinite;
  animation-delay:var(--flow-delay);
  animation-play-state:paused;
}
.tech-process.rr-running .bi-flow-flight { animation-play-state:running; will-change:transform,opacity; }
@keyframes bi-coating-transport {
  0% { transform:translate(0,0); opacity:0; }
  12% { opacity:1; }
  82% { opacity:1; }
  100% { transform:translate(var(--flow-x),var(--flow-y)); opacity:0; }
}
@media(prefers-reduced-motion:reduce) {
  .tech-process.rr-motion-ready .bi-flow-flight,
  .tech-process .bi-flow-flight {
    animation:none!important;
    transform:translate(calc(var(--flow-x) * .58),calc(var(--flow-y) * .58));
    opacity:.9;
    will-change:auto;
  }
}