/* cl-chrome-embed-v10.css — GENERATED by rebuild-kit/tools/gen-embed-css.py
 * from cl-components-v11.css. DO NOT HAND-EDIT — regenerate instead.
 *
 * Loaded ONLY on legacy (Elementor) pages. Self-contained: tokens + legacy-
 * chrome hiding + the full chrome ruleset re-emitted with a uniform +1 id
 * boost (#cl-nav/#cl-footer/#cl-mbar) so Elementor kit globals
 * (.elementor-kit-N a/button …) can never restyle the chrome (0.2.71 bugs:
 * grey menu links, inflated hamburger, un-hidden mobile CTA). The uniform
 * boost preserves the chrome's internal cascade exactly. NO bare element
 * selectors — legacy page CONTENT must render byte-identical. */

/* — design tokens — */
:root {
  --bg: #faf8f5;
  --bg-alt: #f0ece5;
  --paper: #ffffff;
  --ink: #0e0d0b;
  --ink-2: #2a2622;
  --ink-3: #6b6862;
  --ink-4: #8a867f;
  --rule: #1a1815;
  --rule-soft: #d9d4cb;
  --red: #d4341e;
  --red-deep: #a8240f;
  --red-ink: #6b1808;
  --safety: #f5b800;
  --serif:   "Inter", Georgia, serif;
  --display: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --sans:    "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mono:    "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --gutter: clamp(20px, 3vw, 48px);
  --max: 1440px;
}

/* — legacy chrome OFF (Elementor header/footer templates 17/19) — */
header.elementor-location-header, footer.elementor-location-footer { display: none !important; }

/* — chrome-scoped resets (kit-proof: id-scoped) — */
#cl-nav, #cl-footer, #cl-mbar { box-sizing: border-box; font-family: var(--sans); font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; color: var(--ink); }
#cl-nav *, #cl-nav *::before, #cl-nav *::after, #cl-footer *, #cl-footer *::before, #cl-footer *::after, #cl-mbar *, #cl-mbar *::before, #cl-mbar *::after { box-sizing: border-box; }
#cl-nav a, #cl-footer a, #cl-mbar a { color: inherit; text-decoration: none; }
#cl-nav button, #cl-footer button, #cl-mbar button { font-family: inherit; cursor: pointer; background: none; border: 0; padding: 0; margin: 0; border-radius: 0; box-shadow: none; color: inherit; font-size: inherit; line-height: inherit; }
#cl-nav img, #cl-footer img, #cl-mbar img { display: block; max-width: 100%; border: 0; box-shadow: none; }
#cl-nav p, #cl-footer p, #cl-nav address, #cl-footer address { margin: 0; font-style: normal; }
#cl-nav ul, #cl-footer ul { margin: 0; padding: 0; list-style: none; }
#cl-nav svg, #cl-footer svg, #cl-mbar svg { display: block; }

/* — chrome atoms (id-scoped copies of the cl-styles.css atoms the chrome markup uses) — */

