/* Jiaqi Website Design System v3.0 - Platform Documentary Template */
:root{--jq-green:#006b3f;--jq-dark:#082f28;--jq-cream:#f5f1e8;--jq-soft:#eeeadf;--jq-gold:#d8a128;--jq-muted:#69766e;--jq-line:rgba(8,47,40,.14)}
body{background:var(--jq-cream);color:var(--jq-dark)}
.doc-topbar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 4.8vw;border-top:1px solid var(--jq-line);border-bottom:1px solid var(--jq-line);background:rgba(245,241,232,.92);font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:rgba(8,47,40,.86)}
.doc-topbar span{opacity:.72}.doc-topbar strong{opacity:1}.platform-documentary{background:var(--jq-cream);overflow:hidden}.doc-hero{position:relative;min-height:72vh;display:flex;align-items:flex-end;padding:8vw 5vw 5.5vw;color:#fff;background-size:cover;background-position:center;isolation:isolate}.doc-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.31) 38%,rgba(0,0,0,.08) 72%),linear-gradient(0deg,rgba(0,0,0,.35),rgba(0,0,0,.02) 45%);z-index:-1}.doc-hero-content{max-width:560px}.episode-label{font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;color:rgba(255,255,255,.88)}.doc-hero h1{font-size:clamp(64px,9vw,132px);line-height:.88;margin:0 0 22px;font-weight:900;letter-spacing:-.06em}.doc-hero .subtitle{font-size:clamp(25px,2.3vw,38px);font-weight:750;line-height:1.16;margin:0 0 28px}.doc-hero .rule,.doc-rule{width:86px;height:2px;background:var(--jq-gold);margin:0 0 28px}.doc-hero p{font-size:clamp(16px,1.3vw,22px);line-height:1.55;max-width:520px;margin:0;color:rgba(255,255,255,.92)}.doc-caption{position:absolute;right:5vw;bottom:5vw;text-align:right;font-size:16px;line-height:1.35;font-weight:650;color:rgba(255,255,255,.9)}.doc-caption b{display:block;color:#fff}.doc-section{display:grid;grid-template-columns:minmax(300px,38%) 1fr;border-bottom:1px solid var(--jq-line);min-height:430px}.doc-text{padding:6.5vw 5vw 5vw}.doc-number{font-size:14px;font-weight:800;color:var(--jq-green);letter-spacing:.08em;margin-bottom:26px}.doc-text h2{font-size:clamp(30px,3vw,54px);line-height:1.02;letter-spacing:-.045em;margin:0 0 24px;font-weight:900}.doc-text p{font-size:clamp(16px,1.2vw,21px);line-height:1.7;margin:0;max-width:460px;color:#263d36}.doc-image{position:relative;min-height:420px;overflow:hidden}.doc-image img{width:100%;height:100%;object-fit:cover;display:block}.doc-image-caption{position:absolute;right:22px;bottom:18px;color:#fff;text-align:right;font-size:14px;font-weight:700;text-shadow:0 1px 10px rgba(0,0,0,.6)}.evidence-block{padding:5.5vw 4.8vw 4.8vw;border-bottom:1px solid var(--jq-line);background:linear-gradient(180deg,#f8f5ee 0%,#eee9dd 100%)}.evidence-head{display:grid;grid-template-columns:64px minmax(280px,520px) 1fr;gap:20px;align-items:start;margin-bottom:32px}.evidence-head h2{font-size:clamp(30px,3vw,52px);margin:0 0 12px;line-height:1.05;letter-spacing:-.04em}.evidence-head p{font-size:18px;line-height:1.55;margin:0;color:#344a43}.evidence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.evidence-card{background:#fff;border:1px solid rgba(8,47,40,.09)}.evidence-card img{width:100%;aspect-ratio:1.18/1;object-fit:cover;display:block}.evidence-card h3{font-size:15px;letter-spacing:.02em;margin:18px 18px 6px;text-transform:uppercase}.evidence-card p{font-size:14px;line-height:1.45;margin:0 18px 20px;color:#3d514b}.stats-block{padding:4vw 4.8vw 3.6vw;border-bottom:1px solid var(--jq-line);background:#f8f5ee}.stats-title{display:flex;gap:34px;align-items:center;margin-bottom:32px}.stats-title .doc-number{margin:0}.stats-title h2{font-size:clamp(28px,2.4vw,44px);margin:0;letter-spacing:-.035em}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--jq-line);border-bottom:1px solid var(--jq-line)}.stat{padding:32px 20px;text-align:center;border-right:1px solid var(--jq-line)}.stat:last-child{border-right:0}.stat .icon{font-size:33px;line-height:1;margin-bottom:12px;color:var(--jq-green)}.stat .value{font-size:clamp(34px,3.6vw,56px);font-weight:900;letter-spacing:-.06em;color:var(--jq-green);line-height:1}.stat .label{font-size:14px;line-height:1.35;margin-top:8px;color:#344a43}.next-episode{position:relative;min-height:210px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:42px 5vw;color:#fff;background-image:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.18)),url('../images/germplasm/germplasm-hero.jpg');background-size:cover;background-position:center 62%}.next-episode h2{font-size:clamp(26px,2.8vw,48px);line-height:1.05;margin:0;letter-spacing:-.04em}.next-episode .quote{font-size:clamp(22px,2.1vw,38px);line-height:1.04;font-weight:850;letter-spacing:-.04em;max-width:420px}.next-card{text-align:right}.next-card .small{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.72);margin-bottom:8px}.next-card a{display:inline-flex;align-items:center;gap:20px;color:#fff;text-decoration:none;font-size:clamp(28px,3vw,52px);font-weight:850;letter-spacing:-.05em}.next-card .arrow{width:56px;height:56px;border-radius:50%;display:inline-grid;place-items:center;background:rgba(126,142,45,.9);font-size:30px}.doc-footer-mini{display:flex;align-items:center;justify-content:space-between;padding:14px 5vw;background:#102f28;color:rgba(255,255,255,.72);font-size:12px}.doc-footer-mini b{color:#fff}.cn .doc-hero h1,.cn .doc-text h2,.cn .evidence-head h2,.cn .stats-title h2{letter-spacing:-.02em}.cn .doc-hero .subtitle{font-weight:850}.cn .doc-text p,.cn .evidence-head p{line-height:1.9}
@media (max-width:900px){.doc-topbar{display:none}.doc-hero{min-height:auto;padding:0;display:block;background-image:none!important;color:var(--jq-dark)}.doc-hero:before{display:none}.doc-hero-mobile-image{display:block;height:56vh;background-size:cover;background-position:center;position:relative}.doc-hero-mobile-image:after{content:"";position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(0deg,var(--jq-cream),rgba(245,241,232,0))}.doc-hero-content{padding:36px 26px 34px;max-width:none}.episode-label{color:var(--jq-green);font-size:12px;margin-bottom:12px}.doc-hero h1{font-size:56px;line-height:.9;color:var(--jq-dark);margin-bottom:16px}.doc-hero .subtitle{font-size:25px;color:var(--jq-green);margin-bottom:20px}.doc-hero .rule,.doc-rule{background:var(--jq-green);margin-bottom:20px}.doc-hero p{color:#263d36;font-size:16px}.doc-caption{position:static;text-align:left;color:#5b6b64;padding:0 26px 28px;font-size:13px}.doc-caption b{color:var(--jq-dark)}.doc-section{display:block;min-height:0}.doc-text{padding:42px 26px 32px}.doc-number{margin-bottom:14px}.doc-text h2{font-size:34px}.doc-image{min-height:0}.doc-image img{height:auto;max-height:70vh;object-fit:cover}.evidence-block{padding:42px 18px}.evidence-head{display:block;margin-bottom:22px;padding:0 8px}.evidence-head h2{font-size:34px}.evidence-grid{grid-template-columns:1fr;gap:18px}.evidence-card img{aspect-ratio:4/3}.stats-block{padding:42px 26px}.stats-title{display:block}.stats-title .doc-number{margin-bottom:12px}.stats-grid{grid-template-columns:1fr;border-bottom:0}.stat{border-right:0;border-bottom:1px solid var(--jq-line);padding:26px 10px}.next-episode{display:block;padding:42px 26px;min-height:360px}.next-episode .quote{margin-bottom:50px}.next-card{text-align:left}.next-card a{font-size:34px}.doc-footer-mini{display:block;line-height:1.8}.site-header+.doc-topbar,.site-header+.platform-documentary{margin-top:0}}
@media (min-width:901px){.doc-hero-mobile-image{display:none}}

/* Genomics episode additions */
.evidence-card.chart img{object-fit:contain;background:#fff;padding:14px;box-sizing:border-box}
.doc-image.contain{background:#fff;display:flex;align-items:center;justify-content:center}
.doc-image.contain img{object-fit:contain;padding:28px;box-sizing:border-box}
.genomics-data-band{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--jq-line);border-bottom:1px solid var(--jq-line);background:#fff}
.genomics-data-band .data-item{padding:34px 28px;border-right:1px solid var(--jq-line)}
.genomics-data-band .data-item:last-child{border-right:0}
.genomics-data-band .data-value{font-size:clamp(40px,5vw,74px);line-height:.9;font-weight:900;color:var(--jq-green);letter-spacing:-.07em}
.genomics-data-band .data-label{font-size:15px;line-height:1.45;color:#344a43;margin-top:10px;font-weight:700}
.application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--jq-line);border-left:1px solid var(--jq-line);background:#fff}
.application-card{padding:34px 28px;border-right:1px solid var(--jq-line);border-bottom:1px solid var(--jq-line)}
.application-card h3{margin:0 0 12px;font-size:22px;line-height:1.1;letter-spacing:-.035em;color:var(--jq-dark)}
.application-card p{font-size:15px;line-height:1.6;margin:0;color:#344a43}
@media(max-width:900px){.genomics-data-band{grid-template-columns:1fr}.genomics-data-band .data-item{border-right:0;border-bottom:1px solid var(--jq-line)}.application-grid{grid-template-columns:1fr}.doc-image.contain img{padding:16px}}


/* Farming video hero v3.1 mobile fix: keep the hero as one continuous video/poster scene */
.doc-hero-video-section .doc-hero-video{display:block;}
@media (max-width:900px){
  .doc-hero.doc-hero-video-section{
    min-height:78vh !important;
    display:flex !important;
    align-items:flex-end !important;
    padding:0 !important;
    color:#fff !important;
    background-image:url('../images/farming/farming-hero-poster.jpg') !important;
    background-size:cover !important;
    background-position:center 48% !important;
  }
  .doc-hero-video-section .doc-hero-video{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
    z-index:0 !important;
  }
  .doc-hero-video-section .doc-hero-mobile-image{display:none !important;}
  .doc-hero-video-section .doc-video-overlay{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(180deg,rgba(0,38,28,.10) 0%,rgba(0,38,28,.34) 38%,rgba(0,38,28,.72) 100%) !important;
    z-index:1 !important;
  }
  .doc-hero-video-section .doc-hero-content{
    position:relative !important;
    z-index:2 !important;
    padding:0 26px 74px !important;
    max-width:none !important;
  }
  .doc-hero-video-section .episode-label{color:rgba(255,255,255,.86) !important;}
  .doc-hero-video-section h1{color:#fff !important;text-shadow:0 2px 18px rgba(0,0,0,.22);}
  .doc-hero-video-section .subtitle{color:#00a86b !important;text-shadow:0 1px 12px rgba(0,0,0,.22);}
  .doc-hero-video-section .rule{background:#00a86b !important;}
  .doc-hero-video-section p{color:rgba(255,255,255,.92) !important;text-shadow:0 1px 12px rgba(0,0,0,.20);}
  .doc-hero-video-section .doc-caption{
    position:absolute !important;
    left:26px !important;
    right:26px !important;
    bottom:24px !important;
    z-index:2 !important;
    padding:0 !important;
    color:rgba(255,255,255,.72) !important;
    text-align:left !important;
  }
  .doc-hero-video-section .doc-caption b{color:#fff !important;}
}