.home-page.serious-editorial-v4 {
  --v4-ink: #171714;
  --v4-paper: #f3efe7;
  --v4-line: rgba(23, 23, 20, 0.18);
  background: var(--v4-paper);
  color: var(--v4-ink);
}

.home-page.serious-editorial-v4 .hero {
  display: none !important;
}

.home-page.serious-editorial-v4 .v4-intro {
  display: grid;
  grid-template-columns: minmax(170px, 0.62fr) minmax(500px, 1.9fr) minmax(150px, 0.58fr);
  align-items: end;
  gap: clamp(20px, 3.5vw, 70px);
  padding: clamp(88px, 9vw, 170px) clamp(24px, 4vw, 78px) clamp(72px, 8vw, 145px);
  border-bottom: 1px solid var(--v4-line);
}

.home-page.serious-editorial-v4 .v4-intro__eyebrow,
.home-page.serious-editorial-v4 .v4-intro__note,
.home-page.serious-editorial-v4 .v4-categories__heading p,
.home-page.serious-editorial-v4 .v4-feed-heading p {
  margin: 0;
  font: 600 clamp(9px, 0.72vw, 12px)/1.3 Arial, sans-serif;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.home-page.serious-editorial-v4 .v4-intro__eyebrow span {
  padding: 0 0.35em;
}

.home-page.serious-editorial-v4 .v4-intro h1 {
  margin: 0;
  max-width: 1050px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(48px, 6.35vw, 122px);
  font-weight: 400;
  line-height: 0.88;
  letter-spacing: -0.055em;
}

.home-page.serious-editorial-v4 .v4-intro__note {
  justify-self: end;
  white-space: nowrap;
}

.home-page.serious-editorial-v4 .v4-categories {
  padding: clamp(42px, 5vw, 88px) clamp(24px, 4vw, 78px) clamp(90px, 10vw, 180px);
}

.home-page.serious-editorial-v4 .v4-categories__heading,
.home-page.serious-editorial-v4 .v4-feed-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: clamp(24px, 3vw, 50px);
  padding-bottom: 16px;
  border-bottom: 1px solid var(--v4-line);
}

.home-page.serious-editorial-v4 .v4-categories__heading h2,
.home-page.serious-editorial-v4 .v4-feed-heading h2 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(22px, 2.3vw, 42px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.035em;
}

.home-page.serious-editorial-v4 .v4-categories__heading h2 {
  color: var(--v4-ink) !important;
}

.home-page.serious-editorial-v4 .v4-feed-heading h2 {
  color: #f3efe7 !important;
}

.home-page.serious-editorial-v4 .v4-categories__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(36px, 5vw, 90px) clamp(12px, 1.4vw, 26px);
}

.home-page.serious-editorial-v4 .v4-category {
  appearance: none;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
  opacity: 0;
  animation: v4-card-in 0.8s cubic-bezier(.2,.75,.2,1) forwards;
}

.home-page.serious-editorial-v4 .v4-category:nth-child(2) { animation-delay: .06s; }
.home-page.serious-editorial-v4 .v4-category:nth-child(3) { animation-delay: .12s; }
.home-page.serious-editorial-v4 .v4-category:nth-child(4) { animation-delay: .18s; }
.home-page.serious-editorial-v4 .v4-category:nth-child(5) { animation-delay: .24s; }
.home-page.serious-editorial-v4 .v4-category:nth-child(6) { animation-delay: .30s; }
.home-page.serious-editorial-v4 .v4-category:nth-child(7) {
  grid-column: 2;
  animation-delay: .36s;
}

.home-page.serious-editorial-v4 .v4-category__image {
  position: relative;
  display: block;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: clamp(12px, 1.15vw, 22px);
  background: #ddd7cc;
}

.home-page.serious-editorial-v4 .v4-category__image::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: inherit;
  pointer-events: none;
}

.home-page.serious-editorial-v4 .v4-category img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .75s cubic-bezier(.2,.75,.2,1), filter .45s ease;
}

.home-page.serious-editorial-v4 .v4-category:hover img,
.home-page.serious-editorial-v4 .v4-category:focus-visible img {
  transform: scale(1.025);
  filter: saturate(1.04);
}

.home-page.serious-editorial-v4 .v4-category__caption {
  display: grid;
  grid-template-columns: 34px 1fr auto;
  align-items: baseline;
  gap: 10px;
  padding: 14px 2px 0;
  border-top: 0;
}

.home-page.serious-editorial-v4 .v4-category__caption b,
.home-page.serious-editorial-v4 .v4-category__caption em {
  font: 600 9px/1.2 Arial, sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-style: normal;
}

.home-page.serious-editorial-v4 .v4-category__caption b { opacity: .48; }
.home-page.serious-editorial-v4 .v4-category__caption em { opacity: .56; }

.home-page.serious-editorial-v4 .v4-category__caption strong {
  font: 400 clamp(15px, 1.25vw, 22px)/1.15 Georgia, "Times New Roman", serif;
}

.home-page.serious-editorial-v4 .category-collage-section {
  padding: 68px 12px clamp(70px, 8vw, 140px) !important;
  background: #181816 !important;
  color: #f3efe7;
}

.home-page.serious-editorial-v4 .v4-feed-heading {
  display: flex !important;
  min-height: clamp(88px, 8vw, 128px);
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.home-page.serious-editorial-v4 .v4-feed-heading h2 {
  margin: 0 !important;
  color: #f3efe7 !important;
  font: 600 clamp(11px, .82vw, 14px)/1 Arial, sans-serif !important;
  letter-spacing: .19em !important;
  text-transform: uppercase;
}

.home-page.serious-editorial-v4 .category-collage-heading,
.home-page.serious-editorial-v4 .feed-signature {
  display: none !important;
}

@media (min-width: 701px) {
  .home-page.serious-editorial-v4 .category-collage.category-collage--desktop-render {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-rows: auto !important;
    gap: clamp(8px, .72vw, 14px) !important;
    align-items: start !important;
  }

  .home-page.serious-editorial-v4 .category-collage--desktop-render > .collage-card,
  .home-page.serious-editorial-v4 .category-collage--desktop-render > .collage-card:nth-child(n) {
    display: block !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    aspect-ratio: 3 / 4 !important;
    overflow: hidden !important;
    border-radius: clamp(10px, .9vw, 18px) !important;
    background: #252522 !important;
  }

  .home-page.serious-editorial-v4 .category-collage--desktop-render > .collage-card img,
  .home-page.serious-editorial-v4 .category-collage--desktop-render > .collage-card:nth-child(n) img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform .65s cubic-bezier(.2,.75,.2,1) !important;
  }

  .home-page.serious-editorial-v4 .category-collage--desktop-render > .collage-card:hover img {
    transform: scale(1.025) !important;
  }
}

.home-page.serious-editorial-v4 .category-collage .collage-overlay {
  inset: auto 0 0 0 !important;
  min-height: 34% !important;
  padding: 38px 12px 12px !important;
  display: none !important;
  grid-template-columns: 1fr auto !important;
  align-items: end !important;
  gap: 4px 12px !important;
  background: linear-gradient(to top, rgba(0,0,0,.68), transparent) !important;
  color: #fff !important;
  opacity: 1 !important;
  transform: none !important;
}

.home-page.serious-editorial-v4 .category-collage .collage-overlay small,
.home-page.serious-editorial-v4 .category-collage .collage-overlay em {
  font: 600 9px/1.2 Arial, sans-serif !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  font-style: normal !important;
  opacity: .82 !important;
}

  .home-page.serious-editorial-v4 .category-collage .collage-overlay strong {
  grid-column: 1;
  font: 400 clamp(13px, 1vw, 18px)/1.08 Georgia, "Times New Roman", serif !important;
}

.home-page.serious-editorial-v4 .category-collage .collage-overlay em {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: end;
}

