/* Square editorial covers keep their full headline visible at every viewport. */
.metro-blog-feature{padding-top:56px;padding-bottom:56px}
.metro-blog-feature>h2,.metro-blog-index>h2{font-size:clamp(26px,3vw,38px);line-height:1.4;margin:0 0 26px;letter-spacing:-.045em}
.metro-blog-card{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);background:#20201c;color:#fff4dd;border:1px solid #867044;text-decoration:none;overflow:hidden}
.metro-blog-card>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#111210}
.metro-blog-card>div{padding:clamp(22px,3vw,44px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.metro-blog-card .eyebrow{color:#e4c47c;font-size:12px;letter-spacing:.04em}
.metro-blog-card h3{color:#fff4df;font-size:clamp(22px,2.5vw,32px);line-height:1.5;margin:14px 0;letter-spacing:-.045em;word-break:keep-all;overflow-wrap:anywhere}
.metro-blog-card p{color:#e0d7c5;font-size:16px;line-height:1.9;margin:0 0 24px;word-break:keep-all;overflow-wrap:anywhere}
.metro-blog-card b{font-size:13px;color:#f2d389;border-bottom:1px solid #897143;padding:0 0 8px}
.metro-blog-card:focus-visible{outline:3px solid #b68c35;outline-offset:4px}
.metro-blog-card:hover{border-color:#e8c979}
.metro-blog-index{padding-block:56px}
.metro-blog-index>p:not(.service-eyebrow){margin:0 0 30px;line-height:1.8}
.metro-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.metro-blog-grid .metro-blog-card{grid-template-columns:1fr}
.metro-blog-grid .metro-blog-card>div{padding:24px;justify-content:flex-start}
.metro-blog-grid .metro-blog-card h3{font-size:21px}
.metro-blog-grid .metro-blog-card p{font-size:14px}
.metro-blog-grid .metro-blog-card b{margin-top:auto}
.metro-blog-article .service-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);align-items:center}
.metro-blog-article .service-hero-grid figure{margin:0;max-width:420px;justify-self:end}
.metro-blog-article .service-hero-grid figure>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;min-height:0;background:#111210}
.metro-blog-article .service-article-body .service-copy-section>p{font-size:17px;line-height:2;word-break:keep-all;overflow-wrap:anywhere}
.article-image-guides{margin:40px 0;padding-top:24px;border-top:1px solid #bba77e}
.article-image-guides>h2{font-size:23px;line-height:1.5;margin:0 0 22px;letter-spacing:-.035em}
.article-image-guides>ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.article-image-guides li{min-width:0}
.article-image-guides li>a{height:100%;display:flex;flex-direction:column;text-decoration:none;background:#20201c;color:#fff4df;border:1px solid #8b7446}
.article-image-guides img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.article-image-guides a>div{padding:19px;display:flex;flex-direction:column;flex:1}
.article-image-guides h3{color:#f5d68e;font-size:18px;line-height:1.6;margin:0 0 10px;letter-spacing:-.03em;word-break:keep-all;overflow-wrap:anywhere}
.article-image-guides li p{color:#e6dcc9;font-size:14px;line-height:1.85;margin:0 0 18px;word-break:keep-all;overflow-wrap:anywhere}
.article-image-guides a>div>span{font-size:13px;color:#f5d68e;margin-top:auto;padding-top:12px;border-top:1px solid #70603f;display:flex;justify-content:space-between}
.article-image-guides a:focus-visible{outline:3px solid #a07821;outline-offset:4px}
.article-image-guides .article-image-note{font-size:11px;line-height:1.6;color:#6b604c;margin:13px 0 0}
@media(max-width:540px){.article-image-guides>ul{gap:12px}.article-image-guides a>div{padding:13px}.article-image-guides h3{font-size:15px}.article-image-guides li p{font-size:12px;line-height:1.8}.article-image-guides>h2{font-size:21px}.article-image-guides a>div>span{font-size:12px}}
@media(max-width:800px){.metro-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.metro-blog-card{grid-template-columns:minmax(160px,40%) minmax(0,1fr)}.metro-blog-card>div{padding:22px}.metro-blog-card p{font-size:14px}.metro-blog-article .service-hero-grid{grid-template-columns:1fr}.metro-blog-article .service-hero-grid figure{max-width:420px;justify-self:start;width:100%}}
@media(max-width:540px){.metro-blog-feature{padding-block:36px}.metro-blog-card,.metro-blog-grid{grid-template-columns:1fr}.metro-blog-card>div,.metro-blog-grid .metro-blog-card>div{padding:24px}.metro-blog-card h3,.metro-blog-grid .metro-blog-card h3{font-size:23px}.metro-blog-card p,.metro-blog-grid .metro-blog-card p{font-size:15px}.metro-blog-article .service-article-body .service-copy-section>p{font-size:16px;line-height:1.95}}
