/* Technology: tablet-led product explanation, within the shared brand system. */
body.technical-page.brand-identity.type-system .technology-story {
  --tx-space:var(--site-space-section);
  --tx-gap:var(--site-space-grid);
  --tx-line:#d7e1d8;
}
body.technical-page.brand-identity.type-system .technology-story :is(h1,h2,h3,p,figure,dl) { margin:0; }
body.technical-page.brand-identity.type-system .technology-story h2 { max-width:32ch; }
body.technical-page.brand-identity.type-system .technology-story p { max-width:65ch; }
body.technical-page.brand-identity.type-system .technology-story :is(section,header,figure,div,li) { min-width:0; }
body.technical-page.brand-identity.type-system .technology-story :is(.tx-inside,.tx-profile,.tx-range) { padding-block:var(--tx-space); }
body.technical-page.brand-identity.type-system .technology-story :is(.tx-mechanism,.tx-advantages,.tx-support) { padding-block:var(--tx-space); }

/* The product has the largest visual weight in the opening. */
body.technical-page.brand-identity.type-system .tx-hero { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); align-items:center; gap:var(--tx-gap); padding-block:32px 38px; }
body.technical-page.brand-identity.type-system .tx-hero .bi-tech-tablet { width:100%; max-width:none; margin:0; }
body.technical-page.brand-identity.type-system .tx-hero .bi-tablet-canvas { background:#fff; }
body.technical-page.brand-identity.type-system .tx-hero-copy { max-width:520px; }
body.technical-page.brand-identity.type-system .tx-hero h1 { max-width:24ch; }
body.technical-page.brand-identity.type-system .tx-hero-description { display:grid; gap:10px; margin-block:16px 19px; max-width:60ch; }
body.technical-page.brand-identity.type-system .tx-hero-description p { margin:0; color:var(--body); font-size:var(--site-type-body)!important; line-height:var(--site-leading-body)!important; }
body.technical-page.brand-identity.type-system .tx-hero .bi-tablet-controls { justify-content:center; gap:10px 16px; margin-top:10px; }
body.technical-page.brand-identity.type-system .technology-story .rr-pause { min-height:44px; padding:9px 18px; font:500 var(--site-type-control)/1.5 var(--site-font-body)!important; }
body.technical-page.brand-identity.type-system .tx-page-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px; border-block:1px solid var(--tx-line); padding-block:10px; }
body.technical-page.brand-identity.type-system .tx-page-nav a { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:44px; color:var(--forest); font-size:var(--site-type-control); font-weight:500; text-decoration:none; }
body.technical-page.brand-identity.type-system .tx-page-nav a:hover { text-decoration:underline; text-underline-offset:5px; }
body.technical-page.brand-identity.type-system .tx-page-nav svg { width:16px; height:16px; flex:none; transform:rotate(90deg); }

