/* Approved design: style.css */

:root{--ink:#143d2b;--black:#13251c;--paper:#fffbed;--yellow:#f6d545;--lime:#d7ed89;--cyan:#bce9e2;--coral:#f1a27c;--pink:#f0c6d7;--purple:#4b196c;--sans:'Noto Sans JP',sans-serif;--serif:'Shippori Mincho',serif;--display:'Dela Gothic One',sans-serif;--ease:cubic-bezier(.2,.7,.15,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.95 var(--sans);line-break:strict;word-break:normal}h1,h2,h3,p,figure,dl,dd,ul,ol{margin:0}ul{list-style:none;padding:0}a{color:inherit;text-underline-offset:5px}img{display:block;max-width:100%;height:auto}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button:disabled{cursor:default}button,a.btn{min-height:46px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}button:focus-visible{outline-offset:3px}.line{display:block}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.wrap{width:min(1280px,100%);margin-inline:auto;padding-inline:54px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700}.annotation{font-size:11px;line-height:1.85;max-width:920px}.annotation a{text-decoration:underline}.study{background:var(--ink);color:var(--paper);font-size:10px;padding:7px 3%;display:flex;justify-content:space-between;gap:15px}.study a{white-space:nowrap}.skip{position:fixed;top:-80px;left:15px;background:var(--yellow);padding:12px;z-index:40}.skip:focus{top:0}.header{position:sticky;top:0;z-index:20;height:76px;border-bottom:2px solid var(--ink);background:#fffbedf5;padding:12px 3%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:22px;text-decoration:none}.brand img{width:135px}.brand-label{font-size:11px;line-height:1.6;padding-left:20px;border-left:1px solid #143d2b55}.navigation{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:700}.navigation>a{text-decoration:none;display:flex;align-items:center;min-height:44px}.navigation>a:hover{text-decoration:underline}.navigation .buy-link{background:var(--ink);color:var(--paper);padding:9px 16px}.motion-toggle{background:transparent;border:1px solid #143d2b66;font-size:10px;min-height:40px;padding:5px 10px;white-space:nowrap}.menu-toggle{display:none}.progress{position:absolute;left:0;bottom:-3px;width:100%;height:4px;background:var(--purple);transform:scaleX(var(--progress,0));transform-origin:left}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 24px;background:var(--ink);color:var(--paper);font-weight:700;font-size:13px;line-height:1.6;text-decoration:none;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transition:translate .2s,box-shadow .2s}.btn:hover{translate:3px 3px;box-shadow:2px 2px 0 var(--ink)}.btn--yellow{background:var(--yellow);color:var(--ink)}.btn--paper{background:var(--paper);color:var(--ink)}.btn--plain{box-shadow:none;background:transparent;color:var(--ink)}.actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.textlink{display:inline-block;min-height:44px;padding:10px 0;font-size:12px;font-weight:700}.dotfield{background-image:radial-gradient(currentColor .6px,transparent .6px);background-size:10px 10px}.hero{position:relative;overflow:hidden;isolation:isolate;min-height:760px;background:var(--yellow);padding:42px 0 32px;border-bottom:2px solid var(--ink)}.hero::before{content:'';position:absolute;width:700px;height:700px;border-radius:50%;right:-60px;top:0;background:repeating-conic-gradient(from 3deg,#fff5bb88 0 4deg,transparent 4deg 14deg);z-index:-1}.hero__topline{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.1em;font-weight:700}.hero__topline span{border-bottom:2px solid var(--ink);padding-bottom:8px}.hero__main{position:relative;min-height:565px;padding-top:25px}.hero__copy{position:relative;z-index:3;width:52%;pointer-events:none}.hero__copy a{pointer-events:auto}.hero-kicker{font:700 20px/1.6 var(--serif);margin:5px 0 13px;display:inline-block;transform:rotate(-3deg);background:var(--paper);border:2px solid var(--ink);padding:2px 13px}.hero h1{font:900 clamp(48px,6.4vw,89px)/1.28 var(--sans);letter-spacing:-.065em;max-width:700px}.hero h1 .last{display:inline-block;color:var(--paper);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink)}.hero__lead{font-size:14px;line-height:2.1;max-width:30em;margin-top:22px}.hero__copy .actions{margin-top:25px}.hero__art{position:absolute;top:20px;right:-8%;width:73%;height:580px;display:flex;align-items:center;justify-content:center;transform:translate(var(--mx,0px),var(--my,0px)) rotate(var(--hero-rotate,-7deg));will-change:transform;z-index:2}.hero__art img{width:100%;filter:drop-shadow(10px 13px 0 #143d2b1a);transform:scale(var(--hero-scale,1))}.hero__badge{position:absolute;right:2%;top:55px;background:var(--ink);color:var(--paper);width:160px;height:160px;clip-path:polygon(50% 0,59% 7%,70% 3%,77% 14%,90% 15%,91% 28%,100% 35%,95% 48%,100% 60%,90% 70%,90% 83%,76% 86%,69% 97%,56% 93%,44% 100%,34% 91%,21% 93%,17% 80%,5% 75%,8% 60%,0 51%,8% 39%,5% 26%,18% 21%,25% 9%,39% 10%);display:grid;place-content:center;text-align:center;font-size:12px;font-weight:700;transform:rotate(12deg);z-index:4}.hero__badge strong{font-size:48px;line-height:1.25}.hero__badge strong small{font-size:19px}.hero__bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.we-name{display:flex;align-items:center;gap:18px}.we-name strong{font:700 58px/1 var(--serif)}.we-name sup{font:400 14px/1 var(--sans);vertical-align:top}.we-name span{font-size:11px;line-height:1.8}.hero__bottom .annotation{max-width:530px;text-align:right;font-size:10px}.ticker{overflow:hidden;border-bottom:2px solid var(--ink);background:var(--ink);color:var(--yellow);padding:10px 0;font:700 14px/1.5 var(--sans);letter-spacing:.15em}.ticker__track{display:flex;gap:50px;width:max-content;animation:marquee 28s linear infinite}.ticker span{white-space:nowrap}@keyframes marquee{to{transform:translateX(-50%)}}.manifesto{padding:75px 0 68px;overflow:hidden}.manifesto__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.manifesto h2{font:700 clamp(26px,3.2vw,43px)/1.8 var(--serif)}.manifesto .copy{font-size:15px;line-height:2.25}.three-words{display:flex;gap:26px;flex-wrap:wrap;margin-top:25px;font-size:12px;font-weight:800}.three-words span{border-bottom:6px solid var(--yellow);padding-bottom:4px}.story-cut{padding:0 0 80px;overflow:hidden}.chapter-label{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.12em;font-weight:700;margin-bottom:24px}.chapter-label .no{font:400 42px/1 var(--display);letter-spacing:-.06em}.story-cut__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.art{position:relative;aspect-ratio:3/2;background-size:200% 200%;background-repeat:no-repeat}.art--cook{background-position:0 0}.art--city{background-position:100% 0}.art--lab{background-position:0 100%}.art--meal{background-position:100% 100%}.panel{position:relative;border:3px solid var(--ink);background:var(--paper);box-shadow:7px 7px 0 var(--ink)}.panel--tilt{transform:rotate(-2deg)}.bubble{position:absolute;background:var(--paper);border:2px solid var(--ink);border-radius:48% / 45%;padding:14px 23px;font-size:18px;line-height:1.55;font-weight:800;text-align:center;left:4%;top:3%;z-index:2;box-shadow:2px 2px 0 #143d2b33}.bubble::after{content:'';position:absolute;width:15px;height:18px;background:var(--paper);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);bottom:-10px;left:55%;transform:skew(-15deg) rotate(28deg)}.bubble--right{left:auto;right:3%;top:3%}.panel-caption{position:absolute;bottom:0;left:0;background:var(--ink);color:var(--paper);font-size:10px;padding:3px 11px}.sfx{position:absolute;font:400 45px/1.2 var(--display);color:var(--yellow);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;transform:rotate(-10deg);right:2%;bottom:1%}.story-cut__text h2{font:700 34px/1.7 var(--serif)}.story-cut__text p{font-size:14px;line-height:2.15;margin-top:21px}.mini-label{display:inline-block;background:var(--ink);color:var(--paper);padding:3px 13px;font-size:11px;font-weight:700;transform:rotate(-3deg);margin-bottom:15px}.nutrition{position:relative;background:var(--cyan);border-block:2px solid var(--ink);padding:65px 0 70px;overflow:hidden}.nutrition h2{font:900 clamp(35px,5vw,65px)/1.4 var(--sans);letter-spacing:-.04em}.nutrition__intro{display:flex;align-items:end;justify-content:space-between;gap:55px}.nutrition__intro>p{font-size:14px;max-width:34em;margin-bottom:8px;line-height:2.1}.fiber-burst{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;margin-top:40px}.fiber-display{display:flex;align-items:center;justify-content:center;position:relative;min-height:310px;background:repeating-conic-gradient(from 5deg,#fffbed 0 3deg,transparent 3deg 20deg);clip-path:polygon(0 10%,28% 18%,22% 0,45% 16%,62% 0,65% 20%,100% 8%,85% 36%,100% 45%,85% 58%,100% 82%,69% 78%,74% 100%,51% 85%,29% 100%,27% 79%,0 90%,13% 62%,0 53%,15% 33%)}.fiber-display strong{font:900 220px/.95 var(--sans);letter-spacing:-.09em;transform:rotate(-6deg)}.fiber-display small{font:800 36px/1.3 var(--sans);margin-left:12px;align-self:end;margin-bottom:48px}.fiber-display .about{font-size:24px;font-weight:700;align-self:start;margin-top:40px}.fiber-explanation h3{font:700 26px/1.7 var(--serif)}.fiber-explanation>p{font-size:14px;line-height:2.1;margin-top:18px}.bars{display:grid;gap:17px;margin-top:25px}.bar-row{display:grid;grid-template-columns:85px 1fr;gap:14px;align-items:center;font-size:12px}.bar{display:flex;align-items:center;gap:12px}.bar i{display:block;height:30px;width:calc(100% - 70px);background:var(--ink);transform-origin:left}.bar .standard{width:calc((100% - 70px)*.1362);background:#6c8475}.bar b{white-space:nowrap}.nutrient-board{margin-top:40px;display:grid;grid-template-columns:1.15fr 1fr 1fr;border:2px solid var(--ink);background:var(--paper)}.nutrient{padding:27px 26px;position:relative;border-right:2px solid var(--ink)}.nutrient:last-child{border-right:0}.nutrient:nth-child(2){background:var(--yellow)}.nutrient:nth-child(3){background:var(--pink)}.nutrient .tag{font-size:10px;letter-spacing:.1em;display:block;font-weight:700}.nutrient h3{font-size:17px;margin-top:12px;line-height:1.6}.nutrient .value{font:900 41px/1.5 var(--sans);letter-spacing:-.05em;margin-top:7px}.nutrient .value small{font-size:14px;margin-left:4px;letter-spacing:0}.nutrient p{font-size:12px;line-height:1.95;margin-top:9px}.nutrient .value .plain{font-size:30px}.nutrition .annotation{margin-top:25px}.balance{margin-top:25px;display:flex;gap:25px;align-items:center;flex-wrap:wrap;font-size:12px}.balance strong{font-size:14px}.balance .segments{display:flex;flex:1;min-width:250px;height:37px;color:var(--paper);text-align:center;line-height:37px;font-size:11px}.segments span:first-child{flex:15.5;background:var(--ink)}.segments span:last-child{flex:21.2;background:var(--purple)}.health-research{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:30px;padding-top:26px;border-top:1px solid #143d2b77}.health-research h3{font-size:16px;margin-bottom:10px}.health-research p{font-size:12px;line-height:2}.health-research summary{font-size:12px;cursor:pointer;padding:8px 0;font-weight:700;min-height:44px}.health-research details p{padding-block:8px}.easy{padding:75px 0 80px;position:relative}.easy__head{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:end;margin-bottom:32px}.easy h2{font:900 clamp(30px,4vw,52px)/1.5 var(--sans);letter-spacing:-.05em}.easy__head p{font-size:14px;line-height:2.2}.recipe-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:27px}.recipe-tabs button{padding:9px 18px;border:2px solid var(--ink);background:transparent;font-size:12px;font-weight:800}.recipe-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.recipe-stage{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center;min-height:275px}.recipe-formula{background:var(--yellow);border:2px solid var(--ink);padding:35px 30px;transform:rotate(-2deg);box-shadow:6px 6px 0 var(--ink);position:relative}.recipe-formula .recipe-name{font-size:12px;font-weight:800;margin-bottom:18px}.formula{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;gap:12px}.formula strong{display:block;font:900 47px/1.4 var(--sans);letter-spacing:-.06em}.formula strong small{font-size:19px;margin-left:4px;letter-spacing:0}.formula span{font-size:12px}.formula .plus{font:400 33px/1 var(--sans)}.formula-foot{font-size:11px;margin-top:20px;border-top:1px solid #143d2b77;padding-top:16px}.recipe-steps{padding:0;list-style:none;counter-reset:recipe}.recipe-steps li{padding:16px 0;border-bottom:1px solid #143d2b44;display:grid;grid-template-columns:37px 1fr;gap:13px}.recipe-steps li::before{counter-increment:recipe;content:counter(recipe,decimal-leading-zero);font-size:19px;font-weight:900;line-height:1.65}.recipe-steps strong{font-size:15px;display:block}.recipe-steps p{font-size:12px;margin-top:4px;line-height:1.9}.easy .annotation{margin-top:26px}.city{background:var(--ink);color:var(--paper);padding:70px 0 75px;overflow:hidden;border-block:2px solid var(--black)}.city .chapter-label{color:var(--yellow)}.city__head{display:grid;grid-template-columns:1fr .75fr;gap:55px;align-items:end;margin-bottom:40px}.city h2{font:700 clamp(31px,4vw,53px)/1.6 var(--serif);letter-spacing:.01em}.city__head>p{font-size:14px;color:#e4e9d8;line-height:2.15}.city .panel{border-color:var(--paper);box-shadow:9px 9px 0 var(--yellow)}.city .bubble{color:var(--ink)}.city .art{aspect-ratio:3/2}.city__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:center}.city__facts{display:grid;gap:25px}.city__facts article{border-bottom:1px solid #fffbed55;padding-bottom:20px}.city__facts h3{font-size:18px;margin-bottom:11px;line-height:1.7}.city__facts p{font-size:13px;line-height:2.1;color:#e4e9d8}.city__facts .no{color:var(--yellow);margin-right:12px;font-size:13px}.cycle{margin-top:48px;padding:26px 0;border-top:1px solid #fffbed55;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px;font-weight:700}.cycle span{flex:1;text-align:center}.cycle i{font-style:normal;color:var(--yellow);font-size:22px}.city .annotation{color:#dce4d1;margin-top:15px}.real-people{margin-top:35px;display:flex;gap:20px;align-items:center}.real-people img{width:85px;height:85px;object-fit:cover;border:2px solid var(--paper)}.real-people p{font-size:12px;color:#e4e9d8;line-height:1.9}.real-people strong{font-size:17px;color:var(--paper)}.real-people a{display:inline-block;margin-top:5px}.product-intro{padding:70px 0 45px;background:var(--coral);border-bottom:2px solid var(--ink);overflow:hidden}.product-intro .wrap{position:relative}.product-intro h2{font:900 clamp(42px,6vw,78px)/1.35 var(--sans);letter-spacing:-.065em}.product-intro h2 small{display:block;font:700 25px/1.8 var(--serif);letter-spacing:0}.product-intro p{font-size:14px;line-height:2.1;max-width:46em;margin-top:22px}.product-index{display:flex;gap:14px;flex-wrap:wrap;margin-top:27px}.product-index a{border:2px solid var(--ink);background:var(--paper);padding:9px 16px;box-shadow:3px 3px 0 var(--ink);font-size:12px;font-weight:800;text-decoration:none;min-height:44px}.product-index a:hover{background:var(--yellow)}.product{--tone:var(--paper);background:var(--tone);padding:55px 0 50px;border-bottom:2px solid var(--ink);position:relative;overflow:hidden}.product__grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}.product:nth-of-type(even) .product__image{order:2}.product:nth-of-type(even) .product__body{order:1}.product__image{position:relative;padding:20px 35px;min-width:0}.product__image::before{content:'';position:absolute;inset:0;border:2px solid var(--ink);border-radius:50%;background:repeating-conic-gradient(from 6deg,#fffbed99 0 2deg,transparent 2deg 16deg);transform:rotate(-10deg);z-index:0}.product__image img{position:relative;height:360px;max-width:100%;width:auto;object-fit:contain;margin:auto;transform:rotate(var(--pack-rotate,-5deg));filter:drop-shadow(6px 7px 0 #143d2b22);mix-blend-mode:multiply;z-index:1}.product__speech{position:absolute;left:0;top:0;background:var(--paper);border:2px solid var(--ink);border-radius:50% / 45%;padding:12px 18px;font-size:15px;font-weight:900;line-height:1.5;transform:rotate(-8deg);z-index:2;box-shadow:3px 3px 0 var(--ink)}.product__stamp{position:absolute;right:0;bottom:0;background:var(--ink);color:var(--paper);padding:13px 18px;font-size:11px;font-weight:700;transform:rotate(5deg);z-index:2;border:2px solid var(--ink)}.product__stamp strong{font:900 36px/1.4 var(--sans);display:block}.product__stamp small{font-size:12px;margin-left:3px}.product__body .eyebrow{margin-bottom:12px}.product h3{font:900 clamp(26px,3.1vw,41px)/1.5 var(--sans);letter-spacing:-.035em;margin-bottom:15px}.product .product-name{font-size:13px;font-weight:800;margin-bottom:13px}.product .description{font-size:14px;line-height:2.1;max-width:40em}.product__specs{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #143d2b88;font-size:11px}.product__specs>div{padding:12px 8px 12px 0}.product__specs dt{font-weight:800;margin-bottom:4px}.product .product-action{margin-top:24px}.product .product-action .btn{box-shadow:4px 4px 0 var(--ink)}.product details{margin-top:20px;border-top:1px solid #143d2b66;padding-top:10px}.product summary{cursor:pointer;font-size:11px;font-weight:700;min-height:44px;padding:8px 0}.product details p{font-size:11px;line-height:2;margin:5px 0 10px}.product .annotation{font-size:10px;margin-top:20px}.product--uimai{--tone:var(--lime)}.product--blend{--tone:#e3d8f1;--pack-rotate:4deg}.product--pack{--tone:var(--cyan)}.product--pan{--tone:#f8df8e;--pack-rotate:5deg}.product--latte{--tone:var(--pink)}.product--latte .product__image img{height:310px;width:100%;object-fit:contain}.research{padding:75px 0;background:var(--paper)}.research-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:60px;align-items:start}.research h2{font:700 34px/1.7 var(--serif);margin-bottom:25px}.research .intro{font-size:14px;line-height:2.2}.research .panel{margin-top:27px;box-shadow:6px 6px 0 var(--yellow)}.timeline{padding-left:26px;border-left:2px solid var(--ink)}.timeline article{position:relative;padding-bottom:25px;margin-bottom:20px;border-bottom:1px solid #143d2b44}.timeline article::before{content:'';position:absolute;width:11px;height:11px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);left:-32.5px;top:7px}.timeline .year{font-size:23px;font-weight:900;letter-spacing:-.04em}.timeline h3{font-size:15px;line-height:1.7;margin-top:7px}.timeline p{font-size:12px;line-height:2;margin-top:10px}.research .annotation{margin-top:25px}.faq{background:#eae7d9;border-block:2px solid var(--ink);padding:55px 0 65px}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px}.faq h2{font:900 37px/1.5 var(--sans);letter-spacing:-.04em}.faq .intro{font-size:13px;margin-top:22px;line-height:2}.qa details{border-bottom:1px solid #143d2b88;padding:8px 0}.qa details:first-child{border-top:1px solid #143d2b88}.qa summary{padding:15px 22px 15px 0;font-size:14px;font-weight:700;cursor:pointer;min-height:50px}.qa details p{font-size:13px;line-height:2.1;padding:2px 15px 17px 0}.closing{padding:65px 0 60px;background:var(--yellow);text-align:center;overflow:hidden;position:relative}.closing .wrap{position:relative;z-index:1}.closing h2{font:900 clamp(34px,5vw,63px)/1.5 var(--sans);letter-spacing:-.04em}.closing .art{width:440px;max-width:80%;margin:30px auto;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);transform:rotate(-3deg)}.closing p{font-size:14px;line-height:2.15;max-width:44em;margin:30px auto 0}.closing .actions{justify-content:center;margin-top:28px}.sources{padding:40px 0 45px;font-size:11px}.sources h2{font-size:13px;margin-bottom:15px}.sources ul{display:flex;flex-wrap:wrap;gap:10px 25px}.sources .annotation{margin-top:20px}.footer{background:var(--ink);color:var(--paper);padding:32px 3%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px}.footer img{width:180px}.no-js-note{padding:10px;background:var(--yellow)}.reveal{opacity:1}.js:not(.still) .reveal{opacity:0;transform:translateY(32px) rotate(var(--reveal-rotate,0deg));transition:opacity .7s var(--ease),transform .9s var(--ease)}.js:not(.still) .reveal.in{opacity:1;transform:none}.js:not(.still) .panel--tilt.reveal.in{transform:rotate(-2deg)}.js:not(.still) .reveal.in .bubble{animation:pop .65s .15s var(--ease) both}.js:not(.still) .fiber-burst.in .bar i{animation:fill .95s .15s var(--ease) both}.js:not(.still) .product.in img{animation:pack-in .8s var(--ease) both}.js:not(.still) .hero__badge{animation:stamp .8s var(--ease) both}.product__image:hover img{transform:rotate(0deg) translateY(-6px);transition:transform .3s var(--ease)}@keyframes pop{0%{opacity:0;scale:.7;translate:0 15px}65%{scale:1.04}100%{opacity:1;scale:1;translate:0 0}}@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes stamp{from{opacity:0;scale:1.8;rotate:-20deg}to{opacity:1;scale:1;rotate:0deg}}@keyframes pack-in{from{opacity:0;translate:20px 30px;rotate:8deg}to{opacity:1;translate:0 0;rotate:0deg}}.still,.still *{scroll-behavior:auto!important}.still .reveal{opacity:1!important;transform:none!important}.still *{animation:none!important;transition:none!important}.still .hero__art{transform:rotate(-7deg)!important}.still .hero__art img{transform:none!important}.js:not(.still) [data-drift]{translate:0 var(--drift,0px)}
@media(min-width:1000px){.hero .hero__art{transition:translate .4s var(--ease)}.nutrition .fiber-display{position:sticky;top:110px}}
@media(max-width:1050px){.wrap{padding-inline:35px}.navigation{gap:15px}.brand-label{display:none}.hero h1{font-size:68px}.hero__copy{width:53%}.hero__art{right:-13%;width:78%;top:55px}.hero__badge{width:135px;height:135px;right:0;top:35px}.hero__badge strong{font-size:40px}.hero__bottom .annotation{max-width:440px}.product__grid{gap:42px}.product__image img{height:300px}.city__grid{gap:40px}.nutrient{padding:22px 20px}.product__image{padding:20px 25px}.product__speech{font-size:13px}.hero__main{min-height:530px}.hero{min-height:720px}.manifesto__grid{gap:40px}}
@media(max-width:760px){html{scroll-padding-top:79px}.wrap{padding-inline:22px}.study{font-size:9px;padding:6px 16px;line-height:1.6}.study span{max-width:22em}.header{height:70px;padding:10px 17px;gap:10px}.brand img{width:115px}.navigation>a{display:none}.navigation{gap:9px}.motion-toggle{font-size:10px;padding:5px 9px;min-height:42px}.menu-toggle{display:block;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-size:11px;min-height:42px;padding:6px 12px}.mobile-nav{position:fixed;inset:70px 0 auto;background:var(--paper);border-bottom:2px solid var(--ink);z-index:19;padding:20px 22px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-nav[hidden]{display:none}.mobile-nav a{font-size:13px;padding:12px 0;min-height:44px}.hero{min-height:0;padding:25px 0 30px}.hero__topline{font-size:9px;gap:12px}.hero__topline span:nth-child(2){text-align:right}.hero__main{min-height:0;padding-top:18px;display:flex;flex-direction:column}.hero__copy{width:100%}.hero-kicker{font-size:15px;padding:2px 10px;margin:4px 0 14px}.hero h1{font-size:clamp(49px,12vw,79px);line-height:1.3;letter-spacing:-.07em;max-width:100%}.hero__lead{font-size:13px;line-height:2;margin-top:19px;max-width:25em}.hero__copy .actions{margin-top:22px;gap:18px}.btn{font-size:12px;padding:13px 17px;gap:20px}.textlink{font-size:11px}.hero__art{position:relative;top:auto;right:auto;width:calc(100% + 36px);height:auto;min-height:250px;margin:-5px -18px -10px;transform:rotate(-7deg);order:2;z-index:2}.hero__art img{width:100%}.hero__badge{top:25px;right:0;width:114px;height:114px;font-size:10px}.hero__badge strong{font-size:32px}.hero__badge strong small{font-size:14px}.hero__bottom{display:block;margin-top:14px}.we-name strong{font-size:42px}.we-name span{font-size:10px}.hero__bottom .annotation{text-align:left;font-size:10px;margin-top:19px}.ticker{font-size:11px;padding:9px 0}.ticker__track{gap:35px}.manifesto{padding:48px 0}.manifesto__grid{grid-template-columns:1fr;gap:24px}.manifesto h2{font-size:28px;line-height:1.8}.manifesto .copy{font-size:14px;line-height:2.1}.three-words{gap:15px;font-size:11px;margin-top:20px}.story-cut{padding-bottom:52px}.chapter-label{font-size:10px;gap:10px;margin-bottom:20px;letter-spacing:.06em}.chapter-label .no{font-size:33px}.story-cut__grid{grid-template-columns:1fr;gap:34px}.story-cut__text h2{font-size:28px}.story-cut__text p{font-size:14px;margin-top:17px}.bubble{font-size:13px;padding:9px 14px;border-radius:45% / 42%;top:1%;left:1%}.bubble--right{left:auto;right:1%}.panel{box-shadow:5px 5px 0 var(--ink)}.panel-caption{font-size:9px;padding:3px 8px}.sfx{font-size:30px;-webkit-text-stroke:3px}.nutrition{padding:45px 0 48px}.nutrition__intro{display:block}.nutrition h2{font-size:35px;line-height:1.5}.nutrition__intro>p{font-size:13px;margin-top:23px}.fiber-burst{grid-template-columns:1fr;gap:24px;margin-top:25px}.fiber-display{min-height:260px;max-width:480px}.fiber-display strong{font-size:190px}.fiber-display small{font-size:31px;margin-bottom:40px}.fiber-display .about{font-size:20px}.fiber-explanation h3{font-size:25px}.fiber-explanation>p{font-size:13px}.nutrient-board{grid-template-columns:1fr;margin-top:30px}.nutrient{border-right:0;border-bottom:2px solid var(--ink);padding:22px}.nutrient:last-child{border-bottom:0}.nutrient .value{font-size:38px}.nutrient h3{font-size:16px}.nutrient p{font-size:12px}.balance{display:block;margin-top:20px}.balance .segments{margin-top:12px;min-width:0;font-size:10px}.nutrition .annotation{font-size:10px;margin-top:20px}.health-research{grid-template-columns:1fr;gap:22px}.health-research p{font-size:12px}.easy{padding:48px 0 55px}.easy__head{grid-template-columns:1fr;gap:24px}.easy h2{font-size:34px}.easy__head p{font-size:13px}.recipe-tabs{gap:6px}.recipe-tabs button{padding:9px 12px;font-size:11px}.recipe-stage{grid-template-columns:1fr;gap:28px}.recipe-formula{padding:27px 22px;margin-inline:4px;box-shadow:4px 4px 0 var(--ink)}.formula strong{font-size:43px}.formula strong small{font-size:17px}.formula-foot{font-size:10px}.recipe-steps strong{font-size:14px}.easy .annotation{font-size:10px}.city{padding:47px 0 50px}.city__head{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.city h2{font-size:32px;line-height:1.65}.city__head>p{font-size:13px}.city__grid{grid-template-columns:1fr;gap:36px}.city .panel{box-shadow:5px 5px 0 var(--yellow)}.city__facts{gap:22px}.city__facts h3{font-size:17px}.city__facts p{font-size:13px}.cycle{font-size:11px;gap:9px;flex-wrap:wrap;padding-top:24px;margin-top:28px}.cycle span{min-width:80px}.cycle i{font-size:17px}.city .annotation{font-size:10px}.real-people{gap:15px;align-items:flex-start}.real-people img{width:72px;height:72px;flex:none}.real-people p{font-size:11px}.real-people strong{font-size:16px}.product-intro{padding:48px 0 37px}.product-intro h2{font-size:42px;line-height:1.45}.product-intro h2 small{font-size:20px}.product-intro p{font-size:13px}.product-index{gap:9px}.product-index a{font-size:11px;padding:8px 12px}.product{padding:36px 0 40px}.product__grid{grid-template-columns:1fr;gap:28px}.product .product__image{order:1!important;padding:22px 35px;max-width:450px;width:100%;margin:auto}.product .product__body{order:2!important}.product__image img{height:270px;max-width:100%}.product__speech{font-size:13px;top:-5px}.product__stamp{right:4px;font-size:10px;padding:10px 15px}.product__stamp strong{font-size:32px}.product__stamp small{font-size:12px}.product h3{font-size:28px;line-height:1.55}.product .product-name{font-size:12px}.product .description{font-size:13px;line-height:2.1}.product__specs{margin-top:20px;font-size:10px;gap:8px}.product__specs dt{font-size:11px}.product .product-action .btn{font-size:11px;gap:15px;padding:13px 16px}.product--latte .product__image img{height:250px}.product .annotation{font-size:10px}.research{padding:50px 0}.research-grid{grid-template-columns:1fr;gap:40px}.research h2{font-size:28px}.research .intro{font-size:13px}.timeline{margin-left:7px}.timeline .year{font-size:22px}.timeline h3{font-size:15px}.research .annotation{font-size:10px}.faq{padding:45px 0 50px}.faq-grid{grid-template-columns:1fr;gap:28px}.faq h2{font-size:32px}.faq .intro{font-size:13px;margin-top:17px}.qa summary{font-size:13px}.qa details p{font-size:12px}.closing{padding:45px 0 48px}.closing h2{font-size:33px}.closing .art{max-width:96%;margin:25px auto}.closing p{font-size:13px;margin-top:24px}.closing .actions{gap:18px}.sources{padding:30px 0}.sources ul{display:block;font-size:11px}.sources li{padding:5px 0}.sources .annotation{font-size:10px}.footer{display:block;padding:28px 22px}.footer p{margin-top:20px}.js:not(.still) [data-drift]{translate:0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}.hero__art{transform:rotate(-7deg)!important}.hero__art img{transform:none!important}.ticker__track{width:auto;flex-wrap:wrap}.ticker__track span:not(:first-child){display:none}}

.hero h1 .last{font-size:.78em;white-space:nowrap;letter-spacing:-.055em}

.hero.playing .hero__art img{animation:bowl-float 6s ease-in-out infinite}
.hero:not(.playing) .hero__art img,.ticker:not(.playing) .ticker__track{animation-play-state:paused}
@keyframes bowl-float{0%,100%{translate:0 5px;rotate:-1deg}50%{translate:0 -7px;rotate:1deg}}
.js:not(.still) .fiber-burst.in .fiber-display strong{animation:number-impact .8s var(--ease) both}
@keyframes number-impact{0%{opacity:0;scale:.75;rotate:-12deg}65%{scale:1.04;rotate:-4deg}100%{opacity:1;scale:1;rotate:0deg}}

/* Approved design: refinement.css */
/* 2026-10-28: typography first, lighter navigation, room for the source note. */
.study{background:var(--paper);color:var(--ink);padding-block:5px;border-bottom:1px solid #143d2b1c;font-size:9px;letter-spacing:.06em}
.study a{text-decoration:none}
.header{height:78px;padding:10px 3%;border-bottom:1px solid #143d2b26;background:#fffbedf5;gap:24px}
.brand{gap:19px;flex:none}
.brand img{width:124px}
.brand-label{font-size:10px;line-height:1.8;border:0;padding:0;letter-spacing:.05em}
.navigation{gap:30px;font-size:12px;font-weight:600}
.navigation>a{gap:7px;position:relative;white-space:nowrap;min-height:48px;padding-block:5px}
.navigation>a::after{content:'';position:absolute;height:1px;left:0;right:0;bottom:4px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.navigation>a:hover{text-decoration:none}
.navigation>a:hover::after,.navigation>a[aria-current=location]::after{transform:scaleX(1)}
.nav-no{font-size:9px;font-weight:500;letter-spacing:.03em;align-self:flex-start;margin-top:5px;opacity:.65}
.navigation .buy-link{background:none;color:var(--ink);padding:5px 0 5px 12px;margin-left:3px;gap:8px}
.nav-arrow{font-size:23px;line-height:1;transition:translate .25s var(--ease)}
.buy-link:hover .nav-arrow{translate:2px -2px}
.motion-toggle{border:0;border-left:1px solid #143d2b30;background:none;font-size:9px;font-weight:500;padding:5px 0 5px 19px;min-height:44px;letter-spacing:.02em}
.motion-toggle::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:7px;background:var(--ink);vertical-align:2px}
.motion-toggle[aria-pressed=false]::before{background:transparent;box-shadow:0 0 0 1px var(--ink)}
.progress{height:1px;bottom:-1px;background:var(--ink)}
.hero{padding-top:38px;padding-bottom:29px;min-height:0;border-bottom:0}
.hero::before{display:none}
.hero__main{min-height:650px;padding-top:30px}
.hero__copy{width:54%}
.hero-kicker{background:none;border:0;padding:0 0 5px;margin:5px 0 17px;position:relative;transform:rotate(-3deg)}
.hero-kicker::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--ink);transform:rotate(-1deg)}
.hero h1{font-size:clamp(48px,6.4vw,89px)}
.hero__copy .actions{margin-top:32px;gap:25px}
.hero__visual{position:absolute;right:-8%;top:50px;width:73%;height:580px;z-index:2}
.hero__art{position:relative;inset:auto;width:100%;height:100%;z-index:0}
.hero__claim{position:absolute;right:14%;top:-21px;width:330px;z-index:1;color:var(--ink);mix-blend-mode:multiply;pointer-events:none;transform:translateY(var(--claim-y,0px)) rotate(-8deg);transform-origin:center;opacity:.82}
.claim-label{display:block;font-size:12px;letter-spacing:.13em;font-weight:800;padding-left:38px;margin-bottom:15px}
.claim-value{display:flex;align-items:flex-start;gap:7px;line-height:1}
.claim-value strong{font-family:var(--sans);font-size:250px;font-weight:900;line-height:.78;letter-spacing:-.095em}
.claim-about{font-size:34px;font-weight:900;line-height:1;margin-top:10px}
.claim-unit{font-size:62px;font-weight:900;align-self:flex-end;line-height:1.1;padding-bottom:3px}
.claim-unit small{display:inline-block;font-size:15px;vertical-align:top;margin-top:8px;margin-left:3px}
.hero__bottom{position:relative;z-index:5;min-height:95px;margin-top:30px;padding-top:26px;border-top:1px solid #143d2b44;align-items:center;gap:38px}
.hero__bottom .annotation{font-size:11px;max-width:560px;line-height:1.9;text-align:left}
.we-name{gap:22px;flex:none}
.we-name strong{font-size:53px}
.we-name span{font-size:11px}
.page-turn{background:var(--paper);padding:30px 0 0}
.page-turn .wrap{display:flex;align-items:center;gap:24px}
.page-turn__folio{font:500 13px/1 var(--sans);letter-spacing:.04em}
.page-turn__rule{height:1px;flex:1;background:#143d2b55;transform:rotate(-.35deg);transform-origin:left}
.page-turn a{display:flex;align-items:center;gap:32px;text-decoration:none;min-height:50px;font:700 21px/1.7 var(--serif)}
.page-turn__arrow{font:400 35px/1 var(--sans);display:inline-block;transition:translate .3s var(--ease)}
.page-turn a:hover .page-turn__arrow{translate:0 6px}
.manifesto{padding-top:49px}
.art--city{background-size:cover;background-position:center}
.js:not(.still) .hero.playing .claim-value{animation:claim-arrive 1.35s .12s cubic-bezier(.16,.8,.2,1) both}
.js:not(.still) .hero.playing .claim-label{animation:claim-label .8s .5s var(--ease) both}
.hero:not(.playing) .claim-value,.hero:not(.playing) .claim-label{animation-play-state:paused}
@keyframes claim-arrive{0%{opacity:0;transform:translate(85px,-70px) scale(1.9) rotate(17deg)}60%{opacity:1;transform:translate(-9px,7px) scale(.93) rotate(-3deg)}82%{transform:translate(2px,-2px) scale(1.025) rotate(1deg)}100%{opacity:1;transform:translate(0,0) scale(1) rotate(0)}}
@keyframes claim-label{from{opacity:0;transform:translateX(35px)}to{opacity:1;transform:none}}
@media(max-width:1150px){.brand-label{display:none}.navigation{gap:22px}.hero__main{min-height:625px}.hero__visual{top:80px;right:-11%;width:76%;height:515px}.hero__claim{width:270px;right:14%;top:-40px}.claim-value strong{font-size:210px}.claim-unit{font-size:50px}.claim-about{font-size:28px}.claim-label{font-size:11px;padding-left:30px}}
@media(min-width:761px) and (max-width:900px){.navigation{gap:16px;font-size:11px}.nav-no{display:none}.navigation .buy-link{padding-left:0}.motion-toggle{padding-left:12px}.brand img{width:106px}.hero__main{min-height:590px}.hero h1{font-size:57px}.hero__visual{top:105px;height:455px}.hero__claim{top:-50px;right:13%;width:230px}.claim-value strong{font-size:178px}.claim-unit{font-size:43px}.claim-about{font-size:24px}.hero__copy .actions{gap:8px}.hero__copy .textlink{font-size:11px}.we-name{gap:15px}.we-name strong{font-size:44px}.hero__bottom .annotation{font-size:10px}}
@media(max-width:760px){
 html{scroll-padding-top:80px}
 .study{font-size:8px;padding:5px 18px;line-height:1.6}
 .header{height:66px;padding:8px 20px;gap:16px}
 .brand img{width:112px}
 .navigation{gap:17px}
 .navigation>a{display:none}
 .motion-toggle{border:0;padding:3px 0;font-size:9px;min-height:44px}
 .motion-toggle::before{margin-right:5px;width:4px;height:4px}
 .menu-toggle{display:block;position:relative;background:transparent;color:var(--ink);border:0;padding:18px 0 0 2px;min-width:36px;min-height:44px;font-size:9px;letter-spacing:.13em}
 .menu-toggle::before,.menu-toggle::after{content:'';position:absolute;right:1px;width:27px;height:1px;background:var(--ink);transition:transform .3s var(--ease),width .3s var(--ease)}
 .menu-toggle::before{top:10px}.menu-toggle::after{top:16px;width:19px}
 .menu-toggle[aria-expanded=true]::before{transform:translateY(3px) rotate(25deg)}
 .menu-toggle[aria-expanded=true]::after{width:27px;transform:translateY(-3px) rotate(-25deg)}
 .mobile-nav{inset:66px 0 auto;background:var(--paper);border-bottom:1px solid #143d2b55;padding:25px 24px 30px;display:grid;grid-template-columns:1fr;gap:0;counter-reset:toc;box-shadow:0 15px 25px #143d2b0a}
 .mobile-nav a{display:flex;align-items:center;gap:23px;border-bottom:1px solid #143d2b22;font-size:17px;font-weight:500;padding:13px 0;min-height:54px;text-decoration:none}
 .mobile-nav a::before{counter-increment:toc;content:counter(toc,decimal-leading-zero);font-size:10px;letter-spacing:.05em}
 .hero{padding:27px 0 28px}
 .hero__topline{font-size:8px;letter-spacing:.045em;gap:14px}
 .hero__topline span{border-bottom:1px solid #143d2b88;padding-bottom:8px}
 .hero__main{padding-top:21px;min-height:0;display:flex;flex-direction:column}
 .hero__copy{width:100%}
 .hero-kicker{font-size:16px;margin:2px 0 20px}
 .hero h1{font-size:clamp(49px,12vw,79px);line-height:1.32}
 .hero__lead{margin-top:23px;font-size:13px}
 .hero__copy .actions{margin-top:27px;gap:11px 22px}
 .hero__copy .btn{font-size:12px;min-height:48px}
 .hero__copy .textlink{font-size:11px}
 .hero__visual{position:relative;inset:auto;order:2;width:calc(100% + 36px);height:auto;min-height:0;margin:47px -18px 0}
 .hero__art{width:100%;height:auto;min-height:0;margin:0;position:relative;inset:auto}
 .hero__claim{top:-25px;right:8%;width:190px;opacity:.83;transform:rotate(-8deg)}
 .claim-label{font-size:9px;padding-left:22px;margin-bottom:13px;letter-spacing:.07em}
 .claim-value{gap:4px}.claim-value strong{font-size:145px}.claim-about{font-size:22px;margin-top:6px}.claim-unit{font-size:36px}.claim-unit small{font-size:10px;margin-left:1px;margin-top:4px}
 .hero__bottom{margin-top:34px;padding-top:25px;min-height:0;display:block}
 .we-name{gap:22px}.we-name strong{font-size:45px}.we-name span{font-size:10px}
 .hero__bottom .annotation{margin-top:23px;max-width:none;font-size:10px;line-height:1.9}
 .page-turn{padding:21px 0 0}.page-turn .wrap{gap:13px}.page-turn__folio{font-size:10px}.page-turn__rule{min-width:25px}.page-turn a{font-size:16px;gap:15px;min-height:48px}.page-turn__arrow{font-size:29px}.manifesto{padding-top:35px}
}
@media(prefers-reduced-motion:reduce){.hero__claim{transform:rotate(-8deg)!important}.claim-value,.claim-label{animation:none!important}}

.still .hero__claim{transform:rotate(-8deg)!important}

/* Keep the overlap translucent without letting grain outlines muddy the numeral. */
.hero__claim{mix-blend-mode:normal;opacity:1}
.claim-value strong{color:rgb(20 61 43 / .88)}

/* The comparison is a headline in its own right, not a small badge. */
.hero__claim{right:2%;top:-8px;width:540px}
.claim-label{display:flex;align-items:baseline;gap:16px;padding-left:0;margin-bottom:21px;letter-spacing:-.045em;white-space:nowrap}
.claim-category{font-size:58px;font-weight:900;line-height:1.1}
.claim-compare{font-size:26px;font-weight:900;line-height:1.3;letter-spacing:-.035em}
.claim-value{gap:4px}
.claim-value strong{font-size:510px;line-height:.77;letter-spacing:-.105em}
.claim-about{font-size:57px;margin-top:17px}
.claim-unit{font-size:126px;line-height:1;padding-bottom:9px}
.claim-unit small{font-size:21px;margin-top:10px}
.js:not(.still) .hero.playing .claim-value{animation-name:claim-slam;animation-duration:1.45s;animation-delay:.08s}
.js:not(.still) .hero.playing .claim-label{animation-name:claim-heading;animation-duration:.75s;animation-delay:.12s}
@keyframes claim-slam{0%{opacity:0;transform:translate(170px,-130px) scale(2.6) rotate(20deg)}48%{opacity:1;transform:translate(-12px,10px) scale(.91) rotate(-4deg)}70%{transform:translate(4px,-3px) scale(1.045) rotate(1deg)}88%{transform:translate(-1px,1px) scale(.992)}100%{opacity:1;transform:none}}
@keyframes claim-heading{from{opacity:0;transform:translateX(85px) rotate(8deg)}to{opacity:1;transform:none}}
@media(max-width:1150px){.hero__claim{right:1%;top:-24px;width:450px}.claim-category{font-size:49px}.claim-compare{font-size:22px}.claim-value strong{font-size:420px}.claim-about{font-size:47px}.claim-unit{font-size:105px}}
@media(min-width:761px) and (max-width:900px){.hero__claim{right:0;top:-32px;width:365px}.claim-label{gap:10px;margin-bottom:16px}.claim-category{font-size:39px}.claim-compare{font-size:18px}.claim-value strong{font-size:345px}.claim-about{font-size:38px}.claim-unit{font-size:84px}.claim-unit small{font-size:16px}}
@media(max-width:760px){
 .hero__visual{height:370px;margin-top:50px}
 .hero__art{position:absolute;top:65px;right:0;width:100%;height:auto}
 .hero__claim{width:310px;right:5%;top:-8px}
 .claim-label{gap:11px;margin-bottom:18px;padding-left:0}
 .claim-category{font-size:34px;line-height:1.15}
 .claim-compare{font-size:17px;line-height:1.2}
 .claim-value strong{font-size:315px;line-height:.77}
 .claim-about{font-size:34px;margin-top:11px}
 .claim-unit{font-size:78px;padding-bottom:8px}
 .claim-unit small{font-size:13px;margin-top:6px}
}
@media(min-width:520px) and (max-width:760px){.hero__visual{height:450px}.hero__art{top:45px}.hero__claim{width:390px;right:5%}.claim-category{font-size:44px}.claim-compare{font-size:21px}.claim-value strong{font-size:400px}.claim-about{font-size:44px}.claim-unit{font-size:100px}}
@media(min-width:901px) and (max-width:1150px){.hero__claim{right:18%}}
@media(min-width:761px) and (max-width:900px){
 .hero__main{display:flex;flex-direction:column;min-height:0}
 .hero__copy{width:100%}
 .hero__copy .actions{gap:24px}
 .hero__visual{position:relative;inset:auto;align-self:flex-end;width:95%;height:490px;margin-top:36px}
 .hero__claim{right:6%;top:5px}
 .hero__art{position:relative;inset:auto;width:100%;height:100%}
}

/* Approved design: material-story.css */
/* Third study: fewer words on the cover; the real grain runs through the story. */
.material-hero{height:calc(100svh - 108px);min-height:650px;max-height:1050px;padding:0;background:#665637;color:var(--paper);overflow:hidden;isolation:isolate}
.material-hero__photo{position:absolute;inset:0;z-index:-2;overflow:hidden}
.material-hero__photo img{width:100%;height:100%;object-fit:cover;object-position:56% 30%;transform:translateY(var(--photo-y,0px)) scale(var(--photo-scale,1.12));transform-origin:60% 40%}
.material-hero::before{display:block;position:absolute;inset:0;width:auto;height:auto;border-radius:0;background:linear-gradient(90deg,#1023186b,transparent 55%),linear-gradient(0deg,#14221891,transparent 58%);z-index:-1}
.material-hero h1{max-width:none;font-family:var(--serif);font-weight:700;line-height:1;letter-spacing:0;font-size:inherit;position:absolute;inset:0;margin:0;text-shadow:0 3px 25px #14221822;pointer-events:none}
.hero-title__preface{position:absolute;top:58px;left:5%;writing-mode:vertical-rl;font-size:clamp(34px,4.3vw,64px);line-height:1.5;letter-spacing:.1em}
.hero-title__main{position:absolute;left:17%;bottom:83px;font-size:clamp(88px,11.6vw,172px);font-weight:700;line-height:1.2;letter-spacing:-.04em;white-space:nowrap}
.material-hero__brand{position:absolute;top:50px;right:5%;font:700 69px/1.2 var(--serif);letter-spacing:-.04em;color:var(--ink)}
.material-hero__brand sup{font:400 14px/1 var(--sans);vertical-align:top;margin-left:4px}
.material-hero__brand span{display:block;text-align:center;font:500 12px/1.6 var(--sans);letter-spacing:.4em;margin-top:8px}
.material-hero__scroll{position:absolute;bottom:47px;right:5%;display:flex;align-items:center;gap:18px;color:var(--paper);min-height:52px;font-size:11px;letter-spacing:.12em;text-decoration:none}
.material-hero__scroll span:last-child{font:300 37px/1 var(--sans);transition:translate .3s var(--ease)}
.material-hero__scroll:hover span:last-child{translate:0 8px}
.material-hero__credit{position:absolute;bottom:21px;left:5%;font-size:9px;letter-spacing:.04em;color:#fffbedc9}
.js:not(.still) .material-hero.playing .hero-title__preface{animation:cover-word 1.2s .12s var(--ease) both}
.js:not(.still) .material-hero.playing .hero-title__main{animation:cover-word 1.4s .3s var(--ease) both}
@keyframes cover-word{from{opacity:0;translate:0 55px;filter:blur(3px)}to{opacity:1;translate:0 0;filter:blur(0)}}
.material-intro{position:relative;padding:105px 0 95px;background:var(--paper);overflow:hidden}
.material-intro .wrap{position:relative;display:grid;grid-template-columns:1fr .95fr;gap:60px;align-items:center}
.material-intro__copy{position:relative;z-index:2}
.material-intro h2{font:800 clamp(32px,4.1vw,54px)/1.65 var(--sans);letter-spacing:-.06em;margin:20px 0 24px}
.material-intro__copy>p:not(.eyebrow){font-size:14px;line-height:2.3}
.material-intro .textlink{margin-top:20px}
.material-intro__photo{position:relative;margin-top:45px;transform:rotate(5deg);z-index:1}
.material-intro__photo img{width:100%;aspect-ratio:1.16;object-fit:cover;object-position:50% 50%;border-radius:50% 45% 48% 39% / 42% 48% 43% 50%}
.material-intro__photo figcaption{text-align:right;font:700 18px/1.8 var(--serif);margin-top:17px}
.material-sprig{position:absolute;pointer-events:none;z-index:0}
.material-sprig--intro{width:280px;right:-105px;top:-60px;rotate:-35deg}
.nutrition{background:#efce53;padding:74px 0 76px;isolation:isolate;border-block:0}
.nutrition>.wrap{position:relative;z-index:1}
.nutrition h2{font-size:clamp(38px,4.7vw,64px)}
.nutrition__intro{gap:70px}
.nutrition__intro>p{max-width:30em;font-size:14px}
.nutrition-grain{position:absolute;right:-330px;top:190px;width:680px;height:680px;overflow:hidden;border-radius:50%;opacity:.17;z-index:-1;rotate:16deg}
.nutrition-grain img{width:100%;height:100%;object-fit:cover;object-position:65% 0;scale:1.65}
.fiber-burst{grid-template-columns:1fr 1fr;gap:65px;margin-top:45px;align-items:center}
.nutrition .fiber-display{position:relative;top:auto;min-height:410px;background:none;clip-path:none;align-items:flex-end;justify-content:center;padding-top:60px}
.fiber-display__label{position:absolute;top:0;left:7%;font-size:27px;font-weight:900;letter-spacing:.03em;white-space:nowrap;rotate:-5deg}
.fiber-display strong{font-size:410px;line-height:.85;letter-spacing:-.09em;rotate:-3deg;transform:none}
.fiber-display .about{font-size:47px;margin-top:18px;align-self:flex-start}
.fiber-display small{font-size:83px;margin-left:15px;margin-bottom:12px}
.fiber-explanation h3{font-size:25px}
.nutrient-board{display:block;border:0;border-top:2px solid var(--ink);background:transparent;margin-top:48px}
.nutrient{display:grid;grid-template-columns:1.05fr .85fr 1.2fr;gap:5px 24px;align-items:center;padding:27px 0;border-right:0;border-bottom:1px solid #143d2b77;background:transparent!important}
.nutrient .tag{grid-column:1/-1;font-size:9px;letter-spacing:.16em;margin-bottom:6px}
.nutrient h3{font-size:18px;margin:0}.nutrient .value{font-size:43px;margin:0;line-height:1.3;white-space:nowrap}
.nutrient p:not(.value){font-size:12px;margin:0;line-height:2}
.story-cut{padding:85px 0 90px;background:var(--paper)}
.story-cut__grid{grid-template-columns:1.05fr .95fr;gap:70px}
.story-cut .panel{box-shadow:9px 9px 0 var(--ink);rotate:-2deg}
.story-cut__text{position:relative;padding-top:40px;min-width:0}
.story-cut__text h2{font-size:34px}
.story-real-grain{width:155px;float:right;rotate:10deg;margin:-45px -5px 15px 20px}
.story-real-grain img{width:155px;height:140px;object-fit:cover;object-position:65% 5%;border-radius:49% 45% 51% 39%}
.story-real-grain figcaption{font-size:9px;line-height:1.6;margin-top:8px;text-align:center}
.easy{padding:0 0 80px;background:#e2e8d0;overflow:hidden}
.easy>.wrap{position:relative;padding-top:50px}
.easy__visual{display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:center;margin:0 0 55px}
.food-photo{position:relative;min-width:0;margin:0}
.food-photo__window{position:relative;aspect-ratio:1.62;overflow:hidden;background:#ddd5bc}
.food-photo__window img{position:absolute;right:0;bottom:0;width:215%;max-width:none;height:auto}
.food-photo figcaption{font-size:9px;line-height:1.7;margin-top:9px}
.easy__visual .food-photo{margin-left:-54px;width:calc(100% + 54px);rotate:-3deg}
.easy__visual .food-photo__window{border-radius:0 48% 41% 0 / 0 48% 43% 0}
.easy__vertical{font:700 44px/1.7 var(--serif);letter-spacing:.04em;rotate:4deg}
.easy__head{grid-template-columns:1fr .9fr;gap:65px;margin-bottom:35px}
.easy__head h2{font-size:40px}
.recipe-formula{box-shadow:5px 5px 0 var(--ink);background:var(--paper)}
.city{padding-top:0;border:0;position:relative}
.city-material{position:relative;width:100%;height:380px;overflow:hidden;margin-bottom:65px}
.city-material::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#143d2bd9,transparent 85%)}
.city-material img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.city-material figcaption{position:absolute;bottom:33px;right:6%;z-index:1;color:var(--paper);font:700 40px/1.7 var(--serif);letter-spacing:.04em}
.city__head{grid-template-columns:1fr .8fr;gap:65px}
.city h2{font-size:46px}.city__grid{grid-template-columns:1.1fr .9fr;gap:55px}
.city .real-people{margin-top:30px;padding-top:22px;border-top:1px solid #fffbed44}
.product-intro{background:var(--paper);padding:75px 0 55px;border-bottom:0}
.product-intro h2{font-size:70px}
.product-index a{border:0;border-bottom:1px solid var(--ink);box-shadow:none;background:none;padding:10px 0;margin-right:15px;min-height:46px}
.product-index a:hover{background:none;translate:0 -3px}
.product{padding:70px 0 65px;border-bottom:0;isolation:isolate}
.product__grid{position:relative;z-index:auto;gap:70px}
.product__image::before{display:none}
.product__image{min-height:410px;display:flex;align-items:center;justify-content:center;padding:35px}
.product__image>img{height:360px;filter:drop-shadow(13px 19px 0 #143d2b16);mix-blend-mode:multiply}
.product__speech{background:none;border:0;border-radius:0;box-shadow:none;padding:0;left:0;top:0;font:700 21px/1.6 var(--serif);transform:rotate(-8deg)}
.product__stamp{border:0;background:var(--paper);color:var(--ink);padding:11px 17px;right:0;bottom:0;box-shadow:2px 3px 0 #143d2b55}
.product__specs{font-size:12px}.product .description{font-size:14px}
.product-material{position:absolute;z-index:-1;pointer-events:none;overflow:hidden}
.product-material img{width:100%;height:100%;object-fit:cover}
.product-material--rice{left:-7%;bottom:-70px;width:620px;height:530px;border-radius:50%;opacity:.68;rotate:-12deg}
.product-material--rice img{object-position:65% 0;scale:1.3}
.product--uimai{--tone:#e9e0bf}.product--uimai .product__image{order:1!important}.product--uimai .product__body{order:2!important}
.product--blend{--tone:#efd1b0;padding-top:95px;padding-bottom:90px}
.product--blend .product__grid{grid-template-columns:1.1fr .9fr}
.product--blend .product__image{order:2!important;rotate:7deg}
.product--blend .product__body{order:1!important}
.product--blend h3{font-size:47px}
.material-sprig--product{width:390px;right:-95px;top:0;rotate:24deg}
.product--pack{--tone:#bad9cd}.product--pack .product__image{order:1!important}
.product--pack .product__body{order:2!important}
.product--pack .product__image>img{height:410px;rotate:-8deg;filter:drop-shadow(20px 18px 0 #fffbed88)}
.product--pack .product__speech{top:auto;bottom:0;font-size:23px}
.product--pack .product__stamp{top:0;bottom:auto;rotate:-8deg}
.product--pan{--tone:var(--paper);padding-top:85px;padding-bottom:85px}
.product--pan .product__image{order:2!important;padding-bottom:80px}
.product--pan .product__body{order:1!important}
.product-material--hands{right:-110px;bottom:-120px;width:500px;height:350px;rotate:-10deg;opacity:.85;border-radius:50% 50% 0 0}
.product--latte{--tone:#dab8a1;padding-block:90px}
.product--latte .product__grid{grid-template-columns:1.1fr .9fr}
.product--latte .product__image{order:1!important;padding:0;min-height:420px}
.product--latte .product__image>img{height:auto;width:115%;max-width:115%;mix-blend-mode:multiply;rotate:-5deg}
.product--latte h3{font-family:var(--serif);font-weight:700;font-size:43px;line-height:1.65}
.material-sprig--latte{width:310px;left:-90px;top:-20px;rotate:40deg}
.research{padding:0 0 75px}
.research>.wrap{padding-top:50px}
.research-material{position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;margin:15px 0 65px}
.research-material img{aspect-ratio:1.5;object-fit:cover;rotate:-3deg}
.research-material>p{font:700 35px/1.8 var(--serif)}
.research-grid{grid-template-columns:1fr 1fr;gap:65px}
.faq{background:#e9e6d8;border:0}
.closing{background:var(--ink);color:var(--paper);padding-bottom:65px}
.closing h2{font:700 53px/1.6 var(--serif)}
.closing__food{width:min(560px,90%);margin:30px auto;rotate:3deg}
.closing__food .food-photo__window{border-radius:50% 45% 48% 43%}
.closing .food-photo figcaption{color:#fffbedb3}
.closing .actions .textlink{color:var(--paper)}
.closing>.wrap>p:not(.eyebrow){font-size:14px}
.still .material-hero__photo img{transform:scale(1.12)!important}
@media(max-width:1100px){
 .material-intro .wrap{gap:35px}.material-intro h2{font-size:40px}
 .hero-title__main{font-size:11.6vw;left:16%;bottom:95px}
 .hero-title__preface{font-size:47px}.material-hero__brand{font-size:57px}
 .fiber-burst{gap:35px}.fiber-display strong{font-size:340px}.fiber-display small{font-size:65px}.fiber-display .about{font-size:36px}.nutrition .fiber-display{min-height:350px}
 .nutrient{gap:5px 20px;grid-template-columns:1fr 1fr 1.2fr}.nutrient h3{font-size:16px}.nutrient .value{font-size:36px}
 .story-cut__grid,.city__grid{gap:35px}.story-real-grain{width:125px}.story-real-grain img{width:125px;height:115px}
 .easy__visual{gap:40px}.easy__vertical{font-size:36px}.easy__head{gap:40px}.easy__head h2{font-size:35px}
 .product__grid{gap:40px}.product__image>img{height:320px}.product--blend h3{font-size:35px}.product--pack .product__image>img{height:340px}.product--latte h3{font-size:36px}
}
@media(max-width:760px){
 .material-hero{height:calc(100svh - 91px);min-height:570px;max-height:900px;padding:0}
 .material-hero__photo img{object-position:58% 34%;transform:scale(1.12)}
 .material-hero::before{background:linear-gradient(90deg,#10231850,transparent 75%),linear-gradient(0deg,#102318b5,transparent 65%)}
 .hero-title__preface{top:31px;left:6%;font-size:32px;line-height:1.55;letter-spacing:.09em}
 .hero-title__main{left:6%;bottom:107px;font-size:clamp(53px,17vw,110px);letter-spacing:-.08em;line-height:1.3}
 .material-hero__brand{top:35px;right:7%;font-size:48px;line-height:1.15}
 .material-hero__brand sup{font-size:10px}.material-hero__brand span{font-size:10px;letter-spacing:.3em;margin-top:8px}
 .material-hero__scroll{bottom:32px;right:7%;font-size:10px;gap:16px}.material-hero__scroll span:last-child{font-size:31px}
 .material-hero__credit{left:6%;bottom:18px;font-size:8px}
 .material-intro{padding:57px 0 56px}.material-intro .wrap{grid-template-columns:1fr;gap:15px}
 .material-intro h2{font-size:30px;line-height:1.65;margin:16px 0 20px}
 .material-intro__copy>p:not(.eyebrow){font-size:13px;line-height:2.25}
 .material-intro__photo{width:84%;margin:14px 0 0 auto;rotate:4deg}.material-intro__photo img{aspect-ratio:1.25}.material-intro__photo figcaption{font-size:15px;margin-top:13px}
 .material-sprig--intro{width:180px;right:-75px;top:-12px;opacity:.7;rotate:-30deg}
 .nutrition{padding:46px 0 48px}.nutrition h2{font-size:34px}.nutrition__intro{display:block}.nutrition__intro>p{font-size:13px;max-width:none;line-height:2.1;margin-top:23px}
 .nutrition-grain{right:-160px;top:235px;width:390px;height:390px;opacity:.13}
 .fiber-burst{grid-template-columns:1fr;gap:24px;margin-top:31px}
 .nutrition .fiber-display{min-height:325px;padding-top:50px;max-width:none;justify-content:center}
 .fiber-display__label{top:0;left:3%;font-size:19px;rotate:-4deg}
 .fiber-display strong{font-size:310px}.fiber-display .about{font-size:32px;margin-top:15px}.fiber-display small{font-size:66px;margin-bottom:4px;margin-left:13px}
 .fiber-explanation h3{font-size:23px}.fiber-explanation>p{font-size:13px}
 .nutrient-board{margin-top:30px}.nutrient{grid-template-columns:1fr 1fr;gap:7px 10px;padding:23px 0}.nutrient .tag{font-size:8px;margin-bottom:3px}.nutrient h3{font-size:15px}.nutrient .value{font-size:34px;justify-self:end}.nutrient .value small{font-size:10px}.nutrient p:not(.value){grid-column:1/-1;font-size:12px;margin-top:8px}
 .story-cut{padding:49px 0 57px}.story-cut__grid{grid-template-columns:1fr;gap:38px}.story-cut .panel{box-shadow:5px 5px 0 var(--ink)}
 .story-cut__text{padding-top:5px}.story-cut__text h2{font-size:28px}.story-real-grain{width:105px;margin:3px 0 12px 14px;rotate:8deg}.story-real-grain img{width:105px;height:100px}.story-real-grain figcaption{font-size:8px}
 .easy{padding-bottom:52px}.easy>.wrap{padding-top:36px}.easy__visual{grid-template-columns:1fr .43fr;gap:22px;margin-bottom:35px;align-items:center}
 .easy__visual .food-photo{margin-left:-22px;width:calc(100% + 22px)}.easy__vertical{font-size:clamp(20px,5.1vw,30px);line-height:1.9;white-space:nowrap}
 .food-photo figcaption{font-size:8px}.easy__head{grid-template-columns:1fr;gap:22px}.easy__head h2{font-size:30px}.easy__head p{font-size:13px}
 .city-material{height:260px;margin-bottom:38px}.city-material img{object-position:44% 55%}.city-material figcaption{font-size:24px;right:7%;bottom:23px}
 .city h2{font-size:31px;line-height:1.7}.city__head{grid-template-columns:1fr;gap:23px}.city__grid{grid-template-columns:1fr;gap:33px}
 .product-intro{padding:48px 0 32px}.product-intro h2{font-size:43px}.product-intro p{font-size:13px}.product-index{gap:9px 15px}.product-index a{margin:0;font-size:11px;min-height:44px}
 .product{padding:43px 0 47px}.product .product__grid{grid-template-columns:1fr!important;gap:30px}
 .product .product__image{order:1!important;min-height:310px;padding:20px 35px;max-width:430px;margin:auto;width:100%}
 .product .product__body{order:2!important}.product__image>img{height:270px!important}.product__speech{font-size:17px;top:0;left:0}.product__stamp strong{font-size:30px}.product__stamp{font-size:10px}
 .product-material--rice{width:380px;height:345px;bottom:auto;top:35px;left:-120px;opacity:.53}
 .product--blend{padding-top:55px}.product--blend h3{font-size:30px}.material-sprig--product{width:250px;right:-105px;top:0}
 .product--pack .product__image{padding-bottom:40px;min-height:350px}.product--pack .product__image>img{height:290px!important}.product--pack .product__speech{font-size:17px;top:auto;bottom:0}
 .product--pan .product__image{padding-bottom:35px}.product-material--hands{width:290px;height:210px;top:120px;bottom:auto;right:-80px;opacity:.75}
 .product--latte .product__image{min-height:270px;padding:0 10px}.product--latte .product__image>img{height:auto!important;width:100%;max-width:100%}.product--latte h3{font-size:30px}.material-sprig--latte{width:220px;left:-90px;top:0}
 .product .description{font-size:13px}.product__specs{font-size:11px}
 .research{padding-bottom:50px}.research>.wrap{padding-top:35px}.research-material{grid-template-columns:1fr;gap:25px;margin:10px 0 39px}.research-material img{width:92%;rotate:-3deg}.research-material>p{font-size:25px;margin-left:18%}.research-grid{grid-template-columns:1fr;gap:35px}
 .closing{padding:44px 0 48px}.closing h2{font-size:32px}.closing__food{width:90%;margin:25px auto}.closing>.wrap>p:not(.eyebrow){font-size:13px}
}
@media(prefers-reduced-motion:reduce){.material-hero__photo img{transform:scale(1.12)!important}.hero-title__preface,.hero-title__main{animation:none!important}}

.material-sprig.playing{animation:ear-sway 8s ease-in-out infinite}
.material-sprig:not(.playing){animation-play-state:paused}
@keyframes ear-sway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}
.product__image>img,.product--pack .product__image>img{filter:none}
.product__image>img{mix-blend-mode:normal}
.product--uimai .product__image>img{border-radius:4% 4% 8% 8%}
.product--latte{--tone:#fff}
.product--latte .product__image>img{mix-blend-mode:normal}

/* Approved design: we-navigation.css */
/* WE rice wordmark and transparent navigation, shared by desktop and mobile. */
html{scrollbar-gutter:stable;scroll-padding-top:110px}
html.menu-open{overflow:hidden}
.we-header.header{position:fixed;inset:0 0 auto;z-index:60;display:flex;align-items:flex-start;justify-content:space-between;height:128px;padding:31px 4.5%;background:transparent;border:0;box-shadow:none;backdrop-filter:none;pointer-events:none;color:var(--ink);transition:color .25s ease}
.we-header[data-tone=light]{color:#fff}
.we-header.is-menu-open{color:var(--ink)}
.we-header a,.we-header button{pointer-events:auto}
.we-wordmark.brand{display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center;color:inherit;text-decoration:none;line-height:1;background:transparent;border:0;padding:0}
.we-wordmark__name{display:block;width:180px;height:80px;overflow:visible;font:900 58px/1.12 'M PLUS Rounded 1c','Hiragino Maru Gothic ProN',sans-serif;letter-spacing:-.055em;margin:-8px -10px -7px}
/* The mask removes the inner half of the stroke, leaving a 13px outer rim. */
.we-wordmark__outline{stroke-width:26px;stroke-linejoin:round;stroke-linecap:round}
.we-wordmark__registered{font:400 11px/1 var(--sans);letter-spacing:0;fill:currentColor}
.we-wordmark__reading{display:block;font:500 10px/1.5 var(--sans);letter-spacing:.35em;padding-left:.35em;margin-top:9px}
.we-menu-toggle.menu-toggle{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:11px;min-width:64px;min-height:67px;padding:9px 10px;margin:-4px -10px 0 0;background:transparent;color:inherit;border:0;box-shadow:none;letter-spacing:0}
.we-menu-toggle::before,.we-menu-toggle::after{display:none}
.we-menu-icon{position:relative;display:block;width:40px;height:20px}
.we-menu-icon i{display:block;position:absolute;right:0;height:2px;background:currentColor;border-radius:50%;transform-origin:center;transition:transform .35s var(--ease),width .35s var(--ease),top .35s var(--ease)}
.we-menu-icon i:first-child{top:3px;width:40px}
.we-menu-icon i:last-child{top:14px;width:29px}
.we-menu-word{font:500 9px/1 var(--sans);letter-spacing:.2em;padding-left:.2em}
.we-menu-toggle[aria-expanded=true] .we-menu-icon i:first-child{top:9px;transform:rotate(35deg)}
.we-menu-toggle[aria-expanded=true] .we-menu-icon i:last-child{top:9px;width:40px;transform:rotate(-35deg)}
.we-header :focus-visible{outline-color:currentColor;outline-offset:7px}
.we-menu{position:fixed;inset:0;z-index:50;background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:155px 8% 55px;overflow:auto;overscroll-behavior:contain}
.we-menu[hidden]{display:none}
.we-menu__visual{position:relative;min-height:440px;align-self:center;padding-bottom:30px}
.we-menu__visual>img:first-child{width:100%;max-width:470px;aspect-ratio:1.1;object-fit:cover;object-position:center;border-radius:49% 43% 47% 42% / 42% 48% 44% 51%;rotate:-6deg}
.we-menu__visual>p{position:absolute;left:6%;bottom:17%;font:700 38px/1.65 var(--serif);color:var(--paper);text-shadow:0 1px 15px #143d2b99;rotate:-4deg}
.we-menu__visual .we-menu__ear{position:absolute;top:-55px;right:-25px;width:230px;rotate:-35deg}
.we-menu__contents{width:100%;max-width:480px;align-self:center;justify-self:end}
.we-menu__eyebrow{font-size:11px;letter-spacing:.17em;margin-bottom:21px}
.we-menu__links{display:grid}
.we-menu__links>a{display:flex;align-items:baseline;gap:24px;text-decoration:none;padding:12px 0;min-height:64px;font:700 27px/1.55 var(--serif);position:relative}
.we-menu__links>a>span{font:500 10px/1.5 var(--sans);letter-spacing:.08em;min-width:20px}
.we-menu__links>a::after{content:'';position:absolute;left:44px;right:0;bottom:7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.we-menu__links>a:hover::after,.we-menu__links>a[aria-current=location]::after{transform:scaleX(1)}
.we-menu__bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #143d2b33;padding-top:24px;margin-top:27px}
.we-menu__bottom .motion-toggle{border:0;background:none;padding:5px 0;min-height:44px;color:var(--ink);font-size:10px}
.we-menu__bottom>img{width:126px;height:auto}
.we-menu:not([hidden]) .we-menu__contents{animation:menu-appear .4s var(--ease) both}
.we-menu:not([hidden]) .we-menu__visual{animation:menu-appear .65s .05s var(--ease) both}
@keyframes menu-appear{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
.material-hero{height:100svh;min-height:680px;max-height:1200px}
.material-hero::before{background:linear-gradient(180deg,#10231899,transparent 32%),linear-gradient(90deg,#10231855,transparent 65%),linear-gradient(0deg,#142218b3,transparent 64%)}
.material-hero h1{position:absolute;inset:auto;left:7%;bottom:12%;width:max-content;max-width:86%;display:flex;flex-direction:column;gap:3px;margin:0;color:#fff;text-shadow:none}
.hero-title__preface{position:static;display:block;writing-mode:horizontal-tb;font:700 clamp(39px,5.5vw,77px)/1.45 var(--serif);letter-spacing:.035em;white-space:nowrap}
.hero-title__main{position:static;display:block;font:700 clamp(100px,16.6vw,240px)/1.15 var(--serif);letter-spacing:-.055em;white-space:nowrap}
.material-hero__scroll{bottom:34px;right:5%;color:#fff}
.material-hero__credit{color:#ffffffb3}
@media(max-width:1000px){.we-menu{padding-inline:6%;gap:5%}.we-menu__links>a{font-size:24px}.we-menu__visual>p{font-size:35px}.we-menu__visual .we-menu__ear{width:180px}.we-menu__visual{min-height:340px}}
@media(max-width:760px){
 html{scroll-padding-top:91px}
 .we-header.header{height:100px;padding:25px 6% 15px}
 .we-wordmark__name{width:133.45px;height:59.31px;margin:-6px -7.4px -5.2px}.we-wordmark__outline{stroke-width:28.326px}.we-wordmark__registered{font-size:12px}.we-wordmark__reading{font-size:8px;letter-spacing:.32em;margin-top:7px}
 .we-menu-toggle.menu-toggle{min-width:59px;min-height:60px;gap:9px;margin-top:-5px;padding:8px 9px}
 .we-menu-icon{width:34px;height:18px}.we-menu-icon i:first-child{width:34px}.we-menu-icon i:last-child{width:24px;top:12px}
 .we-menu-toggle[aria-expanded=true] .we-menu-icon i:last-child{width:34px}.we-menu-word{font-size:8px}
 .we-menu{display:block;padding:120px 8% 40px;min-height:100svh}
 .we-menu__visual{display:none}
 .we-menu__contents{max-width:none}
 .we-menu__eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:18px}
 .we-menu__links>a{font-size:24px;padding:14px 0;min-height:66px;gap:20px}
 .we-menu__links>a::after{left:40px;bottom:7px}
 .we-menu__bottom{margin-top:24px;padding-top:18px}.we-menu__bottom>img{width:112px}
 .material-hero{height:100svh;min-height:570px;max-height:1100px}
 .material-hero h1{left:6%;bottom:14%;max-width:88%;gap:5px}
 .hero-title__preface{font-size:clamp(28px,8vw,48px);line-height:1.5;letter-spacing:.015em}
 .hero-title__main{font-size:clamp(76px,23vw,144px);line-height:1.2;letter-spacing:-.06em}
 .material-hero__scroll{right:7%;bottom:29px;font-size:9px}
 .material-hero__credit{bottom:15px;font-size:7px}
}