:root{--forest:#153c2c;--deep:#0d2b20;--sage:#7e9676;--cream:#f4efe3;--paper:#fbf9f3;--gold:#d8a84e;--line:rgba(18,51,37,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--forest);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}.header{position:absolute;z-index:20;top:0;width:100%;height:86px;padding:0 clamp(22px,5vw,82px);display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.25);color:#fff}.logo{font-size:.84rem;font-weight:700;letter-spacing:.22em;display:flex;align-items:center;gap:10px}.logo span{width:34px;height:34px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font:600 1.2rem Fraunces,serif}.header nav{display:flex;gap:34px;margin:auto;font-size:.78rem}.header nav a{opacity:.85}.header-cta{padding:12px 18px;border:1px solid rgba(255,255,255,.65);font-size:.74rem;font-weight:700}.menu{display:none;background:none;border:0;color:#fff;font-size:1.35rem}.hero{height:100vh;min-height:700px;position:relative;overflow:hidden;background:#173829}.slides,.slide{position:absolute;inset:0}.slide{opacity:0;transform:scale(1.05);transition:opacity 1s ease,transform 7s ease;background-size:cover;background-position:center;pointer-events:none}.slide.active{opacity:1;transform:scale(1);pointer-events:auto}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,29,20,.84) 0%,rgba(8,29,20,.55) 48%,rgba(8,29,20,.12) 85%),linear-gradient(0deg,rgba(8,29,20,.45),transparent 45%)}.hero-copy{position:absolute;z-index:2;left:clamp(28px,9vw,145px);top:50%;transform:translateY(-44%);max-width:790px;color:#fff}.kicker,.eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.22em;margin:0 0 22px}.kicker{color:#e6cb83}.hero h1,h2{font:600 clamp(4rem,7vw,7.3rem)/.92 Fraunces,serif;letter-spacing:-.05em;margin:0}.hero h1 em,h2 em{font-weight:600;color:var(--gold)}.hero-copy>p:not(.kicker){font-size:1.02rem;line-height:1.7;max-width:570px;color:#d7dfda;margin:28px 0}.button{display:inline-flex;justify-content:space-between;gap:60px;min-width:200px;padding:16px 20px;font-size:.76rem;font-weight:700}.button.light{background:#f8f4e9;color:var(--forest)}.photo-credit{position:absolute;z-index:3;right:50px;bottom:38px;color:#fff;font-size:.65rem;opacity:.7}.slider-controls{position:absolute;z-index:10;left:clamp(28px,9vw,145px);bottom:42px;display:flex;gap:18px;align-items:center}.arrow{border:1px solid rgba(255,255,255,.45);color:#fff;background:rgba(10,35,24,.2);width:42px;height:42px;cursor:pointer}.dots{display:flex;gap:7px}.dot{width:24px;height:3px;border:0;padding:0;background:rgba(255,255,255,.35);cursor:pointer}.dot.active{background:#fff}.scroll-cue{position:absolute;z-index:10;right:-31px;top:50%;transform:rotate(90deg);font-size:.58rem;letter-spacing:.19em;color:white}.section{padding:115px clamp(24px,7vw,110px)}.story{display:grid;grid-template-columns:.4fr 1.2fr .75fr;gap:7vw;align-items:center}.story-label{align-self:start;display:flex;gap:14px;font-size:.65rem;letter-spacing:.18em}.story-label span{color:#9aa69f}.story-copy h2{font-size:clamp(3.2rem,5vw,5.5rem)}.lead{font:400 1.1rem/1.75 Fraunces,serif;color:#53675d;max-width:640px;margin:30px 0}.story-tags{display:flex;gap:10px;flex-wrap:wrap}.story-tags span{border:1px solid var(--line);border-radius:20px;padding:8px 13px;font-size:.65rem}.grain-card{background:#e4d4ac;padding:20px 20px 28px;text-align:center;transform:rotate(2deg);box-shadow:0 16px 40px rgba(23,60,44,.14)}.grain-photo{height:320px;background:url('images/assam-harvest.jpg') center/cover;filter:sepia(.25)}.grain-card p{font:700 2rem Fraunces,serif;margin:20px 0 2px}.grain-card small{font-style:italic}.impact{background:var(--deep);color:#fff}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:60px}.section-top h2{font-size:clamp(3rem,5vw,5.6rem)}.section-top>p{max-width:410px;color:#a9bbb1;line-height:1.7}.impact .eyebrow{color:#aebe9d}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.17)}.stats-grid article{position:relative;padding:38px 30px 34px;border-right:1px solid rgba(255,255,255,.17)}.stats-grid article:last-child{border:0}.stat-icon{display:block;color:#8fa399;font-size:.65rem;margin-bottom:68px}.counter{font:600 clamp(3.2rem,5vw,5.5rem) Fraunces,serif;color:#eedba7}.stats-grid b{font-size:.72rem;margin-left:5px}.stats-grid p{font-size:.74rem;color:#a9bbb1}.note{font-size:.65rem;color:#82978c;margin-top:20px}.directory .eyebrow{color:#6e856e}.directory .section-top h2{font-size:clamp(3rem,5vw,5rem)}.search{width:300px;border-bottom:1px solid var(--forest);display:flex;align-items:center;gap:9px;padding:11px 0}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--forest)}.table-wrap{overflow-x:auto;border-top:2px solid var(--forest)}table{border-collapse:collapse;width:100%;min-width:1050px}th{text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;color:#77877e}th,td{text-align:left;padding:20px 15px;border-bottom:1px solid var(--line)}td{font-size:.76rem}.row-num{color:#9aa59f;margin-right:15px}.download{display:inline-flex;gap:22px;padding:10px 13px;border:1px solid var(--forest);font-size:.65rem;font-weight:700;transition:.2s}.download:hover{background:var(--forest);color:#fff}.no-results{text-align:center;padding:30px}.source-note{display:flex;gap:25px;margin-top:28px;font-size:.7rem;color:#718078}.source-note strong{color:var(--forest);white-space:nowrap}.source-note p{margin:0;max-width:760px;line-height:1.6}footer{background:#0a241a;color:#d9e0dc;padding:35px clamp(24px,7vw,110px);display:flex;justify-content:space-between;align-items:center;font-size:.7rem}footer p{color:#84978c}
@media(max-width:900px){.story{grid-template-columns:1fr 1fr}.story-label{display:none}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid article:nth-child(2){border-right:0}.stats-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.17)}}
@media(max-width:680px){.header{height:70px}.header nav,.header-cta{display:none}.menu{display:block;margin-left:auto}.hero{min-height:650px}.hero h1{font-size:3.55rem}.hero-copy{left:22px;right:22px}.photo-credit,.scroll-cue{display:none}.slider-controls{left:22px}.section{padding:80px 22px}.story{grid-template-columns:1fr}.grain-card{max-width:390px}.section-top{display:block}.section-top>p{margin-top:24px}.search{width:100%;margin-top:30px}.stats-grid{grid-template-columns:1fr}.stats-grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.17)!important}.stat-icon{margin-bottom:35px}.source-note,footer{flex-direction:column;align-items:flex-start}.hero-copy>p:not(.kicker){font-size:.9rem}}

