/* WE米 production direction: quiet cover, loud evidence, a human story. */
:root{--space-scene:clamp(88px,11vw,174px);--story-ease:cubic-bezier(.16,1,.3,1)}
html{scroll-padding-top:125px}
body{overflow-x:clip;font-size:16px;line-height:2;letter-spacing:.025em}
.wrap{width:min(1360px,100%);padding-inline:clamp(24px,6vw,88px)}
.skip{z-index:100}
.annotation{font-size:12px;line-height:1.95}
.eyebrow{font-size:11px;letter-spacing:.18em}
.chapter-label{margin-bottom:48px;gap:18px;font-size:12px;letter-spacing:.08em}
.chapter-label .no{font-family:var(--sans);font-size:16px;font-weight:800;letter-spacing:-.03em}
.textlink{font-size:13px}
.btn{padding:20px 26px;font-size:13px;gap:24px;box-shadow:4px 4px 0 var(--ink)}
.actions{gap:24px 38px}
.we-header.header{height:130px;padding:35px 4.5%;transition:color .3s ease,opacity .25s ease,transform .4s var(--story-ease)}
.we-header.is-reading:not(.is-menu-open):not(:has(:focus-visible)){transform:translateY(-150px);opacity:0;pointer-events:none}
.we-menu__home{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #143d2b55;padding:20px 0;min-height:54px;font-size:12px;text-decoration:none;margin-top:26px}
.we-menu__home span{font-size:22px}
.we-menu__bottom{margin-top:0;border:0;padding-top:22px}
.we-menu__links>a{min-height:68px;padding-block:15px}
.we-menu__eyebrow{font-size:12px}
.we-wordmark{transition:opacity .2s}
.we-wordmark:hover{opacity:.8}
.we-menu-word{font-size:10px}
.we-menu-toggle{border-radius:50%}
.we-menu-toggle:hover .we-menu-icon i:last-child{width:40px}
.we-header[data-tone=light] :focus-visible{outline-color:#fff}

/* 01 — the photo holds as the cover opens. Scrolling remains native. */
.hero-scene{position:relative;height:175svh;background:var(--ink)}
.material-hero{position:sticky;top:0;height:100svh;min-height:640px;max-height:none;border:0}
.material-hero__photo img{transform:translate3d(0,var(--cover-photo-y,0px),0) scale(var(--cover-scale,1.08));will-change:transform;object-position:56% 38%;transform-origin:64% 45%}
.material-hero h1{bottom:13%;left:7%;transform:translate3d(0,var(--cover-copy-y,0px),0);opacity:var(--cover-copy-opacity,1);will-change:transform,opacity}
.hero-title__preface{font-size:clamp(38px,5.3vw,80px);line-height:1.65;letter-spacing:.06em}
.hero-title__main{font-size:clamp(112px,18vw,270px);line-height:1.18;letter-spacing:-.065em}
.material-hero__scroll{right:5%;bottom:38px;opacity:var(--cover-scroll-opacity,1)}
.material-hero__credit{font-size:10px;left:5%;bottom:22px}
.material-hero::after{content:'';position:absolute;inset:0;background:var(--ink);opacity:var(--cover-shade,0);pointer-events:none;z-index:2}
.material-hero::before{background:linear-gradient(180deg,#10231888,transparent 33%),linear-gradient(90deg,#10231833,transparent 68%),linear-gradient(0deg,#142218b3,transparent 66%)}
.js:not(.still) .material-hero.playing .hero-title__preface{animation:we-cover 1.15s .05s var(--story-ease) both}
.js:not(.still) .material-hero.playing .hero-title__main{animation:we-cover 1.4s .18s var(--story-ease) both}
@keyframes we-cover{from{opacity:0;translate:0 80px;clip-path:inset(100% 0 0)}to{opacity:1;translate:0 0;clip-path:inset(0)}}

/* 02 — breathing room before the impact. */
.material-intro{padding:var(--space-scene) 0;overflow:clip}
.material-intro .wrap{grid-template-columns:1.05fr 1fr;gap:5vw;min-height:620px}
.material-intro h2{font-family:var(--serif);font-size:clamp(34px,4.3vw,66px);font-weight:700;line-height:1.8;letter-spacing:-.035em;margin:28px 0 35px}
.material-intro h2 span:last-child{font-family:var(--sans);font-weight:900;letter-spacing:-.055em}
.material-intro__copy>p:not(.eyebrow){font-size:15px;line-height:2.5}
.material-intro .textlink{margin-top:30px}
.material-intro__photo{margin-top:0;transform:none;rotate:4deg;translate:0 var(--intro-photo-y,0px)}
.material-intro__photo img{aspect-ratio:.95;border-radius:46% 46% 44% 45% / 43% 44% 48% 50%;object-position:48% 50%}
.material-intro__photo figcaption{margin-top:24px;font-size:17px}
.material-sprig--intro{top:-35px;right:-85px;width:290px}

/* 03 — a monumental 7 stays beside the evidence as the reader scrolls. */
.nutrition{padding:100px 0 110px;overflow:clip;background:#edcd51}
.nutrition__intro{gap:8vw;align-items:start;margin-bottom:32px}
.nutrition h2{font-size:clamp(40px,5vw,72px);line-height:1.45;letter-spacing:-.065em}
.nutrition__intro>p{font-size:15px;line-height:2.3;max-width:28em;padding-top:12px}
.nutrition-journey{display:grid;grid-template-columns:1fr 1fr;gap:8%;position:relative;align-items:start}
.fiber-anchor{position:sticky;top:132px;align-self:start}
.fiber-stage{position:relative;padding:32px 0 50px;isolation:isolate}
.nutrition .fiber-display{position:relative;top:auto;min-height:0;height:420px;padding-top:58px;clip-path:none;background:none;justify-content:center;align-items:end;overflow:visible}
.fiber-display__label{font-size:clamp(20px,2vw,29px);top:0;left:0;letter-spacing:.01em;rotate:-5deg;font-weight:900}
.fiber-display strong{font-size:clamp(300px,33vw,480px);line-height:.85;letter-spacing:-.105em;rotate:-4deg;transform:translateY(var(--seven-y,0px)) scale(var(--seven-scale,1));transform-origin:center 65%;opacity:var(--seven-opacity,1)}
.fiber-display .about{font-size:40px;margin-top:23px;align-self:start}
.fiber-display small{font-size:78px;margin:0 0 9px 17px}
.fiber-caption{font-size:12px;font-weight:500;line-height:1.9;text-align:center;margin-top:35px}
.fiber-orbit{position:absolute;font-family:var(--serif);font-size:18px;right:3px;bottom:-20px;writing-mode:vertical-rl;rotate:7deg;letter-spacing:.13em}
.nutrition-evidence{padding:90px 0 50px;position:relative}
.fiber-explanation h3{font-size:27px;line-height:1.8;letter-spacing:-.04em}
.fiber-explanation>p{font-size:15px;line-height:2.2;margin-top:28px}
.bars{margin-top:38px;gap:23px}
.bar-row{grid-template-columns:90px 1fr;font-size:12px;gap:10px}
.bar i{height:40px;transform:scaleX(var(--bar-scale,1));transform-origin:left}
.balance{margin-top:60px;display:block}
.balance strong{font-size:16px}
.segments{margin-top:20px;width:100%;font-size:11px}
.nutrient-board{margin-top:75px}
.nutrient{display:grid;grid-template-columns:1fr auto;padding:35px 0;gap:10px 15px;align-items:center}
.nutrient h3{font-size:17px}
.nutrient .tag{font-size:10px;margin-bottom:4px}
.nutrient .value{font-size:44px;letter-spacing:-.06em}
.nutrient .value small{font-size:11px;font-weight:500}
.nutrient p:not(.value){grid-column:1/-1;margin-top:10px;font-size:13px;line-height:2.2;max-width:35em}
.nutrition>.wrap>.annotation{margin:55px 0 0;max-width:100%}
.health-research{margin-top:55px;padding-top:38px;border-top:1px solid #143d2b66;gap:50px}
.health-research p{font-size:13px;line-height:2.2}
.health-research h3{font-size:20px;line-height:1.8}
.health-research summary{font-size:12px;min-height:44px}

/* Manga is a scene, not a decorative sticker. */
.art{background:none;overflow:hidden}
.art>img{position:absolute;left:0;top:0;width:200%;height:200%;max-width:none;object-fit:fill}
.art--lab>img{top:-100%}
.art--city>img{width:100%;height:100%;object-fit:cover;object-position:center}
.story-cut{padding:95px 0 120px;overflow:clip}
.story-cut__grid{align-items:start;gap:9%;grid-template-columns:1.05fr .95fr}
.story-cut .panel{position:sticky;top:150px;rotate:-2deg;transform:none!important;margin-top:50px;box-shadow:8px 8px 0 var(--ink);translate:0 var(--cook-panel-y,0px)}
.story-cut__text{padding-top:0}
.story-beat{min-height:58svh;padding:75px 0 100px}
.story-beat:last-child{padding-bottom:35px;min-height:48svh}
.story-beat h2,.story-beat h3{font:700 clamp(30px,3vw,43px)/1.8 var(--serif);letter-spacing:-.045em}
.story-beat p{font-size:15px;line-height:2.3;margin-top:27px;max-width:29em}
.mini-label{font-size:11px;margin-bottom:25px;padding:5px 12px}
.bubble{font-size:clamp(16px,1.6vw,22px);padding:15px 23px;line-height:1.65}
.story-cut .bubble{scale:var(--bubble-scale,1);transform-origin:bottom center;transition:scale .35s var(--story-ease)}
.story-cut .sfx{font-size:clamp(35px,4vw,58px);bottom:5%;right:5%;translate:var(--pour-x,0px) var(--pour-y,0px);rotate:var(--pour-rotate,0deg)}
.panel-caption{font-size:10px;padding:4px 10px;line-height:1.6}

/* The bowl arrives before the practical, switchable recipe. */
.easy{overflow:clip;padding-bottom:110px}
.easy>.wrap{padding-top:90px}
.easy__visual{gap:7%;grid-template-columns:1.4fr .6fr;margin:30px 0 85px;min-height:520px}
.easy__visual .food-photo{margin-left:-6vw;width:calc(100% + 6vw);rotate:-4deg;translate:0 var(--meal-y,0px)}
.easy__visual .food-photo__window{aspect-ratio:1.35}
.easy__vertical{font:700 clamp(30px,3.6vw,52px)/1.85 var(--serif);letter-spacing:.02em;rotate:3deg}
.easy__vertical span{display:block;opacity:var(--meal-word-opacity,1);translate:0 var(--meal-word-y,0px)}
.easy__vertical span:nth-child(2){margin-left:10%}.easy__vertical span:nth-child(3){margin-left:3%}
.easy__head{gap:10%;margin-bottom:45px;align-items:start}
.easy__head h2{font:700 clamp(30px,3.6vw,48px)/1.7 var(--serif)}
.easy__head p{font-size:15px;line-height:2.3}
.recipe-tabs{gap:5px;margin-bottom:25px}
.recipe-tabs button{font-size:13px;min-height:54px;padding:13px 23px;border-radius:0}
.recipe-stage{gap:6%;align-items:start;scroll-margin-top:135px}
.recipe-formula{padding:38px 28px;box-shadow:6px 6px 0 var(--ink);rotate:-1deg}
.recipe-name{font-size:15px}.formula strong{font-size:76px}.formula-foot{font-size:11px;line-height:1.9}
.recipe-steps li{padding:24px 0;gap:23px}.recipe-steps strong{font-size:14px}.recipe-steps p{font-size:13px;line-height:2}
.easy>.wrap>.annotation{margin-top:35px}

/* The scenery opens, then the young grower stays alongside the story. */
.city{padding-bottom:100px;overflow:clip}
.city-material{height:72svh;min-height:440px;max-height:850px;margin-bottom:95px}
.city-material img{height:125%;transform:translateY(var(--field-y,-5%)) scale(1.03);object-position:50% 60%;will-change:transform}
.city-material::after{background:linear-gradient(0deg,#143d2b,transparent 70%)}
.city-material figcaption{font:700 clamp(30px,4vw,60px)/1.7 var(--serif);bottom:55px;right:7%;letter-spacing:.03em;translate:0 var(--field-caption-y,0px)}
.city__head{gap:9%;margin-bottom:80px;align-items:start}
.city h2{font:700 clamp(35px,4vw,56px)/1.8 var(--serif);letter-spacing:-.04em}
.city__head>p{font-size:15px;line-height:2.4;padding-top:12px}
.city__grid{grid-template-columns:1.1fr .9fr;gap:8%;align-items:start}
.city__grid>.panel{position:sticky;top:145px;transform:none!important;rotate:2deg;margin-top:40px;translate:0 var(--city-panel-y,0px);box-shadow:8px 8px 0 #edcd51}
.city__facts article{min-height:43svh;padding:70px 0 90px;border-bottom:1px solid #fffbed44}
.city__facts article:last-child{padding-bottom:35px;border-bottom:0}
.city__facts h3{font-size:20px;line-height:1.9;display:block}
.city__facts .no{display:block;font:700 13px/1.5 var(--sans);margin-bottom:23px;color:var(--yellow)}
.city__facts p{font-size:14px;line-height:2.3;margin-top:24px}
.city .cycle{border-block:1px solid #fffbed55;border-inline:0;padding:30px 0;margin-top:60px;background:none;justify-content:space-between;gap:20px;font-size:13px}
.city .cycle i{font-style:normal;color:var(--yellow)}
.city .annotation{margin-top:28px}
.city .real-people{margin-top:65px;padding-top:30px;font-size:13px}
.real-people img{width:80px;height:80px;border-radius:50%;object-fit:cover}

.product--blend.product .product__image,.product--pan.product .product__image{order:2}
/* Five generous product spreads. The pack follows while the details are read. */
.product-intro{padding:120px 0 75px;overflow:clip}
.product-intro h2{font:900 clamp(43px,6.1vw,84px)/1.55 var(--sans);letter-spacing:-.06em}
.product-intro h2 small{font:700 clamp(21px,2vw,30px)/1.8 var(--serif);letter-spacing:0;margin-bottom:18px}
.product-intro p:not(.chapter-label){font-size:15px;line-height:2.3;max-width:46em;margin-top:26px}
.product-index{margin-top:45px;gap:10px 22px}
.product-index a{font-size:12px;min-height:46px;padding:8px 0}
.product{padding:110px 0 120px;overflow:clip}
.product .product__grid{grid-template-columns:1fr 1fr;gap:9%;align-items:start}
.product .product__image{order:0;position:sticky;top:145px;min-height:470px;max-width:100%;padding:55px 45px 45px;align-self:start;overflow:visible}
.product .product__body{order:1;padding-top:20px;min-height:710px}
.product__image>img{height:380px;max-width:100%;transform:translateY(var(--pack-y,0px)) rotate(var(--pack-turn,-4deg)) scale(var(--pack-scale,1));transition:filter .3s;will-change:transform}
.product--pack .product__image>img{height:410px}
.product--latte .product__image>img{height:340px}
.product__image:hover>img{transform:translateY(var(--pack-y,0px)) rotate(var(--pack-turn,-4deg)) scale(var(--pack-scale,1))}
.product__speech{font-size:18px;line-height:1.65;padding:17px 23px;top:-5px;left:0;transform:rotate(-7deg);max-width:93%}
.product__stamp{font-size:11px;right:0;bottom:-12px;padding:15px 21px;rotate:3deg;transform:none}
.product__stamp strong{font-size:43px;line-height:1.4}
.product .eyebrow{font-size:11px;letter-spacing:.13em;margin-bottom:25px}
.product h3,.product--blend h3,.product--latte h3{font-size:clamp(30px,3.3vw,47px);line-height:1.65;letter-spacing:-.045em;margin-bottom:25px}
.product .product-name{font-size:14px;line-height:1.9;margin-bottom:20px}
.product .description{font-size:15px;line-height:2.3}
.product__specs{font-size:12px;line-height:2;margin-top:35px;gap:0 15px}
.product__specs>div{padding:18px 0}.product__specs dt{font-size:11px;letter-spacing:.05em}
.product .product-action{margin-top:35px}
.product .product-action .btn{padding:20px 22px;font-size:12px;width:100%;max-width:450px;gap:15px}
.product details{margin-top:32px;padding-top:13px}
.product summary{font-size:12px;line-height:1.8;padding-block:13px}
.product details p,.product .annotation{font-size:11px;line-height:2}
.product .annotation{margin-top:23px}
.product-material--rice{opacity:.4;left:-240px;bottom:60px}
.product-material--hands{opacity:.35;right:-250px;bottom:0}
.material-sprig--product{right:-100px}.material-sprig--latte{left:-100px}
.product--uimai{--tone:#dbe5b6}.product--blend{--tone:#eee5ef}.product--pack{--tone:#c9e0d9}.product--pan{--tone:#f2d491}.product--latte{--tone:#efe3cf}

/* The timeline is the proof behind the story. */
.research{padding:110px 0 120px;overflow:clip}
.research-material{grid-template-columns:1.25fr .75fr;gap:9%;align-items:center;margin:0 0 110px}
.research-material img{rotate:-4deg;translate:0 var(--research-photo-y,0px)}
.research-material>p{font:700 clamp(27px,3.2vw,45px)/1.95 var(--serif);letter-spacing:-.04em}
.research-grid{gap:10%;grid-template-columns:1fr 1fr;align-items:start}
.research-grid>div:first-child{position:sticky;top:145px}
.research h2{font-size:clamp(27px,2.7vw,38px);line-height:1.85;margin-bottom:30px}
.research .intro{font-size:14px;line-height:2.4}
.research .panel{margin-top:40px;rotate:-2deg}
.timeline{border-left:1px solid #143d2b44;position:relative;padding-left:35px;isolation:isolate}
.timeline::after{content:'';position:absolute;top:0;bottom:0;left:-1px;width:2px;background:var(--ink);transform:scaleY(var(--timeline-progress,0));transform-origin:top;z-index:-1}
.timeline article{padding:20px 0 60px;margin:0 0 40px;min-height:320px}
.timeline article::before{left:-41px;top:36px}
.timeline .year{font:800 clamp(42px,4vw,60px)/1.4 var(--sans);letter-spacing:-.06em;margin:0}
.timeline h3{font-size:19px;line-height:1.9;margin-top:22px}
.timeline p{font-size:14px;line-height:2.3;margin-top:20px}
.research .annotation{margin-top:65px}
.faq{padding:100px 0 115px}
.faq-grid{gap:10%;grid-template-columns:.85fr 1.15fr;align-items:start}
.faq-grid>div:first-child{position:sticky;top:150px}
.faq h2{font-size:clamp(30px,3vw,44px);line-height:1.7}
.faq .intro{font-size:14px;line-height:2.3}
.qa details{padding:12px 0}.qa summary{font-size:15px;padding-block:22px;line-height:1.9}.qa details p{font-size:14px;line-height:2.3;padding-bottom:24px}
.closing{padding:110px 0 130px}
.closing h2{font-size:clamp(36px,4.8vw,69px);line-height:1.8;letter-spacing:-.05em}
.closing__food{width:min(620px,85%);margin:65px auto 45px;rotate:4deg;transform:scale(var(--closing-scale,1))}
.closing>.wrap>p:not(.eyebrow){font-size:15px;line-height:2.5;margin-top:35px}
.closing .actions{margin-top:45px}
.sources{padding:65px 0 75px}.sources h2{font-size:15px}.sources ul{gap:14px 28px}.sources a{font-size:12px}.sources .annotation{font-size:11px;line-height:2.1;margin-top:30px}
.footer{padding:45px 5% 110px;align-items:center;gap:35px}.footer p{line-height:2.3}.footer img{width:190px}.footer a{display:inline-block;min-height:44px;padding-block:8px}

.js:not(.still) .reveal{transition:opacity .8s var(--story-ease),transform 1.1s var(--story-ease);transform:translateY(45px)}
.js:not(.still) .reveal.in{transform:none}
.js:not(.still) .product__body.reveal h3 .line,.js:not(.still) .material-intro h2.reveal>span{display:block;clip-path:inset(100% 0 0);translate:0 35px;transition:clip-path 1s var(--story-ease),translate 1s var(--story-ease)}
.js:not(.still) .product__body.reveal.in h3 .line,.js:not(.still) .material-intro h2.reveal.in>span{clip-path:inset(0);translate:0 0}
.js:not(.still) .product__body.reveal h3 .line:nth-child(2),.js:not(.still) .material-intro h2.reveal>span:last-child{transition-delay:.12s}
.material-intro h2>span{display:block}
.material-intro h2>br{display:none}
.js:not(.still) .product.in img{animation:none}
.js:not(.still) .fiber-burst.in .bar i{animation:none}
.js:not(.still) .city__grid .bubble{scale:var(--city-bubble-scale,1);transition:scale .4s var(--story-ease)}

@media(min-width:761px) and (max-height:740px){
 .fiber-anchor{top:100px}.nutrition .fiber-display{height:330px}.fiber-display strong{font-size:340px}.fiber-caption{margin-top:20px}.fiber-stage{padding-bottom:20px}
 .product .product__image{top:110px;min-height:360px;padding:40px 40px 25px}.product__image>img{height:280px}.product--pack .product__image>img{height:300px}.product--latte .product__image>img{height:270px}
 .research-grid>div:first-child{position:static}
}
@media(max-width:1050px) and (min-width:761px){
 .nutrition-journey{gap:5%;grid-template-columns:.9fr 1.1fr}.nutrition .fiber-display{height:330px}.fiber-display strong{font-size:310px}.fiber-display .about{font-size:29px}.fiber-display small{font-size:55px;margin-left:13px}.fiber-display__label{font-size:19px}.fiber-orbit{font-size:15px;bottom:-40px}
 .product .product__grid{gap:6%}.product .product__image{padding-inline:25px}.product__speech{font-size:16px}.product h3{font-size:32px}.product__stamp strong{font-size:36px}.product .product__body{min-height:760px}
 .story-cut__grid{gap:6%}.city__grid{gap:6%}.bubble{font-size:15px;padding:12px 17px}.recipe-tabs button{font-size:11px}.formula strong{font-size:60px}
}
@media(max-width:760px){
 :root{--space-scene:80px}
 html{scroll-padding-top:112px}.wrap{padding-inline:24px}.chapter-label{font-size:10px;gap:14px;letter-spacing:.02em;margin-bottom:32px}.chapter-label .no{font-size:13px}
 .we-header.header{padding:28px 6% 15px;height:105px}.we-menu{padding-top:115px;padding-bottom:45px}.we-menu__links>a{font-size:24px;min-height:62px;padding-block:12px}.we-menu__home{margin-top:20px;padding-block:12px}.we-menu__bottom{padding-top:17px}.we-menu__eyebrow{font-size:11px;margin-bottom:12px}.we-menu-toggle:hover .we-menu-icon i:last-child{width:34px}
 .hero-scene{height:145svh}.material-hero{height:100svh;min-height:570px}.material-hero h1{left:6%;bottom:16%;max-width:88%}.hero-title__preface{font-size:clamp(28px,8.2vw,54px);line-height:1.7}.hero-title__main{font-size:clamp(84px,25vw,162px);line-height:1.3}
 .material-hero__photo img{object-position:58% 38%;transform-origin:65% 42%}.material-hero__scroll{font-size:10px;bottom:40px;right:7%;gap:14px}.material-hero__credit{font-size:8px;bottom:20px;left:6%}
 .material-intro .wrap{grid-template-columns:1fr;gap:38px;min-height:0}.material-intro h2{font-size:clamp(31px,8.8vw,48px);line-height:1.8;margin:20px 0 25px}.material-intro__copy>p:not(.eyebrow){font-size:14px;line-height:2.4}.material-intro__photo{width:90%;margin:10px 0 0 auto;rotate:5deg}.material-intro__photo img{aspect-ratio:1.1}.material-intro__photo figcaption{font-size:15px;margin-top:20px}.material-sprig--intro{width:200px;top:8px;right:-85px;opacity:.65}
 .nutrition{padding:70px 0 75px}.nutrition h2{font-size:38px;line-height:1.5}.nutrition__intro{display:block;margin-bottom:40px}.nutrition__intro>p{max-width:none;font-size:14px;line-height:2.3;margin-top:25px;padding:0}
 .nutrition-journey{display:block}.fiber-anchor{position:sticky;top:100px;z-index:2;margin:0 -24px;padding:0 24px;background:#edcd51;box-shadow:0 20px 20px #edcd51;pointer-events:none}
 .fiber-stage{height:255px;padding:18px 0 25px}.nutrition .fiber-display{height:182px;padding-top:32px;justify-content:center;align-items:end;max-width:320px;margin:auto}.fiber-display strong{font-size:200px;line-height:.82;letter-spacing:-.1em}.fiber-display__label{left:6%;font-size:19px;top:-5px;rotate:-4deg}.fiber-display .about{font-size:24px;margin-top:4px}.fiber-display small{font-size:43px;margin:0 0 3px 15px}.fiber-caption{font-size:10px;line-height:1.7;margin-top:20px}.fiber-orbit{font-size:12px;right:0;bottom:20px;letter-spacing:.1em}
 .nutrition-evidence{padding:80px 0 0}.fiber-explanation h3{font-size:23px;line-height:1.8}.fiber-explanation>p{font-size:14px;line-height:2.25;margin-top:24px}.bars{gap:18px;margin-top:30px}.bar i{height:33px}.balance{margin-top:45px}.balance strong{font-size:15px}.segments{font-size:10px}.nutrient-board{margin-top:45px}.nutrient{padding:28px 0;gap:8px 10px}.nutrient h3{font-size:16px}.nutrient .value{font-size:37px}.nutrient .value small{font-size:10px}.nutrient .tag{font-size:9px}.nutrient p:not(.value){font-size:13px;line-height:2.1}.nutrition>.wrap>.annotation{font-size:11px;margin-top:50px}.health-research{margin-top:40px;display:block;padding-top:30px}.health-research h3{font-size:18px}.health-research details{margin-top:25px}
 .story-cut{padding:70px 0 80px}.story-cut__grid{display:block}.story-cut .panel{top:115px;margin:0;z-index:2;box-shadow:5px 5px 0 var(--ink);rotate:-2deg;width:100%;background:var(--paper)}
 .story-cut .art{aspect-ratio:1.8}.story-cut .art>img{height:auto;min-height:200%}.story-cut__text{padding-top:25px}.story-beat{min-height:56svh;padding:65px 0 80px}.story-beat:last-child{padding-bottom:0;min-height:48svh}.story-beat h2,.story-beat h3{font-size:29px;line-height:1.85}.story-beat p{font-size:14px;line-height:2.3;margin-top:23px}.mini-label{font-size:10px;margin-bottom:20px}.bubble{font-size:14px;padding:12px 17px}.panel-caption{font-size:8px;padding:3px 7px}.story-cut .sfx{font-size:36px;bottom:6%;right:5%}
 .easy{padding-bottom:75px}.easy>.wrap{padding-top:65px}.easy__visual{grid-template-columns:1.3fr .7fr;gap:7%;min-height:0;margin:20px 0 50px}.easy__visual .food-photo{margin-left:-24px;width:calc(100% + 24px)}.easy__visual .food-photo__window{aspect-ratio:.95;border-radius:0 45% 42% 0}.easy__vertical{font-size:clamp(22px,5.6vw,35px);line-height:1.95;white-space:nowrap}.food-photo figcaption{font-size:8px;line-height:1.8}.easy__head{display:block;margin-bottom:30px}.easy__head h2{font-size:29px;line-height:1.8}.easy__head p{font-size:14px;line-height:2.3;margin-top:25px}.recipe-tabs{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:28px}.recipe-tabs button{font-size:13px;padding:12px 16px;text-align:left;min-height:50px;border:1px solid var(--ink);background:transparent;color:var(--ink)}.recipe-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.recipe-stage{display:block}.recipe-formula{padding:28px 22px;box-shadow:4px 4px 0 var(--ink);rotate:-1deg;margin-bottom:30px}.recipe-name{font-size:13px}.formula strong{font-size:67px}.formula-foot{font-size:10px}.recipe-steps li{gap:20px;padding:22px 0}.recipe-steps strong{font-size:13px;line-height:1.9}.recipe-steps p{font-size:12px;line-height:2}.easy>.wrap>.annotation{font-size:11px}
 .city{padding-bottom:75px}.city-material{height:55svh;min-height:340px;margin-bottom:65px}.city-material figcaption{font-size:26px;bottom:35px;right:7%}.city__head{display:block;margin-bottom:50px}.city h2{font-size:32px;line-height:1.85}.city__head>p{padding-top:0;font-size:14px;line-height:2.4;margin-top:25px}.city__grid{display:block}.city__grid>.panel{top:115px;z-index:2;width:100%;margin-top:0;box-shadow:5px 5px 0 #edcd51;rotate:2deg}.city__grid .art{aspect-ratio:1.8}.city__facts{padding-top:15px}.city__facts article{min-height:53svh;padding:70px 0 75px}.city__facts article:last-child{padding-bottom:25px}.city__facts h3{font-size:19px;line-height:1.95}.city__facts .no{font-size:12px;margin-bottom:17px}.city__facts p{font-size:14px;line-height:2.3;margin-top:20px}.city .cycle{flex-direction:column;padding:30px 0;gap:15px;margin-top:45px;font-size:13px}.city .cycle i{rotate:90deg}.city .annotation{font-size:11px}.city .real-people{gap:20px;margin-top:45px;font-size:11px}.real-people img{width:66px;height:66px}
 .product-intro{padding:75px 0 50px}.product-intro h2{font-size:43px;line-height:1.6}.product-intro h2 small{font-size:21px;margin-bottom:18px}.product-intro p:not(.chapter-label){font-size:14px;line-height:2.3;margin-top:25px}.product-index{gap:5px 18px;margin-top:30px}.product-index a{font-size:11px;min-height:44px;padding:10px 0}
 .product{padding:65px 0 75px}.product .product__grid{display:block!important}.product .product__image{position:relative;top:auto;width:100%;padding:35px 35px 40px;min-height:330px;max-width:440px;margin:0 auto 45px;order:0!important}.product__image>img{height:280px!important}.product--pack .product__image>img{height:300px!important}.product--latte .product__image>img{width:100%;height:auto!important}.product--latte .product__image{min-height:260px;padding:25px 0 35px}.product__speech,.product--pack .product__speech{top:-8px;bottom:auto;font-size:16px;left:0;padding:12px 18px;max-width:90%}.product__stamp{font-size:10px;bottom:-5px;right:0;padding:12px 17px}.product__stamp strong{font-size:33px}.product .product__body{min-height:0!important;padding-top:10px;order:1!important}.product .eyebrow{font-size:10px;margin-bottom:20px}.product h3,.product--blend h3,.product--latte h3{font-size:30px;line-height:1.7;margin-bottom:25px}.product .product-name{font-size:13px;margin-bottom:18px}.product .description{font-size:14px;line-height:2.3}.product__specs{font-size:12px;line-height:2;margin-top:30px;gap:0 16px}.product__specs>div{padding:17px 0}.product__specs dt{font-size:10px}.product .product-action{margin-top:30px}.product .product-action .btn{font-size:11px;padding:19px 18px;gap:12px}.product summary{font-size:11px}.product details p,.product .annotation{font-size:11px;line-height:2}.product details{margin-top:30px}.product-material--rice{top:15px;left:-150px}.product-material--hands{top:160px;right:-130px;opacity:.3}
 .research{padding:75px 0 80px}.research-material{display:block;margin-bottom:70px}.research-material img{width:94%;rotate:-4deg}.research-material>p{font-size:27px;line-height:1.95;margin:40px 0 0 18%}.research-grid{display:block}.research-grid>div:first-child{position:static}.research h2{font-size:27px;line-height:1.9}.research .intro{font-size:14px;line-height:2.3}.research .panel{margin-top:35px}.timeline{margin-top:65px;padding-left:28px}.timeline article{min-height:0;padding:12px 0 40px;margin-bottom:35px}.timeline article::before{left:-34px;top:28px}.timeline .year{font-size:47px}.timeline h3{font-size:18px;margin-top:17px}.timeline p{font-size:13px;line-height:2.3;margin-top:17px}.research .annotation{font-size:11px;margin-top:35px}
 .faq{padding:70px 0 80px}.faq-grid{display:block}.faq-grid>div:first-child{position:static;margin-bottom:40px}.faq h2{font-size:30px;line-height:1.7}.faq .intro{font-size:13px}.qa summary{font-size:14px;line-height:1.9;padding-block:19px}.qa details p{font-size:13px;line-height:2.3}.closing{padding:80px 0 90px}.closing h2{font-size:33px;line-height:1.85}.closing__food{width:95%;margin:45px auto 35px}.closing>.wrap>p:not(.eyebrow){font-size:14px;line-height:2.5}.closing .actions{margin-top:35px;gap:25px}.closing .btn{font-size:12px;padding:18px 20px}.sources{padding:50px 0 60px}.sources ul{display:grid;gap:15px}.sources a{font-size:11px}.sources .annotation{font-size:10px;line-height:2.2}
 .footer{display:flex;flex-direction:column;align-items:flex-start;padding:38px 24px 120px;gap:22px;font-size:11px}.footer img{width:170px}
}
@media(max-width:760px) and (max-height:680px){
 .fiber-anchor{position:relative;top:auto}.story-cut .panel,.city__grid>.panel{position:relative;top:auto}.story-beat,.city__facts article{min-height:0;padding-block:40px}.hero-scene{height:120svh}.material-hero{min-height:520px}
}
@media(min-width:761px) and (max-width:1000px){.research-grid>div:first-child{position:static}}
/* No-script and motion-off states remain a complete, readable page. */
html:not(.js) .hero-scene,.still .hero-scene{height:auto}
html:not(.js) .material-hero,.still .material-hero{position:relative}
html:not(.js) .we-menu-toggle{display:none}
.we-static-nav{display:flex;gap:15px 25px;flex-wrap:wrap;padding:30px 6%;font-size:12px}
.we-static-nav a{display:inline-flex;align-items:center;min-height:44px}
.still .material-hero h1{transform:none;opacity:1}
.still .material-hero__photo img{transform:scale(1.08)!important}
.still .material-hero::after{opacity:0}
.still .material-hero__scroll{opacity:1}
.still .fiber-display strong{transform:none;opacity:1}
.still .bar i{transform:none}
.still .product__image>img,.still .product__image:hover>img{transform:rotate(-3deg)}
.still .easy__vertical span{opacity:1;translate:0 0}
.still .story-cut .bubble,.still .city__grid .bubble{scale:1}
.still .city-material img{transform:translateY(-8%) scale(1.03)}
.still .closing__food{transform:none}
.still .city-material figcaption,.still .story-cut .panel,.still .city__grid>.panel{translate:0 0}
.still .timeline::after{transform:scaleY(1)}
.still .story-beat,.still .city__facts article{min-height:0;padding-block:45px}
.still .product .product__body{min-height:0}
.still .material-intro__photo,.still .easy__visual .food-photo,.still .research-material img{translate:0 0}
.still .fiber-anchor,.still .story-cut .panel,.still .city__grid>.panel,.still .product .product__image,.still .research-grid>div:first-child{position:relative;top:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-scene{height:auto}.material-hero{position:relative}.reveal{opacity:1!important;transform:none!important}*,*::before,*::after{animation:none!important;transition:none!important}}