:root,[data-theme="dark"]{
  --bg:#080806;
  --surface:#11110e;
  --surface-2:#17160f;
  --surface-soft:#1d1b13;
  --ink:#f7f5ed;
  --muted:#b8b7ad;
  --accent:#d7b95f;
  --accent-strong:#efd27c;
  --line:#36342b;
  --line-strong:#5b5132;
  --button-ink:#17150d;
  --max:1240px;
  --navigation-offset:5rem;
  color-scheme:dark;
}
[data-theme="light"]{
  --bg:#f3f1ea;
  --surface:#fffefa;
  --surface-2:#e9e6dc;
  --surface-soft:#f8f6ef;
  --ink:#171610;
  --muted:#5b5a52;
  --accent:#806315;
  --accent-strong:#604707;
  --line:#d3cec0;
  --line-strong:#b39d61;
  --button-ink:#ffffff;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--navigation-offset)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI Variable","Segoe UI",Aptos,Arial,sans-serif;font-size:16px;line-height:1.65;overflow-wrap:break-word;text-rendering:optimizeLegibility}
a{color:inherit;text-underline-offset:.24em}
a:hover{text-decoration-thickness:2px}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:Inter,"Segoe UI Variable","Segoe UI",Aptos,Arial,sans-serif;overflow-wrap:anywhere}
h1{font-size:clamp(2.8rem,5.8vw,6.15rem);font-weight:650;line-height:.98;letter-spacing:-.062em;max-width:980px;margin-bottom:1.55rem}
h2{font-size:clamp(2rem,3.7vw,3.75rem);font-weight:620;line-height:1.05;letter-spacing:-.045em;max-width:900px;margin-bottom:1.2rem}
h3{font-size:1.08rem;line-height:1.35;letter-spacing:-.015em;margin-bottom:.65rem}
p{max-width:76ch}
img{max-width:100%;height:auto}
.wrap{width:min(100%,var(--max));margin:auto;padding-inline:32px}
.skip{position:absolute;left:1rem;top:-8rem;z-index:20;background:var(--ink);color:var(--bg);padding:.75rem 1rem}
.skip:focus{top:1rem}
.preview{padding:.55rem 28px;text-align:center;background:var(--accent);color:var(--button-ink);font-size:.78rem;font-weight:700;letter-spacing:.035em;line-height:1.4}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.brand-system{display:flex;align-items:center;gap:18px;min-width:0}
.brand,.tf-brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:0}
.brand img{width:48px;height:48px;object-fit:contain;flex:0 0 auto}
.brand>span:not(.brand-copy){font-size:.72rem;letter-spacing:.12em;font-weight:750;max-width:240px;line-height:1.3}
.masthead>.brand:after{content:"";display:block;width:43px;height:43px;margin-left:8px;background:url("/assets/tf-holding-logo.png?v=20260919-tf-logo-192-v2") center/contain no-repeat;flex:0 0 auto}
.brand-copy{display:grid;line-height:1.15;min-width:0}
.brand-copy strong{font-size:.78rem;letter-spacing:.13em;white-space:nowrap}
.brand-copy small{font-size:.69rem;color:var(--muted);white-space:nowrap;margin-top:4px}
.brand-divider{width:1px;height:38px;background:var(--line)}
.tf-logo{width:43px;height:43px;object-fit:contain;flex:0 0 auto}
.header-tools{display:flex;align-items:center;gap:20px}
.languages{display:flex;gap:5px;font-size:.76rem;font-weight:700}
.languages a{padding:.48rem .56rem;min-width:34px;text-align:center;text-decoration:none;border:1px solid transparent}
.languages [aria-current=page]{color:var(--accent);border-color:var(--line)}
.theme-switch{position:relative;width:44px;height:44px;min-width:44px;min-height:44px;display:block;flex:0 0 44px;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);line-height:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .16s ease,color .16s ease,background-color .16s ease,transform .1s ease}
.theme-switch:hover{border-color:var(--accent);color:var(--accent)}
.theme-switch:active{transform:scale(.96)}
.theme-switch svg{position:absolute;top:50%;left:50%;width:19px;height:19px;display:block;pointer-events:none;transform-origin:center;stroke-linecap:round;stroke-linejoin:round;transition:opacity .12s linear,transform .16s ease}
.theme-switch .moon{opacity:0;transform:translate(-50%,-50%) scale(.72)}
.theme-switch .sun{opacity:1;transform:translate(-50%,-50%) scale(1)}
[data-theme="light"] .theme-switch .moon{opacity:1;transform:translate(-50%,-50%) scale(1)}
[data-theme="light"] .theme-switch .sun{opacity:0;transform:translate(-50%,-50%) scale(.72)}
.site-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-top:14px;padding-bottom:14px}
.site-name{font-size:.72rem;font-weight:760;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}
.navigation{padding:0}
.navigation summary{display:none}
.navigation nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 23px}
.navigation nav a{font-size:.78rem;color:var(--muted);padding:5px 0;text-decoration:none}
.navigation nav a:hover{color:var(--ink)}
.hero{padding-top:66px;padding-bottom:78px;position:relative;background:radial-gradient(circle at 78% 20%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 31%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:72px;align-items:end}
.eyebrow,.section-label{font-size:.72rem;letter-spacing:.17em;text-transform:uppercase;color:var(--accent);font-weight:760}
.eyebrow{margin-bottom:1.55rem}
.status{display:inline-flex;align-items:center;gap:9px;font-size:.75rem;color:var(--muted);border:1px solid var(--line);padding:.38rem .72rem;margin-bottom:24px}
.status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.intro{font-size:clamp(1.05rem,1.5vw,1.24rem);line-height:1.72;color:var(--muted);max-width:820px}
.actions{display:flex;flex-wrap:wrap;gap:13px;align-items:center;margin-top:30px}
.button,button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:var(--accent);border:1px solid var(--accent);color:var(--button-ink);padding:12px 19px;font:inherit;font-weight:750;font-size:.88rem;text-decoration:none;cursor:pointer}
.button:hover{background:var(--accent-strong);border-color:var(--accent-strong)}
.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}
.button.secondary:hover{border-color:var(--accent);color:var(--accent)}
.pill-list{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none}
.pill-list li{border:1px solid var(--line);padding:.42rem .68rem;color:var(--muted);font-size:.76rem}
.cycle-panel{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent);padding:28px}
.cycle-panel .panel-kicker{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-weight:760}
.cycle-panel h2{font-size:1.6rem;letter-spacing:-.025em;margin:.55rem 0 1.2rem}
.cycle-map{list-style:none;padding:0;margin:0;counter-reset:cycle}
.cycle-map li{counter-increment:cycle;display:grid;grid-template-columns:31px 1fr;gap:12px;align-items:start;padding:12px 0;border-top:1px solid var(--line);font-size:.89rem}
.cycle-map li:before{content:"0" counter(cycle);font-size:.69rem;color:var(--accent);font-weight:800;letter-spacing:.05em;margin-top:2px}
.cycle-panel .panel-note{margin:18px 0 0;color:var(--muted);font-size:.78rem}
.section{padding-top:92px;padding-bottom:92px;border-top:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:60px;align-items:end;margin-bottom:42px}
.section-head .lead{margin-bottom:.2rem}
.lead{font-size:1.08rem;line-height:1.75;color:var(--muted);max-width:78ch}
.building-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
.statement{font-size:clamp(1.25rem,2vw,1.68rem);line-height:1.48;letter-spacing:-.02em;margin-bottom:0;max-width:38ch}
.value-grid{display:grid;grid-template-columns:1fr;gap:12px}
.value-card{background:var(--surface);border:1px solid var(--line);padding:24px}
.value-card span{color:var(--accent);font-size:.7rem;letter-spacing:.12em;font-weight:760}
.value-card p{margin-bottom:0;color:var(--muted);font-size:.91rem}
.steps{list-style:none;padding:0;margin:38px 0 0;counter-reset:step;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.steps li{counter-increment:step;background:var(--surface);border:1px solid var(--line);padding:24px;min-height:178px}
.steps li:before{content:"0" counter(step);display:block;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.08em;margin-bottom:26px}
.steps p{color:var(--muted);font-size:.9rem;margin-bottom:0}
.steps li:last-child{grid-column:1/-1;min-height:auto;background:var(--accent);color:var(--button-ink)}
.steps li:last-child:before,.steps li:last-child p{color:var(--button-ink)}
.institution-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.institution{padding:34px;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent)}
.institution h3{font-size:1.6rem}
.institution ul{padding-left:1.15rem;margin:22px 0 0}
.institution li{margin:12px 0;color:var(--muted)}
.institution .clarifier{margin:25px 0 0;border-top:1px solid var(--line);padding-top:20px;color:var(--ink);font-weight:680}
.architecture{display:grid;gap:14px;margin-top:38px}
.architecture-lane{display:grid;grid-template-columns:260px 1fr;gap:30px;padding:28px;background:var(--surface);border:1px solid var(--line)}
.architecture-lane h3{font-size:1.25rem}
.architecture-lane>div>p{color:var(--muted);font-size:.87rem;margin-bottom:0}
.product-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.product{padding:18px;background:var(--surface-2);border-left:2px solid var(--accent)}
.product strong{display:block;font-size:.94rem;margin-bottom:6px}
.product span{display:block;color:var(--muted);font-size:.8rem;line-height:1.55}
.sector-band{background:var(--surface-2)}
.crop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
.crop{background:var(--surface);border:1px solid var(--line);padding:27px}
.crop h3{font-size:1.32rem}
.crop p{font-size:.9rem;color:var(--muted);margin-bottom:0}
.conversion-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:18px;border:1px solid var(--line)}
.conversion-strip div{padding:20px;border-right:1px solid var(--line);min-width:0}
.conversion-strip div:last-child{border-right:0}
.conversion-strip small{display:block;color:var(--accent);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}
.conversion-strip strong{font-size:.87rem;line-height:1.4;display:block}
.sector-note{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:18px;padding:27px;border:1px solid var(--line);background:var(--bg)}
.sector-note p{margin-bottom:0;color:var(--muted);font-size:.9rem}
.road-list{list-style:none;padding:0;margin:38px 0 0;counter-reset:stage}
.road-list li{counter-increment:stage;display:grid;grid-template-columns:60px minmax(190px,.65fr) 1.35fr 140px;gap:24px;padding:27px 0;border-top:1px solid var(--line);align-items:start}
.road-list li:before{content:"0" counter(stage);color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.08em}
.road-list h3,.road-list p{margin-bottom:0}
.road-list p{color:var(--muted);font-size:.9rem}
.stage{justify-self:end;border:1px solid var(--line);padding:.3rem .55rem;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}
.risk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:35px}
.risk-grid article{border:1px solid var(--line);padding:23px;background:var(--surface)}
.risk-grid p{color:var(--muted);font-size:.87rem;margin-bottom:0}
.governance{margin-top:18px;border:1px solid var(--line-strong);padding:25px;color:var(--muted);max-width:none}
.contact-section{background:var(--surface)}
.contact-card{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}
.email{font-size:clamp(1.25rem,3vw,2.15rem);font-weight:650;letter-spacing:-.03em;color:var(--accent);overflow-wrap:anywhere}
.notice{border-top:1px solid var(--line);padding-top:25px;margin-top:40px;font-size:.85rem;color:var(--muted);max-width:none}
.footer{padding-top:38px;padding-bottom:38px;font-size:.79rem;color:var(--muted)}
.footer-brand{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:24px;color:var(--ink)}
.footer-brand img{width:42px;height:42px}
.footer-brand .tf-footer-logo{object-fit:contain}
.footer-divider{width:1px;height:34px;background:var(--line);flex:0 0 auto}
.footer-brand strong{display:block;letter-spacing:.1em}
.footer-brand span{display:block;color:var(--muted);font-size:.72rem}
.footer-links{display:flex;flex-wrap:wrap;gap:14px 26px;margin-bottom:24px}
.corporate{font-size:.77rem;line-height:1.8;overflow-wrap:anywhere}
.corporate p{margin-bottom:12px}
.document{max-width:880px;padding-top:60px;padding-bottom:72px}
.document h1{font-size:clamp(2.3rem,4.5vw,4.25rem);margin-top:26px}
.document h2{font-size:1.28rem;line-height:1.4;letter-spacing:-.01em;margin-top:38px}
.document p{color:var(--muted)}
.document .notice{color:var(--ink)}
.brief-list{padding-left:23px}
.brief-list li{margin:10px 0}
.date{font-size:.8rem;color:var(--muted)}
.brief-brand{color:var(--accent);letter-spacing:.12em;font-size:.85rem;font-weight:750}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.paper{background:var(--surface-2);color:var(--ink)}
.paper .section-label{color:var(--accent)}
.paper .lead,.paper .muted{color:var(--muted)}
@media(max-width:980px){
  .hero-grid,.building-layout{grid-template-columns:1fr;gap:40px}
  .hero-grid{align-items:start}.cycle-panel{max-width:720px}
  .architecture-lane{grid-template-columns:1fr}.product-list{grid-template-columns:1fr 1fr}
  .conversion-strip{grid-template-columns:1fr 1fr}.conversion-strip div{border-bottom:1px solid var(--line)}.conversion-strip div:nth-child(2n){border-right:0}.conversion-strip div:last-child{grid-column:1/-1;border-bottom:0}
  .risk-grid{grid-template-columns:1fr 1fr}.road-list li{grid-template-columns:45px 1fr 2fr}.stage{grid-column:2;justify-self:start}.masthead{align-items:flex-start}.brand-copy small{display:none}
}
@media(max-width:720px){
  .wrap{padding-inline:20px}.preview{padding:9px 18px}
  .masthead{flex-wrap:wrap;gap:17px}.brand-system{width:100%;gap:11px}.brand-divider{height:32px}.brand img{width:40px;height:40px}.tf-logo{width:38px;height:38px}.masthead>.brand:after{width:38px;height:38px}.brand-copy strong{font-size:.67rem;letter-spacing:.08em}
  .header-tools{width:100%;justify-content:space-between}.languages{gap:7px}.theme-switch{margin-left:auto}
  .site-strip{display:block}.site-name{margin-bottom:9px}.navigation summary{display:block;cursor:pointer;color:var(--accent);font-size:.82rem;padding:4px 0}.navigation nav{display:grid;justify-content:start;padding:10px 0 2px}.navigation:not([open]) nav{display:none}
  .hero{padding-top:46px;padding-bottom:58px}h1{font-size:clamp(2.65rem,13vw,4.4rem)}.intro{font-size:1rem}.actions{align-items:stretch;flex-direction:column}.button{text-align:center;width:100%}.pill-list{display:grid}
  .section{padding-top:64px;padding-bottom:64px}.section-head{grid-template-columns:1fr;gap:10px;margin-bottom:30px}
  .steps,.institution-grid,.crop-grid,.risk-grid,.sector-note,.grid-2{grid-template-columns:1fr}.steps li:last-child{grid-column:auto}.steps li{min-height:auto}
  .product-list{grid-template-columns:1fr}.architecture-lane{padding:22px}.conversion-strip{grid-template-columns:1fr}.conversion-strip div,.conversion-strip div:nth-child(2n){border-right:0}.conversion-strip div:last-child{grid-column:auto}
  .road-list li{grid-template-columns:35px 1fr;gap:12px}.road-list p,.stage{grid-column:2}.contact-card{grid-template-columns:1fr;gap:24px}
  .document{padding-top:38px}.cycle-panel{padding:22px}.institution{padding:25px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media print{
  @page{size:A4;margin:17mm}
  :root,[data-theme="dark"],[data-theme="light"]{--bg:#fff;--surface:#fff;--surface-2:#fff;--surface-soft:#fff;--ink:#111;--muted:#222;--line:#aaa;--line-strong:#777;--accent:#5e4c1a;color-scheme:light}
  body{background:#fff;color:#111;font-size:10pt}.masthead,.site-strip,.footer,.actions,.skip,.no-print,.theme-switch{display:none!important}.preview{display:block!important;background:#fff;color:#222;border-bottom:1px solid #999;padding:0 0 8pt;margin:0 0 12pt;font-size:8pt}
  .wrap,.document{padding:0;max-width:none;width:100%}.document h1,h1{font-size:27pt}.document h2,h2{font-size:14pt;break-after:avoid}.document p,.lead,.notice,.date,.brief-brand,.corporate,.status{color:#111}.document p{orphans:3;widows:3}a{color:#111;text-decoration:none}.notice{border-color:#aaa;font-size:9pt}.section{padding:20px 0}.institution,.value-card,.cycle-panel,.architecture-lane,.product,.crop,.risk-grid article,.contact-section{background:#fff;color:#111}.brief-list li,.corporate,.product,.crop{break-inside:avoid}h2,h3{break-after:avoid}.email{font-size:13pt;color:#111}
}

/* Persistent section navigation for long institutional pages. */
.primary-nav,.site-strip{
  position:sticky;
  top:0;
  z-index:45;
  background:var(--bg);
  transition:box-shadow .2s ease,border-color .2s ease
}
.primary-nav.is-stuck,.site-strip.is-stuck{box-shadow:0 12px 34px rgba(0,0,0,.2)}
.primary-nav:after,.site-strip:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--accent);transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none}
.primary-nav a.is-active,.navigation nav a.is-active{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}
.section[id]{scroll-margin-top:1rem}
.back-to-top{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:70;display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:10px 15px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--ink);box-shadow:0 18px 48px rgba(0,0,0,.28);font:inherit;font-size:.82rem;font-weight:760;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease,border-color .2s ease}
.back-to-top>span:first-child{color:var(--accent);font-size:1.1rem;line-height:1}
.back-to-top:hover{border-color:var(--accent);background:var(--surface)}
.back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
@media(max-width:720px){.site-strip{top:0}.back-to-top{right:14px;bottom:14px;min-height:44px;padding:9px 13px}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}
@media print{.back-to-top{display:none!important}}

/* Responsive brand, typography and wrapping polish. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:clip}
h1,h2,h3{overflow-wrap:break-word;word-break:normal;hyphens:none;text-wrap:balance}
p,li{word-break:normal;text-wrap:pretty}
.eyebrow,.section-label,.panel-kicker{font-size:.75rem}
.hero-grid>*,.section-head>*,.building-layout>*,.institution-grid>*,.architecture-lane>*,.contact-card>*,.document,.brand-system,.document-brands,.header-tools{min-width:0}
.document-brands{display:flex;align-items:center;min-width:0}
.document-brand-divider{width:1px;height:38px;margin-inline:14px;background:var(--line);flex:0 0 auto}
.document-tf-brand{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none}
.navigation nav a{min-height:44px;display:inline-flex;align-items:center;overflow-wrap:break-word;word-break:normal}
.preview,.status,.button{overflow-wrap:break-word;word-break:normal}
.site-strip{max-width:var(--max)}

@media(max-width:720px){
  .navigation nav a{width:100%;padding:8px 0}
  .document-brands{max-width:100%}
}

@media(max-width:520px){
  .wrap{padding-inline:16px}
  h1{font-size:clamp(2.3rem,12vw,3.35rem);line-height:1.02;letter-spacing:-.045em}
  h2{font-size:clamp(1.9rem,9vw,2.7rem);line-height:1.08;letter-spacing:-.035em}
  h3{text-wrap:pretty}
  .brand-system,.document-brands{width:100%}
  .brand-divider{height:34px;margin-inline:0}
  .document-brand-divider{height:34px;margin-inline:9px}
  .brand-copy strong{white-space:normal;line-height:1.25}
  .brand-copy small{white-space:normal}
  .tf-brand .brand-copy{display:none}
  .document-brands .brand{min-width:0;letter-spacing:.07em;line-height:1.25}
  .document-brands .brand>span{min-width:0;overflow-wrap:break-word}
  .document-brands .brand img{width:38px;height:38px;flex:0 0 auto}
  .document-tf-brand .tf-logo{width:38px;height:38px}
  .preview{padding-inline:12px}
  .status{max-width:100%;line-height:1.45}
  .site-strip{padding-inline:16px}
}

@media(max-width:360px){
  .brand-system{gap:8px}
  .brand{gap:8px}
  .brand img,.tf-logo{width:36px;height:36px}
  .brand-copy strong{font-size:.61rem;letter-spacing:.055em}
  .header-tools{gap:12px}
  .languages{gap:2px}
  .languages a{min-width:32px;padding:.45rem .42rem}
}

@media print{.document-tf-brand{display:none!important}}

/* Corn has four end-use pathways; keep the matched card system in a balanced grid. */
.corn .crop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:720px){.corn .crop-grid{grid-template-columns:1fr}}

/* Cross-device typography and layout safeguards for EN / RO / RU. */
h1,h2,h3{overflow-wrap:normal;word-break:normal;hyphens:none}
h1{font-size:clamp(2.65rem,5vw,5.45rem);line-height:1;letter-spacing:-.055em}
h2{font-size:clamp(1.95rem,3.25vw,3.35rem);line-height:1.08;letter-spacing:-.04em}
p,li{overflow-wrap:normal;word-break:normal}
.preview,.status,.button,.site-name,.navigation nav a,.brand-copy strong,.brand-copy small,.eyebrow,.section-label,.panel-kicker{overflow-wrap:normal;word-break:normal;hyphens:none}
a[href^="mailto:"],.email,.corporate{overflow-wrap:anywhere;word-break:normal}
.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(36px,4vw,64px)}
html:lang(ro) .hero h1{font-size:clamp(2.55rem,4.55vw,5rem);letter-spacing:-.048em}
html:lang(ru) .hero h1{font-size:clamp(2.35rem,3.8vw,3.85rem);line-height:1.05;letter-spacing:-.038em}
html:lang(ru) .document h1{font-size:clamp(2.25rem,4vw,3.75rem);line-height:1.08;letter-spacing:-.035em}

