/* General reset */
body {
  margin: 0;
  padding: 4rem;
  font-family: Albert Sans, sans-serif;
  font-weight: 100;
  font-size: 1.5em;
  background: #0b0f14; /* dark steel-blue tone */
  color: #cfd8dc; /* silver-ish text */
}

h1 {
  text-align: center;
  font-family: Philosopher, sans-serif;
  font-weight: 100;
  font-size: 3rem;
  margin-bottom: 3rem;
  color: #e0e0e0; /* lighter silver */
}

H2{
    font-family: "Albert Sans", sans-serif;
    font-weight: 100;
    font-size: 1.5em;
}

p{
	color: white;
	font-family: "Albert Sans", sans-serif;
	font-size: 0.8em;
}

a {
  font-family: "Albert Sans", sans-serif;
  font-weight: 100;
  font-size: 1em;
  text-decoration: none;
  color: #b0bec5; /* dim, blueish light grey */
  transition: color 0.3s ease;
}

a:hover {
  color: #ffd700; /* golden highlight */
}

/* Grid layout for thumbnails */
.thumb-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.5rem;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 100vw;
}

.thumb-grid li {
  flex: 1 1 30%;
  display: flex;
  justify-content: center;
}

/* Center last item on odd count */
.thumb-grid:has(li:nth-child(odd):last-child) li:last-child {
  margin-left: auto;
  margin-right: auto;
}

/* Thumbnail link style */
.thumb-grid li a {
  display: flex;
  width: 100%;
  height: 45vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #37474f; /* steel grey border */
  border-radius: 4px;
  text-decoration: none;
  color: #cfd8dc;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  text-align: center;
  font-size: 2rem;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  word-wrap: break-word;
  flex-shrink: 0;
  position: relative;
  filter: grayscale(100%) brightness(0.8);
}

.thumb-grid li a::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 30, 60, 0.4); /* subtle dark blue overlay */
  z-index: 1;
  transition: opacity 0.3s ease;
}

.thumb-grid li a:hover::before {
  opacity: 0;
}

.thumb-grid li a:hover {
  filter: none;
  background-color: #263238;
  color: #ffffff;
  transform: translateY(-6px);
  box-shadow: 0 8px 24px rgba(255, 255, 255, 0.08);
  font-weight: 100;
  font-size: 2rem;
  font-family: "Albert Sans", sans-serif;
}

.thumb-grid li a span {
  position: relative;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
  body {
    padding: 2rem;
    font-size: 1em;
  }

  h1 {
    font-size: 2rem;
    margin-bottom: 2rem;
  }

  .thumb-grid {
    flex-direction: column;
    gap: 1.5rem;
  }

  .thumb-grid li {
    flex: 1 1 100%;
  }

  .thumb-grid li a {
    width: 100%;
    height: 40vh;
    font-size: 1.5rem;
  }

  .thumb-grid li a:hover {
    font-size: 1.5rem;
  }
}

/* __________________________________________________________ */
/* __________________________________________________________ */
/* __________________________________________________________ */
/* __________________________________________________________ */
/* __________________________________________________________ */
/* __________________________________________________________ */
/* __________________ THUMBNAIL IMAGES ______________________ */
/* __________________________________________________________ */
/* __________________________________________________________ */
/* __________________________________________________________ */
/* __________________________________________________________ */
/* __________________________________________________________ */


