/* Mobile is a complete composition, not a crop of the desktop object. */
.report-material>img{display:block;width:100%;height:100%;max-width:none}
@media(max-width:700px){
 .hero-brand{top:16vw;left:calc(50% - 18px);transform:translateX(-50%);gap:10px;font-size:clamp(20px,5.7vw,27px);white-space:nowrap}
 .hero-brand img{width:46px;height:35px}
 .hero-intro{top:32vw;left:8%;width:39%}
 .hero-description{position:absolute;top:73.5vw;left:8%;width:39%;margin:0;padding:0;font-size:14px;line-height:1.3;color:var(--ink)}
 .hero .actions{position:relative;margin-top:12px}
 .report-album.is-enhanced .report-material{width:100%;left:0;height:100%;filter:drop-shadow(3px 8px 10px #15201044)}
 .report-album.is-enhanced .report-pages{inset:12% 10% 15% 21%}
 .report-navigation{min-height:48px;align-items:center}
}
@media(max-width:360px){
 .hero-ingredients{font-size:12px;line-height:1.25}
 .hero-brand{font-size:20px;gap:8px}.hero-brand img{width:40px;height:31px}
 .hero-description{font-size:12.5px;line-height:1.3;top:74vw}
 .report-album.is-enhanced .report-pages{inset:12% 10% 15% 21%}
}
