@media (max-width: 760px) {
    .two-column { grid-template-columns: 1fr; text-align: center; }
    .nav {
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.7rem;
    }
    .press-card img { height: 160px; }
    .media-item img { height: 200px; }
}

@media (max-width: 760px) and (orientation: portrait) {
    .event-card { flex-direction: column; }
    .event-datebox {
        width: 100%;
        border-bottom: 3px solid rgba(0,0,0,0.1);
    }
}

@media (max-width: 760px) and (orientation: landscape) {
    html {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }
    .event-card { flex-direction: row; }
    .event-datebox {
        width: 120px;
        border-bottom: 0;
        flex-direction: column;
        gap: 0;
        padding: 14px 10px;
        margin-left: 0;
        margin-right: 0;
    }
    .event-day { font-size: 2.3rem; line-height: 1.05; }
    .event-month { font-size: 1.3rem; letter-spacing: 0.08em; }
    .event-year { font-size: 1rem; }
}

@media (hover: hover) and (pointer: fine) {
/*
	.res-thumb:hover {
	  overflow: visible;
	  position: relative;
	  z-index: 100;
	}

	.res-thumb:hover img {
	  position: absolute;
	  top: 0;
	  left: 0;
	  transform-origin: top left;
	  transform: scale(8) translate(5%, -50%);
	  box-shadow: var(--shadow-lg);
	  z-index: 101;
	}
*/
	.res-thumb {
	  cursor: zoom-in;
	}

	.res-thumb img {
	  transition: box-shadow 0.2s ease, transform 0.2s ease;
	}

	.res-thumb:hover img {
	  box-shadow: var(--shadow-md);
	}

  .poster:hover .poster-thumb {
    transform: scale(1.35);
  }
}

@media (hover: none) {
  .res-thumb img,
  .poster-thumb {
    transform: none !important;
    position: static !important;
  }
}