: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="section"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
:where([data-etch-element="flex-div"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
}
:where([data-etch-element="iframe"]) {
  inline-size: 100%;
  height: auto;
 aspect-ratio: 16/9;
}
.copy-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--content-gap);
  inline-size: 100%;
  max-inline-size: 60ch;
  text-align: center;
}
.copy-block__heading {
  color: inherit;
  font-size: var(--text-m);
  font-weight: 400;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.site-header {
  display: flex;
  justify-content: center;
  padding-block: var(--space-xl);
  padding-inline: var(--gutter);
}
.site-header__link {
  display: flex;
  justify-content: center;
}
.site-header__logo {
  inline-size: clamp(13.75rem, 34vw, 30rem);
}
.site-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--content-gap);
  padding-block: var(--section-space-xs);
  padding-inline: var(--gutter);
  background-color: var(--bg-dark);
  background-color: var(--base-semi-dark);
  color: var(--text-light);
  text-align: center;
}
.site-footer__logo {
  
      inline-size: clamp(10rem, 21vw, 17.5rem);
      border-radius: var(--radius-none);
}
.site-footer__text {
  
      max-inline-size: var(--width-70);
      font-size: var(--text-s);
}
.hero {
  
      --section-padding-block: 0;
      padding-inline: 0;
}
.hero__image {
  inline-size: 100%;
  block-size: clamp(17.5rem, 45vw, 38.75rem);
  border-radius: var(--radius-none);
  object-fit: cover;
}
.brand-story {
  --section-padding-block: var(--section-space-l);
  color: var(--text-dark);
  background-color: var(--secondary);
}
.brand-story__inner {
  align-items: center;
  gap: calc(var(--space-xl) * 1.3);
  /* gap: var(--space-xxl); */
}
.brand-story__wave {
  
      inline-size: 3.875rem;
      block-size: auto;
      color: var(--text-dark);
}
.copy-block__link {
  
      color: inherit;
      font-weight: 700;
      text-decoration: underline;
      text-underline-offset: 0.2em;
}
.visit {
  
      --section-padding-block: 0;
      display: grid;
      align-items: stretch;
      gap: 0;
      margin-block: var(--space-xs);
      padding-inline: 0;
      @media (min-width: 48rem) {
        grid-template-columns: var(--grid-2);
      }
}
.visit__image {
  inline-size: 100%;
  block-size: 100%;
  min-block-size: 18.75rem;

  border-radius: var(--radius-none);
  object-fit: cover;
  object-position: 50% 85%;
  aspect-ratio: 1;
  @media (width <= 44.875rem) {
    max-block-size: 36.25rem;
    object-position: 50% 75%;
  }
}
.visit__panel {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding-block: var(--section-space-l);
  padding-inline: var(--gutter);
  color: var(--text-light);
  background-color: var(--base-semi-dark);
}
.visit__watermark {
  
      position: absolute;
      inset: 0;
      inline-size: 100%;
      block-size: 100%;
      object-fit: contain;
      pointer-events: none;
      z-index: -1;
}
.work-room {
  
      --section-padding-block: var(--section-space-l);
      background-color: var(--primary);
      color: var(--text-light);
}
.work-room__inner {
  align-items: center;
}
.contact {
  --section-padding-block: var(--section-space-s);
}
.contact__inner {
  
      display: grid;
      align-items: center;
      gap: var(--space-xl);
      @media (min-width: 48rem) {
        grid-template-columns: var(--grid-2);
      }
}
.contact__image {
  inline-size: 100%;
  aspect-ratio: 1;
  border-radius: var(--radius-none);
  object-fit: cover;
  object-position: 65% 50%
}
.site-footer__copyright {
  font-size: var(--text-s);
  /* font-family:var(--heading-font-family); */
}