/* The cutaway introduces the two parts before the moving close-ups. */
body.technical-page.brand-identity.type-system .tx-inside {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  grid-template-areas:"intro intro" "details visual";
  gap:26px var(--tx-gap); align-items:start;
}
body.technical-page.brand-identity.type-system .tx-inside-copy { grid-area:intro; }
body.technical-page.brand-identity.type-system .tx-inside-details { grid-area:details; display:grid; gap:22px; max-width:65ch; }
body.technical-page.brand-identity.type-system .tx-inside-details h3 { display:grid; grid-template-columns:30px minmax(0,1fr); align-items:start; column-gap:10px; margin:0 0 10px; }
body.technical-page.brand-identity.type-system .tx-heading-term { white-space:nowrap; }
body.technical-page.brand-identity.type-system .tx-inside-details p { color:var(--body); }
body.technical-page.brand-identity.type-system .tx-inside-details article+article { padding-top:19px; border-top:1px solid var(--tx-line); }
body.technical-page.brand-identity.type-system .tx-cutaway { grid-area:visual; width:100%; max-width:640px; justify-self:center; align-self:center; }
body.technical-page.brand-identity.type-system .tx-cutaway-image { position:relative; isolation:isolate; }
body.technical-page.brand-identity.type-system .tx-cutaway-image img {
  display:block; width:100%; height:auto; aspect-ratio:2816/1536; object-fit:contain;
  /* Fade only the photographic perimeter; keep the supplied tablet untouched. */
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 86%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 86%,transparent);
  mask-composite:intersect;
}
body.technical-page.brand-identity.type-system .technology-story .tx-part-marker {
  display:grid; place-items:center; width:30px; height:30px; flex:none;
  border:2px solid #fff; border-radius:50%; background:var(--forest); color:#fff;
  font:500 var(--site-type-note)/1 var(--site-font-body)!important; letter-spacing:0!important;
}
body.technical-page.brand-identity.type-system .tx-cutaway-marker { position:absolute; transform:translate(-50%,-50%); }
body.technical-page.brand-identity.type-system .tx-cutaway-core { left:37%; top:57%; }
body.technical-page.brand-identity.type-system .tx-cutaway-coating { left:71%; top:62%; }
body.technical-page.brand-identity.type-system .tx-cutaway figcaption {
  display:flex; flex-wrap:wrap; justify-content:center; gap:10px 22px; margin-top:16px;
  color:var(--body); text-align:center; font-size:var(--site-type-note)!important; line-height:1.6!important;
}
body.technical-page.brand-identity.type-system .tx-cutaway-key { display:inline-flex; align-items:center; gap:8px; }
body.technical-page.brand-identity.type-system .tx-cutaway-note { flex-basis:100%; color:var(--muted); }

/* Water and nutrients are parallel image-led steps, with one shared control. */
body.technical-page.brand-identity.type-system .tx-mechanism { background:var(--sage); }
body.technical-page.brand-identity.type-system .tx-section-head { display:flex; justify-content:space-between; align-items:end; gap:26px; margin-bottom:26px; }
body.technical-page.brand-identity.type-system .tx-section-head-split { display:grid; grid-template-columns:1fr 1fr; gap:var(--tx-gap); }
body.technical-page.brand-identity.type-system .tx-section-head-split>p { max-width:54ch; color:var(--body); font-size:var(--site-type-body)!important; }
body.technical-page.brand-identity.type-system .tx-process { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; margin:0; padding:0; list-style:none; }
body.technical-page.brand-identity.type-system .tx-process>li:not(.rr-mechanism-control) { display:flex; flex-direction:column; gap:0; padding:0; border:0; }
body.technical-page.brand-identity.type-system .tx-process :is(.rr-moisture-figure,.rr-release-figure) { width:100%; max-width:none; position:relative; overflow:hidden; border-radius:12px; margin:0; }
body.technical-page.brand-identity.type-system .tx-process figure img { display:block; width:100%; height:auto; aspect-ratio:1697/927; object-fit:contain; border-radius:0; }
body.technical-page.brand-identity.type-system .tx-step-copy { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); gap:16px; padding-top:19px; }
body.technical-page.brand-identity.type-system .tx-step-copy .tech-step-title { margin:0; }
body.technical-page.brand-identity.type-system .tx-step-copy h3 { font-size:var(--site-type-subheading)!important; line-height:var(--site-leading-heading)!important; }
body.technical-page.brand-identity.type-system .tx-step-copy p { color:var(--body); font-size:var(--site-type-body)!important; line-height:1.65!important; }
body.technical-page.brand-identity.type-system .tx-process .rr-mechanism-control { grid-column:1/-1; display:flex; align-items:center; gap:19px; border:0; border-top:1px solid var(--tx-line); margin:0; padding:19px 0 0; text-align:left; }
body.technical-page.brand-identity.type-system .tx-process .rr-pause { flex:none; margin:0; }
body.technical-page.brand-identity.type-system .tx-process .tech-note { max-width:65ch; margin:0; color:var(--muted); font-size:var(--site-type-note)!important; }