@keyframes v4-card-in {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 900px) {
  .home-page.serious-editorial-v4 .v4-intro {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .home-page.serious-editorial-v4 .v4-intro h1 { order: -1; }
  .home-page.serious-editorial-v4 .v4-intro__note { justify-self: start; }
}

@media (max-width: 700px) {
  .home-page.serious-editorial-v4 .v4-intro {
    gap: 22px;
    padding: 68px 18px 58px;
  }

  .home-page.serious-editorial-v4 .v4-intro h1 {
    font-size: clamp(42px, 13vw, 62px);
    line-height: .94;
  }

  .home-page.serious-editorial-v4 .v4-categories {
    padding: 34px 14px 76px;
  }

  .home-page.serious-editorial-v4 .v4-categories__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px 10px;
  }

  .home-page.serious-editorial-v4 .v4-category:nth-child(7) { grid-column: 1 / -1; width: calc(50% - 5px); justify-self: center; }
  .home-page.serious-editorial-v4 .v4-category__caption { grid-template-columns: 22px 1fr; padding-top: 10px; gap: 6px; }
  .home-page.serious-editorial-v4 .v4-category__caption em { display: none; }
  .home-page.serious-editorial-v4 .v4-category__caption strong { font-size: 13px; }

  .home-page.serious-editorial-v4 .category-collage-section {
    padding: 66px 8px 70px !important;
  }

  .home-page.serious-editorial-v4 .v4-feed-heading {
    min-height: 76px;
  }

  .home-page.serious-editorial-v4 .category-collage.category-collage--mobile-render {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .home-page.serious-editorial-v4 .category-collage--mobile-render > .collage-lane {
    display: contents !important;
  }

  .home-page.serious-editorial-v4 .category-collage--mobile-render .collage-card,
  .home-page.serious-editorial-v4 .category-collage--mobile-render .collage-card:nth-child(n) {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    aspect-ratio: 3 / 4 !important;
    overflow: hidden !important;
    border-radius: 10px !important;
  }

  .home-page.serious-editorial-v4 .category-collage--mobile-render .collage-card img,
  .home-page.serious-editorial-v4 .category-collage--mobile-render .collage-card:nth-child(n) img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}

/* Dark editorial header. The fused treatment is the published default;
   ?header=masthead preserves the alternate study for future comparison. */
.home-page.serious-editorial-v4.v4-header-fused .site-header,
.home-page.serious-editorial-v4.v4-header-masthead .site-header {
  background: rgba(24, 24, 22, .96) !important;
  color: #f3efe7 !important;
  border-bottom-color: rgba(243, 239, 231, .09) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px) saturate(115%) !important;
}

.home-page.serious-editorial-v4.v4-header-fused .site-header .brand,
.home-page.serious-editorial-v4.v4-header-fused .site-header .nav,
.home-page.serious-editorial-v4.v4-header-fused .site-header .nav a,
.home-page.serious-editorial-v4.v4-header-fused .site-header .nav-services-trigger,
.home-page.serious-editorial-v4.v4-header-masthead .site-header .brand,
.home-page.serious-editorial-v4.v4-header-masthead .site-header .nav,
.home-page.serious-editorial-v4.v4-header-masthead .site-header .nav a,
.home-page.serious-editorial-v4.v4-header-masthead .site-header .nav-services-trigger {
  color: inherit !important;
}

.home-page.serious-editorial-v4.v4-header-fused .site-header .nav a,
.home-page.serious-editorial-v4.v4-header-fused .site-header .nav-services-trigger {
  opacity: .72;
  transition: opacity 180ms ease, color 180ms ease;
}

.home-page.serious-editorial-v4.v4-header-fused .site-header .nav a:hover,
.home-page.serious-editorial-v4.v4-header-fused .site-header .nav a:focus-visible,
.home-page.serious-editorial-v4.v4-header-fused .site-header .nav-services-trigger:hover,
.home-page.serious-editorial-v4.v4-header-fused .site-header .nav-services-trigger:focus-visible {
  color: #f3efe7 !important;
  opacity: 1;
}

.home-page.serious-editorial-v4.v4-header-masthead .site-header {
  min-height: 78px;
  padding-block: 14px;
  border-bottom-color: rgba(184, 105, 74, .82) !important;
}

.home-page.serious-editorial-v4.v4-header-masthead .site-header .brand {
  gap: 4px;
  text-transform: none;
  letter-spacing: 0;
}

.home-page.serious-editorial-v4.v4-header-masthead .site-header .brand > span {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.45rem, 1.75vw, 1.95rem);
  font-weight: 400;
  line-height: .92;
  letter-spacing: -.04em;
}

.home-page.serious-editorial-v4.v4-header-masthead .site-header .brand small {
  color: rgba(243, 239, 231, .58);
  font-family: Arial, Helvetica, sans-serif;
  font-size: .48rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .2em;
  text-transform: uppercase;
}

.home-page.serious-editorial-v4.v4-header-masthead .site-header .nav {
  gap: clamp(18px, 2vw, 30px);
  font-size: .68rem;
  letter-spacing: .18em;
}

.home-page.serious-editorial-v4.v4-header-masthead .site-header .nav a,
.home-page.serious-editorial-v4.v4-header-masthead .site-header .nav-services-trigger {
  opacity: .74;
  transition: opacity 180ms ease, color 180ms ease;
}

.home-page.serious-editorial-v4.v4-header-masthead .site-header .nav a:hover,
.home-page.serious-editorial-v4.v4-header-masthead .site-header .nav a:focus-visible,
.home-page.serious-editorial-v4.v4-header-masthead .site-header .nav-services-trigger:hover,
.home-page.serious-editorial-v4.v4-header-masthead .site-header .nav-services-trigger:focus-visible {
  color: #d09a78 !important;
  opacity: 1;
}

.home-page.serious-editorial-v4 .v4-mobile-home-link,
.home-page.serious-editorial-v4 .v4-portfolio-home-link {
  display: none;
}

.home-page.serious-editorial-v4 .nav-services-trigger > .nav-section-link {
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  opacity: 1 !important;
}

.home-page.serious-editorial-v4 .v4-home-intro__mobile-copy {
  display: none;
}