@media(max-width:1100px){
  .wrap{padding-inline:28px}
  .site-strip{gap:16px}
  .navigation nav{gap:4px 14px}
  .navigation nav a{font-size:.75rem}
  .hero{padding-top:58px}
}

@media(max-width:980px){
  .hero-grid{gap:32px}
  .section-head{grid-template-columns:1fr;gap:12px;align-items:start}
  .crop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
  .site-strip{display:block}
  .site-name{margin-bottom:9px}
  .navigation summary{display:block;cursor:pointer;color:var(--accent);font-size:.82rem;padding:4px 0;min-height:44px;align-content:center}
  .navigation nav{display:grid;justify-content:start;gap:2px;padding:8px 0 2px}
  .navigation nav a{width:100%;padding:8px 0}
  .navigation:not([open]) nav{display:none}
}

@media(max-width:820px){
  .institution-grid{grid-template-columns:1fr}
}

@media(max-width:720px){
  .wrap{padding-inline:20px}
  .hero h1{font-size:clamp(2.3rem,10.8vw,3.65rem);line-height:1.025;letter-spacing:-.045em}
  html:lang(ro) .hero h1{font-size:clamp(2.2rem,10vw,3.3rem);letter-spacing:-.04em}
  html:lang(ru) .hero h1{font-size:clamp(2rem,7.4vw,2.45rem);line-height:1.06;letter-spacing:-.028em}
  .document h1{font-size:clamp(1.95rem,6.5vw,2.6rem);line-height:1.1;letter-spacing:-.03em}
  html:lang(ru) .document h1{font-size:clamp(1.8rem,6.5vw,2.5rem);letter-spacing:-.018em}
  .crop-grid{grid-template-columns:1fr}
}