/* A wide chart, with its conditions adjacent and its qualification attached. */
body.technical-page.brand-identity.type-system .tx-profile-grid { display:grid; grid-template-columns:minmax(0,3fr) minmax(180px,1fr); gap:var(--tx-gap); align-items:start; }
body.technical-page.brand-identity.type-system .tx-profile .technology-chart-labels { display:flex; justify-content:space-between; gap:16px; margin-bottom:13px; color:var(--muted); font-size:var(--site-type-note)!important; }
body.technical-page.brand-identity.type-system .technology-release-graph { display:block; width:100%; height:220px; overflow:visible; }
.technology-chart-guides { stroke:#dce5da; stroke-width:1; }
.technology-chart-fill { fill:#e7eee2; }
.technology-chart-line { stroke:var(--forest); }
.technology-chart-baseline { stroke:#95a88f; stroke-width:1; }
body.technical-page.brand-identity.type-system .technology-release-stages { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:19px; list-style:none; margin:19px 0 0; padding:0; }
body.technical-page.brand-identity.type-system .technology-release-stages li { font-size:var(--site-type-note)!important; }
body.technical-page.brand-identity.type-system .technology-release-stages strong { display:block; margin-bottom:8px; }
body.technical-page.brand-identity.type-system .technology-release-stages span { display:block; color:var(--muted); }
body.technical-page.brand-identity.type-system .technology-release-figure figcaption { margin-top:22px; padding-top:16px; border-top:1px solid var(--tx-line); color:var(--muted); font-size:var(--site-type-note)!important; }
body.technical-page.brand-identity.type-system .tx-profile .technology-conditions { padding:19px 24px; background:var(--sage); border-radius:12px; }
body.technical-page.brand-identity.type-system .tx-profile .technology-conditions p { font-size:var(--site-type-body)!important; margin-bottom:16px; }
body.technical-page.brand-identity.type-system .technology-conditions ul { display:flex; flex-direction:column; gap:16px; margin:0; padding:0; list-style:none; }
body.technical-page.brand-identity.type-system .technology-conditions li { display:flex; align-items:center; gap:8px; font-size:var(--site-type-note)!important; }
body.technical-page.brand-identity.type-system .technology-conditions svg { width:20px; height:20px; flex:none; }

/* Benefits read as two short, clearly labelled groups, without repeated cards. */
body.technical-page.brand-identity.type-system .tx-advantages { background:var(--sage); }
body.technical-page.brand-identity.type-system .tx-advantages-inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.6fr); gap:var(--site-space-grid); }
body.technical-page.brand-identity.type-system .tx-advantages-inner>header p { color:var(--body); font-size:var(--site-type-body)!important; margin-top:16px; max-width:44ch; }
body.technical-page.brand-identity.type-system .tx-advantages .technology-benefit-columns { display:grid; gap:26px; }
body.technical-page.brand-identity.type-system .tx-advantages .technology-benefit-group { display:grid; grid-template-columns:150px minmax(0,1fr); gap:22px; }
body.technical-page.brand-identity.type-system .tx-advantages .technology-benefit-group h3 { font-size:var(--site-type-subheading)!important; line-height:var(--site-leading-heading)!important; }
body.technical-page.brand-identity.type-system .tx-advantages .technology-benefit-group dl>div { padding:0 0 16px; }
body.technical-page.brand-identity.type-system .tx-advantages .technology-benefit-group dl>div+div { padding-top:16px; border-top:1px solid var(--tx-line); }
body.technical-page.brand-identity.type-system .tx-advantages .technology-benefit-group dt { font-size:var(--site-type-body)!important; line-height:1.5!important; }
body.technical-page.brand-identity.type-system .tx-advantages .technology-benefit-group dd { margin:8px 0 0; color:var(--body); font-size:var(--site-type-body)!important; line-height:1.65!important; }
body.technical-page.brand-identity.type-system .tx-advantages .technology-use-note { display:flex; align-items:start; gap:10px; border-top:1px solid var(--tx-line); padding-top:16px; margin-top:8px; font-size:var(--site-type-note)!important; color:var(--muted); }
body.technical-page.brand-identity.type-system .technology-use-note svg { width:18px; height:18px; flex:none; }

/* Product links retain their botanical identity without large colour blocks. */
body.technical-page.brand-identity.type-system .tx-range .coming-link { margin:0; }
body.technical-page.brand-identity.type-system .tx-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px; }
body.technical-page.brand-identity.type-system .tx-product { display:flex; flex-direction:column; align-items:start; gap:11px; text-decoration:none; }
body.technical-page.brand-identity.type-system .tx-product img { width:100%; height:auto; aspect-ratio:1.8; object-fit:cover; border-radius:12px; }
body.technical-page.brand-identity.type-system .tx-product>span { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; padding:8px 16px; min-height:44px; border-radius:999px; background:color-mix(in srgb,var(--product) 10%,white); color:color-mix(in srgb,var(--product) 72%,#123d30); font-size:var(--site-type-control); font-weight:500; line-height:1.4; }
body.technical-page.brand-identity.type-system .tx-product svg { flex:none; width:16px; height:16px; }
body.technical-page.brand-identity.type-system .tx-product:hover>span { background:color-mix(in srgb,var(--product) 18%,white); }

/* A single closing area serves technical and trade enquiries. */
body.technical-page.brand-identity.type-system .tx-support { background:#f0f4eb; }
body.technical-page.brand-identity.type-system .tx-support-main { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--tx-gap); align-items:center; }
body.technical-page.brand-identity.type-system .tx-support-main p { color:var(--body); margin:16px 0 19px; max-width:48ch; font-size:var(--site-type-body)!important; }
body.technical-page.brand-identity.type-system .tx-support-main .fc-support-leaf { grid-area:auto; width:100%; max-width:none; height:230px; margin:0; object-fit:cover; object-position:90% center; border-radius:12px; }
body.technical-page.brand-identity.type-system .tx-trade { border-top:1px solid var(--tx-line); margin-top:32px; padding-top:22px; }
body.technical-page.brand-identity.type-system .tx-trade-inner { display:flex; align-items:center; justify-content:space-between; gap:19px; }
body.technical-page.brand-identity.type-system .tx-trade h2 { font-size:var(--site-type-closing)!important; }
body.technical-page.brand-identity.type-system .tx-trade p { margin-top:8px; font-size:var(--site-type-note)!important; color:var(--muted); }
body.technical-page.brand-identity.type-system .tx-trade .bi-close-note { display:none; }
body.technical-page.brand-identity.type-system .tx-trade .button { flex:none; }

@media(max-width:1100px) {
  body.technical-page.brand-identity.type-system .technology-story { --tx-gap:26px; --tx-space:var(--site-space-section); }
  body.technical-page.brand-identity.type-system .tx-hero { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); }
  body.technical-page.brand-identity.type-system .tx-step-copy { grid-template-columns:1fr; gap:10px; }
  body.technical-page.brand-identity.type-system .tx-advantages-inner { grid-template-columns:1fr 1.4fr; gap:32px; }
  body.technical-page.brand-identity.type-system .tx-advantages .technology-benefit-group { grid-template-columns:1fr; gap:16px; }
  body.technical-page.brand-identity.type-system .tx-product-grid { gap:22px 19px; }
  body.technical-page.brand-identity.type-system .tx-product>span { min-height:60px; padding-inline:14px; }
}
@media(max-width:1000px) {
  body.technical-page.brand-identity.type-system .tx-hero { grid-template-columns:minmax(0,1fr); gap:26px; padding-block:26px 32px; }
  body.technical-page.brand-identity.type-system .tx-hero .bi-tech-tablet { width:min(100%,460px); justify-self:center; }
  body.technical-page.brand-identity.type-system .tx-hero-copy { max-width:620px; }
  body.technical-page.brand-identity.type-system .tx-hero-description { max-width:65ch; margin-block:16px 19px; }
  body.technical-page.brand-identity.type-system .tx-inside { grid-template-columns:minmax(0,1fr); grid-template-areas:"intro" "visual" "details"; }
}
@media(max-width:800px) {
  body.technical-page.brand-identity.type-system .technology-story { --tx-space:var(--site-space-section); }
  body.technical-page.brand-identity.type-system .tx-hero h1 { max-width:24ch; }
  body.technical-page.brand-identity.type-system .tx-page-nav { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 19px; }
  body.technical-page.brand-identity.type-system .tx-page-nav a:nth-child(n+3) { border-top:1px solid var(--tx-line); }
  body.technical-page.brand-identity.type-system .tx-inside { grid-template-columns:1fr; gap:26px; }
  body.technical-page.brand-identity.type-system .tx-inside-copy { max-width:65ch; }
  body.technical-page.brand-identity.type-system .tx-section-head { flex-direction:column; align-items:start; gap:16px; }
  body.technical-page.brand-identity.type-system .tx-section-head-split { grid-template-columns:1fr; }
  body.technical-page.brand-identity.type-system .tx-profile-grid { grid-template-columns:1fr; gap:26px; }
  body.technical-page.brand-identity.type-system .tx-profile .technology-conditions { display:flex; align-items:center; gap:26px; }
  body.technical-page.brand-identity.type-system .tx-profile .technology-conditions p { margin:0; }
  body.technical-page.brand-identity.type-system .technology-conditions ul { flex-direction:row; flex-wrap:wrap; gap:16px; }
  body.technical-page.brand-identity.type-system .tx-advantages-inner { grid-template-columns:1fr; gap:26px; }
  body.technical-page.brand-identity.type-system .tx-advantages .technology-benefit-group { grid-template-columns:150px minmax(0,1fr); gap:26px; }
  body.technical-page.brand-identity.type-system .tx-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.technical-page.brand-identity.type-system .tx-support-main { grid-template-columns:1fr; gap:26px; }
}
@media(max-width:580px) {
  body.technical-page.brand-identity.type-system .tx-hero .bi-tech-tablet { max-width:360px; }
  body.technical-page.brand-identity.type-system .tx-hero .bi-tablet-controls { gap:8px 10px; }
  body.technical-page.brand-identity.type-system .tx-hero .bi-tablet-controls>span { font-size:var(--site-type-note); }
  body.technical-page.brand-identity.type-system .tx-page-nav { grid-template-columns:1fr; }
  body.technical-page.brand-identity.type-system .tx-page-nav a+a { border-top:1px solid var(--tx-line); }
  body.technical-page.brand-identity.type-system .tx-process { grid-template-columns:1fr; gap:26px; }
  body.technical-page.brand-identity.type-system .tx-step-copy { padding-top:16px; }
  body.technical-page.brand-identity.type-system .tx-process .rr-mechanism-control { flex-direction:column; align-items:start; gap:13px; }
  body.technical-page.brand-identity.type-system .tx-profile .technology-chart-labels { flex-direction:column; gap:4px; }
  body.technical-page.brand-identity.type-system .technology-release-graph { height:180px; }
  body.technical-page.brand-identity.type-system .technology-release-stages { grid-template-columns:1fr; gap:13px; }
  body.technical-page.brand-identity.type-system .technology-release-stages li { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:16px; }
  body.technical-page.brand-identity.type-system .tx-profile .technology-conditions { display:block; }
  body.technical-page.brand-identity.type-system .tx-profile .technology-conditions p { margin-bottom:13px; }
  body.technical-page.brand-identity.type-system .tx-advantages .technology-benefit-group { grid-template-columns:1fr; gap:16px; }
  body.technical-page.brand-identity.type-system .tx-product-grid { gap:19px 13px; }
  body.technical-page.brand-identity.type-system .tx-product>span { border-radius:14px; font-size:var(--site-type-note); min-height:64px; padding:8px 12px; gap:8px; }
  body.technical-page.brand-identity.type-system .tx-product img { aspect-ratio:1.35; }
  body.technical-page.brand-identity.type-system .tx-support-main .fc-support-leaf { height:180px; }
  body.technical-page.brand-identity.type-system .tx-trade-inner { flex-direction:column; align-items:start; }
}
@media(max-width:380px) {
  body.technical-page.brand-identity.type-system .tx-product svg { display:none; }
}