body {
    color: #111;
    --case-accent: #F9DCE6;
    --case-accent-soft: #fff4f7;
}
body.hfm-case { --case-accent: #ffe45e; --case-accent-soft: #fff6d2; }
body.litfulo-case { --case-accent: #018266; --case-accent-soft: #e4f2ee; }
body.music-case { --case-accent: #d7c6e8; --case-accent-soft: #f5f0fa; }

a { color: inherit; }

.go-back-nav {
    display: inline-block;
    margin: 1em 0 4.5em;
    font-size: 1em;
}
.go-back-nav:hover { text-decoration: underline; }

.case-hero { max-width: 880px; margin-bottom: 3em; }
.eyebrow, .section-kicker {
    margin: 0 0 0.7em;
    font-size: 0.9em;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #555;
}
.case-hero h1 {
    font-size: clamp(3rem, 8vw, 5.4rem);
    line-height: 0.95;
    margin: 0 0 0.28em;
    font-weight: 700;
}
.case-lede {
    max-width: 760px;
    margin: 0;
    font-size: clamp(1.3rem, 2.4vw, 1.8rem);
    line-height: 1.28;
}
.case-meta-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.2em;
    margin-top: 3em;
    padding-top: 1.5em;
    border-top: 1px solid #c7cbd0;
}
.case-meta-grid div, .callout { display:flex; flex-direction:column; gap:0.25em; }
.meta-label { font-size: 0.82em; color:#666; text-transform:uppercase; letter-spacing:.06em; }

.hero-image-wrap, .artifact-card {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0,0,0,.06);
}
.hero-image-wrap { margin: 0 auto 5.5em; max-width: 860px; }
.hero-image-wrap img, .artifact-card img { display:block; width:100%; height:auto; }

.case-section {
    padding: 0 0 6.5em;
    max-width: 880px;
}
.case-section h2 {
    max-width: 760px;
    margin: 0 0 .65em;
    font-size: clamp(1.75rem, 4vw, 2.65rem);
    line-height: 1.08;
    font-weight: 650;
}
.case-study-text {
    display:block;
    max-width: 760px;
    margin: 0 0 1em;
    font-size: 1.16em;
    line-height: 1.65;
}

.callout-grid {
    display:grid;
    grid-template-columns:1fr;
    gap:1em;
    margin-top:2.5em;
}
.callout {
    padding: 1.2em 1.3em;
    border: 1px solid #cfd4d9;
    border-radius: 14px;
    background: rgba(255,255,255,.45);
}

.responsibility-list {
    display:flex;
    flex-wrap:wrap;
    gap:.65em;
    margin-top:2em;
}
.responsibility-list span {
    padding:.55em .85em;
    border:1px solid #111;
    border-radius:999px;
    font-size:.95em;
}

.visual-section {
    max-width: 1024px;
}
.section-copy { max-width: 880px; margin-bottom: 2.3em; }
.artifact-card { padding: 1.2em; }
.artifact-caption {
    margin: .9em .25em .15em;
    font-size: .92em;
    color: #666;
}

.decision-points {
    display:grid;
    gap:1em;
    margin-top:2em;
}
.decision-points div {
    border-left: 3px solid var(--case-accent);
    padding-left:1em;
}
.decision-points p { margin:.25em 0 0; line-height:1.5; }

.final-artifact img { object-fit: contain; background:#fff; }
.outcome-section { padding-bottom: 3.5em; }
.case-note {
    margin-top:2em;
    padding:1em 1.2em;
    background:var(--case-accent-soft);
    border-radius:12px;
    font-size:.95em;
    line-height:1.5;
}
.case-footer {
    padding:2em 0 4em;
    border-top:1px solid #c7cbd0;
}
.case-footer a:hover { text-decoration:underline; }

@media (min-width: 760px) {
    .case-meta-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .callout-grid { grid-template-columns: repeat(3, 1fr); }
    .decision-points { grid-template-columns: repeat(2, 1fr); }
    .artifact-card { padding: 2em; }
}

/* LITFULO audience segment cards */
.audience-section { max-width: 1024px; }
.audience-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25em;
    margin-top: 2.4em;
}
.audience-card {
    display: grid;
    grid-template-columns: 88px 1fr;
    gap: 1.1em;
    align-items: start;
    padding: 1.35em;
    border: 1px solid #cfd4d9;
    border-radius: 18px;
    background: rgba(255,255,255,.48);
}
.audience-portrait {
    width: 88px;
    height: 88px;
    object-fit: cover;
    border-radius: 50%;
    display: block;
}
.audience-label {
    margin: 0 0 .25em;
    font-size: .78em;
    color: #666;
    text-transform: uppercase;
    letter-spacing: .07em;
    font-weight: 700;
}
.audience-card h3 {
    margin: 0 0 .45em;
    font-size: 1.55em;
    line-height: 1.1;
}
.audience-card p {
    margin: 0 0 .9em;
    line-height: 1.5;
}
.audience-card ul {
    margin: 0;
    padding-left: 1.15em;
    line-height: 1.55;
}
.audience-card li + li { margin-top: .3em; }
.insight-callout {
    margin-top: 1.25em;
    padding: 1.35em 1.5em;
    border-left: 3px solid var(--case-accent);
    background: rgba(255,255,255,.42);
    border-radius: 0 14px 14px 0;
}
.insight-callout p {
    max-width: 820px;
    margin: .35em 0 0;
    font-size: 1.08em;
    line-height: 1.55;
}

@media (min-width: 860px) {
    .audience-grid { grid-template-columns: repeat(2, 1fr); }
    .audience-card {
        grid-template-columns: 108px 1fr;
        gap: 1.35em;
        padding: 1.6em;
    }
    .audience-portrait { width: 108px; height: 108px; }
}


/* Stacked case-study artifacts */
.artifact-stack {
    display: grid;
    gap: 1.5em;
}
.artifact-stack .artifact-card img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.artifact-caption strong {
    color: #222;
}


/* LITFULO wireframe showcase */
.wireframe-showcase {
    display: grid;
    gap: 1.5em;
}
.wireframe-showcase figure {
    margin: 0;
}
.wireframe-wide img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.mobile-wireframe-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5em;
}
.mobile-wireframe-card {
    display: flex;
    flex-direction: column;
}
.mobile-wireframe-card img {
    width: 100%;
    max-height: 820px;
    object-fit: contain;
    object-position: top center;
    background: #f7f8fa;
}
@media (min-width: 760px) {
    .mobile-wireframe-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }
}


