:root{--paper:#f0eee9;--ink:#1c1a17;--clay:#c1592e;--banner-h:38px}
*{box-sizing:border-box}
html{scroll-padding-top:calc(96px + var(--banner-h,38px))}
body{margin:0;background:#f0eee9;color:#1c1a17;font-family:'Barlow',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#c1592e;text-decoration:none}
a:hover{color:#1c1a17}
::selection{background:#c1592e;color:#f0eee9}
@media (max-width:1100px){[data-g4]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:560px){[data-g4]{grid-template-columns:1fr!important}}
@media (max-width:860px){
[data-burger]{display:flex!important}
[data-menu]{display:flex!important}
[data-logo-link]{flex:0 1 auto;min-width:0}
[data-logo-wrap]{width:min(210px,52vw)}
[data-logo]{height:auto!important;width:100%!important;max-width:100%!important}
[data-burger]{flex:none}
[data-two]{grid-template-columns:1fr!important}
[data-price]{grid-template-columns:1fr!important}
[data-g2],[data-g3]{grid-template-columns:1fr!important}
[data-g3] > div{border-left:0!important;padding-left:0!important;border-bottom:1px solid rgba(240,238,233,.2)}
[data-sticky]{position:static!important}
[data-whyrow]{grid-template-columns:56px minmax(0,1fr)!important}
[data-whyrow] p{grid-column:1/-1}
[data-quoterow]{grid-template-columns:1fr!important}
[data-row]{grid-template-columns:1fr!important}
[data-navlinks]{display:none!important}
[data-foot]{grid-template-columns:auto auto!important;justify-content:center!important;gap:22px 42px!important}
[data-foot-col3]{grid-column:1/-1;padding-top:20px;border-top:1px solid rgba(240,238,233,.14);text-align:center}
[data-foot-contact]{justify-items:center}
[data-foot-legal]{justify-content:center!important}
}

@media (min-width:861px){[data-navlinks] a{white-space:nowrap}}
@media (min-width:861px) and (max-width:1100px){
[data-nav] [data-logo]{height:40px!important}
[data-navlinks]{gap:12px!important}
[data-navlinks] a{font-size:12px!important;letter-spacing:.04em!important}
[data-navlinks] > span[aria-hidden]{display:none!important}
}

/* hover states (were style-hover attributes in the source) */
.hv-1:hover,.hv-1:focus-visible{color:#c1592e;background-size:100% 2px}
.hv-2:hover,.hv-2:focus-visible{background:#1c1a17;color:#f0eee9}
.hv-3:hover,.hv-3:focus-visible{background:#f0eee9;color:#1c1a17}
.hv-4:hover,.hv-4:focus-visible{transform:translateY(-8px);box-shadow:0 18px 48px rgba(193,89,46,.24)}
.hv-5:hover,.hv-5:focus-visible{background:#1c1a17}
.hv-6:hover,.hv-6:focus-visible{border-color:#c1592e;color:#c1592e}
.hv-7:hover,.hv-7:focus-visible{border-color:#c1592e;transform:translateY(-2px)}
.hv-8:hover,.hv-8:focus-visible{color:#c1592e}

/* desktop nav hover: a lasso drawn round the word, replacing the underline */
[data-navlinks] a{background-image:none!important}
[data-navlinks] [data-lasso]{
position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
width:calc(100% + 44px);height:calc(100% + 22px);
overflow:visible;pointer-events:none
}
[data-navlinks] [data-lasso] path{
fill:none;stroke:var(--clay,#c1592e);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
stroke-dasharray:var(--len,320);stroke-dashoffset:var(--len,320);
transition:stroke-dashoffset .52s cubic-bezier(.22,.78,.3,1)
}
[data-navlinks] a:hover [data-lasso] path,
[data-navlinks] a:focus-visible [data-lasso] path{stroke-dashoffset:0}
@media (prefers-reduced-motion:reduce){
[data-navlinks] [data-lasso] path{transition:none}
}

/* announcement bar, pinned above the nav */
[data-banner]{
position:fixed;top:0;left:0;right:0;z-index:65;
display:flex;align-items:center;justify-content:center;
min-height:38px;padding:9px 18px;
background:var(--clay,#c1592e);color:#f6f2ec;
font-family:'Barlow',system-ui,sans-serif;font-size:13px;font-weight:600;
letter-spacing:.02em;line-height:1.3;text-align:center;
transition:background .25s ease,color .25s ease
}
[data-banner]:hover,[data-banner]:focus-visible{background:#1c1a17;color:#f0eee9}
[data-banner-end]{white-space:nowrap}
[data-banner-arrow]{display:inline-block;transition:transform .25s ease}
[data-banner]:hover [data-banner-arrow]{transform:translateX(5px)}
/* everything that used to sit at the top of the viewport moves down by its height */
[data-nav]{top:var(--banner-h,38px)!important}
[data-menu]{top:var(--banner-h,38px)!important}
#page{padding-top:var(--banner-h,38px)}
@media (max-width:560px){
[data-banner]{font-size:11.5px;padding:8px 12px}
}
@media (prefers-reduced-motion:reduce){
[data-banner],[data-banner-arrow]{transition:none}
}