/* Enhanced motion and editorial storytelling */
html{scroll-padding-top:75px}body{overflow-x:hidden}.page-progress{position:fixed;z-index:100;top:0;left:0;width:0;height:3px;background:var(--gold)}.header{transition:height .35s,background .35s,box-shadow .35s}.header.scrolled{position:fixed;height:68px;background:rgba(10,36,26,.91);backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(0,0,0,.16)}.header nav a{position:relative}.header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:#fff;transition:right .3s}.header nav a:hover:after{right:0}.hero-copy>*{opacity:0;transform:translateY(25px)}.slide.active .hero-copy>*{animation:heroReveal .75s ease forwards}.slide.active .hero-copy h1{animation-delay:.12s}.slide.active .hero-copy>p:not(.kicker){animation-delay:.24s}.slide.active .hero-copy .button{animation-delay:.34s}.button,.download,.arrow{transition:transform .25s,background .25s,color .25s}.button:hover,.download:hover{transform:translateY(-3px)}.arrow:hover{background:#fff;color:var(--forest);transform:scale(1.06)}@keyframes heroReveal{to{opacity:1;transform:none}}
.body-copy{font-size:.86rem;line-height:1.8;color:#718078;max-width:600px;margin:0 0 25px}.tilt{transition:transform .15s ease-out}.marquee{overflow:hidden;background:var(--gold);color:var(--deep);padding:18px 0;font-size:.72rem;font-weight:700;letter-spacing:.18em;white-space:nowrap}.marquee div{width:max-content;animation:marquee 24s linear infinite}.marquee i{font-style:normal;margin:0 35px}@keyframes marquee{to{transform:translateX(-50%)}}
.journey{background:#eee7d8}.journey .section-top>p{color:#5f7167}.photo-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:390px 330px;gap:18px}.photo-grid figure{position:relative;margin:0;overflow:hidden;background:#173829}.photo-grid img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1);filter:saturate(.86)}.photo-grid figure:hover img{transform:scale(1.06)}.photo-large{grid-row:1/3}.photo-wide{grid-column:2}.photo-grid figcaption{position:absolute;inset:auto 0 0;padding:60px 25px 22px;color:#fff;background:linear-gradient(transparent,rgba(6,25,17,.85))}.photo-grid figcaption span{font-size:.62rem;color:#e2c878;margin-right:14px}.photo-grid figcaption strong{font:600 1.25rem Fraunces,serif}.photo-grid figcaption p{font-size:.7rem;color:#d4ddd8;margin:7px 0 0 34px}.reveal{opacity:0;transform:translateY(45px);transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}.photo-small.reveal{transition-delay:.12s}.photo-wide.reveal{transition-delay:.22s}.stats-grid article{overflow:hidden;transition:background .3s,transform .3s}.stats-grid article:hover{background:rgba(255,255,255,.06);transform:translateY(-5px)}tbody tr{transition:background .25s}tbody tr:hover{background:#f0eadc}
@media(max-width:900px){.photo-grid{grid-template-rows:330px 280px}.header nav{gap:20px}.header nav a{font-size:.7rem}}
@media(max-width:680px){.photo-grid{display:block}.photo-grid figure{height:380px;margin-bottom:14px}.marquee{font-size:.6rem}.reveal{transform:translateY(28px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide,.reveal,.hero-copy>*,.marquee div,.photo-grid img{transition:none!important;animation:none!important}.reveal,.hero-copy>*{opacity:1;transform:none}}

/* Abstract red rice grain language */
body:before{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.16;background-image:radial-gradient(circle at 20% 30%,rgba(21,60,44,.16) 0 1px,transparent 1.5px),radial-gradient(circle at 75% 65%,rgba(216,168,78,.2) 0 1px,transparent 1.5px);background-size:38px 38px,57px 57px;mix-blend-mode:multiply}.story,.journey,.impact,.directory{position:relative;isolation:isolate;overflow:hidden}.story>*:not(.rice-sprig),.journey>*,.impact>*,.directory>*{position:relative;z-index:2}.story:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(21,60,44,.1);border-radius:50%;left:-230px;top:80px;box-shadow:0 0 0 55px rgba(21,60,44,.025),0 0 0 110px rgba(21,60,44,.018)}.story:after{content:"";position:absolute;right:-35px;top:65px;width:220px;height:360px;opacity:.18;transform:rotate(-18deg);background:radial-gradient(ellipse at center,transparent 0 39%,var(--forest) 41% 45%,transparent 47%) 0 0/55px 80px,radial-gradient(ellipse at center,var(--gold) 0 27%,transparent 30%) 25px 20px/55px 80px}.journey:before{content:"JOHA";position:absolute;z-index:0;right:-30px;top:20px;font:700 clamp(9rem,20vw,20rem)/1 Fraunces,serif;color:rgba(21,60,44,.035);letter-spacing:-.08em}.journey:after{content:"";position:absolute;left:3%;bottom:4%;width:130px;height:210px;opacity:.2;transform:rotate(12deg);background:radial-gradient(ellipse,var(--gold) 0 30%,transparent 32%) 0 0/42px 63px}.impact:before{content:"";position:absolute;inset:0;z-index:0;opacity:.08;background:repeating-radial-gradient(ellipse at 100% 0,transparent 0 70px,#d8a84e 71px 72px,transparent 73px 105px)}.impact:after{content:"";position:absolute;right:2%;bottom:-80px;width:190px;height:300px;opacity:.18;transform:rotate(-28deg);background:radial-gradient(ellipse,#e8d18f 0 28%,transparent 31%) 0 0/48px 72px}.directory:before{content:"";position:absolute;left:-50px;top:210px;width:170px;height:280px;opacity:.12;transform:rotate(22deg);background:radial-gradient(ellipse,var(--forest) 0 27%,transparent 30%) 0 0/45px 68px}.directory:after{content:"";position:absolute;right:-180px;bottom:-190px;width:460px;height:460px;border:1px solid rgba(21,60,44,.1);border-radius:50%;box-shadow:0 0 0 50px rgba(21,60,44,.025),0 0 0 100px rgba(21,60,44,.018)}
@keyframes grainDrift{0%,100%{transform:rotate(-18deg) translateY(0)}50%{transform:rotate(-15deg) translateY(-12px)}}.story:after,.impact:after,.directory:before{animation:grainDrift 7s ease-in-out infinite}.impact:after{animation-delay:-2s}.directory:before{animation-delay:-4s}
@media(max-width:680px){.story:after{right:-115px}.journey:after{display:none}.directory:before{left:-115px}.impact:after{right:-110px}}

/* Refined grain story layout */
.story{grid-template-columns:110px minmax(420px,680px) minmax(300px,410px);justify-content:center;gap:clamp(35px,5vw,90px);padding-top:105px;padding-bottom:105px;min-height:700px;background:linear-gradient(125deg,#fbf9f3 0%,#f8f4ea 100%)}.story-label{padding-top:9px;flex-direction:column;gap:8px;border-top:1px solid rgba(21,60,44,.28)}.story-label p{margin:0;font-size:.63rem;line-height:1.55}.story-label span{font-size:.62rem}.story-copy{align-self:center}.story-copy .eyebrow{margin-bottom:26px}.story-copy h2{font-size:clamp(3.6rem,4.65vw,5.35rem);line-height:.91;max-width:660px}.story-copy h2 br{display:none}.story-copy h2 em{display:block;margin-top:8px}.lead{font:600 clamp(1.08rem,1.25vw,1.35rem)/1.65 Fraunces,serif;color:#425d50;max-width:650px;margin:36px 0 22px;padding-left:22px;border-left:2px solid var(--gold)}.body-copy{font-size:.88rem;line-height:1.8;max-width:620px;margin-left:24px}.story-tags{margin:27px 0 0 24px}.story-tags span{background:rgba(255,255,255,.55);padding:9px 15px}.grain-card{width:100%;max-width:390px;justify-self:end;padding:18px 18px 24px;transform:rotate(1.5deg);box-shadow:0 25px 55px rgba(31,58,44,.16)}.grain-photo{height:390px;background-position:center 40%}.grain-card p{font-size:2.25rem;margin-top:18px}.story:before{width:330px;height:330px;left:-210px;top:100px}.story:after{right:-80px;top:20px;opacity:.09;transform:rotate(-18deg) scale(.9)}
@media(max-width:1100px){.story{grid-template-columns:80px minmax(360px,1fr) 330px;gap:35px}.grain-photo{height:340px}.story-copy h2{font-size:4rem}}
@media(max-width:820px){.story{grid-template-columns:1fr 300px;min-height:auto}.story-label{display:none}.story-copy h2{font-size:3.5rem}.lead,.body-copy,.story-tags{margin-left:0}.grain-photo{height:320px}}
@media(max-width:680px){.story{grid-template-columns:1fr;padding-top:75px;padding-bottom:80px}.story-copy h2{font-size:clamp(3rem,14vw,4rem)}.story-copy h2 br{display:block}.lead{margin-top:28px}.grain-card{justify-self:center;max-width:360px;margin-top:24px}.grain-photo{height:350px}.story:after{display:none}}

/* Individual scroll reveals */
.fade-up-item{opacity:0;transform:translate3d(0,34px,0);transition:opacity .72s ease,transform .82s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}.fade-up-item.fade-up-visible{opacity:1;transform:translate3d(0,0,0)}tbody tr.fade-up-item{transform:translate3d(0,22px,0)}
@media(prefers-reduced-motion:reduce){.fade-up-item{opacity:1!important;transform:none!important;transition:none!important}}
body,button,input{font-family:'Poppins',sans-serif}
.journey:before{content:"RED RICE"}

/* Responsive navigation and mobile directory */
@media(max-width:680px){
  .header{padding-inline:18px}
  .header .logo{position:relative;z-index:2;font-size:.72rem;letter-spacing:.16em}
  .header .logo span{width:31px;height:31px}
  .menu{position:relative;z-index:2;width:44px;height:44px;padding:0;cursor:pointer}
  .header nav{display:flex;position:fixed;z-index:1;inset:0 0 auto;min-height:100dvh;padding:108px 24px 40px;background:rgba(10,36,26,.98);flex-direction:column;align-items:flex-start;gap:0;opacity:0;visibility:hidden;transform:translateY(-16px);transition:opacity .25s ease,transform .25s ease,visibility .25s}
  .header nav a{width:100%;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.16);font:600 clamp(1.5rem,8vw,2rem) Fraunces,serif}
  .menu-open{overflow:hidden}
  .menu-open .header nav{opacity:1;visibility:visible;transform:none}
  .menu-open .header{position:fixed;background:#0a241a}
  .hero{height:100svh;min-height:600px}
  .hero-copy{top:47%;transform:translateY(-43%)}
  .hero h1{font-size:clamp(2.85rem,14vw,3.65rem)}
  .hero-copy>p:not(.kicker){line-height:1.55;margin:20px 0}
  .kicker,.eyebrow{letter-spacing:.16em;margin-bottom:16px}
  .button{min-width:190px;gap:30px;padding:14px 17px}
  .slider-controls{bottom:24px}
  .section{padding-inline:18px}
  .section-top{margin-bottom:38px}
  .section-top h2,.directory .section-top h2{font-size:clamp(2.65rem,13vw,3.5rem)}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats-grid article{padding:27px 18px 23px}
  .stats-grid article:nth-child(odd){border-right:1px solid rgba(255,255,255,.17)}
  .stat-icon{margin-bottom:22px}
  .counter{font-size:clamp(2.6rem,13vw,3.5rem)}
  .table-wrap{overflow:visible;border-top:0}
  table,thead,tbody,tr,td{display:block;width:100%}
  table{min-width:0}
  thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  tbody{display:grid;gap:16px}
  tbody tr{padding:18px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(21,60,44,.06)}
  td{display:grid;grid-template-columns:minmax(110px,42%) 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.74rem}
  td:first-child{display:block;padding-top:0;font-size:.82rem}
  td:last-child{border-bottom:0;padding-bottom:0;margin-top:5px}
  td:not(:first-child)::before{font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#77877e}
  td:nth-child(2)::before{content:'District / Area'}
  td:nth-child(3)::before{content:'Red rice area'}
  td:nth-child(4)::before{content:'Farmers'}
  td:nth-child(5)::before{content:'Production'}
  td:nth-child(6)::before{content:'Certificate'}
  .row-num{display:block;margin:0 0 7px}
  .download{justify-content:space-between;width:100%;min-height:44px;align-items:center}
  footer{gap:8px;padding-inline:18px}
  footer p{margin:3px 0}
}
@media(max-width:390px){
  .hero-copy{left:18px;right:18px}
  .hero h1{font-size:2.8rem}
  .hero-copy>p:not(.kicker){font-size:.82rem}
  .story-copy h2{font-size:2.75rem}
  .grain-photo{height:300px}
  .stats-grid{grid-template-columns:1fr}
  .stats-grid article:nth-child(odd){border-right:0}
  td{grid-template-columns:105px 1fr}
}

/* Three-field producer data layout */
.stats-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){
  .stats-grid{grid-template-columns:1fr}
  td:nth-child(2)::before{content:'Land Area'}
  td:nth-child(3)::before{content:'Production Quantity'}
}
