.opener{padding:56px 0 80px}.opener .grid{display:grid;gap:40px;align-items:center}.opener .grid>*{min-width:0}.opener .byline{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:22px}.opener .byline span:last-child{font-size:12px;color:var(--muted);letter-spacing:.06em}.opener h1{font-size:clamp(2.4rem,1.7rem + 2.6vw,3.8rem);line-height:1.04;margin-bottom:24px}.opener .intro{font-size:16px;max-width:44ch;margin-bottom:28px}.opener .note{font-size:12px;color:var(--muted);margin:14px 0 0}.opener figure{margin:0;aspect-ratio:4 / 5;background:var(--stone);overflow:hidden}.opener figure img{width:100%;height:100%;object-fit:cover}@media(min-width:960px){.opener .grid{grid-template-columns:1fr 1fr;gap:88px}}.reason{padding:64px 0;border-top:1px solid var(--line)}.reason .grid{display:grid;gap:32px;align-items:center}.reason .grid>*{min-width:0}.reason figure{margin:0;aspect-ratio:4 / 5;background:var(--stone);overflow:hidden}.reason figure.sq{aspect-ratio:1}.reason figure img{width:100%;height:100%;object-fit:cover}.reason .num{display:block;font:400 4.2rem/1 var(--serif);color:var(--berry);margin-bottom:10px}.reason h2{font-size:clamp(1.9rem,1.5rem + 1.4vw,2.7rem);margin-bottom:20px}.reason p{max-width:48ch}.reason .pack{display:flex;gap:14px;align-items:baseline;border-top:1px solid var(--line);padding-top:14px;margin-top:22px;font-size:13px;max-width:48ch}.reason .zone-list{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px;font-size:13px;max-width:48ch}.reason .zone-list b{font-weight:500}.reason .btn{margin-top:26px}@media(min-width:900px){.reason .grid{grid-template-columns:1fr 1fr;gap:88px}.reason.flip figure{order:2}}.breaker{background:var(--blush);padding:96px 0;text-align:center}.breaker blockquote{margin:18px auto 0;max-width:820px;font:400 clamp(1.9rem,1.3rem + 2.2vw,3.1rem)/1.2 var(--serif)}.closing{padding:96px 0 0}.closing .head{text-align:center;margin-bottom:40px}.closing .head p{color:var(--muted);margin-top:12px}.closing .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;max-width:760px;margin:0 auto}.closing .reviews{margin-top:88px}.closing .reviews h2{text-align:center;margin-bottom:28px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/gwmb-listicle.css.map */
