: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="iframe"]) {
  inline-size: 100%;
  height: auto;
 aspect-ratio: 16/9;
}
:where([data-etch-element="section"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.site-main {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  display: flex;
  flex-direction: column;
  background: var(--hb-bg);
}
.icon {
  
  display: inline-block;
  inline-size: 1em;
  block-size: 1em;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask: var(--icon) center / contain no-repeat;
  mask: var(--icon) center / contain no-repeat;
  translate: var(--_shift, 0 0);
  transition: translate var(--hb-dur, 300ms) var(--hb-ease, ease);
}
.eyebrow {
  
  display: flex;
  align-items: center;
  gap: var(--hb-gap-xs);
  margin: 0;
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: var(--hb-tracking-label);
  line-height: 1.25;
  text-transform: uppercase;
  color: var(--_eyebrow-color, var(--hb-text));
  &::before {
    content: "";
    flex-shrink: 0;
    inline-size: 11px;
    block-size: 14px;
    background: linear-gradient(90deg, var(--primary) 0 4px, transparent 4px 7px, var(--primary) 7px 11px);
  }
}
.section-head {
  
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
  gap: var(--hb-gap-m) var(--hb-gap-3xl);
  &[data-tone="light"] { --_heading-color: var(--base-ultra-dark); --_eyebrow-color: var(--base-ultra-dark); }
  &[data-size="small"] { --_size: calc(var(--h2) * 0.92); }
}
.section-head__main {
  
  display: flex;
  flex-direction: column;
  gap: var(--hb-gap-xs);
  max-inline-size: 48rem;
  @supports (animation-timeline: view()) {
    @media (prefers-reduced-motion: no-preference) {
      animation: reveal-up linear both;
      animation-timeline: view();
      animation-range: var(--_range, entry 0% entry 40%);
    }
  }
}
.section-head__title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  font-size: var(--_size, calc(var(--h1) * 1.02));
  @media (max-width: 48em) { --_size: calc(var(--h2) * 0.9); }
}
.section-head__text {
  
  margin: 0;
  max-inline-size: 26rem;
  font-size: calc(var(--text-m) * 0.9);
  line-height: 1.6;
  color: var(--hb-muted);
}
.btn {
  
  --btn-font-size: calc(var(--text-s) * 1.05);
  --btn-font-weight: 800;
  --btn-letter-spacing: 0.04em;
  --btn-padding-block: calc(var(--space-s) * 0.9);
  --btn-padding-inline: calc(var(--space-m) * 0.95);
  --btn-border-radius: var(--hb-radius-m, 12px);
  --btn-border-width: 1.5px;
  --btn-min-width: 0;
  --btn-line-height: 1.2;
  --btn-text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--hb-gap-xs, 12px);
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: var(--_glow, none);
  transition: background-color var(--hb-dur, 300ms) var(--hb-ease, ease), color var(--hb-dur, 300ms), box-shadow var(--hb-dur, 300ms), border-color var(--hb-dur, 300ms);
  @media (hover: hover) { &:hover { --_shift: 4px 0; } }
}
.btn--primary {
  
  &.btn {
    --btn-background: var(--primary-hover);
    --btn-background-hover: var(--primary-dark);
    --btn-border-color: var(--primary-hover);
    --btn-border-color-hover: var(--primary-dark);
    --btn-text-color: var(--white);
    --btn-text-color-hover: var(--white);
  }
  @media (hover: hover) { &:hover { --_glow: 0 0 28px color-mix(in srgb, var(--primary) 45%, transparent); } }
}
.btn--outline-light {
  
  --btn-background: transparent;
  --btn-background-hover: var(--white);
  --btn-border-color: var(--white);
  --btn-border-color-hover: var(--white);
  --btn-text-color: var(--white);
  --btn-text-color-hover: var(--base-ultra-dark);
}
.btn--outline-dark {
  
  --btn-background: transparent;
  --btn-background-hover: var(--base-ultra-dark);
  --btn-border-color: var(--base-ultra-dark);
  --btn-border-color-hover: var(--base-ultra-dark);
  --btn-text-color: var(--base-ultra-dark);
  --btn-text-color-hover: var(--white);
}
.btn--outline-primary {
  
  --btn-background: transparent;
  --btn-background-hover: var(--primary);
  --btn-border-color: var(--primary);
  --btn-border-color-hover: var(--primary);
  --btn-text-color: var(--white);
  --btn-text-color-hover: var(--white);
  --btn-text-transform: none;
  --btn-letter-spacing: 0;
  --btn-padding-block: calc(var(--space-s) * 0.65);
  --btn-padding-inline: calc(var(--space-m) * 0.73);
}
.btn--block {
  
  &.btn { inline-size: 100%; }
}
.more-link {
  
  display: inline-flex;
  align-items: center;
  gap: var(--hb-gap-2xs);
  font-size: var(--text-xs);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--_more-color, var(--primary));
  transition: color var(--hb-dur) var(--hb-ease);
}
.site-header {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  position: sticky;
  inset-block-start: 0;
  z-index: 20;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--hb-gap-l);
  padding-block: var(--_mq-pad, calc(var(--space-s) * 1));
  padding-inline: var(--gutter);
  background: color-mix(in srgb, var(--black) 90%, transparent);
  backdrop-filter: blur(12px);
  border-block-end: 1px solid var(--hb-line-strong);
  @media (max-width: 64em) { --_mq-pad: calc(var(--space-s) * 0.8); }
}
.site-header__logo {
  
  display: block;
  flex-shrink: 0;
  line-height: 0;
}
.site-header__logo-image {
  
  display: block;
  inline-size: var(--_mq-logo, 150px);
  block-size: auto;
  border-radius: 0;
  @media (max-width: 64em) { --_mq-logo: 118px; }
}
.site-header__nav {
  
  display: var(--_mq-display, block);
  @media (max-width: 64em) { --_mq-display: none; }
}
.site-header__menu {
  
  display: flex;
  align-items: center;
  gap: calc(var(--space-m) * 1.2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-header__link {
  
  position: relative;
  display: block;
  padding-block: 10px 8px;
  font-size: var(--text-s);
  font-weight: var(--_weight, 500);
  line-height: 1.2;
  text-decoration: none;
  color: var(--white);
  &::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    inset-block-end: -3px;
    block-size: 3px;
    border-radius: 2px;
    background: var(--primary);
    scale: var(--_line, 0) 1;
    transform-origin: left;
    transition: scale var(--hb-dur) var(--hb-ease);
  }
  &[aria-current="page"] { --_line: 1; --_weight: 600; }
  @media (hover: hover) { &:hover { --_line: 1; } }
}
.site-header__phone {
  
  flex-shrink: 0;
  &.btn { display: var(--_mq-display, inline-flex); }
  @media (max-width: 64em) { --_mq-display: none; }
}
.site-header__phone-icon {
  
  color: var(--primary);
  font-size: 18px;
}
.site-header__mobile {
  
  display: var(--_mq-display, none);
  align-items: center;
  gap: var(--hb-gap-xs);
  @media (max-width: 64em) { --_mq-display: flex; }
}
.site-header__icon-btn {
  
  display: grid;
  place-items: center;
  inline-size: 44px;
  block-size: 44px;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--white) 20%, transparent);
  border-radius: var(--hb-radius-m);
  background: transparent;
  color: var(--white);
  font-size: 22px;
  text-decoration: none;
  cursor: pointer;
}
.site-header__panel {
  
  inset: 0;
  inline-size: 100%;
  max-inline-size: none;
  block-size: 100dvh;
  max-block-size: none;
  margin: 0;
  padding: calc(var(--space-s) * 0.8) var(--gutter) var(--space-xl);
  border: 0;
  overflow-y: auto;
  background: var(--black);
  color: var(--white);
  translate: var(--_panel-x, 100%) 0;
  transition: translate 400ms var(--hb-ease), display 400ms allow-discrete, overlay 400ms allow-discrete;
  &:popover-open {
    --_panel-x: 0;
    display: flex;
    flex-direction: column;
    gap: var(--hb-gap-xl);
    @starting-style { --_panel-x: 100%; }
  }
  &::backdrop { background: transparent; }
}
.site-header__panel-top {
  
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block-end: calc(var(--space-s) * 0.8);
  border-block-end: 1px solid var(--hb-line-strong);
}
.site-header__panel-menu {
  
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-header__panel-link {
  
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: var(--hb-gap-s);
  border-block-end: 1px solid var(--hb-line-strong);
  font-family: var(--hb-font-heading);
  font-size: var(--text-l);
  font-weight: 800;
  text-decoration: none;
  color: var(--_link-color, var(--white));
  &[aria-current="page"] { --_link-color: var(--primary); }
}
.site-header__panel-actions {
  
  display: flex;
  flex-direction: column;
  gap: var(--hb-gap-xs);
}
.site-header__panel-meta {
  
  margin: 0;
  font-size: var(--text-s);
  line-height: 1.6;
  color: var(--hb-muted);
}
.site-footer {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  display: flex;
  flex-direction: column;
  gap: var(--_mq-gap, var(--hb-gap-3xl));
  padding: calc(var(--section-space-m) * 0.8) var(--gutter) var(--hb-gap-xl);
  background: var(--black);
  @media (max-width: 48em) { --_mq-gap: var(--hb-gap-l); }
}
.site-footer__top {
  
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: start;
  gap: var(--hb-gap-xl) var(--hb-gap-3xl);
}
.site-footer__brand {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-size: clamp(3.75rem, 1.5rem + 14vw, 7.5rem);
  font-weight: 900;
  line-height: 0.85;
  letter-spacing: -0.05em;
  color: var(--base-dark);
}
.site-footer__cols {
  
  display: flex;
  flex-wrap: wrap;
  gap: var(--hb-gap-xl) calc(var(--space-xl) * 0.95);
  padding-block-start: var(--hb-gap-2xs);
}
.site-footer__col {
  
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.site-footer__title {
  
  margin: 0;
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--primary);
}
.site-footer__text {
  
  margin: 0;
  font-size: var(--text-s);
  font-style: normal;
  line-height: 1.6;
  color: var(--white);
}
.site-footer__link {
  
  position: relative;
  color: var(--_color, inherit);
  text-decoration: none;
  transition: color var(--hb-dur) var(--hb-ease);
  @media (hover: hover) { &:hover { --_color: var(--white); } }
}
.site-footer__bottom {
  
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--hb-gap-xs) var(--hb-gap-l);
  padding-block-start: var(--hb-gap-l);
  border-block-start: 1px solid var(--base-dark);
  font-size: var(--text-xs);
  color: var(--base-semi-light);
}
.site-footer__legal {
  
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--hb-gap-xs);
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-footer__copy {
  
  margin: 0;
}
.to-top {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  position: fixed;
  inset-inline-end: calc(var(--space-s) * 0.8);
  inset-block-end: var(--_mq-bottom, calc(var(--space-s) * 1.2));
  z-index: 15;
  display: grid;
  place-items: center;
  inline-size: 48px;
  block-size: 48px;
  border-radius: var(--hb-radius-m);
  background: var(--primary);
  color: var(--white);
  font-size: 20px;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--black) 40%, transparent);
  text-decoration: none;
  opacity: var(--_visible, 0);
  visibility: var(--_visibility, hidden);
  transition: opacity var(--hb-dur) var(--hb-ease), visibility var(--hb-dur), background-color var(--hb-dur);
  &[data-visible="true"] { --_visible: 1; --_visibility: visible; }
  @media (hover: hover) { &:hover { --_shift: 0 -3px; } }
  @media (max-width: 48em) { --_mq-bottom: 96px; }
}
.action-bar {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  position: fixed;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: 15;
  display: var(--_mq-display, none);
  gap: 10px;
  padding: 12px 16px 18px;
  background: color-mix(in srgb, var(--black) 92%, transparent);
  backdrop-filter: blur(12px);
  border-block-start: 1px solid color-mix(in srgb, var(--white) 10%, transparent);
  translate: 0 var(--_bar-y, 110%);
  transition: translate var(--hb-dur) var(--hb-ease);
  &[data-visible="true"] { --_bar-y: 0; }
  @media (max-width: 48em) { --_mq-display: flex; }
}
.action-bar__call {
  
  flex: 1 1 0;
  &.btn { --btn-padding-inline: 8px; --btn-font-size: var(--text-s); }
}
.action-bar__book {
  
  flex: 1.3 1 0;
  &.btn { --btn-padding-inline: 8px; --btn-font-size: var(--text-s); }
}
.hero {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-block-size: var(--_mq-min, 640px);
  padding-block: var(--_mq-pad, var(--section-space-l));
  padding-inline: var(--gutter);
  background: var(--black);
  overflow: clip;
  order: var(--_mq-order, 0);
  @media (max-width: 48em) { --_mq-min: 0; --_mq-pad: calc(var(--space-xl) * 0.6) calc(var(--space-m) * 0.95); --_mq-order: -3; }
}
.hero__media {
  
  position: absolute;
  inset: 0;
  z-index: -1;
  margin: 0;
  &::after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--_mq-overlay, linear-gradient(90deg, #08090cf5 0%, #08090cd1 38%, #08090c33 75%, #08090c59 100%), linear-gradient(0deg, #08090ce6 0%, #08090c00 30%));
  }
  @media (max-width: 48em) { --_mq-overlay: linear-gradient(180deg, #08090c8c 0%, #08090cbf 45%, #08090cf7 100%); }
}
.hero__image {
  
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  object-position: var(--_mq-pos, right center);
  border-radius: 0;
  @media (max-width: 48em) { --_mq-pos: 70% center; }
}
.hero__content {
  
  display: flex;
  flex-direction: column;
  gap: calc(var(--space-m) * 0.93);
  inline-size: 100%;
  max-inline-size: var(--content-width);
  margin-inline: auto;
}
.hero__title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  font-size: clamp(2.375rem, 1.5rem + 3.4vw, 4.5rem);
  line-height: 1.03;
  text-transform: uppercase;
}
.hero__lead {
  
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
}
.hero__claim {
  
  font-size: clamp(1.1875rem, 1rem + 0.8vw, 1.625rem);
  font-weight: 600;
  line-height: 1.25;
}
.hero__sub {
  
  font-size: clamp(1rem, 0.9rem + 0.4vw, 1.25rem);
  line-height: 1.4;
  color: var(--hb-muted);
}
.hero__actions {
  
  display: flex;
  flex-wrap: wrap;
  flex-direction: var(--_mq-dir, row);
  gap: var(--hb-gap-s);
  padding-block-start: var(--hb-gap-2xs);
  @media (max-width: 48em) { --_mq-dir: column; & > .btn { inline-size: 100%; } }
}
.usp-bar {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  padding-block: 0;
  gap: 0;
  padding-inline: var(--gutter);
  background: var(--base-dark);
  border-block: 1px solid var(--hb-line);
  order: var(--_mq-order, 0);
  @media (max-width: 48em) { --_mq-order: -2; }
}
.usp-bar__list {
  
  display: grid;
  grid-template-columns: var(--_mq-s, var(--_mq-m, repeat(4, 1fr)));
  max-inline-size: var(--content-width);
  margin: 0 auto;
  padding: 0;
  list-style: none;
  @media (max-width: 64em) { --_mq-m: repeat(2, 1fr); }
  @media (max-width: 48em) { --_mq-s: repeat(4, 1fr); }
}
.usp-bar__item {
  
  display: flex;
  flex-direction: var(--_mq-dir, row);
  align-items: center;
  gap: var(--_mq-gap, 18px);
  padding-block: var(--_mq-pad, 26px);
  padding-inline: var(--_first-pad, var(--_mq-pad-i, 32px)) var(--_mq-pad-i, 32px);
  border-inline-start: 1px solid var(--_divider, color-mix(in srgb, var(--white) 8%, transparent));
  &:first-child { --_divider: transparent; --_first-pad: 0; }
  @media (max-width: 48em) { --_mq-dir: column; --_mq-gap: 8px; --_mq-pad: 18px; --_mq-pad-i: 4px; }
}
.usp-bar__icon {
  
  font-size: var(--_mq-size, 40px);
  color: var(--primary);
  @media (max-width: 48em) { --_mq-size: 30px; }
}
.usp-bar__text {
  
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: var(--_mq-align, start);
  @media (max-width: 48em) { --_mq-align: center; }
}
.usp-bar__title {
  
  font-size: var(--_mq-size, var(--text-m));
  font-weight: var(--_mq-weight, 700);
  line-height: 1.25;
  @media (max-width: 48em) { --_mq-size: 12px; --_mq-weight: 600; }
}
.usp-bar__sub {
  
  display: var(--_mq-display, block);
  font-size: calc(var(--text-s) * 0.93);
  color: var(--hb-muted);
  @media (max-width: 48em) { --_mq-display: none; }
}
.intro {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  padding-block: var(--hb-section);
  padding-inline: var(--gutter);
  background: var(--hb-bg);
  padding-block: var(--_mq-pad, calc(var(--section-space-m) * 1.1) var(--hb-gap-l));
  @media (max-width: 48em) { --_mq-pad: calc(var(--space-xl) * 0.7) var(--hb-gap-2xs); }
}
.intro__inner {
  
  display: grid;
  grid-template-columns: var(--_mq-cols, 1fr 560px);
  align-items: center;
  gap: var(--hb-gap-l) calc(var(--space-xl) * 1.2);
  max-inline-size: var(--content-width);
  margin-inline: auto;
  @media (max-width: 64em) { --_mq-cols: minmax(0, 1fr); }
}
.intro__content {
  
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.intro__title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  font-size: clamp(1.75rem, 1.2rem + 1.9vw, 2.75rem);
}
.intro__lead {
  
  margin: 0;
  font-size: var(--text-m);
  line-height: 1.66;
}
.intro__text {
  
  margin: 0;
  font-size: calc(var(--text-m) * 0.9);
  line-height: 1.68;
  color: var(--hb-muted);
}
.intro__address {
  
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
  inline-size: fit-content;
  margin: 0;
  padding: 16px 20px;
  border: 1px solid var(--hb-line);
  border-radius: var(--hb-radius-m);
  background: var(--base-dark);
  font-style: normal;
  font-size: var(--text-s);
  font-weight: 600;
}
.intro__address-icon {
  
  font-size: 22px;
  color: var(--primary);
}
.intro__address-note {
  
  font-size: calc(var(--text-s) * 0.93);
  font-weight: 400;
  color: var(--hb-muted);
}
.intro__media {
  
  position: relative;
  margin: 0;
  aspect-ratio: var(--_mq-ratio, 560 / 440);
  @media (max-width: 64em) { --_mq-ratio: 16 / 10; }
}
.intro__image {
  
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  border-radius: var(--hb-radius-m);
}
.intro__badge {
  
  position: absolute;
  inset-inline-start: var(--_mq-x, -28px);
  inset-block-end: var(--_mq-y, 32px);
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: var(--_mq-pad, 18px 22px);
  border-radius: var(--hb-radius-m);
  background: var(--primary-hover);
  box-shadow: 0 16px 40px color-mix(in srgb, var(--black) 45%, transparent);
  @media (max-width: 64em) { --_mq-x: 12px; --_mq-y: 12px; --_mq-pad: 10px 14px; }
}
.intro__badge-title {
  
  font-family: var(--hb-font-heading);
  font-size: var(--_mq-size, 22px);
  font-weight: 800;
  line-height: 1.2;
  @media (max-width: 64em) { --_mq-size: 16px; }
}
.intro__badge-text {
  
  display: var(--_mq-display, block);
  font-size: calc(var(--text-s) * 0.93);
  color: var(--white);
  @media (max-width: 64em) { --_mq-display: none; }
}
.services {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  padding-block: var(--hb-section);
  padding-inline: var(--gutter);
  background: var(--hb-bg);
  padding-block: calc(var(--section-space-m) * 1) calc(var(--section-space-m) * 1.07);
}
.services__inner {
  
  display: flex;
  flex-direction: column;
  gap: calc(var(--space-l) * 0.8);
  max-inline-size: var(--content-width);
  margin-inline: auto;
}
.services__grid {
  
  display: grid;
  grid-template-columns: var(--_mq-s, var(--_mq-m, repeat(4, 1fr)));
  gap: var(--hb-gap-m);
  margin: 0;
  padding: 0;
  list-style: none;
  @media (max-width: 64em) { --_mq-m: repeat(2, 1fr); }
  @media (max-width: 48em) { --_mq-s: minmax(0, 1fr); }
}
.services__item {
  
  display: flex;
  @supports (animation-timeline: view()) {
    @media (prefers-reduced-motion: no-preference) {
      animation: reveal-up linear both;
      animation-timeline: view();
      animation-range: var(--_range, entry 0% entry 40%);
    }
  }
  &:nth-child(4n + 2) { --_range: entry 6% entry 46%; }
  &:nth-child(4n + 3) { --_range: entry 12% entry 52%; }
  &:nth-child(4n + 4) { --_range: entry 18% entry 58%; }
}
.service-card {
  
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: clip;
  border: 1px solid var(--_border, var(--hb-line));
  border-radius: var(--hb-radius-m);
  background: var(--base-dark);
  translate: var(--_lift, 0 0);
  box-shadow: var(--_shadow, none);
  transition: translate var(--hb-dur) var(--hb-ease), border-color var(--hb-dur), box-shadow var(--hb-dur);
  /* large variant on the home page (Paper: 190 px image, 24 px title, icon badge) */
  &[data-size="feature"] { --_card-img: 190px; --_card-title: calc(var(--h4) * 1.2); }
  &:focus-within { --_border: color-mix(in srgb, var(--primary) 60%, transparent); outline: 2px solid var(--primary); outline-offset: 2px; }
  @media (hover: hover) {
    &:hover { --_lift: 0 -4px; --_border: color-mix(in srgb, var(--primary) 60%, transparent); --_shadow: 0 18px 40px color-mix(in srgb, var(--black) 50%, transparent); --_zoom: 1.05; --_shift: 4px 0; --_more-color: var(--primary-light); --_badge-glow: 0 8px 20px color-mix(in srgb, var(--primary) 50%, transparent); }
  }
}
.service-card__media {
  
  margin: 0;
  block-size: var(--_card-img, 160px);
  overflow: clip;
}
.service-card__image {
  
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  border-radius: 0;
  scale: var(--_zoom, 1);
  transition: scale 600ms var(--hb-ease);
}
.service-card__body {
  
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 22px 22px 24px;
}
.service-card__badge {
  
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  inline-size: 52px;
  block-size: 52px;
  margin-block-start: -48px;
  border-radius: var(--hb-radius-m);
  background: var(--primary);
  color: var(--white);
  font-size: 24px;
  box-shadow: var(--_badge-glow, 0 8px 20px color-mix(in srgb, var(--primary) 35%, transparent));
  transition: box-shadow var(--hb-dur);
}
.service-card__title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  font-size: var(--_card-title, calc(var(--h4) * 1.05));
  line-height: 1.2;
}
.service-card__link {
  
  text-decoration: none;
  color: inherit;
  &::after { content: ""; position: absolute; inset: 0; z-index: 1; }
  &:focus-visible { outline: none; }
}
.service-card__text {
  
  flex: 1;
  margin: 0;
  font-size: calc(var(--text-s) * 0.95);
  line-height: 1.57;
  color: var(--hb-muted);
}
.maintenance {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  padding-block: var(--hb-section);
  padding-inline: var(--gutter);
  background: var(--hb-bg);
  background: var(--black);
  border-block-start: 1px solid var(--hb-line);
}
.maintenance__inner {
  
  display: flex;
  flex-direction: column;
  gap: var(--hb-gap-2xl);
  max-inline-size: var(--content-width);
  margin-inline: auto;
}
.maintenance__list {
  
  counter-reset: step;
  display: grid;
  grid-template-columns: var(--_mq-cols, repeat(3, 1fr));
  gap: var(--hb-gap-m);
  margin: 0;
  padding: 0;
  list-style: none;
  @media (max-width: 64em) { --_mq-cols: minmax(0, 1fr); }
}
.maintenance__item {
  
  counter-increment: step;
  display: flex;
  @supports (animation-timeline: view()) {
    @media (prefers-reduced-motion: no-preference) {
      animation: reveal-up linear both;
      animation-timeline: view();
      animation-range: var(--_range, entry 0% entry 40%);
    }
  }
  &:nth-child(4n + 2) { --_range: entry 6% entry 46%; }
  &:nth-child(4n + 3) { --_range: entry 12% entry 52%; }
  &:nth-child(4n + 4) { --_range: entry 18% entry 58%; }
}
.step-card {
  
  display: flex;
  flex-direction: column;
  gap: 18px;
  inline-size: 100%;
}
.step-card__media {
  
  display: var(--_mq-display, block);
  margin: 0;
  block-size: 220px;
  @media (max-width: 48em) { --_mq-display: none; }
}
.step-card__image {
  
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  border-radius: var(--hb-radius-m);
}
.step-card__body {
  
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 8px 18px;
  &::before {
    content: counter(step);
    grid-row: span 2;
    font-family: var(--hb-font-heading);
    font-size: 44px;
    font-weight: 800;
    line-height: 1;
    color: var(--primary);
  }
}
.step-card__title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  font-size: calc(var(--h4) * 1.1);
  line-height: 1.2;
}
.step-card__text {
  
  margin: 0;
  font-size: var(--text-s);
  line-height: 1.6;
  color: var(--hb-muted);
}
.booking {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  scroll-margin-block-start: 90px;
  display: grid;
  grid-template-columns: var(--_mq-cols, minmax(0, 1040px) 1fr);
  background: var(--white);
  color: var(--base-ultra-dark);
  order: var(--_order, 0);
  &[data-mobile-first="true"] { --_order: var(--_mq-order, 0); }
  &[data-variant="card"] { --_mq-cols: minmax(0, 1fr); --_media: none; border-radius: var(--hb-radius-m); box-shadow: 0 20px 50px color-mix(in srgb, var(--base-ultra-dark) 8%, transparent); }
  @media (max-width: 64em) { --_mq-cols: minmax(0, 1fr); --_media: none; }
  @media (max-width: 48em) { --_mq-order: -1; }
}
.booking__content {
  
  display: flex;
  flex-direction: column;
  gap: var(--hb-gap-xl);
  padding-block: var(--_pad-b, calc(var(--section-space-m) * 0.8) var(--section-space-m));
  padding-inline: var(--_pad-s, max(var(--gutter), calc((100vw - var(--content-width)) / 2))) var(--_pad-e, var(--hb-gap-3xl));
  [data-variant="card"] > & {
    --_pad-b: 40px; --_pad-s: 48px; --_pad-e: 48px;
    @media (max-width: 48em) { --_pad-b: 28px; --_pad-s: 20px; --_pad-e: 20px; }
  }
  @media (max-width: 64em) { --_pad-b: var(--section-space-s); --_pad-s: var(--gutter); --_pad-e: var(--gutter); }
}
.booking__media {
  
  display: var(--_media, block);
  position: relative;
  margin: 0;
  clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%);
}
.booking__image {
  
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  object-position: 55% center;
  border-radius: 0;
}
.booking-form {
  
  display: flex;
  flex-direction: column;
  gap: var(--hb-gap-xl);
  inline-size: 100%;
}
.booking-form__count {
  
  display: var(--_count, none);
  margin: 0;
  font-size: calc(var(--text-s) * 0.93);
  color: var(--base);
  [data-variant="card"] & { --_count: block; }
}
.booking-form__stepper {
  
  display: flex;
  align-items: center;
  gap: var(--_mq-gap, 14px);
  @media (max-width: 48em) { --_mq-gap: 8px; }
  margin: 0;
  padding: 0;
  list-style: none;
}
.booking-form__stepper-item {
  
  display: flex;
  align-items: center;
  gap: var(--_mq-gap, 12px);
  flex: var(--_flex, 0 0 auto);
  @media (max-width: 48em) { --_mq-gap: 8px; }
  font-size: var(--text-s);
  font-weight: var(--_w, 400);
  color: var(--_c, var(--base-dark));
  &:not(:last-child)::after { content: ""; flex: 1; block-size: var(--_line-h, 1px); min-inline-size: 12px; background: var(--_line, var(--base-light)); }
  &:not(:last-child) { --_flex: 1 1 0; }
  &[aria-current="step"] { --_w: 700; --_c: var(--base-ultra-dark); --_dot-bg: var(--primary); --_dot-c: var(--white); --_dot-b: var(--primary); }
  &[data-done="true"] { --_dot-bg: var(--success); --_dot-c: var(--white); --_dot-b: var(--success); --_line: var(--success); --_line-h: 2px; }
}
.booking-form__dot {
  
  display: grid;
  place-items: center;
  flex-shrink: 0;
  inline-size: 36px;
  block-size: 36px;
  border: 1.5px solid var(--_dot-b, var(--base-light));
  border-radius: 50%;
  background: var(--_dot-bg, transparent);
  color: var(--_dot-c, var(--base-dark));
  font-weight: 700;
}
.booking-form__label-text {
  
  display: var(--_mq-display, inline);
  @media (max-width: 48em) { --_mq-display: none; }
}
.booking-form__step {
  
  display: var(--_step-display, flex);
  flex-direction: column;
  gap: var(--hb-gap-l);
  margin: 0;
  padding: 0;
  border: 0;
  min-inline-size: 0;
  transition: opacity var(--hb-dur) var(--hb-ease), translate var(--hb-dur) var(--hb-ease);
  @starting-style { opacity: 0; translate: 16px 0; }
  &[hidden] { --_step-display: none; }
}
.booking-form__legend {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  padding: 0;
  font-size: calc(var(--h3) * 0.98);
  color: var(--base-ultra-dark);
}
.booking-form__question {
  
  margin: 0 0 12px;
  font-size: calc(var(--text-s) * 0.93);
  font-weight: 700;
}
.booking-form__chips {
  
  display: var(--_mq-display, flex);
  flex-wrap: wrap;
  gap: 10px;
  /* mobile: one chip per row, full width (calmer than wrapped pills) */
  @media (max-width: 48em) { --_mq-display: grid; }
}
.chip {
  
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 12px 18px;
  border: 1.5px solid var(--_chip-b, var(--base-light));
  border-radius: var(--hb-radius-s);
  background: var(--_chip-bg, transparent);
  color: var(--_chip-c, var(--base-ultra-dark));
  font-size: var(--text-s);
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  box-shadow: var(--_chip-ring, none);
  transition: background-color var(--hb-dur) var(--hb-ease), border-color var(--hb-dur), color var(--hb-dur);
  &::before { content: "✓"; display: var(--_chip-check, none); }
  &:has(input:checked) { --_chip-bg: var(--base-ultra-dark); --_chip-b: var(--base-ultra-dark); --_chip-c: var(--white); --_chip-check: inline; @media (prefers-reduced-motion: no-preference) { animation: chip-pop 180ms var(--hb-ease); } }
  &:has(input:focus-visible) { --_chip-ring: 0 0 0 3px color-mix(in srgb, var(--primary) 45%, transparent); }
  @media (hover: hover) { &:hover { --_chip-b: var(--base-ultra-dark); } }
}
.chip__input {
  
  position: absolute;
  opacity: 0;
  inline-size: 1px;
  block-size: 1px;
  pointer-events: none;
}
.chip--wide {
  
  flex: 1 1 0;
  justify-content: center;
}
.booking-form__check {
  
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: calc(var(--text-s) * 0.95);
  color: var(--base-dark);
  cursor: pointer;
}
.booking-form__checkbox {
  
  inline-size: 20px;
  block-size: 20px;
  margin: 0;
  accent-color: var(--primary);
}
.booking-form__grid {
  
  display: grid;
  grid-template-columns: var(--_mq-cols, 1fr 1fr);
  gap: 12px;
  @media (max-width: 48em) { --_mq-cols: minmax(0, 1fr); }
}
.field {
  
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 16px;
  border: 1.5px solid var(--_field-b, var(--base-light));
  border-radius: var(--hb-radius-s);
  background: var(--_field-bg, var(--white));
  &:focus-within { --_field-b: var(--base-ultra-dark); }
  &[data-invalid="true"] { --_field-b: var(--primary); }
  &[data-pickup] { --_field-bg: var(--primary-ultra-light); }
}
.field__label {
  
  font-size: var(--text-xs);
  font-weight: 700;
  color: var(--base-ultra-dark);
}
.field__input {
  
  inline-size: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  font-size: var(--text-s);
  color: var(--base-ultra-dark);
  &::placeholder { color: var(--base); }
  &:focus { outline: none; }
}
.field__input--area {
  
  min-block-size: 64px;
  resize: vertical;
}
.field__error {
  
  margin: 0;
  font-size: var(--text-xs);
  color: var(--primary-dark);
  &:empty { display: none; }
}
.booking-form__hint {
  
  margin: 0;
  font-size: var(--text-xs);
  line-height: 1.5;
  color: var(--base);
}
.booking-form__summary {
  
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 16px 18px;
  border-radius: var(--hb-radius-s);
  background: var(--base-ultra-light);
  font-size: var(--text-s);
  line-height: 1.55;
}
.booking-form__summary-title {
  
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--base);
}
.booking-form__nav {
  
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px 20px;
  padding-block-start: 20px;
  border-block-start: 1px solid var(--base-light);
}
.booking-form__back {
  
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: var(--text-s);
  font-weight: 700;
  color: var(--base-dark);
  cursor: pointer;
  visibility: var(--_back, visible);
  &[data-first="true"] { --_back: hidden; }
}
.booking-form__privacy {
  
  flex: 1 1 14rem;
  margin: 0;
  font-size: var(--text-xs);
  line-height: 1.45;
  text-align: end;
  color: var(--base);
}
.booking-form__privacy-link {
  
  color: var(--base-dark);
}
.booking-form__honeypot {
  
  position: absolute;
  inset-inline-start: -10000px;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
}
.booking-form__status {
  
  margin: 0;
  font-size: var(--text-s);
  color: var(--primary-dark);
  &:empty { display: none; }
}
.booking-form__done {
  
  display: var(--_done-display, flex);
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding-block: 40px;
  text-align: center;
  &[hidden] { --_done-display: none; }
}
.booking-form__done-icon {
  
  display: grid;
  place-items: center;
  inline-size: 72px;
  block-size: 72px;
  border-radius: 50%;
  background: var(--success);
  color: var(--white);
  font-size: 34px;
  box-shadow: 0 0 0 10px color-mix(in srgb, var(--success) 15%, transparent);
}
.booking-form__done-title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  font-size: calc(var(--h3) * 1.13);
  color: var(--base-ultra-dark);
}
.booking-form__done-text {
  
  margin: 0;
  max-inline-size: 26rem;
  font-size: calc(var(--text-m) * 0.9);
  line-height: 1.6;
  color: var(--base-dark);
}
.why {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  padding-block: var(--hb-section);
  padding-inline: var(--gutter);
  background: var(--hb-bg);
  padding-block: calc(var(--section-space-m) * 1.07) calc(var(--section-space-m) * 1.25);
}
.why__inner {
  
  display: grid;
  grid-template-columns: var(--_mq-cols, repeat(4, 1fr));
  gap: var(--hb-gap-m);
  max-inline-size: var(--content-width);
  margin-inline: auto;
  @media (max-width: 64em) { --_mq-cols: repeat(2, 1fr); }
}
.why__tile {
  
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  min-block-size: var(--_mq-h, 260px);
  padding: var(--_mq-pad, 32px);
  overflow: clip;
  border: 1px solid var(--_tile-b, var(--hb-line));
  border-radius: var(--hb-radius-l);
  background: var(--_tile-bg, var(--base-dark));
  @media (max-width: 48em) { --_mq-h: 116px; --_mq-pad: 18px; }
  @supports (animation-timeline: view()) {
    @media (prefers-reduced-motion: no-preference) {
      animation: reveal-up linear both;
      animation-timeline: view();
      animation-range: var(--_range, entry 0% entry 40%);
    }
  }
  &:nth-child(4n + 2) { --_range: entry 6% entry 46%; }
  &:nth-child(4n + 3) { --_range: entry 12% entry 52%; }
  &:nth-child(4n + 4) { --_range: entry 18% entry 58%; }
}
.why__tile--hero {
  
  grid-column: var(--_mq-span, span 3);
  justify-content: end;
  min-block-size: var(--_mq-hero-h, 420px);
  @media (max-width: 64em) { --_mq-span: span 2; --_mq-hero-h: 280px; }
}
.why__tile--photo {
  
  justify-content: end;
  --_tile-b: transparent;
  --_tile-bg: var(--black);
  @media (max-width: 64em) { --_mq-photo-span: span 1; }
}
.why__tile--navy {
  
  --_tile-b: transparent;
  --_tile-bg: var(--secondary);
  --_tile-text: var(--secondary-ultra-light);
}
.why__tile--red {
  
  --_tile-b: transparent;
  --_tile-bg: var(--primary);
  --_tile-text: var(--primary-ultra-light);
  @media (max-width: 64em) { --_mq-red-span: span 2; }
  grid-column: var(--_mq-red-span, auto);
}
.why__media {
  
  position: absolute;
  inset: 0;
  z-index: -1;
  margin: 0;
  &::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, #000000eb 0%, #0000008c 45%, #00000000 80%), linear-gradient(90deg, #00000099 0%, #00000000 70%); }
}
.why__image {
  
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  border-radius: 0;
}
.why__eyebrow {
  
  margin: 0;
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.why__title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  max-inline-size: 30rem;
  font-size: clamp(1.875rem, 1.2rem + 2.6vw, 3.25rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.03em;
}
.why__lead {
  
  margin: 0;
  max-inline-size: 32rem;
  font-size: calc(var(--text-m) * 0.9);
  line-height: 1.6;
  color: var(--hb-muted);
}
.why__value {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  font-size: var(--_mq-size, clamp(1.875rem, 1.2rem + 2.6vw, 3.5rem));
  font-weight: 900;
  line-height: 1;
}
.why__value--small {
  
  --_mq-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.125rem);
}
.why__text {
  
  margin: 0;
  font-size: calc(var(--text-m) * 0.9);
  line-height: 1.55;
  color: var(--_tile-text, var(--hb-muted));
}
.why__icon {
  
  font-size: 44px;
  color: var(--white);
}
.why__caption {
  
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.why__caption-title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  font-size: var(--text-l);
}
.why__caption-text {
  
  font-size: calc(var(--text-s) * 0.93);
  color: var(--hb-muted);
}
.page-hero {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-block-size: var(--_mq-min, 500px);
  padding-block: var(--section-space-m);
  padding-inline: var(--gutter);
  background: var(--black);
  overflow: clip;
  @media (max-width: 48em) { --_mq-min: 0; }
}
.page-hero__media {
  
  position: absolute;
  inset: 0;
  z-index: -1;
  margin: 0;
  &::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #08090cf2 0%, #08090cbf 45%, #08090c33 85%), linear-gradient(0deg, var(--base-ultra-dark) 0%, transparent 35%); }
}
.page-hero__image {
  
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  border-radius: 0;
}
.page-hero__content {
  
  display: flex;
  flex-direction: column;
  gap: 20px;
  inline-size: 100%;
  max-inline-size: var(--content-width);
  margin-inline: auto;
}
.page-hero__title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  max-inline-size: 48rem;
  font-size: clamp(2.125rem, 1.4rem + 2.9vw, 4rem);
  line-height: 1.06;
  text-transform: uppercase;
}
.page-hero__subtitle {
  
  margin: 0;
  max-inline-size: 36rem;
  font-size: clamp(1.0625rem, 0.95rem + 0.6vw, 1.5rem);
  font-weight: var(--_sub-weight, 600);
  line-height: 1.35;
  color: var(--_sub-color, var(--white));
}
.page-hero__actions {
  
  display: flex;
  flex-wrap: wrap;
  flex-direction: var(--_mq-dir, row);
  gap: var(--hb-gap-s);
  padding-block-start: 6px;
  @media (max-width: 48em) { --_mq-dir: column; & > .btn { inline-size: 100%; } }
}
.breadcrumb {
  
  font-size: calc(var(--text-s) * 0.93);
}
.breadcrumb__list {
  
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--hb-muted);
}
.breadcrumb__item {
  
  display: flex;
  gap: 10px;
  &:not(:last-child)::after { content: "/"; color: var(--primary); }
  &[aria-current="page"] { --_crumb: var(--white); font-weight: 600; }
  color: var(--_crumb, inherit);
}
.breadcrumb__link {
  
  color: inherit;
  text-decoration: none;
  @media (hover: hover) { &:hover { text-decoration: underline; } }
}
.page-title {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  padding-block: calc(var(--section-space-m) * 0.8) calc(var(--section-space-m) * 0.65);
  padding-inline: var(--gutter);
  background: var(--black);
}
.page-title__inner {
  
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
  gap: var(--hb-gap-l) var(--hb-gap-3xl);
  max-inline-size: var(--content-width);
  margin-inline: auto;
}
.page-title__main {
  
  display: flex;
  flex-direction: column;
  gap: 18px;
  max-inline-size: 48rem;
}
.page-title__title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  font-size: clamp(2rem, 1.3rem + 2.8vw, 4rem);
  line-height: 1.06;
  text-transform: uppercase;
}
.page-title__aside {
  
  margin: 0;
  max-inline-size: 27.5rem;
  font-size: var(--text-m);
  line-height: 1.6;
  color: var(--hb-muted);
}
.overview {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  padding-block: var(--hb-section);
  padding-inline: var(--gutter);
  background: var(--hb-bg);
  padding-block: calc(var(--section-space-m) * 1) var(--hb-gap-2xl);
}
.overview__inner {
  
  display: grid;
  grid-template-columns: var(--_mq-cols, 520px 1fr);
  gap: var(--hb-gap-l) calc(var(--space-xl) * 1.2);
  max-inline-size: var(--content-width);
  margin-inline: auto;
  @media (max-width: 64em) { --_mq-cols: minmax(0, 1fr); }
}
.overview__head {
  
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.overview__title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  font-size: clamp(1.75rem, 1.2rem + 1.9vw, 2.75rem);
}
.overview__body {
  
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding-block-start: var(--_mq-pt, 34px);
  @media (max-width: 64em) { --_mq-pt: 0; }
}
.prose__lead {
  
  margin: 0;
  font-size: var(--text-m);
  line-height: 1.66;
  color: var(--white);
}
.prose__p {
  
  margin: 0;
  font-size: var(--_p-size, calc(var(--text-m) * 0.9));
  line-height: 1.68;
  color: var(--_p-color, var(--hb-muted));
  &:first-child { --_p-color: var(--white); --_p-size: var(--text-m); }
}
.service-list {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  padding-block: var(--hb-section);
  padding-inline: var(--gutter);
  background: var(--hb-bg);
  padding-block: var(--hb-gap-2xl) var(--section-space-m);
}
.service-list__head {
  
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
  gap: 12px 40px;
}
.service-list__title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  font-size: calc(var(--h2) * 0.92);
}
.service-list__count {
  
  margin: 0;
  font-size: var(--text-s);
  color: var(--hb-muted);
}
.warranty {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  padding-block: var(--hb-section);
  padding-inline: var(--gutter);
  background: var(--hb-bg);
  background: var(--black);
  border-block-start: 1px solid var(--hb-line);
}
.warranty__inner {
  
  display: grid;
  grid-template-columns: var(--_mq-cols, 480px 1fr);
  gap: var(--hb-gap-2xl) calc(var(--space-xl) * 1.1);
  max-inline-size: var(--content-width);
  margin-inline: auto;
  @media (max-width: 64em) { --_mq-cols: minmax(0, 1fr); }
}
.warranty__aside {
  
  display: flex;
  flex-direction: column;
  gap: var(--hb-gap-l);
}
.warranty__title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  font-size: clamp(1.625rem, 1.2rem + 1.5vw, 2.5rem);
}
.callout {
  
  display: flex;
  gap: 16px;
  padding: 24px;
  border-radius: var(--hb-radius-m);
  background: var(--primary);
}
.callout__icon {
  
  font-size: 32px;
  color: var(--white);
}
.callout__body {
  
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.callout__title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  font-size: var(--h4);
}
.callout__text {
  
  margin: 0;
  font-size: var(--text-s);
  line-height: 1.55;
  color: var(--primary-ultra-light);
}
.checklist {
  
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.checklist__item {
  
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: var(--text-s);
  line-height: 1.3;
}
.checklist__icon {
  
  font-size: 20px;
  color: var(--primary);
}
.warranty__body {
  
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.warranty__note {
  
  margin: 0;
  font-size: calc(var(--text-m) * 0.9);
  line-height: 1.68;
  color: var(--white);
}
.brands {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  padding-block: var(--hb-section);
  padding-inline: var(--gutter);
  background: var(--hb-bg);
  padding-block: calc(var(--section-space-m) * 0.8);
}
.brands__inner {
  
  display: flex;
  flex-direction: column;
  gap: var(--hb-gap-l);
  max-inline-size: var(--content-width);
  margin-inline: auto;
}
.brands__title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  font-size: calc(var(--h2) * 0.8);
}
.brands__list {
  
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.brands__item {
  
  padding: 12px 18px;
  border: 1px solid var(--hb-line);
  border-radius: var(--hb-radius-s);
  background: var(--base-dark);
  font-size: var(--text-s);
  font-weight: 600;
}
.service-body {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  padding-block: var(--hb-section);
  padding-inline: var(--gutter);
  background: var(--hb-bg);
  padding-block: calc(var(--section-space-m) * 1) var(--section-space-m);
}
.service-body__inner {
  
  display: grid;
  grid-template-columns: var(--_mq-cols, 1fr 440px);
  align-items: start;
  gap: var(--hb-gap-2xl) calc(var(--space-xl) * 0.95);
  max-inline-size: var(--content-width);
  margin-inline: auto;
  @media (max-width: 64em) { --_mq-cols: minmax(0, 1fr); }
}
.service-body__main {
  
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.service-body__title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  font-size: clamp(1.625rem, 1.2rem + 1.5vw, 2.5rem);
}
.tip {
  
  display: flex;
  gap: 18px;
  margin-block-start: 8px;
  padding: 22px 24px;
  border-inline-start: 4px solid var(--primary);
  border-radius: var(--hb-radius-m);
  background: var(--base-dark);
}
.tip__icon {
  
  font-size: 26px;
  color: var(--primary);
}
.tip__body {
  
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.tip__title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  font-size: var(--text-m);
}
.tip__text {
  
  margin: 0;
  font-size: var(--text-s);
  line-height: 1.6;
  color: var(--hb-muted);
}
.service-aside {
  
  position: var(--_mq-pos, sticky);
  inset-block-start: 110px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 32px;
  border-radius: var(--hb-radius-m);
  background: var(--white);
  color: var(--base-ultra-dark);
  @media (max-width: 64em) { --_mq-pos: static; }
}
.service-aside__title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  font-size: calc(var(--h4) * 1.2);
  color: var(--base-ultra-dark);
}
.service-aside__list {
  
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.service-aside__item {
  
  display: flex;
  align-items: center;
  gap: 14px;
  padding-block: 13px;
  border-block-end: 1px solid var(--_row-line, var(--base-light));
  font-size: calc(var(--text-m) * 0.9);
  font-weight: 600;
  line-height: 1.3;
  &:last-child { --_row-line: transparent; }
}
.service-aside__check {
  
  display: grid;
  place-items: center;
  flex-shrink: 0;
  inline-size: 26px;
  block-size: 26px;
  border-radius: 50%;
  background: var(--primary);
  color: var(--white);
  font-size: 13px;
}
.service-aside__cta {
  
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-block-start: 6px;
}
.service-aside__phone {
  
  margin: 0;
  font-size: calc(var(--text-s) * 0.93);
  text-align: center;
  color: var(--base-dark);
}
.service-aside__phone-link {
  
  color: inherit;
  font-weight: 700;
}
.related {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  padding-block: var(--hb-section);
  padding-inline: var(--gutter);
  background: var(--hb-bg);
}
.related__inner {
  
  display: flex;
  flex-direction: column;
  gap: 28px;
  max-inline-size: var(--content-width);
  margin-inline: auto;
}
.related__head {
  
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
  gap: 12px 40px;
}
.related__title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  font-size: calc(var(--h2) * 0.92);
}
.related__all {
  
  text-decoration: none;
  @media (hover: hover) { &:hover { --_shift: 4px 0; --_more-color: var(--primary-light); } }
}
.videos {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  padding: 0 var(--gutter) calc(var(--section-space-m) * 0.8);
  background: var(--black);
}
.videos__inner {
  
  display: grid;
  grid-template-columns: var(--_mq-cols, 1.7fr 1fr);
  gap: var(--hb-gap-l);
  max-inline-size: var(--content-width);
  margin-inline: auto;
  @media (max-width: 64em) { --_mq-cols: minmax(0, 1fr); }
}
.videos__side {
  
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--hb-gap-l);
}
.video-card {
  
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 4px;
  min-block-size: var(--_video-h, 248px);
  padding: var(--_video-pad, 24px);
  overflow: clip;
  border-radius: var(--hb-radius-m);
  background: var(--black);
  @media (hover: hover) { &:hover { --_zoom: 1.05; --_play-ring: 0 0 0 14px color-mix(in srgb, var(--primary) 30%, transparent); } }
  &:focus-within { outline: 2px solid var(--primary); outline-offset: 2px; }
}
.video-card--large {
  
  --_video-h: var(--_mq-h, 520px);
  --_video-pad: 36px;
  @media (max-width: 48em) { --_mq-h: 320px; }
}
.video-card__media {
  
  position: absolute;
  inset: 0;
  z-index: -1;
  margin: 0;
  &::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, #000000d9 0%, #0000001a 55%); }
}
.video-card__image {
  
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  border-radius: 0;
  scale: var(--_zoom, 1);
  transition: scale 600ms var(--hb-ease);
}
.video-card__label {
  
  margin: 0;
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--primary-light);
}
.video-card__title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  font-size: var(--_video-title, var(--text-l));
}
.video-card--large .video-card__title {
  
  --_video-title: clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem);
}
.video-card__link {
  
  color: inherit;
  text-decoration: none;
  &::after { content: ""; position: absolute; inset: 0; z-index: 1; }
  &:focus-visible { outline: none; }
}
.video-card__note {
  
  margin: 0;
  font-size: var(--text-xs);
  color: var(--hb-muted);
}
.video-card__play {
  
  position: absolute;
  inset-block-start: var(--_play-top, 24px);
  inset-inline-end: var(--_play-right, 24px);
  display: grid;
  place-items: center;
  inline-size: var(--_play-size, 60px);
  block-size: var(--_play-size, 60px);
  border-radius: 50%;
  background: var(--primary);
  color: var(--white);
  font-size: calc(var(--_play-size, 60px) * 0.36);
  box-shadow: var(--_play-ring, 0 0 0 0 transparent);
  transition: box-shadow var(--hb-dur) var(--hb-ease);
  .video-card--large & { --_play-size: 96px; --_play-top: calc(42% - 48px); --_play-right: calc(50% - 48px); }
}
.fb-card {
  
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  padding: 28px;
  border-radius: var(--hb-radius-m);
  background: var(--_fb-bg, var(--primary));
  transition: background-color var(--hb-dur) var(--hb-ease);
  @media (hover: hover) { &:hover { --_fb-bg: var(--primary-hover); --_shift: 4px 0; } }
  &:focus-within { outline: 2px solid var(--white); outline-offset: 2px; }
}
.fb-card__title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  font-size: calc(var(--h3) * 0.98);
}
.fb-card__link {
  
  display: inline-flex;
  flex-wrap: wrap;
  overflow-wrap: anywhere;
  align-items: center;
  gap: 8px;
  font-size: calc(var(--text-s) * 0.93);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--white);
  &::after { content: ""; position: absolute; inset: 0; }
  &:focus-visible { outline: none; }
}
.photos {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  padding-block: var(--hb-section);
  padding-inline: var(--gutter);
  background: var(--hb-bg);
}
.photos__inner {
  
  display: flex;
  flex-direction: column;
  gap: 28px;
  max-inline-size: var(--content-width);
  margin-inline: auto;
}
.photos__grid {
  
  display: grid;
  grid-template-columns: var(--_mq-cols, 0.9fr 0.8fr 0.8fr 1fr);
  grid-template-rows: var(--_mq-rows, 1.2fr 1fr);
  gap: var(--hb-gap-m);
  block-size: var(--_mq-h, 640px);
  margin: 0;
  padding: 0;
  list-style: none;
  @media (max-width: 64em) { --_mq-cols: 1fr 1fr; --_mq-rows: none; --_mq-h: auto; }
}
.photos__item {
  
  display: flex;
  @supports (animation-timeline: view()) {
    @media (prefers-reduced-motion: no-preference) {
      animation: reveal-up linear both;
      animation-timeline: view();
      animation-range: var(--_range, entry 0% entry 40%);
    }
  }
  &:nth-child(4n + 2) { --_range: entry 6% entry 46%; }
  &:nth-child(4n + 3) { --_range: entry 12% entry 52%; }
  &:nth-child(4n + 4) { --_range: entry 18% entry 58%; }
  min-block-size: var(--_mq-item-h, 0);
  @media (max-width: 64em) { --_mq-item-h: 200px; }
}
.photos__item--tall {
  
  grid-row: var(--_mq-row, span 2);
  @media (max-width: 64em) { --_mq-row: auto; }
}
.photos__item--wide {
  
  grid-column: var(--_mq-col, span 2);
}
.photo {
  
  flex: 1;
  display: block;
  padding: 0;
  overflow: clip;
  border: 0;
  border-radius: var(--hb-radius-m);
  background: var(--base-dark);
  cursor: zoom-in;
  @media (hover: hover) { &:hover { --_zoom: 1.05; } }
}
.photo__image {
  
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  border-radius: 0;
  scale: var(--_zoom, 1);
  transition: scale 600ms var(--hb-ease);
}
.lightbox {
  
  max-inline-size: min(92vw, 1100px);
  max-block-size: 90dvh;
  margin: auto;
  padding: 0;
  border: 0;
  border-radius: var(--hb-radius-m, 12px);
  background: var(--black);
  overflow: visible;
  &::backdrop { background: color-mix(in srgb, var(--black) 85%, transparent); }
}
.lightbox__image {
  
  display: block;
  max-inline-size: 100%;
  max-block-size: 88dvh;
  block-size: auto;
  border-radius: var(--hb-radius-m, 12px);
}
.lightbox__close {
  
  position: absolute;
  inset-block-start: -14px;
  inset-inline-end: -14px;
  display: grid;
  place-items: center;
  inline-size: 44px;
  block-size: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--primary);
  color: var(--white);
  font-size: 20px;
  cursor: pointer;
}
.hours-pill {
  
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 10px 16px;
  border: 1px solid color-mix(in srgb, var(--white) 16%, transparent);
  border-radius: 999px;
  font-size: calc(var(--text-s) * 0.93);
  font-weight: 600;
  &::before { content: ""; inline-size: 8px; block-size: 8px; border-radius: 50%; background: var(--success); }
}
.contact {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  padding-block: var(--hb-section);
  padding-inline: var(--gutter);
  background: var(--hb-bg);
}
.contact__inner {
  
  display: grid;
  grid-template-columns: var(--_mq-cols, 420px minmax(0, 1fr));
  align-items: start;
  gap: calc(var(--space-xl) * 0.85);
  max-inline-size: var(--content-width);
  margin-inline: auto;
  @media (max-width: 64em) { --_mq-cols: minmax(0, 1fr); }
}
.contact__cards {
  
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.contact__title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  padding-block-end: 8px;
  font-size: calc(var(--h3) * 1.05);
}
.contact-card {
  
  position: relative;
  display: flex;
  align-items: start;
  gap: 16px;
  padding: 18px 20px;
  border-radius: var(--hb-radius-m);
  background: var(--_cc-bg, var(--base-dark));
  font-style: normal;
  transition: background-color var(--hb-dur) var(--hb-ease);
  &:has(a) { @media (hover: hover) { &:hover { --_cc-bg: color-mix(in srgb, var(--white) 8%, var(--base-dark)); } } }
}
.contact-card__icon {
  
  display: grid;
  place-items: center;
  flex-shrink: 0;
  inline-size: 44px;
  block-size: 44px;
  border-radius: var(--hb-radius-m);
  background: var(--primary);
  color: var(--white);
  font-size: 20px;
}
.contact-card__body {
  
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.contact-card__label {
  
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--base);
}
.contact-card__value {
  
  font-size: calc(var(--text-m) * 0.9);
  font-weight: 600;
  line-height: 1.5;
  color: var(--white);
}
.contact-card__value--big {
  
  font-family: var(--hb-font-heading);
  font-size: var(--text-l);
  font-weight: 800;
}
.contact-card__link {
  
  color: inherit;
  text-decoration: none;
  &::after { content: ""; position: absolute; inset: 0; }
}
.contact-card__note {
  
  font-size: var(--text-xs);
  color: var(--hb-muted);
}
.map {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  display: grid;
  grid-template-columns: var(--_mq-cols, 1.4fr 1fr);
  min-block-size: 520px;
  background: var(--black);
  @media (max-width: 64em) { --_mq-cols: minmax(0, 1fr); }
}
.map__media {
  
  margin: 0;
  min-block-size: 320px;
}
.map__image {
  
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  border-radius: 0;
  filter: grayscale(20%);
}
.map__content {
  
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 18px;
  padding: calc(var(--section-space-m) * 0.6) var(--gutter);
}
.map__title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  font-size: clamp(1.625rem, 1.2rem + 1.3vw, 2.25rem);
}
.map__text {
  
  margin: 0;
  font-size: calc(var(--text-m) * 0.9);
  line-height: 1.62;
  color: var(--hb-muted);
}
.legal {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  padding-block: var(--hb-section);
  padding-inline: var(--gutter);
  background: var(--hb-bg);
}
.legal__inner {
  
  display: grid;
  grid-template-columns: var(--_mq-cols, 280px minmax(0, 780px));
  align-items: start;
  gap: calc(var(--space-xl) * 1.07);
  max-inline-size: var(--content-width);
  margin-inline: auto;
  @media (max-width: 64em) { --_mq-cols: minmax(0, 1fr); }
}
.legal__toc {
  
  position: var(--_mq-pos, sticky);
  inset-block-start: 110px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 24px;
  border-radius: var(--hb-radius-m);
  background: var(--base-dark);
  @media (max-width: 64em) { --_mq-pos: static; }
}
.legal__toc-title {
  
  margin: 0;
  padding-block-end: 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--base);
}
.legal__toc-list {
  
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.legal__toc-link {
  
  display: block;
  padding: 8px 12px;
  border-inline-start: 3px solid var(--_toc-b, transparent);
  border-radius: var(--hb-radius-s);
  background: var(--_toc-bg, transparent);
  font-size: calc(var(--text-s) * 0.93);
  text-decoration: none;
  color: var(--_toc-c, var(--hb-muted));
  transition: background-color var(--hb-dur), color var(--hb-dur);
  @media (hover: hover) { &:hover { --_toc-bg: color-mix(in srgb, var(--primary) 15%, transparent); --_toc-b: var(--primary); --_toc-c: var(--white); } }
}
.legal__content {
  
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.legal__block {
  
  display: flex;
  flex-direction: column;
  gap: 12px;
  scroll-margin-block-start: 110px;
}
.legal__block--highlight {
  
  padding: 24px;
  border-inline-start: 4px solid var(--primary);
  border-radius: var(--hb-radius-m);
  background: var(--base-dark);
}
.legal__title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  font-size: calc(var(--h3) * 0.98);
}
.legal__text {
  
  margin: 0;
  font-size: calc(var(--text-m) * 0.9);
  line-height: 1.68;
  color: var(--hb-muted);
}
.legal__note {
  
  margin: 0;
  font-size: var(--text-xs);
  color: var(--base);
}
.error-page {
  
  --hb-bg: var(--base-ultra-dark);
  --hb-bg-alt: var(--black);
  --hb-surface: var(--base-dark);
  --hb-line: color-mix(in srgb, var(--white) 6%, transparent);
  --hb-line-strong: color-mix(in srgb, var(--white) 8%, transparent);
  --hb-text: var(--white);
  --hb-muted: var(--base-light);
  --hb-dim: var(--base);
  --hb-red: var(--primary);
  --hb-font-heading: var(--heading-font-family), system-ui, sans-serif;
  --hb-font-text: var(--text-font-family), system-ui, sans-serif;
  --hb-radius-s: var(--radius);
  --hb-radius-m: calc(var(--radius) * 2.4);
  --hb-radius-l: calc(var(--radius) * 4);
  --hb-gap-2xs: calc(var(--space-xs) * 0.6);
  --hb-gap-xs: calc(var(--space-xs) * 0.9);
  --hb-gap-s: calc(var(--space-s) * 0.8);
  --hb-gap-m: var(--space-s);
  --hb-gap-l: calc(var(--space-m) * 0.8);
  --hb-gap-xl: calc(var(--space-m) * 1.07);
  --hb-gap-2xl: calc(var(--space-l) * 0.9);
  --hb-gap-3xl: calc(var(--space-xl) * 0.95);
  --hb-section: var(--section-space-m);
  --hb-tracking-label: 0.12em;
  --hb-dur: 300ms;
  --hb-ease: cubic-bezier(.2, .7, .2, 1);
  --link-color: currentColor;
  --link-color-hover: currentColor;
  font-family: var(--hb-font-text);
  color: var(--hb-text);
  @media (prefers-reduced-motion: reduce) { --hb-dur: 0s; }
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-block-size: calc(100dvh - 95px);
  padding: var(--section-space-m) var(--gutter);
  overflow: clip;
  background: var(--black);
  &::before { content: ""; position: absolute; z-index: -1; inset-block-start: 80px; inset-inline-end: -60px; inline-size: 820px; block-size: 520px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--primary) 40%, transparent) 0%, transparent 70%); filter: blur(30px); }
}
.error-page__inner {
  
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--hb-gap-2xl);
  inline-size: 100%;
  max-inline-size: var(--content-width);
  margin-inline: auto;
}
.error-page__content {
  
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-inline-size: 620px;
}
.error-page__label {
  
  margin: 0;
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.14em;
  color: var(--primary);
}
.error-page__title {
  
  margin: 0;
  font-family: var(--hb-font-heading);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--_heading-color, var(--hb-text));
  text-wrap: balance;
  font-size: clamp(2.25rem, 1.4rem + 3vw, 3.75rem);
  line-height: 1.07;
  text-transform: uppercase;
}
.error-page__text {
  
  margin: 0;
  font-size: var(--text-m);
  line-height: 1.6;
  color: var(--hb-muted);
}
.error-page__links {
  
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding-block-start: 6px;
}
.error-page__code {
  
  font-family: var(--hb-font-heading);
  font-size: clamp(8rem, 4rem + 14vw, 18.75rem);
  font-weight: 900;
  line-height: 0.93;
  letter-spacing: -0.05em;
  color: var(--base-dark);
}
.icon--phone {
  --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M22%2016.9v3a2%202%200%200%201-2.2%202%2019.8%2019.8%200%200%201-8.6-3.1%2019.5%2019.5%200%200%201-6-6A19.8%2019.8%200%200%201%202.1%204.2%202%202%200%200%201%204.1%202h3a2%202%200%200%201%202%201.7c.1.9.4%201.8.7%202.7a2%202%200%200%201-.5%202.1L8%209.8a16%2016%200%200%200%206%206l1.3-1.3a2%202%200%200%201%202.1-.4c.9.3%201.8.6%202.7.7a2%202%200%200%201%201.7%202z%22%2F%3E%3C%2Fsvg%3E");
}
.icon--calendar {
  --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%203v4M8%203v4M3%2010h18%22%2F%3E%3C%2Fsvg%3E");
}
.icon--arrow {
  --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14M13%206l6%206-6%206%22%2F%3E%3C%2Fsvg%3E");
}
.icon--arrow-up {
  --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2019V5M6%2011l6-6%206%206%22%2F%3E%3C%2Fsvg%3E");
}
.icon--car {
  --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2017h14M3%2013l2-6h14l2%206v4H3z%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2217%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");
}
.icon--bolt {
  --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M13%202%204%2014h7l-1%208%209-12h-7z%22%2F%3E%3C%2Fsvg%3E");
}
.icon--truck {
  --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M1%206h13v10H1zM14%2010h4l3%203v3h-7%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");
}
.icon--car-key {
  --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%207h10M3%2013l2-6h14l2%206v4H3z%22%2F%3E%3Cpath%20d%3D%22M9%203l3-2%203%202%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2217%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");
}
.icon--pin {
  --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021s-7-6.2-7-11.5A7%207%200%200%201%2019%209.5C19%2014.8%2012%2021%2012%2021z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229.5%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E");
}
.icon--wrench {
  --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14.7%206.3a4%204%200%200%200-5.4%205.4L3%2018l3%203%206.3-6.3a4%204%200%200%200%205.4-5.4l-2.5%202.5-2.4-.6-.6-2.4z%22%2F%3E%3C%2Fsvg%3E");
}
.icon--tire {
  --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M12%203v5.5M12%2015.5V21M3%2012h5.5M15.5%2012H21%22%2F%3E%3C%2Fsvg%3E");
}
.icon--drop {
  --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202c3%204%206%207%206%2011a6%206%200%200%201-12%200c0-4%203-7%206-11z%22%2F%3E%3C%2Fsvg%3E");
}
.icon--bulb {
  --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018h6M10%2022h4M12%202a7%207%200%200%200-4%2012.7c.6.5%201%201.3%201%202.1V17h6v-.2c0-.8.4-1.6%201-2.1A7%207%200%200%200%2012%202z%22%2F%3E%3C%2Fsvg%3E");
}
.icon--check {
  --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012l5%205L20%207%22%2F%3E%3C%2Fsvg%3E");
}
.icon--shield {
  --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202l8%203v6c0%205-3.5%209-8%2011-4.5-2-8-6-8-11V5z%22%2F%3E%3Cpath%20d%3D%22M8.5%2012l2.5%202.5%204.5-5%22%2F%3E%3C%2Fsvg%3E");
}
.icon--mail {
  --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%207l9%206%209-6%22%2F%3E%3C%2Fsvg%3E");
}
.icon--clock {
  --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%207v5l3%202%22%2F%3E%3C%2Fsvg%3E");
}
.icon--play {
  --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M8%205v14l11-7z%22%2F%3E%3C%2Fsvg%3E");
}
.icon--menu {
  --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16M4%2012h16M4%2017h16%22%2F%3E%3C%2Fsvg%3E");
}
.icon--close {
  --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%206l12%2012M18%206%206%2018%22%2F%3E%3C%2Fsvg%3E");
}
.icon--external {
  --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%2017%2017%207M9%207h8v8%22%2F%3E%3C%2Fsvg%3E");
}
#narocilo {
  padding-block: 0;
}
.service-list__inner {
  
  display: flex;
  flex-direction: column;
  gap: var(--hb-gap-xl);
  max-inline-size: var(--content-width);
  margin-inline: auto;
}