.metImg1 {
	background-image: url("https://www.metmuseum.org/-/media/images/about-the-met/collection-areas/arms-and-armor/arms-and-armor_marquee.jpg?sc_lang=en&h=920&w=2320&la=en&hash=4E553AE37A32D42782CF345DB579F105");
}
.metImg2 {
	background-image: url("https://www.metmuseum.org/-/media/images/exhibitions/2019/the-last-knight/revised-images---7-9-19/lastknight_detailpage_desktop_3360x1720_070119_vfinal_new.jpg?sc_lang=en&w=3360&hash=11EAE38320F5F221E899402F2C6BAD05");
}
.metImg3 {
	background-image: url("https://lh3.googleusercontent.com/pw/AJFCJaV6XZu4Ri_CT4CqK5uSJ2d4FaDllFzBCaFMxVkO7QlG4Zn5fgGjN19uFQO9f0ki0stFH3miiKuN18_Kkurp_3ql6UwOiSSy69Q1pBdhfJkYpoViLJNuG1TtR45WjvvzA3pBgqIrzJ4S08oV7M9rFf6sfw=w731-h975-s-no?authuser=0");
}
.metImg4 {
	background-image: url("https://lh3.googleusercontent.com/pw/AP1GczNYVsKRKNkZk_WLdLyVsTjRnyXS8uSuSzTM8NzMRKmq5pK0UEevBqdOdF4J-Xsmi9qcizx6eBb6adHVdbKEos23su-RI6xm4cxtMtT5CKopdCeyBulBEm6IzsDUng8hq2rKMwXR6gZEybuQNs87J-amZw=w1321-h991-s-no-gm?authuser=0");
}

.RAImg1 {
	background-image: url("img/thumbs/thumb_RA.jpg");
}

.AMImg1 {
	background-image: url("https://i.ytimg.com/vi/zB6wvJVpZhc/maxresdefault.jpg");
}
.AMImg2 {
	background-image: url("https://lh3.googleusercontent.com/pw/AP1GczNy0NlSVTxEBXqVxE9atH9MiS9tlw1Y72TFqmM_AxQ-rNmHMcAHg6iBvjGl4OOaTXmn62B6lSaVnLichwK5E7Q_3oDSjJuvZ_SUCPrHSXwC8QHPMkRXG4iLVztoJpDPA42U9hpew5r755bL8qYDwX4N=w1321-h991-s-no-gm?authuser=0");
}
.AMImg3 {
	background-image: url("https://lh3.googleusercontent.com/pw/AJFCJaUD1YiManoainlJ0-XP_u9S1y4lnQs-GkOE3nauktaCJHWSaKiuLo6v22dp39MdAOmvLuyphX1HYGmfWbsXaaFia8P_GqqyEQUfN5fzhJf1ymAWHuFNEjbEh-D1DEpbKT79Gn4zGUNiypFkPKDRWmck=w1300-h975-s-no?authuser=0");
}

.WalImg1 {
	background-image: url("https://www.wallacecollection.org/media/images/web_image_1_2.2e16d0ba.fill-1920x1200.jpg");
	}

.KHMImg1 {
	background-image: url("https://imageapi.khm.at/images/373055/HJRK_A_638_Gruppe_201610_gesamt_PK_ret.jpg");
}

.KHMImg2 {
	background-image: url("https://lh3.googleusercontent.com/pw/AJFCJaWxLuXZmhfWxAsJnHVoFaFAoWvdg80WrWvccK-f4miY_islh9yGuVdw3_Ze4tGjko9fC-OexNGNN63Y9NzJK5yFIkdAbJv9fCXz2JAI1v9T-kQJgkpbg5iDXDdxhaQD2MJsa7dCCUKNeqV5is0173JHEA=w731-h975-s-no?authuser=0");
}

.GNMImg1 {
	background-image: url("https://www.gnm.de/fileadmin/redakteure/Ausstellungen/bilder/DA/t_DA_WaffenJagdGartenkultur_Topfhelm.jpg"); 
}
.GNMImg2 {
	background-image: url("https://lh3.googleusercontent.com/pw/AJFCJaVq542EIGteNaytL0U5fLfqKcz1kvD47DEIVsPJ2SZl0enSH09yLGMitv7fjcnKPfDDvvwAYgTlx5Z6TGqqE8tw-bECfX38k8xDwqcryYJ1DnTTvwUT5fsnm3y32MN2y4usAR6iADwxmu7yd2-goOrK=w731-h975-s-no?authuser=0");
}

