:root{--unesco-blue:#0067b1;--unesco-deep:#063b70;--unesco-ink:#102c45;--unesco-pale:#eef5fa;--unesco-line:#d7e5ef;--unesco-gold:#e9b84b}
body{background:#f5f8fb;color:var(--unesco-ink)}.site-header--overlay{background:transparent;border-bottom-color:#ffffff55}.site-header--overlay .brand-mark span{background:var(--unesco-gold)}.site-header--overlay .brand-mark span:nth-child(2){background:#fff}.site-header--overlay .brand-mark span:nth-child(3){background:#71b8df}.site-header--overlay .brand-mark span:nth-child(4){background:#fff}.site-header--overlay .header-nav a:hover{color:#ffd974}.site-header--overlay .language-button span{color:#ffd974}.site-header--overlay .brand,.site-header--overlay .header-nav,.site-header--overlay .language-button{text-shadow:0 1px 12px #052b5270}
.theme-hero{background:var(--unesco-deep)}.theme-hero[data-theme="museum"]{background:#174e76}.theme-hero[data-theme="city"]{background:#1e5369}.theme-hero__shade{background:linear-gradient(90deg,#052b5299 0%,#052b5233 55%,#052b5208 100%);opacity:1}.theme-hero.has-photo .theme-hero__shade{opacity:1}.theme-hero__eyebrow{color:#ffd36c;text-shadow:0 1px 10px #052b5280}.theme-hero__copy h1,.theme-hero__question,.theme-hero__controls{ text-shadow:0 2px 16px #052b5290}.hero-link{background:var(--unesco-blue)}.hero-link:hover{background:#00538f}.theme-switcher{background:transparent}.theme-switcher button{border-top-color:#ffffff70;text-shadow:0 1px 10px #052b5280}.theme-switcher button[aria-pressed="true"]{border-top-color:#ffd36c}.theme-switcher__number{color:#ffd36c}.theme-arrows button:hover{color:var(--unesco-deep)}
.themes-section,.gallery-section{background:#fff}.themes-section{border-bottom:1px solid var(--unesco-line)}.section-index{color:var(--unesco-blue)}.section-heading h2,.about-section h2{color:var(--unesco-ink)}.heading-dot{color:#e88462}.theme-overview{border-top-color:var(--unesco-line)}.theme-row{border-bottom-color:var(--unesco-line)}.theme-row__number{color:var(--unesco-blue)}.theme-row__heading small{color:#54718a}.theme-row__question{color:#557084}.theme-row__button{border-color:#a9c8df;color:var(--unesco-blue)}.theme-row__button:hover{background:#e9f3fa}
.gallery-section{border-top:1px solid var(--unesco-line)}.toolbar{border-color:var(--unesco-line)}.filter-button{color:#486982}.filter-button:hover{background:#eaf3f9;color:var(--unesco-blue)}.filter-button.active{background:var(--unesco-blue)}.search-box input{border-color:#cbdde9;background:#f8fbfd}.search-box input:focus{border-color:var(--unesco-blue)}.results-line span:first-child{color:var(--unesco-deep)}.project-card{border-color:#cbdde9;box-shadow:0 7px 24px #15598410}.project-card:hover{box-shadow:0 18px 38px #15598424}.visual-badge{color:var(--unesco-deep)}.card-topline{color:var(--unesco-blue)}.card-arrow{border-color:#b6d2e5;color:var(--unesco-blue)}.empty-state span{color:#6ba6c9}.empty-state h3{color:var(--unesco-ink)}.empty-state button{background:var(--unesco-deep)}
.about-section{background:#e8f2f9}.about-copy>p{color:#46657d}.about-values span{border-color:#a8c9df;color:var(--unesco-blue)}.site-footer{background:#052b52}
.modal-backdrop{background:#032b52c7}.project-modal{box-shadow:0 25px 80px #032b524d}.modal-hero{background:#eef5fa}.modal-heading .mini-label{color:var(--unesco-blue)}.modal-tags span{border-color:#c1d9e9;color:#42677f}.modal-meta{border-bottom-color:var(--unesco-line)}.modal-meta strong{color:var(--unesco-ink)}.story-block p,.story-block li,.challenge p{color:#527087}.challenge{background:#eaf4fa;border-left-color:var(--unesco-blue)}.next-button{border-color:#a9c8df;color:var(--unesco-blue)}.next-button:hover{background:#e8f3fa}.close-button{color:var(--unesco-deep)}
.modal-summary{margin:0 0 28px;color:#315a74;font-size:14px;line-height:1.9;padding-bottom:24px;border-bottom:1px solid var(--unesco-line)}
.gallery-section{background:#f7fafc;padding-top:64px}.gallery-section .shell{max-width:1240px}.project-grid{align-items:start;grid-auto-rows:max-content;gap:22px}.project-card{height:fit-content;align-self:start;border-radius:3px;border:1px solid #d8e4ec;background:#fff;box-shadow:0 5px 18px #0a477013}.project-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0a47701c}.project-card__button{height:auto}.project-card__button--details{display:block}.project-card__body{flex:none;min-height:182px;padding:20px 20px 18px}.project-card h3{font-size:20px;line-height:1.35;color:#102c45;margin:10px 0 8px}.project-card p{color:#61788a;min-height:0;line-height:1.75}.project-card__visual{border-bottom:3px solid #d6eaf6}.project-card__visual img{transition:transform .35s}.card-footer{padding-top:20px}.card-arrow{background:#f3f8fb}.visual-badge{border-radius:3px;color:#07558e;box-shadow:0 2px 8px #0a47701a}.results-line{padding-top:20px}.themes-section{padding-top:68px}.section-heading h2{letter-spacing:0}.theme-row{background:#fff;padding:25px 20px;margin-bottom:10px;border:1px solid #d8e4ec;border-left:3px solid #2b86bd}.theme-row:last-child{margin-bottom:0}.about-section{border-top:1px solid #d8e4ec}

.project-card__visual{aspect-ratio:900 / 562;display:grid;place-items:center}
.project-card__visual img{width:100%;height:100%;object-fit:contain}
.project-card:hover .project-card__visual img{transform:none}
.modal-hero img{width:100%;height:100%;min-height:0;object-fit:contain}
.theme-row{grid-template-columns:72px minmax(220px,.95fr) minmax(220px,1.15fr)}

@media(max-width:900px){
  .theme-row{grid-template-columns:55px minmax(0,1fr) minmax(0,1.1fr)}
  .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery-section .shell{width:min(100% - 40px,1240px)}
}
@media(max-width:700px){
  .theme-row{grid-template-columns:40px minmax(0,1fr)}
  .theme-row__copy{grid-column:2}
  .site-header--overlay{gap:12px}
  .site-header--overlay .header-nav{margin-left:auto;gap:0}
  .site-header--overlay .header-nav a:not([href="#gallery"]){display:none}
  .site-header--overlay .brand-text strong{font-size:15px}
  .site-header--overlay .brand-text small{font-size:8px;letter-spacing:0}
  .site-header--overlay .language-button{min-width:54px;padding:7px 8px}
  .section-heading{flex-direction:column;align-items:flex-start;gap:10px}
  .section-heading h2{font-size:28px}
  .project-grid{grid-template-columns:minmax(0,1fr)}
  .toolbar{flex-wrap:wrap}
  .search-box,.search-box input{width:100%}
  .results-line{flex-wrap:wrap}
  .modal-hero{grid-template-columns:minmax(0,1fr);min-height:0}
  .modal-hero img{height:auto;aspect-ratio:900 / 562}
  .modal-heading{padding:25px 22px}
  .modal-heading h2{font-size:25px}
  .modal-body{padding:25px 22px 30px}
  .modal-meta{grid-template-columns:minmax(0,1fr)}
  .story-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .project-card__body{min-height:0}
}

/* Keep the theme overview as a complete viewport chapter when viewed fullscreen. */
.themes-section{min-height:100svh;display:flex;align-items:center}
.theme-row__heading h3{font-size:23px}
.theme-row__question{font-size:14px}
.theme-row__description{font-size:13px}
@media(max-width:700px){
  .themes-section{min-height:100svh}
  .theme-row__heading h3{font-size:19px}
  .site-header--overlay .header-nav a:not([href="#gallery"]){display:inline}
}