/* Refined boutique palette and improved readability. */
:root {
    --teal: #008f87;
    --deep: #171b1a;
    --pink: #008f87;
    --yellow: #ffffff;
    --cream: #f3f2ef;
    --lavender: #dce6e4;
    --ink: #1b2725;
    --line: #cbd5d2;
    --muted: #465754;
}

body { font-size: 18px; line-height: 1.68; }
h3 { font-size: 21px; }
.site-header { border-top-color: var(--teal); }
.wordmark span { font-size: 12px; letter-spacing: .22em; }
.site-header nav { font-size: 14px; letter-spacing: .07em; }
.site-header nav a:last-child {
    background: #fff;
    border: 2px solid var(--deep);
    box-shadow: 4px 4px 0 var(--teal);
}
.hero-copy:after { color: var(--teal); }
.eyebrow { font-size: 13px; letter-spacing: .16em; }
.intro { font-size: 20px; max-width: 500px; }
.button {
    background: var(--teal);
    padding: 18px 24px;
    font-size: 16px;
    box-shadow: 6px 6px 0 var(--deep);
}
.button:hover { box-shadow: 3px 3px 0 var(--deep); }
.hero-note { font-size: 14px; letter-spacing: .06em; }
.hero-image > img { box-shadow: 18px 18px 0 var(--teal); }
.hero-image figcaption { font-size: 13px; }
.style-badge { background: var(--teal); font-size: 19px; }
.style-badge strong { font-size: 12px; }
.mood-strip { background: #fff; font-size: 14px; letter-spacing: .1em; }
.mood-strip i { color: var(--teal); }
.brand-band:after { background: var(--teal); }
.brand-copy .eyebrow { color: #b9ded9; }
.visit-heading:after {
    background: #fff;
    font-size: 14px;
    box-shadow: 5px 5px 0 var(--teal);
}
.visit-heading .eyebrow,
.local-heading .eyebrow { color: var(--teal); }
.contact { box-shadow: 9px 9px 0 var(--teal); }
.hours { box-shadow: 9px 9px 0 var(--deep); }
.text-link { font-size: 16px; }
.hours dl > div { font-size: 17px; }
.hours-note { font-size: 15px; max-width: 360px; }
.map { box-shadow: 9px 9px 0 var(--teal); }
.site-footer { font-size: 14px; border-top-color: var(--teal); }
.footer-sub { font-size: 12px; color: #c7dfdc; }
.local-heading > p:last-child { font-size: 19px; max-width: 500px; }
.service-card:nth-child(2) { box-shadow: 7px 7px 0 var(--deep); }
.service-card:nth-child(3) { box-shadow: 7px 7px 0 #9fb2ae; }
.service-card.alterations:after,
.card-number { color: var(--teal); }
.service-card.alterations:after { color: #fff; background: var(--teal); font-size: 12px; }
.service-card p { font-size: 17px; line-height: 1.68; }
.facebook-link { background: var(--teal); font-size: 15px; padding: 12px 15px; }

@media (max-width: 600px) {
    body { font-size: 17px; }
    .wordmark span { font-size: 10px; }
    .site-header nav { font-size: 13px; }
    .eyebrow { font-size: 12px; }
    .intro { font-size: 18px; }
    .button { font-size: 15px; }
    .hero-image > img { box-shadow: 10px 10px 0 var(--teal); }
    .local-heading > p:last-child { font-size: 17px; }
    .map { box-shadow: 6px 6px 0 var(--teal); }
}