.philiImg1 {
	background-image: url("https://cdn.sanity.io/images/f23a1pgq/pma_production/1febbe02975413d4514138c08642bfcd962f0334-8280x6208.jpg?rect=49,18,8231,6173&bg=f2f2f2&w=640&h=480&q=80&fit=clip");
}
.philiImg2 {
	background-image: url("https://lh3.googleusercontent.com/pw/AJFCJaXg1-bWCMylBrMKqbeof_vf_BgxRImV0bHGJJ55IZBwrzs-PDD1mzt05YiL0ldPMb90TSgsS60LPR8HHp7f3ZjJt031PYu0TZra3Q9BZO-8TLXgRYNyUIJMtYIZUjaWPT1NMC034GJaHDtBaTwtSho02A=w1300-h975-s-no?authuser=0"); 
}

.chicaImg1 {
	background-image: url("https://artic-web.imgix.net/df2d5c90-152c-41a0-b848-5c98e02260cb/IM021770_010.jpg?rect=0%2C285%2C3000%2C1686&auto=format%2Ccompress&q=80&fit=crop&crop=faces%2Cedges%2Centropy&w=1200&h=674?w=1200&h=674&fit=crop");
}
.chicaImg2 {
	background-image: url("https://lh3.googleusercontent.com/pw/AJFCJaVxNGxj8WDNga5kwUYnboYhHfOHhmXpYyKIEoOBx_JgIu9SgkUwKofF7BttsiKn_gpFT_EhTWmbHzBWYyhVnTfirCFOjPtmWoaP7OVsBkK7xC8c_eumZIWogrcZmD1UwkeZ2WT5ZmHk2J5F-Pone7BvBw=w1300-h975-s-no?authuser=0");
}

.munchImg1 {
	background-image: url("https://www.bayerisches-nationalmuseum.de/media/objects/165946/D64541_4ba7e54048.avif");
}
.munchImg2 {
	background-image: url("https://lh3.googleusercontent.com/pw/AJFCJaXiTX4AnFrqS_ebCQTNBzFN5nxFkJ4S4C0untzMabWybrZAKrP1kNqn8VdXltG0fO6rQumqHRFselop2L5Rt1hxs2ztNLU8QLz4Hdx8kTg6my2GD1EGoJxxLDNcqUYNbhLeGBHtQxNIyl7xagTLqqf-=w1724-h975-s-no?authuser=0");
}

.torinoImg1 {
	background-image: url("https://museireali.beniculturali.it/wp-content/uploads/2022/06/Nuova-luce-sullArmeria-Reale.-La-collezione-Sanquirico.jpg");
}
.torinoImg2 {
	background-image: url("https://lh3.googleusercontent.com/pw/AJFCJaWpokydU1nfLxj2YvJdVv4f0v-NZLyS3GRjeMcRbSTB2Gqs41U9gxlBK0pftWYH_KRJTde7P3ufehsqcuCPyY3-vLxmTK9Cm-5fZcpXGJoqxbnlb8XJXMZzSYabO4dgGjo4EyKWB4L7al4L8z3lpNoc=w1920-h884-s-no?authuser=0");
}

.churburgImg1 {
	background-image: url("img/thumbs/thumb_Chur.jpg");
}

.toledoImg1 {
	background-image: url("https://lh3.googleusercontent.com/pw/AP1GczO8D0ZjsMqtCeG-sSEgUunbmJLWk32VswaXg97BxWaxk1EGfOrJSJfQgEvhCnSSRnFDkd9D60rHEkq2Xg_DPg1WPQ6jXUG15rf9fdGsICSCjq0MDImjzCa8J96vTCyzrmdOeNEdCy4m5PoguoEX7gE9=w1321-h991-s-no-gm?authuser=0");
}

.grazImg1 {
	background-image: url("https://lh3.googleusercontent.com/pw/AP1GczNNiv5MgTIdQY5k9D44XutS40bJxLBuC6CDjN0VY4ePcX05zej_xUSS6ZyyV50w_6YV1ZSI9SwqTE2wQvUOSErbtcoNyTJDcI0LWi8LXnfDdz_8ppSp9nWamVXMcmNl2OWBHHar0l0TYoJG4hrUStuv=w1321-h991-s-no-gm?authuser=0");
}

/********** ARTWORKS MUSEUMS *************/

