.paper-bags-story{--bag-mint:#dcefe3;--bag-gold:#bd8c55;--bag-plum:#6f195e}
.paper-bags-story .expert-article-hero figure{background:#e9ece8}
.paper-bags-story .expert-article-hero figure img{object-position:center}
.paper-bags-story .story-callout.is-commercial{border-color:#1b231f;background:var(--bag-mint)}
.bag-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0 42px}
.bag-choice-card{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--blog-ink);border-radius:12px;background:#fff}
.bag-choice-card figure{margin:0;aspect-ratio:4/3;overflow:hidden;background:#eceeea}
.bag-choice-card img{width:100%;height:100%;object-fit:cover}
.bag-choice-card>div{display:grid;align-content:start;padding:22px}
.bag-choice-card span,.bag-case-card span{color:#276b18;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.bag-choice-card h3{margin:10px 0 8px;font-size:clamp(23px,2.2vw,32px);line-height:1.05}
.bag-choice-card p{margin:0 0 20px;color:#46504c;line-height:1.52}
.bag-choice-card a{align-self:end;width:max-content;border-bottom:1px solid currentColor;font-weight:850}
.bag-visual-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:12px;margin:32px 0 48px}
.bag-visual-grid figure{margin:0;overflow:hidden;border-radius:12px;background:#e8ebe7}
.bag-visual-grid figure:first-child{grid-row:span 2}
.bag-visual-grid img{width:100%;height:100%;aspect-ratio:1;object-fit:cover}
.bag-visual-grid figcaption{padding:12px 14px;color:#46504c;font-size:12px;line-height:1.4}
.bag-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:28px 0 42px;border-top:1px solid var(--blog-ink);border-left:1px solid var(--blog-line)}
.bag-spec-grid div{min-height:118px;padding:18px;border-right:1px solid var(--blog-line);border-bottom:1px solid var(--blog-line);background:#fff}
.bag-spec-grid strong{display:block;margin-bottom:8px;font-size:20px}.bag-spec-grid span{color:#46504c;font-size:13px;line-height:1.4}
.bag-finish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 42px}
.bag-finish-grid div{padding:18px;border:1px solid var(--blog-line);border-radius:10px;background:#f0f3ed}
.bag-finish-grid strong{display:block;margin-bottom:6px}.bag-finish-grid span{color:#46504c;font-size:13px;line-height:1.45}
.bag-case-feature{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:0;margin:56px 0;border:1px solid var(--blog-ink);border-radius:12px;overflow:hidden;background:var(--bag-mint)}
.bag-case-feature figure{margin:0;min-height:430px}.bag-case-feature img{width:100%;height:100%;object-fit:cover}
.bag-case-card{display:grid;align-content:center;padding:clamp(26px,5vw,58px)}
.bag-case-card h2{margin:12px 0 14px;font-size:clamp(31px,4vw,54px);line-height:.98}
.bag-case-card p{margin:0 0 24px;color:#3d4743;line-height:1.58}
.bag-case-card a{width:max-content;padding:12px 16px;border:1px solid var(--blog-ink);border-radius:6px;background:#fff;font-weight:850}
.bag-related-cases{padding:58px 0;border-top:1px solid var(--blog-ink)}
.bag-related-cases>header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.bag-related-cases h2{margin:0;font-size:clamp(34px,4vw,52px)}
.bag-related-cases>header>a{border-bottom:1px solid currentColor;font-weight:800}
.bag-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bag-related-grid a{display:grid;overflow:hidden;border:1px solid var(--blog-line);border-radius:10px;background:#fff}
.bag-related-grid figure{margin:0;aspect-ratio:1;overflow:hidden}.bag-related-grid img{width:100%;height:100%;object-fit:cover}
.bag-related-grid div{padding:16px}.bag-related-grid span{color:#276b18;font-size:10px;font-weight:850;text-transform:uppercase}.bag-related-grid strong{display:block;margin-top:7px;font-size:18px;line-height:1.2}
.paper-bags-story .company-brief{margin-top:42px}
@media(max-width:900px){.bag-spec-grid{grid-template-columns:1fr 1fr}.bag-finish-grid{grid-template-columns:1fr 1fr}.bag-case-feature{grid-template-columns:1fr}.bag-case-feature figure{min-height:0;aspect-ratio:4/3}.bag-related-grid{grid-template-columns:1fr 1fr}.bag-related-grid a:last-child{grid-column:1/-1}}
@media(max-width:680px){.bag-choice-grid,.bag-finish-grid,.bag-related-grid{grid-template-columns:1fr}.bag-visual-grid{grid-template-columns:1fr 1fr}.bag-visual-grid figure:first-child{grid-column:1/-1;grid-row:auto}.bag-spec-grid{grid-template-columns:1fr 1fr}.bag-related-grid a:last-child{grid-column:auto}.bag-related-cases>header{display:grid}.bag-case-card{padding:24px 20px}}

