/* Canvas: Juno Reyes */

@layer custom {
:root {
  --cnvs-themecolor: #B24A29;
  --cnvs-themecolor-rgb: 178,74,41;
  --cnvs-body-font: 'Familjen Grotesk', sans-serif;
  --cnvs-primary-font: 'Familjen Grotesk', sans-serif;
  --cnvs-secondary-font: 'Familjen Grotesk', sans-serif;
  --cnvs-heading-font: 'Familjen Grotesk', sans-serif;
  --space-1: 4px; --space-2: 8px; --space-3: 16px; --space-4: 24px;
  --space-5: 40px; --space-6: 64px; --space-7: 96px; --space-8: 140px;
  --band: 48px; --band-compact: 40px; --gutter: 24px;
  --fs-display: clamp(2.75rem, 5.5vw, 5rem);
  --fs-h1: clamp(2.5rem, 4.5vw, 4rem);
  --fs-h2: clamp(1.75rem, 3vw, 2.75rem);
  --fs-h3: 1.5rem;
  --fs-lead: 1.25rem;
  --fs-body: 1.0625rem;
  --fs-small: 0.9375rem;
  --fs-label: 0.8125rem;
  --radius-s: 0;
  --c-ground: #F4EFE8; --c-ground-2: #EADFD2; --c-ink: #1E1815;
  --c-muted: #5E534B; --c-accent: #B24A29; --c-line: #1E1815;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
}
@media (min-width: 768px) { :root { --band: var(--space-7); --band-compact: var(--space-6); } }

body { font-family: var(--cnvs-body-font); font-size: var(--fs-body); line-height: 1.6; color: var(--c-ink); background: var(--c-ground); }
#wrapper { background: var(--c-ground); }
h1, h2, h3, h4 { font-family: var(--cnvs-primary-font); color: var(--c-ink); text-wrap: balance; }
p { text-wrap: pretty; }
a { color: var(--c-ink); }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 2px solid var(--c-accent); outline-offset: 2px; }

