/* The five configured Atelier pages: static layout also works without JavaScript. */
.insect-screens-page-heading { box-sizing: border-box; margin: auto; max-width: 1440px; padding: 170px 5vw 0; }
.insect-screens-page-heading h1 { font: 300 clamp(3.2rem, 7vw, 6.5rem)/.98 "Atelier Serif", Georgia, serif; letter-spacing: -.045em; margin: .8rem 0 0; }
.atelier-zanzariere-page .insect-screens__copy > .eyebrow { display: none; }
.atelier-zanzariere-page .insect-screens__model { font-size: clamp(2.3rem, 4vw, 3.5rem); }
.atelier-zanzariere-page .insect-screens { padding-top: 2.5rem; }
@media (max-width: 799px) { .insect-screens-page-heading { padding: 120px 6vw 0; } }
.design-atelier.atelier-internal-page .site-header {
  background: rgb(241 237 230 / 97%);
  border-bottom: 1px solid var(--atelier-line);
}
.design-atelier.atelier-internal-page .site-header .site-navigation a { color: var(--atelier-ink); }
.design-atelier.atelier-internal-page .wp-site-blocks { padding: 0; }
.design-atelier .internal-hero {
  align-items: end;
  background: var(--atelier-ink);
  box-sizing: border-box;
  display: flex;
  height: 400px;
  min-height: 400px;
  max-height: 400px;
  isolation: isolate;
  margin: 0;
  overflow: hidden;
  padding: 148px 5vw 48px;
  position: relative;
  width: 100%;
}
.design-atelier .internal-hero__image {
  display: block;
  height: 100%;
  inset: 0;
  object-fit: cover;
  position: absolute;
  width: 100%;
  z-index: -2;
}
.design-atelier .internal-hero::after {
  background: linear-gradient(180deg, rgb(25 24 22 / 12%) 25%, rgb(25 24 22 / 70%) 100%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}
.design-atelier .internal-hero h1 {
  color: var(--rc-ivory);
  font: 300 clamp(3.2rem, 7vw, 6.5rem)/.98 "Atelier Serif", Georgia, serif;
  letter-spacing: -.045em;
  margin: 0;
  max-width: 20ch;
  overflow-wrap: break-word;
}
.design-atelier .wp-site-blocks > .internal-page-content {
  background: var(--atelier-paper);
  margin-block: 0;
  max-width: none;
  padding: 0;
  scroll-margin-top: 116px;
}
.design-atelier .internal-section {
  box-sizing: border-box;
  margin-inline: auto;
  max-width: 1440px;
  padding: clamp(3rem, 6vw, 6rem) 5vw;
}
.design-atelier .internal-section h2 {
  color: var(--atelier-ink);
  font: 300 clamp(2.5rem, 4.5vw, 4.2rem)/1 "Atelier Serif", Georgia, serif;
  letter-spacing: -.04em;
  margin-block: .8rem 2rem;
}
.design-atelier .internal-section p, .design-atelier .internal-section li { color: #5b5549; line-height: 1.75; }
.design-atelier .internal-section a { color: var(--atelier-ink); }
.design-atelier .internal-intro { max-width: 960px; }
.design-atelier .internal-intro > :first-child { margin-top: 0; }
.design-atelier .internal-intro > :last-child { margin-bottom: 0; }
.design-atelier .internal-intro h2 { font-size: clamp(2.3rem, 3.8vw, 3.4rem); margin-top: 2rem; }
.design-atelier .curtain-types__grid { display: grid; gap: 1.2rem 1.8rem; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: 2.2rem 0 2.5rem; padding: 0; }
.design-atelier .curtain-types__grid li { align-items: flex-start; border-top: 1px solid var(--rc-line); color: var(--rc-ink); display: flex; flex-direction: column; font: 400 .9rem/1.5 "Helvetica Neue", Helvetica, sans-serif; gap: .7rem; min-width: 0; padding: 1.1rem 0 .7rem; }
.design-atelier .curtain-types__grid img { display: block; flex: 0 0 auto; height: 48px; object-fit: contain; width: 48px; }
.design-atelier .curtain-types__grid span { overflow-wrap: break-word; }
.design-atelier .internal-gallery { border-top: 1px solid var(--atelier-line); }
.design-atelier .internal-gallery__grid { display: grid; gap: clamp(.6rem, 1.6vw, 1.5rem); grid-template-columns: repeat(4, minmax(0, 1fr)); }
.design-atelier .internal-gallery__grid a { display: block; min-width: 0; }
.design-atelier .internal-gallery__grid img { aspect-ratio: 4 / 5; display: block; height: auto; object-fit: cover; width: 100%; }
.design-atelier .internal-faq { max-width: 960px; }
.design-atelier .internal-faq__list { border-top: 1px solid var(--atelier-line); }
.design-atelier .internal-faq details { border-bottom: 1px solid var(--atelier-line); padding-block: 1.4rem; }
.design-atelier .internal-faq summary { cursor: pointer; font: 400 clamp(1.3rem, 2.5vw, 1.7rem)/1.3 "Atelier Serif", Georgia, serif; padding-right: 1rem; }
.design-atelier .internal-faq details p { margin: 1rem 0 0; max-width: 70ch; }
.design-atelier .internal-request { border-top: 1px solid var(--atelier-line); max-width: 960px; scroll-margin-top: 116px; }
.design-atelier .internal-request > p { max-width: 65ch; }
.design-atelier .internal-request .rosanna-request-form { max-width: none; }
.design-atelier .internal-request .rosanna-request-form__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.design-atelier.atelier-internal-page .skip-link:focus { background: var(--atelier-paper); color: var(--atelier-ink); left: 1rem; padding: 1rem; top: 1rem; z-index: 100; }

@media (max-width: 799px) {
  /* Without the enhanced menu, keep the original navigation readable in two rows. */
  .design-atelier.atelier-internal-page .site-header__inner:has(> .site-navigation) { align-items: stretch; flex-direction: column; gap: .8rem; min-height: 0; }
  .design-atelier.atelier-internal-page .site-header .site-navigation { min-width: 0; }
}
@media (max-width: 760px) {
  .design-atelier .curtain-types__grid { gap: .8rem 1.2rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .design-atelier .internal-hero { padding: 154px 6vw 40px; }
  .design-atelier .internal-hero h1 { font-size: clamp(2.8rem, 11vw, 4.6rem); max-width: 16ch; }
  .design-atelier .internal-section { padding: 3rem 6vw; }
  .design-atelier .internal-gallery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .design-atelier .internal-request .rosanna-request-form__grid { grid-template-columns: 1fr; }
}