.home-page.serious-editorial-v4 .v4-home-screen-brand {
  display: grid;
  gap: 1px;
  color: #f3efe7;
  font: 700 .92rem/1 Arial, Helvetica, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.home-page.serious-editorial-v4 .v4-home-screen-brand small {
  font-size: .68rem;
  font-weight: 500;
  letter-spacing: .18em;
}

.home-page.serious-editorial-v4 .v4-home-screen-nav {
  display: flex;
  align-items: center;
  gap: clamp(24px, 2.6vw, 48px);
}

.home-page.serious-editorial-v4 .v4-home-screen-nav a {
  color: #f3efe7;
  font: 700 .68rem/1 Arial, Helvetica, sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
  opacity: .88;
}

.home-page.serious-editorial-v4 .v4-home-screen-nav a:hover,
.home-page.serious-editorial-v4 .v4-home-screen-nav a:focus-visible,
.home-page.serious-editorial-v4 .v4-home-screen-nav a[aria-current="page"] {
  opacity: 1;
}

.home-page.serious-editorial-v4 .v4-home-screen-menu {
  position: relative;
}

.home-page.serious-editorial-v4 .v4-home-screen-menu > summary {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #f3efe7;
  cursor: pointer;
  list-style: none;
}

.home-page.serious-editorial-v4 .v4-home-screen-menu > summary::-webkit-details-marker {
  display: none;
}

.home-page.serious-editorial-v4 .v4-home-screen-menu > summary::after {
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  content: "";
  transform: rotate(45deg);
  transition: transform 180ms ease, margin 180ms ease;
}

.home-page.serious-editorial-v4 .v4-home-screen-menu[open] > summary::after {
  margin-top: 3px;
  transform: rotate(225deg);
}

.home-page.serious-editorial-v4 .v4-home-screen-submenu {
  position: absolute;
  z-index: 8;
  top: calc(100% + 18px);
  right: -18px;
  display: none;
  width: max-content;
  min-width: 230px;
  padding: 14px 18px;
  background: #0f0f0e;
  border: 1px solid rgba(243, 239, 231, .14);
}

.home-page.serious-editorial-v4 .v4-home-screen-menu[open] > .v4-home-screen-submenu {
  display: grid;
}

.home-page.serious-editorial-v4 .v4-home-screen-submenu a {
  padding: 9px 0;
  color: rgba(243, 239, 231, .68);
  border-bottom: 1px solid rgba(243, 239, 231, .1);
  font-size: .62rem;
  letter-spacing: .12em;
  white-space: nowrap;
}

.home-page.serious-editorial-v4 .v4-home-screen-submenu a:last-child {
  border-bottom: 0;
}

.home-page.serious-editorial-v4 .contact.contact-only {
  min-height: 0;
  padding: clamp(28px, 4vw, 52px) clamp(18px, 3vw, 42px);
}

.home-page.serious-editorial-v4 .contact-only .contact-panel {
  gap: 8px;
}

.home-page.serious-editorial-v4 .v4-mobile-home-screen:focus,
.home-page.serious-editorial-v4 .v4-mobile-home-screen:focus-visible {
  outline: none;
}

.home-page.serious-editorial-v4 .v4-mobile-home-screen__shell:focus,
.home-page.serious-editorial-v4 .v4-mobile-home-screen__shell:focus-visible {
  outline: none;
}

@media (min-width: 901px) {
  .home-page.serious-editorial-v4 .v4-mobile-home-link,
  .home-page.serious-editorial-v4 .v4-portfolio-home-link {
    display: inline-flex !important;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-home-screen-open {
    overflow: hidden !important;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-mobile-home-screen {
    inset: 0;
    width: 100vw;
    max-width: none;
    height: 100vh;
    max-height: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #181816;
    color: #f3efe7;
    border: 0;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .v4-mobile-home-screen::backdrop {
    background: #181816;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .v4-mobile-home-screen__shell {
    height: 100%;
    overflow-y: auto;
    padding: 0 clamp(30px, 4vw, 78px) clamp(90px, 8vw, 150px);
    scrollbar-width: thin;
    scrollbar-color: rgba(243, 239, 231, .22) transparent;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .v4-mobile-home-screen__header {
    position: sticky;
    z-index: 2;
    top: 0;
    display: flex;
    min-height: 86px;
    margin: 0 calc(clamp(30px, 4vw, 78px) * -1) clamp(48px, 5vw, 88px);
    padding: 20px clamp(30px, 4vw, 78px);
    align-items: center;
    justify-content: space-between;
    background: rgba(24, 24, 22, .95);
    border-bottom: 1px solid rgba(243, 239, 231, .09);
    backdrop-filter: blur(16px);
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .v4-mobile-home-screen__header .v4-home-screen-brand {
    flex: 0 0 auto;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .v4-mobile-home-screen__header button {
    display: none;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-mobile-home-grid {
    display: grid;
    max-width: 1420px;
    margin: 0 auto;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: clamp(42px, 5vw, 86px) clamp(14px, 1.5vw, 26px);
    align-items: start;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-home-intro {
    display: grid;
    max-width: 1160px;
    margin: 0 auto clamp(62px, 7vw, 118px);
    grid-template-columns: minmax(520px, 1.65fr) minmax(280px, .72fr);
    gap: clamp(48px, 7vw, 112px);
    align-items: end;
    padding-bottom: clamp(30px, 3vw, 48px);
    border-bottom: 1px solid rgba(243, 239, 231, .14);
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-home-intro__lead {
    display: grid;
    gap: clamp(18px, 2vw, 30px);
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-home-intro__lead p {
    margin: 0;
    color: rgba(243, 239, 231, .64);
    font: 600 .7rem/1.55 Arial, Helvetica, sans-serif;
    letter-spacing: .16em;
    text-transform: uppercase;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-home-intro__copy {
    margin: 0;
    max-width: 34rem;
    color: rgba(243, 239, 231, .64);
    font-size: .82rem;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: .02em;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-home-intro h3 {
    margin: 0;
    color: #f3efe7;
    font: 400 clamp(2.5rem, 4.2vw, 5.2rem)/.94 Georgia, "Times New Roman", serif;
    letter-spacing: -.045em;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-mobile-home-card {
    display: grid;
    min-width: 0;
    padding: 0;
    gap: 13px;
    background: transparent;
    color: #f3efe7;
    border: 0;
    text-align: left;
    cursor: pointer;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-mobile-home-card:nth-child(1) { grid-column: 6 / span 2; grid-row: 2; }
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-mobile-home-card:nth-child(2) { grid-column: 2 / span 2; grid-row: 2; }
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-mobile-home-card:nth-child(3) { grid-column: 1 / span 2; grid-row: 1; }
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-mobile-home-card:nth-child(4) { grid-column: 3 / span 2; grid-row: 1; }
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-mobile-home-card:nth-child(5) { grid-column: 7 / span 2; grid-row: 1; }
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-mobile-home-card:nth-child(6) { grid-column: 4 / span 2; grid-row: 2; }
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-mobile-home-card:nth-child(7) { grid-column: 5 / span 2; grid-row: 1; }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-mobile-home-card > span {
    position: relative;
    display: block;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    background: #242421;
    border-radius: clamp(13px, 1vw, 20px);
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-mobile-home-card img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .65s cubic-bezier(.2,.75,.2,1);
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-mobile-home-card:hover img,
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-mobile-home-card:focus-visible img {
    transform: scale(1.025);
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-mobile-home-card strong {
    padding: 0 3px;
    font: 400 clamp(1.2rem, 1.6vw, 1.85rem)/1.08 Georgia, "Times New Roman", serif;
    letter-spacing: -.028em;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-home-actions {
    display: grid;
    width: min(440px, 100%);
    margin: clamp(76px, 8vw, 140px) auto 0;
    gap: 12px;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-home-actions a {
    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: center;
    color: #f3efe7;
    border: 1px solid rgba(243, 239, 231, .36);
    font: 700 .7rem/1 Arial, Helvetica, sans-serif;
    letter-spacing: .18em;
    text-transform: uppercase;
    transition: background 180ms ease, color 180ms ease;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-home-actions a:hover,
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-home-actions a:focus-visible {
    background: #f3efe7;
    color: #181816;
  }
}

@media (max-width: 900px) {
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial:has(.nav-check:checked) {
    overflow: hidden !important;
  }

  .home-page.serious-editorial-v4.v4-header-fused .nav-toggle,
  .home-page.serious-editorial-v4.v4-header-masthead .nav-toggle {
    background: rgba(24, 24, 22, .94) !important;
    color: #f3efe7 !important;
    border-color: rgba(243, 239, 231, .24) !important;
  }

  .home-page.serious-editorial-v4.v4-header-masthead .site-header {
    min-height: var(--header-height);
  }

  .home-page.serious-editorial-v4.v4-header-masthead .site-header .brand > span {
    font-size: 1.35rem;
  }

  .home-page.serious-editorial-v4.v4-header-masthead .site-header .brand small {
    max-width: 150px;
    font-size: .43rem;
    line-height: 1.25;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .nav-menu .nav {
    inset: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    padding: max(92px, 11vh) 28px 48px !important;
    align-content: center !important;
    justify-content: center !important;
    justify-items: center !important;
    gap: clamp(12px, 2.6vh, 26px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    background: #181816 !important;
    color: #f3efe7 !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: translateX(100%) !important;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .nav-check:checked ~ .nav {
    transform: translateX(0) !important;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .nav-backdrop {
    display: none !important;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .nav-toggle,
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .nav-check:checked ~ .nav-toggle {
    z-index: 1004 !important;
    background: transparent !important;
    color: #f3efe7 !important;
    border-color: rgba(243, 239, 231, .3) !important;
    -webkit-tap-highlight-color: transparent;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .nav-toggle:focus {
    outline: none !important;
    box-shadow: none !important;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .nav-toggle:focus-visible {
    outline: 1px solid rgba(243, 239, 231, .62) !important;
    outline-offset: 3px;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .nav > a,
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .nav-services > .nav-services-trigger {
    display: flex !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 5px 10px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px;
    color: #f3efe7 !important;
    border: 0 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(2.1rem, 10.5vw, 3.2rem) !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: -.035em !important;
    text-align: center !important;
    text-transform: none !important;
    white-space: normal !important;
    opacity: 1 !important;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-portfolio-home-link {
    order: 1;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-mobile-home-link {
    order: 2;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .nav-services {
    width: auto !important;
    text-align: center;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .nav-services:not(.v4-works-menu) {
    order: 3;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-works-menu {
    order: 4;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .nav > a[href="/about.html"] {
    order: 5;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .nav > a[href*="presets"] {
    order: 6;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .nav > a[href="#contact"] {
    order: 7;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .nav > a[href*="prints"],
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .nav > a[hidden] {
    display: none !important;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .nav-services > .nav-services-trigger::after {
    content: "";
    width: 13px;
    height: 13px;
    margin-top: -6px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 180ms ease, margin 180ms ease;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .nav-services[open] > .nav-services-trigger::after {
    margin-top: 6px;
    transform: rotate(225deg);
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .nav-services[open] > .services-dropdown {
    position: static !important;
    display: grid !important;
    width: min(100%, 360px) !important;
    margin: 8px auto 0 !important;
    padding: 4px 0 0 !important;
    gap: 1px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .nav-services[open] > .services-dropdown a,
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .nav-services[open] > .services-dropdown a:visited {
    display: block !important;
    width: 100% !important;
    padding: 7px 6px !important;
    color: rgba(243, 239, 231, .72) !important;
    border: 0 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .78rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: .12em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: normal !important;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .nav-services[open] > .services-dropdown a:hover,
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .nav-services[open] > .services-dropdown a:focus-visible {
    color: #f3efe7 !important;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-home-screen-open {
    overflow: hidden !important;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-mobile-home-screen {
    inset: 0;
    width: 100vw;
    max-width: none;
    height: 100dvh;
    max-height: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #181816;
    color: #f3efe7;
    border: 0;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .v4-mobile-home-screen::backdrop {
    background: #181816;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .v4-mobile-home-screen__shell {
    height: 100%;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0 12px 62px;
    scrollbar-width: none;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .v4-mobile-home-screen__shell::-webkit-scrollbar {
    display: none;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .v4-mobile-home-screen__header {
    position: sticky;
    z-index: 2;
    top: 0;
    display: flex;
    min-height: 72px;
    margin: 0 -12px 18px;
    padding: 14px 18px;
    align-items: center;
    justify-content: space-between;
    background: rgba(24, 24, 22, .94);
    border-bottom: 1px solid rgba(243, 239, 231, .08);
    backdrop-filter: blur(14px);
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .v4-mobile-home-screen__header .v4-home-screen-brand {
    position: relative;
    z-index: 3;
    font-size: .88rem;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .v4-mobile-home-screen__header .v4-home-screen-brand small {
    font-size: .58rem;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .v4-home-screen-nav {
    display: none;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .v4-mobile-home-screen__header button {
    display: flex;
    width: 40px;
    height: 36px;
    padding: 9px 10px;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    background: transparent;
    color: #f3efe7;
    border: 1px solid rgba(243, 239, 231, .3);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .v4-mobile-home-screen__header button:focus {
    outline: none;
    box-shadow: none;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .v4-mobile-home-screen__header button:focus-visible {
    outline: 1px solid rgba(243, 239, 231, .62);
    outline-offset: 3px;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .v4-mobile-home-screen__header button span {
    display: block;
    width: 100%;
    height: 1px;
    background: currentColor;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-mobile-home-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    align-items: start;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-mobile-home-card {
    display: grid;
    min-width: 0;
    padding: 0;
    gap: 9px;
    background: transparent;
    color: #f3efe7;
    border: 0;
    text-align: left;
    cursor: pointer;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .v4-mobile-home-card:nth-child(even) {
    margin-top: 28px;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .v4-mobile-home-card:nth-child(7) {
    grid-column: 1 / -1;
    width: calc(50% - 5px);
    margin-top: 0;
    justify-self: center;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-mobile-home-card > span {
    position: relative;
    display: block;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    background: #242421;
    border-radius: 11px;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-mobile-home-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-mobile-home-card strong {
    min-height: 2.5em;
    padding: 0 3px 10px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1rem, 4.6vw, 1.28rem);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -.025em;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-home-actions {
    display: grid;
    width: min(100%, 340px);
    margin: 46px auto 0;
    gap: 10px;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-home-actions a {
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    color: #f3efe7;
    border: 1px solid rgba(243, 239, 231, .34);
    font: 700 .66rem/1 Arial, Helvetica, sans-serif;
    letter-spacing: .17em;
    text-transform: uppercase;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial .v4-home-intro {
    display: none;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial
    .v4-home-intro__mobile-copy {
    display: none;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-1
    .v4-home-intro,
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-2
    .v4-home-intro,
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-3
    .v4-home-intro {
    display: grid;
    border: 0;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-1
    .v4-home-intro__copy,
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-2
    .v4-home-intro__copy,
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-3
    .v4-home-intro__copy {
    display: none;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-1
    .v4-home-intro__mobile-copy,
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-2
    .v4-home-intro__mobile-copy,
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-3
    .v4-home-intro__mobile-copy {
    display: block;
    margin: 0;
    color: rgba(243, 239, 231, .58);
    font: 400 .72rem/1.5 Arial, Helvetica, sans-serif;
    letter-spacing: .01em;
  }

  /* Mobile copy study 1: compact, left-aligned editorial introduction. */
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-1
    .v4-home-intro {
    margin: 6px 6px 26px;
    gap: 13px;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-1
    .v4-home-intro__lead {
    display: grid;
    gap: 9px;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-1
    .v4-home-intro__lead p {
    margin: 0;
    color: rgba(243, 239, 231, .58);
    font: 600 .59rem/1.3 Arial, Helvetica, sans-serif;
    letter-spacing: .15em;
    text-transform: uppercase;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-1
    .v4-home-intro h3 {
    max-width: 9.5em;
    margin: 0;
    color: #f3efe7;
    font: 400 clamp(1.8rem, 8.7vw, 2.3rem)/.98 Georgia, "Times New Roman", serif;
    letter-spacing: -.04em;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-1
    .v4-home-intro__mobile-copy {
    max-width: 31em;
  }

  /* Mobile copy study 2: quiet, centred and slightly more graphic. */
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-2
    .v4-home-intro {
    margin: 4px 12px 26px;
    gap: 11px;
    justify-items: center;
    text-align: center;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-2
    .v4-home-intro__lead {
    display: grid;
    gap: 9px;
    justify-items: center;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-2
    .v4-home-intro__lead p {
    margin: 0;
    color: rgba(243, 239, 231, .52);
    font: 600 .57rem/1.3 Arial, Helvetica, sans-serif;
    letter-spacing: .16em;
    text-transform: uppercase;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-2
    .v4-home-intro h3 {
    max-width: 11em;
    margin: 0;
    color: #f3efe7;
    font: 400 clamp(1.6rem, 7.7vw, 2rem)/1 Georgia, "Times New Roman", serif;
    letter-spacing: -.035em;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-2
    .v4-home-intro__mobile-copy {
    max-width: 29em;
  }

  /* Mobile copy study 3: a compact two-column magazine note. */
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-3
    .v4-home-intro {
    grid-template-columns: minmax(0, 1.28fr) minmax(0, .72fr);
    margin: 5px 6px 24px;
    gap: 16px;
    align-items: end;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-3
    .v4-home-intro__lead {
    display: grid;
    gap: 9px;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-3
    .v4-home-intro__lead p {
    margin: 0;
    color: rgba(243, 239, 231, .54);
    font: 600 .55rem/1.3 Arial, Helvetica, sans-serif;
    letter-spacing: .14em;
    text-transform: uppercase;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-3
    .v4-home-intro h3 {
    margin: 0;
    color: #f3efe7;
    font: 400 clamp(1.42rem, 6.8vw, 1.8rem)/1 Georgia, "Times New Roman", serif;
    letter-spacing: -.035em;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-3
    .v4-home-intro__mobile-copy {
    font-size: .66rem;
    line-height: 1.45;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-3
    .v4-mobile-home-card {
    margin-top: 0;
  }

  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-3
    .v4-mobile-home-card:nth-child(1) { order: 1; }
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-3
    .v4-mobile-home-card:nth-child(7) {
    order: 2;
    grid-column: auto;
    width: auto;
    margin-top: 28px;
    justify-self: stretch;
  }
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-3
    .v4-mobile-home-card:nth-child(3) { order: 3; }
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-3
    .v4-mobile-home-card:nth-child(4) { order: 4; margin-top: 28px; }
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-3
    .v4-mobile-home-card:nth-child(5) { order: 5; }
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-3
    .v4-mobile-home-card:nth-child(6) { order: 6; margin-top: 28px; }
  .home-page.serious-editorial-v4.v4-mobile-menu-editorial.v4-mobile-copy-3
    .v4-mobile-home-card:nth-child(2) {
    order: 7;
    grid-column: 1 / -1;
    width: calc(50% - 5px);
    justify-self: center;
  }

  .home-page.serious-editorial-v4 .contact.contact-only {
    padding: 22px 18px;
  }

  .home-page.serious-editorial-v4 .contact-only .contact-panel a {
    font-size: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page.serious-editorial-v4 .v4-category { animation: none; opacity: 1; }
  .home-page.serious-editorial-v4 .v4-category img,
  .home-page.serious-editorial-v4 .category-collage .collage-card img { transition: none !important; }
}

/* The category galleries continue the same black editorial system. */
.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) {
  background: #181816 !important;
  color: #f3efe7 !important;
  scrollbar-color: rgba(243, 239, 231, .32) #181816 !important;
}

.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery)::backdrop {
  background: rgba(24, 24, 22, .88) !important;
}

.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery)::-webkit-scrollbar-track {
  background: #181816 !important;
}

.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery)::-webkit-scrollbar-thumb {
  background: rgba(243, 239, 231, .28) !important;
  border-color: #181816 !important;
}

.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-shell {
  padding: 0 12px clamp(60px, 7vw, 120px) !important;
}

.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 20 !important;
  display: flex !important;
  width: auto !important;
  min-height: clamp(88px, 8vw, 128px) !important;
  margin: 0 -12px 14px !important;
  padding: 0 clamp(18px, 3vw, 54px) !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  background: rgba(24, 24, 22, .96) !important;
  color: #f3efe7 !important;
  text-align: center !important;
  backdrop-filter: blur(14px) !important;
}

.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-header > div {
  display: flex !important;
  width: auto !important;
  max-width: calc(100% - 150px);
  flex-flow: row wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-header .eyebrow,
.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-header h2 {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  color: #f3efe7 !important;
  font: 600 clamp(10px, .82vw, 13px)/1.25 Arial, sans-serif !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  text-wrap: balance;
}

.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-header .eyebrow {
  display: none !important;
}

.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-header h2 {
  order: 1 !important;
}

.home-page.serious-editorial-v4 #love-gallery .modal-header > div {
  flex-direction: column !important;
}

.home-page.serious-editorial-v4 #love-gallery .wedding-site-note {
  order: 2;
  width: 100%;
  margin: 9px 0 0;
  color: rgba(243, 239, 231, .7);
  font: 500 clamp(10px, .8vw, 12px)/1.35 Arial, sans-serif;
  letter-spacing: .04em;
  text-transform: none;
}

.home-page.serious-editorial-v4 #love-gallery .wedding-site-note a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(243, 239, 231, .35);
  transition: color 160ms ease, border-color 160ms ease;
}

.home-page.serious-editorial-v4 #love-gallery .wedding-site-note a:hover,
.home-page.serious-editorial-v4 #love-gallery .wedding-site-note a:focus-visible {
  color: #f3efe7;
  border-color: #f3efe7;
}

.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-header .eyebrow::after {
  content: "·";
  display: inline-block;
  margin: 0 .8em;
  opacity: .55;
}

.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-close {
  position: absolute !important;
  top: 50% !important;
  right: clamp(14px, 2vw, 28px) !important;
  bottom: auto !important;
  left: auto !important;
  width: auto !important;
  min-height: 0 !important;
  padding: 8px 11px !important;
  border: 1px solid rgba(243, 239, 231, .38) !important;
  background: transparent !important;
  color: #f3efe7 !important;
  font-size: 9px !important;
  transform: translateY(-50%) !important;
}

.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-close:hover,
.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-close:focus-visible {
  border-color: #f3efe7 !important;
  background: rgba(243, 239, 231, .1) !important;
  color: #f3efe7 !important;
}

.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-wall,
.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-wall.masonry-ready {
  --masonry-columns: 4;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: clamp(8px, .72vw, 14px) !important;
  height: auto !important;
  visibility: visible !important;
}

.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-wall .gallery-item,
.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-wall .gallery-item:nth-child(n) {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
  border-radius: clamp(10px, .9vw, 18px) !important;
  background: #242421 !important;
  transform: none !important;
}

.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-wall .gallery-item:nth-child(4n + 2),
.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-wall .gallery-item:nth-child(4n + 4) {
  margin-top: clamp(20px, 2.5vw, 48px) !important;
}

.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .gallery-item img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: inherit !important;
  background: #242421 !important;
  transition: transform .65s cubic-bezier(.2,.75,.2,1) !important;
}

.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .gallery-item:hover img {
  transform: scale(1.025) !important;
}

.home-page.serious-editorial-v4 #love-gallery .modal-wall .gallery-item.gallery-item--clean-landscape {
  grid-column: span 2 !important;
  aspect-ratio: var(--clean-landscape-ratio, 1.5) !important;
}

.home-page.serious-editorial-v4 #love-gallery .gallery-item.gallery-item--clean-landscape img {
  inset: auto !important;
  top: 50% !important;
  left: 50% !important;
  width: var(--clean-landscape-scale, 103%) !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: fill !important;
  transform: translate(-50%, -50%) !important;
}

.home-page.serious-editorial-v4 #love-gallery .gallery-item.gallery-item--clean-landscape:hover img {
  transform: translate(-50%, -50%) scale(1.018) !important;
}

/* Travel & Brands alternates true horizontal frames with pairs of 3:4
   portraits. Two portrait columns equal one 3:2 horizontal, so every row
   keeps the original photographs intact and closes without visual gaps. */
.home-page.serious-editorial-v4 .gallery-modal#brand-gallery:not(#presets-gallery)
  .modal-wall,
.home-page.serious-editorial-v4 .gallery-modal#brand-gallery:not(#presets-gallery)
  .modal-wall.masonry-ready {
  grid-auto-flow: dense !important;
}

.home-page.serious-editorial-v4 .gallery-modal#brand-gallery:not(#presets-gallery)
  .modal-wall .gallery-item:nth-child(n) {
  margin-top: 0 !important;
}

.home-page.serious-editorial-v4 .gallery-modal#brand-gallery:not(#presets-gallery)
  .modal-wall .gallery-item.gallery-item--brand-landscape:nth-child(n) {
  grid-column: span 2 !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 2 !important;
  overflow: hidden !important;
}

.home-page.serious-editorial-v4 .gallery-modal#brand-gallery:not(#presets-gallery)
  .modal-wall .gallery-item.gallery-item--brand-landscape:nth-child(n) img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border: 0 !important;
  transform: none !important;
}

.home-page.serious-editorial-v4 .gallery-modal#brand-gallery:not(#presets-gallery)
  .modal-wall .gallery-item.gallery-item--brand-landscape:nth-child(n):hover img {
  transform: scale(1.018) !important;
}

/* Mid-gallery editorial notes give every category a quiet narrative pause
   without interrupting the photographic rhythm. */
.home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery)
  .modal-wall > .gallery-story-break {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(130px, .45fr) minmax(0, 1.55fr) !important;
  align-items: end !important;
  gap: clamp(28px, 5vw, 100px) !important;
  min-height: clamp(280px, 28vw, 520px) !important;
  margin: clamp(34px, 5vw, 96px) 0 !important;
  padding: clamp(38px, 5.5vw, 105px) !important;
  border: 1px solid rgba(243, 239, 231, .12) !important;
  border-radius: clamp(12px, 1.15vw, 22px) !important;
  background: #0f0f0e !important;
  color: #f3efe7 !important;
}

.home-page.serious-editorial-v4 .gallery-story-break__label {
  align-self: start;
  margin: 0 !important;
  font: 600 clamp(9px, .7vw, 12px)/1.3 Arial, sans-serif !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  opacity: .58;
}

.home-page.serious-editorial-v4 .gallery-story-break__body {
  max-width: 940px;
}

.home-page.serious-editorial-v4 .gallery-story-break__body h3 {
  max-width: 12ch;
  margin: 0 0 clamp(24px, 3vw, 50px) !important;
  color: #f3efe7 !important;
  font: 400 clamp(38px, 5.2vw, 96px)/.92 Georgia, "Times New Roman", serif !important;
  letter-spacing: -.045em !important;
}

.home-page.serious-editorial-v4 .gallery-story-break__body > p {
  max-width: 58ch;
  margin: 0 !important;
  color: rgba(243, 239, 231, .72) !important;
  font: 400 clamp(14px, 1.25vw, 21px)/1.6 Arial, sans-serif !important;
}

.home-page.serious-editorial-v4 .gallery-story-break__body > p + p {
  margin-top: .85em !important;
}

.home-page.serious-editorial-v4 .image-lightbox.image-lightbox--service-book,
.home-page.serious-editorial-v4 .image-lightbox.image-lightbox--service-book::backdrop {
  background: #181816 !important;
  color: #f3efe7 !important;
}

.home-page.serious-editorial-v4 .image-lightbox--service-book .lightbox-image {
  border-radius: 14px;
}

@media (max-width: 700px) {
  .home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-shell {
    padding: 0 8px calc(env(safe-area-inset-bottom, 0px) + 80px) !important;
  }

  .home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-header {
    min-height: 86px !important;
    margin: 0 -8px 8px !important;
    padding: env(safe-area-inset-top, 0px) 62px 0 16px !important;
  }

  .home-page.serious-editorial-v4 #love-gallery .modal-header {
    min-height: 112px !important;
  }

  .home-page.serious-editorial-v4 #love-gallery .wedding-site-note {
    max-width: 250px;
    margin-top: 7px;
    font-size: 10px;
  }

  .home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-header > div {
    max-width: 100%;
    flex-direction: column !important;
    gap: 4px !important;
  }

  .home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-header .eyebrow::after {
    display: none;
  }

  .home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-header .eyebrow,
  .home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-header h2 {
    font-size: 9px !important;
  }

  .home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-close {
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    bottom: auto !important;
    left: auto !important;
    transform: translateY(-50%) !important;
  }

  .home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-wall,
  .home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-wall.masonry-ready {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-wall .gallery-item:nth-child(n) {
    aspect-ratio: 3 / 4 !important;
  }

  .home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-wall .gallery-item:nth-child(4n + 2),
  .home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-wall .gallery-item:nth-child(4n + 4) {
    margin-top: 0 !important;
  }

  .home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery) .modal-wall .gallery-item:nth-child(even) {
    margin-top: 24px !important;
  }

  .home-page.serious-editorial-v4 #love-gallery .modal-wall .gallery-item.gallery-item--clean-landscape {
    grid-column: 1 / -1 !important;
  }

  .home-page.serious-editorial-v4 .gallery-modal#brand-gallery:not(#presets-gallery)
    .modal-wall .gallery-item.gallery-item--brand-landscape:nth-child(n) {
    grid-column: 1 / -1 !important;
  }

  .home-page.serious-editorial-v4 .gallery-modal:not(#presets-gallery)
    .modal-wall > .gallery-story-break {
    grid-template-columns: 1fr !important;
    gap: 38px !important;
    min-height: 0 !important;
    margin: 34px 0 !important;
    padding: 54px 22px 58px !important;
    border-radius: 14px !important;
  }

  .home-page.serious-editorial-v4 .gallery-story-break__body h3 {
    margin-bottom: 24px !important;
    font-size: clamp(34px, 11vw, 52px) !important;
  }

  .home-page.serious-editorial-v4 .gallery-story-break__body > p {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }
}

/* Keep the rescued horizontal wedding photographs at their real proportions.
   This deliberately outranks the generic 3:4 gallery-card rules above. */
.home-page.serious-editorial-v4 .gallery-modal#love-gallery:not(#presets-gallery)
  .modal-wall .gallery-item.gallery-item--clean-landscape:nth-child(n) {
  grid-column: span 2 !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: var(--clean-landscape-ratio, 1.5) !important;
  overflow: hidden !important;
}

.home-page.serious-editorial-v4 .gallery-modal#love-gallery:not(#presets-gallery)
  .modal-wall,
.home-page.serious-editorial-v4 .gallery-modal#love-gallery:not(#presets-gallery)
  .modal-wall.masonry-ready {
  grid-auto-flow: dense !important;
}

.home-page.serious-editorial-v4 .gallery-modal#love-gallery:not(#presets-gallery)
  .modal-wall .gallery-item:nth-child(n) {
  margin-top: 0 !important;
}

.home-page.serious-editorial-v4 .gallery-modal#love-gallery:not(#presets-gallery)
  .modal-wall .gallery-item.gallery-item--closing-portrait:nth-child(n) {
  grid-column: span 2 !important;
  aspect-ratio: 3 / 4 !important;
}

.home-page.serious-editorial-v4 .gallery-modal#love-gallery:not(#presets-gallery)
  .modal-wall .gallery-item.gallery-item--clean-landscape:nth-child(n) img {
  inset: auto !important;
  top: 50% !important;
  left: 50% !important;
  width: var(--clean-landscape-scale, 103%) !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: fill !important;
  transform: translate(-50%, -50%) scale(1.008) !important;
}

.home-page.serious-editorial-v4 .gallery-modal#love-gallery:not(#presets-gallery)
  .modal-wall .gallery-item.gallery-item--clean-landscape:nth-child(n):hover img {
  transform: translate(-50%, -50%) scale(1.026) !important;
}

@media (max-width: 700px) {
  .home-page.serious-editorial-v4 .gallery-modal#love-gallery:not(#presets-gallery)
    .modal-wall .gallery-item.gallery-item--clean-landscape:nth-child(n) {
    grid-column: 1 / -1 !important;
  }

  .home-page.serious-editorial-v4 .gallery-modal#love-gallery:not(#presets-gallery)
    .modal-wall .gallery-item.gallery-item--closing-portrait:nth-child(n) {
    grid-column: auto !important;
  }
}

/* Tablet / iPad split view: keep the compact navigation, but let the
   photographic wall breathe like the desktop site instead of stretching the
   two-column phone layout across a wider canvas. */
@media (min-width: 480px) and (max-width: 700px) {
  .home-page.serious-editorial-v4 .category-collage-section {
    width: 100% !important;
    padding: 54px 14px 92px !important;
  }

  .home-page.serious-editorial-v4 .v4-feed-heading {
    min-height: 92px !important;
  }

  .home-page.serious-editorial-v4
    .category-collage.category-collage--mobile-render,
  .home-page.serious-editorial-v4
    .category-collage.category-collage--mobile-render.category-collage--continuation {
    display: grid !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-rows: auto !important;
    column-count: initial !important;
    gap: 12px !important;
    align-items: start !important;
  }

  .home-page.serious-editorial-v4
    .category-collage--mobile-render > .collage-lane {
    display: contents !important;
  }

  .home-page.serious-editorial-v4
    .category-collage--mobile-render .collage-card:nth-child(n) {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    aspect-ratio: 3 / 4 !important;
    border-radius: 12px !important;
  }
}

/* Responsive gallery viewer: phones and iPads use a full-height image, while
   desktop keeps the editorial book spread and adds a quiet filmstrip below. */
.home-page.serious-editorial-v4 .lightbox-filmstrip {
  display: none;
}

@media (max-width: 1024px) {
  .home-page.serious-editorial-v4 .image-lightbox,
  .home-page.serious-editorial-v4 .image-lightbox.image-lightbox--service-book,
  .home-page.serious-editorial-v4 .image-lightbox::backdrop,
  .home-page.serious-editorial-v4 .image-lightbox.image-lightbox--service-book::backdrop {
    background: #181816 !important;
  }

  .home-page.serious-editorial-v4 .image-lightbox .lightbox-stage,
  .home-page.serious-editorial-v4 .image-lightbox--service-book .lightbox-stage {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    width: 100% !important;
    height: 100dvh !important;
    gap: 14px !important;
    padding:
      calc(env(safe-area-inset-top, 0px) + 54px)
      12px
      calc(env(safe-area-inset-bottom, 0px) + 12px) !important;
    overflow: hidden !important;
  }

  .home-page.serious-editorial-v4 .image-lightbox .lightbox-image,
  .home-page.serious-editorial-v4 .image-lightbox--service-book .lightbox-image {
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: center !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 160px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
    margin: 0 !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 58px rgb(0 0 0 / .42) !important;
  }

  .home-page.serious-editorial-v4 .image-lightbox .lightbox-peek,
  .home-page.serious-editorial-v4 .image-lightbox .lightbox-nav {
    display: none !important;
  }

  .home-page.serious-editorial-v4 .image-lightbox .lightbox-close {
    top: calc(env(safe-area-inset-top, 0px) + 10px) !important;
    right: 12px !important;
    bottom: auto !important;
    left: auto !important;
    display: grid !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    place-items: center !important;
    border: 1px solid rgb(243 239 231 / .28) !important;
    border-radius: 50% !important;
    background: rgb(24 24 22 / .82) !important;
    color: transparent !important;
    font-size: 0 !important;
    transform: none !important;
    backdrop-filter: blur(12px) !important;
  }

  .home-page.serious-editorial-v4 .image-lightbox .lightbox-close::before {
    content: "×";
    color: #f3efe7;
    font: 300 24px/1 Arial, sans-serif;
    letter-spacing: 0;
  }

  .home-page.serious-editorial-v4 .image-lightbox .lightbox-counter {
    top: calc(env(safe-area-inset-top, 0px) + 25px) !important;
    right: auto !important;
    bottom: auto !important;
    left: 16px !important;
    color: rgb(243 239 231 / .62) !important;
    font: 600 9px/1 Arial, sans-serif !important;
    letter-spacing: .16em !important;
    transform: none !important;
  }

  .home-page.serious-editorial-v4 .lightbox-filmstrip {
    grid-row: 2;
    display: flex;
    width: 100%;
    min-width: 0;
    gap: 7px;
    padding: 2px 1px 4px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    touch-action: pan-x;
  }

  .home-page.serious-editorial-v4 .lightbox-filmstrip::-webkit-scrollbar {
    display: none;
  }

  .home-page.serious-editorial-v4 .lightbox-filmstrip__item {
    position: relative;
    flex: 0 0 52px;
    width: 52px;
    aspect-ratio: 3 / 4;
    padding: 0;
    overflow: hidden;
    scroll-snap-align: center;
    border: 1px solid transparent;
    border-radius: 8px;
    background: #282824;
    opacity: .48;
    transform: scale(.96);
    transition: opacity 180ms ease, transform 180ms ease, border-color 180ms ease;
    -webkit-tap-highlight-color: transparent;
  }

  .home-page.serious-editorial-v4 .lightbox-filmstrip__item.is-active {
    border-color: rgb(243 239 231 / .9);
    opacity: 1;
    transform: scale(1);
  }

  .home-page.serious-editorial-v4 .lightbox-filmstrip__item img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
  }
}

@media (min-width: 480px) and (max-width: 1024px) {
  .home-page.serious-editorial-v4 .image-lightbox .lightbox-stage,
  .home-page.serious-editorial-v4 .image-lightbox--service-book .lightbox-stage {
    gap: 18px !important;
    padding:
      calc(env(safe-area-inset-top, 0px) + 64px)
      24px
      calc(env(safe-area-inset-bottom, 0px) + 18px) !important;
  }

  .home-page.serious-editorial-v4 .image-lightbox .lightbox-image,
  .home-page.serious-editorial-v4 .image-lightbox--service-book .lightbox-image {
    max-width: min(calc(100vw - 48px), 760px) !important;
    max-height: calc(100dvh - 190px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 16px !important;
  }

  .home-page.serious-editorial-v4 .lightbox-filmstrip {
    gap: 9px;
    padding: 3px 2px 5px;
  }

  .home-page.serious-editorial-v4 .lightbox-filmstrip__item {
    flex-basis: 64px;
    width: 64px;
    border-radius: 9px;
  }
}

@media (min-width: 1025px) {
  .home-page.serious-editorial-v4 .image-lightbox--service-book .lightbox-stage {
    padding-bottom: 128px !important;
  }

  .home-page.serious-editorial-v4 .image-lightbox--service-book .lightbox-image {
    max-height: calc(100dvh - 190px) !important;
    border-radius: 14px !important;
  }

  .home-page.serious-editorial-v4
    .image-lightbox--service-book .lightbox-preview[data-distance="1"] {
    height: min(calc(100dvh - 198px), 680px) !important;
    border-radius: 14px !important;
  }

  .home-page.serious-editorial-v4 .image-lightbox .lightbox-counter {
    bottom: 116px !important;
  }

  .home-page.serious-editorial-v4 .lightbox-filmstrip {
    position: fixed;
    z-index: 6;
    bottom: 14px;
    left: 50%;
    display: flex;
    width: min(72vw, 920px);
    gap: 8px;
    padding: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid rgb(243 239 231 / .1);
    border-radius: 14px;
    background: rgb(24 24 22 / .82);
    box-shadow: 0 14px 42px rgb(0 0 0 / .24);
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    touch-action: pan-x;
    transform: translateX(-50%);
    backdrop-filter: blur(16px);
  }

  .home-page.serious-editorial-v4 .lightbox-filmstrip::-webkit-scrollbar {
    display: none;
  }

  .home-page.serious-editorial-v4 .lightbox-filmstrip__item {
    position: relative;
    flex: 0 0 54px;
    width: 54px;
    aspect-ratio: 3 / 4;
    padding: 0;
    overflow: hidden;
    scroll-snap-align: center;
    border: 1px solid transparent;
    border-radius: 8px;
    background: #282824;
    opacity: .44;
    transform: scale(.96);
    transition: opacity 180ms ease, transform 180ms ease, border-color 180ms ease;
  }

  .home-page.serious-editorial-v4 .lightbox-filmstrip__item:hover,
  .home-page.serious-editorial-v4 .lightbox-filmstrip__item:focus-visible {
    opacity: .78;
    outline: none;
  }

  .home-page.serious-editorial-v4 .lightbox-filmstrip__item.is-active {
    border-color: rgb(243 239 231 / .88);
    opacity: 1;
    transform: scale(1);
  }

  .home-page.serious-editorial-v4 .lightbox-filmstrip__item img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
  }
}

/* Opening a category from the photographic Home grid creates one editorial
   spread: the exact selected image stays on the left while the gallery keeps
   its normal grid and lightbox behaviour on the right. */
@media (min-width: 701px) {
  .home-page.serious-editorial-v4
    .gallery-modal.gallery-entry-split:not(#presets-gallery) .modal-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    min-width: 0 !important;
    padding: 0 12px clamp(60px, 7vw, 120px) 0 !important;
    align-items: start !important;
  }

  .home-page.serious-editorial-v4 .gallery-entry-feature {
    position: sticky;
    top: 0;
    grid-column: 1;
    grid-row: 1 / span 2;
    display: grid;
    box-sizing: border-box;
    width: 100%;
    height: 100dvh;
    min-width: 0;
    padding: clamp(30px, 3vw, 52px) clamp(22px, 3vw, 52px);
    grid-template-rows: auto minmax(0, 1fr);
    gap: clamp(18px, 2vw, 32px);
    align-self: start;
    border-right: 1px solid rgba(243, 239, 231, .11);
    background: #11110f;
  }

  .home-page.serious-editorial-v4 .gallery-entry-feature__label {
    margin: 0;
    color: #f3efe7;
    font: 600 clamp(10px, .82vw, 13px)/1.25 Arial, sans-serif;
    letter-spacing: .18em;
    text-transform: uppercase;
  }

  .home-page.serious-editorial-v4 .gallery-entry-feature__media {
    display: grid;
    min-width: 0;
    min-height: 0;
    place-items: center;
  }

  .home-page.serious-editorial-v4 .gallery-entry-feature__media img {
    display: block;
    width: auto;
    max-width: 100%;
    height: min(100%, calc(100dvh - 118px));
    max-height: 100%;
    aspect-ratio: 3 / 4;
    border-radius: clamp(12px, 1vw, 18px);
    background: #242421;
    object-fit: cover;
    box-shadow: 0 22px 70px rgb(0 0 0 / .22);
  }

  .home-page.serious-editorial-v4
    .gallery-modal.gallery-entry-split:not(#presets-gallery) .modal-header {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    margin: 0 -12px 14px 0 !important;
    border-left: 0 !important;
  }

  .home-page.serious-editorial-v4
    .gallery-modal.gallery-entry-split:not(#presets-gallery) .modal-wall,
  .home-page.serious-editorial-v4
    .gallery-modal.gallery-entry-split:not(#presets-gallery) .modal-wall.masonry-ready {
    grid-column: 2;
    grid-row: 2;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .home-page.serious-editorial-v4
    .gallery-modal.gallery-entry-split:not(#presets-gallery)
    .modal-wall .gallery-item:nth-child(n) {
    margin-top: 0 !important;
  }

  .home-page.serious-editorial-v4
    .gallery-modal.gallery-entry-split:not(#presets-gallery)
    .modal-wall .gallery-item:nth-child(3n + 2) {
    margin-top: clamp(18px, 2vw, 34px) !important;
  }
}

@media (min-width: 701px) and (max-width: 1100px) {
  .home-page.serious-editorial-v4
    .gallery-modal.gallery-entry-split:not(#presets-gallery) .modal-shell {
    grid-template-columns: minmax(285px, .82fr) minmax(0, 1.18fr) !important;
  }

  .home-page.serious-editorial-v4
    .gallery-modal.gallery-entry-split:not(#presets-gallery) .modal-wall,
  .home-page.serious-editorial-v4
    .gallery-modal.gallery-entry-split:not(#presets-gallery) .modal-wall.masonry-ready {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .home-page.serious-editorial-v4
    .gallery-modal.gallery-entry-split:not(#presets-gallery)
    .modal-wall .gallery-item:nth-child(3n + 2) {
    margin-top: 0 !important;
  }

  .home-page.serious-editorial-v4
    .gallery-modal.gallery-entry-split:not(#presets-gallery)
    .modal-wall .gallery-item:nth-child(even) {
    margin-top: 24px !important;
  }
}

@media (max-width: 700px) {
  .home-page.serious-editorial-v4 .gallery-entry-feature {
    display: none !important;
  }
}

/* Selected gallery cover — balanced type and image on one continuous surface. */
@media (min-width: 701px) {
  .home-page.serious-editorial-v4.gallery-cover-air .gallery-entry-feature {
    position: fixed;
    z-index: 10;
    inset: 0 auto 0 0;
    display: grid;
    width: 50vw;
    height: 100dvh;
    padding: clamp(32px, 3vw, 50px);
    grid-template-rows: minmax(0, 1fr);
    place-items: center;
    border-right: 0;
    background: #181816;
  }

  .home-page.serious-editorial-v4.gallery-cover-air
    .gallery-entry-feature__label {
    position: absolute;
    z-index: 2;
    top: clamp(28px, 3vw, 48px);
    right: clamp(32px, 3vw, 50px);
    left: clamp(32px, 3vw, 50px);
    color: #f3efe7;
    font: 600 clamp(18px, 1.55vw, 26px)/1.1 Arial, sans-serif;
    letter-spacing: .16em;
    text-align: center;
    text-transform: uppercase;
  }

  .home-page.serious-editorial-v4.gallery-cover-air
    .gallery-entry-feature__media {
    position: relative;
    display: block;
    width: min(100%, calc(75dvh - 126px));
    min-width: 0;
    height: auto;
    aspect-ratio: 3 / 4;
    transform: translateY(clamp(16px, 1.7dvh, 24px));
  }

  .home-page.serious-editorial-v4.gallery-cover-air
    .gallery-entry-feature__media img {
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    aspect-ratio: auto;
    object-fit: cover;
  }

}

@media (min-width: 701px) and (max-width: 1100px) {
  .home-page.serious-editorial-v4.gallery-cover-air .gallery-entry-feature {
    width: 41vw;
  }
}

/* Keep touch feedback neutral on the mobile header and wedding link. */
@media (max-width: 900px) and (hover: none) {
  .home-page.serious-editorial-v4 .site-header .brand,
  .home-page.serious-editorial-v4 .nav-toggle,
  .home-page.serious-editorial-v4 #love-gallery .wedding-site-note a {
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent;
  }

  .home-page.serious-editorial-v4 .site-header .brand:focus,
  .home-page.serious-editorial-v4 .site-header .brand:focus-visible,
  .home-page.serious-editorial-v4 .nav-toggle:focus,
  .home-page.serious-editorial-v4 .nav-toggle:focus-visible,
  .home-page.serious-editorial-v4 #love-gallery .wedding-site-note a:focus,
  .home-page.serious-editorial-v4 #love-gallery .wedding-site-note a:focus-visible {
    outline: none !important;
    box-shadow: none !important;
  }

  .home-page.serious-editorial-v4 .nav-check:focus,
  .home-page.serious-editorial-v4 .nav-check:focus-visible {
    outline: none !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  .home-page.serious-editorial-v4 .site-header .brand:focus-visible,
  .home-page.serious-editorial-v4 #love-gallery .wedding-site-note a:focus-visible {
    outline: 1px solid rgba(243, 239, 231, .62);
    outline-offset: 3px;
  }
}

/* Landscape gallery: keep horizontal photographs horizontal while preserving
   a compact, gap-free editorial wall. A 2-column-wide 3:2 image has the same
   height as a single 3:4 portrait, so every desktop and tablet row closes. */
@media (min-width: 701px) {
  .home-page.serious-editorial-v4
    .gallery-modal#landscape-gallery:not(#presets-gallery) .modal-wall,
  .home-page.serious-editorial-v4
    .gallery-modal#landscape-gallery:not(#presets-gallery) .modal-wall.masonry-ready {
    grid-auto-flow: dense !important;
  }

  .home-page.serious-editorial-v4
    .gallery-modal#landscape-gallery:not(#presets-gallery)
    .modal-wall .gallery-item:nth-child(n) {
    margin-top: 0 !important;
  }

  .home-page.serious-editorial-v4
    .gallery-modal#landscape-gallery:not(#presets-gallery)
    .modal-wall .gallery-item.gallery-item--landscape-horizontal:nth-child(n) {
    grid-column: span 2 !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 2 !important;
  }
}

/* In the three-column split view, two hero landscapes span the full page.
   Together with the remaining 2-column image, the wall closes on a full row. */
@media (min-width: 1101px) {
  .home-page.serious-editorial-v4
    .gallery-modal#landscape-gallery.gallery-entry-split
    .modal-wall .gallery-item.gallery-item--landscape-feature:nth-child(n) {
    grid-column: 1 / -1 !important;
  }
}