/* 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}}
.journal-subtopic-photo{position:relative;margin:30px 0 52px;overflow:hidden;border-radius:22px;background:#24231f;box-shadow:0 15px 40px #18171313}
.journal-subtopic-photo>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.journal-photo-brand{position:absolute;right:18px;bottom:18px;padding:12px 18px;background:#191916e8;border:1px solid #c4a65966;border-radius:12px;line-height:0}
.journal-photo-brand img{width:136px;height:auto!important;display:block}
@media(max-width:600px){.journal-subtopic-photo{margin:24px 0 36px;border-radius:17px}.journal-photo-brand{right:12px;bottom:12px;padding:10px 12px}.journal-photo-brand img{width:108px}}
.priority-city-explainer{padding-top:16px;padding-bottom:48px}.priority-city-explainer>h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.045em}.priority-city-explainer p{line-height:1.9;color:#46433b}.priority-city-explainer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0}.priority-city-explainer-grid>div{padding:26px;border:1px solid #d9cfbb;border-radius:20px;background:#f8f5ed}.priority-city-explainer-grid h3{color:#302b20;font-size:20px}.priority-city-explainer aside{border-left:3px solid #ad8a37;padding:14px 24px;background:#e9e2d2;border-radius:0 16px 16px 0}.priority-city-explainer nav{display:flex;gap:22px;flex-wrap:wrap;margin-top:25px}@media(max-width:800px){.priority-city-explainer-grid{grid-template-columns:1fr;gap:14px}.priority-city-explainer-grid>div{padding:22px}}
.metro-blog-article.has-subtopic-images .service-hero-grid figure>img,.metro-blog-card.metro-blog-photo-card>img{aspect-ratio:3/2;object-fit:cover;background:transparent}
