:root {
  --mi-black: #050505;
  --mi-charcoal: #202020;
  --mi-grey-800: #373737;
  --mi-grey-600: #686868;
  --mi-grey-400: #a6a29a;
  --mi-grey-200: #dedbd5;
  --mi-grey-100: #efede8;
  --mi-cream: #fbf8f2;
  --mi-white: #ffffff;
  --mi-gold: #bda643;
  --mi-gold-dark: #8f7926;
  --mi-heading: "rocky-condensed", Georgia, "Times New Roman", serif;
  --mi-body: "sweet-sans-pro", Arial, Helvetica, sans-serif;
  --mi-shell: min(1460px, calc(100vw - 72px));
  --mi-article: min(790px, calc(100vw - 40px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--mi-white); color: var(--mi-black); font-family: var(--mi-body); font-weight: 400; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
h1, h2, h3, h4, h5, h6, .heading-font { margin: 0; font-family: var(--mi-heading); font-weight: 400; font-style: normal; line-height: .98; }
p { margin-top: 0; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--mi-gold-dark); }
img { display: block; max-width: 100%; height: auto; }
button, input, textarea, select { font: inherit; }
.site-shell { width: var(--mi-shell); margin-inline: auto; }
.site-shell--article { width: var(--mi-article); }
.section-pad { padding-block: 72px; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.skip-link { position: fixed; left: 16px; top: -80px; z-index: 99999; padding: 12px 18px; background: var(--mi-black); color: var(--mi-white); }
.skip-link:focus { top: 16px; }
.image-placeholder { display: block; width: 100%; height: 100%; min-height: 210px; background: linear-gradient(145deg, #ece8df, #d9d4ca); }

/* Header */
.site-header { position: relative; z-index: 500; background: rgba(255,255,255,.98); }
.top-rule { height: 4px; background: var(--mi-gold); }
.utility-bar { border-bottom: 1px solid var(--mi-grey-200); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.utility-bar__inner { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.utility-bar p { margin: 0; color: var(--mi-grey-600); }
.utility-bar ul { display: flex; gap: 22px; margin: 0; padding: 0; list-style: none; }
.masthead { min-height: 116px; display: grid; grid-template-columns: 180px 1fr 260px; align-items: center; border-bottom: 1px solid var(--mi-grey-200); }
.masthead__logo { display: flex; justify-content: center; }
.brand-logo img { object-fit: contain; }
.masthead__logo .brand-logo img { width: min(560px, 47vw); max-height: 86px; }
.masthead__actions { display: flex; justify-content: flex-end; align-items: center; gap: 22px; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.masthead-search { border-bottom: 1px solid var(--mi-black); }
.gold-link { color: var(--mi-gold-dark); }
.menu-toggle { width: 42px; height: 42px; padding: 10px 7px; border: 0; background: transparent; cursor: pointer; }
.menu-toggle span:not(.screen-reader-text) { display: block; width: 27px; height: 1px; margin: 6px 0; background: var(--mi-black); }
.primary-navigation { border-bottom: 1px solid var(--mi-grey-200); background: var(--mi-white); }
.primary-navigation ul { display: flex; align-items: center; justify-content: center; gap: clamp(22px, 3.3vw, 56px); min-height: 54px; margin: 0; padding: 0; list-style: none; }
.primary-navigation a { color: #7b6a61; font-size: 13px; letter-spacing: .025em; text-transform: uppercase; }
.primary-navigation .current-menu-item > a, .primary-navigation a:hover { color: var(--mi-gold-dark); }
.mobile-navigation { position: fixed; inset: 0; z-index: 999; overflow-y: auto; padding: 24px; background: var(--mi-black); color: var(--mi-white); }
.mobile-navigation__top { display: flex; justify-content: space-between; align-items: center; padding-bottom: 32px; border-bottom: 1px solid #333; }
.mobile-navigation__top .brand-logo img { width: min(480px, 70vw); max-height: 70px; }
.menu-close { border: 0; background: transparent; color: var(--mi-white); font-size: 42px; cursor: pointer; }
.mobile-navigation ul { margin: 36px 0; padding: 0; list-style: none; }
.mobile-navigation li { border-bottom: 1px solid #333; }
.mobile-navigation li a { display: block; padding: 18px 0; font-family: var(--mi-heading); font-size: 34px; }

/* Buttons and labels */
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 22px; border: 1px solid transparent; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.button--gold { background: var(--mi-gold); color: var(--mi-black); }
.button--gold:hover { background: var(--mi-white); color: var(--mi-black); border-color: var(--mi-gold); }
.story-kicker { display: inline-block; margin-bottom: 12px; color: var(--mi-grey-800); font-family: var(--mi-body); font-size: 10px; line-height: 1.1; letter-spacing: .07em; text-transform: uppercase; }
.story-kicker--gold { color: var(--mi-gold); }
.story-byline { margin: 18px 0 0; color: var(--mi-grey-800); font-size: 12px; line-height: 1.4; }
.image-credit { margin: 5px 0 0; color: var(--mi-grey-600); font-family: var(--mi-body); font-size: 9px; font-style: italic; line-height: 1.2; }
.text-link { display: inline-block; margin-top: 14px; color: var(--mi-gold-dark); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; }

/* Shared cards */
.story-card__media { display: block; overflow: hidden; background: var(--mi-grey-100); }
.story-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.story-card:hover .story-card__media img { transform: scale(1.018); }
.story-card__body { padding-top: 17px; }
.story-card__title { font-size: 34px; line-height: .98; }
.story-card__title a:hover { color: var(--mi-gold-dark); }
.story-card__excerpt { margin: 16px 0 0; color: var(--mi-grey-800); font-size: 14px; line-height: 1.55; }
.story-card--accent .story-card__title { color: var(--mi-gold-dark); }

/* Homepage hero */
.home-hero { padding-top: 58px; padding-bottom: 28px; }
.home-hero__grid { display: grid; grid-template-columns: minmax(220px,.76fr) minmax(540px,1.65fr) minmax(220px,.76fr); gap: 16px; align-items: start; }
.hero-side-card { padding-top: 50px; }
.hero-side-card .story-card__media { aspect-ratio: 1 / .96; }
.hero-side-card--left .story-card__media { aspect-ratio: .98 / 1; }
.hero-side-card .story-card__title { font-size: clamp(29px, 2.3vw, 42px); }
.hero-main-card { text-align: center; }
.hero-main-card__media { display: block; overflow: hidden; aspect-ratio: 1.5 / 1; background: var(--mi-grey-100); }
.hero-main-card__media img { width: 100%; height: 100%; object-fit: cover; }
.hero-main-card .image-credit { text-align: left; }
.hero-main-card__body { max-width: 920px; margin: 0 auto; padding: 29px 24px 0; }
.hero-main-card h1 { font-size: clamp(54px, 5.1vw, 86px); line-height: .91; }
.hero-dek { max-width: 760px; margin: 22px auto 0; color: var(--mi-grey-800); font-size: 15px; line-height: 1.5; }
.headline-strip { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 48px; border-top: 1px solid var(--mi-grey-200); border-bottom: 1px solid var(--mi-grey-200); }
.headline-strip .compact-story { min-height: 174px; padding: 22px 28px 24px; border-right: 1px solid var(--mi-grey-200); }
.headline-strip .compact-story:first-child { padding-left: 16px; }
.headline-strip .compact-story:last-child { border-right: 0; padding-right: 16px; }
.compact-story { display: grid; grid-template-columns: 100px 1fr; gap: 15px; align-items: start; }
.compact-story--text { display: block; }
.compact-story__media { display: block; aspect-ratio: 1.15 / 1; overflow: hidden; background: var(--mi-grey-100); }
.compact-story__media img { width: 100%; height: 100%; object-fit: cover; }
.compact-story h3 { font-size: 25px; line-height: 1; }
.compact-story p { margin: 8px 0 0; color: var(--mi-grey-600); font-size: 10px; }

/* Headings */
.section-title-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; padding-bottom: 15px; border-bottom: 1px solid var(--mi-grey-200); }
.section-title-row h2 { font-family: var(--mi-body); font-size: clamp(43px, 4vw, 68px); font-weight: 400; line-height: 1; }
.section-title-row > a, .section-all { color: var(--mi-gold-dark); font-size: 11px; letter-spacing: .07em; text-transform: uppercase; }
.section-title-row__right { display: flex; align-items: center; gap: 20px; }
.topic-pills { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.topic-pills a { padding: 7px 9px; border: 1px solid var(--mi-grey-200); color: var(--mi-grey-800); font-size: 9px; letter-spacing: .045em; text-transform: uppercase; }
.topic-pills span { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; margin-left: 7px; border-radius: 50%; background: var(--mi-black); color: var(--mi-white); }

/* People */
.people-showcase, .people-landing { background: var(--mi-cream); }
.people-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; padding-top: 30px; }
.person-card__media { display: block; overflow: hidden; aspect-ratio: .8 / 1; background: var(--mi-grey-100); }
.person-card__media img { width: 100%; height: 100%; object-fit: cover; transition: filter .3s ease, transform .4s ease; }
.person-card:hover img { transform: scale(1.015); }
.person-card h3, .person-card h2 { margin-top: 17px; font-size: clamp(37px, 3vw, 53px); line-height: .92; }
.person-card--gold h3, .person-card--gold h2 { color: var(--mi-gold-dark); }
.people-grid--landing { padding-top: 42px; }

/* Cover shelf */
.cover-shelf { overflow: hidden; background: var(--mi-cream); border-top: 1px solid var(--mi-grey-200); }
.cover-shelf__heading { display: grid; grid-template-columns: 1fr 2fr 1fr; align-items: end; padding-bottom: 18px; border-bottom: 1px solid var(--mi-grey-200); }
.cover-shelf__heading h2 { text-align: center; font-family: var(--mi-body); font-size: clamp(44px, 4.2vw, 72px); font-weight: 400; }
.cover-shelf__heading span, .cover-shelf__heading a { font-size: 10px; letter-spacing: .07em; text-transform: uppercase; }
.cover-shelf__heading a { text-align: right; color: var(--mi-gold-dark); }
.cover-shelf__layout { display: grid; grid-template-columns: 310px minmax(0,1fr); gap: 70px; padding-top: 38px; }
.cover-shelf__intro { align-self: center; }
.cover-shelf__intro h3 { font-size: 52px; line-height: .92; }
.cover-shelf__intro > p:not(.story-kicker) { margin-top: 22px; color: var(--mi-grey-800); font-size: 14px; line-height: 1.55; }
.cover-shelf__track { display: flex; gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 12px; }
.cover-shelf__track::-webkit-scrollbar { display: none; }
.cover-card { flex: 0 0 clamp(230px, 24vw, 390px); scroll-snap-align: start; }
.cover-card a { display: block; aspect-ratio: .75 / 1; overflow: hidden; border: 7px solid var(--mi-gold); background: var(--mi-grey-100); }
.cover-card img { width: 100%; height: 100%; object-fit: cover; }
.cover-controls { display: flex; justify-content: center; gap: 12px; padding-top: 20px; }
.cover-controls button { width: 42px; height: 42px; border: 1px solid var(--mi-grey-200); background: transparent; cursor: pointer; }

/* Magazine feature sections and category hero */
.magazine-section { border-top: 20px solid var(--mi-cream); }
.magazine-feature-grid { display: grid; grid-template-columns: minmax(220px,.78fr) minmax(500px,1.65fr) minmax(220px,.78fr); gap: 16px; align-items: start; padding-top: 32px; }
.feature-side-card { padding-top: 38px; }
.feature-side-card .story-card__media { aspect-ratio: 1 / 1; }
.feature-side-card .story-card__title { font-size: clamp(27px, 2.2vw, 39px); }
.feature-main-card { text-align: center; }
.feature-main-card .story-card__media { aspect-ratio: 1.48 / 1; }
.feature-main-card .story-card__body { max-width: 760px; margin-inline: auto; padding-inline: 20px; }
.feature-main-card .story-card__title { font-size: clamp(48px, 4.1vw, 72px); line-height: .9; }
.thumbnail-strip { display: grid; grid-template-columns: repeat(4,1fr); gap: 34px; margin-top: 44px; padding: 28px 0 0; border-top: 1px solid var(--mi-grey-200); }
.thumbnail-strip .compact-story { grid-template-columns: 100px 1fr; }
.thumbnail-strip .compact-story h3 { font-size: 21px; }

/* Category landing */
.category-landing { padding-top: 42px; }
.category-title-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; padding-bottom: 18px; border-bottom: 1px solid var(--mi-grey-200); }
.category-title-row h1 { font-family: var(--mi-body); font-size: clamp(52px, 5vw, 82px); line-height: .95; }
.category-dek { max-width: 680px; margin-top: 15px; color: var(--mi-grey-800); font-size: 14px; line-height: 1.55; }
.category-dek p { margin: 0; }
.category-feature-grid { padding-top: 34px; }
.more-stories { border-top: 20px solid var(--mi-cream); }
.archive-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 52px 24px; padding-top: 34px; }
.archive-grid--three { grid-template-columns: repeat(3,1fr); }
.archive-card .story-card__media { aspect-ratio: 1.45 / 1; }
.archive-card .story-card__title { font-size: 34px; }
.archive-card .story-card__excerpt { font-size: 13px; }
.pagination { margin-top: 56px; padding-top: 24px; border-top: 1px solid var(--mi-grey-200); }
.pagination ul { display: flex; gap: 7px; margin: 0; padding: 0; list-style: none; }
.pagination a, .pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 10px; border: 1px solid var(--mi-grey-200); font-size: 12px; }
.pagination .current { background: var(--mi-black); color: var(--mi-white); }
.generic-archive-header { padding-bottom: 25px; border-bottom: 1px solid var(--mi-grey-200); }
.generic-archive-header h1 { font-size: clamp(58px, 6vw, 92px); }

/* Voices and newsletter */
.voices-band { background: var(--mi-black); color: var(--mi-white); }
.section-title-row--dark { border-color: #3d3d3d; }
.voices-grid { display: grid; grid-template-columns: repeat(4,1fr); padding-top: 28px; }
.voices-grid article { min-height: 230px; padding: 0 28px 20px; border-right: 1px solid #3b3b3b; }
.voices-grid article:first-child { padding-left: 0; }
.voices-grid article:last-child { border-right: 0; }
.voices-grid h3 { font-size: 38px; line-height: .96; }
.voices-grid p:last-child { margin-top: 18px; color: #aaa; font-size: 11px; }
.newsletter-band { background: var(--mi-charcoal); color: var(--mi-white); }
.newsletter-band__grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 90px; align-items: center; }
.newsletter-band h2 { font-size: clamp(60px, 6vw, 96px); }
.newsletter-band p:not(.story-kicker) { max-width: 650px; margin-top: 22px; color: #c8c8c8; font-size: 15px; line-height: 1.55; }
.newsletter-widget input { width: 100%; min-height: 48px; margin-bottom: 10px; padding: 0 14px; border: 1px solid #555; background: transparent; color: var(--mi-white); }
.newsletter-widget input[type="submit"], .newsletter-widget button { width: auto; padding: 0 22px; border: 0; background: var(--mi-gold); color: var(--mi-black); text-transform: uppercase; }

/* Single article */
.article-header { padding-top: 68px; text-align: center; }
.article-header h1 { font-size: clamp(66px, 7vw, 112px); line-height: .89; }
.article-dek { max-width: 720px; margin: 26px auto 0; color: var(--mi-grey-800); font-size: 18px; line-height: 1.5; }
.article-meta { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px 22px; margin-top: 25px; color: var(--mi-grey-600); font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
.article-hero { margin-top: 44px; }
.article-hero img { width: 100%; max-height: 820px; object-fit: cover; }
.article-layout { display: grid; grid-template-columns: 80px minmax(0,790px) 1fr; gap: 34px; padding-top: 54px; }
.article-content { grid-column: 2; }
.article-share { position: sticky; top: 110px; align-self: start; display: grid; gap: 9px; }
.article-share a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid var(--mi-grey-200); border-radius: 50%; font-size: 12px; }
.entry-content { font-family: Georgia, "Times New Roman", serif; font-size: 20px; line-height: 1.75; }
.entry-content > * { max-width: 100%; }
.entry-content h2, .entry-content h3, .entry-content h4 { margin: 1.7em 0 .55em; }
.entry-content h2 { font-size: 48px; }
.entry-content h3 { font-size: 38px; }
.entry-content a { color: var(--mi-gold-dark); text-decoration: underline; text-underline-offset: 3px; }
.entry-content blockquote { margin: 2em 0; padding: 26px 0 26px 28px; border-left: 5px solid var(--mi-gold); font-family: var(--mi-heading); font-size: 36px; line-height: 1.05; }
.article-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 46px; padding-top: 22px; border-top: 1px solid var(--mi-grey-200); font-family: var(--mi-body); font-size: 10px; text-transform: uppercase; }
.article-tags span { margin-right: 10px; font-weight: 700; }
.article-tags a { padding: 6px 9px; border: 1px solid var(--mi-grey-200); color: var(--mi-grey-800); text-decoration: none; }
.author-box { display: grid; grid-template-columns: 96px 1fr; gap: 24px; margin-top: 62px; padding: 28px 0; border-top: 1px solid var(--mi-grey-200); border-bottom: 1px solid var(--mi-grey-200); }
.author-box img { border-radius: 50%; }
.author-box h2 { font-size: 36px; }
.author-box p:last-child { margin: 8px 0 0; color: var(--mi-grey-800); font-size: 13px; line-height: 1.5; }
.page-header h1, .error-page h1 { font-size: clamp(64px,7vw,104px); }
.error-page { min-height: 60vh; }

/* Search */
.search-form { display: flex; gap: 10px; max-width: 680px; margin-top: 28px; }
.search-form label { flex: 1; }
.search-field { width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid var(--mi-grey-400); }

/* Footer */
.site-footer { padding-top: 68px; background: var(--mi-black); color: var(--mi-white); }
.footer-grid { display: grid; grid-template-columns: 1.8fr repeat(3,1fr); gap: 55px; padding-bottom: 60px; }
.footer-brand .brand-logo img { width: min(420px,100%); max-height: 120px; }
.footer-brand p { max-width: 440px; margin-top: 20px; color: #aaa; font-size: 13px; line-height: 1.6; }
.site-footer h3 { margin-bottom: 20px; color: var(--mi-gold); font-family: var(--mi-body); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.site-footer ul { margin: 0; padding: 0; list-style: none; }
.site-footer li { margin-bottom: 12px; }
.site-footer a { color: #ddd; font-size: 12px; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 0; border-top: 1px solid #333; color: #858585; font-size: 10px; }
.footer-bottom p { margin: 0; }
.footer-bottom div { display: flex; gap: 20px; }

/* Responsive */
@media (max-width: 1180px) {
  :root { --mi-shell: min(100% - 44px, 1460px); }
  .masthead { grid-template-columns: 120px 1fr 210px; }
  .home-hero__grid, .magazine-feature-grid { grid-template-columns: .82fr 1.5fr .82fr; }
  .hero-side-card, .feature-side-card { padding-top: 20px; }
  .cover-shelf__layout { grid-template-columns: 260px minmax(0,1fr); gap: 40px; }
  .thumbnail-strip { gap: 18px; }
  .thumbnail-strip .compact-story { grid-template-columns: 86px 1fr; }
  .article-layout { grid-template-columns: 60px minmax(0,790px); }
  .article-content { grid-column: 2; }
}

@media (max-width: 920px) {
  .utility-bar, .primary-navigation, .masthead__actions { display: none; }
  .masthead { min-height: 90px; grid-template-columns: 55px 1fr 55px; }
  .masthead__logo .brand-logo img { width: min(68vw,450px); max-height: 66px; }
  .home-hero__grid { grid-template-columns: 1fr 1fr; }
  .hero-main-card { grid-column: 1 / -1; grid-row: 1; }
  .hero-side-card { padding-top: 0; }
  .headline-strip { grid-template-columns: 1fr 1fr; }
  .headline-strip .compact-story:nth-child(2) { border-right: 0; }
  .people-grid { grid-template-columns: 1fr 1fr; }
  .cover-shelf__heading { grid-template-columns: 1fr; gap: 10px; }
  .cover-shelf__heading h2, .cover-shelf__heading a { text-align: left; }
  .cover-shelf__layout { grid-template-columns: 1fr; }
  .cover-shelf__intro { max-width: 620px; }
  .magazine-feature-grid { grid-template-columns: 1fr 1fr; }
  .feature-main-card { grid-column: 1 / -1; grid-row: 1; }
  .thumbnail-strip { grid-template-columns: 1fr 1fr; }
  .archive-grid { grid-template-columns: 1fr 1fr; }
  .voices-grid { grid-template-columns: 1fr 1fr; }
  .voices-grid article:nth-child(2) { border-right: 0; }
  .voices-grid article { border-bottom: 1px solid #3b3b3b; padding: 22px; }
  .newsletter-band__grid { grid-template-columns: 1fr; gap: 36px; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .article-layout { grid-template-columns: 1fr; }
  .article-content { grid-column: 1; }
  .article-share { position: static; display: flex; }
}

@media (max-width: 640px) {
  :root { --mi-shell: min(100% - 28px, 1460px); }
  .section-pad { padding-block: 50px; }
  .home-hero { padding-top: 24px; }
  .home-hero__grid { display: block; }
  .hero-main-card { margin-bottom: 36px; }
  .hero-main-card__body { padding-inline: 0; }
  .hero-main-card h1 { font-size: 50px; }
  .hero-side-card { display: grid; grid-template-columns: 118px 1fr; gap: 14px; padding: 18px 0; border-top: 1px solid var(--mi-grey-200); }
  .hero-side-card .story-card__media { aspect-ratio: 1 / 1; }
  .hero-side-card .story-card__body { padding-top: 0; }
  .hero-side-card .story-card__title { font-size: 29px; }
  .hero-side-card .image-credit { display: none; }
  .headline-strip { grid-template-columns: 1fr; margin-top: 20px; }
  .headline-strip .compact-story, .headline-strip .compact-story:first-child, .headline-strip .compact-story:last-child { min-height: auto; padding: 18px 0; border-right: 0; border-bottom: 1px solid var(--mi-grey-200); }
  .section-title-row, .category-title-row { display: block; }
  .section-title-row h2 { font-size: 46px; }
  .section-title-row__right { display: block; margin-top: 18px; }
  .topic-pills { justify-content: flex-start; margin-top: 18px; }
  .section-all { display: inline-block; margin-top: 14px; }
  .people-grid { grid-template-columns: 1fr; }
  .person-card h3, .person-card h2 { font-size: 45px; }
  .cover-shelf__intro h3 { font-size: 45px; }
  .cover-card { flex-basis: 72vw; }
  .magazine-feature-grid { display: block; }
  .feature-main-card { margin-bottom: 34px; }
  .feature-main-card .story-card__body { padding-inline: 0; }
  .feature-main-card .story-card__title { font-size: 47px; }
  .feature-side-card { display: grid; grid-template-columns: 112px 1fr; gap: 14px; padding: 18px 0; border-top: 1px solid var(--mi-grey-200); }
  .feature-side-card .story-card__body { padding-top: 0; }
  .feature-side-card .story-card__title { font-size: 27px; }
  .feature-side-card .image-credit { display: none; }
  .thumbnail-strip { grid-template-columns: 1fr; margin-top: 20px; }
  .thumbnail-strip .compact-story { grid-template-columns: 90px 1fr; padding: 12px 0; border-bottom: 1px solid var(--mi-grey-200); }
  .archive-grid { grid-template-columns: 1fr; gap: 42px; }
  .voices-grid { grid-template-columns: 1fr; }
  .voices-grid article { padding: 22px 0; border-right: 0; }
  .newsletter-band h2 { font-size: 58px; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { align-items: flex-start; flex-direction: column; }
  .article-header { padding-top: 45px; text-align: left; }
  .article-header h1 { font-size: 61px; }
  .article-meta { justify-content: flex-start; }
  .entry-content { font-size: 18px; }
  .entry-content h2 { font-size: 38px; }
  .author-box { grid-template-columns: 72px 1fr; }
  .author-box img { width: 72px; height: 72px; }
  .search-form { display: block; }
  .search-form .button { margin-top: 10px; }
}

/* =========================================================
   Metropolitan Editorial v1.3 — navigation, bylines, covers
   ========================================================= */

/* Editorial header inspired by luxury print mastheads. */
.site-header {
  position: sticky;
  top: 0;
  z-index: 500;
  border-bottom: 0;
  box-shadow: 0 1px 0 rgba(0,0,0,.04);
}
.top-rule { height: 3px; }
.masthead {
  min-height: 104px;
  grid-template-columns: 1fr minmax(300px, 680px) 1fr;
  gap: 28px;
  transition: min-height .25s ease, background-color .25s ease;
}
.masthead__brief {
  justify-self: start;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.masthead__brief a { color: var(--mi-grey-800); }
.masthead__logo { justify-self: center; width: 100%; }
.masthead__logo .brand-logo img { width: min(560px, 45vw); max-height: 76px; }
.masthead__actions {
  justify-self: end;
  gap: 28px;
  font-size: 11px;
  letter-spacing: .12em;
}
.menu-toggle,
.mobile-search-toggle { display: none; }
.site-header.is-scrolled .masthead { min-height: 76px; }
.site-header.is-scrolled .masthead__logo .brand-logo img { max-height: 54px; }

.primary-navigation { border-top: 1px solid var(--mi-grey-200); }
.primary-navigation__inner { position: relative; min-height: 61px; }
.primary-navigation__menu { display: flex; justify-content: center; align-items: stretch; min-height: 61px; }
.primary-navigation .editorial-menu,
.primary-navigation .fallback-menu {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: clamp(24px, 3vw, 52px);
  min-height: 61px;
  margin: 0;
  padding: 0 112px;
  list-style: none;
}
.primary-navigation .editorial-menu > li,
.primary-navigation .fallback-menu > li { position: relative; display: flex; align-items: center; }
.primary-navigation .editorial-menu > li > a,
.primary-navigation .fallback-menu > li > a {
  display: inline-flex;
  align-items: center;
  min-height: 61px;
  color: var(--mi-black);
  font-size: 14px;
  letter-spacing: .055em;
  text-transform: uppercase;
  white-space: nowrap;
}
.primary-navigation .menu-item-has-children > a::after {
  content: "";
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
}
.primary-navigation .sub-menu {
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  z-index: 20;
  display: block;
  min-width: 240px;
  min-height: 0;
  margin: 0;
  padding: 15px 0;
  border: 1px solid var(--mi-grey-200);
  background: var(--mi-white);
  box-shadow: 0 18px 45px rgba(0,0,0,.12);
  list-style: none;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 10px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.primary-navigation .sub-menu li { display: block; }
.primary-navigation .sub-menu a {
  display: block;
  padding: 11px 20px;
  color: var(--mi-black);
  font-size: 11px;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.primary-navigation .menu-item-has-children:hover > .sub-menu,
.primary-navigation .menu-item-has-children:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}
.primary-navigation__tools {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  gap: 24px;
  height: 61px;
  padding-left: 22px;
  background: var(--mi-white);
}
.theme-toggle,
.desktop-search-toggle,
.mobile-search-toggle {
  width: 34px;
  height: 34px;
  padding: 5px;
  border: 0;
  background: transparent;
  color: var(--mi-black);
  cursor: pointer;
}
.theme-toggle svg,
.desktop-search-toggle svg,
.mobile-search-toggle svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}
.theme-toggle .moon-icon { fill: currentColor; stroke: none; }
.mobile-topic-strip { display: none; }

.header-search {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 30;
  padding: 18px 0;
  border-top: 1px solid var(--mi-grey-200);
  border-bottom: 1px solid var(--mi-grey-200);
  background: var(--mi-white);
  box-shadow: 0 16px 35px rgba(0,0,0,.1);
}
.header-search__inner { display: flex; align-items: center; gap: 16px; }
.header-search .search-form { flex: 1; max-width: none; margin: 0; }
.header-search__close { width: 44px; height: 44px; border: 0; background: transparent; font-size: 32px; cursor: pointer; }

/* Premium author signature. */
.author-signature {
  display: flex;
  align-items: baseline;
  justify-content: inherit;
  gap: 9px;
  margin: 18px 0 0;
  color: var(--mi-black);
  line-height: 1;
}
.author-signature__by {
  font-family: var(--mi-heading);
  font-size: 23px;
  font-style: italic;
  text-transform: none;
}
.author-signature__name {
  font-family: var(--mi-body);
  font-size: 18px;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.author-signature--hero { justify-content: center; margin-top: 24px; }
.author-signature--small { gap: 6px; margin-top: 15px; }
.author-signature--small .author-signature__by { font-size: 15px; }
.author-signature--small .author-signature__name { font-size: 10px; letter-spacing: .12em; }
.author-signature--tiny { gap: 5px; margin-top: 9px; }
.author-signature--tiny .author-signature__by { font-size: 13px; }
.author-signature--tiny .author-signature__name { font-size: 9px; letter-spacing: .1em; }
.author-signature--article { justify-content: center; margin-top: 32px; }
.author-signature--article .author-signature__by { font-size: 29px; }
.author-signature--article .author-signature__name { font-size: 22px; letter-spacing: .18em; }
.author-signature--inverse,
.author-signature--inverse a { color: var(--mi-white); }
.story-date { margin: 8px 0 0; color: var(--mi-grey-600); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.article-author-line { display: flex; justify-content: center; }
.article-meta { margin-top: 17px; }

/* Reordered desktop grids keep the lead story first in the DOM for mobile. */
.home-hero__grid { grid-template-areas: "left main right"; }
.hero-main-card { grid-area: main; }
.hero-side-card--left { grid-area: left; }
.hero-side-card--right { grid-area: right; }
.magazine-feature-grid { grid-template-areas: "left main right"; }
.feature-main-card { grid-area: main; }
.feature-side-card--left { grid-area: left; }
.feature-side-card--right { grid-area: right; }

/* Latest Covers powered by DearFlip or cover-story posts. */
.cover-shelf__eyebrow { text-align: left !important; }
.cover-card a { border-width: 5px; }
.cover-card.is-current a { box-shadow: 0 0 0 2px var(--mi-black); }
.cover-card__caption { display: none; margin-top: 14px; font-size: 27px; line-height: .95; }
.cover-card__placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 26px;
  background: var(--mi-black);
  color: var(--mi-white);
  text-align: center;
}
.cover-card__placeholder > span { color: var(--mi-gold); font-family: var(--mi-heading); font-size: 108px; line-height: .8; }
.cover-card__placeholder strong { margin-top: 28px; font-family: var(--mi-heading); font-size: 29px; font-weight: 400; line-height: .95; }
.cover-controls { align-items: center; }
.cover-progress { width: min(480px, 42vw); height: 1px; background: var(--mi-grey-400); }
.magazine-archive__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 52px 20px; padding-top: 40px; }
.magazine-archive__media { display: block; aspect-ratio: .75 / 1; overflow: hidden; border: 5px solid var(--mi-gold); background: var(--mi-grey-100); }
.magazine-archive__media img { width: 100%; height: 100%; object-fit: cover; }
.magazine-archive__card h2 { margin-top: 16px; font-size: 34px; line-height: .95; }

/* Body copy follows the requested Sweet Sans Pro family. */
.entry-content { font-family: var(--mi-body); font-size: 19px; line-height: 1.72; }
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 { font-family: var(--mi-heading); }

/* Restrained black mode activated from the moon button. */
html[data-theme="dark"] body { background: #101010; color: #f8f8f8; }
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .masthead,
html[data-theme="dark"] .primary-navigation,
html[data-theme="dark"] .primary-navigation__tools,
html[data-theme="dark"] .header-search,
html[data-theme="dark"] .people-showcase,
html[data-theme="dark"] .people-landing,
html[data-theme="dark"] .cover-shelf,
html[data-theme="dark"] .magazine-section { background: #101010; color: #f8f8f8; }
html[data-theme="dark"] .primary-navigation .sub-menu { background: #161616; border-color: #3a3a3a; }
html[data-theme="dark"] .primary-navigation a,
html[data-theme="dark"] .masthead__brief a,
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .desktop-search-toggle,
html[data-theme="dark"] .mobile-search-toggle,
html[data-theme="dark"] .author-signature,
html[data-theme="dark"] .author-signature a { color: #f8f8f8; }
html[data-theme="dark"] .masthead,
html[data-theme="dark"] .primary-navigation,
html[data-theme="dark"] .header-search,
html[data-theme="dark"] .section-title-row,
html[data-theme="dark"] .headline-strip,
html[data-theme="dark"] .category-title-row { border-color: #383838; }
html[data-theme="dark"] .story-kicker,
html[data-theme="dark"] .hero-dek,
html[data-theme="dark"] .story-card__excerpt,
html[data-theme="dark"] .image-credit,
html[data-theme="dark"] .article-dek,
html[data-theme="dark"] .article-meta { color: #b8b8b8; }
html[data-theme="dark"] .brand-logo--dark img { filter: invert(1); }

@media (max-width: 1180px) {
  .primary-navigation .editorial-menu,
  .primary-navigation .fallback-menu { gap: 24px; padding-inline: 90px; }
  .primary-navigation .editorial-menu > li > a,
  .primary-navigation .fallback-menu > li > a { font-size: 12px; }
  .magazine-archive__grid { grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 920px) {
  .site-header { position: sticky; top: 0; }
  .masthead {
    min-height: 66px;
    grid-template-columns: 48px 1fr 48px;
    gap: 8px;
    border-bottom: 1px solid var(--mi-grey-200);
  }
  .site-header.is-scrolled .masthead { min-height: 62px; }
  .masthead__brief,
  .masthead__actions,
  .primary-navigation { display: none; }
  .menu-toggle,
  .mobile-search-toggle { display: block; }
  .menu-toggle { width: 40px; height: 40px; padding: 8px 6px; }
  .menu-toggle span:not(.screen-reader-text) { width: 24px; margin: 5px 0; }
  .mobile-search-toggle { justify-self: end; }
  .masthead__logo .brand-logo img,
  .site-header.is-scrolled .masthead__logo .brand-logo img { width: min(55vw, 300px); max-height: 48px; }
  .mobile-topic-strip {
    display: block;
    overflow-x: auto;
    border-bottom: 1px solid var(--mi-grey-200);
    background: var(--mi-white);
    scrollbar-width: none;
  }
  .mobile-topic-strip::-webkit-scrollbar { display: none; }
  .mobile-topic-strip .mobile-topic-list,
  .mobile-topic-strip .fallback-menu {
    display: flex;
    align-items: center;
    width: max-content;
    min-width: 100%;
    min-height: 43px;
    margin: 0;
    padding: 0 14px;
    list-style: none;
  }
  .mobile-topic-strip li { flex: 0 0 auto; }
  .mobile-topic-strip a {
    display: block;
    padding: 14px 15px 12px;
    color: #75645b;
    font-size: 10px;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .mobile-topic-strip li:first-child a { color: var(--mi-gold-dark); }
  html[data-theme="dark"] .mobile-topic-strip { background: #101010; border-color: #383838; }
  html[data-theme="dark"] .mobile-topic-strip a { color: #ccc; }
  .mobile-navigation .sub-menu { margin: 0 0 10px 20px; }
  .mobile-navigation .sub-menu a { padding: 10px 0; font-family: var(--mi-body); font-size: 14px; letter-spacing: .08em; text-transform: uppercase; }
  .header-search { position: fixed; top: 66px; }
  .home-hero__grid { grid-template-areas: "main main" "left right"; }
  .magazine-feature-grid { grid-template-areas: "main main" "left right"; }
  .magazine-archive__grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 640px) {
  .home-hero { padding-top: 20px; }
  .home-hero__grid {
    display: flex;
    flex-direction: column;
  }
  .hero-main-card { order: 1; margin-bottom: 24px; }
  .hero-side-card--left { order: 2; }
  .hero-side-card--right { order: 3; }
  .hero-main-card__media { aspect-ratio: 1.06 / 1; }
  .hero-main-card__body { padding-top: 20px; text-align: center; }
  .hero-main-card h1 { font-size: 45px; line-height: .92; }
  .hero-dek { margin-top: 14px; font-size: 13px; line-height: 1.45; }
  .author-signature--hero { margin-top: 18px; }
  .hero-side-card {
    grid-template-columns: 42% 1fr;
    gap: 14px;
    padding: 18px 0;
  }
  .hero-side-card .story-card__title { font-size: 27px; }
  .headline-strip { border-bottom: 0; }
  .headline-strip .compact-story h3 { font-size: 27px; }

  .magazine-feature-grid {
    display: flex;
    flex-direction: column;
  }
  .feature-main-card { order: 1; }
  .feature-side-card--left { order: 2; }
  .feature-side-card--right { order: 3; }
  .feature-main-card .story-card__media { aspect-ratio: 1.08 / 1; }

  .cover-shelf { padding-top: 44px; }
  .cover-shelf__heading {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px 15px;
    align-items: center;
  }
  .cover-shelf__heading h2 {
    grid-column: 1 / -1;
    grid-row: 1;
    text-align: left;
    font-size: 45px;
  }
  .cover-shelf__heading span,
  .cover-shelf__heading a { font-size: 8px; }
  .cover-shelf__heading > a:last-child { text-align: right; }
  .cover-shelf__layout { display: block; padding-top: 25px; }
  .cover-shelf__intro { display: none; }
  .cover-shelf__track { gap: 10px; margin-inline: -14px; padding: 0 14px 16px; }
  .cover-card { flex: 0 0 min(78vw, 330px); }
  .cover-card a { border-width: 4px; }
  .cover-card__caption { display: block; }
  .cover-controls { justify-content: space-between; padding-top: 10px; }
  .cover-progress { flex: 1; width: auto; }

  .people-grid { gap: 38px; }
  .person-card__media { aspect-ratio: .82 / 1; }
  .person-card h3, .person-card h2 { margin-top: 14px; font-size: 43px; }

  .author-signature--article { justify-content: center; }
  .author-signature--article .author-signature__by { font-size: 25px; }
  .author-signature--article .author-signature__name { font-size: 17px; letter-spacing: .14em; }
  .article-header { text-align: center; }
  .article-meta { justify-content: center; }
  .entry-content { font-size: 17px; line-height: 1.7; }

  .magazine-archive__grid { grid-template-columns: 1fr 1fr; gap: 34px 12px; }
  .magazine-archive__media { border-width: 3px; }
  .magazine-archive__card h2 { font-size: 25px; }
}

@media (max-width: 420px) {
  .masthead__logo .brand-logo img { width: min(58vw, 230px); }
  .mobile-topic-strip a { padding-inline: 12px; }
  .hero-main-card h1 { font-size: 41px; }
  .hero-side-card { grid-template-columns: 112px 1fr; }
  .hero-side-card .story-card__title { font-size: 25px; }
  .magazine-archive__grid { grid-template-columns: 1fr; }
}

/* =========================================================
   Metropolitan Editorial v1.4 — premium long-form article
   ========================================================= */
.single-main--editorial { overflow: clip; }
.single-article--luxury { padding-bottom: 20px; }

.luxury-article-header {
  padding-top: clamp(56px, 7vw, 112px);
  padding-bottom: clamp(34px, 4vw, 60px);
}
.luxury-article-header__copy {
  width: min(1220px, 100%);
}
.luxury-article-kicker {
  margin-bottom: 22px;
  color: var(--mi-gold-dark);
  font-size: 12px;
  letter-spacing: .13em;
}
.luxury-article-title {
  max-width: 1260px;
  font-size: clamp(62px, 7.35vw, 118px);
  line-height: .87;
  text-wrap: balance;
}
.luxury-article-dek {
  max-width: 900px;
  margin: 30px 0 0;
  color: var(--mi-grey-800);
  font-size: clamp(18px, 1.55vw, 24px);
  line-height: 1.48;
  text-wrap: pretty;
}

.luxury-article-hero { margin-top: 0; }
.luxury-article-hero__image {
  overflow: hidden;
  background: var(--mi-grey-100);
}
.luxury-article-hero__image img {
  width: 100%;
  max-height: none;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.luxury-article-hero__caption {
  max-width: 1050px;
  margin-top: 9px;
  color: var(--mi-grey-600);
  font-size: 10px;
  font-style: italic;
  line-height: 1.35;
}

.luxury-article-identity {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 44px;
  align-items: center;
  padding-top: 26px;
  padding-bottom: 26px;
}
.luxury-article-author {
  display: flex;
  align-items: center;
  gap: 17px;
  min-width: 0;
}
.luxury-article-author__avatar {
  flex: 0 0 auto;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  object-fit: cover;
}
.author-signature--luxury {
  justify-content: flex-start;
  gap: 7px;
  margin: 0;
}
.author-signature--luxury .author-signature__by { font-size: 22px; }
.author-signature--luxury .author-signature__name {
  font-size: 14px;
  letter-spacing: .14em;
}
.luxury-article-author__role {
  max-width: 580px;
  margin: 7px 0 0;
  overflow: hidden;
  color: var(--mi-grey-600);
  font-size: 11px;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.luxury-article-dates {
  display: flex;
  align-items: center;
  gap: 38px;
  color: var(--mi-black);
}
.luxury-article-dates p {
  margin: 0;
  font-size: 11px;
  letter-spacing: .045em;
  text-transform: uppercase;
  white-space: nowrap;
}
.luxury-article-dates span {
  display: block;
  margin-bottom: 6px;
  color: var(--mi-grey-600);
  font-size: 9px;
  letter-spacing: .11em;
}
.luxury-article-rule { height: 1px; background: var(--mi-grey-200); }

.luxury-article-layout {
  display: grid;
  grid-template-columns: 62px minmax(0, 780px) minmax(240px, 1fr);
  gap: clamp(28px, 4vw, 72px);
  align-items: start;
  padding-top: clamp(45px, 6vw, 86px);
}
.luxury-share-rail {
  position: sticky;
  top: 154px;
  display: grid;
  justify-items: center;
  gap: 10px;
}
.luxury-share-rail p {
  margin: 0 0 4px;
  color: var(--mi-grey-600);
  font-size: 8px;
  letter-spacing: .12em;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
.luxury-share-rail a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid var(--mi-grey-200);
  border-radius: 50%;
  font-size: 9px;
  letter-spacing: .02em;
  text-transform: uppercase;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.luxury-share-rail a:hover {
  border-color: var(--mi-gold);
  background: var(--mi-gold);
  color: var(--mi-black);
}

.luxury-article-content {
  width: 100%;
  min-width: 0;
  font-family: var(--mi-body);
  font-size: 19px;
  line-height: 1.82;
}
.luxury-article-content > p:first-of-type {
  color: var(--mi-charcoal);
  font-size: 22px;
  line-height: 1.72;
}
.luxury-article-content > p:first-of-type::first-letter {
  float: left;
  margin: .06em .11em 0 0;
  color: var(--mi-gold-dark);
  font-family: var(--mi-heading);
  font-size: 4.35em;
  line-height: .72;
}
.luxury-article-content p { margin-bottom: 1.5em; }
.luxury-article-content h2,
.luxury-article-content h3,
.luxury-article-content h4,
.luxury-article-content h5,
.luxury-article-content h6 {
  scroll-margin-top: 150px;
  text-wrap: balance;
}
.luxury-article-content h2 {
  margin: 2.15em 0 .55em;
  padding-top: .52em;
  border-top: 1px solid var(--mi-grey-200);
  font-size: clamp(38px, 4.2vw, 58px);
  line-height: .98;
}
.luxury-article-content h3 {
  margin: 1.8em 0 .55em;
  font-size: clamp(32px, 3.1vw, 44px);
  line-height: 1;
}
.luxury-article-content h4 {
  margin: 1.65em 0 .55em;
  font-size: 30px;
  line-height: 1.04;
}
.luxury-article-content strong { font-weight: 600; }
.luxury-article-content blockquote {
  margin: 2.2em -38px;
  padding: 35px 38px 35px 42px;
  border: 0;
  border-left: 6px solid var(--mi-gold);
  background: var(--mi-cream);
  color: var(--mi-black);
  font-family: var(--mi-heading);
  font-size: clamp(35px, 3.65vw, 52px);
  line-height: 1.02;
}
.luxury-article-content blockquote p:last-child { margin-bottom: 0; }
.luxury-article-content figure,
.luxury-article-content .wp-block-image,
.luxury-article-content .wp-block-gallery {
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}
.luxury-article-content figcaption,
.luxury-article-content .wp-element-caption {
  margin-top: 8px;
  color: var(--mi-grey-600);
  font-size: 10px;
  font-style: italic;
  line-height: 1.35;
  text-align: left;
}
.luxury-article-content ul,
.luxury-article-content ol { padding-left: 1.25em; }
.luxury-article-content li { margin-bottom: .7em; }
.luxury-article-content .wp-block-separator {
  margin-block: 3em;
  border-color: var(--mi-gold);
}

.luxury-article-aside {
  position: sticky;
  top: 142px;
  align-self: start;
  padding-left: clamp(24px, 3vw, 48px);
  border-left: 1px solid var(--mi-grey-200);
}
.luxury-article-aside__inner { max-width: 330px; }
.luxury-article-aside h2 {
  font-size: clamp(34px, 3vw, 48px);
  line-height: .96;
}
.luxury-article-aside p:not(.story-kicker) {
  margin: 20px 0 24px;
  color: var(--mi-grey-600);
  font-size: 13px;
  line-height: 1.55;
}

.article-tags--luxury { margin-top: 58px; }
.luxury-author-box {
  display: grid;
  grid-template-columns: 96px 1fr;
  gap: 26px;
  margin-top: clamp(65px, 8vw, 110px);
  padding: 34px 0;
  border-top: 1px solid var(--mi-grey-200);
  border-bottom: 1px solid var(--mi-grey-200);
}
.luxury-author-box img { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; }
.luxury-author-box h2 { font-size: 42px; line-height: .96; }
.luxury-author-box p:last-child { margin: 11px 0 0; color: var(--mi-grey-600); font-size: 13px; line-height: 1.55; }

.luxury-related { padding-top: 92px; }
.luxury-related__heading { align-items: flex-start; }
.luxury-related__heading h2 { font-family: var(--mi-heading); font-size: clamp(54px, 5vw, 76px); }
.luxury-related__grid { margin-top: 34px; }
.archive-grid--four { grid-template-columns: repeat(4, 1fr); }

html[data-theme="dark"] .luxury-article-dek,
html[data-theme="dark"] .luxury-article-author__role,
html[data-theme="dark"] .luxury-article-dates span,
html[data-theme="dark"] .luxury-article-hero__caption,
html[data-theme="dark"] .luxury-share-rail p,
html[data-theme="dark"] .luxury-article-aside p:not(.story-kicker) { color: #b8b8b8; }
html[data-theme="dark"] .luxury-article-rule,
html[data-theme="dark"] .luxury-article-content h2,
html[data-theme="dark"] .luxury-article-aside,
html[data-theme="dark"] .luxury-share-rail a,
html[data-theme="dark"] .luxury-author-box { border-color: #383838; }
html[data-theme="dark"] .luxury-article-content > p:first-of-type { color: #ececec; }
html[data-theme="dark"] .luxury-article-content blockquote { background: #181818; color: #fff; }

@media (max-width: 1180px) {
  .luxury-article-layout { grid-template-columns: 52px minmax(0, 760px) minmax(210px, 1fr); gap: 34px; }
  .luxury-article-aside { padding-left: 28px; }
  .archive-grid--four { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 920px) {
  .luxury-article-header { padding-top: 48px; }
  .luxury-article-title { font-size: clamp(56px, 10vw, 88px); }
  .luxury-article-identity { grid-template-columns: 1fr; gap: 23px; }
  .luxury-article-dates { justify-content: flex-start; }
  .luxury-article-layout { grid-template-columns: 1fr; padding-top: 48px; }
  .luxury-share-rail {
    position: static;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-row: 1;
  }
  .luxury-share-rail p {
    margin: 0 7px 0 0;
    writing-mode: initial;
    transform: none;
  }
  .luxury-article-content { grid-row: 2; max-width: 780px; }
  .luxury-article-aside { position: static; grid-row: 3; padding: 32px 0 0; border-left: 0; border-top: 1px solid var(--mi-grey-200); }
  .luxury-article-aside__inner { max-width: 620px; }
}

@media (max-width: 640px) {
  .luxury-article-header { padding-top: 34px; padding-bottom: 26px; }
  .luxury-article-kicker { margin-bottom: 15px; font-size: 10px; }
  .luxury-article-title { font-size: clamp(48px, 14vw, 65px); line-height: .9; }
  .luxury-article-dek { margin-top: 20px; font-size: 17px; line-height: 1.48; }
  .luxury-article-hero { width: 100%; }
  .luxury-article-hero__image img { aspect-ratio: 1 / .82; }
  .luxury-article-hero__caption { width: calc(100% - 28px); margin: 7px auto 0; }
  .luxury-article-identity { padding-top: 20px; padding-bottom: 20px; }
  .luxury-article-author__avatar { width: 48px; height: 48px; }
  .author-signature--luxury .author-signature__by { font-size: 19px; }
  .author-signature--luxury .author-signature__name { font-size: 12px; letter-spacing: .11em; }
  .luxury-article-author__role { max-width: 240px; }
  .luxury-article-dates { gap: 25px; }
  .luxury-article-layout { padding-top: 34px; }
  .luxury-share-rail a { width: 36px; height: 36px; }
  .luxury-article-content { font-size: 17px; line-height: 1.76; }
  .luxury-article-content > p:first-of-type { font-size: 19px; line-height: 1.68; }
  .luxury-article-content h2 { font-size: 38px; }
  .luxury-article-content h3 { font-size: 32px; }
  .luxury-article-content blockquote { margin-inline: 0; padding: 28px 22px 28px 26px; font-size: 34px; }
  .luxury-author-box { grid-template-columns: 72px 1fr; gap: 18px; margin-top: 62px; }
  .luxury-author-box img { width: 72px; height: 72px; }
  .luxury-author-box h2 { font-size: 34px; }
  .luxury-related { padding-top: 66px; }
  .archive-grid--four { grid-template-columns: 1fr; }
}

/* =========================================================
   Metropolitan Editorial v1.5 — refined luxury article system
   ========================================================= */

/* Keep only the navigation bar visible after scrolling, rather than a compressed logo. */
.site-header { position: sticky; top: 0; }
.admin-bar .site-header { top: 32px; }
.site-header .top-rule,
.site-header .masthead { transition: height .24s ease, min-height .24s ease, opacity .18s ease, border-color .18s ease; }
.site-header.is-scrolled .top-rule { height: 0; }
.site-header.is-scrolled .masthead {
  min-height: 0;
  height: 0;
  overflow: hidden;
  border-bottom-color: transparent;
  opacity: 0;
}
.site-header.is-scrolled .primary-navigation { box-shadow: 0 4px 18px rgba(0,0,0,.06); }

/* Long editorial menus remain usable instead of being cropped off-screen. */
.primary-navigation__inner { width: min(1420px, calc(100vw - 40px)); }
.primary-navigation__menu {
  justify-content: flex-start;
  overflow-x: auto;
  overflow-y: visible;
  padding-right: 96px;
  scrollbar-width: none;
}
.primary-navigation__menu::-webkit-scrollbar { display: none; }
.primary-navigation .editorial-menu,
.primary-navigation .fallback-menu {
  flex: 0 0 auto;
  width: max-content;
  min-width: min-content;
  margin-inline: auto;
  padding: 0;
  gap: clamp(16px, 1.65vw, 30px);
}
.primary-navigation .editorial-menu > li > a,
.primary-navigation .fallback-menu > li > a {
  font-size: clamp(10px, .79vw, 12px);
  letter-spacing: .045em;
}
.primary-navigation .menu-item-has-children > a::after { margin-left: 7px; }

.rr-article-shell {
  width: min(1180px, calc(100vw - 72px));
  margin-inline: auto;
}
.rr-article-top-ad {
  display: flex;
  justify-content: center;
  padding-top: 28px;
  padding-bottom: 56px;
  text-align: center;
}
.rr-article-top-ad img,
.rr-article-top-ad iframe { max-width: 100%; }
.rr-article-header {
  padding-top: clamp(58px, 6vw, 92px);
  padding-bottom: clamp(30px, 3.6vw, 48px);
}
.rr-article-kicker {
  margin-bottom: 17px;
  color: var(--mi-black);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .14em;
}
.rr-article-title {
  max-width: 1160px;
  font-size: clamp(49px, 4.65vw, 72px);
  line-height: 1.03;
  letter-spacing: -.012em;
  text-wrap: balance;
}
.rr-article-dek {
  max-width: 1110px;
  margin: 17px 0 0;
  color: var(--mi-grey-800);
  font-size: clamp(18px, 1.55vw, 23px);
  line-height: 1.55;
  text-wrap: pretty;
}
.rr-article-grid {
  display: grid;
  grid-template-columns: minmax(0, 790px) minmax(280px, 350px);
  gap: clamp(42px, 5vw, 72px);
  align-items: start;
}
.rr-article-main-column { min-width: 0; }
.rr-article-hero { margin: 0; }
.rr-article-hero__image {
  overflow: hidden;
  background: var(--mi-grey-100);
}
.rr-article-hero__image img {
  width: 100%;
  height: auto;
  max-height: 650px;
  object-fit: cover;
}
.rr-article-hero__caption {
  margin-top: 9px;
  color: var(--mi-grey-600);
  font-size: 10px;
  line-height: 1.45;
}
.rr-article-byline-block { padding-top: 28px; }
.rr-article-byline {
  margin: 0;
  font-size: 17px;
  line-height: 1.35;
}
.rr-article-byline span {
  margin-right: 4px;
  font-family: var(--mi-heading);
  font-size: 21px;
  font-style: italic;
}
.rr-article-byline a {
  font-weight: 600;
  letter-spacing: .02em;
}
.rr-article-updated {
  margin: 7px 0 0;
  color: var(--mi-grey-600);
  font-size: 13px;
  line-height: 1.45;
}
.rr-article-updated span { margin-inline: 7px; }
.rr-share-row {
  display: flex;
  gap: 9px;
  margin-top: 25px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--mi-grey-200);
}
.rr-share-row a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--mi-black);
  border-radius: 50%;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.rr-share-row a:hover {
  border-color: var(--mi-gold);
  background: var(--mi-gold);
  color: var(--mi-black);
}
.rr-article-content {
  padding-top: 37px;
  font-family: var(--mi-body);
  font-size: 18px;
  line-height: 1.72;
}
.rr-article-content p { margin-bottom: 1.55em; }
.rr-article-content > p:first-of-type {
  color: var(--mi-black);
  font-size: 19px;
  line-height: 1.68;
}
.rr-article-content > p:first-of-type::first-letter { float: none; margin: 0; color: inherit; font: inherit; }
.rr-article-content h2,
.rr-article-content h3,
.rr-article-content h4,
.rr-article-content h5,
.rr-article-content h6 {
  border: 0;
  padding: 0;
  text-wrap: balance;
  scroll-margin-top: 92px;
}
.rr-article-content h2 {
  margin: 1.65em 0 .65em;
  font-size: clamp(29px, 2.45vw, 36px);
  font-weight: 400;
  line-height: 1.13;
}
.rr-article-content h3 {
  margin: 1.5em 0 .6em;
  font-size: clamp(25px, 2.1vw, 31px);
  line-height: 1.14;
}
.rr-article-content h4 { margin: 1.45em 0 .55em; font-size: 25px; line-height: 1.18; }
.rr-article-content strong { font-weight: 600; }
.rr-article-content blockquote {
  margin: 2em 0;
  padding: 28px 30px;
  border-left: 4px solid var(--mi-gold);
  background: var(--mi-cream);
  font-family: var(--mi-heading);
  font-size: clamp(29px, 3vw, 42px);
  line-height: 1.08;
}
.rr-article-content figure,
.rr-article-content .wp-block-image,
.rr-article-content .wp-block-gallery { margin-block: 2.1em; }
.rr-article-content img { width: auto; max-width: 100%; }
.rr-article-content figcaption,
.rr-article-content .wp-element-caption {
  color: var(--mi-grey-600);
  font-size: 10px;
  line-height: 1.45;
  text-align: left;
}
.article-tags--rr { margin-top: 50px; }

.rr-article-sidebar { min-width: 0; border-left: 1px solid var(--mi-grey-200); padding-left: clamp(30px, 3.2vw, 48px); }
.rr-article-sidebar__sticky { position: sticky; top: 92px; }
.rr-sidebar-widget-area { margin-bottom: 48px; }
.article-sidebar-widget img,
.article-sidebar-widget iframe { max-width: 100%; }
.rr-sidebar-label {
  margin: 0 0 12px;
  color: var(--mi-gold-dark);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.rr-sidebar-cover { margin-bottom: 58px; text-align: center; }
.rr-sidebar-cover__media { display: block; max-width: 260px; margin-inline: auto; }
.rr-sidebar-cover__media img { width: 100%; max-height: 360px; object-fit: contain; }
.rr-cover-placeholder {
  display: grid;
  place-items: center;
  aspect-ratio: .75 / 1;
  border: 1px solid var(--mi-gold);
  background: var(--mi-black);
  color: var(--mi-gold);
}
.rr-cover-placeholder span { font-family: var(--mi-heading); font-size: 110px; }
.rr-sidebar-cover h2 {
  margin-top: 18px;
  font-size: 30px;
  line-height: 1.03;
}
.rr-sidebar-action {
  display: inline-block;
  margin-top: 18px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--mi-gold-dark);
  color: var(--mi-gold-dark);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.rr-sidebar-stories { margin-bottom: 52px; }
.rr-sidebar-heading {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 14px;
  align-items: center;
  margin-bottom: 24px;
}
.rr-sidebar-heading span { height: 1px; background: var(--mi-grey-400); }
.rr-sidebar-heading h2 {
  font-family: var(--mi-body);
  font-size: 19px;
  font-weight: 600;
  letter-spacing: .07em;
  line-height: 1;
  text-transform: uppercase;
}
.rr-sidebar-story { margin-bottom: 30px; }
.rr-sidebar-story__media {
  display: block;
  overflow: hidden;
  aspect-ratio: 1.5 / 1;
  background: var(--mi-grey-100);
}
.rr-sidebar-story__media img { width: 100%; height: 100%; object-fit: cover; }
.rr-sidebar-story h3 {
  margin-top: 10px;
  font-size: 27px;
  line-height: 1.02;
  text-align: center;
}
.rr-sidebar-brief {
  padding: 28px;
  background: var(--mi-black);
  color: var(--mi-white);
}
.rr-sidebar-brief h2 { font-size: 39px; line-height: .98; }
.rr-sidebar-brief .button { margin-top: 24px; }
.rr-author-box {
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: 24px;
  margin-top: 78px;
  padding: 32px 0;
  border-top: 1px solid var(--mi-grey-200);
  border-bottom: 1px solid var(--mi-grey-200);
}
.rr-author-box img { width: 88px; height: 88px; border-radius: 50%; object-fit: cover; }
.rr-author-box h2 { font-size: 35px; }
.rr-author-box p:last-child { max-width: 720px; margin: 9px 0 0; color: var(--mi-grey-600); font-size: 13px; line-height: 1.55; }

html[data-theme="dark"] .rr-article-dek,
html[data-theme="dark"] .rr-article-updated,
html[data-theme="dark"] .rr-article-hero__caption,
html[data-theme="dark"] .rr-author-box p:last-child { color: #b8b8b8; }
html[data-theme="dark"] .rr-article-sidebar,
html[data-theme="dark"] .rr-share-row,
html[data-theme="dark"] .rr-author-box { border-color: #3a3a3a; }
html[data-theme="dark"] .rr-share-row a { border-color: #eee; }
html[data-theme="dark"] .rr-article-content > p:first-of-type { color: #f1f1f1; }

@media (max-width: 1100px) {
  .rr-article-grid { grid-template-columns: minmax(0, 720px) minmax(250px, 310px); gap: 38px; }
  .rr-article-sidebar { padding-left: 30px; }
  .rr-sidebar-story h3 { font-size: 24px; }
}

@media (max-width: 900px) {
  .admin-bar .site-header { top: 46px; }
  .rr-article-shell { width: min(760px, calc(100vw - 44px)); }
  .rr-article-grid { grid-template-columns: 1fr; }
  .rr-article-sidebar { margin-top: 64px; padding: 0; border-left: 0; border-top: 1px solid var(--mi-grey-200); }
  .rr-article-sidebar__sticky { position: static; padding-top: 45px; }
  .rr-sidebar-cover__media { max-width: 250px; }
  .rr-sidebar-stories { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .rr-sidebar-heading { grid-column: 1 / -1; }
  .rr-sidebar-story h3 { font-size: 22px; }
  .rr-sidebar-brief { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
  .rr-article-shell { width: calc(100vw - 28px); }
  .rr-article-top-ad { padding-block: 18px 35px; }
  .rr-article-header { padding-top: 38px; padding-bottom: 27px; }
  .rr-article-kicker { margin-bottom: 13px; font-size: 9px; }
  .rr-article-title { font-size: clamp(42px, 13.3vw, 58px); line-height: .98; }
  .rr-article-dek { margin-top: 15px; font-size: 17px; line-height: 1.48; }
  .rr-article-hero__image { margin-inline: -14px; }
  .rr-article-hero__image img { width: 100%; max-height: none; }
  .rr-article-hero__caption { margin-top: 7px; font-size: 9px; }
  .rr-article-byline-block { padding-top: 22px; }
  .rr-article-byline { font-size: 15px; }
  .rr-article-byline span { font-size: 19px; }
  .rr-article-updated { font-size: 11px; }
  .rr-share-row { margin-top: 20px; padding-bottom: 24px; }
  .rr-share-row a { width: 34px; height: 34px; }
  .rr-article-content { padding-top: 29px; font-size: 17px; line-height: 1.7; }
  .rr-article-content > p:first-of-type { font-size: 18px; }
  .rr-article-content h2 { font-size: 29px; }
  .rr-article-content h3 { font-size: 26px; }
  .rr-sidebar-stories { display: block; }
  .rr-sidebar-story { display: grid; grid-template-columns: 112px 1fr; gap: 14px; align-items: start; padding-bottom: 18px; border-bottom: 1px solid var(--mi-grey-200); }
  .rr-sidebar-story__media { aspect-ratio: 1 / .78; }
  .rr-sidebar-story h3 { margin: 0; font-size: 23px; text-align: left; }
  .rr-sidebar-brief h2 { font-size: 36px; }
  .rr-author-box { grid-template-columns: 68px 1fr; gap: 17px; margin-top: 58px; }
  .rr-author-box img { width: 68px; height: 68px; }
  .rr-author-box h2 { font-size: 30px; }
}

/* ======================================================================
   Metropolitan Editorial v1.6 — rebrand, author profiles, category desks
   ====================================================================== */

.cover-shelf__mobile-feature { display: none; }

/* Detailed category identity */
.category-identity { padding-top: 84px; padding-bottom: 44px; border-bottom: 1px solid var(--mi-grey-200); }
.category-identity__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); gap: clamp(50px, 8vw, 130px); align-items: end; }
.category-identity h1 { max-width: 900px; font-size: clamp(70px, 7.4vw, 128px); letter-spacing: -.02em; }
.category-identity__tagline { max-width: 800px; margin: 22px 0 0; font-family: var(--mi-heading); font-size: clamp(29px, 2.5vw, 43px); line-height: 1.04; }
.category-identity__overview { color: var(--mi-grey-800); font-size: 15px; line-height: 1.7; }
.category-identity__overview p:last-child { margin-bottom: 0; }
.category-topic-list { display: flex; flex-wrap: wrap; gap: 9px; padding-top: 36px; }
.category-topic-list span { padding: 9px 13px 8px; border: 1px solid var(--mi-grey-200); color: var(--mi-grey-800); font-size: 10px; letter-spacing: .055em; text-transform: uppercase; }
.category-lead { padding-top: 48px; }
.category-why { background: var(--mi-black); color: var(--mi-white); }
.category-why__grid { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 70px; align-items: start; }
.category-why__grid > p:last-child { max-width: 1000px; margin: 0; font-family: var(--mi-heading); font-size: clamp(37px, 4vw, 64px); line-height: 1.02; }
.category-guides { border-bottom: 1px solid var(--mi-grey-200); }
.archive-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.category-desk { background: var(--mi-cream); }
.category-desk__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.category-writer-card { display: grid; grid-template-columns: 72px 1fr; gap: 16px; align-items: center; padding-top: 20px; border-top: 1px solid var(--mi-grey-400); }
.category-writer-card__avatar { display: block; width: 72px; height: 72px; }
.category-writer-card__avatar img,
.category-writer-card__avatar .author-initials { width: 72px; height: 72px; border-radius: 50%; }
.category-writer-card h3 { font-size: 29px; }
.category-writer-card p { margin: 4px 0 0; color: var(--mi-grey-600); font-size: 11px; line-height: 1.35; }

/* Author profile pages */
.author-profile-page { min-height: 70vh; }
.author-profile-hero { background: var(--mi-black); color: var(--mi-white); }
.author-profile-hero__grid { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: clamp(50px, 8vw, 130px); align-items: center; }
.author-profile-hero__portrait { width: 300px; height: 300px; }
.author-profile-avatar,
.author-profile-hero__portrait .author-initials { width: 300px; height: 300px; border-radius: 50%; object-fit: cover; }
.author-initials { display: inline-flex; align-items: center; justify-content: center; background: var(--mi-gold); color: var(--mi-black); font-family: var(--mi-heading); font-size: 56px; line-height: 1; }
.author-profile-hero h1 { max-width: 950px; font-size: clamp(72px, 8vw, 136px); letter-spacing: -.02em; }
.author-profile-role { margin: 19px 0 0; color: var(--mi-gold); font-size: 12px; letter-spacing: .09em; text-transform: uppercase; }
.author-profile-bio { max-width: 790px; margin-top: 30px; color: #d8d8d8; font-size: 16px; line-height: 1.68; }
.author-profile-topics { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 25px; }
.author-profile-topics span { padding: 8px 11px; border: 1px solid #444; font-size: 10px; letter-spacing: .05em; text-transform: uppercase; }
.author-profile-hero .text-link { margin-top: 26px; color: var(--mi-gold); }
.author-disclosure { border-bottom: 1px solid var(--mi-grey-200); background: var(--mi-cream); }
.author-disclosure p { max-width: 1040px; margin: 0; padding-block: 18px; color: var(--mi-grey-800); font-size: 12px; line-height: 1.55; }
.author-stories-section .section-title-row h2 { max-width: 920px; }

/* Byline enrichment without clutter */
.rr-article-byline-block .mi-author-role { margin: 5px 0 0; color: var(--mi-grey-600); font-size: 10px; letter-spacing: .07em; text-transform: uppercase; }
.rr-author-disclosure { margin: 14px 0 0; color: var(--mi-grey-600); font-size: 11px; line-height: 1.5; }

html[data-theme="dark"] .category-identity,
html[data-theme="dark"] .category-guides,
html[data-theme="dark"] .author-disclosure { border-color: #333; }
html[data-theme="dark"] .category-desk,
html[data-theme="dark"] .author-disclosure { background: #111; }
html[data-theme="dark"] .category-identity__overview,
html[data-theme="dark"] .author-disclosure p { color: #c5c5c5; }

@media (max-width: 1050px) {
  .category-identity__grid { grid-template-columns: 1fr; gap: 30px; }
  .category-identity__overview { max-width: 760px; }
  .category-desk__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .author-profile-hero__grid { grid-template-columns: 220px minmax(0, 1fr); gap: 55px; }
  .author-profile-hero__portrait,
  .author-profile-avatar,
  .author-profile-hero__portrait .author-initials { width: 220px; height: 220px; }
}

@media (max-width: 760px) {
  .category-identity { padding-top: 48px; padding-bottom: 30px; }
  .category-identity h1 { font-size: clamp(55px, 17vw, 82px); }
  .category-identity__tagline { font-size: 28px; }
  .category-topic-list { flex-wrap: nowrap; overflow-x: auto; margin-inline: -14px; padding-inline: 14px; scrollbar-width: none; }
  .category-topic-list::-webkit-scrollbar { display: none; }
  .category-topic-list span { flex: 0 0 auto; }
  .category-lead { padding-top: 28px; }
  .category-why__grid { grid-template-columns: 1fr; gap: 18px; }
  .category-why__grid > p:last-child { font-size: 39px; }
  .archive-grid--three { grid-template-columns: 1fr; }
  .category-desk__grid { grid-template-columns: 1fr; gap: 24px; }
  .category-writer-card { grid-template-columns: 62px 1fr; }
  .category-writer-card__avatar,
  .category-writer-card__avatar img,
  .category-writer-card__avatar .author-initials { width: 62px; height: 62px; }
  .category-writer-card h3 { font-size: 27px; }

  .author-profile-hero { padding-block: 46px; }
  .author-profile-hero__grid { grid-template-columns: 1fr; gap: 28px; }
  .author-profile-hero__portrait,
  .author-profile-avatar,
  .author-profile-hero__portrait .author-initials { width: 128px; height: 128px; }
  .author-profile-hero__portrait .author-initials { font-size: 42px; }
  .author-profile-hero h1 { font-size: clamp(58px, 18vw, 86px); }
  .author-profile-role { font-size: 10px; }
  .author-profile-bio { margin-top: 22px; font-size: 15px; }
  .author-profile-topics { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 5px; scrollbar-width: none; }
  .author-profile-topics span { flex: 0 0 auto; }

  /* Rebuilt mobile magazine module: compact current issue + small archive rail. */
  .cover-shelf { padding-top: 42px; padding-bottom: 48px; }
  .cover-shelf__heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding-bottom: 14px; }
  .cover-shelf__heading .cover-shelf__eyebrow { display: none; }
  .cover-shelf__heading h2 { font-size: 38px; line-height: 1; text-align: left; }
  .cover-shelf__heading > a:last-child { flex: 0 0 auto; font-size: 8px; text-align: right; }
  .cover-shelf__mobile-feature { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 18px; align-items: center; padding: 23px 0 25px; border-bottom: 1px solid var(--mi-grey-200); }
  .cover-shelf__mobile-cover { display: block; aspect-ratio: .75 / 1; overflow: hidden; border: 3px solid var(--mi-gold); background: var(--mi-grey-100); }
  .cover-shelf__mobile-cover img { width: 100%; height: 100%; object-fit: cover; }
  .cover-shelf__mobile-feature h3 { font-size: 31px; line-height: .97; }
  .cover-shelf__mobile-feature .story-kicker { margin-bottom: 9px; }
  .cover-shelf__mobile-feature .text-link { margin-top: 12px; font-size: 9px; }
  .cover-shelf__layout { display: block; padding-top: 22px; }
  .cover-shelf__intro { display: none; }
  .cover-shelf__track { gap: 12px; margin-inline: -14px; padding: 0 14px 7px; }
  .cover-card { flex: 0 0 124px; max-width: 124px; }
  .cover-card:first-child { display: none; }
  .cover-card a { border-width: 2px; }
  .cover-card__caption { display: block; margin-top: 8px; font-size: 18px; line-height: 1; }
  .cover-card__placeholder > span { font-size: 62px; }
  .cover-card__placeholder strong { margin-top: 10px; font-size: 16px; }
  .cover-controls { display: none; }
}

@media (max-width: 390px) {
  .cover-shelf__mobile-feature { grid-template-columns: 96px minmax(0, 1fr); gap: 14px; }
  .cover-shelf__mobile-feature h3 { font-size: 27px; }
  .cover-card { flex-basis: 112px; max-width: 112px; }
}
.rr-author-box > .author-initials { width: 88px; height: 88px; border-radius: 50%; font-size: 34px; }
@media (max-width: 640px) { .rr-author-box > .author-initials { width: 68px; height: 68px; font-size: 28px; } }

/* =========================================================
   Metropolitan Editorial v2.0
   Static masthead, black sticky header, synchronized covers,
   editorial identities and premium cover vault.
   ========================================================= */

/* Header v2 */
.site-header--v2 {
  position: relative;
  top: auto;
  z-index: 700;
  background: var(--mi-white);
}
.site-header--v2 .top-rule { height: 6px; background: var(--mi-gold-dark); }
.site-header--v2 .static-header { position: relative; background: var(--mi-white); }
.site-header--v2 .masthead {
  min-height: 148px;
  grid-template-columns: 230px minmax(0, 1fr) 230px;
  border-bottom: 1px solid var(--mi-grey-200);
}
.site-header--v2 .masthead__brief a {
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: var(--mi-black);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.site-header--v2 .masthead__brief span { color: var(--mi-gold-dark); font-size: 9px; }
.site-header--v2 .masthead__logo { position: relative; }
.site-header--v2 .masthead__logo::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -21px;
  width: 72px;
  height: 3px;
  background: var(--mi-gold-dark);
  transform: translateX(-50%);
}
.site-header--v2 .masthead__logo .brand-logo img {
  width: min(650px, 54vw);
  max-height: 108px;
}
.site-header--v2 .masthead__actions { font-size: 11px; font-weight: 500; }
.site-header--v2 .primary-navigation { background: var(--mi-white); }
.site-header--v2 .primary-navigation__inner { min-height: 58px; }
.site-header--v2 .primary-navigation a { color: var(--mi-black); font-size: 11px; letter-spacing: .075em; }
.site-header--v2 .primary-navigation .current-menu-item > a,
.site-header--v2 .primary-navigation a:hover { color: var(--mi-gold-dark); }

.sticky-header {
  position: fixed;
  z-index: 950;
  top: 0;
  left: 0;
  right: 0;
  height: 70px;
  border-top: 5px solid var(--mi-gold-dark);
  background: var(--mi-black);
  color: var(--mi-white);
  transform: translateY(-110%);
  visibility: hidden;
  opacity: 0;
  transition: transform .24s ease, opacity .2s ease, visibility .2s ease;
  box-shadow: 0 8px 28px rgba(0,0,0,.18);
}
.admin-bar .sticky-header { top: 32px; }
.site-header--v2.is-scrolled .sticky-header {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.sticky-header__inner {
  display: grid;
  grid-template-columns: 210px minmax(0,1fr) 170px;
  align-items: center;
  height: 65px;
  gap: 26px;
}
.sticky-header__logo .brand-logo img { width: 185px; max-height: 42px; }
.sticky-header__nav { min-width: 0; overflow: hidden; }
.sticky-header__nav ul {
  display: flex;
  align-items: center;
  gap: clamp(17px, 1.55vw, 30px);
  width: max-content;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sticky-header__nav a { color: var(--mi-white); font-size: 10px; letter-spacing: .075em; text-transform: uppercase; white-space: nowrap; }
.sticky-header__nav .current-menu-item > a,
.sticky-header__nav a:hover { color: var(--mi-gold); }
.sticky-header__actions { display: flex; align-items: center; justify-content: flex-end; gap: 20px; }
.sticky-subscribe { color: var(--mi-gold); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.sticky-search-toggle,
.sticky-menu-toggle {
  border: 0;
  background: transparent;
  color: var(--mi-white);
  cursor: pointer;
}
.sticky-search-toggle { width: 36px; height: 36px; padding: 7px; }
.sticky-search-toggle svg { fill: none; stroke: currentColor; stroke-width: 1.7; }
.sticky-menu-toggle { display: none; width: 40px; height: 40px; padding: 8px 6px; }
.sticky-menu-toggle span { display: block; width: 27px; height: 1px; margin: 6px 0; background: var(--mi-white); }

/* One synchronized cover carousel */
.mi-cover-carousel {
  overflow: hidden;
  border-top: 1px solid #eee7da;
  border-bottom: 1px solid #e4dccb;
  background: var(--mi-cream);
}
.mi-cover-carousel__heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  padding-bottom: 24px;
  border-bottom: 1px solid #dcd4c5;
}
.mi-cover-carousel__heading h2 {
  font-family: var(--mi-body);
  font-size: clamp(48px, 5vw, 82px);
  font-weight: 400;
  line-height: .92;
  letter-spacing: -.025em;
}
.mi-cover-carousel__heading > a { color: var(--mi-gold-dark); font-size: 10px; letter-spacing: .11em; text-transform: uppercase; }
.mi-cover-carousel__stage {
  display: grid;
  grid-template-columns: minmax(320px, .86fr) minmax(430px, 1.14fr);
  gap: clamp(48px, 7vw, 110px);
  align-items: center;
  min-height: 720px;
  padding-block: 48px 34px;
}
.mi-cover-carousel__visuals { position: relative; width: min(100%, 480px); margin-inline: auto; touch-action: pan-y; }
.mi-cover-slide { display: none; margin: 0; opacity: 0; transform: translateX(16px); }
.mi-cover-slide.is-active { display: block; animation: miCoverIn .4s ease forwards; }
@keyframes miCoverIn { to { opacity: 1; transform: translateX(0); } }
.mi-cover-slide > a {
  display: block;
  overflow: hidden;
  aspect-ratio: .8 / 1;
  border: 7px solid var(--mi-gold-dark);
  background: #efe9dc;
  box-shadow: 0 28px 65px rgba(23,18,8,.18);
}
.mi-cover-slide img { width: 100%; height: 100%; object-fit: cover; }
.mi-cover-fallback {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 42px 24px 35px;
  background: linear-gradient(150deg,#fbf7ed,#e9dfc6);
  color: var(--mi-black);
  text-align: center;
}
.mi-cover-fallback__brand { font-family: var(--mi-heading); font-size: clamp(42px,5vw,72px); line-height: .84; }
.mi-cover-fallback__brand small { font-family: var(--mi-body); font-size: 10px; letter-spacing: .08em; }
.mi-cover-fallback strong { font-family: var(--mi-heading); font-size: 32px; line-height: 1; }
.mi-cover-fallback em { color: var(--mi-gold-dark); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.mi-cover-carousel__copy { position: relative; min-height: 510px; display: flex; flex-direction: column; justify-content: center; }
.mi-cover-copy { display: none; }
.mi-cover-copy.is-active { display: block; animation: miCopyIn .36s ease forwards; }
@keyframes miCopyIn { from { opacity:0; transform:translateY(10px);} to {opacity:1; transform:none;} }
.mi-cover-copy__count { margin-bottom: 28px; color: var(--mi-gold-dark); font-size: 10px; letter-spacing: .14em; }
.mi-cover-copy h3 { max-width: 760px; font-size: clamp(62px, 6.2vw, 104px); line-height: .83; }
.mi-cover-copy__role { margin: 20px 0 0; font-size: 13px; letter-spacing: .045em; text-transform: uppercase; }
.mi-cover-copy__line { margin: 18px 0 0; color: var(--mi-gold-dark); font-family: var(--mi-heading); font-size: clamp(32px, 3.3vw, 48px); line-height: .95; }
.mi-cover-copy__summary { max-width: 720px; margin: 25px 0 0; color: var(--mi-grey-800); font-size: 16px; line-height: 1.65; }
.mi-cover-copy__summary--mobile { display: none; }
.mi-cover-copy__story { max-width: 680px; margin: 24px 0 0; padding-top: 20px; border-top: 1px solid #d9d1c0; font-family: var(--mi-heading); font-size: 31px; line-height: 1.02; }
.mi-cover-copy__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 28px; }
.button--black { background: var(--mi-black); color: var(--mi-white); }
.button--black:hover { border-color: var(--mi-gold-dark); background: var(--mi-gold-dark); color: var(--mi-white); }
.mi-cover-copy__issue { margin: 28px 0 0; color: var(--mi-grey-600); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.mi-cover-carousel__controls { display: flex; align-items: center; gap: 17px; margin-top: 34px; }
.mi-cover-carousel__controls > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border: 1px solid var(--mi-black);
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}
.mi-cover-carousel__controls > button:hover { border-color: var(--mi-gold-dark); background: var(--mi-gold-dark); color: var(--mi-white); }
.mi-cover-carousel__dots { display: flex; gap: 8px; }
.mi-cover-carousel__dots button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: #b7b0a4; cursor: pointer; }
.mi-cover-carousel__dots button.is-active { width: 26px; border-radius: 8px; background: var(--mi-gold-dark); }
.mi-cover-carousel__thumbs {
  display: flex;
  gap: 13px;
  overflow-x: auto;
  padding: 20px 0 8px;
  border-top: 1px solid #dcd4c5;
  scrollbar-width: thin;
}
.mi-cover-carousel__thumbs button {
  flex: 0 0 104px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--mi-black);
  cursor: pointer;
  text-align: left;
  opacity: .6;
}
.mi-cover-carousel__thumbs button.is-active { opacity: 1; }
.mi-cover-carousel__thumbs button.is-active img,
.mi-cover-carousel__thumbs button.is-active > span { outline: 3px solid var(--mi-gold-dark); outline-offset: 3px; }
.mi-cover-carousel__thumbs img,
.mi-cover-carousel__thumbs button > span { display:block; width:100%; aspect-ratio:.8/1; object-fit:cover; background:#e6ddca; }
.mi-cover-carousel__thumbs small { display: block; margin-top: 9px; overflow: hidden; color: var(--mi-grey-800); font-size: 9px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }

/* Editorial identity block on article pages */
.mi-article-identity-v2 {
  display: grid;
  grid-template-columns: minmax(260px, 1.2fr) minmax(260px, 1fr) auto;
  gap: 28px;
  align-items: center;
  margin-top: 26px;
  padding: 25px 0;
  border-top: 1px solid var(--mi-grey-200);
  border-bottom: 1px solid var(--mi-grey-200);
}
.mi-article-identity-v2__author { display: grid; grid-template-columns: 70px 1fr; gap: 16px; align-items: center; }
.mi-article-identity-v2__avatar { display: block; width: 70px; height: 70px; overflow: hidden; border: 3px solid var(--mi-gold-dark); border-radius: 50%; background: var(--mi-black); }
.mi-article-identity-v2__avatar img,
.mi-article-identity-v2__avatar .author-initials { width: 100%; height: 100%; object-fit: cover; }
.mi-article-identity-v2__name { margin: 0; font-size: 16px; font-weight: 600; letter-spacing: .035em; text-transform: uppercase; }
.mi-article-identity-v2__name span { margin-right: 4px; font-family: var(--mi-heading); font-size: 21px; font-style: italic; font-weight: 400; text-transform: none; }
.mi-article-identity-v2__role { margin: 5px 0 0; color: var(--mi-gold-dark); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.mi-article-identity-v2__bio { max-width: 360px; margin: 7px 0 0; color: var(--mi-grey-600); font-size: 10px; line-height: 1.35; }
.mi-article-identity-v2__details { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 18px; }
.mi-article-identity-v2__details p { margin: 0; }
.mi-article-identity-v2__details span { display: block; margin-bottom: 4px; color: var(--mi-grey-600); font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }
.mi-article-identity-v2__details strong { display: block; font-size: 9px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; }
.mi-article-identity-v2__share { display: flex; gap: 8px; }
.mi-article-identity-v2__share a { display:flex; align-items:center; justify-content:center; width:39px; height:39px; border:1px solid var(--mi-black); border-radius:50%; font-size:9px; font-weight:600; }
.mi-article-identity-v2__share a:hover { border-color:var(--mi-gold-dark); background:var(--mi-gold-dark); color:var(--mi-white); }

/* Author profile v2 */
.mi-author-hero-v2 { position: relative; overflow: hidden; padding: clamp(75px,8vw,125px) 0; background: var(--mi-black); color: var(--mi-white); }
.mi-author-hero-v2::after { content:""; position:absolute; inset:auto -8vw -24vw auto; width:48vw; height:48vw; border:1px solid rgba(189,166,67,.24); border-radius:50%; }
.mi-author-hero-v2__grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(250px,.72fr) minmax(460px,1.28fr); gap:clamp(55px,8vw,125px); align-items:center; }
.mi-author-hero-v2__portrait { text-align:center; }
.mi-author-hero-v2__portrait-ring { width:min(100%,380px); margin:auto; padding:9px; border:1px solid var(--mi-gold); border-radius:50%; }
.mi-author-hero-v2__portrait-ring img,
.mi-author-hero-v2__portrait-ring .author-initials { display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:1/1; border-radius:50%; object-fit:cover; background:#171717; color:var(--mi-gold); font-family:var(--mi-heading); font-size:120px; }
.mi-author-hero-v2__portrait > p { margin:20px 0 0; color:#9f9f9f; font-size:9px; letter-spacing:.13em; text-transform:uppercase; }
.mi-author-hero-v2__content h1 { max-width:900px; font-size:clamp(76px,9vw,145px); line-height:.78; }
.mi-author-hero-v2__role { margin:25px 0 0; color:var(--mi-gold); font-size:12px; letter-spacing:.13em; text-transform:uppercase; }
.mi-author-hero-v2__content blockquote { max-width:750px; margin:30px 0 0; padding-left:24px; border-left:3px solid var(--mi-gold-dark); font-family:var(--mi-heading); font-size:clamp(34px,3.2vw,52px); line-height:.98; }
.mi-author-hero-v2__summary { max-width:760px; margin:30px 0 0; color:#c8c8c8; font-size:15px; line-height:1.65; }
.mi-author-hero-v2__stats { display:flex; gap:50px; margin-top:40px; padding-top:28px; border-top:1px solid #323232; }
.mi-author-hero-v2__stats strong { display:block; font-family:var(--mi-heading); font-size:32px; font-weight:400; }
.mi-author-hero-v2__stats span { display:block; margin-top:5px; color:#929292; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.mi-author-about-v2 { background:var(--mi-cream); }
.mi-author-about-v2__grid { display:grid; grid-template-columns:.65fr 1.35fr; gap:clamp(45px,8vw,130px); }
.mi-author-about-v2 h2 { font-size:clamp(60px,6vw,92px); }
.mi-author-about-v2__copy { color:var(--mi-grey-800); font-size:17px; line-height:1.75; }
.mi-author-topics-v2 { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }
.mi-author-topics-v2 span { padding:8px 11px; border:1px solid #d7cebc; color:var(--mi-gold-dark); font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.mi-author-disclosure-v2 { padding:24px 0; background:#eee5d1; }
.mi-author-disclosure-v2 .site-shell { display:grid; grid-template-columns:50px 1fr; gap:18px; align-items:center; }
.mi-author-disclosure-v2 span { display:flex; align-items:center; justify-content:center; width:48px; height:48px; border:1px solid var(--mi-gold-dark); border-radius:50%; font-family:var(--mi-heading); font-size:20px; }
.mi-author-disclosure-v2 p { max-width:1000px; margin:0; color:var(--mi-grey-800); font-size:11px; line-height:1.55; }
.mi-author-disclosure-v2 strong { display:block; margin-bottom:4px; color:var(--mi-black); font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.mi-author-stories-v2 .section-title-row h2 { font-size:clamp(54px,5vw,80px); }

/* Cover vault */
.mi-vault-hero { padding:clamp(85px,10vw,150px) 0; background:var(--mi-black); color:var(--mi-white); }
.mi-vault-hero h1 { font-size:clamp(86px,11vw,180px); line-height:.76; }
.mi-vault-hero p:last-child { max-width:800px; margin:35px 0 0; color:#b7b7b7; font-size:16px; line-height:1.6; }
.mi-vault-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:70px 45px; }
.mi-vault-card { display:grid; grid-template-columns:minmax(220px,.78fr) minmax(250px,1.22fr); gap:28px; align-items:start; padding-bottom:42px; border-bottom:1px solid var(--mi-grey-200); }
.mi-vault-card__media { display:block; aspect-ratio:.8/1; overflow:hidden; border:5px solid var(--mi-gold-dark); background:#eee6d8; }
.mi-vault-card__media img { width:100%; height:100%; object-fit:cover; }
.mi-vault-card__body h2 { font-size:clamp(42px,4vw,64px); line-height:.88; }
.mi-vault-card__role { margin:14px 0 0; color:var(--mi-gold-dark); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.mi-vault-card__body > p:not(.story-kicker):not(.mi-vault-card__role) { margin:20px 0 0; color:var(--mi-grey-800); font-size:13px; line-height:1.6; }
.mi-vault-card__body h3 { margin-top:22px; padding-top:18px; border-top:1px solid var(--mi-grey-200); font-size:27px; line-height:1; }
.mi-vault-card__actions { display:flex; flex-wrap:wrap; gap:18px; }

@media (max-width: 1180px) {
  .site-header--v2 .masthead { grid-template-columns:170px minmax(0,1fr) 180px; }
  .site-header--v2 .masthead__logo .brand-logo img { width:min(590px,54vw); }
  .sticky-header__inner { grid-template-columns:180px minmax(0,1fr) 130px; }
  .mi-cover-carousel__stage { grid-template-columns:minmax(300px,.78fr) minmax(400px,1.22fr); gap:55px; }
  .mi-article-identity-v2 { grid-template-columns:minmax(250px,1fr) minmax(220px,.8fr); }
  .mi-article-identity-v2__share { grid-column:1/-1; justify-content:flex-end; }
  .mi-vault-grid { grid-template-columns:1fr; }
}

@media (max-width: 920px) {
  .admin-bar .sticky-header { top:46px; }
  .site-header--v2 .masthead {
    min-height:108px;
    grid-template-columns:52px minmax(0,1fr) 52px;
  }
  .site-header--v2 .masthead__brief,
  .site-header--v2 .masthead__actions,
  .site-header--v2 .primary-navigation { display:none; }
  .site-header--v2 .masthead__logo .brand-logo img { width:min(76vw,390px); max-height:80px; }
  .site-header--v2 .masthead__logo::after { bottom:-14px; width:48px; height:2px; }
  .site-header--v2 .menu-toggle,
  .site-header--v2 .mobile-search-toggle { display:block; }
  .site-header--v2 .mobile-topic-strip { display:block; border-bottom:1px solid var(--mi-grey-200); background:var(--mi-white); }
  .sticky-header { height:64px; }
  .sticky-header__inner { height:59px; grid-template-columns:46px minmax(0,1fr) 46px; gap:8px; }
  .sticky-menu-toggle { display:block; }
  .sticky-header__logo { display:flex; justify-content:center; }
  .sticky-header__logo .brand-logo img { width:min(195px,56vw); max-height:44px; }
  .sticky-header__nav,
  .sticky-subscribe { display:none; }
  .sticky-header__actions { justify-content:flex-end; }
  .mi-cover-carousel__stage { grid-template-columns:1fr; min-height:0; gap:34px; padding-block:38px 20px; }
  .mi-cover-carousel__visuals { width:min(76vw,430px); }
  .mi-cover-carousel__copy { min-height:0; text-align:center; }
  .mi-cover-copy h3 { margin-inline:auto; }
  .mi-cover-copy__summary,
  .mi-cover-copy__story { margin-inline:auto; }
  .mi-cover-copy__actions,
  .mi-cover-carousel__controls { justify-content:center; }
  .mi-cover-carousel__thumbs { display:none; }
  .mi-article-identity-v2 { grid-template-columns:1fr; }
  .mi-article-identity-v2__details { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .mi-article-identity-v2__share { grid-column:auto; justify-content:flex-start; }
  .mi-author-hero-v2__grid { grid-template-columns:1fr; text-align:center; }
  .mi-author-hero-v2__portrait-ring { width:min(72vw,340px); }
  .mi-author-hero-v2__content blockquote,
  .mi-author-hero-v2__summary { margin-inline:auto; }
  .mi-author-hero-v2__content blockquote { padding:22px 0 0; border-left:0; border-top:2px solid var(--mi-gold-dark); }
  .mi-author-hero-v2__stats { justify-content:center; }
  .mi-author-about-v2__grid { grid-template-columns:1fr; gap:28px; }
}

@media (max-width: 640px) {
  .site-header--v2 .top-rule { height:5px; }
  .site-header--v2 .masthead { min-height:96px; }
  .site-header--v2 .masthead__logo .brand-logo img { width:min(79vw,330px); max-height:68px; }
  .site-header--v2 .mobile-topic-list { min-height:46px; padding-inline:20px; gap:28px; }
  .site-header--v2 .mobile-topic-list a { font-size:10px; letter-spacing:.09em; }
  .mi-cover-carousel { padding-block:54px; }
  .mi-cover-carousel__heading { align-items:flex-start; }
  .mi-cover-carousel__heading h2 { max-width:280px; font-size:58px; line-height:.92; }
  .mi-cover-carousel__heading > a { padding-top:8px; }
  .mi-cover-carousel__stage { padding-top:30px; }
  .mi-cover-carousel__visuals { width:min(82vw,340px); }
  .mi-cover-slide > a { border-width:5px; }
  .mi-cover-copy__count { margin-bottom:17px; }
  .mi-cover-copy h3 { font-size:60px; line-height:.82; }
  .mi-cover-copy__role { font-size:10px; }
  .mi-cover-copy__line { font-size:34px; }
  .mi-cover-copy__summary--desktop { display:none; }
  .mi-cover-copy__summary--mobile { display:block; margin-top:20px; font-size:14px; line-height:1.55; }
  .mi-cover-copy__story { margin-top:20px; padding-top:17px; font-size:27px; }
  .mi-cover-copy__actions { flex-direction:column; gap:10px; }
  .mi-cover-copy__actions .button { width:100%; }
  .mi-cover-copy__actions .text-link { margin-top:6px; }
  .mi-cover-copy__issue { margin-top:20px; }
  .mi-cover-carousel__controls { margin-top:24px; }
  .mi-cover-carousel__controls > button { width:42px; height:42px; }
  .mi-article-identity-v2 { margin-top:18px; padding:20px 0; gap:21px; }
  .mi-article-identity-v2__author { grid-template-columns:58px 1fr; }
  .mi-article-identity-v2__avatar { width:58px; height:58px; }
  .mi-article-identity-v2__name { font-size:12px; }
  .mi-article-identity-v2__name span { font-size:18px; }
  .mi-article-identity-v2__bio { display:none; }
  .mi-article-identity-v2__details { grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
  .mi-article-identity-v2__share { flex-wrap:wrap; }
  .mi-article-identity-v2__share a { width:37px; height:37px; }
  .mi-author-hero-v2 { padding:65px 0 75px; }
  .mi-author-hero-v2__grid { gap:38px; }
  .mi-author-hero-v2__portrait-ring { width:min(72vw,270px); }
  .mi-author-hero-v2__content h1 { font-size:78px; }
  .mi-author-hero-v2__content blockquote { font-size:34px; }
  .mi-author-hero-v2__summary { font-size:14px; }
  .mi-author-hero-v2__stats { gap:28px; }
  .mi-author-about-v2 h2 { font-size:60px; }
  .mi-author-about-v2__copy { font-size:15px; }
  .mi-author-disclosure-v2 .site-shell { grid-template-columns:42px 1fr; }
  .mi-author-disclosure-v2 span { width:40px; height:40px; }
  .mi-vault-hero h1 { font-size:88px; }
  .mi-vault-card { grid-template-columns:1fr; gap:22px; }
  .mi-vault-card__media { width:min(100%,340px); margin:auto; }
  .mi-vault-card__body h2 { font-size:50px; }
}

@media (prefers-reduced-motion: reduce) {
  .sticky-header,
  .mi-cover-slide,
  .mi-cover-copy { animation:none !important; transition:none !important; }
}
/* Prevent legacy v1.5 collapse rules from changing document height. */
.site-header--v2.is-scrolled .top-rule { height: 6px; }
.site-header--v2.is-scrolled .masthead { min-height: 148px; height: auto; overflow: visible; opacity: 1; border-bottom-color: var(--mi-grey-200); }
@media (max-width: 920px) {
  .site-header--v2.is-scrolled .masthead { min-height:108px; }
}
@media (max-width: 640px) {
  .site-header--v2.is-scrolled .top-rule { height:5px; }
  .site-header--v2.is-scrolled .masthead { min-height:96px; }
}

/* =========================================================
   Metropolitan Editorial v2.1 — editorial refinement patch
   ========================================================= */

/* Global image and typography refinements */
.mi-default-featured {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  padding: clamp(18px, 5%, 52px);
  background: #000;
}
.mi-author-fallback { object-fit: cover; background: #000; }
.hero-main-card h1 { font-size: clamp(48px, 4.5vw, 72px); line-height: .94; }
.story-card__title { font-size: clamp(25px, 2.2vw, 34px); line-height: 1; }
.section-title-row h2 { font-size: clamp(46px, 4.6vw, 68px); }
.section-title-row--compact { align-items: center; }
.section-title-row--compact h2 { font-size: clamp(44px, 4vw, 62px); }

/* Larger masthead brand, smaller footer brand */
.site-header--v2 .masthead__logo .brand-logo img { width: min(710px, 58vw); max-height: 118px; }
.footer-brand .brand-logo img { width: min(245px, 100%); max-height: 70px; }
.footer-brand p { max-width: 350px; }
.footer-brief-link { display: inline-block; margin-top: 18px; color: var(--mi-gold); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.footer-grid--v21 { grid-template-columns: 1.45fr repeat(4, .75fr); gap: clamp(28px, 4vw, 58px); }

/* Latest intelligence */
.home-latest { padding-block: 52px; border-top: 1px solid var(--mi-grey-200); border-bottom: 1px solid var(--mi-grey-200); background: var(--mi-white); }
.home-latest__grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 46px; }
.latest-row-card { display: grid; grid-template-columns: 118px minmax(0,1fr); gap: 18px; align-items: start; padding: 20px 0; border-bottom: 1px solid var(--mi-grey-200); }
.latest-row-card__media { display: block; overflow: hidden; aspect-ratio: 1.15 / 1; background: #000; }
.latest-row-card__media img { width: 100%; height: 100%; object-fit: cover; }
.latest-row-card h3 { font-size: clamp(25px, 2vw, 32px); line-height: 1; }
.latest-row-card p:last-child { margin: 10px 0 0; color: var(--mi-grey-600); font-size: 9px; letter-spacing: .07em; text-transform: uppercase; }

/* Refined People & Power module */
.people-editorial { background: var(--mi-cream); }
.people-editorial__layout { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(360px,.9fr); gap: clamp(44px, 6vw, 90px); padding-top: 38px; }
.people-editorial__lead { display: grid; grid-template-columns: minmax(260px,.85fr) minmax(300px,1.15fr); gap: 30px; align-items: center; }
.people-editorial__lead-media { display: block; overflow: hidden; aspect-ratio: .82 / 1; background: #000; }
.people-editorial__lead-media img { width: 100%; height: 100%; object-fit: cover; }
.people-editorial__lead h3 { font-size: clamp(42px, 4.2vw, 64px); line-height: .93; }
.people-editorial__lead > div > p:not(.story-kicker):not(.author-signature) { margin: 18px 0 0; color: var(--mi-grey-800); font-size: 14px; line-height: 1.58; }
.people-editorial__list { border-top: 1px solid var(--mi-grey-200); }
.people-editorial__item { display: grid; grid-template-columns: 132px minmax(0,1fr); gap: 20px; align-items: center; padding: 21px 0; border-bottom: 1px solid var(--mi-grey-200); }
.people-editorial__item-media { display: block; overflow: hidden; aspect-ratio: 1 / 1; background: #000; }
.people-editorial__item-media img { width: 100%; height: 100%; object-fit: cover; }
.people-editorial__item h3 { font-size: clamp(27px, 2.25vw, 36px); line-height: .98; }

/* Homepage editorial SEO statement */
.home-seo-intro { border-top: 1px solid var(--mi-grey-200); background: var(--mi-white); }
.home-seo-intro__grid { display: grid; grid-template-columns: minmax(300px,.9fr) minmax(420px,1.1fr); gap: clamp(48px,8vw,130px); }
.home-seo-intro h2 { font-size: clamp(48px,5.2vw,78px); line-height: .9; }
.home-seo-intro p { color: var(--mi-grey-800); font-size: 16px; line-height: 1.72; }
.home-seo-intro .text-link + .text-link { margin-left: 22px; }

/* Premium supporting pages */
.premium-page-hero { padding: clamp(75px,9vw,140px) 0 clamp(45px,6vw,88px); border-bottom: 1px solid var(--mi-grey-200); background: var(--mi-cream); }
.premium-page-hero h1 { font-size: clamp(68px,9vw,132px); line-height: .82; }
.premium-page-hero p:last-child { max-width: 780px; margin: 28px 0 0; color: var(--mi-grey-800); font-size: 18px; line-height: 1.55; }
.premium-page__article { font-size: 18px; line-height: 1.75; }
.premium-page__article h2 { margin: 1.7em 0 .55em; font-size: 42px; }
.premium-page__article h3 { margin: 1.45em 0 .5em; font-size: 32px; }
.premium-page__article ul, .premium-page__article ol { padding-left: 1.25em; }
.mi-authors-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 48px 30px; }
.mi-author-directory-card { padding-bottom: 30px; border-bottom: 1px solid var(--mi-grey-200); }
.mi-author-directory-card__portrait { display: block; width: 150px; height: 150px; margin-bottom: 22px; overflow: hidden; border: 4px solid var(--mi-gold-dark); border-radius: 50%; background: #000; }
.mi-author-directory-card__portrait img { width: 100%; height: 100%; object-fit: cover; }
.mi-author-directory-card h2 { font-size: 42px; line-height: .95; }
.mi-author-directory-card__role { margin: 10px 0 0; color: var(--mi-gold-dark); font-size: 10px; letter-spacing: .09em; text-transform: uppercase; }
.mi-author-directory-card > p:not(.story-kicker):not(.mi-author-directory-card__role) { margin: 18px 0 0; color: var(--mi-grey-800); font-size: 13px; line-height: 1.58; }

/* Article fallback presentation */
.rr-article-hero--fallback .rr-article-hero__image { aspect-ratio: 16 / 9; background: #000; }
.rr-article-hero--fallback .rr-article-hero__image img { width: 100%; height: 100%; max-height: none; object-fit: contain !important; padding: 8%; }

/* Complete dark mode — all editorial surfaces move together */
html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="dark"] body,
html[data-theme="dark"] .home-latest,
html[data-theme="dark"] .home-seo-intro,
html[data-theme="dark"] .premium-page,
html[data-theme="dark"] .latest-page,
html[data-theme="dark"] .mi-authors-directory,
html[data-theme="dark"] .rr-article,
html[data-theme="dark"] .single-article,
html[data-theme="dark"] .archive-main,
html[data-theme="dark"] .category-main { background: #0d0d0d; color: #f5f2ea; }
html[data-theme="dark"] .site-header--v2 .static-header,
html[data-theme="dark"] .site-header--v2 .masthead,
html[data-theme="dark"] .site-header--v2 .primary-navigation,
html[data-theme="dark"] .site-header--v2 .mobile-topic-strip,
html[data-theme="dark"] .header-search { background: #0d0d0d; color: #fff; }
html[data-theme="dark"] .site-header--v2 .masthead__logo .brand-logo--dark img { filter: invert(1) grayscale(1) brightness(2); }
html[data-theme="dark"] .site-header--v2 .masthead__brief a,
html[data-theme="dark"] .site-header--v2 .masthead__actions a,
html[data-theme="dark"] .site-header--v2 .primary-navigation a,
html[data-theme="dark"] .site-header--v2 .mobile-topic-strip a,
html[data-theme="dark"] .desktop-search-toggle,
html[data-theme="dark"] .mobile-search-toggle,
html[data-theme="dark"] .theme-toggle { color: #fff; }
html[data-theme="dark"] .people-editorial,
html[data-theme="dark"] .mi-cover-carousel,
html[data-theme="dark"] .premium-page-hero,
html[data-theme="dark"] .mi-author-about-v2 { background: #141414; color: #f5f2ea; }
html[data-theme="dark"] .home-latest,
html[data-theme="dark"] .home-seo-intro,
html[data-theme="dark"] .people-editorial,
html[data-theme="dark"] .premium-page-hero,
html[data-theme="dark"] .latest-row-card,
html[data-theme="dark"] .people-editorial__list,
html[data-theme="dark"] .people-editorial__item,
html[data-theme="dark"] .mi-author-directory-card,
html[data-theme="dark"] .section-title-row,
html[data-theme="dark"] .headline-strip,
html[data-theme="dark"] .rr-article-sidebar,
html[data-theme="dark"] .rr-author-box { border-color: #333; }
html[data-theme="dark"] .story-card__excerpt,
html[data-theme="dark"] .hero-dek,
html[data-theme="dark"] .latest-row-card p:last-child,
html[data-theme="dark"] .people-editorial__lead > div > p,
html[data-theme="dark"] .home-seo-intro p,
html[data-theme="dark"] .premium-page-hero p:last-child,
html[data-theme="dark"] .mi-author-directory-card > p,
html[data-theme="dark"] .entry-content,
html[data-theme="dark"] .rr-article-dek,
html[data-theme="dark"] .rr-article-hero__caption { color: #bdb9b0; }
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] a { color: #f5f2ea; }
html[data-theme="dark"] a:hover,
html[data-theme="dark"] .story-kicker--gold,
html[data-theme="dark"] .gold-link,
html[data-theme="dark"] .text-link { color: var(--mi-gold); }
html[data-theme="dark"] .mi-cover-copy__summary,
html[data-theme="dark"] .mi-cover-copy__issue { color: #bdb9b0; }
html[data-theme="dark"] .mi-cover-copy__story { border-color: #3c3c3c; }
html[data-theme="dark"] .mi-cover-carousel__controls > button,
html[data-theme="dark"] .mi-article-identity-v2__share a { border-color: #ddd; color: #fff; }

@media (max-width: 1180px) {
  .footer-grid--v21 { grid-template-columns: 1.3fr repeat(2,1fr); }
  .footer-grid--v21 > div:nth-child(4), .footer-grid--v21 > div:nth-child(5) { margin-top: 8px; }
  .mi-authors-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 920px) {
  .site-header--v2 .masthead__logo .brand-logo img { width: min(82vw, 455px); max-height: 88px; }
  .home-latest__grid { grid-template-columns: 1fr; }
  .people-editorial__layout { grid-template-columns: 1fr; }
  .people-editorial__lead { grid-template-columns: minmax(230px,.7fr) minmax(300px,1.3fr); }
  .home-seo-intro__grid { grid-template-columns: 1fr; gap: 30px; }
  .footer-grid--v21 { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
  .site-header--v2 .masthead__logo .brand-logo img { width: min(86vw, 375px); max-height: 76px; }
  .hero-main-card h1 { font-size: 45px; }
  .home-latest { padding-block: 42px; }
  .latest-row-card { grid-template-columns: 92px minmax(0,1fr); gap: 14px; }
  .latest-row-card h3 { font-size: 25px; }
  .people-editorial__lead { grid-template-columns: 1fr; gap: 20px; }
  .people-editorial__lead-media { aspect-ratio: 1.1 / 1; }
  .people-editorial__lead h3 { font-size: 43px; }
  .people-editorial__item { grid-template-columns: 100px minmax(0,1fr); gap: 15px; }
  .people-editorial__item h3 { font-size: 26px; }
  .home-seo-intro h2 { font-size: 48px; }
  .home-seo-intro p { font-size: 15px; }
  .home-seo-intro .text-link { display: block; }
  .home-seo-intro .text-link + .text-link { margin-left: 0; }
  .premium-page-hero h1 { font-size: 62px; }
  .premium-page-hero p:last-child { font-size: 16px; }
  .mi-authors-grid { grid-template-columns: 1fr; }
  .mi-author-directory-card { display: grid; grid-template-columns: 92px 1fr; column-gap: 18px; }
  .mi-author-directory-card__portrait { grid-row: 1 / 6; width: 92px; height: 92px; margin: 0; }
  .mi-author-directory-card h2 { font-size: 34px; }
  .footer-grid--v21 { grid-template-columns: 1fr; }
  .footer-brand .brand-logo img { width: 190px; }
}


/* =========================================================
   Metropolitan Editorial v2.2 — width + homepage polish patch
   Reference correction: tighter TIME-like editorial canvas,
   calmer typography, cleaner People cards and safe nav overflow.
   ========================================================= */
:root {
  --mi-shell: min(1280px, calc(100vw - 104px));
  --mi-shell-wide: min(1320px, calc(100vw - 84px));
}
.site-shell { width: var(--mi-shell); }

/* Header becomes calmer and closer to a premium masthead canvas. */
.site-header--v2 .masthead { min-height: 104px; grid-template-columns: 190px minmax(0,1fr) 220px; }
.site-header--v2 .masthead__logo .brand-logo img { width: min(520px, 42vw); max-height: 92px; }
.site-header--v2 .masthead__brief { font-size: 10px; letter-spacing: .12em; }
.site-header--v2 .masthead__actions { font-size: 10px; gap: 18px; }
.site-header--v2 .primary-navigation { position: sticky; top: var(--wp-admin--admin-bar--height,0px); z-index: 70; overflow: hidden; }
.site-header--v2 .primary-navigation > .site-shell { width: min(1280px, calc(100vw - 80px)); position: relative; }
.site-header--v2 .primary-navigation ul.editorial-menu,
.site-header--v2 .primary-navigation ul.fallback-menu {
  justify-content: flex-start;
  gap: clamp(20px, 2vw, 34px);
  min-height: 50px;
  overflow-x: auto;
  overflow-y: visible;
  padding-right: 96px;
  scrollbar-width: none;
}
.site-header--v2 .primary-navigation ul::-webkit-scrollbar { display: none; }
.site-header--v2 .primary-navigation a { font-size: 11px; letter-spacing: .055em; white-space: nowrap; }
.site-header--v2 .primary-navigation__tools { height: 50px; gap: 18px; padding-left: 18px; }

/* Homepage lead: less full-bleed, more TIME-like editorial proportion. */
.home-hero { padding-top: 38px; padding-bottom: 18px; }
.home-hero__grid {
  grid-template-columns: minmax(250px,.72fr) minmax(540px,1.34fr) minmax(250px,.72fr);
  gap: 30px;
  align-items: end;
}
.hero-main-card__media { aspect-ratio: 1.36 / 1; max-height: 520px; }
.hero-main-card__body { max-width: 740px; padding: 22px 12px 0; }
.hero-main-card h1 { font-size: clamp(44px, 3.5vw, 64px) !important; line-height: .96; letter-spacing: -.01em; }
.hero-dek { max-width: 580px; margin-top: 15px; font-size: 13px; line-height: 1.48; }
.hero-side-card { padding-top: 0; }
.hero-side-card .story-card__media,
.hero-side-card--left .story-card__media { aspect-ratio: 1.04 / .94; }
.hero-side-card .story-card__body { padding-top: 14px; }
.hero-side-card .story-card__title { font-size: clamp(28px, 1.9vw, 36px) !important; line-height: .98; }
.story-byline { margin-top: 12px; font-size: 10px; }
.headline-strip { margin-top: 34px; }
.headline-strip .compact-story { min-height: 132px; padding: 18px 22px; }
.compact-story h3 { font-size: 22px; line-height: 1.02; }

/* General homepage headings now use quieter scale. */
.section-pad { padding-block: 56px; }
.section-title-row h2 { font-size: clamp(36px, 3.2vw, 54px) !important; line-height: 1; }
.section-title-row--compact h2 { font-size: clamp(34px, 3vw, 50px) !important; }
.story-card__title { font-size: clamp(24px, 1.85vw, 31px) !important; }

/* Latest rows are tighter and more newsroom-like. */
.home-latest { padding-block: 42px; }
.home-latest__grid { gap: 0 36px; }
.latest-row-card { grid-template-columns: 96px minmax(0,1fr); gap: 15px; padding: 16px 0; }
.latest-row-card h3 { font-size: clamp(22px, 1.7vw, 28px); line-height: 1.02; }

/* People & Power redesign: professional card proportions, smaller type. */
.people-editorial__layout { grid-template-columns: minmax(0,1fr); gap: 30px; padding-top: 30px; }
.people-editorial__lead {
  grid-template-columns: 330px minmax(0,560px);
  justify-content: center;
  gap: 34px;
  padding: 24px 0 30px;
  border-bottom: 1px solid var(--mi-grey-200);
}
.people-editorial__lead-media { aspect-ratio: .82 / 1; max-height: 440px; }
.people-editorial__lead h3 { font-size: clamp(34px, 3vw, 46px) !important; line-height: .98; }
.people-editorial__lead > div > p:not(.story-kicker):not(.author-signature) { margin-top: 14px; font-size: 13px; line-height: 1.55; }
.people-editorial__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 28px;
  border-top: 0;
}
.people-editorial__item {
  display: block;
  padding: 0;
  border-bottom: 0;
}
.people-editorial__item-media { aspect-ratio: .86 / 1; margin-bottom: 13px; }
.people-editorial__item h3 { font-size: clamp(25px, 2vw, 32px) !important; line-height: 1; }
.people-editorial .author-signature--tiny { margin-top: 8px; }

/* Prevent the default-logo fallback from becoming a giant black visual block. */
.mi-default-featured { padding: clamp(22px, 8%, 68px); object-fit: contain !important; }
.hero-main-card__media .mi-default-featured { padding: clamp(34px, 9%, 84px); }
.story-card__media .mi-default-featured,
.latest-row-card__media .mi-default-featured { padding: 14%; }

/* Cover carousel sizing remains editorial, not poster-wall oversized. */
.mi-cover-carousel__heading h2 { font-size: clamp(42px, 4.4vw, 72px); }
.mi-cover-copy h3 { font-size: clamp(44px, 4.6vw, 72px) !important; line-height: .9; }
.mi-cover-copy__summary { font-size: 14px; line-height: 1.58; }

/* Footer logo correction. */
.footer-brand .brand-logo img { width: min(210px, 100%) !important; max-height: 60px; }

@media (min-width: 1500px) {
  .site-shell { width: 1280px; }
}

@media (max-width: 1180px) {
  :root { --mi-shell: min(1120px, calc(100vw - 58px)); }
  .home-hero__grid { grid-template-columns: minmax(210px,.8fr) minmax(460px,1.35fr) minmax(210px,.8fr); gap: 22px; }
  .site-header--v2 .primary-navigation > .site-shell { width: calc(100vw - 50px); }
}

@media (max-width: 920px) {
  :root { --mi-shell: calc(100vw - 34px); }
  .site-header--v2 .masthead { min-height: 72px; }
  .site-header--v2 .masthead__logo .brand-logo img,
  .site-header.is-scrolled .masthead__logo .brand-logo img { width: min(62vw, 330px); max-height: 54px; }
  .home-hero__grid { grid-template-columns: 1fr 1fr; gap: 22px; align-items: start; }
  .hero-main-card { grid-column: 1/-1; }
  .hero-main-card__media { max-height: none; }
  .hero-main-card h1 { font-size: clamp(44px, 8.5vw, 62px) !important; }
  .people-editorial__lead { grid-template-columns: minmax(220px,.75fr) minmax(0,1fr); }
  .people-editorial__list { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
  :root { --mi-shell: calc(100vw - 28px); }
  .section-pad { padding-block: 42px; }
  .home-hero { padding-top: 18px; }
  .home-hero__grid { gap: 0; }
  .hero-main-card__media { aspect-ratio: 1.18 / 1; }
  .hero-main-card__body { padding-top: 16px; }
  .hero-main-card h1 { font-size: 40px !important; line-height: .96; }
  .hero-side-card { grid-template-columns: 112px minmax(0,1fr); gap: 13px; padding: 16px 0; }
  .hero-side-card .story-card__title { font-size: 24px !important; }
  .headline-strip .compact-story h3 { font-size: 23px; }
  .home-latest__grid { grid-template-columns: 1fr; }
  .people-editorial__lead { display: block; padding-top: 0; }
  .people-editorial__lead-media { max-width: 230px; margin: 0 auto 18px; }
  .people-editorial__lead h3 { font-size: 34px !important; text-align: center; }
  .people-editorial__lead > div > p:not(.story-kicker):not(.author-signature) { text-align: center; }
  .people-editorial__list { grid-template-columns: 1fr; gap: 24px; }
  .people-editorial__item { display: grid; grid-template-columns: 104px minmax(0,1fr); gap: 14px; align-items: start; }
  .people-editorial__item-media { margin-bottom: 0; aspect-ratio: 1/1; }
  .people-editorial__item h3 { font-size: 25px !important; }
  .mi-cover-carousel__heading h2 { font-size: 44px; }
}

/* --------------------------------------------------------------------------
   v2.3 Editorial proportion pass
   Purpose: tighter TIME-like canvas, calmer H1 scale, non-full-width desktop.
   -------------------------------------------------------------------------- */
:root {
  --mi-shell: min(1180px, calc(100vw - 168px));
  --mi-shell-wide: min(1180px, calc(100vw - 168px));
  --mi-article: min(740px, calc(100vw - 44px));
}

@media (max-width: 1240px) {
  :root { --mi-shell: calc(100vw - 56px); --mi-shell-wide: calc(100vw - 56px); }
}
@media (max-width: 760px) {
  :root { --mi-shell: calc(100vw - 28px); --mi-shell-wide: calc(100vw - 28px); }
}

.site-shell,
.site-header--v2 .masthead.site-shell,
.site-header--v2 .primary-navigation > .site-shell,
.sticky-header__inner.site-shell {
  width: var(--mi-shell) !important;
  max-width: var(--mi-shell) !important;
}

/* Header: editorial, not page-builder wide. */
.site-header--v2 .masthead {
  min-height: 118px !important;
  grid-template-columns: 210px minmax(0, 1fr) 210px !important;
}
.site-header--v2 .masthead__logo .brand-logo img {
  width: min(430px, 34vw) !important;
  max-height: 86px !important;
}
.site-header--v2 .primary-navigation__inner { padding-inline: 0 !important; }
.site-header--v2 .primary-navigation ul.editorial-menu,
.site-header--v2 .primary-navigation ul.fallback-menu {
  min-height: 52px !important;
  gap: clamp(18px, 1.55vw, 29px) !important;
  padding-right: 86px !important;
}
.site-header--v2 .primary-navigation a {
  font-size: 10.5px !important;
  letter-spacing: .06em !important;
}

/* Homepage: tighter three-column magazine lead. */
.home-hero {
  padding-top: 46px !important;
  padding-bottom: 22px !important;
}
.home-hero__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 272px) minmax(0, 560px) minmax(0, 272px) !important;
  justify-content: center !important;
  gap: 38px !important;
  align-items: start !important;
}
.hero-main-card__media {
  aspect-ratio: 1.44 / 1 !important;
  max-height: 390px !important;
}
.hero-main-card__body {
  max-width: 610px !important;
  padding: 20px 6px 0 !important;
}
.hero-main-card h1 {
  font-size: clamp(42px, 3.05vw, 56px) !important;
  line-height: .96 !important;
  letter-spacing: -.006em !important;
}
.hero-dek {
  max-width: 520px !important;
  margin-top: 13px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}
.hero-side-card {
  padding-top: 52px !important;
}
.hero-side-card .story-card__media,
.hero-side-card--left .story-card__media {
  aspect-ratio: 1 / .96 !important;
}
.hero-side-card .story-card__title {
  font-size: clamp(26px, 1.65vw, 32px) !important;
  line-height: 1 !important;
}
.hero-side-card .story-card__body { padding-top: 13px !important; }
.headline-strip {
  margin-top: 42px !important;
}
.headline-strip .compact-story {
  min-height: 122px !important;
  padding: 17px 20px !important;
}
.headline-strip .compact-story h3,
.compact-story h3 {
  font-size: clamp(19px, 1.35vw, 22px) !important;
  line-height: 1.05 !important;
}

/* Homepage sections follow the same compact editorial proportion. */
.section-pad { padding-block: 50px !important; }
.section-title-row h2,
.section-title-row--compact h2 {
  font-size: clamp(34px, 3vw, 48px) !important;
  line-height: 1.02 !important;
}
.magazine-feature-grid {
  grid-template-columns: minmax(0, 272px) minmax(0, 560px) minmax(0, 272px) !important;
  justify-content: center !important;
  gap: 38px !important;
  padding-top: 30px !important;
}
.feature-main-card .story-card__media {
  aspect-ratio: 1.44 / 1 !important;
  max-height: 390px !important;
}
.feature-main-card .story-card__body {
  max-width: 600px !important;
  padding-inline: 6px !important;
}
.feature-main-card .story-card__title {
  font-size: clamp(38px, 3vw, 54px) !important;
  line-height: .96 !important;
}
.feature-side-card { padding-top: 46px !important; }
.feature-side-card .story-card__title,
.story-card__title {
  font-size: clamp(24px, 1.55vw, 30px) !important;
  line-height: 1.02 !important;
}
.story-card__excerpt { font-size: 13px !important; line-height: 1.52 !important; }

/* Latest is newsroom-tight, not large cards. */
.home-latest { padding-block: 38px !important; }
.home-latest__grid {
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 0 30px !important;
}
.latest-row-card {
  grid-template-columns: 86px minmax(0,1fr) !important;
  gap: 13px !important;
  padding: 15px 0 !important;
}
.latest-row-card h3 { font-size: 21px !important; line-height: 1.04 !important; }
.latest-row-card__media { aspect-ratio: 1 / 1 !important; }

/* People: four elegant profile cards with smaller, professional type. */
.people-editorial { background: var(--mi-cream) !important; }
.people-editorial__layout {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  padding-top: 28px !important;
}
.people-editorial__lead {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
}
.people-editorial__lead-media,
.people-editorial__item-media {
  display: block !important;
  aspect-ratio: 4 / 5 !important;
  max-height: none !important;
  margin: 0 0 13px !important;
  overflow: hidden !important;
  background: var(--mi-black) !important;
}
.people-editorial__lead-media img,
.people-editorial__item-media img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.people-editorial__lead h3,
.people-editorial__item h3 {
  font-size: clamp(28px, 2vw, 36px) !important;
  line-height: .98 !important;
  letter-spacing: -.004em !important;
}
.people-editorial__lead > div > p:not(.story-kicker):not(.author-signature) {
  display: none !important;
}
.people-editorial__list {
  display: contents !important;
  border: 0 !important;
}
.people-editorial__item {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Page and archive H1s: reduce oversized poster typography. */
.article-header h1,
.page-header h1,
.error-page h1,
.premium-page-hero h1,
.category-identity h1,
.author-profile-hero h1,
.mi-author-hero-v2__content h1,
.mi-vault-hero h1,
.generic-archive-header h1,
.category-title-row h1 {
  font-size: clamp(42px, 4.8vw, 76px) !important;
  line-height: .94 !important;
  letter-spacing: -.006em !important;
  max-width: 860px !important;
}
.article-header { padding-top: 66px !important; }
.article-dek,
.premium-page-hero p,
.category-identity__dek,
.mi-author-hero-v2__content p { font-size: clamp(15px, 1.3vw, 19px) !important; line-height: 1.55 !important; }

/* Covers: smaller desktop scale and calmer copy. */
.mi-cover-carousel__stage {
  grid-template-columns: minmax(280px, .72fr) minmax(520px, 1.28fr) !important;
  gap: 44px !important;
}
.mi-cover-carousel__heading h2 { font-size: clamp(38px, 3.8vw, 60px) !important; }
.mi-cover-copy h3 { font-size: clamp(38px, 3.5vw, 58px) !important; line-height: .94 !important; }
.mi-cover-copy__summary { max-width: 420px !important; font-size: 13px !important; line-height: 1.55 !important; }

/* Footer logo should feel like a footer mark, not a hero masthead. */
.footer-brand .brand-logo img,
.site-footer .brand-logo img { width: min(190px, 70vw) !important; max-height: 54px !important; }

@media (max-width: 1240px) {
  .home-hero__grid,
  .magazine-feature-grid {
    grid-template-columns: minmax(0, .72fr) minmax(0, 1.35fr) minmax(0, .72fr) !important;
    gap: 26px !important;
  }
  .site-header--v2 .primary-navigation > .site-shell,
  .site-header--v2 .masthead.site-shell,
  .sticky-header__inner.site-shell { width: calc(100vw - 56px) !important; max-width: calc(100vw - 56px) !important; }
}

@media (max-width: 960px) {
  .site-header--v2 .masthead { min-height: 84px !important; grid-template-columns: 48px minmax(0,1fr) 48px !important; }
  .site-header--v2 .masthead__brief,
  .site-header--v2 .masthead__actions { display: none !important; }
  .site-header--v2 .masthead__logo .brand-logo img { width: min(240px, 58vw) !important; max-height: 58px !important; }
  .home-hero__grid,
  .magazine-feature-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 22px !important;
  }
  .hero-main-card,
  .feature-main-card { grid-column: 1 / -1 !important; }
  .hero-side-card,
  .feature-side-card { padding-top: 0 !important; }
  .home-latest__grid { grid-template-columns: 1fr 1fr !important; }
  .people-editorial__layout { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .mi-cover-carousel__stage { grid-template-columns: 1fr !important; }
}

@media (max-width: 640px) {
  .home-hero { padding-top: 18px !important; }
  .home-hero__grid,
  .magazine-feature-grid { display: block !important; }
  .hero-main-card__media,
  .feature-main-card .story-card__media { aspect-ratio: 1.16 / 1 !important; max-height: none !important; }
  .hero-main-card h1 { font-size: 37px !important; }
  .feature-main-card .story-card__title { font-size: 34px !important; }
  .hero-side-card,
  .feature-side-card {
    display: grid !important;
    grid-template-columns: 104px minmax(0,1fr) !important;
    gap: 13px !important;
    padding: 16px 0 !important;
    border-top: 1px solid var(--mi-grey-200) !important;
  }
  .hero-side-card .story-card__media,
  .feature-side-card .story-card__media { aspect-ratio: 1 / 1 !important; }
  .hero-side-card .story-card__body,
  .feature-side-card .story-card__body { padding-top: 0 !important; }
  .hero-side-card .story-card__title,
  .feature-side-card .story-card__title { font-size: 23px !important; }
  .headline-strip { grid-template-columns: 1fr !important; margin-top: 20px !important; }
  .home-latest__grid,
  .people-editorial__layout { grid-template-columns: 1fr !important; }
  .people-editorial__lead,
  .people-editorial__item {
    display: grid !important;
    grid-template-columns: 92px minmax(0,1fr) !important;
    gap: 14px !important;
    align-items: start !important;
  }
  .people-editorial__lead-media,
  .people-editorial__item-media { aspect-ratio: 1 / 1 !important; margin: 0 !important; }
  .people-editorial__lead h3,
  .people-editorial__item h3 { font-size: 24px !important; }
  .article-header h1,
  .page-header h1,
  .premium-page-hero h1,
  .category-identity h1,
  .mi-author-hero-v2__content h1,
  .mi-vault-hero h1,
  .generic-archive-header h1,
  .category-title-row h1 { font-size: 42px !important; line-height: .96 !important; }
}


/* =========================================================
   Metropolitan Editorial v2.4 — TIME-proportion homepage lead
   ========================================================= */
:root {
  --mi-shell: min(1240px, calc(100vw - 160px));
  --mi-shell-wide: min(1280px, calc(100vw - 140px));
}
.site-shell { width: var(--mi-shell) !important; }

/* Reset old dark-mode preference and keep the opening header light unless the user toggles v2.4. */
.site-header--v2 { background: var(--mi-white) !important; }
.site-header--v2 .static-header { background: var(--mi-white) !important; }
html:not([data-theme="dark"]) .site-header--v2 .primary-navigation,
html:not([data-theme="dark"]) .site-header--v2 .mobile-topic-strip,
html:not([data-theme="dark"]) .site-header--v2 .primary-navigation__tools { background: var(--mi-white) !important; color: var(--mi-black) !important; }

/* Static masthead should not feel like a black bar on first load. Sticky black bar appears only after real scroll. */
.site-header--v2 .top-rule { height: 3px !important; background: var(--mi-gold-dark) !important; }
.site-header--v2 .masthead {
  min-height: 128px !important;
  grid-template-columns: 210px minmax(0, 1fr) 210px !important;
  border-bottom: 1px solid var(--mi-grey-200) !important;
}
.site-header--v2 .masthead__logo .brand-logo img {
  width: min(560px, 42vw) !important;
  max-height: 88px !important;
}
.site-header--v2 .masthead__logo::after { bottom: -18px !important; width: 54px !important; height: 2px !important; }
.site-header--v2 .masthead__brief a,
.site-header--v2 .masthead__actions a { font-size: 10px !important; letter-spacing: .13em !important; }
.site-header--v2 .primary-navigation__inner { min-height: 50px !important; }
.site-header--v2 .primary-navigation__menu { min-height: 50px !important; overflow-x: auto !important; overflow-y: visible !important; }
.site-header--v2 .primary-navigation .editorial-menu,
.site-header--v2 .primary-navigation .fallback-menu { min-height: 50px !important; gap: clamp(18px, 1.65vw, 30px) !important; padding-inline: 80px !important; }
.site-header--v2 .primary-navigation .editorial-menu > li > a,
.site-header--v2 .primary-navigation .fallback-menu > li > a {
  min-height: 50px !important;
  font-size: 10px !important;
  letter-spacing: .11em !important;
}
.site-header--v2 .primary-navigation__tools { height: 50px !important; }

/* Avoid duplicate header/nav overlap while scrolling. The JS threshold is also raised in v2.4. */
.site-header--v2.is-scrolled .sticky-header { transform: translateY(0) !important; }
.site-header--v2.is-scrolled .static-header { pointer-events: none; }
.sticky-header { height: 58px !important; border-top-width: 3px !important; }
.sticky-header__inner { height: 55px !important; grid-template-columns: 170px minmax(0,1fr) 150px !important; gap: 20px !important; }
.sticky-header__logo .brand-logo img { width: 150px !important; max-height: 34px !important; }
.sticky-header__nav a { font-size: 9px !important; letter-spacing: .11em !important; }

/* Homepage first section: magazine lead grid with controlled TIME-like proportions. */
.home-hero {
  padding-top: 44px !important;
  padding-bottom: 54px !important;
  background: var(--mi-white) !important;
}
.home-hero.site-shell {
  width: min(1250px, calc(100vw - 180px)) !important;
  max-width: 1250px !important;
}
.home-hero__grid {
  display: grid !important;
  grid-template-areas: "left main right" !important;
  grid-template-columns: minmax(235px, 300px) minmax(500px, 590px) minmax(235px, 300px) !important;
  gap: 28px !important;
  justify-content: center !important;
  align-items: start !important;
}
.hero-main-card {
  grid-area: main !important;
  max-width: 590px !important;
  margin-inline: auto !important;
  text-align: center !important;
}
.hero-main-card__media {
  aspect-ratio: 1.56 / 1 !important;
  max-height: 378px !important;
  background: var(--mi-grey-100) !important;
}
.hero-main-card__media img { object-fit: cover !important; }
.hero-main-card .image-credit { margin-top: 8px !important; padding-left: 0 !important; text-align: left !important; }
.hero-main-card__body {
  max-width: 620px !important;
  padding: 24px 8px 0 !important;
}
.hero-main-card h1 {
  max-width: 620px !important;
  margin-inline: auto !important;
  color: var(--mi-gold-dark) !important;
  font-size: clamp(48px, 3.75vw, 66px) !important;
  line-height: .93 !important;
  letter-spacing: -.004em !important;
  text-wrap: balance !important;
}
.hero-dek {
  max-width: 500px !important;
  margin: 14px auto 0 !important;
  font-size: 13px !important;
  line-height: 1.52 !important;
}
.author-signature--hero { margin-top: 18px !important; }
.hero-side-card {
  padding-top: 66px !important;
  max-width: 300px !important;
  margin-inline: auto !important;
}
.hero-side-card--left { grid-area: left !important; }
.hero-side-card--right { grid-area: right !important; }
.hero-side-card .story-card__media,
.hero-side-card--left .story-card__media {
  aspect-ratio: 1 / .88 !important;
  max-height: 266px !important;
}
.hero-side-card .story-card__body { padding-top: 16px !important; }
.hero-side-card .story-card__title {
  font-size: clamp(30px, 2.2vw, 38px) !important;
  line-height: .98 !important;
  letter-spacing: -.003em !important;
}
.hero-side-card .author-signature,
.hero-side-card .story-byline { margin-top: 14px !important; }
.home-hero .story-kicker { font-size: 9px !important; letter-spacing: .11em !important; }
.home-hero .story-card--accent .story-card__title { color: var(--mi-black) !important; }
.headline-strip {
  max-width: 1250px !important;
  margin: 40px auto 0 !important;
}
.headline-strip .compact-story { min-height: 126px !important; padding: 19px 22px !important; }
.headline-strip .compact-story h3 { font-size: 22px !important; line-height: 1.02 !important; }

/* Global page H1 scale: premium, not poster-sized. */
.article-header h1,
.rr-article-title,
.page-header h1,
.error-page h1,
.premium-page-hero h1,
.category-identity h1,
.author-profile-hero h1,
.mi-author-hero-v2__content h1,
.mi-vault-hero h1,
.generic-archive-header h1,
.category-title-row h1 {
  font-size: clamp(40px, 4.15vw, 68px) !important;
  line-height: .97 !important;
  max-width: 820px !important;
}
.premium-page-hero h1,
.mi-vault-hero h1 { max-width: 900px !important; }
.section-title-row h2,
.section-title-row--compact h2 { font-size: clamp(36px, 3.2vw, 54px) !important; }

/* Calmer People section. */
.people-editorial__layout {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 22px !important;
  padding-top: 30px !important;
}
.people-editorial__lead,
.people-editorial__item {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
}
.people-editorial__list { display: contents !important; border: 0 !important; }
.people-editorial__lead-media,
.people-editorial__item-media {
  aspect-ratio: .82 / 1 !important;
  margin: 0 0 14px !important;
}
.people-editorial__lead h3,
.people-editorial__item h3 {
  font-size: clamp(27px, 2.15vw, 36px) !important;
  line-height: .98 !important;
}
.people-editorial__lead > div > p:not(.story-kicker):not(.author-signature) { display: none !important; }

/* Responsive proportional adjustments. */
@media (max-width: 1480px) {
  :root { --mi-shell: min(1180px, calc(100vw - 112px)); }
  .home-hero.site-shell { width: min(1180px, calc(100vw - 112px)) !important; }
  .home-hero__grid { grid-template-columns: minmax(220px, 280px) minmax(460px, 560px) minmax(220px, 280px) !important; gap: 24px !important; }
  .hero-side-card { max-width: 280px !important; }
  .hero-main-card { max-width: 560px !important; }
}
@media (max-width: 1180px) {
  :root { --mi-shell: min(1000px, calc(100vw - 64px)); }
  .home-hero.site-shell { width: min(1000px, calc(100vw - 64px)) !important; }
  .home-hero__grid { grid-template-columns: minmax(0,.82fr) minmax(0,1.45fr) minmax(0,.82fr) !important; gap: 20px !important; }
  .hero-side-card { padding-top: 38px !important; }
  .hero-main-card h1 { font-size: clamp(44px, 4.7vw, 58px) !important; }
  .hero-side-card .story-card__title { font-size: clamp(27px, 2.8vw, 34px) !important; }
}
@media (max-width: 920px) {
  :root { --mi-shell: min(100%, calc(100vw - 32px)); }
  .site-header--v2 .masthead { min-height: 82px !important; grid-template-columns: 46px minmax(0,1fr) 46px !important; }
  .site-header--v2 .masthead__logo .brand-logo img { width: min(260px, 64vw) !important; max-height: 56px !important; }
  .site-header--v2 .primary-navigation { display: none !important; }
  .sticky-header__nav { display: none !important; }
  .sticky-header__inner { grid-template-columns: 44px minmax(0,1fr) 44px !important; }
  .sticky-header__logo { display: flex !important; justify-content: center !important; }
  .sticky-header__actions .sticky-subscribe { display: none !important; }
  .sticky-menu-toggle { display: block !important; }
  .home-hero.site-shell { width: calc(100vw - 32px) !important; }
  .home-hero__grid { display: grid !important; grid-template-columns: 1fr 1fr !important; grid-template-areas: "main main" "left right" !important; gap: 22px !important; }
  .hero-main-card { max-width: 680px !important; }
  .hero-main-card__media { max-height: none !important; }
  .hero-side-card { padding-top: 0 !important; max-width: none !important; }
  .people-editorial__layout { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width: 640px) {
  :root { --mi-shell: calc(100vw - 28px); }
  .site-header--v2 .masthead__logo .brand-logo img { width: min(250px, 70vw) !important; max-height: 52px !important; }
  .home-hero { padding-top: 22px !important; padding-bottom: 36px !important; }
  .home-hero__grid { display: block !important; }
  .hero-main-card__body { padding-top: 18px !important; }
  .hero-main-card h1 { font-size: 39px !important; line-height: .96 !important; }
  .hero-dek { font-size: 13px !important; }
  .hero-side-card { display: grid !important; grid-template-columns: 105px minmax(0,1fr) !important; gap: 13px !important; padding: 16px 0 !important; border-top: 1px solid var(--mi-grey-200) !important; }
  .hero-side-card .story-card__media { aspect-ratio: 1 / 1 !important; }
  .hero-side-card .story-card__body { padding-top: 0 !important; }
  .hero-side-card .story-card__title { font-size: 23px !important; line-height: 1 !important; }
  .headline-strip { grid-template-columns: 1fr !important; margin-top: 20px !important; }
  .people-editorial__layout { grid-template-columns: 1fr !important; }
  .people-editorial__lead,
  .people-editorial__item { display: grid !important; grid-template-columns: 92px minmax(0,1fr) !important; gap: 14px !important; }
  .people-editorial__lead-media,
  .people-editorial__item-media { aspect-ratio: 1 / 1 !important; margin: 0 !important; }
  .people-editorial__lead h3,
  .people-editorial__item h3 { font-size: 23px !important; }
}


/* v2.5 polish: circular author logo avatars and richer policy pages */
.mi-author-fallback,
.author-avatar img.mi-author-fallback,
.mi-author-avatar img.mi-author-fallback,
.avatar.mi-author-fallback {
  border-radius: 999px !important;
  object-fit: cover !important;
  background: #000 !important;
  border: 1px solid rgba(143,121,38,.55) !important;
  box-shadow: 0 0 0 4px rgba(189,166,67,.08) !important;
}
.premium-page-content,
.page-content,
.entry-content {
  scroll-margin-top: 120px;
}
.page-template-default .entry-content h2,
.premium-page-content h2 {
  font-size: clamp(30px, 2.6vw, 44px) !important;
  line-height: 1 !important;
  margin-top: 38px !important;
}
.page-template-default .entry-content p,
.premium-page-content p {
  font-size: 17px;
  line-height: 1.72;
  max-width: 850px;
}
.page-template-default .entry-content ul,
.premium-page-content ul {
  max-width: 850px;
  line-height: 1.7;
}

/* =========================================================
   Metropolitan Editorial v2.6 — dark-mode repair + TIME-like lead polish
   ========================================================= */
:root {
  --mi-shell: min(1180px, calc(100vw - 144px));
}

@media (min-width: 1181px) {
  .home-hero.site-shell {
    width: min(1180px, calc(100vw - 144px)) !important;
    max-width: 1180px !important;
  }
  .home-hero__grid {
    grid-template-columns: minmax(224px, 284px) minmax(480px, 560px) minmax(224px, 284px) !important;
    gap: 26px !important;
  }
  .hero-main-card { max-width: 560px !important; }
  .hero-main-card__media { max-height: 360px !important; }
  .hero-main-card h1 {
    font-size: clamp(46px, 3.45vw, 62px) !important;
    line-height: .94 !important;
  }
  .hero-side-card { max-width: 284px !important; padding-top: 60px !important; }
  .hero-side-card .story-card__media { max-height: 250px !important; }
  .hero-side-card .story-card__title { font-size: clamp(27px, 2vw, 34px) !important; }
}

html:not([data-theme="dark"]) body {
  background: var(--mi-white) !important;
  color: var(--mi-black) !important;
}
html:not([data-theme="dark"]) .home-hero,
html:not([data-theme="dark"]) .home-hero.site-shell,
html:not([data-theme="dark"]) .hero-main-card,
html:not([data-theme="dark"]) .hero-side-card,
html:not([data-theme="dark"]) .headline-strip {
  background: var(--mi-white) !important;
  color: var(--mi-black) !important;
}
html:not([data-theme="dark"]) .home-hero a,
html:not([data-theme="dark"]) .home-hero h1 a,
html:not([data-theme="dark"]) .home-hero .story-card__title,
html:not([data-theme="dark"]) .home-hero .story-card__title a {
  color: var(--mi-black) !important;
}
html:not([data-theme="dark"]) .home-hero .hero-main-card h1 a {
  color: var(--mi-gold-dark) !important;
}

html[data-theme="dark"] {
  color-scheme: dark;
  background: #0b0b0b !important;
}
html[data-theme="dark"] body {
  background: #0b0b0b !important;
  color: #f6f1e7 !important;
}
html[data-theme="dark"] .site-header--v2,
html[data-theme="dark"] .site-header--v2 .static-header,
html[data-theme="dark"] .site-header--v2 .masthead,
html[data-theme="dark"] .site-header--v2 .primary-navigation,
html[data-theme="dark"] .site-header--v2 .primary-navigation__tools,
html[data-theme="dark"] .site-header--v2 .mobile-topic-strip,
html[data-theme="dark"] .header-search,
html[data-theme="dark"] .home-hero,
html[data-theme="dark"] .home-hero.site-shell,
html[data-theme="dark"] .hero-main-card,
html[data-theme="dark"] .hero-main-card__body,
html[data-theme="dark"] .hero-side-card,
html[data-theme="dark"] .headline-strip,
html[data-theme="dark"] .headline-strip .compact-story,
html[data-theme="dark"] .home-latest,
html[data-theme="dark"] .people-editorial,
html[data-theme="dark"] .people-showcase,
html[data-theme="dark"] .cover-shelf,
html[data-theme="dark"] .mi-cover-carousel,
html[data-theme="dark"] .magazine-section,
html[data-theme="dark"] .home-seo-intro {
  background: #0b0b0b !important;
  color: #f6f1e7 !important;
}
html[data-theme="dark"] .home-hero a,
html[data-theme="dark"] .home-hero h1,
html[data-theme="dark"] .home-hero h1 a,
html[data-theme="dark"] .home-hero h2,
html[data-theme="dark"] .home-hero h3,
html[data-theme="dark"] .home-hero h3 a,
html[data-theme="dark"] .home-hero .story-card__title,
html[data-theme="dark"] .home-hero .story-card__title a,
html[data-theme="dark"] .headline-strip h3,
html[data-theme="dark"] .headline-strip h3 a,
html[data-theme="dark"] .people-editorial h2,
html[data-theme="dark"] .people-editorial h3,
html[data-theme="dark"] .people-editorial h3 a,
html[data-theme="dark"] .home-latest h2,
html[data-theme="dark"] .home-latest h3,
html[data-theme="dark"] .home-latest h3 a,
html[data-theme="dark"] .mi-cover-carousel h2,
html[data-theme="dark"] .mi-cover-carousel h3,
html[data-theme="dark"] .mi-cover-carousel h3 a {
  color: #f6f1e7 !important;
}
html[data-theme="dark"] .home-hero .hero-main-card h1,
html[data-theme="dark"] .home-hero .hero-main-card h1 a,
html[data-theme="dark"] .mi-cover-copy__line,
html[data-theme="dark"] .story-kicker--gold,
html[data-theme="dark"] .gold-link,
html[data-theme="dark"] .text-link {
  color: var(--mi-gold) !important;
}
html[data-theme="dark"] .hero-dek,
html[data-theme="dark"] .story-byline,
html[data-theme="dark"] .image-credit,
html[data-theme="dark"] .story-card__excerpt,
html[data-theme="dark"] .latest-row-card p,
html[data-theme="dark"] .mi-cover-copy__summary,
html[data-theme="dark"] .mi-cover-copy__issue,
html[data-theme="dark"] .home-seo-intro p {
  color: #c9c2b5 !important;
}
html[data-theme="dark"] .home-hero__grid,
html[data-theme="dark"] .headline-strip,
html[data-theme="dark"] .headline-strip .compact-story,
html[data-theme="dark"] .section-title-row,
html[data-theme="dark"] .mi-cover-carousel__heading,
html[data-theme="dark"] .people-editorial__layout,
html[data-theme="dark"] .latest-row-card,
html[data-theme="dark"] .site-header--v2 .masthead,
html[data-theme="dark"] .site-header--v2 .primary-navigation,
html[data-theme="dark"] .site-header--v2 .mobile-topic-strip {
  border-color: #2e2a20 !important;
}
html[data-theme="dark"] .story-card__media,
html[data-theme="dark"] .hero-main-card__media,
html[data-theme="dark"] .compact-story__media,
html[data-theme="dark"] .latest-row-card__media,
html[data-theme="dark"] .person-card__media,
html[data-theme="dark"] .people-editorial__lead-media,
html[data-theme="dark"] .people-editorial__item-media {
  background: #151515 !important;
}
html[data-theme="dark"] .site-header--v2 .masthead__logo .brand-logo--dark img {
  filter: invert(1) grayscale(1) brightness(2) !important;
}
html[data-theme="dark"] .button--black {
  background: #f6f1e7 !important;
  color: #0b0b0b !important;
}

@media (max-width: 920px) {
  html[data-theme="dark"] .mobile-topic-strip,
  html[data-theme="dark"] .mobile-topic-strip .mobile-topic-list,
  html[data-theme="dark"] .mobile-topic-strip .fallback-menu {
    background: #0b0b0b !important;
  }
}


/* ==========================================================
   Metropolitan Editorial v2.7 — desktop menu dropdown repair
   Fixes clipped/blank submenu boxes caused by scrollable nav
   overflow and inherited dark-mode colour rules.
   ========================================================== */
@media (min-width: 1025px) {
  .site-header--v2 .primary-navigation,
  .site-header--v2 .primary-navigation > .site-shell,
  .site-header--v2 .primary-navigation__inner,
  .site-header--v2 .primary-navigation__menu,
  .site-header--v2 .primary-navigation ul.editorial-menu,
  .site-header--v2 .primary-navigation ul.fallback-menu {
    overflow: visible !important;
  }

  .site-header--v2 .primary-navigation {
    z-index: 210 !important;
  }

  .site-header--v2 .primary-navigation .editorial-menu > li,
  .site-header--v2 .primary-navigation .fallback-menu > li {
    position: relative !important;
    z-index: 212 !important;
  }

  .site-header--v2 .primary-navigation .sub-menu {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    right: auto !important;
    z-index: 9999 !important;
    display: block !important;
    min-width: 220px !important;
    max-width: 310px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 9px 0 !important;
    background: #ffffff !important;
    border: 1px solid rgba(143, 121, 38, .28) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.12) !important;
    list-style: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate(-50%, 8px) !important;
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important;
  }

  .site-header--v2 .primary-navigation .sub-menu::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    height: 10px;
  }

  .site-header--v2 .primary-navigation .menu-item-has-children:hover > .sub-menu,
  .site-header--v2 .primary-navigation .menu-item-has-children:focus-within > .sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(-50%, 0) !important;
  }

  .site-header--v2 .primary-navigation .sub-menu li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-header--v2 .primary-navigation .sub-menu a,
  .site-header--v2 .primary-navigation .sub-menu a:visited {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 12px 18px !important;
    color: #0a0a0a !important;
    background: transparent !important;
    font-family: var(--mi-body) !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    letter-spacing: .105em !important;
    text-transform: uppercase !important;
    text-align: left !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .site-header--v2 .primary-navigation .sub-menu a:hover,
  .site-header--v2 .primary-navigation .sub-menu a:focus {
    color: var(--mi-gold-dark) !important;
    background: #fbf8f2 !important;
  }

  html[data-theme="dark"] .site-header--v2 .primary-navigation .sub-menu {
    background: #101010 !important;
    border-color: rgba(189,166,67,.36) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.45) !important;
  }

  html[data-theme="dark"] .site-header--v2 .primary-navigation .sub-menu a,
  html[data-theme="dark"] .site-header--v2 .primary-navigation .sub-menu a:visited {
    color: #f6f1e7 !important;
    background: transparent !important;
  }

  html[data-theme="dark"] .site-header--v2 .primary-navigation .sub-menu a:hover,
  html[data-theme="dark"] .site-header--v2 .primary-navigation .sub-menu a:focus {
    color: var(--mi-gold) !important;
    background: #181818 !important;
  }
}


/* ==========================================================
   Metropolitan Editorial v2.8 — final menu + mobile-width + dark-mode repair
   Purpose: robust desktop dropdown via detached popover, full-width mobile,
   and readable dark-mode hero/sections.
   ========================================================== */

/* Desktop dropdown: hide original submenu boxes because they are inside a
   horizontally managed nav. JS renders an unclipped fixed popover instead. */
@media (min-width: 1025px) {
  .site-header--v2 .primary-navigation .sub-menu {
    display: none !important;
  }
  .site-header--v2 .primary-navigation,
  .site-header--v2 .primary-navigation > .site-shell,
  .site-header--v2 .primary-navigation__inner {
    overflow: visible !important;
  }
  .site-header--v2 .primary-navigation__menu {
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
}

.mi-menu-popover {
  position: fixed;
  z-index: 2147483000;
  min-width: 238px;
  max-width: min(360px, calc(100vw - 32px));
  padding: 10px 0;
  background: #fff;
  border: 1px solid rgba(143,121,38,.32);
  box-shadow: 0 22px 54px rgba(0,0,0,.16);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity .14s ease, transform .14s ease, visibility .14s ease;
}
.mi-menu-popover.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.mi-menu-popover::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -12px;
  height: 12px;
}
.mi-menu-popover ul,
.mi-menu-popover li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: block !important;
}
.mi-menu-popover a,
.mi-menu-popover a:visited {
  display: block !important;
  padding: 12px 18px !important;
  font-family: var(--mi-body) !important;
  font-size: 10px !important;
  line-height: 1.32 !important;
  letter-spacing: .105em !important;
  text-transform: uppercase !important;
  white-space: normal !important;
  color: #0a0a0a !important;
  background: transparent !important;
  text-align: left !important;
  text-decoration: none !important;
}
.mi-menu-popover a:hover,
.mi-menu-popover a:focus {
  color: var(--mi-gold-dark) !important;
  background: #fbf8f2 !important;
  outline: none;
}
html[data-theme="dark"] .mi-menu-popover {
  background: #111;
  border-color: rgba(189,166,67,.45);
  box-shadow: 0 22px 54px rgba(0,0,0,.58);
}
html[data-theme="dark"] .mi-menu-popover a,
html[data-theme="dark"] .mi-menu-popover a:visited { color: #f8f1df !important; }
html[data-theme="dark"] .mi-menu-popover a:hover,
html[data-theme="dark"] .mi-menu-popover a:focus { color: var(--mi-gold) !important; background: #1b1b1b !important; }

/* Dark mode: switch full content surfaces together so text never sits on a
   white card with white/cream text. */
html[data-theme="dark"],
html[data-theme="dark"] body {
  background: #0b0b0b !important;
  color: #f6f1e7 !important;
}
html[data-theme="dark"] main,
html[data-theme="dark"] .home-hero,
html[data-theme="dark"] .home-latest,
html[data-theme="dark"] .people-editorial,
html[data-theme="dark"] .home-seo-intro,
html[data-theme="dark"] .mi-cover-carousel,
html[data-theme="dark"] .section-feature,
html[data-theme="dark"] .section-pad:not(.newsletter-band):not(.voices-band) {
  background: #0b0b0b !important;
  color: #f6f1e7 !important;
}
html[data-theme="dark"] .hero-main-card,
html[data-theme="dark"] .hero-side-card,
html[data-theme="dark"] .story-card,
html[data-theme="dark"] .compact-story,
html[data-theme="dark"] .latest-row-card,
html[data-theme="dark"] .people-editorial__lead,
html[data-theme="dark"] .people-editorial__item,
html[data-theme="dark"] .section-feature article {
  background: transparent !important;
  color: #f6f1e7 !important;
  border-color: rgba(189,166,67,.22) !important;
}
html[data-theme="dark"] .hero-main-card h1,
html[data-theme="dark"] .hero-main-card h1 a,
html[data-theme="dark"] .hero-side-card .story-card__title,
html[data-theme="dark"] .hero-side-card .story-card__title a,
html[data-theme="dark"] .compact-story h3,
html[data-theme="dark"] .compact-story h3 a,
html[data-theme="dark"] .latest-row-card h3,
html[data-theme="dark"] .latest-row-card h3 a,
html[data-theme="dark"] .people-editorial h2,
html[data-theme="dark"] .people-editorial h3,
html[data-theme="dark"] .people-editorial h3 a,
html[data-theme="dark"] .section-title-row h2,
html[data-theme="dark"] .story-card__title,
html[data-theme="dark"] .story-card__title a {
  color: #f8f1df !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .hero-dek,
html[data-theme="dark"] .story-byline,
html[data-theme="dark"] .author-signature,
html[data-theme="dark"] .latest-row-card p,
html[data-theme="dark"] .people-editorial p {
  color: rgba(248,241,223,.78) !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .story-kicker,
html[data-theme="dark"] .story-kicker--gold,
html[data-theme="dark"] .metropolitan-category-label,
html[data-theme="dark"] .category-label {
  color: var(--mi-gold) !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .headline-strip,
html[data-theme="dark"] .home-hero__grid,
html[data-theme="dark"] .people-editorial__layout,
html[data-theme="dark"] .home-latest__grid {
  border-color: rgba(189,166,67,.22) !important;
}
html[data-theme="dark"] .site-header--v2 .static-header,
html[data-theme="dark"] .site-header--v2 .masthead,
html[data-theme="dark"] .site-header--v2 .primary-navigation,
html[data-theme="dark"] .site-header--v2 .primary-navigation__tools,
html[data-theme="dark"] .site-header--v2 .mobile-topic-strip {
  background: #0a0a0a !important;
  color: #f6f1e7 !important;
  border-color: rgba(189,166,67,.28) !important;
}
html[data-theme="dark"] .site-header--v2 .primary-navigation a,
html[data-theme="dark"] .site-header--v2 .masthead__brief a,
html[data-theme="dark"] .site-header--v2 .masthead__actions a,
html[data-theme="dark"] .site-header--v2 .mobile-topic-strip a {
  color: #f6f1e7 !important;
}
html[data-theme="dark"] .site-header--v2 .primary-navigation a:hover,
html[data-theme="dark"] .site-header--v2 .masthead__actions .gold-link,
html[data-theme="dark"] .site-header--v2 .mobile-topic-strip a:hover {
  color: var(--mi-gold) !important;
}

/* Mobile: use full-width canvas. Keep text readable with internal padding. */
@media (max-width: 760px) {
  html, body { width: 100%; overflow-x: hidden; }
  :root {
    --mi-shell: 100vw !important;
    --mi-shell-wide: 100vw !important;
    --mi-article: calc(100vw - 32px) !important;
  }
  .site-shell,
  .home-hero.site-shell,
  .site-header--v2 .masthead.site-shell,
  .site-header--v2 .primary-navigation > .site-shell,
  .sticky-header__inner.site-shell,
  .section-pad > .site-shell,
  .mi-cover-carousel > .site-shell,
  .people-editorial > .site-shell,
  .home-latest > .site-shell,
  .home-seo-intro > .site-shell,
  .newsletter-band > .site-shell,
  .voices-band > .site-shell {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .site-header--v2 .masthead,
  .mobile-topic-strip,
  .home-hero,
  .section-pad,
  .newsletter-band,
  .voices-band {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .site-header--v2 .masthead { padding-inline: 16px !important; }
  .home-hero__grid,
  .headline-strip,
  .home-latest__grid,
  .people-editorial__layout,
  .home-seo-intro__grid,
  .section-title-row,
  .mi-cover-carousel__heading,
  .mi-cover-carousel__stage,
  .mi-cover-carousel__thumbs,
  .newsletter-band__grid,
  .voices-grid {
    width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }
  .hero-main-card__media,
  .hero-side-card .story-card__media,
  .feature-side-card .story-card__media,
  .people-editorial__lead-media,
  .people-editorial__item-media {
    margin-left: -16px !important;
    margin-right: -16px !important;
    width: calc(100% + 32px) !important;
    max-width: none !important;
  }
  .hero-side-card {
    display: block !important;
    padding: 22px 16px !important;
    border-top: 1px solid var(--mi-grey-200) !important;
  }
  .hero-side-card .story-card__media {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
  .hero-main-card__body,
  .hero-side-card .story-card__body { padding-left: 0 !important; padding-right: 0 !important; }
  .hero-main-card h1 { font-size: clamp(36px, 10vw, 48px) !important; }
  .hero-side-card .story-card__title { font-size: 27px !important; }
  .sticky-header { display: none !important; }
}

/* =========================================================
   Metropolitan Editorial v2.9 — final navigation + mobile alignment patch
   Fixes: desktop menu/tools overlap, native dropdown visibility,
   mobile card alignment, and mobile menu logo corner placement.
   ========================================================= */

/* Desktop primary nav: use a real flex row so menu cannot sit under icons. */
@media (min-width: 1025px) {
  .site-header--v2 .primary-navigation__inner.site-shell,
  .site-header--v2 .primary-navigation__inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 20px !important;
    min-height: 54px !important;
    overflow: visible !important;
  }
  .site-header--v2 .primary-navigation__menu {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 54px !important;
    overflow: visible !important;
  }
  .site-header--v2 .primary-navigation .editorial-menu,
  .site-header--v2 .primary-navigation .fallback-menu {
    flex: 0 1 auto !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(12px, 1.2vw, 24px) !important;
    min-height: 54px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  .site-header--v2 .primary-navigation .editorial-menu > li,
  .site-header--v2 .primary-navigation .fallback-menu > li {
    position: relative !important;
    flex: 0 0 auto !important;
  }
  .site-header--v2 .primary-navigation .editorial-menu > li > a,
  .site-header--v2 .primary-navigation .fallback-menu > li > a {
    min-height: 54px !important;
    font-size: 9.5px !important;
    letter-spacing: .105em !important;
    line-height: 1 !important;
  }
  .site-header--v2 .primary-navigation__tools {
    position: static !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 14px !important;
    width: auto !important;
    min-width: 82px !important;
    height: 54px !important;
    padding: 0 0 0 16px !important;
    margin-left: 0 !important;
    background: inherit !important;
    z-index: 4 !important;
  }
  .site-header--v2 .theme-toggle,
  .site-header--v2 .desktop-search-toggle {
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
  }

  /* Use native dropdowns. They are now unclipped because the nav row is not a scroller. */
  .site-header--v2 .primary-navigation .sub-menu {
    display: block !important;
    position: absolute !important;
    top: calc(100% - 1px) !important;
    left: 50% !important;
    z-index: 99999 !important;
    min-width: 248px !important;
    max-width: 330px !important;
    margin: 0 !important;
    padding: 12px 0 !important;
    border: 1px solid rgba(143,121,38,.32) !important;
    background: #fff !important;
    box-shadow: 0 22px 54px rgba(0,0,0,.16) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate(-50%, 8px) !important;
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important;
  }
  .site-header--v2 .primary-navigation .sub-menu::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: -14px !important;
    height: 14px !important;
  }
  .site-header--v2 .primary-navigation .menu-item-has-children:hover > .sub-menu,
  .site-header--v2 .primary-navigation .menu-item-has-children:focus-within > .sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(-50%, 0) !important;
  }
  .site-header--v2 .primary-navigation .sub-menu li,
  .site-header--v2 .primary-navigation .sub-menu a {
    display: block !important;
    width: 100% !important;
  }
  .site-header--v2 .primary-navigation .sub-menu a,
  .site-header--v2 .primary-navigation .sub-menu a:visited {
    min-height: 0 !important;
    padding: 12px 18px !important;
    color: #0a0a0a !important;
    background: transparent !important;
    font-family: var(--mi-body) !important;
    font-size: 10px !important;
    letter-spacing: .095em !important;
    line-height: 1.32 !important;
    text-align: left !important;
    text-transform: uppercase !important;
    white-space: normal !important;
  }
  .site-header--v2 .primary-navigation .sub-menu a:hover,
  .site-header--v2 .primary-navigation .sub-menu a:focus {
    color: var(--mi-gold-dark) !important;
    background: #fbf8f2 !important;
  }
  html[data-theme="dark"] .site-header--v2 .primary-navigation .sub-menu {
    background: #111 !important;
    border-color: rgba(189,166,67,.48) !important;
    box-shadow: 0 22px 54px rgba(0,0,0,.58) !important;
  }
  html[data-theme="dark"] .site-header--v2 .primary-navigation .sub-menu a,
  html[data-theme="dark"] .site-header--v2 .primary-navigation .sub-menu a:visited {
    color: #f8f1df !important;
  }
  html[data-theme="dark"] .site-header--v2 .primary-navigation .sub-menu a:hover,
  html[data-theme="dark"] .site-header--v2 .primary-navigation .sub-menu a:focus {
    color: var(--mi-gold) !important;
    background: #1b1b1b !important;
  }
  .mi-menu-popover { display: none !important; }

  /* Sticky nav: reserve a fixed actions column so it cannot overlap search/subscription. */
  .sticky-header__inner,
  .sticky-header__inner.site-shell {
    display: grid !important;
    grid-template-columns: 160px minmax(0, 1fr) 132px !important;
    gap: 18px !important;
    align-items: center !important;
  }
  .sticky-header__nav {
    min-width: 0 !important;
    overflow: hidden !important;
  }
  .sticky-header__nav ul {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    gap: clamp(12px, 1.1vw, 22px) !important;
    overflow: hidden !important;
  }
  .sticky-header__nav li { flex: 0 1 auto !important; min-width: 0 !important; }
  .sticky-header__nav a {
    display: block !important;
    max-width: 155px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 8.8px !important;
    letter-spacing: .1em !important;
  }
  .sticky-header__actions {
    min-width: 132px !important;
    justify-content: flex-end !important;
    z-index: 4 !important;
  }
}

@media (max-width: 1180px) and (min-width: 1025px) {
  .site-header--v2 .primary-navigation .editorial-menu,
  .site-header--v2 .primary-navigation .fallback-menu { gap: 12px !important; }
  .site-header--v2 .primary-navigation .editorial-menu > li > a,
  .site-header--v2 .primary-navigation .fallback-menu > li > a { font-size: 8.8px !important; letter-spacing: .085em !important; }
}

/* Mobile menu: logo sits in the corner, not as a centered focus block. */
.mobile-navigation { padding: 22px 20px 34px !important; }
.mobile-navigation__top {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 20px !important;
  padding-bottom: 24px !important;
}
.mobile-navigation__top .brand-logo { flex: 0 0 auto !important; display: inline-flex !important; }
.mobile-navigation__top .brand-logo img {
  width: min(210px, 48vw) !important;
  max-height: 54px !important;
  object-fit: contain !important;
}
.mobile-navigation__top .brand-logo:focus,
.mobile-navigation__top .brand-logo:focus-visible,
.mobile-navigation__top .brand-logo a:focus,
.mobile-navigation__top .brand-logo a:focus-visible {
  outline: 0 !important;
  box-shadow: none !important;
}
.mobile-navigation .menu-close {
  flex: 0 0 48px !important;
  width: 48px !important;
  height: 48px !important;
  line-height: 1 !important;
}

/* Mobile alignment: full-width sections, but no text collisions. */
@media (max-width: 760px) {
  .home-hero,
  .magazine-section,
  .people-editorial,
  .home-latest,
  .mi-cover-carousel,
  .home-seo-intro,
  .newsletter-band,
  .voices-band {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
  }
  .home-hero__grid,
  .magazine-feature-grid,
  .thumbnail-strip,
  .people-editorial__layout,
  .people-editorial__list,
  .home-latest__grid {
    display: block !important;
    width: 100% !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    box-sizing: border-box !important;
  }
  .section-title-row,
  .section-title-row--compact {
    display: block !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .section-title-row h2,
  .section-title-row--compact h2 {
    font-size: clamp(42px, 14vw, 58px) !important;
    line-height: .96 !important;
  }
  .section-title-row__right {
    margin-top: 18px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  .feature-main-card,
  .feature-side-card,
  .people-editorial__lead,
  .people-editorial__item,
  .latest-row-card,
  .thumbnail-strip .compact-story {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 0 28px !important;
    margin: 0 0 30px !important;
    border-bottom: 1px solid var(--mi-grey-200) !important;
    overflow: visible !important;
  }
  .feature-main-card .story-card__media,
  .feature-side-card .story-card__media,
  .people-editorial__lead-media,
  .people-editorial__item-media,
  .latest-row-card__media,
  .thumbnail-strip .compact-story__media {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 18px !important;
    aspect-ratio: 1.22 / 1 !important;
    overflow: hidden !important;
    background: #0a0a0a !important;
  }
  .feature-main-card .story-card__media img,
  .feature-side-card .story-card__media img,
  .people-editorial__lead-media img,
  .people-editorial__item-media img,
  .latest-row-card__media img,
  .thumbnail-strip .compact-story__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
  .feature-main-card .story-card__body,
  .feature-side-card .story-card__body,
  .people-editorial__lead > div,
  .people-editorial__item > div,
  .latest-row-card > div,
  .thumbnail-strip .compact-story > div {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }
  .feature-main-card { text-align: center !important; }
  .feature-main-card .story-card__title,
  .feature-main-card .story-card__title a {
    font-size: clamp(35px, 11vw, 48px) !important;
    line-height: .96 !important;
    text-align: center !important;
  }
  .feature-side-card .story-card__title,
  .feature-side-card .story-card__title a,
  .people-editorial__lead h3,
  .people-editorial__lead h3 a,
  .people-editorial__item h3,
  .people-editorial__item h3 a,
  .latest-row-card h3,
  .latest-row-card h3 a,
  .thumbnail-strip .compact-story h3,
  .thumbnail-strip .compact-story h3 a {
    font-size: clamp(28px, 8.5vw, 38px) !important;
    line-height: 1 !important;
    text-align: left !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }
  .feature-main-card .story-kicker,
  .feature-side-card .story-kicker,
  .people-editorial .story-kicker,
  .latest-row-card .story-kicker,
  .thumbnail-strip .story-kicker {
    margin: 0 0 10px !important;
    font-size: 10px !important;
    letter-spacing: .16em !important;
  }
  .author-signature,
  .author-signature--small,
  .author-signature--tiny {
    display: flex !important;
    align-items: baseline !important;
    gap: 7px !important;
    margin-top: 12px !important;
    justify-content: flex-start !important;
  }
  .author-signature__by,
  .author-signature--small .author-signature__by,
  .author-signature--tiny .author-signature__by { font-size: 15px !important; }
  .author-signature__name,
  .author-signature--small .author-signature__name,
  .author-signature--tiny .author-signature__name { font-size: 10px !important; letter-spacing: .16em !important; }

  .people-editorial__layout { padding-top: 24px !important; }
  .people-editorial__lead > div > p:not(.story-kicker):not(.author-signature) {
    display: block !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin: 12px 0 0 !important;
    text-align: left !important;
  }
  .people-editorial__list { border: 0 !important; }
  .people-editorial__lead-media,
  .people-editorial__item-media { max-height: none !important; }

  /* If a graphical featured image contains text, prevent aggressive left cropping. */
  .feature-main-card .story-card__media img { object-fit: contain !important; }
}

@media (max-width: 420px) {
  .mobile-navigation__top .brand-logo img { width: 178px !important; }
  .feature-main-card .story-card__title,
  .feature-main-card .story-card__title a { font-size: 39px !important; }
  .feature-side-card .story-card__title,
  .people-editorial__item h3,
  .latest-row-card h3 { font-size: 30px !important; }
}

/* =========================================================
   Metropolitan Editorial v3.0 — Sovereign baseline grid repair
   Fixes staggered homepage lead: aligned image top edges, equal media height,
   and consistent text starting line across Jurisflow / Vas / Abhilash modules.
   ========================================================= */
@media (min-width: 921px) {
  .home-hero {
    padding-top: 42px !important;
    padding-bottom: 44px !important;
  }

  .home-hero.site-shell {
    width: min(1180px, calc(100vw - 148px)) !important;
    max-width: 1180px !important;
    margin-inline: auto !important;
  }

  .home-hero__grid {
    --mi-home-media-height: clamp(300px, 24vw, 354px);
    display: grid !important;
    grid-template-areas: "left main right" !important;
    grid-template-columns: minmax(238px, 300px) minmax(472px, 560px) minmax(238px, 300px) !important;
    gap: clamp(22px, 2vw, 30px) !important;
    align-items: start !important;
    justify-content: center !important;
  }

  .hero-main-card,
  .hero-side-card {
    align-self: start !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
  }

  .hero-main-card {
    grid-area: main !important;
    max-width: 560px !important;
  }

  .hero-side-card--left { grid-area: left !important; }
  .hero-side-card--right { grid-area: right !important; }

  .hero-side-card {
    max-width: 300px !important;
  }

  .hero-main-card__media,
  .hero-side-card .story-card__media,
  .hero-side-card--left .story-card__media,
  .hero-side-card--right .story-card__media {
    width: 100% !important;
    height: var(--mi-home-media-height) !important;
    min-height: var(--mi-home-media-height) !important;
    max-height: var(--mi-home-media-height) !important;
    aspect-ratio: auto !important;
    display: block !important;
    overflow: hidden !important;
    background: var(--mi-grey-100) !important;
  }

  .hero-main-card__media img,
  .hero-side-card .story-card__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  /* Credits are visually useful, but in the lead triad they create broken baselines.
     Hide them here so every story begins from the same editorial line. */
  .home-hero .image-credit {
    display: none !important;
  }

  .hero-main-card__body,
  .hero-side-card .story-card__body {
    padding-top: 18px !important;
    margin-top: 0 !important;
  }

  .hero-main-card__body {
    max-width: 560px !important;
    padding-inline: 0 !important;
  }

  .home-hero .story-kicker {
    display: block !important;
    margin: 0 0 12px !important;
    min-height: 12px !important;
    color: var(--mi-gold-dark) !important;
    font-size: 9.5px !important;
    line-height: 1.2 !important;
    letter-spacing: .14em !important;
  }

  .hero-main-card h1 {
    margin-top: 0 !important;
    font-size: clamp(42px, 3.2vw, 56px) !important;
    line-height: .96 !important;
    letter-spacing: -.006em !important;
    color: var(--mi-gold-dark) !important;
    max-width: 560px !important;
  }

  .hero-side-card .story-card__title {
    margin-top: 0 !important;
    font-size: clamp(25px, 1.85vw, 31px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.004em !important;
  }

  .hero-dek {
    margin-top: 12px !important;
    max-width: 460px !important;
    font-size: 13px !important;
    line-height: 1.48 !important;
  }

  .hero-side-card .author-signature,
  .hero-main-card .author-signature {
    margin-top: 13px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1320px) {
  .home-hero.site-shell {
    width: min(1090px, calc(100vw - 96px)) !important;
  }
  .home-hero__grid {
    --mi-home-media-height: clamp(288px, 23vw, 332px);
    grid-template-columns: minmax(218px, 270px) minmax(440px, 520px) minmax(218px, 270px) !important;
    gap: 22px !important;
  }
  .hero-main-card { max-width: 520px !important; }
  .hero-side-card { max-width: 270px !important; }
}

@media (max-width: 920px) {
  .home-hero .image-credit {
    display: none !important;
  }
}

/* --------------------------------------------------------------------------
   v3.1 Header alignment repair
   Fixes clipped first menu item and overlap with dark-mode/search controls.
   The article canvas remains restrained; the navigation gets its own safe width.
   -------------------------------------------------------------------------- */
.site-header--v2 .primary-navigation {
  overflow: visible !important;
  position: relative !important;
  z-index: 820 !important;
}
.site-header--v2 .primary-navigation > .site-shell,
.site-header--v2 .primary-navigation__inner {
  width: min(1560px, calc(100vw - 96px)) !important;
  max-width: min(1560px, calc(100vw - 96px)) !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 92px !important;
  align-items: stretch !important;
  gap: 18px !important;
  min-height: 58px !important;
  overflow: visible !important;
}
.site-header--v2 .primary-navigation__menu {
  min-width: 0 !important;
  min-height: 58px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: stretch !important;
  overflow: visible !important;
}
.site-header--v2 .primary-navigation ul.editorial-menu,
.site-header--v2 .primary-navigation ul.fallback-menu {
  width: auto !important;
  max-width: 100% !important;
  min-height: 58px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: clamp(14px, 1.15vw, 26px) !important;
  overflow: visible !important;
}
.site-header--v2 .primary-navigation .editorial-menu > li,
.site-header--v2 .primary-navigation .fallback-menu > li {
  position: relative !important;
  flex: 0 0 auto !important;
}
.site-header--v2 .primary-navigation .editorial-menu > li > a,
.site-header--v2 .primary-navigation .fallback-menu > li > a {
  min-height: 58px !important;
  font-size: clamp(9px, .58vw, 10.5px) !important;
  letter-spacing: .055em !important;
  line-height: 1 !important;
}
.site-header--v2 .primary-navigation .menu-item-has-children > a::after {
  margin-left: 7px !important;
  width: 6px !important;
  height: 6px !important;
}
.site-header--v2 .primary-navigation__tools {
  position: static !important;
  inset: auto !important;
  z-index: 4 !important;
  height: 58px !important;
  width: 92px !important;
  padding: 0 !important;
  flex: 0 0 92px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  background: var(--mi-white) !important;
}
html[data-theme="dark"] .site-header--v2 .primary-navigation__tools {
  background: var(--mi-black) !important;
}
.site-header--v2 .theme-toggle,
.site-header--v2 .desktop-search-toggle {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
}
.site-header--v2 .primary-navigation .sub-menu {
  z-index: 9999 !important;
  top: calc(100% - 1px) !important;
  left: 50% !important;
  min-width: 230px !important;
  background: var(--mi-white) !important;
  border-color: var(--mi-grey-200) !important;
  color: var(--mi-black) !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.site-header--v2 .primary-navigation .sub-menu a {
  color: var(--mi-black) !important;
  font-size: 10px !important;
  letter-spacing: .075em !important;
}
.site-header--v2 .primary-navigation .menu-item-has-children:hover > .sub-menu,
.site-header--v2 .primary-navigation .menu-item-has-children:focus-within > .sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate(-50%, 0) !important;
}
html[data-theme="dark"] .site-header--v2 .primary-navigation .sub-menu {
  background: #0a0a0a !important;
  border-color: rgba(189,166,67,.42) !important;
  box-shadow: 0 22px 50px rgba(0,0,0,.55) !important;
}
html[data-theme="dark"] .site-header--v2 .primary-navigation .sub-menu a {
  color: #fff !important;
}
html[data-theme="dark"] .site-header--v2 .primary-navigation .sub-menu a:hover {
  color: var(--mi-gold) !important;
}

/* Sticky header: reserve actions area and prevent menu running below icons. */
.sticky-header__inner.site-shell {
  width: min(1560px, calc(100vw - 96px)) !important;
  max-width: min(1560px, calc(100vw - 96px)) !important;
  grid-template-columns: 170px minmax(0,1fr) 152px !important;
  gap: 22px !important;
}
.sticky-header__nav {
  min-width: 0 !important;
  overflow: hidden !important;
}
.sticky-header__nav ul {
  gap: clamp(12px, 1vw, 24px) !important;
  max-width: 100% !important;
}
.sticky-header__actions {
  width: 152px !important;
  flex: 0 0 152px !important;
}

@media (max-width: 1380px) {
  .site-header--v2 .primary-navigation > .site-shell,
  .site-header--v2 .primary-navigation__inner {
    width: calc(100vw - 44px) !important;
    max-width: calc(100vw - 44px) !important;
    grid-template-columns: minmax(0, 1fr) 84px !important;
    gap: 12px !important;
  }
  .site-header--v2 .primary-navigation__tools { width: 84px !important; flex-basis: 84px !important; gap: 10px !important; }
  .site-header--v2 .primary-navigation__menu {
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .site-header--v2 .primary-navigation__menu::-webkit-scrollbar { display: none; }
  .site-header--v2 .primary-navigation ul.editorial-menu,
  .site-header--v2 .primary-navigation ul.fallback-menu {
    justify-content: flex-start !important;
    width: max-content !important;
    max-width: none !important;
    gap: 17px !important;
    padding-right: 8px !important;
  }
  .site-header--v2 .primary-navigation .sub-menu {
    position: fixed !important;
    top: 250px !important;
  }
  .sticky-header__inner.site-shell {
    width: calc(100vw - 44px) !important;
    max-width: calc(100vw - 44px) !important;
  }
}

@media (max-width: 920px) {
  .site-header--v2 .primary-navigation { display: none !important; }
  .site-header--v2 .masthead.site-shell {
    width: 100% !important;
    max-width: 100% !important;
    padding-inline: 16px !important;
  }
}


/* =========================================================
   Metropolitan Editorial v3.2 — centered desktop navigation
   Fixes: primary menu was visually shifted left because the
   icon/tools column participated in the flex layout. The menu
   is now centered to the viewport while tools are reserved on
   the right as an independent action rail.
   ========================================================= */
@media (min-width: 1025px) {
  .site-header--v2 .primary-navigation {
    position: relative !important;
    overflow: visible !important;
  }
  .site-header--v2 .primary-navigation__inner.site-shell,
  .site-header--v2 .primary-navigation__inner {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 54px !important;
    margin: 0 auto !important;
    padding: 0 clamp(74px, 5vw, 118px) !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }
  .site-header--v2 .primary-navigation__menu {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    max-width: calc(100vw - clamp(320px, 18vw, 420px)) !important;
    min-height: 54px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  .site-header--v2 .primary-navigation .editorial-menu,
  .site-header--v2 .primary-navigation .fallback-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 54px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: clamp(16px, 1.35vw, 30px) !important;
    overflow: visible !important;
  }
  .site-header--v2 .primary-navigation .editorial-menu > li,
  .site-header--v2 .primary-navigation .fallback-menu > li {
    position: relative !important;
    flex: 0 0 auto !important;
  }
  .site-header--v2 .primary-navigation .editorial-menu > li > a,
  .site-header--v2 .primary-navigation .fallback-menu > li > a {
    min-height: 54px !important;
    font-size: clamp(8.4px, .49vw, 10px) !important;
    letter-spacing: .105em !important;
    line-height: 1 !important;
  }
  .site-header--v2 .primary-navigation__tools {
    position: absolute !important;
    top: 0 !important;
    right: clamp(28px, 3.4vw, 72px) !important;
    z-index: 6 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 18px !important;
    width: 92px !important;
    min-width: 92px !important;
    height: 54px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
  }
  .site-header--v2 .theme-toggle,
  .site-header--v2 .desktop-search-toggle {
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
  }
}

@media (min-width: 1025px) and (max-width: 1500px) {
  .site-header--v2 .primary-navigation__inner.site-shell,
  .site-header--v2 .primary-navigation__inner {
    padding-inline: 52px !important;
  }
  .site-header--v2 .primary-navigation__menu {
    max-width: calc(100vw - 230px) !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scrollbar-width: none !important;
  }
  .site-header--v2 .primary-navigation__menu::-webkit-scrollbar { display: none !important; }
  .site-header--v2 .primary-navigation .editorial-menu,
  .site-header--v2 .primary-navigation .fallback-menu {
    gap: 14px !important;
  }
  .site-header--v2 .primary-navigation .editorial-menu > li > a,
  .site-header--v2 .primary-navigation .fallback-menu > li > a {
    font-size: 8.4px !important;
    letter-spacing: .08em !important;
  }
  .site-header--v2 .primary-navigation__tools {
    right: 30px !important;
    width: 78px !important;
    min-width: 78px !important;
    gap: 10px !important;
  }
}

@media (min-width: 1800px) {
  .site-header--v2 .primary-navigation__menu {
    max-width: calc(100vw - 300px) !important;
  }
}


/* =========================================================
   Metropolitan Editorial v3.3 — TIME-inspired mobile desk rhythm
   and mobile alignment repair
   ========================================================= */
@media (max-width: 640px) {
  html, body { overflow-x: hidden; }
  :root { --mi-shell: 100vw; }
  .site-shell,
  .home-hero.site-shell,
  .magazine-section .site-shell,
  .people-editorial .site-shell,
  .voices-band .site-shell,
  .home-latest .site-shell,
  .mi-cover-carousel .site-shell {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
  }

  /* Mobile homepage section headers: clean TIME-like centered rhythm */
  .magazine-section {
    padding-block: 52px 34px !important;
    border-top: 14px solid var(--mi-cream) !important;
    background: var(--mi-white) !important;
    overflow: hidden !important;
  }
  html[data-theme="dark"] .magazine-section { background: var(--mi-black) !important; border-top-color: #111 !important; }
  .magazine-section .section-title-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 0 20px 22px !important;
    border-bottom: 1px solid var(--mi-grey-200) !important;
    text-align: center !important;
  }
  .magazine-section .section-title-row h2 {
    width: 100% !important;
    max-width: 360px !important;
    margin: 0 auto !important;
    font-family: var(--mi-body) !important;
    font-size: clamp(42px, 13.5vw, 62px) !important;
    font-weight: 400 !important;
    line-height: .94 !important;
    letter-spacing: -.02em !important;
    color: var(--mi-black) !important;
    text-align: center !important;
  }
  html[data-theme="dark"] .magazine-section .section-title-row h2 { color: var(--mi-white) !important; }
  .magazine-section .section-title-row__right {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 18px !important;
    width: 100% !important;
  }
  .magazine-section .topic-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
    width: min(330px, calc(100vw - 36px)) !important;
  }
  .magazine-section .topic-pills a {
    min-height: 28px !important;
    padding: 6px 10px !important;
    border: 1px solid var(--mi-grey-200) !important;
    background: var(--mi-white) !important;
    color: var(--mi-black) !important;
    font-size: 9px !important;
    letter-spacing: .08em !important;
    line-height: 1 !important;
  }
  html[data-theme="dark"] .magazine-section .topic-pills a { background: #0b0b0b !important; color: #ededed !important; border-color: #2c2c2c !important; }
  .magazine-section .topic-pills a span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 15px !important;
    height: 15px !important;
    margin-left: 6px !important;
    border-radius: 50% !important;
    background: var(--mi-black) !important;
    color: var(--mi-white) !important;
    font-size: 10px !important;
  }
  .magazine-section .section-all {
    display: inline-flex !important;
    color: var(--mi-gold-dark) !important;
    font-size: 10px !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
  }

  /* Mobile category lead stories: one swipeable lead rail, no overlap */
  .magazine-feature-grid {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    width: 100% !important;
    padding: 28px 22px 10px !important;
    margin: 0 !important;
  }
  .magazine-feature-grid::-webkit-scrollbar { display: none !important; }
  .magazine-feature-grid .story-card,
  .magazine-feature-grid .feature-main-card,
  .magazine-feature-grid .feature-side-card {
    flex: 0 0 min(78vw, 320px) !important;
    width: min(78vw, 320px) !important;
    min-width: min(78vw, 320px) !important;
    max-width: min(78vw, 320px) !important;
    scroll-snap-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    text-align: center !important;
    background: transparent !important;
  }
  .magazine-feature-grid .story-card__media {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1.03 !important;
    max-height: none !important;
    overflow: hidden !important;
    background: var(--mi-grey-100) !important;
  }
  .magazine-feature-grid .story-card__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .magazine-feature-grid .image-credit { display: none !important; }
  .magazine-feature-grid .story-card__body,
  .feature-main-card .story-card__body {
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 16px 6px 0 !important;
    text-align: center !important;
  }
  .magazine-feature-grid .story-kicker {
    display: inline-block !important;
    margin-bottom: 8px !important;
    color: var(--mi-grey-600) !important;
    font-size: 9px !important;
    letter-spacing: .14em !important;
  }
  .magazine-feature-grid .story-card__title,
  .feature-main-card .story-card__title,
  .feature-side-card .story-card__title {
    color: var(--mi-black) !important;
    font-size: clamp(25px, 7.3vw, 34px) !important;
    line-height: .98 !important;
    letter-spacing: -.006em !important;
    text-align: center !important;
    text-wrap: balance !important;
  }
  .magazine-feature-grid .story-card--accent .story-card__title { color: var(--mi-gold-dark) !important; }
  html[data-theme="dark"] .magazine-feature-grid .story-card__title { color: var(--mi-white) !important; }
  .magazine-feature-grid .story-card__excerpt { display: none !important; }
  .magazine-feature-grid .author-signature,
  .magazine-feature-grid .author-signature--small {
    justify-content: center !important;
    margin-top: 12px !important;
    font-size: 11px !important;
    text-align: center !important;
  }

  /* Supporting stories below each category: clean vertical list */
  .thumbnail-strip {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 22px 0 0 !important;
    padding: 0 22px !important;
    border-top: 1px solid var(--mi-grey-200) !important;
  }
  .thumbnail-strip .compact-story {
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 13px !important;
    align-items: start !important;
    min-height: 0 !important;
    padding: 15px 0 !important;
    border-top: 1px solid var(--mi-grey-200) !important;
  }
  .thumbnail-strip .compact-story:first-child { border-top: 0 !important; }
  .thumbnail-strip .compact-story__media {
    width: 82px !important;
    height: 82px !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
  }
  .thumbnail-strip .compact-story__media img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
  .thumbnail-strip .compact-story__body { min-width: 0 !important; padding: 0 !important; }
  .thumbnail-strip .story-kicker { margin-bottom: 6px !important; font-size: 8px !important; letter-spacing: .12em !important; }
  .thumbnail-strip .compact-story h3 {
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 1.03 !important;
    letter-spacing: -.004em !important;
    text-wrap: balance !important;
  }
  .thumbnail-strip .author-signature--tiny { margin-top: 8px !important; font-size: 10px !important; }

  /* People & Power: no text/image overlap; premium compact rows */
  .people-editorial {
    padding-block: 50px 38px !important;
    background: var(--mi-cream) !important;
    overflow: hidden !important;
  }
  html[data-theme="dark"] .people-editorial { background: #080808 !important; }
  .people-editorial .section-title-row,
  .people-editorial .section-title-row--compact {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: start !important;
    gap: 10px !important;
    padding: 0 24px 22px !important;
    border-bottom: 1px solid var(--mi-grey-200) !important;
    text-align: left !important;
  }
  .people-editorial .section-title-row h2 {
    max-width: 360px !important;
    font-family: var(--mi-body) !important;
    font-size: clamp(44px, 13vw, 58px) !important;
    line-height: .94 !important;
    color: var(--mi-black) !important;
  }
  html[data-theme="dark"] .people-editorial .section-title-row h2 { color: var(--mi-white) !important; }
  .people-editorial .section-title-row a {
    color: var(--mi-gold-dark) !important;
    font-size: 10px !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
  }
  .people-editorial__layout,
  .people-editorial__list {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
  }
  .people-editorial__lead,
  .people-editorial__item {
    display: grid !important;
    grid-template-columns: 108px minmax(0,1fr) !important;
    gap: 15px !important;
    width: 100% !important;
    padding: 18px 22px !important;
    border-top: 1px solid var(--mi-grey-200) !important;
    align-items: start !important;
    background: transparent !important;
  }
  .people-editorial__lead-media,
  .people-editorial__item-media {
    width: 108px !important;
    height: 108px !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  .people-editorial__lead-media img,
  .people-editorial__item-media img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
  .people-editorial__lead > div,
  .people-editorial__item > div { min-width: 0 !important; padding: 0 !important; }
  .people-editorial .story-kicker { margin-bottom: 7px !important; font-size: 8px !important; letter-spacing: .14em !important; }
  .people-editorial__lead h3,
  .people-editorial__item h3 {
    font-size: clamp(21px, 6.4vw, 28px) !important;
    line-height: 1.01 !important;
    letter-spacing: -.004em !important;
    text-wrap: balance !important;
  }
  .people-editorial__lead > div > p:not(.story-kicker):not(.author-signature) { display: none !important; }
  .people-editorial .author-signature { margin-top: 9px !important; font-size: 10px !important; }

  /* Voices now acts as a clean divider before category modules on mobile */
  .voices-band {
    padding-block: 48px !important;
    background: var(--mi-black) !important;
  }
  .voices-band .site-shell { padding-inline: 22px !important; }
  .voices-band .section-title-row,
  .voices-band .section-title-row--dark {
    display: block !important;
    padding-bottom: 18px !important;
    border-bottom: 1px solid #333 !important;
    text-align: center !important;
  }
  .voices-band h2 { font-family: var(--mi-body) !important; font-size: clamp(44px, 14vw, 62px) !important; font-weight: 400 !important; }
  .voices-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding-top: 12px !important;
  }
  .voices-grid article {
    min-height: 0 !important;
    padding: 18px 0 !important;
    border-right: 0 !important;
    border-top: 1px solid #292929 !important;
  }
  .voices-grid h3 { font-size: 27px !important; line-height: 1.03 !important; }

  /* Mobile header/menu alignment refinements */
  .mobile-panel__top,
  .mobile-drawer__top,
  .mobile-menu__top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
  }
  .mobile-panel .brand-logo,
  .mobile-drawer .brand-logo,
  .mobile-menu .brand-logo { margin-inline: 0 auto !important; }
  .mobile-panel .brand-logo img,
  .mobile-drawer .brand-logo img,
  .mobile-menu .brand-logo img { width: min(220px, 62vw) !important; max-height: 54px !important; }
}


/* =========================================================
   Metropolitan Editorial v3.4 — TIME-inspired mobile desk rhythm
   Final mobile override: section heading + centered topic chips + horizontal lead rail + compact supporting rows.
   This block intentionally comes last to override older mobile patches.
   ========================================================= */
@media (max-width: 760px) {
  :root { --mi-mobile-pad: 22px; }

  body.home .magazine-section,
  body.home .people-editorial,
  body.home .voices-band,
  body.home .home-latest,
  body.home .mi-cover-carousel {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  body.home .magazine-section > .site-shell,
  body.home .people-editorial > .site-shell,
  body.home .voices-band > .site-shell {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
  }

  /* Section header: centered, calm, TIME-like mobile hierarchy */
  body.home .magazine-section {
    padding: 52px 0 40px !important;
    background: var(--mi-white) !important;
    border-top: 1px solid var(--mi-grey-200) !important;
  }
  html[data-theme="dark"] body.home .magazine-section { background: #090909 !important; border-color: #252525 !important; }

  body.home .magazine-section .section-title-row,
  body.home .people-editorial .section-title-row,
  body.home .people-editorial .section-title-row--compact {
    display: block !important;
    width: 100% !important;
    padding: 0 var(--mi-mobile-pad) 18px !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--mi-grey-200) !important;
    text-align: center !important;
  }
  html[data-theme="dark"] body.home .magazine-section .section-title-row,
  html[data-theme="dark"] body.home .people-editorial .section-title-row { border-color: #292929 !important; }

  body.home .magazine-section .section-title-row h2,
  body.home .people-editorial .section-title-row h2,
  body.home .people-editorial .section-title-row--compact h2 {
    display: block !important;
    margin: 0 auto 14px !important;
    max-width: 340px !important;
    font-family: var(--mi-body) !important;
    font-weight: 400 !important;
    font-size: clamp(42px, 13vw, 58px) !important;
    line-height: .96 !important;
    letter-spacing: -.02em !important;
    color: var(--mi-black) !important;
    text-align: center !important;
  }
  html[data-theme="dark"] body.home .magazine-section .section-title-row h2,
  html[data-theme="dark"] body.home .people-editorial .section-title-row h2 { color: var(--mi-white) !important; }

  body.home .magazine-section .section-title-row__right {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px 9px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    max-width: 330px !important;
  }
  body.home .magazine-section .topic-pills {
    display: contents !important;
  }
  body.home .magazine-section .topic-pills a,
  body.home .magazine-section .section-all {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    border: 1px solid var(--mi-grey-200) !important;
    background: var(--mi-white) !important;
    color: var(--mi-grey-700) !important;
    font-family: var(--mi-body) !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }
  body.home .magazine-section .section-all {
    border: 0 !important;
    color: var(--mi-gold-dark) !important;
    padding-inline: 4px !important;
    flex-basis: 100% !important;
    margin-top: 6px !important;
  }
  body.home .magazine-section .topic-pills a span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 15px !important;
    height: 15px !important;
    margin-left: 7px !important;
    border-radius: 50% !important;
    background: var(--mi-black) !important;
    color: var(--mi-white) !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }
  html[data-theme="dark"] body.home .magazine-section .topic-pills a { background: #0b0b0b !important; color: #e9e4d8 !important; border-color: #2b2b2b !important; }

  /* Lead rail: one horizontal swipeable editorial row, exactly not stacked. */
  body.home .magazine-section .magazine-feature-grid {
    display: flex !important;
    grid-template-columns: none !important;
    grid-template-areas: none !important;
    gap: 18px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 26px var(--mi-mobile-pad) 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  body.home .magazine-section .magazine-feature-grid::-webkit-scrollbar { display: none !important; }

  body.home .magazine-section .magazine-feature-grid > .story-card,
  body.home .magazine-section .magazine-feature-grid > .feature-main-card,
  body.home .magazine-section .magazine-feature-grid > .feature-side-card {
    flex: 0 0 min(76vw, 310px) !important;
    width: min(76vw, 310px) !important;
    min-width: min(76vw, 310px) !important;
    max-width: min(76vw, 310px) !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    text-align: center !important;
    scroll-snap-align: center !important;
  }

  body.home .magazine-section .magazine-feature-grid .story-card__media,
  body.home .magazine-section .feature-main-card .story-card__media,
  body.home .magazine-section .feature-side-card .story-card__media {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    max-height: none !important;
    min-height: 0 !important;
    margin: 0 auto 15px !important;
    overflow: hidden !important;
    background: var(--mi-grey-100) !important;
  }
  body.home .magazine-section .magazine-feature-grid .story-card__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
  body.home .magazine-section .magazine-feature-grid .image-credit { display: none !important; }

  body.home .magazine-section .magazine-feature-grid .story-card__body,
  body.home .magazine-section .feature-main-card .story-card__body,
  body.home .magazine-section .feature-side-card .story-card__body {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 4px !important;
    text-align: center !important;
    transform: none !important;
  }
  body.home .magazine-section .magazine-feature-grid .story-kicker {
    display: block !important;
    margin: 0 auto 7px !important;
    color: var(--mi-grey-600) !important;
    font-size: 8px !important;
    letter-spacing: .14em !important;
    text-align: center !important;
  }
  body.home .magazine-section .magazine-feature-grid .story-card__title,
  body.home .magazine-section .magazine-feature-grid .story-card__title a {
    display: block !important;
    color: var(--mi-black) !important;
    font-size: clamp(24px, 7vw, 31px) !important;
    line-height: 1 !important;
    letter-spacing: -.005em !important;
    text-align: center !important;
    text-wrap: balance !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  body.home .magazine-section .magazine-feature-grid .story-card--accent .story-card__title,
  body.home .magazine-section .magazine-feature-grid .story-card--accent .story-card__title a { color: var(--mi-gold-dark) !important; }
  html[data-theme="dark"] body.home .magazine-section .magazine-feature-grid .story-card__title,
  html[data-theme="dark"] body.home .magazine-section .magazine-feature-grid .story-card__title a { color: var(--mi-white) !important; }
  body.home .magazine-section .magazine-feature-grid .story-card__excerpt { display: none !important; }
  body.home .magazine-section .magazine-feature-grid .author-signature {
    justify-content: center !important;
    margin-top: 10px !important;
    text-align: center !important;
  }

  /* Supporting row list under lead rail */
  body.home .magazine-section .thumbnail-strip {
    display: block !important;
    width: calc(100% - (var(--mi-mobile-pad) * 2)) !important;
    margin: 20px var(--mi-mobile-pad) 0 !important;
    padding: 0 !important;
    border-top: 1px solid var(--mi-grey-200) !important;
  }
  body.home .magazine-section .thumbnail-strip .compact-story {
    display: grid !important;
    grid-template-columns: 86px minmax(0, 1fr) !important;
    gap: 13px !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 15px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--mi-grey-200) !important;
    text-align: left !important;
  }
  body.home .magazine-section .thumbnail-strip .compact-story__media {
    display: block !important;
    width: 86px !important;
    height: 86px !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: var(--mi-grey-100) !important;
  }
  body.home .magazine-section .thumbnail-strip .compact-story__media img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
  body.home .magazine-section .thumbnail-strip .compact-story__body,
  body.home .magazine-section .thumbnail-strip .compact-story > div {
    min-width: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
  }
  body.home .magazine-section .thumbnail-strip .story-kicker { font-size: 7.5px !important; letter-spacing: .12em !important; margin: 0 0 5px !important; }
  body.home .magazine-section .thumbnail-strip .compact-story h3,
  body.home .magazine-section .thumbnail-strip .compact-story h3 a {
    font-size: 18px !important;
    line-height: 1.05 !important;
    text-align: left !important;
    letter-spacing: 0 !important;
    color: var(--mi-black) !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  html[data-theme="dark"] body.home .magazine-section .thumbnail-strip .compact-story h3,
  html[data-theme="dark"] body.home .magazine-section .thumbnail-strip .compact-story h3 a { color: var(--mi-white) !important; }
  body.home .magazine-section .thumbnail-strip .author-signature { margin-top: 7px !important; justify-content: flex-start !important; }

  /* People & Power follows compact mobile rows, not oversized cards. */
  body.home .people-editorial {
    padding: 50px 0 44px !important;
    background: var(--mi-cream) !important;
  }
  html[data-theme="dark"] body.home .people-editorial { background: #080808 !important; }
  body.home .people-editorial__layout,
  body.home .people-editorial__list {
    display: block !important;
    width: 100% !important;
    padding: 0 var(--mi-mobile-pad) !important;
    margin: 0 !important;
    border: 0 !important;
  }
  body.home .people-editorial__lead,
  body.home .people-editorial__item {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: start !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--mi-grey-200) !important;
    text-align: left !important;
  }
  body.home .people-editorial__lead-media,
  body.home .people-editorial__item-media {
    width: 92px !important;
    height: 92px !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  body.home .people-editorial__lead-media img,
  body.home .people-editorial__item-media img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
  body.home .people-editorial__lead > div,
  body.home .people-editorial__item > div { min-width: 0 !important; padding: 0 !important; margin: 0 !important; }
  body.home .people-editorial .story-kicker { font-size: 7.5px !important; letter-spacing: .12em !important; margin: 0 0 6px !important; text-align: left !important; }
  body.home .people-editorial__lead h3,
  body.home .people-editorial__item h3,
  body.home .people-editorial__lead h3 a,
  body.home .people-editorial__item h3 a {
    font-size: clamp(18px, 5.3vw, 23px) !important;
    line-height: 1.05 !important;
    text-align: left !important;
    color: var(--mi-black) !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
  html[data-theme="dark"] body.home .people-editorial__lead h3,
  html[data-theme="dark"] body.home .people-editorial__item h3,
  html[data-theme="dark"] body.home .people-editorial__lead h3 a,
  html[data-theme="dark"] body.home .people-editorial__item h3 a { color: var(--mi-white) !important; }
  body.home .people-editorial__lead > div > p:not(.story-kicker):not(.author-signature) { display: none !important; }
  body.home .people-editorial .author-signature { justify-content: flex-start !important; margin-top: 7px !important; }

  /* Voices mobile block: dark divider with clean single column */
  body.home .voices-band {
    padding: 50px 0 !important;
    background: var(--mi-black) !important;
    color: var(--mi-white) !important;
  }
  body.home .voices-band .site-shell { padding-left: var(--mi-mobile-pad) !important; padding-right: var(--mi-mobile-pad) !important; }
  body.home .voices-band .section-title-row { text-align: center !important; display: block !important; padding: 0 0 18px !important; border-bottom: 1px solid #303030 !important; }
  body.home .voices-band h2 { font-family: var(--mi-body) !important; font-size: clamp(44px, 13vw, 60px) !important; font-weight: 400 !important; line-height: 1 !important; color: var(--mi-white) !important; text-align: center !important; }
  body.home .voices-grid { display: block !important; padding-top: 8px !important; }
  body.home .voices-grid article { padding: 17px 0 !important; border-top: 1px solid #2a2a2a !important; border-right: 0 !important; min-height: 0 !important; }
  body.home .voices-grid h3,
  body.home .voices-grid h3 a { font-size: 24px !important; line-height: 1.05 !important; color: var(--mi-white) !important; }
}


/* =========================================================
   Metropolitan Editorial v3.5 — TRUE mobile desk module
   Replaces the three-big-card swipe rail with a TIME-style single lead card + compact support rows.
   ========================================================= */
.mobile-desk-module { display: none; }

@media (max-width: 760px) {
  :root { --mi-mobile-pad: 22px; }

  body.home .magazine-section {
    padding: 48px 0 34px !important;
    background: var(--mi-white) !important;
    border-top: 1px solid var(--mi-grey-200) !important;
    overflow: hidden !important;
  }

  html[data-theme="dark"] body.home .magazine-section {
    background: #090909 !important;
    border-color: #292929 !important;
  }

  body.home .magazine-section > .site-shell {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Keep the TIME-like section header and topic chips. */
  body.home .magazine-section .section-title-row {
    display: block !important;
    width: 100% !important;
    padding: 0 var(--mi-mobile-pad) 18px !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--mi-grey-200) !important;
    text-align: center !important;
  }

  html[data-theme="dark"] body.home .magazine-section .section-title-row {
    border-color: #2b2b2b !important;
  }

  body.home .magazine-section .section-title-row h2 {
    margin: 0 auto 14px !important;
    max-width: 345px !important;
    font-family: var(--mi-body) !important;
    font-weight: 400 !important;
    font-size: clamp(42px, 13vw, 57px) !important;
    line-height: .96 !important;
    letter-spacing: -.02em !important;
    color: var(--mi-black) !important;
    text-align: center !important;
  }

  html[data-theme="dark"] body.home .magazine-section .section-title-row h2 {
    color: var(--mi-white) !important;
  }

  body.home .magazine-section .section-title-row__right {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px 9px !important;
    max-width: 336px !important;
    margin: 0 auto !important;
  }

  body.home .magazine-section .topic-pills { display: contents !important; }

  body.home .magazine-section .topic-pills a,
  body.home .magazine-section .section-all {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    padding: 0 12px !important;
    border: 1px solid var(--mi-grey-200) !important;
    background: var(--mi-white) !important;
    color: var(--mi-grey-800) !important;
    font-family: var(--mi-body) !important;
    font-size: 8.5px !important;
    letter-spacing: .1em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  body.home .magazine-section .section-all {
    flex-basis: 100% !important;
    border: 0 !important;
    color: var(--mi-gold-dark) !important;
    margin-top: 6px !important;
  }

  body.home .magazine-section .topic-pills a span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 15px !important;
    height: 15px !important;
    margin-left: 7px !important;
    border-radius: 50% !important;
    background: var(--mi-black) !important;
    color: var(--mi-white) !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  html[data-theme="dark"] body.home .magazine-section .topic-pills a {
    background: #101010 !important;
    color: #ece8dc !important;
    border-color: #303030 !important;
  }

  /* Hide the old 3-card mobile slider and desktop thumbnail strip on mobile. */
  body.home .magazine-section .magazine-feature-grid,
  body.home .magazine-section .magazine-feature-grid--desktop,
  body.home .magazine-section .thumbnail-strip,
  body.home .magazine-section .thumbnail-strip--desktop {
    display: none !important;
  }

  /* New single-lead module. This is the requested mobile pattern. */
  body.home .magazine-section .mobile-desk-module {
    display: block !important;
    width: 100% !important;
    padding: 26px 0 0 !important;
    margin: 0 !important;
  }

  body.home .mobile-desk-lead {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  body.home .mobile-desk-lead__media {
    display: block !important;
    width: min(76vw, 315px) !important;
    margin: 0 auto !important;
    aspect-ratio: 1 / 1.02 !important;
    overflow: hidden !important;
    background: var(--mi-grey-100) !important;
    border-left: 2px solid var(--mi-gold-dark) !important;
    border-right: 2px solid var(--mi-gold-dark) !important;
  }

  body.home .mobile-desk-lead__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body.home .mobile-desk-lead__body {
    max-width: 335px !important;
    margin: 15px auto 0 !important;
    padding: 0 16px !important;
    text-align: center !important;
  }

  body.home .mobile-desk-lead .story-kicker {
    display: block !important;
    margin: 0 0 8px !important;
    color: var(--mi-grey-600) !important;
    font-size: 8px !important;
    letter-spacing: .14em !important;
    text-align: center !important;
  }

  body.home .mobile-desk-lead h3,
  body.home .mobile-desk-lead h3 a {
    margin: 0 !important;
    color: var(--mi-black) !important;
    font-size: clamp(25px, 7.1vw, 33px) !important;
    line-height: .98 !important;
    letter-spacing: -.006em !important;
    text-align: center !important;
    text-wrap: balance !important;
  }

  html[data-theme="dark"] body.home .mobile-desk-lead h3,
  html[data-theme="dark"] body.home .mobile-desk-lead h3 a {
    color: var(--mi-white) !important;
  }

  body.home .mobile-desk-lead .author-signature {
    justify-content: center !important;
    margin-top: 10px !important;
    font-size: 10px !important;
  }

  body.home .mobile-desk-support {
    width: calc(100% - (var(--mi-mobile-pad) * 2)) !important;
    margin: 22px var(--mi-mobile-pad) 0 !important;
    padding: 0 !important;
    border-top: 1px solid var(--mi-grey-200) !important;
  }

  html[data-theme="dark"] body.home .mobile-desk-support {
    border-color: #2c2c2c !important;
  }

  body.home .mobile-desk-support__item {
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 13px !important;
    align-items: start !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 14px 0 !important;
    border-bottom: 1px solid var(--mi-grey-200) !important;
    text-align: left !important;
  }

  html[data-theme="dark"] body.home .mobile-desk-support__item {
    border-color: #2c2c2c !important;
  }

  body.home .mobile-desk-support__media {
    display: block !important;
    width: 82px !important;
    height: 82px !important;
    overflow: hidden !important;
    background: var(--mi-grey-100) !important;
  }

  body.home .mobile-desk-support__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body.home .mobile-desk-support__body {
    min-width: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
  }

  body.home .mobile-desk-support .story-kicker {
    margin: 0 0 5px !important;
    color: var(--mi-grey-600) !important;
    font-size: 7.5px !important;
    letter-spacing: .12em !important;
    text-align: left !important;
  }

  body.home .mobile-desk-support h3,
  body.home .mobile-desk-support h3 a {
    margin: 0 !important;
    color: var(--mi-black) !important;
    font-size: 18px !important;
    line-height: 1.04 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-wrap: balance !important;
  }

  html[data-theme="dark"] body.home .mobile-desk-support h3,
  html[data-theme="dark"] body.home .mobile-desk-support h3 a {
    color: var(--mi-white) !important;
  }

  body.home .mobile-desk-support .author-signature {
    justify-content: flex-start !important;
    margin-top: 7px !important;
    font-size: 9.5px !important;
  }

  body.home .mobile-desk-more {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    margin: 18px auto 0 !important;
    padding: 0 14px !important;
    border: 1px solid var(--mi-grey-200) !important;
    border-radius: 999px !important;
    color: var(--mi-black) !important;
    background: var(--mi-white) !important;
    font-size: 9px !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
  }

  body.home .mobile-desk-module .mobile-desk-more {
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  html[data-theme="dark"] body.home .mobile-desk-more {
    color: var(--mi-white) !important;
    background: #111 !important;
    border-color: #333 !important;
  }

  /* People rows: keep as compact rows; prevent old oversized card rules from leaking. */
  body.home .people-editorial__lead,
  body.home .people-editorial__item {
    grid-template-columns: 104px minmax(0,1fr) !important;
    padding: 16px var(--mi-mobile-pad) !important;
  }

  body.home .people-editorial__lead-media,
  body.home .people-editorial__item-media {
    width: 104px !important;
    height: 104px !important;
  }

  body.home .people-editorial__lead h3,
  body.home .people-editorial__item h3 {
    font-size: clamp(21px, 6.2vw, 27px) !important;
  }
}

/* =========================================================
   Metropolitan Editorial v3.6 — working mobile desk slider
   The category lead area now behaves like the TIME mobile pattern:
   a centered, swipeable feature-card rail with dots/arrows + compact support rows.
   ========================================================= */
@media (max-width: 760px) {
  body.home .magazine-section .mobile-desk-module {
    display: block !important;
    width: 100% !important;
    padding: 22px 0 0 !important;
    overflow: visible !important;
  }

  body.home .mobile-desk-slider {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.home .mobile-desk-slider__track {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: calc((100vw - min(74vw, 310px)) / 2) !important;
    padding: 0 calc((100vw - min(74vw, 310px)) / 2) 10px !important;
    margin: 0 !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
    touch-action: pan-x pan-y !important;
  }

  body.home .mobile-desk-slider__track::-webkit-scrollbar { display: none !important; }

  body.home .mobile-desk-slide {
    flex: 0 0 min(74vw, 310px) !important;
    width: min(74vw, 310px) !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 0 16px !important;
    background: var(--mi-white) !important;
    color: var(--mi-black) !important;
    text-align: center !important;
    border-bottom: 2px solid var(--mi-gold-dark) !important;
    transform: scale(.965) !important;
    opacity: .72 !important;
    transition: transform .25s ease, opacity .25s ease, box-shadow .25s ease !important;
  }

  body.home .mobile-desk-slide.is-active {
    transform: scale(1) !important;
    opacity: 1 !important;
    box-shadow: 0 18px 34px rgba(0,0,0,.10) !important;
  }

  html[data-theme="dark"] body.home .mobile-desk-slide {
    background: #111 !important;
    color: var(--mi-white) !important;
    border-bottom-color: var(--mi-gold) !important;
  }

  body.home .mobile-desk-slide__media {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1.03 !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: var(--mi-grey-100) !important;
    border-left: 2px solid var(--mi-gold-dark) !important;
    border-right: 2px solid var(--mi-gold-dark) !important;
  }

  body.home .mobile-desk-slide__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }

  body.home .mobile-desk-slide__body {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 14px 14px 0 !important;
    text-align: center !important;
  }

  body.home .mobile-desk-slide .story-kicker {
    display: block !important;
    margin: 0 0 7px !important;
    color: var(--mi-grey-600) !important;
    font-size: 7.5px !important;
    letter-spacing: .14em !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  body.home .mobile-desk-slide h3,
  body.home .mobile-desk-slide h3 a {
    margin: 0 !important;
    color: var(--mi-black) !important;
    font-family: var(--mi-display) !important;
    font-size: clamp(22px, 6.3vw, 29px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.005em !important;
    text-align: center !important;
    text-wrap: balance !important;
  }

  html[data-theme="dark"] body.home .mobile-desk-slide h3,
  html[data-theme="dark"] body.home .mobile-desk-slide h3 a { color: var(--mi-white) !important; }

  body.home .mobile-desk-slide .author-signature {
    display: flex !important;
    justify-content: center !important;
    margin-top: 9px !important;
    font-size: 9.5px !important;
  }

  body.home .mobile-desk-slider__controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 13px !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
  }

  body.home .mobile-desk-slider__arrow {
    width: 30px !important;
    height: 30px !important;
    border-radius: 999px !important;
    border: 1px solid var(--mi-grey-300) !important;
    background: var(--mi-white) !important;
    color: var(--mi-black) !important;
    font-size: 22px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 0 2px !important;
  }

  html[data-theme="dark"] body.home .mobile-desk-slider__arrow {
    background: #111 !important;
    color: var(--mi-white) !important;
    border-color: #333 !important;
  }

  body.home .mobile-desk-slider__dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  body.home .mobile-desk-slider__dots button {
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    min-height: 6px !important;
    border-radius: 999px !important;
    border: 0 !important;
    padding: 0 !important;
    background: var(--mi-grey-300) !important;
    opacity: 1 !important;
  }

  body.home .mobile-desk-slider__dots button.is-active {
    width: 22px !important;
    background: var(--mi-gold-dark) !important;
  }

  /* Keep the support list below the active slider, not inside the swipe area. */
  body.home .mobile-desk-support {
    margin-top: 20px !important;
  }

  /* Retire the old single-card lead rules if any cached markup appears. */
  body.home .mobile-desk-lead { display: none !important; }
}


/* =========================================================
   Metropolitan Editorial v3.7 — mobile carousel middle-start fix
   ========================================================= */
@media (max-width: 760px) {
  body.home .mobile-desk-slider__track {
    scroll-behavior: smooth !important;
    cursor: grab !important;
  }
  body.home .mobile-desk-slider__track:active { cursor: grabbing !important; }
  body.home .mobile-desk-slide[aria-current="true"] {
    transform: scale(1) !important;
    opacity: 1 !important;
  }
  body.home .mobile-desk-slide[aria-current="false"] {
    transform: scale(.965) !important;
    opacity: .72 !important;
  }
}

/* =========================================================
   Metropolitan Editorial v3.8 — refined mobile category typography
   Applied in theme so no Additional CSS is required.
   ========================================================= */
@media (max-width: 767px) {
  .section-pad {
    padding-top: 42px !important;
    padding-bottom: 38px !important;
  }

  .magazine-section .section-title-row,
  .people-editorial .section-title-row,
  .voices-band .section-title-row,
  .home-latest .section-title-row,
  .cover-shelf .section-title-row,
  .home-seo-intro .section-title-row,
  .category-title-row {
    display: block !important;
    text-align: center !important;
    padding: 0 22px 22px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid rgba(143, 121, 38, 0.22) !important;
  }

  .section-title-row h2,
  .section-title-row--compact h2,
  .category-title-row h1,
  .category-title-row h2,
  .people-editorial .section-title-row h2,
  .magazine-section .section-title-row h2,
  .voices-band .section-title-row h2,
  .home-latest .section-title-row h2,
  .cover-shelf .section-title-row h2 {
    font-family: var(--mi-body) !important;
    font-size: clamp(30px, 9vw, 36px) !important;
    line-height: 1.08 !important;
    font-weight: 400 !important;
    letter-spacing: .005em !important;
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 92vw !important;
  }

  .section-title-row .story-kicker,
  .category-title-row .story-kicker {
    display: block !important;
    margin: 0 0 10px !important;
    text-align: center !important;
    font-size: 10px !important;
    letter-spacing: .16em !important;
  }

  .section-title-row__right {
    display: block !important;
    margin-top: 20px !important;
  }

  .topic-pills,
  .section-title-row__right .topic-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 auto 14px !important;
    max-width: 94vw !important;
  }

  .topic-pills a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(143, 121, 38, 0.30) !important;
    background: var(--mi-white) !important;
    color: var(--mi-black) !important;
    font-family: var(--mi-body) !important;
    font-size: 13px !important;
    line-height: 1 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .topic-pills span {
    width: 24px !important;
    height: 24px !important;
    margin-left: 8px !important;
    font-size: 16px !important;
    line-height: 24px !important;
    background: var(--mi-black) !important;
    color: var(--mi-white) !important;
  }

  .section-all,
  .section-title-row > a,
  .section-title-row__right > a {
    display: inline-block !important;
    margin-top: 12px !important;
    color: var(--mi-gold-dark) !important;
    font-size: 11px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
  }

  html[data-theme="dark"] .topic-pills a {
    background: #0b0b0b !important;
    color: #f6f1e7 !important;
    border-color: rgba(189, 166, 67, .42) !important;
  }

  html[data-theme="dark"] .topic-pills span {
    background: var(--mi-gold) !important;
    color: #0b0b0b !important;
  }
}

@media (max-width: 390px) {
  .section-title-row h2,
  .section-title-row--compact h2,
  .category-title-row h1,
  .category-title-row h2,
  .people-editorial .section-title-row h2,
  .magazine-section .section-title-row h2,
  .voices-band .section-title-row h2,
  .home-latest .section-title-row h2,
  .cover-shelf .section-title-row h2 {
    font-size: 31px !important;
  }

  .topic-pills a {
    min-height: 40px !important;
    padding: 11px 13px !important;
    font-size: 12px !important;
  }
}

/* =========================================================
   Metropolitan Editorial v3.9 — premium independent header system
   Fixes: crowded desktop navigation, sticky logo size, mobile sticky
   activation, and smaller mobile category typography.
   ========================================================= */
@media (min-width: 921px) {
  .site-header--v2 .primary-navigation {
    position: relative !important;
    overflow: visible !important;
    background: var(--mi-white) !important;
    border-top: 1px solid rgba(143,121,38,.18) !important;
    border-bottom: 1px solid rgba(0,0,0,.08) !important;
  }
  html[data-theme="dark"] .site-header--v2 .primary-navigation { background:#080808 !important; border-color:rgba(189,166,67,.28) !important; }
  .site-header--v2 .primary-navigation__inner,
  .site-header--v2 .primary-navigation__inner.site-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 104px !important;
    align-items: center !important;
    gap: 22px !important;
    width: min(1320px, calc(100vw - 96px)) !important;
    max-width: min(1320px, calc(100vw - 96px)) !important;
    min-height: 54px !important;
    margin-inline: auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  .site-header--v2 .primary-navigation__menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 54px !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  .site-header--v2 .primary-navigation .editorial-menu,
  .site-header--v2 .primary-navigation .fallback-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: clamp(22px, 2.25vw, 40px) !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 54px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  .site-header--v2 .primary-navigation .editorial-menu > li,
  .site-header--v2 .primary-navigation .fallback-menu > li { position: relative !important; flex: 0 0 auto !important; }
  .site-header--v2 .primary-navigation .editorial-menu > li > a,
  .site-header--v2 .primary-navigation .fallback-menu > li > a {
    min-height: 54px !important;
    font-size: 10.5px !important;
    letter-spacing: .105em !important;
    line-height: 1 !important;
    color: #242424 !important;
    white-space: nowrap !important;
  }
  html[data-theme="dark"] .site-header--v2 .primary-navigation .editorial-menu > li > a,
  html[data-theme="dark"] .site-header--v2 .primary-navigation .fallback-menu > li > a { color:#f5f0e7 !important; }
  .site-header--v2 .primary-navigation__tools {
    position: static !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 16px !important;
    width: 104px !important;
    min-width: 104px !important;
    height: 54px !important;
    padding: 0 !important;
    background: transparent !important;
  }
  .site-header--v2 .theme-toggle,
  .site-header--v2 .desktop-search-toggle { width: 36px !important; height: 36px !important; flex: 0 0 36px !important; }
  .site-header--v2 .desktop-search-toggle svg,
  .site-header--v2 .theme-toggle svg { width: 24px !important; height: 24px !important; }
  .site-header--v2 .primary-navigation .sub-menu {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    z-index: 9999 !important;
    min-width: 220px !important;
    padding: 12px 0 !important;
    background: var(--mi-white) !important;
    border: 1px solid rgba(143,121,38,.24) !important;
    box-shadow: 0 20px 46px rgba(0,0,0,.12) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate(-50%, 8px) !important;
  }
  .site-header--v2 .primary-navigation .menu-item-has-children:hover > .sub-menu,
  .site-header--v2 .primary-navigation .menu-item-has-children:focus-within > .sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(-50%, 0) !important;
  }
  .site-header--v2 .primary-navigation .sub-menu a {
    display: block !important;
    color: var(--mi-black) !important;
    font-size: 10px !important;
    letter-spacing: .09em !important;
    padding: 12px 18px !important;
  }
  html[data-theme="dark"] .site-header--v2 .primary-navigation .sub-menu { background:#0b0b0b !important; border-color:rgba(189,166,67,.48) !important; }
  html[data-theme="dark"] .site-header--v2 .primary-navigation .sub-menu a { color:#fff !important; }

  .sticky-header { height: 64px !important; border-top: 3px solid var(--mi-gold-dark) !important; }
  .sticky-header__inner,
  .sticky-header__inner.site-shell {
    height: 61px !important;
    display: grid !important;
    grid-template-columns: 190px minmax(0, 1fr) 140px !important;
    gap: 22px !important;
    align-items: center !important;
    width: min(1320px, calc(100vw - 96px)) !important;
    max-width: min(1320px, calc(100vw - 96px)) !important;
  }
  .sticky-header__logo .brand-logo img { width: 166px !important; max-height: 38px !important; }
  .sticky-header__nav { overflow: hidden !important; }
  .sticky-header__nav ul {
    display: flex !important;
    justify-content: center !important;
    gap: clamp(20px, 2vw, 38px) !important;
    width: 100% !important;
    overflow: hidden !important;
  }
  .sticky-header__nav a { font-size: 9.8px !important; letter-spacing: .105em !important; max-width: none !important; }
  .sticky-header__actions { width: 140px !important; justify-content: flex-end !important; }
}

@media (min-width: 921px) and (max-width: 1180px) {
  .site-header--v2 .primary-navigation__inner,
  .site-header--v2 .primary-navigation__inner.site-shell { width: calc(100vw - 48px) !important; max-width: calc(100vw - 48px) !important; grid-template-columns: minmax(0,1fr) 92px !important; }
  .site-header--v2 .primary-navigation .editorial-menu { gap: 16px !important; }
  .site-header--v2 .primary-navigation .editorial-menu > li > a { font-size: 9.4px !important; letter-spacing: .085em !important; }
  .site-header--v2 .primary-navigation__tools { width: 92px !important; min-width: 92px !important; gap: 10px !important; }
}

@media (max-width: 920px) {
  /* Mobile sticky header is now active: hidden by default, black bar appears while scrolling. */
  .sticky-header {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 900 !important;
    height: 62px !important;
    background: #050505 !important;
    border-top: 3px solid var(--mi-gold-dark) !important;
    transform: translateY(-120%) !important;
    transition: transform .24s ease !important;
  }
  .admin-bar .sticky-header { top: 46px !important; }
  .site-header--v2.is-scrolled .sticky-header { transform: translateY(0) !important; }
  .sticky-header__inner,
  .sticky-header__inner.site-shell {
    width: 100% !important;
    max-width: 100% !important;
    height: 59px !important;
    padding: 0 15px !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0,1fr) 42px !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .sticky-menu-toggle { display: inline-flex !important; align-items:center !important; justify-content:center !important; width:38px !important; height:38px !important; }
  .sticky-header__logo { display: flex !important; justify-content: center !important; }
  .sticky-header__logo .brand-logo img { width: min(215px, 60vw) !important; max-height: 46px !important; object-fit: contain !important; }
  .sticky-header__nav { display: none !important; }
  .sticky-header__actions { justify-content: flex-end !important; }
  .sticky-header__actions .sticky-subscribe { display: none !important; }
  .sticky-search-toggle { display: inline-flex !important; align-items:center !important; justify-content:center !important; width:38px !important; height:38px !important; }
}

/* Smaller, calmer mobile category headings and chips. These target the actual
   homepage/category classes after all earlier version patches. */
@media (max-width: 767px) {
  body.home .magazine-section .section-title-row,
  body.home .people-editorial .section-title-row,
  body.home .voices-band .section-title-row,
  body.home .home-latest .section-title-row,
  body.home .mi-cover-carousel__heading,
  .category-title-row,
  .category-identity__grid,
  .category-identity .site-shell:first-child {
    padding-top: 0 !important;
    padding-bottom: 18px !important;
    margin-bottom: 18px !important;
    text-align: center !important;
  }
  body.home .magazine-section .section-title-row h2,
  body.home .people-editorial .section-title-row h2,
  body.home .voices-band .section-title-row h2,
  body.home .home-latest .section-title-row h2,
  body.home .mi-cover-carousel__heading h2,
  .category-title-row h1,
  .category-title-row h2,
  .category-identity h1 {
    font-family: var(--mi-body) !important;
    font-size: clamp(28px, 7.8vw, 33px) !important;
    line-height: 1.1 !important;
    font-weight: 400 !important;
    letter-spacing: .005em !important;
    margin: 0 auto !important;
    max-width: 92vw !important;
    text-align: center !important;
  }
  body.home .magazine-section { padding-top: 42px !important; }
  .topic-pills { gap: 10px !important; margin-top: 16px !important; margin-bottom: 8px !important; }
  .topic-pills a {
    min-height: 37px !important;
    padding: 10px 13px !important;
    font-size: 11.5px !important;
    letter-spacing: .09em !important;
    border-color: rgba(143,121,38,.32) !important;
  }
  .topic-pills span { width: 21px !important; height: 21px !important; line-height: 21px !important; font-size: 14px !important; margin-left: 8px !important; }
}

/* v4.0 Ultra-luxury navigation taxonomy */
.site-header--v2 .primary-navigation .editorial-menu,
.site-header--v2 .primary-navigation .fallback-menu { gap: clamp(22px, 2.2vw, 42px); }
.site-header--v2 .primary-navigation .editorial-menu > li > a,
.site-header--v2 .primary-navigation .fallback-menu > li > a { font-size: 11px; letter-spacing: .095em; font-weight: 400; }
.sticky-header__nav ul { gap: clamp(18px, 2.2vw, 38px); }
.sticky-header__nav a { font-size: 10.5px; letter-spacing: .095em; }
.primary-navigation .sub-menu a { letter-spacing: .08em; }
.mobile-topic-strip .mobile-topic-list { gap: 20px; }
.mobile-topic-strip a { letter-spacing: .09em; }
@media (max-width: 1120px) {
  .site-header--v2 .primary-navigation .editorial-menu { gap: 20px; }
  .site-header--v2 .primary-navigation .editorial-menu > li > a { font-size: 10.5px; }
}

/* === Metropolitan India v4.2 Premium Directory Footer === */
.site-footer--v42 {
  background:
    radial-gradient(circle at 50% 0%, rgba(189,166,67,.13), transparent 30%),
    linear-gradient(180deg, #121212 0%, #070707 100%);
  color: #f7f3e8;
  padding: clamp(34px, 6vw, 72px) 0 34px;
  border-top: 3px solid #8f7926;
}
.footer-v42-shell { max-width: 1160px !important; }
.footer-v42-card {
  border: 1px solid rgba(242,232,186,.26);
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
  padding: clamp(24px, 4vw, 44px);
  box-shadow: 0 28px 90px rgba(0,0,0,.32);
}
.footer-v42-brandline {
  display: grid;
  grid-template-columns: minmax(34px, 1fr) auto minmax(34px, 1fr);
  align-items: center;
  gap: clamp(16px, 4vw, 34px);
  margin-bottom: 18px;
}
.footer-v42-rule { height: 1px; background: linear-gradient(90deg, transparent, rgba(242,232,186,.4), transparent); }
.footer-v42-logo { display: inline-flex; justify-content: center; align-items: center; }
.footer-v42-logo .brand-logo img,
.footer-v42-logo img,
.site-footer--v42 .brand-logo img {
  width: min(210px, 52vw) !important;
  max-height: 58px !important;
  object-fit: contain !important;
}
.footer-v42-kicker {
  max-width: 620px;
  margin: 0 auto clamp(24px, 3vw, 34px);
  text-align: center;
  color: rgba(247,243,232,.72);
  font-family: var(--mi-body);
  font-size: 12px;
  line-height: 1.7;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.footer-v42-directory {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(24px, 4vw, 48px);
  padding: clamp(24px, 4vw, 36px) 0;
  border-top: 1px solid rgba(242,232,186,.16);
  border-bottom: 1px solid rgba(242,232,186,.16);
}
.footer-v42-group h2 {
  margin: 0 0 18px;
  color: #fff;
  font-family: var(--mi-heading);
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 400;
  letter-spacing: .01em;
  text-transform: none;
}
.footer-v42-group ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; gap: 11px; }
.footer-v42-group a {
  color: rgba(247,243,232,.78) !important;
  font-family: var(--mi-body);
  font-size: 12px !important;
  line-height: 1.35;
  letter-spacing: .06em;
  text-transform: none;
  text-decoration: none;
}
.footer-v42-group a:hover,
.footer-v42-group a:focus { color: #d3bd57 !important; }
.footer-v42-social {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: clamp(22px, 4vw, 32px) 0 16px;
}
.footer-v42-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(242,232,186,.34);
  border-radius: 50%;
  color: #f7f3e8 !important;
  font-family: var(--mi-body);
  font-size: 9px !important;
  letter-spacing: .08em;
  text-decoration: none;
}
.footer-v42-social a:hover { background: #8f7926; border-color: #8f7926; color: #050505 !important; }
.footer-v42-legal { max-width: 820px; margin: 0 auto; text-align: center; color: rgba(247,243,232,.46); }
.footer-v42-legal p { margin: 8px 0; font-size: 9.5px; line-height: 1.55; }
.footer-v42-legal-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px 18px; margin-top: 12px; }
.footer-v42-legal-links a { color: rgba(247,243,232,.66) !important; font-size: 9.5px !important; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 900px) {
  .footer-v42-shell { width: min(100% - 34px, 680px) !important; }
  .footer-v42-directory { grid-template-columns: 1fr 1fr; gap: 30px 24px; }
}
@media (max-width: 640px) {
  .site-footer--v42 { padding: 28px 0 24px; }
  .footer-v42-shell { width: min(100% - 24px, 420px) !important; }
  .footer-v42-card { padding: 24px 20px 26px; }
  .footer-v42-brandline { grid-template-columns: 1fr auto 1fr; gap: 13px; }
  .footer-v42-logo .brand-logo img,
  .footer-v42-logo img,
  .site-footer--v42 .brand-logo img { width: min(155px, 48vw) !important; max-height: 44px !important; }
  .footer-v42-kicker { font-size: 10px; letter-spacing: .07em; margin-bottom: 22px; }
  .footer-v42-directory { grid-template-columns: 1fr 1fr; gap: 30px 22px; padding: 22px 0 26px; }
  .footer-v42-group h2 { font-size: 21px; margin-bottom: 16px; }
  .footer-v42-group a { font-size: 11px !important; letter-spacing: .055em; }
  .footer-v42-group ul { gap: 12px; }
  .footer-v42-social a { width: 30px; height: 30px; }
}
@media (max-width: 380px) {
  .footer-v42-directory { gap: 28px 16px; }
  .footer-v42-group h2 { font-size: 19px; }
  .footer-v42-group a { font-size: 10.5px !important; }
}

/* --------------------------------------------------------------------------
   Metropolitan Editorial v4.3
   Fixes v4.2 mobile header regression and footer brand alignment.
   - No exposed category mega strip under mobile masthead.
   - Mobile drawer opens only after hamburger tap.
   - Header logo remains mathematically centered between menu/search.
   - Footer logo/divider brandline is centered on mobile and desktop.
---------------------------------------------------------------------------- */

/* The old mobile topic strip should never show as a white mega menu below the masthead. */
.site-header--v2 .mobile-topic-strip,
.site-header--v2 nav.mobile-topic-strip,
.mobile-topic-strip {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

@media (max-width: 920px) {
  .site-header--v2 .static-header {
    background: var(--mi-white) !important;
    border-bottom: 1px solid rgba(10,10,10,.12) !important;
  }
  html[data-theme="dark"] .site-header--v2 .static-header {
    background: #050505 !important;
    border-bottom-color: rgba(242,232,186,.18) !important;
  }

  .site-header--v2 .masthead,
  .site-header--v2 .masthead.site-shell {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 82px !important;
    padding: 13px 18px 14px !important;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) 48px !important;
    align-items: center !important;
    justify-content: stretch !important;
    column-gap: 10px !important;
  }

  .site-header--v2 .masthead__brief,
  .site-header--v2 .masthead__actions,
  .site-header--v2 .primary-navigation {
    display: none !important;
  }

  .site-header--v2 .menu-toggle {
    grid-column: 1 !important;
    justify-self: start !important;
    display: inline-flex !important;
    width: 44px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--mi-black) !important;
  }

  .site-header--v2 .masthead__logo {
    grid-column: 2 !important;
    justify-self: center !important;
    align-self: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    min-width: 0 !important;
  }

  .site-header--v2 .masthead__logo .brand-logo,
  .site-header--v2 .masthead__logo a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
  }

  .site-header--v2 .masthead__logo .brand-logo img,
  .site-header--v2 .masthead__logo img {
    width: min(205px, 55vw) !important;
    max-height: 58px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
  }

  .site-header--v2 .mobile-search-toggle {
    grid-column: 3 !important;
    justify-self: end !important;
    display: inline-flex !important;
    width: 44px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--mi-black) !important;
  }

  html[data-theme="dark"] .site-header--v2 .menu-toggle,
  html[data-theme="dark"] .site-header--v2 .mobile-search-toggle {
    color: var(--mi-white) !important;
  }

  .site-header--v2 .masthead::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    width: 86px !important;
    height: 3px !important;
    background: var(--mi-gold-dark) !important;
    transform: translateX(-50%) !important;
  }

  /* Drawer: hidden by default; premium black menu only after hamburger click. */
  .mobile-navigation[hidden] {
    display: none !important;
  }

  .mobile-navigation:not([hidden]) {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10000 !important;
    display: block !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    background: #050505 !important;
    color: #f7f3e8 !important;
    padding: 24px 24px 42px !important;
  }

  .admin-bar .mobile-navigation:not([hidden]) { top: 46px !important; }

  .mobile-navigation__top {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    align-items: center !important;
    gap: 14px !important;
    padding-bottom: 24px !important;
    margin-bottom: 24px !important;
    border-bottom: 1px solid rgba(242,232,186,.22) !important;
  }

  .mobile-navigation__top .brand-logo,
  .mobile-navigation__top a {
    justify-self: start !important;
    margin: 0 !important;
    display: inline-flex !important;
  }

  .mobile-navigation__top .brand-logo img,
  .mobile-navigation__top img {
    width: min(175px, 48vw) !important;
    max-height: 48px !important;
    object-fit: contain !important;
    margin: 0 !important;
  }

  .mobile-navigation .menu-close {
    justify-self: end !important;
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    background: transparent !important;
    color: #f7f3e8 !important;
    font-size: 42px !important;
    line-height: 1 !important;
  }

  .mobile-navigation .mobile-editorial-menu,
  .mobile-navigation .fallback-menu {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    gap: 0 !important;
  }

  .mobile-navigation .mobile-editorial-menu > li,
  .mobile-navigation .fallback-menu > li {
    border-bottom: 1px solid rgba(242,232,186,.20) !important;
    padding: 18px 0 16px !important;
  }

  .mobile-navigation .mobile-editorial-menu > li > a,
  .mobile-navigation .fallback-menu > li > a {
    color: #fff !important;
    font-family: var(--mi-heading) !important;
    font-size: 30px !important;
    line-height: 1.05 !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
    text-decoration: none !important;
  }

  .mobile-navigation .sub-menu {
    list-style: none !important;
    margin: 16px 0 0 !important;
    padding: 0 0 0 18px !important;
    display: grid !important;
    gap: 12px !important;
  }

  .mobile-navigation .sub-menu a {
    color: rgba(247,243,232,.72) !important;
    font-family: var(--mi-body) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
  }

  .mobile-navigation .button--gold {
    width: 100% !important;
    margin-top: 28px !important;
    justify-content: center !important;
  }
}

/* Keep the footer logo exactly centred between symmetrical rules. */
.site-footer--v42 .footer-v42-brandline {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 18px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(14px, 3vw, 30px) !important;
}

.site-footer--v42 .footer-v42-logo {
  justify-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
}

.site-footer--v42 .footer-v42-rule {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(242,232,186,.42), transparent) !important;
}

.site-footer--v42 .footer-v42-card {
  text-align: center !important;
}

.site-footer--v42 .footer-v42-directory {
  text-align: left !important;
}

@media (max-width: 640px) {
  .site-footer--v42 .footer-v42-card {
    padding: 24px 20px 28px !important;
  }
  .site-footer--v42 .footer-v42-brandline {
    grid-template-columns: minmax(46px, 1fr) auto minmax(46px, 1fr) !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
  }
  .site-footer--v42 .footer-v42-logo .brand-logo img,
  .site-footer--v42 .footer-v42-logo img,
  .site-footer--v42 .brand-logo img {
    width: min(162px, 50vw) !important;
    max-height: 46px !important;
    object-fit: contain !important;
  }
}


/* --------------------------------------------------------------------------
   Metropolitan Editorial v4.4
   Footer alignment hard-fix.
   The v4.2/v4.3 footer used a three-column brandline with side rules. On
   some viewport widths the rules made the logo appear pushed to the right.
   v4.4 converts the footer masthead into a single centered brand lockup.
---------------------------------------------------------------------------- */
.site-footer--v42 .footer-v42-card {
  max-width: 1180px !important;
  margin: 0 auto !important;
  text-align: center !important;
}
.site-footer--v42 .footer-v42-brandline {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 20px !important;
  padding: 0 0 24px !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  border-bottom: 1px solid rgba(242,232,186,.18) !important;
}
.site-footer--v42 .footer-v42-rule {
  display: none !important;
}
.site-footer--v42 .footer-v42-logo {
  display: inline-flex !important;
  width: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  text-align: center !important;
}
.site-footer--v42 .footer-v42-logo .brand-logo,
.site-footer--v42 .footer-v42-logo a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
}
.site-footer--v42 .footer-v42-logo .brand-logo img,
.site-footer--v42 .footer-v42-logo img {
  width: min(220px, 52vw) !important;
  max-height: 62px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}
.site-footer--v42 .footer-v42-kicker {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
.site-footer--v42 .footer-v42-directory {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: left !important;
}

@media (max-width: 900px) {
  .site-footer--v42 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .site-footer--v42 .footer-v42-shell {
    width: min(100% - 28px, 620px) !important;
    max-width: min(100% - 28px, 620px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .site-footer--v42 .footer-v42-card {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 640px) {
  .site-footer--v42 .footer-v42-shell {
    width: calc(100% - 28px) !important;
    max-width: 440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .site-footer--v42 .footer-v42-card {
    padding: 28px 20px 30px !important;
  }
  .site-footer--v42 .footer-v42-brandline {
    margin-bottom: 19px !important;
    padding-bottom: 20px !important;
  }
  .site-footer--v42 .footer-v42-logo .brand-logo img,
  .site-footer--v42 .footer-v42-logo img {
    width: min(178px, 58vw) !important;
    max-height: 50px !important;
  }
  .site-footer--v42 .footer-v42-kicker {
    max-width: 310px !important;
    margin-bottom: 26px !important;
    font-size: 10px !important;
    line-height: 1.85 !important;
    letter-spacing: .095em !important;
  }
  .site-footer--v42 .footer-v42-directory {
    grid-template-columns: 1fr 1fr !important;
    gap: 30px 24px !important;
    padding-top: 24px !important;
    padding-bottom: 28px !important;
  }
  .site-footer--v42 .footer-v42-group h2 {
    font-size: 20px !important;
    line-height: 1 !important;
  }
  .site-footer--v42 .footer-v42-group a {
    font-size: 10.5px !important;
    letter-spacing: .075em !important;
  }
}

@media (max-width: 380px) {
  .site-footer--v42 .footer-v42-shell {
    width: calc(100% - 22px) !important;
    max-width: 360px !important;
  }
  .site-footer--v42 .footer-v42-card { padding-left: 16px !important; padding-right: 16px !important; }
  .site-footer--v42 .footer-v42-directory { gap: 28px 16px !important; }
}


/* --------------------------------------------------------------------------
   Metropolitan Editorial v4.5 — premium footer hard rebuild.
   This uses new class names to avoid old v42/v43/v44 footer CSS conflicts.
---------------------------------------------------------------------------- */
.mi-lux-footer {
  background: radial-gradient(circle at 50% 0%, rgba(143,121,38,.20), transparent 34%), linear-gradient(180deg, #111 0%, #050505 100%) !important;
  border-top: 3px solid #8f7926 !important;
  color: #f7f3e8 !important;
  padding: clamp(42px, 6vw, 78px) 0 34px !important;
  margin: 0 !important;
}
.mi-lux-footer * { box-sizing: border-box !important; }
.mi-lux-footer__shell {
  width: min(100% - 56px, 1180px) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}
.mi-lux-footer__card {
  width: 100% !important;
  margin: 0 auto !important;
  padding: clamp(32px, 4.2vw, 54px) clamp(26px, 4vw, 46px) !important;
  border: 1px solid rgba(242,232,186,.24) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.008)) !important;
  box-shadow: 0 30px 88px rgba(0,0,0,.36) !important;
  text-align: center !important;
}
.mi-lux-footer__brand {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding-bottom: 28px !important;
  margin: 0 auto 24px !important;
  border-bottom: 1px solid rgba(242,232,186,.18) !important;
}
.mi-lux-footer__logo,
.mi-lux-footer__logo .brand-logo,
.mi-lux-footer__logo a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  transform: none !important;
  position: static !important;
}
.mi-lux-footer__logo img,
.mi-lux-footer__logo .brand-logo img {
  display: block !important;
  width: min(220px, 54vw) !important;
  max-width: 220px !important;
  max-height: 62px !important;
  height: auto !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  transform: none !important;
}
.mi-lux-footer__statement {
  max-width: 720px !important;
  margin: 0 auto clamp(30px, 3vw, 38px) !important;
  color: rgba(247,243,232,.72) !important;
  font-family: var(--mi-body) !important;
  font-size: 11px !important;
  line-height: 1.8 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  text-align: center !important;
}
.mi-lux-footer__directory {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(28px, 4vw, 58px) !important;
  padding: clamp(30px, 4vw, 42px) 0 !important;
  border-top: 1px solid rgba(242,232,186,.16) !important;
  border-bottom: 1px solid rgba(242,232,186,.16) !important;
  text-align: left !important;
}
.mi-lux-footer__group h2 {
  margin: 0 0 20px !important;
  color: #fff !important;
  font-family: var(--mi-heading) !important;
  font-size: clamp(22px, 2vw, 29px) !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  letter-spacing: .005em !important;
}
.mi-lux-footer__group ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 13px !important;
}
.mi-lux-footer__group a {
  display: inline-block !important;
  color: rgba(247,243,232,.72) !important;
  font-family: var(--mi-body) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  letter-spacing: .08em !important;
  text-decoration: none !important;
  text-transform: none !important;
}
.mi-lux-footer__group a:hover,
.mi-lux-footer__group a:focus { color: #d3bd57 !important; }
.mi-lux-footer__social {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 28px 0 16px !important;
}
.mi-lux-footer__social a {
  width: 32px !important;
  height: 32px !important;
  border: 1px solid rgba(242,232,186,.34) !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: #f7f3e8 !important;
  font-size: 9px !important;
  letter-spacing: .08em !important;
  text-decoration: none !important;
}
.mi-lux-footer__legal {
  max-width: 780px !important;
  margin: 0 auto !important;
  text-align: center !important;
  color: rgba(247,243,232,.48) !important;
}
.mi-lux-footer__legal p { margin: 8px 0 !important; font-size: 9.5px !important; line-height: 1.6 !important; }
.mi-lux-footer__legal-links { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 10px 18px !important; margin-top: 12px !important; }
.mi-lux-footer__legal-links a { color: rgba(247,243,232,.68) !important; font-size: 9.5px !important; text-decoration: underline !important; text-underline-offset: 3px !important; }

@media (max-width: 900px) {
  .mi-lux-footer__shell { width: min(100% - 28px, 680px) !important; }
  .mi-lux-footer__directory { grid-template-columns: 1fr 1fr !important; gap: 32px 28px !important; }
}
@media (max-width: 640px) {
  .mi-lux-footer { padding: 30px 0 24px !important; }
  .mi-lux-footer__shell { width: calc(100% - 24px) !important; max-width: 430px !important; }
  .mi-lux-footer__card { padding: 28px 20px 30px !important; }
  .mi-lux-footer__brand { padding-bottom: 22px !important; margin-bottom: 22px !important; }
  .mi-lux-footer__logo img,
  .mi-lux-footer__logo .brand-logo img { width: min(176px, 58vw) !important; max-height: 50px !important; }
  .mi-lux-footer__statement { max-width: 310px !important; font-size: 10px !important; line-height: 1.85 !important; letter-spacing: .095em !important; margin-bottom: 28px !important; }
  .mi-lux-footer__directory { grid-template-columns: 1fr 1fr !important; gap: 30px 24px !important; padding: 24px 0 28px !important; }
  .mi-lux-footer__group h2 { font-size: 20px !important; margin-bottom: 16px !important; }
  .mi-lux-footer__group ul { gap: 13px !important; }
  .mi-lux-footer__group a { font-size: 10.5px !important; letter-spacing: .075em !important; }
}
@media (max-width: 380px) {
  .mi-lux-footer__shell { width: calc(100% - 18px) !important; }
  .mi-lux-footer__card { padding-left: 16px !important; padding-right: 16px !important; }
  .mi-lux-footer__directory { gap: 28px 16px !important; }
}


/* --------------------------------------------------------------------------
   Metropolitan Editorial v4.6 — fixed footer logo DOM + final premium footer.
   Previous footer wrapped metropolitan_logo() inside another <a>, creating
   invalid nested anchors. The direct image lockup below now centers reliably.
---------------------------------------------------------------------------- */
.mi-lux-footer {
  background: radial-gradient(circle at 50% 0%, rgba(143,121,38,.16), transparent 38%), #050505 !important;
  border-top: 3px solid #8f7926 !important;
  color: #f7f3e8 !important;
  padding: clamp(48px, 6vw, 72px) 0 34px !important;
}
.mi-lux-footer__shell {
  width: min(100% - 72px, 1120px) !important;
  margin-inline: auto !important;
}
.mi-lux-footer__card {
  width: 100% !important;
  margin: 0 auto !important;
  padding: clamp(38px, 4.6vw, 58px) clamp(32px, 4.8vw, 56px) clamp(28px, 3vw, 38px) !important;
  border: 1px solid rgba(242,232,186,.26) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.006)) !important;
  text-align: center !important;
}
.mi-lux-footer__brand {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 auto 26px !important;
  padding: 0 0 24px !important;
  border-bottom: 1px solid rgba(242,232,186,.18) !important;
}
.mi-lux-footer__logo {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
}
.mi-lux-footer__logo img {
  display: block !important;
  width: 238px !important;
  max-width: min(238px, 58vw) !important;
  height: auto !important;
  max-height: 70px !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: 0 auto !important;
  transform: none !important;
}
.mi-lux-footer__statement {
  max-width: 760px !important;
  margin: 0 auto 34px !important;
  text-align: center !important;
  font-size: 10.5px !important;
  line-height: 1.85 !important;
  letter-spacing: .14em !important;
  color: rgba(247,243,232,.70) !important;
}
.mi-lux-footer__directory {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(34px, 5vw, 68px) !important;
  width: 100% !important;
  padding: 34px 0 36px !important;
  border-top: 1px solid rgba(242,232,186,.16) !important;
  border-bottom: 1px solid rgba(242,232,186,.16) !important;
  text-align: left !important;
}
.mi-lux-footer__group h2 {
  font-size: clamp(22px, 1.9vw, 28px) !important;
  margin: 0 0 18px !important;
}
.mi-lux-footer__group ul { gap: 12px !important; }
.mi-lux-footer__group a {
  font-size: 10.5px !important;
  letter-spacing: .085em !important;
  color: rgba(247,243,232,.68) !important;
}
.mi-lux-footer__social { padding: 26px 0 16px !important; }

@media (max-width: 900px) {
  .mi-lux-footer__shell {
    width: min(100% - 34px, 680px) !important;
  }
  .mi-lux-footer__directory {
    grid-template-columns: 1fr 1fr !important;
    gap: 34px 30px !important;
  }
}
@media (max-width: 640px) {
  .mi-lux-footer {
    padding: 34px 0 24px !important;
  }
  .mi-lux-footer__shell {
    width: calc(100% - 26px) !important;
    max-width: 430px !important;
  }
  .mi-lux-footer__card {
    padding: 28px 20px 30px !important;
  }
  .mi-lux-footer__brand {
    margin-bottom: 22px !important;
    padding-bottom: 20px !important;
  }
  .mi-lux-footer__logo img {
    width: 166px !important;
    max-width: 54vw !important;
    max-height: 48px !important;
  }
  .mi-lux-footer__statement {
    max-width: 318px !important;
    margin-bottom: 28px !important;
    font-size: 9.8px !important;
    line-height: 1.85 !important;
    letter-spacing: .095em !important;
  }
  .mi-lux-footer__directory {
    grid-template-columns: 1fr 1fr !important;
    gap: 30px 24px !important;
    padding: 24px 0 28px !important;
  }
  .mi-lux-footer__group h2 {
    font-size: 20px !important;
    margin-bottom: 16px !important;
  }
  .mi-lux-footer__group ul { gap: 12px !important; }
  .mi-lux-footer__group a {
    font-size: 10.5px !important;
    letter-spacing: .07em !important;
  }
  .mi-lux-footer__social a {
    width: 30px !important;
    height: 30px !important;
  }
}
@media (max-width: 380px) {
  .mi-lux-footer__shell { width: calc(100% - 18px) !important; }
  .mi-lux-footer__card { padding-left: 16px !important; padding-right: 16px !important; }
  .mi-lux-footer__directory { gap: 28px 16px !important; }
  .mi-lux-footer__logo img { width: 154px !important; }
}


/* --------------------------------------------------------------------------
   Metropolitan Editorial v4.7 — final footer logo scale + optical centering.
   Inline image dimensions also enforce this if cache/minification delays CSS.
---------------------------------------------------------------------------- */
.mi-lux-footer .mi-lux-footer__brand {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.mi-lux-footer .mi-lux-footer__logo {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 220px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}
.mi-lux-footer .mi-lux-footer__logo > img {
  display: block !important;
  width: 170px !important;
  min-width: 0 !important;
  max-width: 170px !important;
  height: auto !important;
  max-height: 48px !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 auto !important;
  padding: 0 !important;
  transform: translateX(-2px) !important;
}
@media (max-width: 640px) {
  .mi-lux-footer .mi-lux-footer__brand {
    padding-bottom: 18px !important;
    margin-bottom: 20px !important;
  }
  .mi-lux-footer .mi-lux-footer__logo {
    max-width: 170px !important;
  }
  .mi-lux-footer .mi-lux-footer__logo > img {
    width: 132px !important;
    max-width: 132px !important;
    max-height: 38px !important;
    transform: translateX(-1px) !important;
  }
}


/* --------------------------------------------------------------------------
   Metropolitan Editorial v4.8 — centered author signatures in category modules
   Applies to homepage category sections and category landing feature grids on
   both desktop and mobile. This keeps the byline visually aligned with the
   headline/image hierarchy instead of drifting left under side cards.
---------------------------------------------------------------------------- */
.magazine-section .magazine-feature-grid .author-signature,
.category-lead .category-feature-grid .author-signature,
.magazine-section .mobile-desk-module .author-signature,
.magazine-section .mobile-desk-slider .author-signature,
.magazine-section .mobile-desk-support .author-signature,
.magazine-section .thumbnail-strip .author-signature,
.category-lead .thumbnail-strip .author-signature,
.category-guides .archive-card .author-signature,
.more-stories .archive-card .author-signature {
  display: flex !important;
  justify-content: center !important;
  align-items: baseline !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.magazine-section .magazine-feature-grid .story-card__body,
.category-lead .category-feature-grid .story-card__body,
.magazine-section .mobile-desk-slide__body,
.magazine-section .mobile-desk-support__body,
.magazine-section .thumbnail-strip .compact-story,
.category-lead .thumbnail-strip .compact-story,
.category-guides .archive-card .story-card__body,
.more-stories .archive-card .story-card__body {
  text-align: center !important;
}

.magazine-section .magazine-feature-grid .author-signature__by,
.magazine-section .magazine-feature-grid .author-signature__name,
.category-lead .category-feature-grid .author-signature__by,
.category-lead .category-feature-grid .author-signature__name,
.magazine-section .mobile-desk-module .author-signature__by,
.magazine-section .mobile-desk-module .author-signature__name,
.category-guides .archive-card .author-signature__by,
.category-guides .archive-card .author-signature__name,
.more-stories .archive-card .author-signature__by,
.more-stories .archive-card .author-signature__name {
  text-align: center !important;
}

@media (max-width: 767px) {
  .magazine-section .mobile-desk-support__body,
  .magazine-section .mobile-desk-support__body .story-kicker,
  .magazine-section .mobile-desk-support__body h3,
  .magazine-section .mobile-desk-support__body h3 a,
  .magazine-section .mobile-desk-support__body .author-signature {
    text-align: center !important;
    justify-content: center !important;
  }
  .magazine-section .mobile-desk-support__item {
    align-items: center !important;
  }
}


/* --------------------------------------------------------------------------
   Metropolitan Editorial v4.9 — header indicator removal + logo scale polish
   Removes the small gold masthead indicator from the homepage header on both
   desktop and mobile, increases footer logo scale by 20%, and increases the
   black sticky header logo by roughly 12–15%.
---------------------------------------------------------------------------- */
body.home .site-header--v2 .masthead__logo::after,
body.front-page .site-header--v2 .masthead__logo::after,
body.blog .site-header--v2 .masthead__logo::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

@media (max-width: 920px) {
  body.home .site-header--v2 .masthead__logo::after,
  body.front-page .site-header--v2 .masthead__logo::after,
  body.blog .site-header--v2 .masthead__logo::after {
    content: none !important;
    display: none !important;
  }
}

/* Sticky header logo: stronger presence without crowding the nav. */
.site-header--v2 .sticky-header__logo .brand-logo img,
.sticky-header__logo .brand-logo img {
  width: 188px !important;
  max-height: 43px !important;
  object-fit: contain !important;
}
@media (min-width: 921px) and (max-width: 1180px) {
  .site-header--v2 .sticky-header__logo .brand-logo img,
  .sticky-header__logo .brand-logo img {
    width: 180px !important;
    max-height: 41px !important;
  }
}
@media (max-width: 920px) {
  .site-header--v2 .sticky-header__logo .brand-logo img,
  .sticky-header__logo .brand-logo img {
    width: min(245px, 66vw) !important;
    max-height: 52px !important;
  }
}

/* Footer logo: 20% larger than v4.7 but still controlled and centered. */
.mi-lux-footer .mi-lux-footer__logo {
  max-width: 260px !important;
}
.mi-lux-footer .mi-lux-footer__logo > img,
.mi-lux-footer__logo img,
.mi-lux-footer .mi-lux-footer__brand img {
  width: 204px !important;
  max-width: 204px !important;
  max-height: 58px !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
}
@media (max-width: 640px) {
  .mi-lux-footer .mi-lux-footer__logo {
    max-width: 205px !important;
  }
  .mi-lux-footer .mi-lux-footer__logo > img,
  .mi-lux-footer__logo img,
  .mi-lux-footer .mi-lux-footer__brand img {
    width: 158px !important;
    max-width: 158px !important;
    max-height: 46px !important;
    transform: translateX(-1px) !important;
  }
}

/* --------------------------------------------------------------------------
   Metropolitan Editorial v5.0 — category module typography rollback
   The mobile carousel headline had accidentally inherited the sans body face
   through a temporary display variable. This restores the luxury editorial
   hierarchy: section headings stay clean Sweet Sans, but story headlines in
   all category modules use Rocky Condensed again.
---------------------------------------------------------------------------- */
:root {
  --mi-display: var(--mi-heading);
}

/* Desktop category module story headlines */
.magazine-section .story-card__title,
.magazine-section .story-card__title a,
.magazine-section .feature-main-card .story-card__title,
.magazine-section .feature-main-card .story-card__title a,
.magazine-section .feature-side-card .story-card__title,
.magazine-section .feature-side-card .story-card__title a,
.magazine-section .thumbnail-strip h3,
.magazine-section .thumbnail-strip h3 a,
.category-lead .story-card__title,
.category-lead .story-card__title a,
.category-guides .archive-card h2,
.category-guides .archive-card h2 a,
.more-stories .archive-card h2,
.more-stories .archive-card h2 a {
  font-family: var(--mi-heading) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: -.006em !important;
}

/* Keep section/category headings in the refined sans face. */
.magazine-section .section-title-row h2,
.people-editorial .section-title-row h2,
.voices-band .section-title-row h2,
.cover-shelf__heading h2 {
  font-family: var(--mi-body) !important;
  font-weight: 400 !important;
}

/* Mobile carousel / category slider headlines */
@media (max-width: 760px) {
  body.home .mobile-desk-slide h3,
  body.home .mobile-desk-slide h3 a,
  body.home .mobile-desk-lead h3,
  body.home .mobile-desk-lead h3 a,
  body.home .mobile-desk-support h3,
  body.home .mobile-desk-support h3 a,
  body.home .magazine-section .magazine-feature-grid .story-card__title,
  body.home .magazine-section .magazine-feature-grid .story-card__title a,
  body.home .magazine-section .thumbnail-strip .compact-story h3,
  body.home .magazine-section .thumbnail-strip .compact-story h3 a {
    font-family: var(--mi-heading) !important;
    font-weight: 400 !important;
    font-style: normal !important;
    letter-spacing: -.006em !important;
  }

  body.home .mobile-desk-slide h3,
  body.home .mobile-desk-slide h3 a {
    font-size: clamp(25px, 7.3vw, 33px) !important;
    line-height: .98 !important;
  }

  body.home .mobile-desk-support h3,
  body.home .mobile-desk-support h3 a {
    font-size: 19px !important;
    line-height: 1.02 !important;
  }

  /* Section heading remains small, luxury-sans, not oversized. */
  body.home .magazine-section .section-title-row h2,
  body.home .people-editorial .section-title-row h2,
  body.home .voices-band h2 {
    font-family: var(--mi-body) !important;
    font-weight: 400 !important;
    font-size: clamp(34px, 10.6vw, 46px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.018em !important;
  }
}

/* --------------------------------------------------------------------------
   Metropolitan Editorial v5.1 — header separator cleanup
   Header should have one clean divider above the menu only. Removes the extra
   masthead bottom border and all masthead gold underline indicators.
---------------------------------------------------------------------------- */
.site-header--v2 .masthead {
  border-bottom: 0 !important;
}
.site-header--v2 .masthead::after,
.site-header--v2 .masthead__logo::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}
.site-header--v2 .primary-navigation {
  border-top: 1px solid var(--mi-grey-200) !important;
  border-bottom: 0 !important;
}
html[data-theme="dark"] .site-header--v2 .primary-navigation {
  border-top-color: rgba(189,166,67,.28) !important;
}
@media (max-width: 920px) {
  .site-header--v2 .masthead {
    border-bottom: 0 !important;
  }
  .site-header--v2 .primary-navigation {
    border-top: 1px solid var(--mi-grey-200) !important;
    border-bottom: 0 !important;
  }
}


/* =========================================================
   Metropolitan Editorial v5.2 — optical centered desktop menu
   Keeps the primary navigation mathematically centered while
   the moon/search tool rail sits independently on the right.
   ========================================================= */
@media (min-width: 1025px) {
  .site-header--v2 .primary-navigation__inner.site-shell,
  .site-header--v2 .primary-navigation__inner {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 54px !important;
    padding-left: 120px !important;
    padding-right: 120px !important;
    overflow: visible !important;
  }

  .site-header--v2 .primary-navigation__menu {
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: calc(100vw - 300px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .site-header--v2 .primary-navigation .editorial-menu,
  .site-header--v2 .primary-navigation .fallback-menu {
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center !important;
    gap: clamp(18px, 1.45vw, 32px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .site-header--v2 .primary-navigation__tools {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 92px !important;
    min-width: 92px !important;
    height: 54px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 18px !important;
    background: transparent !important;
  }

  .site-header--v2 .theme-toggle,
  .site-header--v2 .desktop-search-toggle {
    width: 34px !important;
    height: 34px !important;
  }
}

@media (min-width: 1025px) and (max-width: 1260px) {
  .site-header--v2 .primary-navigation__inner.site-shell,
  .site-header--v2 .primary-navigation__inner {
    padding-left: 90px !important;
    padding-right: 96px !important;
  }
  .site-header--v2 .primary-navigation__menu {
    max-width: calc(100vw - 230px) !important;
  }
  .site-header--v2 .primary-navigation .editorial-menu,
  .site-header--v2 .primary-navigation .fallback-menu {
    gap: clamp(12px, 1vw, 20px) !important;
  }
  .site-header--v2 .primary-navigation .editorial-menu > li > a,
  .site-header--v2 .primary-navigation .fallback-menu > li > a {
    font-size: 9.25px !important;
    letter-spacing: .09em !important;
  }
}

/* =========================================================
   Metropolitan Editorial v5.3 — homepage category refinement
   1) Center all author/byline signatures in homepage hero/category cards.
   2) Keep mobile desk/category headings smaller and inline.
   3) Keep chips inline beside/under the heading without tall stacked blocks.
   ========================================================= */

body.home .author-signature,
body.home .author-signature--small,
body.home .author-signature--tiny,
body.home .author-signature--hero,
body.home .author-signature--luxury,
body.home .mobile-desk-slide .author-signature,
body.home .mobile-desk-lead .author-signature,
body.home .mobile-desk-support .author-signature,
body.home .magazine-section .magazine-feature-grid .author-signature,
body.home .magazine-section .thumbnail-strip .author-signature,
body.home .people-editorial .author-signature {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.home .author-signature__by,
body.home .author-signature__name {
  text-align: center !important;
}

body.home .mobile-desk-support .author-signature,
body.home .thumbnail-strip .author-signature,
body.home .people-editorial__item .author-signature {
  justify-content: center !important;
}

@media (max-width: 760px) {
  body.home .magazine-section,
  body.home .people-editorial,
  body.home .voices-band,
  body.home .home-latest,
  body.home .cover-shelf {
    overflow: hidden !important;
  }

  body.home .magazine-section .section-title-row,
  body.home .people-editorial .section-title-row,
  body.home .people-editorial .section-title-row--compact,
  body.home .voices-band .section-title-row,
  body.home .home-latest .section-title-row,
  body.home .cover-shelf .section-title-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 12px !important;
    padding-top: 38px !important;
    padding-bottom: 18px !important;
    margin-bottom: 18px !important;
  }

  body.home .magazine-section .section-title-row h2,
  body.home .people-editorial .section-title-row h2,
  body.home .people-editorial .section-title-row--compact h2,
  body.home .voices-band .section-title-row h2,
  body.home .home-latest .section-title-row h2,
  body.home .cover-shelf .section-title-row h2 {
    font-family: var(--mi-body) !important;
    font-size: clamp(30px, 8.4vw, 37px) !important;
    line-height: 1.05 !important;
    letter-spacing: -.012em !important;
    font-weight: 400 !important;
    max-width: 92vw !important;
    margin: 0 auto !important;
    white-space: normal !important;
  }

  body.home .magazine-section .section-title-row__right,
  body.home .people-editorial .section-title-row__right,
  body.home .section-title-row__right {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 0 !important;
  }

  body.home .section-title-row__right a,
  body.home .section-title-row__right .section-all,
  body.home .category-topic-list a,
  body.home .category-topic-list span,
  body.home .mi-chip,
  body.home .mi-topic-chip,
  body.home .section-chip,
  body.home .desk-chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: max-content !important;
    min-height: 34px !important;
    padding: 9px 12px !important;
    margin: 0 !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    letter-spacing: .11em !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
  }

  body.home .section-title-row > a,
  body.home .section-all,
  body.home .view-all,
  body.home a[href*="category"]:where(.section-all) {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 2px auto 0 !important;
    font-size: 11px !important;
    letter-spacing: .13em !important;
    color: var(--mi-gold-dark) !important;
  }

  body.home .mobile-desk-slide .author-signature,
  body.home .mobile-desk-lead .author-signature,
  body.home .mobile-desk-support .author-signature,
  body.home .magazine-section .author-signature,
  body.home .people-editorial .author-signature {
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (min-width: 761px) {
  body.home .magazine-feature-grid .author-signature,
  body.home .hero-main-card .author-signature,
  body.home .hero-side-card .author-signature,
  body.home .story-card .author-signature,
  body.home .archive-card .author-signature,
  body.home .people-editorial .author-signature {
    justify-content: center !important;
    text-align: center !important;
  }
}


/* ======================================================================
   Metropolitan Editorial v5.4 — mobile post alignment + homepage byline/category polish
   ====================================================================== */

/* Homepage/menu title alignment and category section refinement */
.primary-navigation__inner {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
}
.primary-navigation__menu {
  grid-column: 2 !important;
  justify-content: center !important;
  overflow: visible !important;
  padding-right: 0 !important;
}
.primary-navigation__actions {
  grid-column: 3 !important;
  justify-self: end !important;
}

/* Keep all homepage/category bylines centered in lead cards and carousel cards */
.home-feature-card .story-byline,
.home-feature-card .card-byline,
.home-feature-card .entry-byline,
.home-section .story-byline,
.home-section .card-byline,
.home-section .entry-byline,
.category-feature-card .story-byline,
.category-feature-card .card-byline,
.mi-mobile-carousel .story-byline,
.mi-mobile-carousel .card-byline,
.mi-mobile-slider .story-byline,
.mi-mobile-slider .card-byline,
.mi-category-card .story-byline,
.mi-category-card .card-byline,
.story-card--feature .story-byline,
.story-card--feature .card-byline {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  justify-content: center !important;
}

/* Mobile category headings should feel like compact editorial section labels, not page H1s */
@media (max-width: 767px) {
  .section-title-row,
  .category-title-row,
  .mi-category-section .section-title-row,
  .home-section .section-title-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    padding: 34px 22px 20px !important;
    text-align: center !important;
  }
  .section-title-row h2,
  .category-title-row h2,
  .home-section .section-title-row h2,
  .mi-category-section .section-title-row h2,
  .mobile-section-title,
  .mi-section-title {
    max-width: 92vw !important;
    margin: 0 auto !important;
    font-family: var(--mi-body) !important;
    font-size: clamp(31px, 10vw, 42px) !important;
    font-weight: 400 !important;
    line-height: 1.04 !important;
    letter-spacing: .01em !important;
    text-align: center !important;
  }
  .section-title-row__right,
  .section-title-row .chip-row,
  .category-title-row .chip-row,
  .section-title-row .category-topic-list {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-top: 0 !important;
  }
  .section-title-row__right a,
  .section-title-row .chip,
  .category-title-row .chip,
  .category-topic-list span,
  .category-topic-list a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 10px 13px !important;
    font-size: 11px !important;
    letter-spacing: .1em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  .section-all { display: inline-block !important; margin-top: 4px !important; font-size: 11px !important; letter-spacing: .12em !important; }
}

/* Single post mobile template: tighter, centered, and contained like a premium news article */
@media (max-width: 640px) {
  .single-main--editorial { overflow-x: hidden !important; }
  .rr-article-shell,
  .single-article .site-shell,
  .luxury-related.site-shell {
    width: min(100%, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    margin-inline: auto !important;
  }
  .rr-article-header {
    padding-top: 30px !important;
    padding-bottom: 24px !important;
    text-align: left !important;
  }
  .rr-article-title {
    font-size: clamp(38px, 11.6vw, 52px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.01em !important;
    max-width: 100% !important;
  }
  .rr-article-dek {
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 1.52 !important;
  }
  .rr-article-hero__image {
    margin-inline: 0 !important;
    border-radius: 0 !important;
  }
  .mi-article-identity-v2 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  .rr-article-content,
  .rr-article-content p,
  .rr-article-content li {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
  .rr-article-content img,
  .rr-article-content iframe,
  .rr-article-content video,
  .rr-article-content table {
    max-width: 100% !important;
  }
  .rr-article-content table { display: block !important; overflow-x: auto !important; }

  /* Continue Reading no longer leaks outside mobile viewport */
  .luxury-related {
    width: min(100%, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    margin-inline: auto !important;
    padding-top: 48px !important;
    overflow: hidden !important;
  }
  .luxury-related__heading {
    padding: 0 0 18px !important;
    text-align: center !important;
  }
  .luxury-related__heading h2 {
    font-size: 38px !important;
    line-height: 1.04 !important;
    text-align: center !important;
  }
  .luxury-related__grid,
  .archive-grid--four.luxury-related__grid,
  .archive-grid.archive-grid--four {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 22px !important;
    overflow: hidden !important;
  }
  .luxury-related .archive-card,
  .luxury-related article,
  .luxury-related .story-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .luxury-related img { max-width: 100% !important; height: auto !important; }
  .luxury-related h2,
  .luxury-related h3,
  .luxury-related .story-title {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }
}