#cl-nav .eyebrow, #cl-footer .eyebrow, #cl-mbar .eyebrow {font-family: var(--mono); font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3); }
#cl-nav .eyebrow-red, #cl-footer .eyebrow-red, #cl-mbar .eyebrow-red {color: var(--red); }
#cl-nav .btn, #cl-footer .btn, #cl-mbar .btn {display: inline-flex; align-items: center; gap: 10px; padding: 16px 22px; font-family: var(--display); font-weight: 700; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; border: 1.5px solid var(--ink); background: var(--ink); color: var(--bg); transition: transform .15s ease, background .15s ease, color .15s ease; cursor: pointer; border-radius: 0; }
#cl-nav .btn:hover, #cl-footer .btn:hover, #cl-mbar .btn:hover {background: var(--red); border-color: var(--red); color: #fff; }
#cl-nav .btn--red, #cl-footer .btn--red, #cl-mbar .btn--red {background: var(--red); border-color: var(--red); color: #fff; }
#cl-nav .btn--red:hover, #cl-footer .btn--red:hover, #cl-mbar .btn--red:hover {background: var(--ink); border-color: var(--ink); }
#cl-nav .btn--ghost, #cl-footer .btn--ghost, #cl-mbar .btn--ghost {background: transparent; color: var(--ink); }
#cl-nav .btn--ghost:hover, #cl-footer .btn--ghost:hover, #cl-mbar .btn--ghost:hover {background: var(--ink); color: var(--bg); }
#cl-nav .btn--ghost-light, #cl-footer .btn--ghost-light, #cl-mbar .btn--ghost-light {background: transparent; color: var(--bg); border-color: var(--bg); }
#cl-nav .btn--ghost-light:hover, #cl-footer .btn--ghost-light:hover, #cl-mbar .btn--ghost-light:hover {background: var(--bg); color: var(--ink); }
#cl-nav .btn--lg, #cl-footer .btn--lg, #cl-mbar .btn--lg {padding: 20px 28px; font-size: 14px; }
#cl-nav .btn--sm, #cl-footer .btn--sm, #cl-mbar .btn--sm {padding: 10px 14px; font-size: 11px; }
#cl-nav .arrow, #cl-footer .arrow, #cl-mbar .arrow {display: inline-block; width: 14px; height: 10px; position: relative; }
#cl-nav .arrow::before, #cl-footer .arrow::before, #cl-mbar .arrow::before {content: ""; position: absolute; inset: 0; background: currentColor; clip-path: polygon(0 45%, 75% 45%, 65% 0, 100% 50%, 65% 100%, 75% 55%, 0 55%); }
#cl-nav .container, #cl-footer .container, #cl-mbar .container {max-width: var(--max); margin: 0 auto; padding: 0 var(--gutter); }
#cl-nav .tag, #cl-footer .tag, #cl-mbar .tag {display: inline-flex; align-items: center; gap: 6px; font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; padding: 5px 10px; border: 1px solid var(--rule-soft); color: var(--ink-3); background: transparent; }
#cl-nav .tag--red, #cl-footer .tag--red, #cl-mbar .tag--red {color: var(--red); border-color: var(--red); }
#cl-nav .tag--solid, #cl-footer .tag--solid, #cl-mbar .tag--solid {background: var(--ink); color: var(--bg); border-color: var(--ink); }
#cl-nav .pulse, #cl-footer .pulse, #cl-mbar .pulse {width: 8px; height: 8px; background: var(--red); border-radius: 50%; position: relative; display: inline-block; }
#cl-nav .pulse::after, #cl-footer .pulse::after, #cl-mbar .pulse::after {content: ""; position: absolute; inset: -4px; border-radius: 50%; background: var(--red); opacity: 0.4; animation: pulse 1.6s ease-out infinite; }
#cl-nav .btn .arrow, #cl-footer .btn .arrow, #cl-mbar .btn .arrow {transition: transform .2s cubic-bezier(.22,.61,.36,1); }
#cl-nav .btn:hover .arrow, #cl-footer .btn:hover .arrow, #cl-mbar .btn:hover .arrow {transform: translateX(4px); }
#cl-nav .btn:active, #cl-footer .btn:active, #cl-mbar .btn:active {transform: scale(.985); }

