/* Scoped design previews: existing geometry, copy and behavior retained. */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('assets/cbacf63e1d54d3e4a76031fe.ttf') format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('assets/4a90bf21ca71716e08991b18.ttf') format('truetype');
}
:root { --preview-font-family: 'Raleway', sans-serif; }
body, h1, h2, h3, .site-header__topbar, .elams-navigation__link,
.contact__heading, .contact-detail h3, .contact-form {
  font-family: var(--preview-font-family);
  font-style: normal;
}
.contact-form__field {
  & input, & textarea { font-family: var(--preview-font-family); }
}
:root { --preview-accent: #d1ad7e; --preview-panel: #211912; --preview-text: #fff5e7; --preview-line: #886b4a; --preview-field: #31261c; }
::selection { background: var(--preview-accent); color: #211912; }
.hero__logo, .light-panel, .guarantee-card__image, .guarantee-card__heading, .about__portrait, .contact-form__submit, .elams-menu-toggle, .elams-navigation__nav, .mobile-call a { border-radius: 0; }
.contact-form__field { & input, & textarea { border-radius: 0; caret-color: var(--preview-accent); } }
.taste__content, .about__content { gap: 0; }
.light-panel { color: var(--preview-text); background: var(--preview-panel); }
.taste__heading, .about__content > h2 { border-bottom: 1px solid var(--preview-line); }
.guarantee-card__image, .about__portrait { border: 0; }
.guarantee-card__heading { margin-inline: 0; padding-inline: 0; text-align: left; background: transparent; color: var(--preview-text); border: 0; padding-bottom: 0; }
.guarantee-card__copy { padding-inline: 0; }
.contact-form__field { & input, & textarea { border: 1px solid var(--preview-line); background: var(--preview-field); color: var(--preview-text); &::placeholder { color: #e9d7be; } &:focus-visible { outline: 3px solid var(--preview-accent); outline-offset: 3px; } } }
.contact-form__submit { font: inherit; font-size: 1.125rem; line-height: 1.2; border: 1px solid var(--preview-accent); background: var(--preview-accent); color: #211912; &:hover { background: #e4c79f; } &:active { background: #c99c65; } &:focus-visible { outline: 3px solid #fff5e7; outline-offset: 4px; } }
.mobile-call a { border: 1px solid var(--preview-accent); }
@media (max-width: 59.9375rem) {
.introduction__heading { padding-inline: 4.1667vw; & h1 { text-align: center; &::after { margin-inline: auto; } } }
 .taste__heading, .about__content > h2 { text-align: center; &::after { margin-inline: auto; } }
 .contact-form__submit { font-size: clamp(1.125rem, .1rem + 4.8vw, 2rem); }
 .contact__grid { row-gap: var(--preview-space-xl); }
 .contact__details {
  &::before {
    content: '';
    display: block;
    width: 2.5rem;
    height: 2px;
    justify-self: center;
    margin-bottom: var(--preview-space-m);
    background: var(--preview-text);
  }
 }
 .guarantee-card__heading { margin-top: 1.25rem; }
 .guarantee-card__copy { margin-top: 1rem; }
}
/* Dark continuity: Cabinet section's dark field carried into the copy. */
:root { --preview-panel: #1c140f; --preview-line: #796b5d; --preview-field: #2c241d; --preview-text: #fff; --preview-accent: #d1b38d; }
.taste__heading, .about__content > h2 { text-align: left; }
.taste__content, .about__content { background: var(--preview-panel); }
.contact-form__field { & input, & textarea { &::placeholder { color: #e4d8ca; } } }

/* Shared spacing rhythm for Option 1; section order and columns stay intact. */
:root {
  --preview-space-xs: .5rem;
  --preview-space-s: 1rem;
  --preview-space-m: 1.5rem;
  --preview-space-l: 2rem;
  --preview-space-xl: 3rem;
  --preview-section-before: 3.5rem;
  --preview-section-after: 3.75rem;
  --preview-divider-before: 1.625rem;
  --preview-divider-after: 2.9375rem;
  --preview-panel-space: var(--preview-space-m);
  @media (max-width: 59.9375rem) { --preview-panel-space: var(--preview-space-s); }
}
.prose { & p + p { margin-top: var(--preview-space-s); } }
.introduction__heading { padding-block: var(--preview-section-before) 0; }
.introduction__heading h1, .taste__heading, .about__content > h2, .contact__heading {
  display: block;
  min-height: 0;
  line-height: 1.2;
  border: 0;
  background-image: none;
  padding-bottom: 0;
  &::after {
    content: '';
    display: block;
    width: 2.5rem;
    height: 2px;
    margin: var(--preview-divider-before) auto 0;
    background: #fff;
  }
}
.introduction__grid { padding-block: var(--preview-divider-after) var(--preview-section-after); @media (max-width: 59.9375rem) { gap: var(--preview-section-after); padding-bottom: 0; } }
.introduction__copy { padding-block: 0; }
.taste__grid, .about__grid { min-height: 0; padding-block: var(--preview-section-before) var(--preview-section-after); }
.light-panel { padding: var(--preview-space-m) var(--preview-panel-space); }
.taste__heading, .about__content > h2 { padding-bottom: 0; }
.taste__heading { & span { display: block; } & span + span { margin-top: var(--preview-space-xs); } }
.taste__content, .about__content { gap: 0; }
.about__content > h2 { padding-top: calc(var(--preview-space-m) + var(--preview-space-s)); }
.taste .prose, .about .prose { min-height: 0; padding-top: var(--preview-divider-after); }
.about__portrait { margin: 0; }
.guarantee { min-height: 0; padding-block: var(--preview-section-before) var(--preview-section-after); }
.guarantee__grid { row-gap: var(--preview-space-xl); }
.guarantee-card__heading { min-height: 0; padding: 0; margin: var(--preview-space-l) 0 0; }
.guarantee-card__copy { margin: var(--preview-divider-after) 0 0; padding: 0; }
.guarantee-card:first-child .guarantee-card__copy, .guarantee-card:last-child .guarantee-card__copy { min-height: 0; }
.contact { padding-block: var(--preview-section-before) var(--preview-section-after); }
.contact__heading { line-height: 1.5; margin-bottom: var(--preview-divider-after); }
.contact__grid { row-gap: var(--preview-space-xl); }
.contact__details { gap: var(--preview-space-m); }
.contact-form { gap: .75rem; }
.site-footer { padding-block: var(--preview-space-s); }

/* Divider alignment follows the heading alignment. */
.taste__heading, .about__content > h2 {
  &::after { margin-left: 0; margin-right: auto; }
}

/* Optical spacing: account for the different heading and body font metrics. */
:root { --preview-divider-visible-before: 2.75rem; }
.introduction__heading h1, .taste__heading, .about__content > h2, .contact__heading {
  --preview-heading-tail: .1em;
  --preview-heading-optical-extra: max(0rem, calc((1em - 2.5rem) * .06));
  &::after { margin-top: calc(var(--preview-divider-visible-before) - var(--preview-heading-tail) + var(--preview-heading-optical-extra)); }
}
.introduction__heading h1 {
  --preview-heading-tail: .06em;
  --preview-heading-optical-extra: 0rem;
  @media (max-width: 59.9375rem) { --preview-heading-tail: .1em; }
}
.contact__heading { --preview-heading-tail: .1em; }
.about__content > h2, .contact__heading { --preview-heading-optical-extra: max(.0625rem, calc((1em - 2.5rem) * .06)); }
.taste .prose, .about .prose { padding-top: calc(var(--preview-divider-after) - .3em); }
.introduction__copy { margin-top: -.3em; }
.guarantee-card__copy {
  margin-top: var(--preview-space-m);
}

.about .prose { padding-top: calc(var(--preview-divider-after) - .3em - .0625rem); }

.site-footer { justify-content: center; text-align: center; }

.site-header__service {
  @media (max-width: 59.9375rem) {
    text-align: left;
    text-wrap: balance;
    align-items: flex-start;
    & img {
      flex: 0 0 1em;
      width: 1em;
      height: 1em;
      margin-top: .12em;
      object-fit: contain;
      transform: translateX(-.17em);
    }
  }
}

@media (max-width: 59.9375rem) {
  .site-header { grid-template-columns: minmax(0, 1fr) 4.75rem; }
  .introduction__heading h1::after { margin-inline: auto; }
  .about__grid { padding-top: 0; }
}

/* Shared outer edges and text insets across the page. */
:root {
  --preview-content-width: 66.25rem;
  --preview-page-gutter: 1.25rem;
  --preview-column-gap: 1.25rem;
}
.content-width {
  width: min(var(--preview-content-width), calc(100% - 2 * var(--preview-page-gutter)));
}
@media (min-width: 60rem) {
  .introduction__grid, .guarantee__grid, .contact__grid, .site-header__row {
    width: min(var(--preview-content-width), calc(100% - 2 * var(--preview-page-gutter)));
    max-width: var(--preview-content-width);
  }
  .taste__grid, .about__grid, .guarantee__grid, .contact__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--preview-column-gap);
  }
  .about__grid { grid-template-columns: minmax(0, .8fr) minmax(0, 1fr); }
  .taste__grid { grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); }
  .introduction__copy { padding-inline: 0; }
  .guarantee-card > .guarantee-card__content { display: block; padding-inline: 0; }
  .contact__grid { width: 100%; }
  .contact__details, .contact-form { padding-inline: var(--preview-panel-space); }
  .contact-detail { padding-left: 0; }
  .elams-navigation__nav { margin-right: 0; }
  .site-header__topbar {
    padding-inline: max(var(--preview-page-gutter), calc((100% - var(--preview-content-width)) / 2));
  }
}
@media (max-width: 59.9375rem) {
  .introduction__grid { width: 100%; }
  .elams-navigation__link { padding: .625rem var(--preview-space-s); }
  .introduction__heading, .introduction__copy { padding-inline: var(--preview-panel-space); }
  .taste__heading, .about__content > h2 {
    text-align: center;
    &::after { margin-inline: auto; }
  }
  .contact > .content-width { width: calc(100% - 2 * var(--preview-panel-space)); }
  .contact__grid { width: 100%; max-width: none; }
  .contact-detail { padding-left: 0; }
}

.hero__brand { display: block; width: 100%; height: auto; }

.hero__logo {
  @media (min-width: 60rem) { width: 28.5rem; }
}