/* Shared brand layer: type, header and footer for every customer page. */
/* Fraunces and Instrument Sans are licensed under the SIL Open Font License 1.1 (see /fonts/LICENSE.txt). */
@font-face{font-family:"Fraunces";src:url("/fonts/fraunces-normal-latin.woff2") format("woff2");font-weight:300 600;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("/fonts/fraunces-italic-latin.woff2") format("woff2");font-weight:300 600;font-style:italic;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("/fonts/instrument-sans-normal-latin.woff2") format("woff2");font-weight:400 600;font-style:normal;font-display:swap}

:root{
 --brand-display:"Fraunces","Iowan Old Style","Baskerville",Georgia,serif;
 --brand-body:"Instrument Sans","Avenir Next","Avenir","Segoe UI",sans-serif;
 --brand-forest:#214b3d;
 --brand-ink:#1f3a30;
 --brand-cream:#faf7f0;
 --brand-paper:#fffdf8;
 --brand-sage:#e9ecdf;
 --brand-sage-deep:#c9d3bd;
 --brand-blush:#f5e6dc;
 --brand-clay:#8f4128;
 --brand-line:#e0e2d6;
 --brand-muted:#4f604c;
 --brand-gutter:max(24px,calc((100% - 1200px) / 2));
}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Header */
.order-header{position:relative;z-index:5;box-sizing:border-box;width:100%;max-width:none;margin:0;min-height:76px;padding:12px var(--brand-gutter);display:flex;align-items:center;gap:24px;background:var(--brand-cream);border-bottom:1px solid var(--brand-line);font-family:var(--brand-body);color:var(--brand-ink)}
.order-header .wordmark{display:flex;align-items:center;gap:9px;margin-right:auto;font-family:var(--brand-body);font-size:24px;font-weight:600;letter-spacing:-1px;line-height:1;white-space:nowrap;min-height:48px;color:var(--brand-forest)}
.order-header .wordmark>span>span{font-weight:400}
.order-header .wordmark>svg{width:30px;height:30px;flex:none}
.order-header .order-navigation{display:flex;align-items:center;gap:4px;white-space:nowrap}
.order-header .order-navigation>a,.order-header .account-link{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;font-size:15px;font-weight:500;line-height:1;color:var(--brand-ink);text-decoration:none}
.order-header .order-navigation>a:hover,.order-header .order-navigation>a[aria-current=page]{background:var(--brand-sage)}
.order-header .account-link{border:1px solid var(--brand-sage-deep);white-space:nowrap}
.order-header .account-link:hover{background:var(--brand-sage)}
.order-header a:focus-visible{outline:2px solid var(--brand-forest);outline-offset:2px}
@media(max-width:1000px){
 .order-header{flex-wrap:wrap;min-height:0;padding:8px 16px 0;gap:0 12px}
 .order-header .wordmark{font-size:22px}
 .order-header .wordmark>svg{width:28px;height:28px}
 .order-header .account-link{padding:0 14px;font-size:15px}
 .order-header .order-navigation{order:3;flex:0 0 calc(100% + 32px);margin:4px -16px 0;padding:0 8px 6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:2px;mask-image:linear-gradient(90deg,#000 88%,transparent)}
 .order-header .order-navigation::-webkit-scrollbar{display:none}
 .order-header .order-navigation>a{padding:0 12px;font-size:15px}
}
@media(max-width:350px){.order-header .wordmark{font-size:19px}.order-header .account-link{padding:0 10px;font-size:14px}}

/* Footer */
.site-footer{display:block;box-sizing:border-box;width:100%;max-width:none;margin:80px 0 0;border-top:0;padding:56px var(--brand-gutter) 28px;background:var(--brand-forest);color:#f4f2e8;font-family:var(--brand-body);font-size:15px;line-height:1.5}
.site-footer-inner{display:grid;grid-template-columns:1.6fr repeat(3,minmax(0,1fr));gap:40px}
.site-footer .wordmark{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-family:var(--brand-body);font-size:22px;font-weight:600;letter-spacing:-1px;color:#fffdf8;white-space:nowrap}
.site-footer .wordmark>span>span{font-weight:400}
.site-footer .wordmark svg{width:28px;height:28px;flex:none}
.site-footer-brand p{margin:12px 0 0;max-width:36ch;color:#dbe2d4;font-size:15px}
.site-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.site-footer nav h2{margin:0 0 8px;font-family:var(--brand-body);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#bccab1}
.site-footer nav a{display:flex;align-items:center;min-height:40px;font-size:15px;color:#fffdf8;text-decoration:none}
.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.site-footer a:focus-visible{outline:2px solid #fffdf8;outline-offset:3px}
.site-footer-address{max-width:none;line-height:1.5;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;margin:40px 0 0;padding-top:20px;border-top:1px solid #ffffff2e;color:#dbe2d4;font-size:14px}
@media(max-width:760px){
 .site-footer{margin-top:56px;padding:40px 20px 28px}
 .site-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
 .site-footer-brand{grid-column:1/-1}
 .site-footer-address{flex-direction:column}
}