:where([data-etch-element="container"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  max-inline-size: var(--content-width, 1366px);
  align-self: center; margin-inline: auto;
}
:where([data-etch-element="flex-div"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
}
:where([data-etch-element="section"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
:where([data-etch-element="iframe"]) {
  inline-size: 100%;
  height: auto;
 aspect-ratio: 16/9;
}
.site-header {
  position: absolute; inset-block-start: 0; inset-inline: 0; z-index: 1;
    display: flex; align-items: center; min-block-size: var(--header-height);
    padding-inline: var(--gutter);
    background: color-mix(in oklch, var(--white) 71%, transparent);
}
.site-header__inner {
  flex-direction: row; align-items: center; justify-content: space-between; gap: var(--content-gap);
}
.site-header__logo {
  inline-size: 100%; max-inline-size: 7.5rem;
    @media (width >= 48rem) { max-inline-size: 14.0625rem; }
}
.hero {
  padding-block-start: calc(var(--section-padding-block) + var(--header-height));
    padding-block-end: 0;
    background-image: url('../assets/home-cleaner-slider-bg.jpg'); background-size: cover; background-repeat: no-repeat;
}
.hero__inner {
  display: grid; align-items: center; gap: var(--container-gap);
    @media (width >= 48rem) { grid-template-columns: var(--grid-2); }
}
.hero__content {
  display: flex; flex-direction: column; gap: var(--content-gap);
    @media (width >= 48rem) { padding-block-end: var(--section-padding-block); }
}
.hero__lead {
  font-size: var(--text-l);
}
.intro {
  border-block: var(--border); text-align: center;
}
.intro__text {
  font-weight: 700;
}
.services {
  background-image: url('../assets/home-cleaner-offer-bg.jpg'); background-size: cover; background-repeat: no-repeat; text-align: center;
}
.services__list {
  display: grid; gap: var(--grid-gap);
    @media (width >= 48rem) { grid-template-columns: var(--grid-3); }
}
.services__item {
  display: flex; flex-direction: column; align-items: center; gap: var(--content-gap);
}
.contact {
  background-image: url('../assets/home-cleaner-call-us-bg.jpg'); background-size: cover; background-repeat: no-repeat;
}
.contact__inner {
  display: grid; align-items: center; gap: var(--container-gap);
    @media (width >= 48rem) { grid-template-columns: var(--grid-3-1); }
}
.contact__content {
  display: flex; flex-direction: column; gap: var(--content-gap);
}
.contact__title {
  color: var(--accent);
}
.contact__actions {
  display: flex; flex-direction: column; gap: var(--content-gap);
}
.site-footer {
  padding-block: var(--space-m); padding-inline: var(--gutter); background: var(--secondary); color: var(--white); text-align: center;
}
.hero__media {
  align-self: end;
}