/* Maximalism / Collage — overlapping layers, mixed type, no empty space */

body {
    background:
        repeating-linear-gradient(45deg, #fff6e5 0 22px, #ffeccd 22px 44px),
        #fff6e5;
    color: #16130f;
    font-family: 'Trebuchet MS', 'Segoe UI', system-ui, sans-serif;
    line-height: 1.5;
}

.site-head {
    border-bottom: 4px solid #16130f;
    background: #ffd166;
}
.brand {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: #16130f;
    background: #ffffff;
    padding: .25rem .7rem;
    border: 3px solid #16130f;
    transform: rotate(-1.5deg);
}
.site-head nav { gap: .5rem; }
.site-head nav a {
    color: #16130f;
    border: 2px solid #16130f;
    padding: .3rem .7rem;
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #ffffff;
    border-bottom: 2px solid #16130f;
}
.site-head nav a:nth-child(2) { background: #9be7c4; transform: rotate(1deg); }
.site-head nav a:nth-child(3) { background: #ff9fb2; transform: rotate(-1deg); }
.site-head nav a:hover { background: #16130f; color: #ffd166; }

.hero { padding: 4.5rem 0 3.5rem; position: relative; }
.eyebrow {
    display: inline-block;
    background: #16130f;
    color: #ffd166;
    padding: .28rem .8rem;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: 1.4rem;
    transform: rotate(-1deg);
}
.hero h1 {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2.4rem, 7vw, 4.6rem);
    line-height: .95;
    letter-spacing: -.03em;
    font-weight: 700;
    max-width: 15ch;
    margin-bottom: 1.5rem;
    text-shadow: 3px 3px 0 #ff9fb2;
}
.lede {
    background: #ffffff;
    border: 3px solid #16130f;
    padding: 1rem 1.2rem;
    max-width: 44ch;
    font-size: .95rem;
    color: #16130f;
    transform: rotate(.6deg);
    box-shadow: 5px 5px 0 #9be7c4;
    margin-bottom: 2rem;
}

.btn {
    border-radius: 0;
    border: 3px solid #16130f;
    background: #ff9fb2;
    color: #16130f;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: .8rem;
    box-shadow: 5px 5px 0 #16130f;
}
.btn:hover { transform: translate(3px, 3px); box-shadow: 2px 2px 0 #16130f; background: #ffb6c5; color: #16130f; }
.btn.ghost { background: #9be7c4; color: #16130f; border-color: #16130f; }
.btn.ghost:hover { background: #b6f0d5; }

.services { border-top: 4px solid #16130f; background: #ffffff; }
.services > .wrap { gap: 1.2rem; }
.services article {
    border: 3px solid #16130f;
    padding: 1.5rem 1.3rem;
    box-shadow: 6px 6px 0 #16130f;
}
.services article:nth-child(1) { background: #ffe9a8; transform: rotate(-1.2deg); }
.services article:nth-child(2) { background: #b9dbff; transform: rotate(.8deg) translateY(6px); }
.services article:nth-child(3) { background: #dcc6ff; transform: rotate(-.6deg); }
.services h2 {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.25rem;
    margin-bottom: .5rem;
}
.services p { font-size: .88rem; color: #2a2620; }
.num {
    display: inline-block;
    background: #16130f;
    color: #ffd166;
    font-size: .7rem;
    font-weight: 700;
    padding: .1rem .4rem;
    margin-bottom: .9rem;
}

.quote { border-top: 4px solid #16130f; background: #ffd166; }
.quote blockquote {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(1.4rem, 3.4vw, 2.2rem);
    line-height: 1.2;
    font-weight: 700;
    max-width: 26ch;
    background: #ffffff;
    border: 3px solid #16130f;
    padding: 1.5rem;
    box-shadow: 6px 6px 0 #16130f;
    transform: rotate(-.8deg);
    margin-bottom: 1.2rem;
}
.quote cite {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .74rem;
    color: #16130f;
}

.cta { border-top: 4px solid #16130f; background: #9be7c4; }
.cta > .wrap { align-items: center; }
.cta h2 {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(1.7rem, 4vw, 2.6rem);
    text-shadow: 3px 3px 0 #ffffff;
}
.cta p { color: #16130f; font-weight: 600; }

footer { border-top: 4px solid #16130f; background: #16130f; }
footer .wrap { color: #ffd166; font-weight: 700; text-transform: uppercase; font-size: .72rem; letter-spacing: .08em; }
.back-chip {
    background: #ffd166;
    color: #16130f;
    border: 3px solid #16130f;
    border-radius: 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .68rem;
    box-shadow: 4px 4px 0 #16130f;
    opacity: 1;
}

@media (max-width: 760px) {
    .services article { transform: none !important; }
    .lede { transform: none; }
}