:root{--red:#c43840;--red-dark:#a82430;--aqua:#2e8b91}
.wordmark .dot{color:#f04b52}.brand-symbol:after{border-color:#ed4b53}.brand-symbol{border-color:currentColor}
.hero .button,.letter-hero .button:not(.outline-quote),.project-invite .button,.quote-invite .button,.quick-quote-bar .button{background:var(--red);border-color:var(--red);color:#fff}
.hero .button:hover,.letter-hero .button:not(.outline-quote):hover,.project-invite .button:hover,.quote-invite .button:hover{background:var(--red-dark)}
.section-top .eyebrow,.type-copy .eyebrow{color:var(--red-dark)}
.assurance{border-bottom:4px solid var(--red)}.project-list article>span,.next-steps article>span{color:var(--red-dark)}
.projects,.next-section{background:#e5efed}.project-invite h2 span{color:var(--red)}
header{gap:20px}.cart-trigger{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid #ffffff70;color:inherit;padding:11px 13px;cursor:pointer;white-space:nowrap;font-size:14px}.cart-trigger svg{width:21px;height:21px}.cart-count{background:var(--red);color:white;min-width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;font-size:12px}
#sbw-cart{padding:36px;width:min(660px,94vw);max-height:88vh;border:0;color:var(--ink);background:#fbfbf8}#sbw-cart::backdrop{background:#061b2bcc}#sbw-cart h2{font-size:36px;margin:0 40px 12px 0}.cart-subtitle{color:var(--muted);font-size:15px}.cart-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:30px;cursor:pointer}.cart-row{display:grid;grid-template-columns:70px 1fr;gap:16px;padding:22px 0;border-top:1px solid var(--line)}.cart-row img{width:70px;height:70px;object-fit:cover;border-radius:3px}.cart-row h3{font-size:20px;letter-spacing:-.025em;margin-bottom:7px}.cart-row p{font-size:14px;white-space:pre-wrap;margin-bottom:10px}.cart-row label{display:inline-flex;align-items:center;gap:10px;font-size:14px}.cart-row input{width:75px;padding:8px;min-height:40px}.cart-remove{margin-left:18px;border:0;background:none;text-decoration:underline;cursor:pointer;color:#992630;font-size:14px}.cart-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}.cart-actions .button:after{content:none}.cart-empty{padding:28px 0;border-block:1px solid var(--line)}.cart-save{margin:14px 0;border:1px solid var(--red);color:var(--red-dark);background:#fff;padding:12px 18px;cursor:pointer;font-weight:600}.cart-status{font-size:14px;color:var(--red-dark)}.cart-device-note{font-size:13px;color:var(--muted);margin-top:20px}.cart-add-style{display:block;background:none;border:0;color:var(--red-dark);font-size:14px;font-weight:600;padding:12px 0;cursor:pointer}.cart-add-style:hover{text-decoration:underline}
@media(max-width:1000px){header nav{gap:15px}header{gap:12px}header .cart-label{display:none}.cart-trigger{padding:10px}header>.button{padding:12px}}
@media(max-width:600px){header{flex-wrap:wrap}header>.button{margin-left:auto}.cart-trigger{margin-left:0}#sbw-cart{padding:28px 20px}.cart-row{grid-template-columns:54px 1fr}.cart-row img{width:54px;height:54px}}

@media(min-width:601px) and (max-width:800px){header nav{display:none}header .brand{margin-right:auto}}
.button:after{content:none}
@media(max-width:600px){header{flex-wrap:nowrap}header>.button{display:none}header .brand{margin-right:auto}.cart-trigger{flex-shrink:0}}

/* Keep the two purchase paths together and clear at every screen size. */
header.has-shop-actions{gap:24px}
header.has-shop-actions .brand{flex-shrink:0}
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:auto}
header .header-actions .button{display:inline-flex;white-space:nowrap;background:var(--red);border:1px solid var(--red);color:#fff;padding:13px 19px;border-radius:5px;min-height:46px;align-items:center;justify-content:center}
header .header-actions .button:hover{background:var(--red-dark);border-color:var(--red-dark)}
header .header-actions .cart-trigger{border:1px solid #ffffff70;background:#102838c9;border-radius:5px;min-height:46px;padding:10px 13px;justify-content:center;text-decoration:none}
header .header-actions .cart-trigger:hover{background:#254555;border-color:#fff}
header .header-actions .cart-count{background:#fff;color:#142d3c;font-weight:700}
.header-actions a:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:1100px){header.has-shop-actions nav{display:none}}
@media(max-width:600px){header.has-shop-actions{flex-wrap:wrap;gap:14px;padding:12px 0;top:34px}header.has-shop-actions .header-actions{width:100%;margin-left:0;gap:10px}header.has-shop-actions .header-actions .button{flex:1;font-size:13px;padding:10px 14px}header.has-shop-actions .header-actions .cart-label{display:inline}header.has-shop-actions .header-actions .cart-trigger{font-size:13px}body:has(header.has-shop-actions) .hero-copy{padding-top:40px}}