/* The home page is an entry into today's reporting and practical island information. */
.hero { padding-block: 25px 28px; gap: 16px; }
.hero .hero__art { display: none; }
.hero .hero__copy:has(.greeter-spot) { padding-bottom: 0; }
.hero h1 { font-size: clamp(46px, 8vw, 72px); max-width: 12em; }
.hero .lead { font-size: 16px; max-width: 33em; }
.hero .greeter-spot { position: relative; float: right; width: 78px; height: 86px; margin: 0 0 6px 12px; bottom: auto; }
.hero .greeter { width: 78px; height: 86px; }
.hero .greeter__said { position: absolute; left: auto; right: 0; top: 100%; bottom: auto; width: min(260px, 70vw); z-index: 3; background: var(--color-surface); }
.hero__explore { margin-top: 18px; }
.blocks { display: block; margin-block: 28px; }
.block--posts { margin-block: 28px; }
.island-now { margin-bottom: 28px; }
.news-topic-picker { margin-block: 18px 24px; border-block: 1px solid var(--color-line); }
.news-topic-picker > summary { min-height: 48px; padding-block: 14px; cursor: pointer; font-weight: 600; font-size: 14px; }
.news-topic-picker .news__topics { margin-block: 0 16px; }
.event__read a { display: inline-flex; min-height: 44px; align-items: center; font-size: 13px; margin-top: 5px; }
.filter-summary { font-size: 12px; color: var(--color-muted); padding-block: 10px 16px; }
.filter-summary a { display: inline-flex; min-height: 44px; align-items: center; }
.ferry-map-fold { margin-block: 28px; border-block: 1px solid var(--color-line); }
.ferry-map-fold > summary { min-height: 48px; padding-block: 14px; font-size: 16px; font-weight: 600; cursor: pointer; }
@media (min-width: 900px) {
  .hero { grid-template-columns: 1fr 230px; align-items: center; gap: 40px; padding-block: 32px; }
  .hero .hero__art { display: block; height: 215px; min-height: 0; }
  .hero .hero__stamp { width: 180px; height: 180px; }
  .hero .hero__sun { width: 115px; height: 115px; }
  .hero .hero__note, .hero .hero__rider { display: none; }
  .hero .hero__cloud { width: 70px; top: 0; }
  .hero .greeter-spot { width: 86px; height: 96px; }
  .hero .greeter { width: 86px; height: 96px; }
  .blocks .events { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; }
}

html[data-party] .hero__art { display: block; height: 200px; }
html[data-party] .hero__rider { display: block; position: absolute; right: 0; bottom: 0; }
html[data-party] .hero__stamp { width: 150px; height: 150px; }
html[data-party] .hero__note { display: none; }
@media (min-width: 1080px) {
  .results:has(> .ferry-map-fold) { display: grid; grid-template-columns: minmax(0, 1fr) 420px; column-gap: 56px; align-items: start; max-width: none; }
  .results:has(> .ferry-map-fold) > * { grid-column: 1; }
  .results:has(> .ferry-map-fold) > .ferry-map-fold { position: sticky; top: 20px; grid-column: 2; grid-row: 1 / span 12; margin-top: 0; }
  .ferry-map-fold > .map { margin-top: 12px; }
}

.event__time--unknown { font: 500 12px/1.4 var(--font-sans); overflow-wrap: normal; word-break: normal; hyphens: none; }