:root{--cream:#F7F4EF;--sand:#E8E0D0;--clay:#C4A882;--terracotta:#B56B4A;--dark:#1C1915;--mid:#4A4540;--muted:#8A8078;--white:#fff}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--cream);color:var(--dark);overflow-x:hidden}
.nw{white-space:nowrap}
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.2rem 4vw;display:flex;justify-content:space-between;align-items:center;background:rgba(247,244,239,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(196,168,130,.2)}
.nav-logo{font-family:'Playfair Display',serif;font-size:1.3rem;color:var(--dark);text-decoration:none}
.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mid);text-decoration:none}.nav-links a:hover,.nav-links a[aria-current]{color:var(--terracotta)}
@media(max-width:600px){.nav-links{display:none}}
main{padding:8rem 4vw 5rem}
.crumbs{max-width:720px;margin:0 auto 1.5rem;font-size:.82rem;color:var(--muted)}.crumbs a{color:var(--terracotta);text-decoration:none}
article{max-width:720px;margin:0 auto}
.a-cat{font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--terracotta);margin-bottom:.8rem}
article h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,4.5vw,3rem);line-height:1.15;margin-bottom:1rem;text-wrap:balance}
.a-meta{font-size:.85rem;color:var(--muted);margin-bottom:2rem}
.a-cover{width:100%;height:auto;display:block;border-radius:1.25rem;margin-bottom:2.25rem;background:var(--sand);border:1px solid var(--sand)}
.a-perex{font-size:1.15rem;line-height:1.75;color:var(--dark);font-weight:400;margin-bottom:1.75rem}
.a-body p{font-size:1.02rem;line-height:1.85;color:var(--mid);font-weight:300;margin-bottom:1.25rem;text-wrap:pretty}
.a-body h2{font-family:'Playfair Display',serif;font-size:1.55rem;line-height:1.25;margin:2.5rem 0 1rem;color:var(--dark)}
.ex{margin:1.5rem 0;padding:1.25rem 1.5rem;border-radius:.9rem;border-left:3px solid}
.ex p{margin:0!important;font-style:italic;color:var(--dark)!important}
.ex-label{display:block;font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.4rem}
.ex-bad{background:#FBEFEA;border-color:#C98A70}.ex-bad .ex-label{color:#9A4426}
.ex-good{background:#EEF3EE;border-color:#6E9576}.ex-good .ex-label{color:#3E6246}
.a-cta{margin-top:3rem;background:var(--dark);color:var(--white);border-radius:1.25rem;padding:2rem 2.25rem}
.a-cta h2{font-family:'Playfair Display',serif;font-size:1.5rem;margin-bottom:.6rem;color:var(--white)}
.a-cta p{color:rgba(255,255,255,.7);line-height:1.7;margin-bottom:1.25rem}
.btn{display:inline-block;background:var(--terracotta);color:#fff;padding:.85rem 1.6rem;border-radius:.4rem;font-size:.9rem;font-weight:500;text-decoration:none}
.btn:hover{background:var(--clay)}
.a-more{max-width:720px;margin:3.5rem auto 0}
.a-more h2{font-family:'Playfair Display',serif;font-size:1.4rem;margin-bottom:1.25rem}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}
.card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--sand);border-radius:1.1rem;overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s}
.card:hover{transform:translateY(-4px)}
.card img{width:100%;height:auto;display:block;aspect-ratio:1200/630;object-fit:cover;background:var(--sand)}
.card-b{padding:1.25rem 1.4rem 1.5rem;display:flex;flex-direction:column;flex:1}
.card-t{font-size:1.08rem;font-weight:500;line-height:1.4;margin-bottom:.5rem;color:var(--dark)}
.card-p{font-size:.9rem;line-height:1.65;color:var(--mid);font-weight:300;margin-bottom:1rem;text-wrap:pretty}
.card-l{margin-top:auto;font-size:.85rem;font-weight:500;color:var(--terracotta)}
.blog-head{max-width:1100px;margin:0 auto 2.5rem}.blog-head h1{font-family:'Playfair Display',serif;font-size:clamp(2.2rem,4.5vw,3.2rem);margin-bottom:.8rem}
.blog-head p{color:var(--mid);font-weight:300;line-height:1.75;max-width:600px}
.blog-list{max-width:1100px;margin:0 auto}
footer{background:#111;padding:1.5rem 4vw;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem 1.5rem}
.footer-name{font-family:'Playfair Display',serif;color:rgba(255,255,255,.4)}.footer-copy{font-size:.75rem;color:rgba(255,255,255,.25)}