@charset "UTF-8";:root {--white: #ffffff;--white-2: #f4f2ef;--ink: #1c1c1e;--ink-2: #55555c;--spruce: #17423c;--lead: #a83f28;--sash: #e0a231;--marine: #27366d;--putty: #ece7dd;--on-spruce: #ffffff;--on-lead: #ffffff;--on-sash: #1c1c1e;--on-marine: #ffffff;--on-putty: #1c1c1e;--link: #17423c;--mark: #a83f28;--focus: #a83f28;--rule: #e2ded7;--rule-strong: #c6bfb3;--surface: var(--white);--text: var(--ink);--text-2: var(--ink-2);--display: "Fraunces", Georgia, "Times New Roman", serif;--face: "Familjen", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--t-micro: 0.75rem;--t-label: 0.8125rem;--t-small: 0.9375rem;--t-body: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);--t-lede: clamp(1.25rem, 1.1rem + 0.7vw, 1.75rem);--t-h3: clamp(1.1875rem, 1.1rem + 0.35vw, 1.4375rem);--t-h2: clamp(1.875rem, 1.5rem + 1.6vw, 3.25rem);--t-h1: clamp(2.75rem, 1.9rem + 4vw, 6rem);--shell: 84rem;--gutter: clamp(1.25rem, 4vw, 3rem);--band: clamp(4rem, 8vw, 7.5rem);--hair: 1px;}[data-paint=spruce] {--surface: var(--spruce);--text: var(--on-spruce);--text-2: #d8e5e2;--rule: rgba(255, 255, 255, 0.22);--chip: var(--spruce);--code: "TC-14";--name: "Harbour Spruce";}[data-paint=lead] {--surface: var(--lead);--text: var(--on-lead);--text-2: #fdf0ec;--rule: rgba(255, 255, 255, 0.24);--chip: var(--lead);}[data-paint=sash] {--surface: var(--sash);--text: var(--on-sash);--text-2: #1c1c1e;--rule: rgba(28, 28, 30, 0.22);--chip: var(--sash);}[data-paint=marine] {--surface: var(--marine);--text: var(--on-marine);--text-2: #d8def1;--rule: rgba(255, 255, 255, 0.22);--chip: var(--marine);}[data-paint=putty] {--surface: var(--putty);--text: var(--on-putty);--text-2: #4a4539;--rule: rgba(28, 28, 30, 0.2);--chip: var(--putty);}[data-paint=white] {--surface: var(--white);--text: var(--ink);--text-2: var(--ink-2);--rule: #e2ded7;}@font-face {font-family: "Fraunces";src: url("/assets/fonts/fraunces.woff2") format("woff2-variations");font-weight: 400 900;font-display: swap;}@font-face {font-family: "Familjen";src: url("/assets/fonts/familjen.woff2") format("woff2-variations");font-weight: 400 700;font-display: swap;}*, *::before, *::after {box-sizing: border-box;}:where(html) {-webkit-text-size-adjust: 100%;}body {margin: 0;background: var(--white);color: var(--ink);font-family: var(--face);font-size: var(--t-body);line-height: 1.55;-webkit-font-smoothing: antialiased;}:where(h1, h2, h3, h4, p, ul, ol, figure, blockquote) {margin: 0;}:where(ul, ol)[class] {padding: 0;list-style: none;}img, picture, svg {display: block;max-width: 100%;}a {color: inherit;}:focus-visible {outline: 3px solid var(--focus);outline-offset: 3px;}@media (prefers-reduced-motion: reduce) {*, *::before, *::after {animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important;}}.skip {position: absolute;left: -9999px;padding: 0.75rem 1rem;background: var(--ink);color: var(--white);}.skip:focus {left: 1rem;top: 1rem;z-index: 99;}.shell {width: 100%;max-width: var(--shell);margin-inline: auto;padding-inline: var(--gutter);}.shell--narrow {max-width: 46rem;}.field {position: relative;background: var(--surface);color: var(--text);padding-block: var(--band);}.field--flush {padding-block: 0;}.seam {line-height: 0;}.seam[data-from=white] {background: var(--white);}.seam[data-from=spruce] {background: var(--spruce);}.seam[data-from=lead] {background: var(--lead);}.seam[data-from=sash] {background: var(--sash);}.seam[data-from=marine] {background: var(--marine);}.seam[data-from=putty] {background: var(--putty);}.edge {display: block;width: 100%;height: clamp(2rem, 4vw, 3.75rem);fill: var(--surface);}.edge--mirror {transform: scaleX(-1);}.chip {display: inline-flex;align-items: center;gap: 0.6rem;font-size: var(--t-micro);font-weight: 600;letter-spacing: 0.14em;text-transform: uppercase;}.chip::before {content: "";width: 1.1rem;height: 1.1rem;border-radius: 2px;background: var(--chip, var(--ink));box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.18);}[data-paint]:not([data-paint=white]) .chip::before, .chip--plain::before {display: none;}.chip__code {color: var(--text-2);}[data-paint=sash] .chip, .field--shout .chip {--text-2: var(--ink-2);padding: 0.32rem 0.6rem;background: var(--white);color: var(--ink);}.h1 {font-family: var(--display);font-size: var(--t-h1);font-weight: 700;letter-spacing: -0.02em;line-height: 1;text-wrap: balance;}.h2 {font-family: var(--display);font-size: var(--t-h2);font-weight: 700;letter-spacing: -0.015em;line-height: 1.08;text-wrap: balance;}.h3 {font-size: var(--t-h3);font-weight: 700;letter-spacing: -0.008em;line-height: 1.25;}.lede {font-size: var(--t-lede);line-height: 1.42;text-wrap: pretty;}.eyebrow {display: block;font-size: var(--t-micro);font-weight: 600;letter-spacing: 0.18em;text-transform: uppercase;}.dim {color: var(--text-2);}.btn {display: inline-flex;align-items: center;gap: 0.6rem;padding: 0.95rem 1.6rem;border: 2px solid currentColor;background: var(--text);color: var(--surface);font: inherit;font-size: var(--t-small);font-weight: 650;letter-spacing: 0.01em;text-decoration: none;transition: background 0.18s ease, color 0.18s ease;}.btn:hover {background: transparent;color: var(--text);}.btn--ghost {background: transparent;color: var(--text);}.btn--ghost:hover {background: var(--text);color: var(--surface);}.head {position: sticky;top: 0;z-index: 40;background: var(--white);border-bottom: var(--hair) solid var(--rule);}.head__in {display: flex;align-items: center;justify-content: space-between;gap: 1rem;min-height: 4.25rem;}.brand {display: inline-flex;white-space: nowrap;align-items: baseline;gap: 0.5rem;font-family: var(--display);font-weight: 700;letter-spacing: -0.01em;text-decoration: none;}.brand__co {font-size: var(--t-micro);font-weight: 600;letter-spacing: 0.14em;text-transform: uppercase;color: var(--ink-2);}.nav {display: none;gap: clamp(1rem, 2.2vw, 2rem);align-items: center;}.nav a {font-size: var(--t-small);font-weight: 500;text-decoration: none;padding-block: 0.35rem;border-bottom: 2px solid transparent;}.nav a:hover, .nav a[aria-current=page] {border-bottom-color: var(--mark);}.head__tel {font-size: var(--t-small);font-weight: 650;text-decoration: none;white-space: nowrap;}.menu {position: relative;margin-right: -0.5rem;}.menu__btn {display: grid;place-items: center;width: 2.75rem;height: 2.75rem;cursor: pointer;list-style: none;}.menu__btn::-webkit-details-marker {display: none;}.menu__bars {display: grid;gap: 0.3rem;width: 1.375rem;}.menu__bars i {display: block;height: 2px;background: currentColor;transition: transform 0.28s ease, opacity 0.18s ease, width 0.28s ease;}.menu__bars i:nth-child(1) {width: 100%;transform: rotate(-1.2deg);}.menu__bars i:nth-child(2) {width: 86%;transform: rotate(0.8deg);}.menu__bars i:nth-child(3) {width: 94%;transform: rotate(-0.5deg);}.menu[open] .menu__bars i:nth-child(1) {transform: translateY(0.425rem) rotate(45deg);}.menu[open] .menu__bars i:nth-child(2) {opacity: 0;}.menu[open] .menu__bars i:nth-child(3) {width: 100%;transform: translateY(-0.425rem) rotate(-45deg);}.menu__panel {position: fixed;top: var(--head-h, 4.25rem);right: 0;bottom: 0;left: 0;z-index: 1;display: flex;flex-direction: column;gap: 0;overflow-y: auto;overscroll-behavior: contain;padding: clamp(1.25rem, 5vw, 2rem) var(--gutter) clamp(1.75rem, 6vw, 2.5rem);background: var(--surface);color: var(--text);}.menu__nav {display: flex;flex-direction: column;}.menu__link {padding-block: 0.55rem;border-bottom: 1px solid var(--rule);font-family: var(--display);font-size: clamp(1.75rem, 8vw, 2.5rem);font-weight: 700;letter-spacing: -0.03em;line-height: 1.15;text-decoration: none;}.menu__link[aria-current=page] {color: var(--text-2);}.menu__where {margin: 1.25rem 0 0;color: var(--text-2);font-size: var(--t-label);font-weight: 600;letter-spacing: 0.14em;text-transform: uppercase;}.menu__foot {display: flex;flex-wrap: wrap;align-items: center;gap: 0.9rem 1.25rem;margin: auto 0 0;padding-top: 2rem;}.menu__tel {font-weight: 650;text-decoration: none;white-space: nowrap;}@media (max-width: 27rem) {.brand__co {display: none;}}@media (min-width: 56rem) {.nav {display: flex;}.menu {display: none;}}.foot {background: var(--ink);color: var(--white);padding-block: clamp(3rem, 6vw, 4.5rem);}.foot a {color: inherit;}.foot__grid {display: grid;gap: 2rem;}.foot__h {font-size: var(--t-micro);font-weight: 600;letter-spacing: 0.16em;text-transform: uppercase;color: #9a9aa2;margin-bottom: 0.75rem;}.foot li + li {margin-top: 0.3rem;}.foot__towns {color: #b7b7be;font-size: var(--t-small);line-height: 1.7;}.foot__bottom {margin-top: 2.5rem;padding-top: 1.5rem;border-top: 1px solid rgba(255, 255, 255, 0.16);display: flex;flex-wrap: wrap;gap: 0.75rem 2rem;justify-content: space-between;font-size: var(--t-micro);color: #9a9aa2;}@media (min-width: 48rem) {.foot__grid {grid-template-columns: 1.4fr 1fr 1fr;gap: 3rem;}}.vh {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}.tint {transition: color 0.55s ease;}html.js .lay {opacity: 0;transform: translateY(14px);}html.js .lay.is-on {opacity: 1;transform: none;transition: opacity 0.5s ease, transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1);transition-delay: calc(var(--i, 0) * 70ms);}html.js .roll > span {display: block;clip-path: inset(0 100% 0 0);}html.js .roll.is-on > span {clip-path: inset(0 0 0 0);transition: clip-path 0.72s cubic-bezier(0.3, 0.7, 0.25, 1);transition-delay: calc(var(--i, 0) * 130ms);}@media (prefers-reduced-motion: reduce) {html.js .lay, html.js .lay.is-on, html.js .roll > span, html.js .roll.is-on > span {opacity: 1;transform: none;clip-path: none;transition: none;}}.head {transition: background-color 0.45s ease, color 0.45s ease, border-color 0.45s ease;}.head[data-paint] {background: var(--surface);color: var(--text);border-bottom-color: var(--rule);}.head[data-paint]:not([data-paint=white]):not([data-paint=sash]) {--mark: currentColor;}.head[data-paint=sash] {--surface: var(--white);--text: var(--ink);--text-2: var(--ink-2);--rule: #e2ded7;--mark: #a83f28;}.head[data-paint]:not([data-paint=white]):not([data-paint=sash]) .brand__co {color: inherit;opacity: 0.72;}.wipe {position: relative;overflow: hidden;}html.js .wipe::after {content: "";position: absolute;inset: 0;background: var(--spruce);transform-origin: right center;}html.js .wipe.is-on::after {transform: scaleX(0);transition: transform 0.85s cubic-bezier(0.55, 0.1, 0.2, 1);}@media (prefers-reduced-motion: reduce) {html.js .wipe::after {display: none;}.head {transition: none;}}