/* Ischia shares Molise's editorial panels and reveal sequence. */
.ischia-page .site-header,
.ischia-page .site-header.is-scrolled { color: var(--cerulean); }
.ischia-page .brand,
.ischia-page .site-header.is-scrolled .brand { background: var(--cerulean); }
.ischia-page .mobile-nav .nav-link,
.ischia-page .site-header.is-scrolled .mobile-nav .nav-link { color: var(--cerulean); }
.ischia-page .ischia-hero > img { object-position: 50% 65%; }
.ischia-page .ischia-title { background: var(--forest); }
.ischia-page .ischia-title h1 { font-size: clamp(2.2rem, 4vw, 4.4rem); }
.ischia-title .ischia-castellar { width: 5.1028em; max-width: 100%; height: auto; min-width: 0; align-self: center; }
.ischia-page .journey-intro h2 { max-width: 13ch; font-size: clamp(3rem, 5.3vw, 5.4rem); text-wrap: balance; }
.ischia-page .journey-intro { row-gap: clamp(44px, 5.6vw, 90px); }
.ischia-page .ischia-intro__closing {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--clear-green);
  font-family: var(--display);
  font-size: clamp(1.85rem, 2.75vw, 2.85rem);
  font-style: italic;
  font-weight: 300;
  letter-spacing: .025em;
  line-height: 1.18;
  text-align: center;
}
.ischia-intro__closing > span { display: block; }

.ischia-photo-grid { grid-auto-rows: clamp(300px, 38vw, 560px); }
.ischia-photo--ceramics, .ischia-photo--fisherman { grid-column: span 3; }
.ischia-photo--vineyard, .ischia-photo--lemons { grid-column: span 2; }
.ischia-photo--ceramics { --photo-position: 66% 58%; }
.ischia-photo--vineyard { --photo-position: 0% 50%; }
.ischia-photo--lemons { --photo-position: 50% 50%; }
.ischia-photo--fisherman { --photo-position: 50% 55%; }

/* An intimate island detail closes the itinerary before the invitation. */
.ischia-page main > .ischia-photo-interlude {
  display: flex;
  justify-content: center;
  width: min(1500px, calc(100% - var(--panel-gutter) - var(--panel-gutter)));
  margin: var(--panel-gap) auto 0;
  padding: clamp(24px, 5vw, 80px);
}
.ischia-photo-interlude figure {
  width: min(100%, 560px);
  aspect-ratio: 3 / 4;
  margin: 0;
  overflow: hidden;
}
.ischia-photo-interlude img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 43%;
}
.ischia-photo-interlude.molise-reveal { transition-duration: 1s; }

@media (max-width: 760px) {
  .ischia-page .ischia-hero > img { object-position: 51% 50%; }
  .ischia-photo-grid { grid-auto-rows: clamp(230px, 50vw, 360px); }
  .ischia-photo-grid .molise-photo { grid-column: span 1; }
  .ischia-page .ischia-title h1 { font-size: clamp(1.8rem, 5.5vw, 3rem); }
}

.ischia-title .ischia-castellar { display:block; aspect-ratio:2383 / 467; background:var(--title-butter); -webkit-mask:url("../assets/ischia-castellar-butter.png") center / contain no-repeat; mask:url("../assets/ischia-castellar-butter.png") center / contain no-repeat; }