.external-hub .product-hero { grid-template-columns: .9fr 1.1fr; }
.external-hub .product-hero h1 { font-size: clamp(54px, 5.2vw, 82px); }

.external-catalog {
  padding: 105px max(28px, calc((100vw - 1380px) / 2)) 120px;
  background: #20211e;
  color: #fff;
}
.external-catalog-heading {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 60px;
  align-items: end;
  margin-bottom: 60px;
}
.external-catalog-heading h2 { max-width: 820px; font-size: clamp(43px, 4.8vw, 72px); }
.external-catalog-heading > p { max-width: 410px; margin: 0; color: #aeadA6; font-size: 14px; line-height: 1.7; }
.external-groups { display: grid; gap: 58px; }
.external-group-title {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
  color: #d4a45a;
  font: 700 10px/1.2 Arial, sans-serif;
  letter-spacing: .17em;
  text-transform: uppercase;
}
.external-group-title::after { content: ""; height: 1px; flex: 1; background: rgba(255,255,255,.13); }
.external-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.external-card-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.external-card-grid.one { grid-template-columns: minmax(0, 1fr); max-width: calc((100% - 28px) / 3); }
.external-option-card { position: relative; display: flex; min-height: 470px; overflow: hidden; background: #32332f; color: #fff; }
.external-option-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.external-option-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(13,14,12,.04) 25%, rgba(13,14,12,.88) 100%); }
.external-option-card:hover img { transform: scale(1.025); }
.external-option-copy { position: relative; z-index: 1; width: 100%; margin-top: auto; padding: 28px; }
.external-option-copy > span:first-child { color: #e6bc7d; font-size: 9px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.external-card-title { display: block; margin: 10px 0 12px; max-width: 360px; font: 500 31px/1.06 Georgia, serif; }
.external-card-text { display: block; max-width: 430px; margin: 0 0 21px; color: rgba(255,255,255,.72); font-size: 12px; line-height: 1.55; }
.external-option-link { display: inline-flex; gap: 10px; align-items: center; padding-bottom: 7px; border-bottom: 1px solid rgba(255,255,255,.5); font-size: 11px; }
.external-note { margin-top: 28px; padding: 18px 20px; border-left: 3px solid #bd8d48; background: #ebe1d2; color: #62635c; font-size: 11px; line-height: 1.65; }
.external-back { display: inline-flex; margin-top: 24px; padding-bottom: 7px; border-bottom: 1px solid #a4a299; color: #5d5e57; font-size: 11px; }

@media (max-width: 1050px) {
  .external-card-grid, .external-card-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .external-card-grid.one { max-width: calc((100% - 14px) / 2); }
}
@media (max-width: 800px) {
  .external-catalog-heading { display: block; }
  .external-catalog-heading > p { margin-top: 24px; }
  .external-option-card { min-height: 420px; }
}
@media (max-width: 620px) {
  .external-card-grid, .external-card-grid.two, .external-card-grid.one { grid-template-columns: 1fr; max-width: none; }
  .external-option-card { min-height: 410px; }
  .external-option-copy { padding: 24px; }
  .external-card-title { font-size: 29px; }
}