.strasImg1 {
	background-image: url("https://lh3.googleusercontent.com/pw/AP1GczNcrSaEladyw8GlI230jJBe2GtmSknWnUDxJKQzJhiV74y55ZaUV-8uBkEhDtgIPeRZbb14FMgLKuK0cJHZmLxiKEi3ffCoQxeCdFFYze7go6vg5-RfUl_Ya6J7EJI7huVGAcf8y90JRpZtFSOUsWrd=w1321-h991-s-no-gm?authuser=0");
}
.strasImg2 {
	background-image: url("https://lh3.googleusercontent.com/pw/AP1GczM73l8B6J2cdD0agzZjDImezIcabftSAW8M89hrX88BZgxJOL1wlDLSD8NGmgGL4MfHRAK8fMEoEuC5gRE9nxoHGiR0hTe0y4f0s5GGigBk3UN7DEBfvATYX92JeZ3TIUU-Te1FAPHNfU_pnNiXAJAp=w1321-h991-s-no-gm?authuser=0");
}
.strasImg3 {
	background-image: url("https://lh3.googleusercontent.com/pw/AP1GczPVjFVd0g2oT4jUBhO9f-Ssd362zR9zICF6vIzEjQnWbum-KX2Yc8rW2PfNtVQ54_3zJqwqzrIkLwI4RMbs0-BBsXFkhWFc0NBxLKWR2sJp-qZlzou8Cj6GgP1-XsBKKhU6bDsapo715ORt8qFfZa8B=w1321-h991-s-no-gm?authuser=0");
}

.parisImg1 {
	background-image: url("https://lh3.googleusercontent.com/pw/AP1GczMLlxjfChk0dvO3ELdRaxsUpWNQb5ScXCNRkGYt73f4ziEb9DhLVQGqzHjPN586cWx-bZSaXwM9PLMjRy9iA77vvaIvsZvjhmNKP7kweEbXhCCZNJfr6gXlk6AVja6gu68nirBW4t8mFs_FmF7pLUh6=w1920-h883-s-no-gm?authuser=0");
}
.parisImg2 {
	background-image: url("https://lh3.googleusercontent.com/pw/AP1GczOHLnfx36szG_vApriOtZqVr6jMTKUDjQQLM6pBiwN4UTdfez5qqGuxP-k6l1mUGq5pEnCsFeafG5v-vNFMJn-3DRjwaJKCEwkWLIBdw6cL5zjtwLdcaMSzxoiEaq0ekphQN9Xls14elqrEBpZF_ZhG=w1321-h991-s-no-gm?authuser=0");
}
.parisImg3 {
	background-image: url("https://lh3.googleusercontent.com/pw/AP1GczOoTNlFDKKdONyCFY4CIjYsr1QMygBq-n0PjIf6_QjcJgg36wDxFVFA8dYYmwOxvu-mWs6VmR51dq_TLqy0Xx91SytaF1QHTCJ4ZfaO5ZXAndqQt4bAyn5FK_2K3I48eAhU2ZZIt7WJbG4xASVB8iG3=w1321-h991-s-no-gm?authuser=0");
}

.paviaImg1 {
	background-image: url("https://lh3.googleusercontent.com/pw/AP1GczPGS5Wdd6h-or9xjNBGwP7cFIW7cwGfYrfJeKTJDkOponZ_kgZKutKunL1EoMrfkewjLAUuN-3D1Oopa9GOPyEyDWMODF31jftb2YmcjtEmM5Z70iZgdShu1yIgPt5RbDiCp8dz15exfQM7rzOSdU6j=w1316-h991-s-no-gm?authuser=0");
}
.paviaImg2 {
	background-image: url("https://lh3.googleusercontent.com/pw/AP1GczMeOToNhxYyYmr-shrU2RhiYoHLGEoq4Tf16RRVK4wFfJ-aj0I5ISKvGJBm6PviVWjUVfoJUCEv_1_hwWGN-ljbhZI2dGaVo3zA5RPZYedOuyMJyLneRJ3LSa6a5g_EDo4LErL6ZZJuT-930QiDXLJmsA=w1316-h991-s-no-gm?authuser=0");
}