/* Product silhouettes lead; supporting photographs follow the full spread. */
.cover{height:60svh;min-height:390px;padding-bottom:30px}
.hero-spread{min-height:1500px}
.hero-spread .giant-blue,.hero-spread .giant-red{top:-220px;bottom:0}
.story-column{padding-top:30px;padding-bottom:35px;width:32%}
.story-column .story-intro{min-height:300px}
.story-column .product-copy{min-height:480px;text-align:left;padding:22px 0}
.story-column .product-copy:last-child{text-align:right}
.story-column .texture-copy{color:#f4e6d2;text-shadow:0 2px 9px #000,0 1px 3px #000}
.story-column h2,.story-column .kicker,.story-column p{text-shadow:0 2px 12px #000,0 1px 3px #000}
.treat-texture-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:30px 5vw 50px;background:#100e0b}
.treat-texture-gallery article{min-width:0}
.treat-texture-gallery h2{font:clamp(28px,4vw,48px)/1 Impact,sans-serif;color:#ed792f;margin:0 0 18px}
.treat-texture-gallery .treat-views{margin:0}.treat-texture-gallery .treat-pack{margin-top:20px}
@media(max-width:600px){
 .cover{height:53svh;min-height:360px}
 .hero-spread{min-height:1500px}
 .hero-spread .giant-blue{top:-300px;bottom:0}
 .hero-spread .giant-red{top:-90px;bottom:0}
 .story-column{width:60%;padding-top:20px}
 .story-column .story-intro{min-height:310px;text-align:center}
 .story-column .product-copy{min-height:490px;width:90%;margin-left:22%}
 .story-column .product-copy:last-child{margin-left:-12%;margin-top:20px}
 .story-column h2{font-size:38px}.story-column .texture-copy{font-size:16px!important}
 .treat-texture-gallery{padding:26px 16px 35px;gap:14px}
 .treat-texture-gallery h2{font-size:25px}.treat-texture-gallery .treat-views button{font-size:10px;padding:7px 3px}
}
.issue-mf-mini img{filter:brightness(0) saturate(100%) invert(82%) sepia(47%) saturate(580%) hue-rotate(351deg) brightness(94%) contrast(91%)!important}
.treat-reading-guide{padding:40px 5vw;background:#19110d;color:#f4e6d2}
.treat-reading-guide h2{font:clamp(28px,4vw,48px)/1.1 Impact,sans-serif;color:#ed792f}
.treat-reading-guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.treat-reading-guide h3{font-size:20px}.treat-reading-guide p{font:16px/1.6 Arial,sans-serif}
.treat-reading-guide a{text-decoration:underline;text-underline-offset:4px;color:#edaa76}
@media(max-width:600px){
 .hero-spread{display:grid;grid-template-columns:100%;min-height:0;padding-bottom:20px}
 .hero-spread .story-column{display:contents}
 .hero-spread .story-intro{grid-row:1;min-height:0;padding:32px 24px 0;text-align:center}
 .hero-spread .giant-photo{position:relative;inset:auto;width:100%;height:480px;overflow:hidden;z-index:0}
 .hero-spread .giant-blue{grid-row:2}.hero-spread .giant-red{grid-row:4}
 .hero-spread .giant-photo img{top:50%;left:50%;margin:0;width:850px;max-width:none;height:auto}
 .hero-spread .giant-blue img{transform:translate(-50%,-50%) rotate(90deg)}
 .hero-spread .giant-red img{transform:translate(-50%,-50%) scaleX(-1);width:780px}
 .hero-spread .product-copy{grid-row:3;min-height:0;width:auto;margin:0;padding:0 24px 30px;text-align:left}
 .hero-spread .product-copy:last-child{grid-row:5;margin:0;text-align:left}
 .hero-spread .product-copy h2{font-size:42px;margin-bottom:14px}
 .hero-spread .product-copy p{font-size:18px;line-height:1.5}
 .hero-spread .fine-rule{margin:4px 0 16px}
 .treat-texture-gallery{grid-template-columns:1fr;gap:32px}
 .treat-texture-gallery h2{font-size:32px}
 .treat-texture-gallery .treat-views button{font-size:13px;min-height:44px}
 .treat-reading-guide{padding:30px 24px}.treat-reading-guide>div{grid-template-columns:1fr;gap:10px}
}
