/* Each route has its own main view; shared elements remain available to the app. */
body:is([data-page="home"],[data-page="archive"]) .album-navigation{padding:18px 4.4% 0;min-width:0}
body .album-navigation .gallery-toolbar{margin:0;padding:12px 0 0;border-top:0}
body .album-navigation .photo-updates-bar{margin-top:0}
body .album-navigation .view-hint{display:none}
@media(max-width:680px){body:is([data-page="home"],[data-page="archive"]) .album-navigation{padding:12px 6% 0}}
body[data-page="home"] main > :is(#myndaradir, #um, #samband),
body:not([data-page="home"]) main > :is(.intro, #explore-more),
body[data-page="archive"] main > :is(#myndaradir, #um, #samband),
body[data-page="favorites"] main > :is(#myndaradir, #um, #samband),
body[data-page="series"] main > :is(#safn, #um, #samband),
body[data-page="about"] main > :is(#safn, #myndaradir, #samband),
body[data-page="contact"] main > :is(#safn, #myndaradir, #um) { display: none; }
body:not([data-page="prints"]) main > #prent,
body[data-page="prints"] main > :is(#safn, #myndaradir, #um, #samband) { display: none; }

body:not([data-page="home"]) main { min-height: 58vh; }
body:is([data-page="archive"], [data-page="favorites"]) #safn { padding-top: 65px; }
body[data-page="series"] #myndaradir { padding-top: 65px; }
body[data-page="about"] #um { margin-top: 35px; }
body[data-page="contact"] #samband { margin-top: 35px; min-height: 60vh; }
body[data-page="favorites"] .gallery-toolbar { display: none; }

.site-header nav { gap: clamp(12px, 1.5vw, 24px); }
.site-header nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: 6px; }
.favorites-nav-link { display: flex; align-items: center; gap: 6px; }
.favorites-badge { display: inline-grid; place-items: center; min-width: 17px; height: 17px; padding: 0 4px; border: 1px solid var(--line); border-radius: 20px; font-size: 8px; font-variant-numeric: tabular-nums; }

.explore-section { padding: 85px 7.8% 75px; margin-top: 70px; border-top: 1px solid var(--line); }
.explore-section .section-heading { margin-bottom: 36px; }
.explore-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 38px 28px; }
.explore-card { display: block; grid-column: span 2; min-width: 0; }
.explore-card:nth-child(-n+2) { grid-column: span 3; }
.explore-card-image, .explore-card-symbol { position: relative; aspect-ratio: 3 / 2; overflow: hidden; background: #e3e5df; }
.explore-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.explore-card:hover .explore-card-image img { transform: scale(1.025); }
.explore-card:focus-visible { outline: 2px solid var(--accent); outline-offset: 7px; }
.explore-card-heading { display: flex; align-items: baseline; gap: 12px; margin-top: 18px; }
.explore-card-heading > .eyebrow { flex-shrink: 0; font-size: 8px; color: var(--muted); }
.explore-card-heading h3 { margin: 0; font-family: var(--serif); font-size: clamp(24px, 2.4vw, 38px); line-height: 1.15; font-weight: 400; letter-spacing: -.7px; }
.explore-card-heading > span:last-child { margin-left: auto; font-size: 23px; flex-shrink: 0; }
.explore-card > p { max-width: 42em; margin-top: 13px; font-size: 11px; line-height: 1.8; color: var(--muted); }
.explore-card-symbol { display: grid; place-items: center; background: #dfe7e9; color: #285d76; }
.explore-card-symbol svg { width: 31%; max-width: 115px; height: auto; overflow: visible; }
html[lang="zh-Hans"] .explore-card-heading h3 { letter-spacing: 0; }

@media (max-width: 1100px) {
  .explore-section { padding-inline: 6%; }
  .explore-grid { gap: 32px 22px; }
  .explore-card-heading { gap: 8px; }
}
@media (max-width: 900px) {
  .site-header nav .favorites-nav-link { display: flex; }
  .favorites-badge { margin-left: 5px; }
}
@media (max-width: 680px) {
  body:is([data-page="archive"], [data-page="favorites"]) #safn,
  body[data-page="series"] #myndaradir { padding-top: 40px; }
  body[data-page="about"] #um, body[data-page="contact"] #samband { margin-top: 15px; }
  .explore-section { padding: 55px 6% 45px; margin-top: 45px; }
  .explore-section .section-heading { margin-bottom: 26px; }
  .explore-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 17px; }
  .explore-card, .explore-card:nth-child(-n+2) { grid-column: span 1; }
  .explore-card:first-child { grid-column: 1 / -1; }
  .explore-card-heading { margin-top: 13px; gap: 7px; }
  .explore-card-heading h3 { font-size: 24px; letter-spacing: -.5px; }
  .explore-card-heading > .eyebrow { display: none; }
  .explore-card-heading > span:last-child { font-size: 18px; }
  .explore-card > p { font-size: 10px; margin-top: 10px; line-height: 1.7; }
}
@media (prefers-reduced-motion: reduce) {
  .explore-card-image img { transition: none; }
  .explore-card:hover .explore-card-image img { transform: none; }
}
@media (min-width: 901px) and (max-width: 1400px) {
  .site-header { z-index: 20; }
  .site-header nav { display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; gap: 0; background: var(--sky); border-bottom: 1px solid var(--line); padding: 15px 6% 22px; box-shadow: 0 16px 24px #20231d09; }
  .site-header nav.is-open { display: flex; }
  .site-header nav a { display: block; padding: 15px 0; font-size: 13px; border-bottom: 1px solid var(--line); }
  .site-header nav a:last-child { border-bottom: 0; }
  .site-header nav .favorites-nav-link { display: flex; }
  #menu-button { display: block; }
  .header-actions { margin-left: auto; }
}

/* A fixed ten-photo selection from the photographer. */
body[data-page="morganPicks"] main > :is(#myndaradir,#um,#samband) { display: none; }
body[data-page="morganPicks"] :is(.gallery-toolbar,#gallery-month-tools) { display: none; }
body[data-page="morganPicks"] #safn { padding-top: 50px; }
.morgan-picks-nav-link { display: flex; align-items: center; gap: 6px; }
@media(max-width:1400px) { .site-header nav .morgan-picks-nav-link { display: flex; } }
@media(max-width:680px) { body[data-page="morganPicks"] #safn { padding-top: 34px; } }

/* Ten clear destinations: two lead cards followed by two balanced rows. */
#explore-more .explore-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}
#explore-more .explore-card{display:flex;flex-direction:column;grid-column:span 1}
#explore-more .explore-card:nth-child(-n+2){grid-column:span 2}
#explore-more .explore-card-image{flex-shrink:0}
#explore-more .explore-card-heading{align-items:flex-start;min-width:0}
#explore-more .explore-card-heading h3{font-size:clamp(22px,2.1vw,32px);overflow-wrap:anywhere}
#explore-more .explore-card-heading>span:last-child{margin-inline-start:auto;margin-inline-end:0}
@media(max-width:1000px){#explore-more .explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#explore-more .explore-card,#explore-more .explore-card:nth-child(-n+2){grid-column:span 1}}
@media(max-width:480px){#explore-more .explore-grid{gap:28px 16px}#explore-more .explore-card:nth-child(-n+2){grid-column:1/-1}#explore-more .explore-card-heading h3{font-size:22px}#explore-more .explore-card:nth-child(-n+2) h3{font-size:28px}}