.doors-page .doors-hero {
  background: radial-gradient(circle at 78% 48%, #3b413c 0, #1b211c 30%, #0b0e0b 72%);
}

.doors-page .doors-hero > img {
  inset: 4rem 4vw 0 auto;
  width: 54vw;
  height: calc(100% - 4rem);
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 2.5rem 3.5rem rgba(0, 0, 0, .5));
}

.doors-page .windows-hero-overlay {
  background: linear-gradient(90deg, rgba(5, 8, 6, .97) 0, rgba(5, 8, 6, .91) 38%, rgba(5, 8, 6, .26) 66%, rgba(5, 8, 6, .12) 100%), linear-gradient(0deg, rgba(5, 8, 6, .48), transparent 45%);
}

.doors-page .windows-hero h1 { max-width: 10ch; }
.doors-page .door-tabs { grid-template-columns: repeat(5, 1fr); }
.doors-page .door-tabs .material-tab { min-width: 0; }
.doors-page .door-selection .selection-grid { grid-template-columns: repeat(5, 1fr); }
.doors-page .door-selection .selection-grid h3 { font-size: clamp(1.9rem, 2.8vw, 3rem); }
.doors-page .profile-image-button img { background: #f7f6f1; }
.doors-page .system-group > p { max-width: 19rem; }

@media (max-width: 1100px) {
  .doors-page .door-tabs { grid-template-columns: repeat(3, 1fr); }
  .doors-page .door-tabs .material-tab:nth-child(4),
  .doors-page .door-tabs .material-tab:nth-child(5) { border-top: 1px solid var(--line); }
  .doors-page .door-tabs .material-tab:nth-child(4) { border-left: 1px solid var(--line); }
  .doors-page .door-selection .selection-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 700px) {
  .doors-page .doors-hero > img {
    inset: 5.5rem -13vw 0 auto;
    width: 92vw;
    height: 64%;
    object-position: right bottom;
    opacity: .72;
  }
  .doors-page .windows-hero-overlay {
    background: linear-gradient(90deg, rgba(5, 8, 6, .94), rgba(5, 8, 6, .48)), linear-gradient(0deg, rgba(5, 8, 6, .68), transparent 58%);
  }
  .doors-page .door-tabs { grid-template-columns: 1fr 1fr; }
  .doors-page .door-tabs .material-tab:nth-child(3) { border-left: 1px solid var(--line); }
  .doors-page .door-tabs .material-tab:nth-child(4) { border-left: 0; }
  .doors-page .door-tabs .material-tab:nth-child(5) { border-left: 1px solid var(--line); }
  .doors-page .door-selection .selection-grid { grid-template-columns: 1fr; }
}