@charset "UTF-8";/* CSS Document *//* the grid container */.grid-3x3 {    padding: 6em;  display: grid;  grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, auto);   gap: 2em;  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 */}/* optional styling for cells */.grid-3x3 > * {  min-width: 0;             /* prevents overflow with long content */  min-height: 0;  display: flex;            /* center content inside each cell (optional) */  align-items: center;  justify-content: center;  background: #f2f2f2;  border-radius: 8px;}/* Base subtle shadow (good default) */.grid-3x3 > * {  background: #fff;  border: 1px solid rgba(0,0,0,.06);   /* crisp edge */  box-shadow:    0 1px 2px rgba(0,0,0,.06),    0 2px 4px rgba(0,0,0,.04);  border-radius: 8px;}/* Gentle lift on hover/focus */.grid-3x3 > *:hover,.grid-3x3 > *:focus-within {  box-shadow:    0 2px 6px rgba(0,0,0,.12),    0 8px 20px rgba(0,0,0,.08);  transform: translateY(-1px);  transition: box-shadow .2s ease, transform .2s ease;}.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 */@media (prefers-reduced-motion: reduce) {  .grid-3x3 > * { transition: none; }}/* Optional: dark theme tweak */@media (prefers-color-scheme: dark) {  .grid-3x3 > * {    background: #141414;    border-color: rgba(255,255,255,.08);    box-shadow:      0 1px 2px rgba(0,0,0,.6),      0 2px 4px rgba(0,0,0,.4);  }}