@media(max-width:520px){
  .wrap{padding-inline:16px}
  .hero h1{font-size:clamp(2.05rem,10vw,2.9rem);line-height:1.04;letter-spacing:-.04em}
  html:lang(ro) .hero h1{font-size:clamp(2rem,9.4vw,2.7rem);letter-spacing:-.035em}
  html:lang(ru) .hero h1{font-size:clamp(1.7rem,7.4vw,2.45rem);line-height:1.08;letter-spacing:-.02em}
  .document h1{font-size:clamp(1.75rem,7vw,2.25rem)}
  html:lang(ro) .document h1{font-size:clamp(1.65rem,6.5vw,2.05rem)}
  html:lang(ru) .document h1{font-size:clamp(1.45rem,6.5vw,2.05rem);letter-spacing:-.018em}
  h2{font-size:clamp(1.75rem,8.2vw,2.35rem);line-height:1.1;letter-spacing:-.03em}
  html:lang(ru) main:not(.document) h2{font-size:clamp(1.48rem,7.2vw,2.05rem);letter-spacing:-.02em}
  .hero-grid{gap:26px}
  .value-card,.crop,.risk-grid article{padding:20px}
  .road-list li{padding:22px 0}
  .conversion-strip div{padding:18px}
}

@media(max-width:360px){
  .wrap{padding-inline:14px}
  .hero h1{font-size:clamp(1.88rem,9.5vw,2.15rem)}
  html:lang(ro) .hero h1{font-size:clamp(1.8rem,9vw,2.05rem)}
  html:lang(ru) .hero h1{font-size:clamp(1.48rem,7.4vw,1.72rem);line-height:1.1}
  html:lang(ru) .document h1{font-size:1.32rem}
}

