:root{--blog-ink:#28231f;--blog-muted:#716a63;--blog-line:#e9e2da;--blog-paper:#fffdfb;--blog-accent:#a86f48;--blog-soft:#f6f0e9}
.blog-page{max-width:1200px;margin:0 auto;padding:22px 24px 72px;color:var(--blog-ink)}
.breadcrumbs{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:.82rem;color:var(--blog-muted);margin:4px 0 28px}.breadcrumbs a{color:inherit;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}
.blog-brand-mark{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid currentColor;border-radius:50%;font-family:Georgia,serif;font-size:1rem;letter-spacing:-.08em;margin-right:9px}.blog-brand-name{display:inline-flex;flex-direction:column;line-height:1.05;font-family:Georgia,serif;font-size:1.02rem}.blog-brand-name small{font:500 .64rem/1.5 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;opacity:.72}
.article-header{max-width:860px;margin:0 auto 30px;text-align:center}.article-kicker,.cta-eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:700;text-transform:uppercase;color:var(--blog-accent)}.article-header h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(2.25rem,5.5vw,4.25rem);line-height:1.08;letter-spacing:-.035em;margin:15px 0 18px}.article-deck{font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.65;color:#605951;max-width:740px;margin:0 auto 18px}.article-byline{font-size:.82rem;color:var(--blog-muted)}
.article-hero{margin:0 auto 38px;max-width:1040px}.article-hero img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:8px}.article-hero figcaption,.article-image figcaption{font-size:.75rem;line-height:1.5;color:var(--blog-muted);margin-top:8px}.article-hero figcaption a,.article-image figcaption a{color:inherit}
.article-layout{display:grid;grid-template-columns:210px minmax(0,760px);gap:54px;justify-content:center;align-items:start}.article-toc{position:sticky;top:24px;border-top:2px solid var(--blog-accent);padding:16px 0;display:flex;flex-direction:column;gap:12px;font-size:.88rem}.article-toc strong{font-size:.77rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:2px}.article-toc a{color:#62594f;text-decoration:none}.article-toc a:hover{text-decoration:underline;color:var(--blog-accent)}.article-toc .toc-cta{margin-top:4px;font-weight:700;color:var(--blog-accent)}
.article-content{font-size:1.04rem;line-height:1.82;min-width:0}.article-content p{margin:0 0 1.2em}.article-content h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.8rem,3.3vw,2.5rem);font-weight:500;line-height:1.18;letter-spacing:-.02em;margin:2.2em 0 .65em;scroll-margin-top:24px}.article-content h3{font-size:1.23rem;line-height:1.35;margin:1.65em 0 .5em}.article-content a{color:#875535}.article-content ul{padding-left:1.3rem;margin:0 0 1.5em}.article-content li{padding-left:.2rem;margin:.5rem 0}.idea{padding-bottom:1px}.idea h3{margin-top:1.45em}.best-for{font-size:.94rem;color:#635b53;background:#faf6f1;padding:10px 14px;border-left:3px solid #c9a181;margin-top:-.2em!important}.article-image{margin:24px 0 30px}.article-image img{width:100%;max-height:620px;object-fit:cover;aspect-ratio:4/3;display:block;border-radius:6px}
.inline-cta{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:25px 26px;margin:30px 0 38px;background:var(--blog-soft);border:1px solid #eee2d5;border-radius:8px}.inline-cta h2{font-size:1.8rem;margin:.35em 0 .4em}.inline-cta p{margin:0;font-size:.93rem;line-height:1.6;max-width:480px}.inline-cta .button{flex-shrink:0;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 18px;border-radius:3px;text-decoration:none!important;font-size:.88rem;font-weight:700;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.button-primary{background:#28231f;color:#fff!important;border:1px solid #28231f}.button-primary:hover{background:#a86f48;border-color:#a86f48;transform:translateY(-1px)}.button-outline{border:1px solid #9a8e82;color:#28231f!important;background:transparent}.button-outline:hover{background:#f6f0e9;border-color:#28231f}.faq-item{border-bottom:1px solid var(--blog-line);padding-bottom:10px}.faq-item h3{margin-top:1.25em}.faq-item p{margin-bottom:.9em}.final-article-cta{background:#29241f;color:#fff;padding:30px;border-radius:8px;margin:48px 0 0}.final-article-cta .article-kicker{color:#d9b393}.final-article-cta h2{margin:.35em 0 .5em;color:#fff}.final-article-cta p{color:#eee5dc}.final-cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.final-article-cta .button-primary{background:#d7b18e;border-color:#d7b18e;color:#211b17!important}.final-article-cta .button-primary:hover{background:#e6c9ad;border-color:#e6c9ad}.final-article-cta .button-outline{color:#fff!important;border-color:#a99c90}.final-article-cta .button-outline:hover{background:#3b342e}
@media(max-width:900px){.article-layout{grid-template-columns:minmax(0,760px);gap:20px}.article-toc{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;border-bottom:1px solid var(--blog-line);margin-bottom:8px}.article-toc strong{grid-column:1/-1}.article-toc .toc-cta{margin-top:0}}
@media(max-width:600px){.blog-page{padding:16px 17px 48px}.breadcrumbs{margin-bottom:20px}.article-header{text-align:left;margin-bottom:24px}.article-header h1{font-size:2.35rem}.article-deck{font-size:1.02rem}.article-hero img{aspect-ratio:auto;height:auto;object-fit:contain;border-radius:5px}.article-layout{display:block}.article-toc{margin-bottom:24px}.article-content{font-size:1rem;line-height:1.75}.article-content h2{margin-top:1.8em}.inline-cta{display:block;padding:20px;margin:25px 0}.inline-cta .button{margin-top:18px}.final-article-cta{padding:22px}.final-cta-actions{flex-direction:column;align-items:stretch}.final-cta-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}

/* Inspiration gallery and individual look photos */
.inspiration-overview{margin:2.5rem 0;padding:1.5rem 0;border-top:1px solid #e7ded4;border-bottom:1px solid #e7ded4}
.inspiration-overview>p{max-width:48rem;color:#5d554e}
.inspiration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.25rem}
.inspiration-card{display:flex;flex-direction:column;gap:.65rem;color:inherit;text-decoration:none;background:#fbf8f4;border-radius:12px;overflow:hidden;border:1px solid #eee5dc}
.inspiration-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.inspiration-card span{font-weight:600;line-height:1.35;padding:0 .85rem 1rem}
.idea-photo{margin:1rem 0 1.25rem;max-width:620px}
.idea-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
@media(max-width:800px){.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.inspiration-card span{font-size:.9rem;padding:0 .65rem .8rem}}

/* Give the final article CTA buttons comfortable separation */
.final-cta-actions { gap: 24px; }
@media (max-width: 600px) {
  .final-cta-actions { gap: 16px; }
}