/* generated by wp/build-chrome.js from staging base.css + components.css (interim header/footer) */
:root { --mark-a: currentColor; --mark-b: #c9bda8; --ink: #101a24; --navy: #15222f; --slate: #2f4a62; --stone: #c9bda8; --stone-deep: #8a7960; --paper: #f8f6f1; --wash: #eeeae2; --muted: #55606a; --line: rgba(21, 34, 47, .16); --line-light: rgba(248, 246, 241, .18); --display: "Montserrat", system-ui, sans-serif; --body: "Inter", system-ui, sans-serif; --gutter: max(clamp(20px, 5vw, 76px), calc((100vw - 1560px) / 2)); --section: clamp(84px, 10.5vw, 170px); --ease: cubic-bezier(.22, 1, .36, 1); }
/* the theme's and the Site Settings' element defaults, taken back to staging's base rules inside the header and footer */
:where(.nav, .menu, .foot, .dock) :where(p, h1, h2, h3, ul, ol, figure) { margin: 0; padding: 0; border: 0; }
:where(.nav, .menu, .foot, .dock) :where(b, small) { font-size: inherit; }
body [type=button]:where(.nav *, .menu *) { margin: 0; padding: 1px 6px; border: 2px outset ButtonBorder; border-radius: 0; background-color: ButtonFace; font: inherit; color: inherit; letter-spacing: normal; text-transform: none; text-align: center; white-space: normal; transition: none; }
html body [type=button]:where(.nav *, .menu *):is(:hover, :focus) { background-color: transparent; color: inherit; }
html body .menu .btn {display: inline-flex; align-items: center; justify-content: center; gap: 16px; padding: 19px 28px; border: 1px solid currentColor; background: none; cursor: pointer; font: 500 11.5px/1.35 var(--display); letter-spacing: .19em; text-transform: uppercase; text-align: left; transition: background .4s, color .4s, border-color .4s;}
html body .menu .btn svg {flex: none; width: 16px; height: 16px; transition: transform .4s var(--ease);}
html body .menu .btn:hover svg {transform: translateX(5px);}
html body .menu .btn--light {background: var(--paper); color: var(--ink); border-color: var(--paper);}
html body .menu .btn--light:hover {background: var(--stone); border-color: var(--stone);}
html body .menu .btn--ink {background: var(--ink); color: var(--paper); border-color: var(--ink);}
html body .menu .btn--ink:hover {background: var(--slate); border-color: var(--slate);}
html body .menu .btn--ghost:hover {background: var(--paper); color: var(--ink); border-color: var(--paper);}
html body .nav {position: fixed; inset: 0 0 auto; z-index: 30; display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 24px var(--gutter); color: var(--paper); transition: background .45s, color .45s, padding .45s, box-shadow .45s;}
html body .nav.is-solid {padding-block: 13px; background: rgba(248, 246, 241, .97); color: var(--ink); box-shadow: 0 1px 0 var(--line);}
html body .brand {display: flex; align-items: center; gap: 14px;}
html body .brand svg {width: 40px; height: 36px;}
html body .brand b {display: block; font: 600 16px/1 var(--display); letter-spacing: .24em;}
html body .brand small {display: block; margin-top: 6px; font: 400 8.5px/1 var(--display); letter-spacing: .3em; opacity: .78;}
html body .nav__links {display: flex; align-items: center; gap: clamp(18px, 2.2vw, 36px); font: 500 11.5px/1 var(--display); letter-spacing: .17em; text-transform: uppercase;}
html body .nav__links > a:not(.nav__cta), html body .nav__sub > button {position: relative; padding: 8px 0;}
html body .nav__links > a:not(.nav__cta)::after {content: ""; position: absolute; inset: auto 0 0; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .45s var(--ease);}
html body .nav__links > a:hover::after {transform: scaleX(1);}
html body .nav__sub {position: relative;}
html body .nav__sub > button {display: flex; gap: 8px; align-items: center; background: none; border: 0; cursor: pointer; font: inherit; letter-spacing: inherit; text-transform: inherit;}
html body .nav__sub > button i {width: 6px; height: 6px; margin-top: -3px; border-right: 1px solid; border-bottom: 1px solid; transform: rotate(45deg);}
html body .nav__menu {position: absolute; top: 100%; left: -22px; min-width: 250px; padding: 14px 22px; background: var(--paper); color: var(--ink); box-shadow: 0 24px 50px -24px rgba(16, 26, 36, .5); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .3s, transform .3s var(--ease), visibility .3s; letter-spacing: .1em;}
html body .nav__menu a {display: block; padding: 10px 0; border-bottom: 1px solid var(--line); text-transform: none; font-size: 13px; letter-spacing: .02em;}
html body .nav__menu a:last-child {border-bottom: 0;}
html body .nav__menu a:hover {color: var(--stone-deep);}
html body .nav__sub:hover .nav__menu, html body .nav__sub:focus-within .nav__menu {opacity: 1; visibility: visible; transform: none;}
html body .nav__cta {padding: 13px 18px; border: 1px solid currentColor; transition: background .35s, color .35s;}
html body .nav__cta:hover {background: var(--paper); color: var(--ink);}
html body .nav.is-solid .nav__cta {background: var(--ink); color: var(--paper); border-color: var(--ink);}
html body .nav.is-solid .nav__cta:hover {background: var(--slate);}
html body .nav__btn {display: none; width: 46px; height: 46px; padding: 0; background: none; border: 1px solid currentColor; color: inherit; cursor: pointer;}
html body .nav__btn i {display: block; width: 18px; height: 1px; margin: 6px auto; background: currentColor;}
html body .foot {display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.1fr) minmax(0, .6fr); gap: 40px clamp(30px, 5vw, 80px); padding: clamp(52px, 6vw, 88px) var(--gutter) 84px; border-top: 1px solid var(--line-light); background: var(--ink); color: rgba(248, 246, 241, .68); font-size: 15px;}
html body .foot__brand {display: flex; align-items: center; gap: 14px; color: var(--paper);}
html body .foot__brand svg {width: 42px; height: 38px;}
html body .foot__name {font: 500 16px/1.2 var(--display); letter-spacing: .02em;}
html body .foot__tag {margin-top: 4px; font-size: 13px; color: var(--stone);}
html body .foot__about {margin-top: 20px; max-width: 420px;}
html body .foot__contact {margin-top: 12px; color: var(--paper);}
html body .foot__h {margin-bottom: 12px; font: 500 11px/1.4 var(--display); letter-spacing: .2em; text-transform: uppercase; color: var(--stone);}
html body .foot nav a {display: inline-block; width: 100%; padding: 4px 0; transition: color .25s;}
html body .foot nav.two a {width: 49%;}
html body .foot nav a:hover {color: var(--paper);}
html body .foot__legal {grid-column: 1 / -1; padding-top: 22px; border-top: 1px solid var(--line-light); font-size: 13px;}
html body .menu {position: fixed; inset: 0; z-index: 25; overflow-y: auto; display: flex; flex-direction: column; gap: 2px; padding: 96px var(--gutter) 30px; background: var(--ink); color: var(--paper); font: 300 30px/1.35 var(--display); letter-spacing: -.02em; opacity: 0; visibility: hidden; transition: opacity .35s, visibility .35s;}
html body .menu.is-open {opacity: 1; visibility: visible;}
html body .menu summary {cursor: pointer; list-style-position: inside;}
html body .menu details div {display: grid; gap: 3px; padding: 8px 0 12px 22px; font-size: 17px; letter-spacing: 0; color: rgba(248, 246, 241, .8);}
html body .menu .btn {align-self: flex-start; margin-top: 22px;}
html.menu-open body .nav {background: none; color: var(--paper); box-shadow: none;}
html body .dock {display: none;}
@media (max-width: 1160px) {
  html body .nav__phone {display: none;}
}
@media (max-width: 960px) {
  html body .nav {padding-block: 13px;}
  html body .nav__links {display: none;}
  html body .nav__btn {display: block;}
  html body .foot {grid-template-columns: 1fr; padding-bottom: 104px;}
  html body .dock {position: fixed; inset: auto 0 0; z-index: 20; display: grid; grid-template-columns: auto 1fr; gap: 8px; padding: 9px 12px calc(9px + env(safe-area-inset-bottom, 0px)); background: rgba(248, 246, 241, .97); box-shadow: 0 -1px 0 var(--line); transform: translateY(110%); transition: transform .4s var(--ease);}
  html body .dock.is-on {transform: none;}
  html body .dock a {padding: 14px 16px; text-align: center; border: 1px solid var(--line); font: 500 11px/1.2 var(--display); letter-spacing: .13em; text-transform: uppercase;}
  html body .dock a:last-child {background: var(--ink); color: var(--paper); border-color: var(--ink);}
}