@charset "UTF-8"; /* CSS Document */ /* the grid container *//* ===== Gallery Grid ===== */.grid-3x3 {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 2em;  padding: 3em; /* reduced from 6em */			height: auto; /* or 600px, 100vh, etc.—must give it a height to stretch */ 	align-items: stretch; /* default, but explicit */ 	justify-items: stretch; /* default, but explicit */}/* ===== Gallery Cells ===== */.grid-3x3 > * {  min-width: 0;  /* prevents overflow with long text */  min-height: 0;  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  background: #fff;  border: 1px solid rgba(0, 0, 0, 0.06);  border-radius: 8px;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06),              0 2px 4px rgba(0, 0, 0, 0.04);  transition: box-shadow 0.2s ease, transform 0.2s ease; /* moved here */}/* ===== Hover/Fous Effects ===== */.grid-3x3 > *:hover,.grid-3x3 > *:focus-within {  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12),              0 8px 20px rgba(0, 0, 0, 0.08);  transform: translateY(-1px);}.card {		width: 100%;		height: auto;		padding: 0 0 1em;		display: flex;		flex-flow: column nowrap;		align-items: flex-start;		justify-content: flex-start;}.card-cat {		padding: 0 0 0 3em;		font: 600 .75rem/1 var(--ff-pn-cond);		letter-spacing: .12em;		text-transform: uppercase;		color: var(--contrast-2);} /*.card-figure {    margin: 0;    padding: 0;    border-bottom: 4px solid var( --primary-2);    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;   }*/ .card figure {		display: block;		width: 100%;		margin: 0 0 1em 0;		padding: 0;		line-height: 0;}.card img {		max-width: 100%;		height: auto;		margin: 0;		padding: 0;		border-radius: 8px 8px 0 0;		object-fit: cover;} /* Card container example selector; adjust to your markup */ /* Card-scale (smaller) */ .card h2 { /* was ~18–26px → now ~16–24px */ font-size: clamp(1rem, 0.9vw + 0.5rem, 1.5rem);		line-height: 1.2;		margin: 0 0 .5em;}.card h3 { /* was ~16–22px → now ~15–20px */ font-size: clamp(0.9375rem, 0.7vw + 0.5rem, 1.25rem);		line-height: 1.3;		margin: 0;}.card h3, .card p {		margin: 0 0 .5em !important;		padding: 0 15px !important;		font-size: clamp(0.9375rem, 0.7vw + 0.5rem, 1.25rem);		line-height: 1.3;}.card-kicker {		font-size: 12px !important;		letter-spacing: .12em;		text-transform: uppercase;		color: var(--contrast-2);}.card-taxo {		display: inline;		margin: 0;		padding: 5px;		font-size: 8px !important;		letter-spacing: .12em;		text-transform: uppercase;		border-radius: 8px;		background-color: #1C3F55;		color: #ffffff;} /* Respect reduced motion */