.cinema-hero{display:block;width:100%;max-width:none;height:138svh;padding:0;position:relative;background:var(--green);color:var(--cream)}
.hero-frame{position:sticky;top:0;height:100svh;min-height:760px;overflow:hidden;isolation:isolate}
.cinema-hero .hero-visual{position:absolute;inset:0;margin:0;z-index:-2}
.cinema-hero .photo-shell{padding:0;border:0;border-radius:0;height:100%;box-shadow:none}
.cinema-hero .hero-photo{height:100%;aspect-ratio:auto;border-radius:0}
.cinema-hero .hero-photo img{object-position:70% 50%}
.cinema-hero .hero-frame::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#09271ed6 0%,#09271e55 47%,#09271e05 77%),linear-gradient(0deg,#09271ef2,transparent 66%)}
.cinema-hero .hero-copy{position:absolute;bottom:clamp(190px,25svh,270px);left:0;right:0;padding:0}
.cinema-hero h1{font-size:clamp(62px,7.2vw,108px);line-height:1.08;max-width:900px;color:var(--cream);letter-spacing:-.06em;margin-top:24px;text-wrap:initial}
.cinema-hero h1 em{color:#f1d89e}
.cinema-hero .eyebrow{color:#f1d89e;font-size:11px}
.cinema-hero .hero-description{color:#f5f2e8e8;font-size:18px;line-height:1.65;margin-top:22px;max-width:560px}
.cinema-hero .hero-description strong{color:#f5f2e8c7;font-weight:400;font-size:14px}
.cinema-hero .hero-actions{margin-top:27px}
.cinema-hero .hero-meta{color:#f5f2e8c7;margin-top:24px}
.cinema-hero .hero-meta strong,.cinema-hero .hero-meta a{color:var(--cream)}
.cinema-hero .hero-meta a{box-shadow:-1px 0 0 #f5f2e845}
.cinema-hero .meta-leaf,.cinema-hero .tiny-leaf{color:#f1d89e}
.cinema-hero .primary{border:1px solid #dbb86f;background:#173d2df2}
.cinema-hero .primary .arrow{background:transparent;color:#f1d89e}
.cinema-hero .text-link{color:var(--cream);border-bottom:1px solid #f1d89e75}
.cinema-hero .photo-note,.cinema-hero .vertical-note{display:none}
.cinema-hero .hero-photo figcaption{top:32px;right:56px;left:auto;bottom:auto;background:#09271eaa}
.cinema-hero .hero-bottom{position:absolute;bottom:24px;left:0;right:0;margin-top:0;padding:17px 0;color:#f5f2e8bf;border-top:1px solid #f5f2e838;box-shadow:none}
.cinema-hero .hero-bottom a{color:var(--cream);box-shadow:0 0 0 1px #f5f2e84d}
.button,.nav-contact{border-radius:8px}
.field-track{margin-top:0;height:285svh}
.field-frame{min-height:760px}
.field-canvas{transition:none}
.field-frame:not(.field-ready) .field-canvas{visibility:hidden}
.field-heading{top:56px;justify-content:flex-end}
.field-heading>div{width:46%;max-width:620px}
.field-heading h2{font-size:clamp(38px,4vw,60px);line-height:1.15}
.field-label{display:none}
.field-shade{background:linear-gradient(180deg,#09271e45,transparent 28%,#09271e09 58%,#09271ee0),linear-gradient(90deg,transparent 35%,#09271e55)}
.field-footer{bottom:92px}
.field-chapter h3{font-size:32px}
.field-timeline{position:absolute;left:0;right:0;bottom:24px}
.field-progress{height:1px;background:#f5f2e840}
.field-progress span{display:block;height:1px;background:#e6be72;transform:scaleX(0);transform-origin:left}
.field-stops{display:flex;justify-content:space-between;margin-top:12px;font-size:9px;letter-spacing:.1em;color:#f5f2e8a8}
.field-track[data-chapter="0"] .field-stops>span:first-child,.field-track[data-chapter="1"] .field-stops>span:nth-child(2),.field-track[data-chapter="2"] .field-stops>span:last-child{color:#f1d89e}
.cinema-ready .field-chapter{visibility:visible;transition:none}
.materials .section-heading{align-items:end;padding-bottom:32px;border-bottom:1px solid #a4772745}
.materials .material-layout{grid-template-columns:1.05fr .95fr;grid-template-areas:'photo choices' 'photo details';gap:28px 58px;align-items:start}
.product-photo{grid-area:photo;position:sticky;top:32px}
.product-photo img{width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;object-position:center;background:#ebe7dc}
.product-photo figcaption{border-top:1px solid #a4772745;padding-top:17px;margin-top:18px;font-size:11px;line-height:1.85;color:var(--muted)}
.materials .material-list{grid-area:choices}
.materials .detail-shell{grid-area:details;background:transparent;padding:0;border-radius:0;box-shadow:none}
.materials .material-detail{background:transparent;min-height:0;padding:12px 0 0;border-radius:0;box-shadow:none}
.materials .material-choice{padding:20px 0;gap:17px}
.materials .material-choice[aria-pressed=true]{border-radius:0;background:transparent;border-bottom-color:var(--green)}
.materials .material-choice[aria-pressed=false]:hover{background:transparent}
.materials .material-choice[aria-pressed=true] .choice-number{color:var(--green);font-weight:600}
.materials .material-choice strong{font-size:29px}
.materials .material-choice small{max-width:360px;font-size:12px;margin-top:9px}
.material-choice-caption{display:none!important}
.material-art,.materials .botanical-icon{display:none}
.materials .material-detail h3{font-size:27px;margin-top:11px}
.materials .material-detail p{font-size:13px;margin-top:13px}
.material-facts{gap:12px;margin:20px 0}
.material-facts dd{font-size:12px}
.materials .material-detail .text-link{margin-top:4px;border-bottom:1px solid #a4772770}
.materials .section-footnote{max-width:840px}
.care-shell,.care-card,.needs-shell,.needs-inner{border-radius:8px}
.support::after{display:none}
.footer{background:var(--cream)}
@media(max-width:1150px){.cinema-hero h1{font-size:76px}.field-heading h2{font-size:43px}.materials .material-layout{gap:25px 34px}.materials .material-choice strong{font-size:26px}.product-photo img{aspect-ratio:.9;object-fit:contain}}
@media(min-width:768px) and (max-width:950px){.cinema-hero h1{font-size:61px}.cinema-hero .hero-copy{bottom:155px}.field-heading>div{width:65%}.field-footer{grid-template-columns:1.1fr 1fr;gap:25px}.field-chapter h3{font-size:27px}.field-control-buttons{gap:7px}.field-control-buttons button{font-size:9px}.materials .material-layout{grid-template-columns:1fr 1fr;gap:25px}.materials .material-choice strong{font-size:25px}.material-facts>div{grid-template-columns:90px 1fr;gap:14px}}
@media(max-width:767px){
 .cinema-hero{height:130svh}.hero-frame{min-height:820px}
 .cinema-hero .hero-copy{bottom:245px}
 .cinema-hero h1{font-size:clamp(39px,10.8vw,62px);line-height:1.14;letter-spacing:-.055em;margin-top:20px}
 .cinema-hero .eyebrow{font-size:9px;max-width:320px}
 .cinema-hero .hero-description{font-size:16px;margin-top:22px}
 .cinema-hero .hero-description strong{font-size:12px}
 .cinema-hero .hero-actions{gap:20px;flex-wrap:wrap}
 .cinema-hero .hero-meta{font-size:10px;gap:10px}
 .cinema-hero .hero-photo img{object-position:80% center}
 .cinema-hero .hero-frame::after{background:linear-gradient(0deg,#09271efa 0%,#09271e99 51%,#09271e12 94%)}
 .cinema-hero .hero-photo figcaption{right:20px;top:22px;font-size:8px}
 .cinema-hero .hero-bottom{bottom:26px;padding:16px 0}.cinema-hero .hero-bottom>span:last-child{font-size:8px;max-width:130px}
 .field-track{height:230svh}.field-heading{top:35px;display:block}
 .field-heading>div{width:100%;max-width:390px}.field-heading h2{font-size:35px}
 .field-footer{bottom:calc(164px + env(safe-area-inset-bottom));grid-template-columns:1fr;gap:24px}
 .field-chapter h3{font-size:29px}.field-chapter p{font-size:13px}
 .field-control-buttons button{font-size:10px}.field-still-note{font-size:9px}
 .field-timeline{bottom:calc(104px + env(safe-area-inset-bottom))}
 .field-stops{font-size:8px;letter-spacing:.03em}
 .field-shade{background:linear-gradient(180deg,#09271ebb,transparent 34%,#09271e33 45%,#09271efa 87%)}
 .materials .material-layout{display:grid;grid-template-columns:1fr;grid-template-areas:'photo' 'choices' 'details';gap:28px}
 .product-photo{position:relative;top:auto}.product-photo img{aspect-ratio:1.3;object-fit:cover}
 .product-photo figcaption{font-size:11px;margin-top:14px;padding-top:12px}
 .materials .material-choice strong{font-size:28px}.materials .material-choice{padding:24px 0}
 .materials .material-detail{padding:0;min-height:0}.materials .material-detail p,.material-facts dd{font-size:14px}
 .material-facts>div{grid-template-columns:92px 1fr}
}
@media(max-height:760px) and (prefers-reduced-motion:no-preference){.cinema-hero{height:auto}.hero-frame{position:relative;height:860px}.field-track{height:auto}.field-frame{position:relative;height:1050px}}
@media(prefers-reduced-motion:reduce){
 .cinema-hero,.field-track{height:auto}.hero-frame{position:relative;height:900px}
 .field-frame{position:relative;height:auto;min-height:1240px}
 .field-heading>div{width:100%}.field-heading{justify-content:flex-start}
 .field-chapters{gap:24px}.field-chapter{grid-area:auto!important;opacity:1!important;visibility:visible!important}
 .field-chapter h3{font-size:25px}.field-chapter p{font-size:13px}
 .field-footer{bottom:120px}.field-timeline{display:none}
 .field-progress span{transform:none}
}
@media(max-width:767px) and (prefers-reduced-motion:reduce){.hero-frame{height:860px}.field-frame{min-height:1550px}.field-footer{bottom:calc(115px + env(safe-area-inset-bottom))}}
@media print{.cinema-hero,.field-track{height:auto}.hero-frame{position:relative;height:780px}.field-frame{position:relative;height:1150px}.field-timeline{display:none}.product-photo{position:static}}

/* V6: one visual narrative, native scrolling and separate mobile framing. */
.cinema-hero{height:180svh}
.cinema-hero .hero-photo{position:relative}
.cinema-hero .hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cinema-hero .hero-soil{object-position:68% 50%;opacity:1}
.cinema-hero .hero-farmer{opacity:0}
.hero-next{position:absolute;top:52px;left:0;max-width:850px;opacity:0;pointer-events:none}
.hero-next>span{display:block;font-size:10px;letter-spacing:.16em;color:#f1d89e;margin-bottom:14px}
.hero-next p{font-family:'Lora',serif;font-size:clamp(55px,6.4vw,94px);letter-spacing:-.055em;line-height:1.12}
.hero-next em{color:#f1d89e;font-weight:400}
.story-curve{position:absolute;right:-40px;bottom:100px;width:48%;height:auto;stroke:#e7c381;stroke-width:.8;opacity:.15;pointer-events:none}
.hero-bottom .story-tools{display:flex;gap:28px;align-items:center;font-size:9px;letter-spacing:.07em}
#ambience-toggle{display:inline-flex;align-items:center;gap:9px;min-height:44px;background:transparent;border:0;color:var(--cream);font-size:11px;padding:0 6px;cursor:pointer}
#ambience-toggle[hidden]{display:none}
.sound-mark{font-size:23px;color:#f1d89e}
#ambience-toggle[aria-pressed=true]{color:#f1d89e}
.materials{padding-block:130px}
.materials .section-heading{margin-bottom:58px}
.materials .section-heading h2{font-size:clamp(40px,4.5vw,67px);max-width:740px}
.product-photo{top:40px}
.product-photo img{aspect-ratio:.95;object-fit:cover}
.materials .material-choice{padding-block:27px}
.materials .detail-kicker{letter-spacing:.16em}
.needs{background:#122e24;color:var(--cream);padding-block:120px}
.needs h2{color:var(--cream);font-size:clamp(40px,4.7vw,68px)}
.needs h2 em,.needs .eyebrow{color:#e7c381}
.needs .section-heading>p{color:#d7dfcf}
.needs-story{display:grid;grid-template-columns:1.04fr .96fr;gap:64px;align-items:center}
.stage-photo{position:relative;margin:0;height:610px;overflow:hidden}
.stage-photo img{width:100%;height:100%;object-fit:cover;object-position:70% center}
.stage-photo::after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(0deg,#071b16c9,transparent);pointer-events:none}
.stage-photo figcaption{position:absolute;z-index:1;bottom:34px;left:34px;right:24px;font-family:'Lora',serif;font-size:25px;line-height:1.5;color:#faf5e6}
.stage-photo em{color:#e7c381;font-size:22px}
.needs-shell,.needs-inner{padding:0;border:0;box-shadow:none;background:transparent;border-radius:0}
.needs-inner{display:block}
.need-options{gap:0}
.need-options button{background:transparent;border-radius:0;border-bottom:1px solid #e7c38140;color:#e4e8da;padding:20px 0;font-family:'Lora',serif;font-size:24px;gap:22px}
.need-options button span{color:#e7c381;font-family:'Be Vietnam Pro',sans-serif;font-size:10px}
.need-options button[aria-pressed=true]{background:transparent;color:#e7c381;border-bottom-color:#e7c381}
.need-options button[aria-pressed=true]::after{content:'↗';margin-left:auto;font-family:'Be Vietnam Pro',sans-serif;font-size:23px}
.need-detail{padding-top:34px}
.need-detail h3{color:#f5f2e8;font-size:32px}
.need-label{color:#e7c381}
.need-detail p{color:#d7dfcf}
.needs .need-detail .need-prompts{color:#d7dfcf}
.needs .primary{background:#e7c381;color:#122e24}
.needs .primary .arrow{background:transparent;color:#122e24}
.rice-drawing{display:none}
.support{background:#e9e7db;color:var(--green);padding-block:130px}
.support .eyebrow{color:var(--gold)}
.support h2{color:var(--green);font-size:clamp(38px,4.2vw,60px)}
.support h2 em{color:var(--gold)}
.support-copy{color:var(--muted)}
.support .light{background:var(--green);color:var(--cream)}
.support .light .arrow{color:#e7c381;background:transparent}
.support-inner{grid-template-columns:1.12fr .88fr;gap:90px}
.support-photo{margin-top:45px;position:relative}
.support-photo img{display:block;aspect-ratio:1.22;width:100%;height:auto;object-fit:cover;object-position:75% center}
.support-photo figcaption{font-size:10px;color:var(--muted);letter-spacing:.09em;line-height:1.7;padding-top:17px;border-bottom:1px solid #a4772740;padding-bottom:17px}
.steps{padding-top:160px}
.steps li{gap:26px;padding-block:35px;box-shadow:0 1px 0 #183d2d24}
.steps li>span{font-family:'Lora',serif;font-size:33px;color:var(--gold);padding-top:0}
.steps h3{font-family:'Lora',serif;font-size:27px;line-height:1.35;color:var(--green)}
.steps p{color:var(--muted);font-size:14px}
.care{padding-block:120px}
.care-shell,.care-card{background:transparent;border-radius:0;box-shadow:none}
.care-shell{padding:0;border-top:1px solid #183d2d30}
.care-card{padding:30px 0 30px 78px}
.care-index{left:0;top:30px;font-size:38px}
.care-card h3{font-size:29px}
.faq-section{background:#e9e7db}
.form-shell,.form-core{border-radius:0}
.form-shell{background:transparent;padding:0;border-top:1px solid #a4772750}
.form-core{background:transparent;box-shadow:none;padding:35px 0}
.contact{padding-block:130px}
.contact h2{font-size:clamp(43px,4.6vw,66px)}
.contact .phone-number{font-size:clamp(35px,3.4vw,49px)}
.footer-brand{font-size:34px}
@media(max-width:1150px){.needs-story{gap:38px}.stage-photo{height:650px}.support-inner{gap:48px}.steps h3{font-size:25px}}
@media(min-width:768px) and (max-width:950px){.hero-next p{font-size:62px}.hero-next{top:45px}.needs-story{grid-template-columns:1fr;gap:40px}.stage-photo{height:420px}.need-options{flex-direction:row;gap:25px}.need-options button{flex:1;font-size:20px}.need-options button[aria-pressed=true]::after{display:none}.support-inner{grid-template-columns:1fr}.steps{padding-top:0}.support-photo img{aspect-ratio:1.6}}
@media(max-width:767px){
 .cinema-hero{height:165svh}
 .cinema-hero .hero-soil{object-position:67% center}
 .hero-next{top:34px;max-width:100%}
 .hero-next>span{font-size:8px;margin-bottom:19px}
 .hero-next p{font-size:clamp(35px,9.5vw,54px);line-height:1.2}
 .story-curve{width:83%;bottom:115px;right:-30px}
 .hero-bottom .story-tools{gap:0}.story-tools>span{display:none}
 #ambience-toggle{font-size:10px;padding-right:0}
 .hero-chapter-name{font-size:8px;max-width:108px!important;line-height:1.8}
 .materials,.needs,.support,.care,.contact{padding-block:78px}
 .materials .section-heading{margin-bottom:32px}
 .materials .section-heading h2,.needs h2,.support h2,.contact h2{font-size:37px}
 .product-photo img{aspect-ratio:1.12}
 .materials .material-choice strong{font-size:28px}
 .needs-story{grid-template-columns:1fr;gap:35px}
 .stage-photo{height:405px;margin-inline:-20px}
 .stage-photo img{object-position:72% center}
 .stage-photo figcaption{left:23px;bottom:25px;font-size:22px}.stage-photo em{font-size:20px}
 .need-options{flex-direction:column;gap:0}
 .need-options button{font-size:25px;padding:20px 0;justify-content:flex-start;gap:20px}
 .need-detail{padding-top:30px}.need-detail h3{font-size:30px}.need-detail p{font-size:14px}
 .support-inner{grid-template-columns:1fr;gap:35px}
 .support-photo{margin-top:33px}.support-photo img{aspect-ratio:1.12}
 .steps{padding-top:0}.steps li{gap:22px}.steps h3{font-size:25px}.steps li>span{font-size:29px}
 .care-card{padding:26px 0 26px 60px}.care-index{top:26px;font-size:32px}.care-card h3{font-size:25px}
 .form-core{padding:28px 0}.footer-brand{font-size:30px}
}
@media(max-height:760px) and (prefers-reduced-motion:no-preference){.cinema-hero{height:auto}.hero-frame{height:960px}}
@media(prefers-reduced-motion:reduce){.cinema-hero{height:auto}.hero-next{display:none}.hero-soil{opacity:1!important}.hero-farmer{opacity:0!important}.story-curve{transform:none!important}.hero-frame{height:960px}}
@media print{.hero-next,#ambience-toggle{display:none}.hero-farmer{opacity:0!important}.hero-soil{opacity:1!important}.stage-photo{height:300px}.needs-story{display:block}}