:root {
  --restored-max: 1600px;
}

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: clip;
}

.section-pad {
  padding: clamp(88px, 10vw, 160px) clamp(24px, 5vw, 84px);
}

.section-pad > * {
  width: min(100%, var(--restored-max));
  margin-inline: auto;
}

.project-visual__figure .image-button {
  width: 100%;
}

.project-visual__figure .image-button img {
  width: 100%;
  height: auto;
}

.site-portrait h2,
.landscape-stories h2,
.program h2,
.view-study h2,
.plans h2,
.gallery h2,
.private-dossier h2 {
  font-family: "Iowan Old Style", Baskerville, "Times New Roman", serif;
  font-weight: 400;
}

.site-portrait__grid .image-button {
  height: 100%;
}

.site-portrait__grid img,
.photo-grid img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.interior-render .image-button {
  overflow: hidden;
}

.interior-render .lighting-image:first-of-type {
  position: relative;
}

.dossier-preview {
  margin: 48px 0 0;
}

.dossier-preview img {
  width: min(100%, 560px);
  height: auto;
  box-shadow: 0 26px 65px rgba(0, 0, 0, 0.32);
}

.dossier-preview figcaption {
  max-width: 560px;
}

.dossier-form {
  padding: clamp(36px, 5vw, 70px);
  background: #f5f2eb;
  color: #11191d;
}

.dossier-form .inquiry-copy {
  margin-bottom: 48px;
}

.dossier-form .inquiry-copy h2 {
  margin: 10px 0 18px;
}

.dossier-form .button {
  padding: 15px 22px;
  border: 1px solid #11191d;
  background: #11191d;
  color: #fff;
  cursor: pointer;
  font-family: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.image-dialog__bar button {
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: transparent;
  color: #fff;
  cursor: pointer;
  font: 600 0.66rem/1 "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

@media (max-width: 900px) {
  .private-dossier {
    grid-template-columns: 1fr;
  }

  .dossier-intro {
    position: static;
  }

  .dossier-form {
    padding: 30px 22px;
  }

  .inquiry-form {
    grid-template-columns: 1fr;
  }

  .inquiry-form .full,
  .form-footer {
    grid-column: 1;
  }

  .form-footer {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  .section-pad {
    padding: 74px 18px;
  }

  .lighting-toggle {
    top: 10px;
    right: 10px;
    left: 10px;
    justify-content: center;
  }

  .lighting-toggle__label {
    display: none;
  }

  .lighting-toggle button {
    min-width: 0;
    flex: 1;
  }

  .site-footer {
    align-items: flex-start;
    flex-direction: column;
  }
}