header .logo{background:var(--pd)!important;-webkit-mask:url('assets/flavorich-logo.webp') center/contain no-repeat;mask:url('assets/flavorich-logo.webp') center/contain no-repeat}
.pack{width:78%;height:78%;right:2%;top:11%;background:linear-gradient(145deg,#ffffff12,#f06aa824)!important;box-shadow:inset 0 0 0 1px #ffffff1f,0 40px 100px #09021e66}
.hero-real{padding:10px 10px 16px;overflow:hidden;box-shadow:0 24px 65px #09021e99}
.hero-real img{height:160px}
.hero-real figcaption{margin-top:10px;font-size:1.05rem}
.hero-real figcaption span{font-size:.62rem}
.hero-matcha{width:340px;left:-8%;bottom:5%}
.hero-salted{width:320px;right:-4%;top:3%}
.hero-matcha img{transform:scale(1.5);transform-origin:18% 50%}
.hero-salted img{transform:scale(2.3);transform-origin:6% 50%}
body{overflow-x:clip}.hero,.culture-strip{overflow:hidden}
@media(max-width:900px){.problem,.calc{grid-template-columns:1fr!important;transform:none!important}.problem>div:last-child{grid-column:auto;width:auto}.panel.result{width:auto}}
@media(max-width:650px){.hero-real{width:220px}.hero-real img{height:108px}.hero-real figcaption{font-size:.8rem}.hero-matcha{left:-2%;bottom:5%}.hero-salted{right:-2%;top:4%}}