/* LITFULO combined wireframes + considerations */
.decision-points.three-up { grid-template-columns: 1fr; }
.responsive-label { margin: 2.6em 0 1.2em; max-width: 760px; }
.responsive-label h3, .constraint-callout h3 { margin: 0 0 .45em; font-size: 1.45em; line-height: 1.2; }
.responsive-label p { margin: 0; max-width: 720px; line-height: 1.55; }
.constraint-callout { margin: 2.8em 0 1.4em; }
.constraint-callout p { margin-top: .5em; }
@media (min-width: 860px) {
    .case-meta-grid { grid-template-columns: .8fr 2.2fr 1.2fr 1fr; gap: 2em; max-width: 1040px; align-items:start; }
    .case-hero { max-width: 1040px; }
    .decision-points.three-up { grid-template-columns: repeat(3, 1fr); }
}

/* High Five Movement */
.high-five-hero-image { background:#ffe45e; max-width: 780px; }
.high-five-hero-image img { display:block; width:100%; height:auto; }
.compact-artifact { margin-top:2.4em; }
.existing-product-card img { background:#fff; }

.hfm-insight-grid {
    display:grid;
    grid-template-columns:1fr;
    gap:1em;
    margin:2.4em 0 3em;
}
.hfm-insight-card {
    position:relative;
    padding:1.45em 1.5em 1.5em;
    border:1px solid #cfd4d9;
    border-radius:16px;
    background:rgba(255,255,255,.48);
}
.hfm-insight-number,
.hfm-principle-index {
    display:block;
    margin-bottom:.8em;
    font-size:.78em;
    font-weight:800;
    letter-spacing:.08em;
    color:#777;
}
.hfm-insight-card h3,
.hfm-principles-grid h3,
.hfm-adjacent-review h3,
.hfm-persona-card h3 {
    margin:0 0 .55em;
    font-size:1.35em;
    line-height:1.18;
}
.hfm-insight-card p,
.hfm-principles-grid p,
.hfm-adjacent-review p,
.hfm-persona-card p {
    margin:0;
    line-height:1.55;
}
.hfm-adjacent-review {
    display:grid;
    grid-template-columns:1fr;
    gap:1.4em;
    align-items:center;
    padding-top:2em;
    border-top:1px solid #c7cbd0;
}
.hfm-mini-kicker {
    margin:0 0 .55em !important;
    font-size:.8em;
    text-transform:uppercase;
    letter-spacing:.07em;
    font-weight:800;
    color:#666;
}
.hfm-adjacent-copy p + p { margin-top:.8em; }
.hfm-uber-card {
    max-width:300px;
    justify-self:center;
}
.hfm-uber-card img { border-radius:10px; }

.hfm-persona-card {
    display:grid;
    grid-template-columns:1fr;
    gap:1.5em;
    align-items:center;
    margin-top:2.4em;
    padding:1.5em;
    border:1px solid #cfd4d9;
    border-radius:18px;
    background:rgba(255,255,255,.5);
}
.hfm-persona-portrait {
    width:160px;
    height:160px;
    object-fit:cover;
    border-radius:50%;
    justify-self:center;
}
.hfm-persona-card h3 { font-size:1.75em; }
.hfm-persona-card h3 span { font-weight:450; color:#555; font-size:.7em; }
.hfm-persona-details {
    display:grid;
    grid-template-columns:1fr;
    gap:1em;
    margin:1.25em 0;
}
.hfm-persona-details p { margin-top:.3em; }
.hfm-persona-card blockquote {
    margin:1.1em 0 0;
    padding-left:1em;
    border-left:3px solid var(--case-accent);
    font-size:1.1em;
    font-style:italic;
    line-height:1.45;
}
.hfm-problem-statement {
    margin-top:1.5em;
    padding:1.5em;
    border-radius:16px;
    background:var(--case-accent-soft);
}
.hfm-problem-statement p {
    margin:.45em 0 0;
    font-size:1.25em;
    line-height:1.5;
    font-weight:600;
}
.hfm-principles-grid {
    display:grid;
    grid-template-columns:1fr;
    gap:1em;
    margin-top:1.5em;
}
.hfm-principles-grid article {
    padding:1.35em 1.4em;
    border:1px solid #cfd4d9;
    border-radius:16px;
    background:rgba(255,255,255,.45);
}
.hfm-next-section {
    margin-top:1em;
    padding-top:3em;
    border-top:1px solid #c7cbd0;
}

@media (min-width:760px) {
    .hfm-insight-grid { grid-template-columns:repeat(3,1fr); }
    .hfm-adjacent-review { grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr); gap:2.2em; }
    .hfm-persona-card { grid-template-columns:180px 1fr; padding:1.8em; }
    .hfm-persona-portrait { width:180px; height:180px; }
    .hfm-persona-details { grid-template-columns:repeat(2,1fr); }
    .hfm-principles-grid { grid-template-columns:repeat(3,1fr); }
}

/* High Five concept testing */
.hfm-hmw-grid {
    display:grid;
    grid-template-columns:1fr;
    gap:.9em;
    margin:2.2em 0 4em;
}
.hfm-hmw-grid article {
    display:grid;
    grid-template-columns:42px 1fr;
    gap:.9em;
    align-items:start;
    padding:1.15em 1.2em;
    border:1px solid #cfd4d9;
    border-radius:14px;
    background:rgba(255,255,255,.46);
}
.hfm-hmw-grid span {
    font-size:.78em;
    font-weight:800;
    color:#777;
    letter-spacing:.08em;
    padding-top:.2em;
}
.hfm-hmw-grid p { margin:0; line-height:1.45; font-weight:650; }
.hfm-concept-block {
    padding:0 0 4.5em;
    margin-bottom:4.5em;
    border-bottom:1px solid #c7cbd0;
}
.hfm-concept-copy { max-width:760px; margin-bottom:1.7em; }
.hfm-concept-copy h3 { margin:0 0 .5em; font-size:1.75em; line-height:1.15; }
.hfm-concept-copy p:not(.hfm-mini-kicker) { margin:0; font-size:1.08em; line-height:1.6; }
.hfm-paper-grid { display:grid; grid-template-columns:1fr; gap:1.1em; align-items:start; }
.hfm-paper-grid figure { margin:0; padding:1em; background:#fff; }
.hfm-paper-grid img { max-height:720px; object-fit:contain; object-position:top center; }
.hfm-paper-grid.compact-papers img { max-height:620px; }
.hfm-carry-forward { margin-top:0; }

@media (min-width:760px) {
    .hfm-hmw-grid { grid-template-columns:repeat(2,1fr); }
    .hfm-paper-grid.two-up { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .hfm-paper-grid.three-up { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

/* Four-item case study metadata after removing Team */
@media (min-width:860px) {
    .case-meta-grid,
    .case-meta-five {
        grid-template-columns:1fr 2.4fr 1.5fr .7fr;
        gap:1.5em;
    }
    .case-meta-five > div:nth-child(3) { grid-column:auto; }
}

/* High Five refinement, final prototype, and outcome */
.hfm-iteration-block {
    padding:0 0 4.5em;
    margin-bottom:4.5em;
    border-bottom:1px solid #c7cbd0;
}
.hfm-iteration-copy { max-width:780px; margin-bottom:1.7em; }
.hfm-iteration-copy h3 { margin:0 0 .5em; font-size:1.75em; line-height:1.15; }
.hfm-iteration-copy p:not(.hfm-mini-kicker) { margin:0; font-size:1.08em; line-height:1.6; }
.hfm-gif-grid { display:grid; grid-template-columns:1fr; gap:1.15em; align-items:start; }
.hfm-gif-grid figure { margin:0; padding:1em; background:#fff; }
.hfm-gif-grid img { display:block; width:100%; max-height:760px; object-fit:contain; object-position:top center; }
.hfm-gif-grid.single-gif { max-width:560px; }
.hfm-final-overview { margin-top:2.4em; }
.hfm-final-overview img { display:block; width:100%; height:auto; }
.hfm-final-decisions,
.hfm-reflection-grid { display:grid; grid-template-columns:1fr; gap:1em; margin-top:2em; }
.hfm-final-decisions article,
.hfm-reflection-grid > div {
    padding:1.35em 1.4em;
    border:1px solid #cfd4d9;
    border-radius:16px;
    background:rgba(255,255,255,.46);
}
.hfm-final-decisions span { display:block; margin-bottom:.75em; font-size:.78em; font-weight:800; color:#777; letter-spacing:.08em; }
.hfm-final-decisions h3 { margin:0 0 .5em; font-size:1.25em; line-height:1.2; }
.hfm-final-decisions p,
.hfm-reflection-grid p { margin:0; line-height:1.55; }
.client-quote {
    margin:2.5em 0;
    padding:1.6em 1.7em;
    border-left:4px solid #ffe45e;
    background:rgba(255,255,255,.55);
}
.client-quote p { margin:0 0 .8em; font-size:1.35em; line-height:1.45; font-weight:650; }
.client-quote cite { font-style:normal; color:#666; }
@media (min-width:760px) {
    .hfm-gif-grid.two-up { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .hfm-final-decisions { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .hfm-reflection-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}


/* Case-study polish pass v20 */
.hfm-principles-bridge { margin-top: 1.6em; margin-bottom: 1.4em; max-width: 780px; }
.hfm-case .hfm-insight-card,
.hfm-case .hfm-principles-grid article,
.hfm-case .hfm-persona-card { border-color: color-mix(in srgb, var(--case-accent) 70%, #cfd4d9); }
.hfm-case .hfm-insight-number, .hfm-case .hfm-principle-index, .hfm-case .hfm-mini-kicker { color:#6a5a00; }
.litfulo-case .audience-card, .litfulo-case .callout { border-color: color-mix(in srgb, var(--case-accent) 45%, #cfd4d9); }
.litfulo-case .audience-label { color:#016b55; }

.editorial-decisions { margin-top:2.2em; border-top:1px solid #c7cbd0; }
.editorial-decisions article { display:grid; grid-template-columns:56px 1fr; gap:1.2em; padding:1.35em 0; border-bottom:1px solid #c7cbd0; }
.editorial-decisions .decision-index { font-size:.82em; font-weight:800; letter-spacing:.08em; color:#777; padding-top:.25em; }
.editorial-decisions h3 { margin:0 0 .35em; font-size:1.2em; line-height:1.25; }
.editorial-decisions p { margin:0; max-width:720px; line-height:1.55; }

@media (min-width:860px) {
  .hero-image-wrap:not(.high-five-hero-image) { max-width:820px; }
  .case-meta-grid strong { line-height:1.35; }
}

/* Eric Carle Museum */
body.ecm-case { --case-accent:#1F6F78; --case-accent-soft:#E8F2F3; }
.ecm-case .section-kicker { color:#1F6F78; }
.ecm-hero-image { max-width: 780px; background:#cbdadd; }
.ecm-existing-card { margin-top:2.2em; }
.ecm-existing-card img { max-height:520px; object-fit:contain; background:#fff; }
.ecm-research-grid {
    display:grid;
    grid-template-columns:1fr;
    gap:1em;
    margin-top:2.3em;
}
.ecm-research-card {
    padding:1.4em 1.5em;
    border:1px solid #cfd4d9;
    border-radius:16px;
    background:rgba(255,255,255,.48);
}
.ecm-research-card h3 { margin:0 0 .5em; font-size:1.3em; line-height:1.2; }
.ecm-research-card p { margin:0; line-height:1.55; }
.ecm-stats {
    display:grid;
    grid-template-columns:1fr;
    gap:1em;
    margin-top:2.5em;
}
.ecm-stat {
    padding:1.25em 0 0;
    border-top:4px solid var(--case-accent);
}
.ecm-stat strong { display:block; font-size:2.25em; line-height:1; margin-bottom:.35em; }
.ecm-stat span { display:block; line-height:1.45; }
.ecm-source { margin:.9em 0 0; color:#666; font-size:.9em; }
.ecm-persona-card {
    display:grid;
    grid-template-columns:1fr;
    gap:1.5em;
    align-items:center;
    margin-top:2.3em;
    padding:1.5em;
    border:1px solid #cfd4d9;
    border-radius:18px;
    background:rgba(255,255,255,.48);
}
.ecm-persona-portrait {
    width:150px;
    height:150px;
    object-fit:cover;
    border-radius:50%;
    border:5px solid var(--case-accent-soft);
}
.ecm-persona-card h3 { margin:0 0 .1em; font-size:1.75em; }
.ecm-persona-subtitle { margin:0 0 1.1em; font-size:1.05em; color:#555; }
.ecm-persona-columns { display:grid; grid-template-columns:1fr; gap:1.25em; }
.ecm-persona-columns h4 { margin:0 0 .45em; font-size:1em; }
.ecm-persona-columns ul { margin:0; padding-left:1.15em; line-height:1.5; }
.ecm-journey { margin-top:1.7em; }
.ecm-journey img { background:#fff; }
.ecm-opportunity {
    margin-top:1.4em;
    padding:1.25em 1.4em;
    background:var(--case-accent-soft);
    border-left:4px solid var(--case-accent);
    border-radius:0 14px 14px 0;
    line-height:1.55;
}
.ecm-principles {
    display:grid;
    grid-template-columns:1fr;
    gap:1em;
    margin-top:2.3em;
}
.ecm-principle {
    padding:1.35em 1.4em;
    border-left:4px solid var(--case-accent);
    background:rgba(255,255,255,.42);
    border-radius:0 14px 14px 0;
}
.ecm-principle .index { display:block; margin-bottom:.65em; font-size:.78em; font-weight:800; letter-spacing:.08em; color:#555; }
.ecm-principle h3 { margin:0 0 .45em; font-size:1.3em; }
.ecm-principle p { margin:0; line-height:1.55; }
@media (min-width:760px) {
    .ecm-research-grid { grid-template-columns:repeat(3,1fr); }
    .ecm-stats { grid-template-columns:repeat(3,1fr); }
    .ecm-persona-card { grid-template-columns:180px 1fr; padding:1.8em; }
    .ecm-persona-portrait { width:180px; height:180px; }
    .ecm-persona-columns { grid-template-columns:repeat(2,1fr); }
    .ecm-principles { grid-template-columns:repeat(2,1fr); }
}


/* Eric Carle Museum — remaining sections */
.ecm-existing-card { max-width: 880px; margin-left:auto; margin-right:auto; }
.ecm-existing-card img { max-height: 520px; object-fit: contain; }
.ecm-source { margin-top: .85rem; font-size: .86rem; color:#5d6368; }
.ecm-exploration-grid,
.ecm-final-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1.5rem;
    margin-top:2rem;
}
.ecm-exploration-grid .artifact-card,
.ecm-final-grid .artifact-card { margin:0; }
.ecm-exploration-grid img { aspect-ratio: 16 / 10; object-fit: contain; background:#fff; }
.ecm-final-grid img { aspect-ratio: 16 / 10; object-fit: contain; background:#fff; }
.ecm-refinement-list { margin-top:2rem; border-top:1px solid #c8ced3; }
.ecm-refinement-item {
    display:grid;
    grid-template-columns:54px 1fr;
    gap:1.2rem;
    padding:1.55rem 0;
    border-bottom:1px solid #c8ced3;
}
.ecm-refinement-item .index { color:var(--case-accent-strong,#1f6f78); font-weight:800; letter-spacing:.05em; }
.ecm-refinement-item h3 { margin:0 0 .35rem; }
.ecm-refinement-item p { margin:0; max-width:820px; }
.ecm-walkthrough-block {
    margin-top:3rem;
    padding-top:2rem;
    border-top:1px solid #c8ced3;
    display:grid;
    grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
    gap:2rem;
    align-items:center;
}
.ecm-video { width:100%; border-radius:18px; background:#111; box-shadow:0 10px 30px rgba(0,0,0,.08); }
@media (max-width:780px) {
    .ecm-exploration-grid,.ecm-final-grid,.ecm-walkthrough-block { grid-template-columns:1fr; }
}

/* Music industry short-form case study */
.music-hero-image { background:#c6a9cd; }
.music-hero-image img { width:100%; height:auto; object-fit:cover; }
.music-dashboard-card { max-width:720px; }
.music-dashboard-card img { max-height:760px; object-fit:contain; background:#f4f2f5; }
.music-scope-callout { max-width:760px; }

/* Music Industry App */
.music-hero-image {
    max-width: 920px;
    background: #c9b7ff;
}
.music-hero-image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}
.chatbot-flow-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25em;
    margin-top: 2.5em;
    align-items: start;
}
.chatbot-screen {
    margin: 0;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 26px rgba(0,0,0,.06);
    border: 1px solid rgba(17,17,17,.06);
}
.chatbot-screen img {
    display: block;
    width: 100%;
    height: auto;
}
@media (min-width: 760px) {
    .chatbot-flow-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1.4em; }
}

/* Music Industry App: solid lavender hero treatment */
.music-hero-image {
    background: #c9b7ff;
}

/* Keep the global navigation compact on case-study pages while retaining the back link. */
.litfulo-case .site-nav,
.hfm-case .site-nav,
.ecm-case .site-nav,
.music-case .site-nav {
    margin-bottom: 1.25em;
}