#header.jr-header { --cnvs-header-sticky-bg: var(--c-ground); border-bottom: 0; }
#header.jr-header #header-wrap, #header.jr-header .header-wrap-clone { background: var(--c-ground); }
#header.jr-header .cnvs-menu-link { color: var(--c-ink); font-size: var(--fs-small); font-weight: 600; }
#header.jr-header .cnvs-menu-item.current > .cnvs-menu-link, #header.jr-header .cnvs-menu-link:hover { color: #8A3519; }
@media (min-width: 992px) {
  .is-expanded-menu #header.jr-header .header-row { display: flex; align-items: center; }
  .is-expanded-menu #header.jr-header #logo { order: 1; flex: 1 1 0; margin: 0; }
  .is-expanded-menu #header.jr-header .primary-menu { order: 2; flex: 0 0 auto; margin: 0; }
  .is-expanded-menu #header.jr-header .header-misc { order: 3; flex: 1 1 0; margin: 0; justify-content: flex-end; display: flex; }
  .is-expanded-menu #header.jr-header .primary-menu .menu-container { background: var(--c-ground-2); border-radius: 999px; padding: 6px; margin: 0; gap: 2px; }
  .is-expanded-menu #header.jr-header .primary-menu .menu-container > .cnvs-menu-item > .cnvs-menu-link { border: 0; border-radius: 999px; padding: 10px var(--space-4); transition: background-color 160ms var(--ease-out), color 160ms var(--ease-out); }
  .is-expanded-menu #header.jr-header .primary-menu .menu-container > .cnvs-menu-item > .cnvs-menu-link:hover { background: rgba(var(--cnvs-themecolor-rgb), 0.12); color: #8A3519; }
  .is-expanded-menu #header.jr-header .cnvs-menu-item.current > .cnvs-menu-link { background: var(--c-ground); color: var(--c-ink); box-shadow: inset 0 0 0 1px var(--c-ink); }
  .is-expanded-menu #header.jr-header .jr-header-btn { border-radius: 999px; padding: 12px var(--space-5); }
}
@media (max-width: 991.98px) { #header.jr-header #header-wrap { background: var(--c-ground); } .jr-header-btn { display: none; } #header.jr-header #logo { min-width: 0; } }
@media (max-width: 575.98px) { #header .header-misc .button { display: none; } }

.jr-btn, a.jr-btn { display: inline-block; background: var(--c-accent); color: #fff; border: 0; border-radius: 0; padding: var(--space-3) var(--space-5); font-size: var(--fs-small); font-weight: 600; line-height: 1.2; text-shadow: none; transition: background-color 160ms var(--ease-out), transform 160ms var(--ease-out); }
.jr-btn:hover, a.jr-btn:hover { background: var(--c-ink); color: #fff; }
.jr-btn:active { transform: scale(0.97); }
.jr-header-btn { padding: 12px var(--space-4); margin: 0; }
.jr-btn-light, a.jr-btn-light { background: #fff; color: var(--c-ink); }
.jr-btn-light:hover, a.jr-btn-light:hover { background: var(--c-ink); color: #fff; }

.jr-hero { padding: var(--band-compact) 0; background: var(--c-ground); }
.jr-display { font-size: var(--fs-display); line-height: 1.02; font-weight: 700; letter-spacing: -0.02em; margin-bottom: var(--space-4); }
.jr-lead { font-size: var(--fs-lead); line-height: 1.5; color: var(--c-ink); max-width: 52ch; }
.jr-stats { display: flex; flex-wrap: wrap; gap: var(--space-4) var(--space-5); margin: var(--space-5) 0; padding: var(--space-4) 0; border-top: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); }
.jr-stat strong { display: block; font-size: var(--fs-h2); line-height: 1.1; font-weight: 700; }
.jr-stat span { font-size: var(--fs-small); color: var(--c-muted); }
.jr-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); }
.jr-social { display: flex; gap: var(--space-3); list-style: none; margin: 0; padding: 0; }
.jr-social a { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid var(--c-line); color: var(--c-ink); font-size: 1.15rem; transition: background-color 160ms var(--ease-out), color 160ms var(--ease-out); }
.jr-social a:hover { background: var(--c-accent); border-color: var(--c-accent); color: #fff; }
.jr-hero-frame { position: relative; margin: 0 var(--space-4) var(--space-4) 0; }
.jr-hero-frame::before { content: ""; position: absolute; inset: var(--space-4) calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-4); background: var(--c-accent); }
.jr-hero-photo { position: relative; display: block; width: 100%; height: auto; max-height: 720px; object-fit: cover; }
@media (min-width: 992px) { .jr-hero-frame { margin-top: var(--space-5); } }

.jr-main, .jr-main .content-wrap { background: var(--c-ground); }
.jr-band, .section.jr-band { padding: var(--band) 0; margin: 0; background: var(--c-ground); }
.jr-band-alt, .section.jr-band-alt { background: var(--c-ground-2); }
.jr-band-accent, .section.jr-band-accent { background: var(--c-accent); color: #fff; }
.jr-band-accent .jr-lead { color: #fff; margin-bottom: var(--space-5); }
.jr-h2 { font-size: var(--fs-h2); line-height: 1.1; font-weight: 600; margin-bottom: var(--space-5); letter-spacing: -0.01em; }
.jr-h1 { font-size: var(--fs-h1); line-height: 1.05; font-weight: 700; letter-spacing: -0.02em; margin-bottom: var(--space-4); }
.jr-h3 { font-size: var(--fs-h3); line-height: 1.2; font-weight: 600; margin-bottom: var(--space-2); }
.jr-label { font-size: var(--fs-label); font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--c-muted); }
.jr-pagehead { padding: var(--band-compact) 0 var(--band); border-bottom: 1px solid var(--c-line); background: var(--c-ground); }
.jr-pagehead .jr-lead { margin-bottom: 0; }
.jr-muted { color: var(--c-muted); }

.jr-rows { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--c-line); }
.jr-rows li { border-bottom: 1px solid var(--c-line); }
.jr-rows a { display: grid; grid-template-columns: 1fr; gap: var(--space-2); padding: var(--space-4) var(--space-2); text-decoration: none; transition: background-color 160ms var(--ease-out); }
.jr-rows a:hover { background: var(--c-ground-2); }
.jr-rows-title { font-size: var(--fs-h3); font-weight: 600; line-height: 1.2; }
.jr-rows-note { color: var(--c-muted); }
@media (min-width: 992px) { .jr-rows a { grid-template-columns: 7fr 5fr; align-items: center; gap: var(--gutter); } }

.jr-tile { display: block; text-decoration: none; border-top: 1px solid var(--c-line); padding-top: var(--space-3); }
.jr-tile img { display: block; width: 100%; height: auto; margin-bottom: var(--space-3); }
.jr-tile-title { display: block; font-size: var(--fs-h3); font-weight: 600; line-height: 1.2; }
.jr-tile:hover .jr-tile-title { text-decoration: underline; text-decoration-color: var(--c-accent); text-underline-offset: 4px; }
.jr-tile-meta { display: block; margin-top: var(--space-2); font-size: var(--fs-small); color: var(--c-muted); }

.jr-giant-ink { font-size: clamp(5rem, 14vw, 11rem); line-height: 0.95; font-weight: 700; letter-spacing: -0.03em; color: var(--c-accent); }
.jr-giant { font-size: clamp(3rem, 9vw, 8rem); line-height: 1; font-weight: 700; letter-spacing: -0.03em; color: #fff; margin-bottom: var(--space-4); max-width: 12ch; }
.jr-letter { font-size: var(--fs-lead); line-height: 1.55; max-width: 60ch; }
.jr-sign { font-size: var(--fs-h3); font-weight: 600; color: var(--c-accent); margin: var(--space-4) 0 0; }

.jr-filter, ul.grid-filter.jr-filter { display: flex; flex-wrap: wrap; gap: var(--space-2); list-style: none; margin: 0 0 var(--space-5); padding: 0; float: none; }
.jr-filter li { float: none; margin: 0; }
.jr-filter li a { display: block; padding: 10px var(--space-3); border: 1px solid var(--c-line); color: var(--c-ink); font-size: var(--fs-small); font-weight: 600; background: transparent; border-radius: 0; }
.jr-filter li a:hover, .jr-filter li.activeFilter a { background: var(--c-ink); color: #fff; }
.jr-item { border-top: 1px solid var(--c-line); padding-top: var(--space-3); margin-bottom: var(--space-4); }
.jr-item img { display: block; width: 100%; height: auto; margin-bottom: var(--space-3); }
.jr-item-type { font-size: var(--fs-label); font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--c-accent); margin-bottom: var(--space-2); display: block; }
.jr-item-title { font-size: var(--fs-h3); line-height: 1.2; font-weight: 600; margin: 0 0 var(--space-2); }
.jr-item-meta { font-size: var(--fs-small); color: var(--c-muted); margin: 0; }
.jr-item-text { background: var(--c-ground-2); padding: var(--space-4); min-height: 100%; }
.jr-item a { text-decoration: none; }
#library.jr-band { padding: var(--band) 0; }
#library #portfolio.portfolio { margin-bottom: 0; }
#library .jr-filter { margin-bottom: var(--space-5); }
.jr-item a:hover .jr-item-title { text-decoration: underline; text-decoration-color: var(--c-accent); text-underline-offset: 4px; }

.jr-photo { display: block; width: 100%; height: auto; }
.jr-bars { display: grid; gap: var(--space-4); }
.jr-bar-head { display: flex; justify-content: space-between; font-size: var(--fs-small); font-weight: 600; margin-bottom: var(--space-2); }
.jr-bar-track { height: 12px; background: var(--c-ground-2); }
.jr-bar-fill { height: 100%; background: var(--c-accent); }
.jr-w-61 { width: 61%; } .jr-w-24 { width: 24%; } .jr-w-9 { width: 9%; } .jr-w-6 { width: 6%; }
.jr-w-38 { width: 38%; } .jr-w-42 { width: 42%; } .jr-w-14 { width: 14%; } .jr-w-30 { width: 30%; }
.jr-w-34 { width: 34%; } .jr-w-18 { width: 18%; } .jr-w-12 { width: 12%; } .jr-w-8 { width: 8%; } .jr-w-26 { width: 26%; }
.jr-brands { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--c-line); border-left: 1px solid var(--c-line); }
.jr-brand { padding: var(--space-5) var(--space-3); border-right: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); font-size: var(--fs-h3); font-weight: 700; letter-spacing: -0.01em; text-align: center; }
@media (min-width: 768px) { .jr-brands { grid-template-columns: repeat(3, 1fr); } }
.jr-form { background: var(--c-ground); border: 1px solid var(--c-line); padding: var(--space-5) var(--space-4); }
.jr-form label { display: block; font-size: var(--fs-label); font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--c-muted); margin-bottom: var(--space-2); }
.jr-form .form-control:where(:not(.form-select)), .jr-form select.form-control:where(:not(.form-select)) { height: 52px; border: 1px solid var(--c-ink); border-radius: 0; background: #fff; color: var(--c-ink); font-size: var(--fs-body); box-shadow: none; }
.jr-form textarea.form-control:where(:not(.form-select)) { height: auto; }
.jr-form .form-control:where(:not(.form-select)):focus { outline: 2px solid var(--c-accent); outline-offset: 0; border-color: var(--c-ink); }
.jr-form .cnvs-form-group { margin-bottom: var(--space-4); }
.jr-form .cnvs-form-group.mb-0 { margin-bottom: 0; }
.jr-form .form-result { margin-bottom: var(--space-3); }
.jr-figures { display: grid; gap: var(--space-4); grid-template-columns: repeat(3, 1fr); }
.jr-figure strong { display: block; font-size: var(--fs-h2); font-weight: 700; color: var(--c-accent); line-height: 1.1; }
.jr-figure span { font-size: var(--fs-small); color: var(--c-muted); }

.jr-product { border-top: 1px solid var(--c-line); padding-top: var(--space-3); height: 100%; display: flex; flex-direction: column; }
.jr-product img { display: block; width: 100%; height: auto; margin-bottom: var(--space-3); }
.jr-product-title { font-size: var(--fs-h3); line-height: 1.2; font-weight: 600; margin-bottom: var(--space-2); }
.jr-product-desc { color: var(--c-muted); flex-grow: 1; }
.jr-product-price { font-size: var(--fs-h2); font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; margin: var(--space-3) 0; }
.jr-product-price small { font-size: var(--fs-small); font-weight: 500; color: var(--c-muted); }
.jr-product .jr-btn { align-self: flex-start; }

.jr-year { font-size: var(--fs-h2); font-weight: 700; color: var(--c-accent); line-height: 1; }
.jr-entries { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--c-line); }
.jr-entries li { border-bottom: 1px solid var(--c-line); }
.jr-entry { display: grid; gap: var(--space-2); padding: var(--space-4) var(--space-2); text-decoration: none; transition: background-color 160ms var(--ease-out); }
.jr-entry:hover { background: var(--c-ground-2); }
.jr-entry-date { font-size: var(--fs-small); color: var(--c-muted); font-variant-numeric: tabular-nums; }
.jr-entry-title { font-size: var(--fs-h3); line-height: 1.2; font-weight: 600; }
.jr-entry-note { color: var(--c-muted); margin: 0; max-width: 62ch; }
@media (min-width: 992px) { .jr-entry { grid-template-columns: 2fr 6fr 4fr; gap: var(--gutter); } }

#footer.jr-footer { --cnvs-footer-bg: var(--c-ink); background: var(--c-ink); }
#footer.jr-footer .footer-widgets-wrap { padding: var(--band) 0; }
#footer .jr-footer-lead { font-size: var(--fs-h2); line-height: 1.1; font-weight: 600; color: #fff; max-width: 18ch; margin-bottom: var(--space-4); }
#footer .footer-widgets-wrap a.jr-footer-mail { font-size: var(--fs-h3); font-weight: 600; color: #fff; text-decoration: underline; text-decoration-color: var(--c-accent); text-underline-offset: 6px; }
#footer .footer-widgets-wrap a.jr-footer-mail:hover { color: #F0B49E; }
.jr-footer-index { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,0.3); }
.jr-footer-index li { border-bottom: 1px solid rgba(255,255,255,0.3); }
#footer .footer-widgets-wrap .jr-footer-index a { display: block; padding: var(--space-3) 0; font-size: var(--fs-h3); font-weight: 600; color: #fff; text-decoration: none; transition: color 160ms var(--ease-out); }
#footer .footer-widgets-wrap .jr-footer-index a:hover { color: #F0B49E; }
#footer #copyrights { background: var(--c-ink); color: #D9D0C8; border-top: 1px solid rgba(255,255,255,0.3); padding: var(--space-4) 0; font-size: var(--fs-small); }
#footer #copyrights a { color: #fff; text-decoration: underline; }