/* — keyframes used by the chrome — */
@keyframes pulse { 0% { transform: scale(0.9); opacity: 0.4; } 70% { transform: scale(1.9); opacity: 0; } 100% { opacity: 0; } }
@keyframes drawerfade {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* — chrome component rules (id-boosted re-emission of cl-components-v11.css, source order preserved) — */
#cl-nav .cl-logo, #cl-footer .cl-logo {display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }
#cl-nav .cl-logo__name, #cl-footer .cl-logo__name {font-family: var(--display); font-weight: 800; font-size: 16px; letter-spacing: 0.04em; line-height: 1; }
#cl-nav .cl-logo__tag, #cl-footer .cl-logo__tag {font-family: var(--mono); font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase; margin-top: 4px; }
#cl-nav .cl-logo--img, #cl-footer .cl-logo--img {overflow: hidden; position: relative; }
#cl-nav .cl-logo--img img, #cl-footer .cl-logo--img img {display: block; max-width: none; position: absolute; }
#cl-nav .cl-logo--img {width: 142.8px; height: 54px; }
#cl-nav .cl-logo--img img {width: 162.5px; height: 91.4px; left: -9.8px; top: -18.8px; }
#cl-footer .cl-logo--img {width: 243.3px; height: 92px; }
#cl-footer .cl-logo--img img {width: 276.9px; height: 155.8px; left: -16.7px; top: -32px; }
#cl-nav .cl-nav__mobile .cl-logo--img {width: 121.6px; height: 46px; }
#cl-nav .cl-nav__mobile .cl-logo--img img {width: 138.4px; height: 77.9px; left: -8.3px; top: -16px; }
#cl-nav {position: sticky; top: 0;z-index: 100; background: var(--bg); border-bottom: 1.5px solid var(--rule); }
#cl-nav.cl-nav--light {background: var(--bg); }
#cl-nav .cl-nav__util {background: var(--ink); color: var(--bg); font-family: var(--mono); font-size: 11px; letter-spacing: 0.04em; }
#cl-nav .cl-nav__util-inner {display: flex; justify-content: space-between; align-items: center; padding: 6px var(--gutter); flex-wrap: wrap; gap: 8px; }
#cl-nav .cl-nav__util-left, #cl-nav .cl-nav__util-right {display: flex; align-items: center; gap: 10px; }
#cl-nav .cl-nav__util-sep {color: #6b6862; }
#cl-nav .cl-nav__phone-mini {color: var(--bg); font-weight: 600; }
#cl-nav .cl-nav__util a:hover {color: var(--red); }
#cl-nav .cl-nav__util-social {display: flex; align-items: center; gap: 14px; }
#cl-nav .cl-nav__util-social a {display: inline-flex; color: var(--bg); opacity: 0.85; transition: color .15s ease, opacity .15s ease; }
#cl-nav .cl-nav__util-social a:hover {color: var(--red); opacity: 1; }
#cl-nav .cl-nav__util-right {flex-wrap: wrap; justify-content: flex-end; row-gap: 2px; }
#cl-nav .cl-nav__phone-mini {white-space: nowrap; }
#cl-nav .cl-nav__util-social svg {width: 16px; height: 16px; display: block; }
#cl-nav .cl-nav__util-mail {color: var(--bg); }
#cl-nav .cl-nav__portal {display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border: 1px solid var(--rule-soft); font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-2); text-decoration: none; transition: border-color .15s, color .15s; }
#cl-nav .cl-nav__portal:hover {border-color: var(--ink); color: var(--ink); }
#cl-nav .cl-nav__portal-icon {font-size: 13px; opacity: 0.7; }
#cl-nav .cl-nav__promo {background: var(--red); color: #fff; font-family: var(--mono); font-size: 12px; letter-spacing: 0.02em; position: relative; }
#cl-nav .cl-nav__promo-inner {display: flex; align-items: center; gap: 14px; padding: 9px 0; }
#cl-nav .cl-nav__promo-tag {font-weight: 700; padding: 2px 7px; border: 1px solid rgba(255,255,255,0.5); border-radius: 0; font-size: 10px; letter-spacing: 0.1em; flex-shrink: 0; }
#cl-nav .cl-nav__promo-msg {flex: 1; font-family: var(--sans); font-size: 13px; letter-spacing: 0; }
#cl-nav .cl-nav__promo-msg strong {font-weight: 700; }
#cl-nav .cl-nav__promo-cta {background: transparent; border: 1px solid #fff; color: #fff; font-family: var(--display); font-weight: 700; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; padding: 6px 12px; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; transition: background .15s ease, color .15s ease; flex-shrink: 0; }
#cl-nav .cl-nav__promo-cta:hover {background: #fff; color: var(--red); }
#cl-nav .cl-nav__promo-close {background: transparent; border: none; color: rgba(255,255,255,0.7); font-size: 22px; line-height: 1; padding: 0; width: 28px; height: 28px; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
#cl-nav .cl-nav__promo-close:hover {color: #fff; }
#cl-nav .cl-nav__util-nav {display: flex; align-items: center; gap: 16px; margin-left: auto; margin-right: 18px; }
#cl-nav .cl-nav__util-nav button {background: transparent; border: none; color: var(--bg); font: inherit; font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; padding: 0; cursor: pointer; transition: color .15s ease; }
#cl-nav .cl-nav__util-nav button:hover {color: var(--red); }
#cl-nav .cl-nav__cta-rent {margin-right: 4px; }
#cl-nav .cl-nav__cta-rent.is-current {background: var(--red); border-color: var(--red); color: #fff; }
#cl-mbar {position: fixed; left: 0; right: 0; bottom: 0; display: none; z-index: 80; background: var(--ink); border-top: 1.5px solid var(--red); padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); gap: 10px; align-items: stretch; transform: translateY(100%); transition: transform .25s ease; box-shadow: 0 -8px 24px rgba(0,0,0,0.18); }
#cl-mbar.is-visible {transform: translateY(0); }
#cl-mbar .cl-mbar__call {flex: 1; display: flex; align-items: center; gap: 12px; background: var(--red); color: #fff; padding: 12px 14px; text-decoration: none; font-family: var(--display); border: none; cursor: pointer; transition: background .15s ease; }
#cl-mbar .cl-mbar__call:hover {background: var(--red-deep); }
#cl-mbar .cl-mbar__call-icon {display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.16); width: 38px; height: 38px; border-radius: 50%; flex-shrink: 0; }
#cl-mbar .cl-mbar__call-lbl {display: flex; flex-direction: column; line-height: 1.15; text-align: left; }
#cl-mbar .cl-mbar__call-top {font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.85; }
#cl-mbar .cl-mbar__call-num {font-family: var(--display); font-weight: 800; font-size: 17px; letter-spacing: 0.01em; }
#cl-mbar .cl-mbar__rent {flex-shrink: 0; background: transparent; border: 1.5px solid #d9d4cb; color: #fff; font-family: var(--display); font-weight: 700; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; padding: 12px 18px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; transition: background .15s, color .15s, border-color .15s; }
#cl-mbar .cl-mbar__rent:hover {background: #fff; color: var(--ink); border-color: #fff; }
#cl-nav .cl-nav__main {display: flex; align-items: center; justify-content: space-between; padding: 3px var(--gutter); gap: 16px; }
#cl-nav .cl-nav__items {display: flex; align-items: center; gap: 0; }
#cl-nav .cl-nav__item-wrap {position: relative; }
#cl-nav .cl-nav__item {background: transparent; border: none; font-family: var(--display); font-weight: 600; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; padding: 9px 10px; color: var(--ink); position: relative; cursor: pointer; white-space: nowrap; }
#cl-nav .cl-nav__item.is-current::after {content: ""; position: absolute; left: 10px; right: 10px; bottom: 4px; height: 2px; background: var(--red); }
#cl-nav .cl-nav__item:hover {color: var(--red); }
#cl-nav .cl-nav__item {transition: color .15s ease; }
#cl-nav .cl-nav__item::after {content: ""; position: absolute; left: 10px; right: 10px; bottom: 4px; height: 2px; background: var(--red); transform: scaleX(0); transform-origin: left center; transition: transform .18s cubic-bezier(.22,.61,.36,1); }
#cl-nav .cl-nav__item:hover::after {transform: scaleX(1); }
#cl-nav .cl-nav__item.is-current::after {transform: scaleX(1); }
#cl-nav .cl-nav__util a {transition: color .15s ease; }
#cl-nav .cl-mega__col-arrow {transition: transform .15s ease; display: inline-block; }
#cl-nav .cl-mega__col-head:hover .cl-mega__col-arrow {transform: translateX(4px); }
#cl-footer .cl-footer__col a {transition: color .12s ease, padding-left .12s ease; }
#cl-footer .cl-footer__col a:hover {padding-left: 3px; }
#cl-nav .cl-nav__caret {font-size: 9px; margin-left: 4px; }
#cl-nav .cl-nav__item--direct {color: var(--ink); }
#cl-nav .cl-nav__item--direct:hover {color: var(--red); }
#cl-nav .cl-nav__item-wrap--direct { }
#cl-nav .cl-mega {position: absolute; top: 100%; left: 0; right: 0; background: #fdfbf7; border-top: 1.5px solid var(--ink); border-bottom: 4px solid var(--ink); box-shadow: 0 24px 48px rgba(14,13,11,0.12); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .18s ease, transform .18s ease, visibility .18s; z-index: 95; pointer-events: none; }
#cl-nav .cl-mega.is-open {opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
#cl-nav .cl-mega__inner {display: grid; grid-template-columns: 1fr 320px; gap: 48px; padding: 0 var(--gutter, 32px) 32px; }
#cl-nav .cl-mega__cols {display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 36px 32px; padding-top: 24px; }
#cl-nav .cl-mega__col {display: flex; flex-direction: column; gap: 14px; }
#cl-nav .cl-mega__col-head {display: flex; flex-direction: column; gap: 4px; background: none; border: none; padding: 0 0 12px; cursor: pointer; text-align: left; border-bottom: 1px solid var(--rule); position: relative; }
#cl-nav .cl-mega__col-head:hover {border-bottom-color: var(--red); }
#cl-nav .cl-mega__col-head:hover .cl-mega__col-arrow {opacity: 1; transform: translateX(2px); }
#cl-nav .cl-mega__col-label {font-family: var(--display); font-weight: 800; font-size: 16px; letter-spacing: -0.01em; color: var(--ink); line-height: 1.1; }
#cl-nav .cl-mega__col-sub {font-family: var(--mono, monospace); font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--ink-soft); font-weight: 600; }
#cl-nav .cl-mega__col-arrow {position: absolute; right: 0; top: 0; font-size: 14px; color: var(--red); opacity: 0; transition: opacity .15s, transform .15s; }
#cl-nav .cl-mega__list {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; }
#cl-nav .cl-mega__list li { }
#cl-nav .cl-mega__list button, #cl-nav .cl-mega__list a {background: none; border: none; padding: 8px 0; cursor: pointer; text-align: left; width: 100%; display: flex; flex-direction: column; gap: 1px; border-bottom: 1px dashed transparent; transition: padding .12s, border-color .12s; }
#cl-nav .cl-mega__list button:hover, #cl-nav .cl-mega__list a:hover {padding-left: 6px; border-bottom-color: var(--rule); }
#cl-nav .cl-mega__list button:hover .cl-mega__g-label, #cl-nav .cl-mega__list a:hover .cl-mega__g-label {color: var(--red); }
#cl-nav .cl-mega__g-label {font-size: 14px; font-weight: 600; color: var(--ink); line-height: 1.3; transition: color .12s; }
#cl-nav .cl-mega__g-sub {font-size: 12px; color: var(--ink-soft); line-height: 1.3; }
#cl-nav .cl-mega--cards .cl-mega__cols {padding-top: 20px; }
#cl-nav .cl-mega--cards-solo .cl-mega__cols {grid-template-columns: 1fr; }
#cl-nav .cl-mega__list--cards {display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 18px; }
#cl-nav .cl-mega--cards:not(.cl-mega--cards-solo) .cl-mega__list--cards {grid-template-columns: 1fr; gap: 12px; }
#cl-nav .cl-mega--cards:not(.cl-mega--cards-solo) .cl-mega__card a {display: flex; flex-direction: row; align-items: center; text-align: left; gap: 11px; padding: 4px 0; }
#cl-nav .cl-mega--cards:not(.cl-mega--cards-solo) .cl-mega__card-media {flex: 0 0 54px; width: 54px; aspect-ratio: 1 / 1; margin: 0; }
#cl-nav .cl-mega--cards:not(.cl-mega--cards-solo) .cl-mega__card-label {margin-top: 0; font-size: 13px; }
#cl-nav .cl-mega__card {list-style: none; }
#cl-nav .cl-mega__card a {display: block; width: 100%; padding: 0; border-bottom: none; }
#cl-nav .cl-mega__card a:hover {padding-left: 0; }
#cl-nav .cl-mega__card-media {display: block; aspect-ratio: 4 / 3; border-radius: 4px; background-color: #fff; background-size: contain; background-repeat: no-repeat; background-position: center; border: 1px solid var(--rule); overflow: hidden; transition: transform .2s ease, box-shadow .2s ease; }
#cl-nav .cl-mega__card a:hover .cl-mega__card-media {transform: scale(1.045); box-shadow: 0 6px 18px rgba(0,0,0,0.18); }
#cl-nav .cl-mega__card-label {display: block; margin-top: 9px; font-size: 13.5px; font-weight: 700; color: var(--ink); line-height: 1.25; transition: color .12s; }
#cl-nav .cl-mega__card a:hover .cl-mega__card-label {color: var(--red); }
#cl-nav .cl-mega__feature {background: var(--ink); color: var(--bg); padding: 28px 28px 24px; display: flex; flex-direction: column; gap: 4px; position: relative; align-self: start; }
#cl-nav .cl-mega__feature-eyebrow {font-family: var(--mono, monospace); font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--red); font-weight: 700; margin-bottom: 4px; }
#cl-nav .cl-mega__feature-title {font-family: var(--display); font-weight: 800; font-size: 22px; letter-spacing: -0.015em; line-height: 1.1; margin-bottom: 10px; }
#cl-nav .cl-mega__feature-body {font-size: 13px; line-height: 1.5; color: rgba(255,255,255,0.7); margin: 0 0 18px; }
#cl-nav .cl-mega__feature-cta {background: var(--red); color: #fff; border: none; padding: 11px 14px; font-family: var(--mono, monospace); font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; transition: background .15s; }
#cl-nav .cl-mega__feature-cta:hover {background: #e74a31; }
#cl-nav .cl-mega__feature-foot {margin-top: 18px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.15); }
#cl-nav .cl-mega__feature-foot button {background: none; border: none; color: rgba(255,255,255,0.65); font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; font-family: var(--mono, monospace); font-weight: 600; cursor: pointer; padding: 0; }
#cl-nav .cl-mega__feature-foot button:hover {color: var(--bg); }
#cl-nav .cl-mega__scrim {position: fixed; top: var(--nav-h, 110px); left: 0; right: 0; bottom: 0; background: rgba(14,13,11,0.25); z-index: 90; animation: scrimfade .15s ease; }
#cl-nav .cl-nav__item-wrap.is-open .cl-nav__item {background: rgba(212, 52, 30, 0.06); color: var(--red); }
#cl-nav .cl-nav__item-wrap.is-open .cl-nav__caret {transform: rotate(180deg); }
#cl-nav .cl-nav__caret {font-size: 9px; margin-left: 5px; transition: transform .18s; display: inline-block; }
#cl-nav .cl-nav__logo-btn {background: none; border: none; padding: 0; cursor: pointer; display: inline-flex; align-items: center; }
#cl-nav .cl-nav__item--solo { }
#cl-nav .cl-nav__hamburger {display: none; background: transparent; border: 1px solid rgba(14,13,11,0.3); width: 42px; height: 42px; align-items: center; justify-content: center; flex-direction: column; gap: 4px; cursor: pointer; padding: 0; }
#cl-nav .cl-nav__hamburger span {width: 18px; height: 2px; background: var(--ink); transition: transform .2s, opacity .2s; }
#cl-nav .cl-nav__hamburger.is-open span:nth-child(1) {transform: translateY(6px) rotate(45deg); }
#cl-nav .cl-nav__hamburger.is-open span:nth-child(2) {opacity: 0; }
#cl-nav .cl-nav__hamburger.is-open span:nth-child(3) {transform: translateY(-6px) rotate(-45deg); }
#cl-nav .cl-nav__mobile {position: fixed; inset: 0; background: var(--ink); color: var(--bg); z-index: 100; overflow-y: auto; animation: drawerfade .22s ease; }
#cl-nav .cl-nav__mobile-head {display: flex; justify-content: space-between; align-items: center; padding: 18px var(--gutter, 24px); border-bottom: 1px solid #2a2622; position: sticky; top: 0; background: var(--ink); z-index: 2; }
#cl-nav .cl-nav__mobile-close {background: transparent; border: 1px solid rgba(255,255,255,0.2); color: var(--bg); width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: background .15s, border-color .15s; }
#cl-nav .cl-nav__mobile-close:hover {background: var(--red); border-color: var(--red); }
#cl-nav .cl-nav__mobile-inner {padding: 16px var(--gutter, 24px) 40px; }
#cl-nav .cl-nav__mobile-group {border-bottom: 1px solid #2a2622; }
#cl-nav .cl-nav__mobile-row {display: flex; align-items: center; width: 100%; }
#cl-nav .cl-nav__mobile-item {background: transparent; border: none; color: var(--bg); font-family: var(--display); font-weight: 800; font-size: 26px; letter-spacing: -0.01em; padding: 13px 0; cursor: pointer; flex: 1; text-align: left; }
#cl-nav .cl-nav__mobile-item--solo {display: block; width: 100%; border-bottom: 1px solid #2a2622; }
#cl-nav .cl-nav__mobile-toggle {background: transparent; border: none; color: var(--bg); width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0.6; }
#cl-nav .cl-nav__mobile-toggle:hover {opacity: 1; color: var(--red); }
#cl-nav .cl-nav__mobile-children {overflow: hidden; max-height: 0; background: rgba(255,255,255,0.02); margin: 0 -24px; padding: 0 24px; border-top: 0 solid #2a2622; transition: max-height .3s ease, padding .3s ease, border-top-width .3s ease; }
#cl-nav .cl-nav__mobile-group.is-expanded .cl-nav__mobile-children {max-height: 1200px; padding: 4px 24px 22px 24px; border-top-width: 1px; }
#cl-nav .cl-nav__mobile-toggle svg {transition: transform .22s ease; }
#cl-nav .cl-nav__mobile-group.is-expanded .cl-nav__mobile-toggle svg {transform: rotate(180deg); }
#cl-nav .cl-nav__mobile-child {padding: 12px 0; border-bottom: 1px dashed #2a2622; }
#cl-nav .cl-nav__mobile-child:last-child {border-bottom: none; }
#cl-nav .cl-nav__mobile-child-head {background: transparent; border: none; color: var(--bg); font-family: var(--display); font-weight: 700; font-size: 15px; letter-spacing: -0.005em; padding: 6px 0; cursor: pointer; width: 100%; text-align: left; display: flex; flex-direction: column; gap: 2px; }
#cl-nav .cl-nav__mobile-child-sub {font-family: var(--mono, monospace); font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; color: rgba(255,255,255,0.45); font-weight: 600; }
#cl-nav .cl-nav__mobile-grands {display: flex; flex-direction: column; gap: 2px; padding: 8px 0 0 16px; }
#cl-nav .cl-nav__mobile-grands button, #cl-nav .cl-nav__mobile-grands a {background: transparent; border: none; color: rgba(255,255,255,0.7); font-family: var(--sans); font-size: 14px; text-align: left; padding: 6px 0; cursor: pointer; border-left: 2px solid transparent; padding-left: 12px; transition: border-color .12s, color .12s; }
#cl-nav .cl-nav__mobile-grands button:hover, #cl-nav .cl-nav__mobile-grands a:hover {color: var(--bg); border-left-color: var(--red); }
#cl-nav .cl-nav__mobile-grand--img {display: flex; align-items: center; gap: 10px; padding-top: 7px; padding-bottom: 7px; }
#cl-nav .cl-nav__mobile-grand-thumb {flex: none; width: 54px; height: 40px; border-radius: 3px; background-size: cover; background-position: center; background-color: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.18); }
#cl-nav .cl-nav__mobile-grand--img .cl-nav__mobile-grand-label {line-height: 1.25; }
#cl-nav .cl-nav__mobile-cta {margin-top: 28px; display: flex; flex-direction: column; gap: 12px; }
#cl-nav .cl-nav__mobile-cta .btn--ghost {color: var(--bg); border-color: rgba(255,255,255,0.3); }
#cl-nav .cl-nav__mobile-contact {margin-top: 26px; display: flex; flex-direction: column; gap: 10px; font-size: 14px; }
#cl-nav .cl-nav__mobile-contact a {color: #a8a49d; transition: color .15s; }
#cl-nav .cl-nav__mobile-contact a:hover {color: var(--bg); }
#cl-nav .cl-nav__mobile-social {display: flex; gap: 10px; margin-top: 6px; }
#cl-nav .cl-nav__mobile-social a {display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border: 1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.7); }
#cl-nav .cl-nav__mobile-social a:hover {border-color: var(--red); color: #fff; background: var(--red); }
#cl-nav .cl-nav__mobile-social svg {width: 16px; height: 16px; }
#cl-footer {background: var(--ink); color: var(--bg); padding: 64px 0 28px; margin-top: 0; }
#cl-footer .cl-footer__top {display: grid; grid-template-columns: 1.4fr repeat(5, 0.8fr) 1.1fr; gap: 32px; padding-bottom: 44px; border-bottom: 1px solid rgba(255,255,255,0.12); }
#cl-footer .cl-footer__brand .cl-logo, #cl-footer .cl-footer__brand svg {margin-bottom: 20px; }
#cl-footer .cl-footer__tag {font-size: 14px; line-height: 1.6; color: rgba(255,255,255,0.65); max-width: 38ch; margin: 0 0 24px; }
#cl-footer .cl-footer__social {display: flex; gap: 8px; }
#cl-footer .cl-footer__social a {display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.7); font-family: var(--mono, monospace); font-size: 11px; font-weight: 600; letter-spacing: 0.05em; text-decoration: none; transition: border-color .15s, color .15s, background .15s; }
#cl-footer .cl-footer__social a:hover {border-color: var(--red); color: var(--bg); background: var(--red); }
#cl-footer .cl-footer__social svg {width: 16px; height: 16px; }
#cl-footer .cl-footer__addr address {transition: color .12s; }
#cl-footer .cl-footer__addr:hover address {color: var(--bg); }
#cl-footer .cl-footer__col {display: flex; flex-direction: column; gap: 4px; }
#cl-footer .cl-footer__h {font-family: var(--mono, monospace); font-size: 11px; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(255,255,255,0.5); margin-bottom: 18px; font-weight: 600; }
#cl-footer .cl-footer__col button, #cl-footer .cl-footer__col a {background: none; border: none; padding: 0; text-align: left; font: inherit; color: rgba(255,255,255,0.78); font-size: 14px; line-height: 2; cursor: pointer; text-decoration: none; transition: color .12s; display: block; }
#cl-footer .cl-footer__col button:hover, #cl-footer .cl-footer__col a:hover {color: var(--red); }
#cl-footer .cl-footer__contact .cl-footer__phone {font-family: var(--display); font-size: 26px; font-weight: 800; color: var(--bg); letter-spacing: -0.01em; line-height: 1.1; margin-bottom: 4px; }
#cl-footer .cl-footer__contact a[href^="mailto"] {font-size: 14px; color: rgba(255,255,255,0.78); margin-bottom: 16px; }
#cl-footer .cl-footer__contact address {font-style: normal; font-size: 13px; line-height: 1.6; color: rgba(255,255,255,0.6); margin-bottom: 20px; }
#cl-footer .cl-footer__contact .btn {align-self: flex-start; }
#cl-footer .cl-footer__contact .btn--ghost {border-color: rgba(255,255,255,0.3); color: var(--bg); }
#cl-footer .cl-footer__contact .btn--ghost:hover {border-color: var(--red); background: var(--red); }
#cl-footer .cl-footer__bottom {padding-top: 28px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; font-size: 12px; color: rgba(255,255,255,0.5); }
#cl-footer .cl-footer__legal {display: flex; gap: 24px; }
#cl-footer .cl-footer__legal a, #cl-footer .cl-footer__legal-btn {color: rgba(255,255,255,0.5); text-decoration: none; font-family: inherit; font-size: inherit; background: none; border: 0; padding: 0; cursor: pointer; transition: color .15s; }
#cl-footer .cl-footer__legal a:hover, #cl-footer .cl-footer__legal-btn:hover {color: var(--bg); }
#cl-footer .cl-footer__cert .tag {font-family: var(--mono, monospace); font-size: 10px; letter-spacing: 0.1em; }
#cl-nav .cl-nav__util-offer {display: inline-flex; align-items: center; gap: 8px; }
#cl-nav .cl-nav__util-offer-link {background: none; border: none; padding: 0; font: inherit; color: var(--safety); cursor: pointer; letter-spacing: 0.04em; }
#cl-nav .cl-nav__util-offer-link:hover {color: #fff; }
#cl-nav .cl-nav__util-offer-close {background: none; border: none; color: rgba(255,255,255,0.55); font-size: 15px; line-height: 1; padding: 0 2px; cursor: pointer; }
#cl-nav .cl-nav__util-offer-close:hover {color: #fff; }
#cl-nav .cl-nav__cta {display: flex; align-items: center; gap: 10px; flex-wrap: nowrap; }
#cl-nav .cl-nav__phone {display: flex; flex-direction: column; align-items: flex-end; gap: 1px; margin-right: 6px; text-decoration: none; }
#cl-nav .cl-nav__phone-label {font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); line-height: 1; white-space: nowrap; }
#cl-nav .cl-nav__phone-num {font-family: var(--display); font-weight: 800; font-size: 17px; letter-spacing: 0.01em; color: var(--ink); line-height: 1.1; white-space: nowrap; }
#cl-nav .cl-nav__phone:hover .cl-nav__phone-num {color: var(--red); }
#cl-nav .cl-mega {max-height: min(70vh, 560px); overflow-y: auto; }
#cl-nav .cl-nav__caret {width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); font-size: 0; }
#cl-nav .cl-nav__item-wrap.is-open .cl-nav__caret {transform: rotate(225deg) translateY(-1px); }
#cl-nav button:focus-visible, #cl-nav .btn:focus-visible, #cl-footer .btn:focus-visible, #cl-mbar .btn:focus-visible, #cl-footer button:focus-visible {outline: 2px solid var(--red); outline-offset: 2px; }
#cl-nav .cl-nav__item--accent {color: var(--red); border: 1.5px solid var(--red); margin-left: 6px; }
#cl-nav .cl-nav__item--accent:hover {background: var(--red); color: #fff; }
#cl-nav .cl-nav__item--accent.is-current {background: var(--red); color: #fff; }
@media (max-width: 880px) {
  #cl-nav .cl-logo--img {width: 116.3px; height: 44px; }
  #cl-nav .cl-logo--img img {width: 132.4px; height: 74.5px; left: -8px; top: -15.3px; }
  #cl-nav .cl-nav__portal-label {display: none; }
  #cl-nav .cl-nav__portal {padding: 8px 10px; }
  #cl-mbar {display: flex; }
  #cl-nav .cl-nav__items {display: none; }
  #cl-nav .cl-mega {display: none; }
  #cl-nav .cl-mega__scrim {display: none; }
  #cl-nav .cl-nav__hamburger {display: inline-flex; }
  #cl-nav .cl-nav__cta-rent {display: none; }
  #cl-nav .cl-nav__cta-btn {display: none; }
  #cl-nav .cl-nav__util-nav {display: none; }
}
@media (max-width: 1180px) {
  #cl-nav .cl-nav__phone {display: none; }
  #cl-nav .cl-nav__phone-label {display: none; }
  #cl-nav .cl-nav__item {padding: 9px 9px; }
  #cl-nav .cl-nav__item--accent {margin-left: 4px; }
}
@media (max-width: 980px) {
  #cl-nav .cl-nav__cta-btn {display: none; }
}
@media (max-width: 640px) {
  #cl-nav .cl-nav__util-inner {justify-content: center; row-gap: 4px; }
  #cl-nav .cl-nav__promo-msg {font-size: 12px; }
  #cl-nav .cl-nav__promo-cta {display: none; }
  #cl-nav .cl-nav__promo-tag {display: none; }
  #cl-footer {padding: 60px 0 28px; }
  #cl-footer .cl-footer__contact .cl-footer__phone {font-size: 22px; white-space: nowrap; }
  #cl-footer .cl-footer__top {grid-template-columns: 1fr; gap: 36px; padding-bottom: 40px; }
  #cl-footer .cl-footer__bottom {flex-direction: column; align-items: flex-start; }
}
@media (max-width: 1300px) {
  #cl-footer .cl-footer__top {grid-template-columns: repeat(3, 1fr); row-gap: 30px; }
  #cl-footer .cl-footer__brand {grid-column: 1 / -1; max-width: 560px; }
}
@media (max-width: 1024px) {
  #cl-footer .cl-footer__top {grid-template-columns: 1fr 1fr; gap: 32px 28px; }
  #cl-footer .cl-footer__brand {grid-column: 1 / -1; }
}
@media (max-width: 1380px) {
  #cl-nav .cl-nav__phone {display: none; }
}

/* — embed-specific stacking + logged-in admin bar offsets — */
#cl-nav.cl-nav--embed { z-index: 99990; }
#cl-mbar { z-index: 99991; }
body.admin-bar #cl-nav.cl-nav--embed { top: 32px; }
@media (max-width: 782px) { body.admin-bar #cl-nav.cl-nav--embed { top: 46px; } }