@media(max-height:640px) and (orientation:landscape){
  .hero{padding-top:38px;padding-bottom:48px}
  .section{padding-top:64px;padding-bottom:64px}
}

/* Final responsive cascade: keep editorial panels inside every phone/tablet viewport. */
@media(max-width:980px){
  .hero-grid,.building-layout{grid-template-columns:minmax(0,1fr)}
  .hero-grid{align-items:start}
  .cycle-panel{width:100%;max-width:720px}
  .section-head{grid-template-columns:minmax(0,1fr)}
}

@media(max-width:720px){
  body{max-width:100%;overflow-x:hidden}
  .wrap{width:100%;max-width:100%}
  .hero-grid,.building-layout,.section-head,.institution-grid,.crop-grid,
  .risk-grid,.sector-note,.grid-2,.contact-card,.steps{
    grid-template-columns:minmax(0,1fr)
  }
  .hero-grid>*,.building-layout>*,.section-head>*,.cycle-panel,
  .value-card,.institution,.crop,.risk-grid article{max-width:100%;min-width:0}
  .cycle-panel{padding:20px}
  .cycle-panel h2{font-size:clamp(1.65rem,7.5vw,2.15rem);line-height:1.08}
  .cycle-map li{grid-template-columns:34px minmax(0,1fr)}
  .architecture-lane{grid-template-columns:minmax(0,1fr)}
  .product-list{grid-template-columns:minmax(0,1fr)}
  .road-list li{grid-template-columns:32px minmax(0,1fr)}
  .road-list p,.road-list .stage{grid-column:2}
  .conversion-strip{grid-template-columns:minmax(0,1fr)}
  .conversion-strip div,.conversion-strip div:nth-child(2n){border-right:0}
  .conversion-strip div:last-child{grid-column:auto}
}

@media(max-width:520px){
  .masthead{padding-top:18px;padding-bottom:18px}
  .brand-system{gap:9px}
  .brand{gap:8px;flex:1 1 auto}
  .brand-copy strong{font-size:.64rem;letter-spacing:.06em}
  .brand-divider{flex:0 0 1px}
  .tf-brand{flex:0 0 auto}
  .hero{padding-top:36px;padding-bottom:48px}
  .section{padding-top:54px;padding-bottom:54px}
  .eyebrow,.section-label,.panel-kicker{letter-spacing:.12em}
  .status{display:flex;width:fit-content}
  .cycle-panel,.institution,.architecture-lane{padding:20px}
}