@media (max-width: 575.98px) { .jr-figures { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }

#portfolio .jr-item-text .jr-item-type { color: #a44425; }

@media (min-width: 992px) {
  .is-expanded-menu #header.jr-header .header-row { flex-wrap: nowrap; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #header .header-misc { display: none; }
  .is-expanded-menu #header.jr-header .primary-menu .menu-container > .cnvs-menu-item > .cnvs-menu-link { padding-left: var(--space-3); padding-right: var(--space-3); }
}
.jr-side-photo { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.jr-rows-reveal .jr-rows-note { transition: opacity 200ms var(--ease-out); }
@media (hover: hover) and (pointer: fine) {
  .jr-rows-reveal .jr-rows-note { opacity: 0.45; }
  .jr-rows-reveal a:hover .jr-rows-note, .jr-rows-reveal a:focus-visible .jr-rows-note { opacity: 1; }
}
#footer .jr-footer-lead { font-size: clamp(2.5rem, 6vw, 5rem); max-width: 14ch; line-height: 1.02; }
#footer .footer-widgets-wrap a.jr-footer-mail { font-size: clamp(1.5rem, 3vw, 2.5rem); }

@media (min-width: 992px) {
  .is-expanded-menu #header.jr-header .primary-menu { margin-left: 0; flex-grow: 0; justify-content: center; }
  .is-expanded-menu #header.jr-header .primary-menu .menu-container { margin-left: 0; }
}
#about .jr-side-photo { aspect-ratio: 3 / 2; }
.jr-pagehead .jr-photo { aspect-ratio: 3 / 2; object-fit: cover; }
#past-partners .jr-photo { height: 100%; min-height: 240px; object-fit: cover; }
#inquire .jr-photo { aspect-ratio: 4 / 3; object-fit: cover; margin-top: var(--space-5); }

.jr-timeline { list-style: none; margin: var(--space-5) 0 0; padding: 0; display: grid; gap: var(--space-5); position: relative; }
.jr-timeline li { position: relative; z-index: 1; padding-top: var(--space-3); border-top: 1px solid var(--c-line); }
.jr-timeline li::before { content: ""; position: absolute; top: -6px; left: 0; width: 11px; height: 11px; background: var(--c-accent); }
.jr-tl-when { display: block; font-size: var(--fs-small); font-weight: 600; color: var(--c-accent-text, var(--c-accent)); margin-bottom: var(--space-2); }
.jr-tl-title { font-size: var(--fs-h3); font-weight: 600; line-height: 1.2; margin: 0 0 var(--space-2); }
.jr-timeline p { margin: 0; color: var(--c-muted); }
@media (min-width: 992px) { .jr-timeline { grid-template-columns: repeat(5, 1fr); gap: var(--gutter); } }

.jr-process-fig { margin: 0; }
.jr-process-fig .jr-photo { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.jr-process-fig figcaption { margin-top: var(--space-2); font-size: var(--fs-small); color: var(--c-muted); }

.jr-quote { margin: 0; padding: var(--space-4); border: 1px solid var(--c-line); background: var(--c-ground); height: 100%; }
.jr-quote blockquote { margin: 0 0 var(--space-4); font-size: var(--fs-lead); line-height: 1.35; font-weight: 500; color: var(--c-ink); }
.jr-quote figcaption { font-size: var(--fs-small); color: var(--c-muted); }
.jr-quote figcaption strong { display: block; color: var(--c-ink); }
.jr-faq { border-top: 1px solid var(--c-line); margin: 0; padding: var(--space-3) 0; }
.jr-faq .toggle-title { font-size: var(--fs-h3); font-weight: 600; color: var(--c-ink); }
.jr-faq .toggle-icon { color: var(--c-accent); }
.jr-faq .toggle-content { color: var(--c-muted); padding-top: var(--space-2); }
#kind-words .owl-dots .owl-dot span { background: var(--c-line); }
#kind-words .owl-dots .owl-dot.active span { background: var(--c-accent); }

.jr-photo, .jr-tile img, .jr-side-photo { transition: transform 500ms var(--ease-out), filter 500ms var(--ease-out); }
.jr-btn, .jr-header-btn { transition: transform 160ms var(--ease-out), background-color 160ms var(--ease-out), color 160ms var(--ease-out); }
.jr-btn:active, .jr-header-btn:active { transform: scale(0.97); }
.jr-tile, .jr-product, .jr-brand, .jr-figure { transition: transform 250ms var(--ease-out), border-color 250ms var(--ease-out), background-color 250ms var(--ease-out); }
.jr-tile { overflow: hidden; }
.jr-entry-title { transition: color 160ms var(--ease-out), transform 250ms var(--ease-out); }
@media (hover: hover) and (pointer: fine) {
  .jr-tile:hover { transform: translateY(-4px); border-color: var(--c-accent); }
  .jr-tile:hover img { transform: scale(1.04); }
  .jr-product:hover { transform: translateY(-4px); }
  .jr-product:hover .jr-product-title { color: var(--c-accent); }
  .jr-brand:hover { background: var(--c-ink); color: #fff; }
  .jr-entry:hover .jr-entry-title { color: var(--c-accent); transform: translateX(8px); }
  .jr-btn:hover, .jr-header-btn:hover { transform: translateY(-2px); }
  .jr-pagehead .jr-photo:hover, .jr-hero .jr-photo:hover { transform: scale(1.02); }
}
@supports (animation-timeline: view()) {
  @keyframes jr-rise { from { opacity: 0.001; transform: translateY(32px); } to { opacity: 1; transform: none; } }
  @media (prefers-reduced-motion: no-preference) {
    .jr-band .jr-h2, .jr-band .jr-lead, .jr-figure, .jr-product, .jr-tile, .jr-entry, .jr-brand, .jr-band .jr-photo {
      animation: jr-rise linear both; animation-timeline: view(); animation-range: entry 0% entry 45%;
    }
  }
}
.jr-progress { position: fixed; top: 0; left: 0; right: 0; height: 3px; background: var(--c-accent); transform-origin: 0 50%; transform: scaleX(0); z-index: 1100; pointer-events: none; }
@supports (animation-timeline: scroll()) {
  @keyframes jr-grow { to { transform: scaleX(1); } }
  @media (prefers-reduced-motion: no-preference) { .jr-progress { animation: jr-grow linear both; animation-timeline: scroll(root); } }
}
@media (prefers-reduced-motion: reduce) { .jr-progress { display: none; } }

:where(img[width][height]){height:auto}

:is(.content-wrap,.section):has([data-cx]){overflow-x:clip;overflow-y:visible}

.content-wrap {
  padding-top: 0;
  padding-bottom: 0;
}

.section {
  margin-top: 0;
  margin-bottom: 0;
}
#copyrights a:not(.button) { text-decoration: underline !important; text-underline-offset: 0.2em; }
#kind-words .owl-dots .owl-dot { width: 24px; height: 24px; padding: 8px; margin-inline: 0; box-sizing: border-box; background-clip: content-box; }
#header { --cnvs-primary-menu-hover-color: #8A3519; }
}