/* Editorial candidate: licensed Latin Source Serif 4, with the existing Inter UI. */
@font-face {
  font-family: "AWG Source Serif";
  src: url("../fonts/source-serif-4/SourceSerif4-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.awg-editorial {
  --awg-font-editorial: "AWG Source Serif", Georgia, "Times New Roman", serif;
}

/* The interface, body copy, specifications and forms retain the existing Inter. */
.awg-editorial h1,
.awg-editorial h2,
.awg-editorial .hero h1,
.awg-editorial .section-head h2,
.awg-editorial .split h2,
.awg-editorial .about-strip h2,
.awg-editorial .quote-box h2,
.awg-editorial .awg-site-intro h1,
.awg-editorial .awg-site-main h2 {
  font-family: var(--awg-font-editorial);
  font-weight: 550;
  font-optical-sizing: auto;
  letter-spacing: -.01em;
  line-height: 1.14;
}
.awg-editorial h1 strong,
.awg-editorial h2 strong {font-weight: 600;}
.awg-editorial .hero h1 em {font-weight: inherit;}

/* Names are editorial headings; short descriptions and actions stay in Inter. */
.awg-editorial #products .grid > .card > h3,
.awg-editorial #products .slide h3,
.awg-editorial .awg-family-card h3,
.awg-editorial.awg-product-directory .awg-family-card h3,
.awg-editorial .awg-collection-body h3 {
  font-family: var(--awg-font-editorial);
  font-size: 20px;
  font-weight: 550;
  font-optical-sizing: auto;
  line-height: 1.28;
  letter-spacing: 0;
}
.awg-editorial .awg-family-card h3 a,
.awg-editorial.awg-product-directory .awg-family-card h3 a,
.awg-editorial .awg-collection-body h3 a {
  font: inherit;
  letter-spacing: inherit;
}

/* Only individual collection grids become denser. Six-family grids remain 3 by 2. */
.awg-editorial .awg-collection-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 24px;
  row-gap: 32px;
}
.awg-editorial .awg-collection-image,
.awg-editorial .awg-collection-image a {border-radius: 8px;}
.awg-editorial .awg-collection-image a {aspect-ratio: 1 / 1; isolation: isolate;}
.awg-editorial .awg-collection-image img {
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: #fff;
}
.awg-editorial .awg-collection-image img.awg-collection-hover {object-fit: cover;}
.awg-editorial .awg-collection-body {padding-top: 12px;}
.awg-editorial .awg-collection-body h3 {margin-bottom: 6px;}
.awg-editorial .awg-collection-body p {font-size: 14px; line-height: 1.5;}
.awg-editorial .awg-detail-scene video {display:block;width:100%;max-width:960px;height:auto;aspect-ratio:16/9;object-fit:contain;background:#fff;border-radius:8px;}

/* Decorative second media occupies the same canvas; the primary image stays present. */
.awg-editorial .awg-collection-image video.awg-collection-hover-video {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  border: 0;
  border-radius: 0;
  object-fit: cover;
  background: #fff;
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .awg-editorial .awg-collection-card.is-video-playing .awg-collection-hover-video {opacity: 1;}
}
@media (max-width: 1199px) {
  .awg-editorial .awg-collection-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media (max-width: 900px) {
  .awg-editorial .awg-collection-grid {grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 18px; row-gap: 28px;}
}
@media (max-width: 700px) {
  .awg-editorial #products .grid > .card > h3,
  .awg-editorial #products .slide h3,
  .awg-editorial .awg-family-card h3,
  .awg-editorial.awg-product-directory .awg-family-card h3 {font-size: 18px; font-weight: 600;}
  .awg-editorial .awg-collection-body h3 {font-size: 18px; font-weight: 600; line-height: 1.3;}
  .awg-editorial .awg-collection-grid {column-gap: 12px; row-gap: 28px;}
  .awg-editorial .awg-collection-body {padding-top: 10px;}
}
@media (max-width: 359px) {
  .awg-editorial .awg-collection-grid {grid-template-columns: minmax(0, 1fr);}
}
@media (prefers-reduced-motion: reduce) {
  .awg-editorial .awg-collection-image video.awg-collection-hover-video {visibility: hidden; opacity: 0; transition: none;}
}