*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
    :root { --bg: #f9f8f6; --dark: #0d0d0d; --accent: #fe6b35; --border: #e4e0d8; --muted: #888; --max: 680px; }
    html { background: #080808; scroll-behavior: smooth; }
    body { background: var(--bg); color: var(--dark); font-family: 'DM Sans', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
    a { text-decoration: none; color: inherit; }

    nav { position: sticky; top: 0; background: rgba(249,248,246,.92); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); z-index: 100; }
    .nav-inner { max-width: 1120px; margin: 0 auto; padding: 0 32px; height: 60px; display: flex; align-items: center; justify-content: space-between; }
    .nav-logo { font-size: .95rem; font-weight: 400; letter-spacing: .02em; display: flex; align-items: center; gap: 9px; color: var(--dark); }
    .nav-logo img { height: 18px; filter: grayscale(1) brightness(.5); }
    .nav-back { font-size: .8rem; color: var(--muted); display: flex; align-items: center; gap: 6px; transition: color .2s; }
    .nav-back:hover { color: var(--accent); }

    .article-wrap { max-width: var(--max); margin: 0 auto; padding: 80px 32px 120px; }

    .article-header { margin-bottom: 72px; }
    .article-cat { font-size: .7rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); margin-bottom: 20px; }
    h1 { font-family: 'Cormorant', serif; font-size: clamp(2.2rem, 5vw, 3.4rem); font-weight: 300; line-height: 1.08; letter-spacing: -.02em; margin-bottom: 28px; }
    h1 em { font-style: italic; color: var(--accent); }
    .article-lead { font-size: 1.1rem; color: #555; line-height: 1.72; max-width: 600px; margin-bottom: 36px; }
    .article-meta { font-size: .78rem; color: var(--muted); display: flex; gap: 20px; flex-wrap: wrap; }
    .article-meta span { display: flex; align-items: center; gap: 6px; }

    .divider { width: 48px; height: 1.5px; background: var(--border); margin: 56px 0; }

    .article-body p { font-size: 1rem; line-height: 1.85; color: #2a2a2a; margin-bottom: 24px; }
    .article-body p strong { font-weight: 500; color: var(--dark); }
    .article-body p em { font-style: italic; }
    .article-body h2 { font-family: 'Cormorant', serif; font-size: clamp(1.7rem, 3vw, 2.2rem); font-weight: 300; line-height: 1.12; letter-spacing: -.02em; margin: 64px 0 20px; }

    .pull-quote { margin: 48px 0; padding: 28px 32px; border-left: 2px solid var(--accent); background: rgba(254,107,53,.04); }
    .pull-quote p { font-family: 'Cormorant', serif; font-size: clamp(1.4rem, 2.5vw, 1.8rem); font-weight: 300; font-style: italic; line-height: 1.4; color: var(--dark); margin: 0; }

    .illustration { margin: 48px 0; border-radius: 16px; overflow: hidden; border: 1px solid var(--border); background: #f0ede8; }
    .illustration svg { width: 100%; display: block; }
    .illustration-caption { font-size: .72rem; color: var(--muted); text-align: center; padding: 12px 16px; border-top: 1px solid var(--border); background: #fff; letter-spacing: .04em; }

    .more-articles { margin-top: 80px; padding-top: 48px; border-top: 1px solid var(--border); }
    .more-articles h4 { font-size: .7rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin-bottom: 28px; }
    .more-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
    .more-card { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 24px 20px; transition: border-color .2s, transform .2s; }
    .more-card:hover { border-color: var(--accent); transform: translateY(-2px); }
    .more-cat { font-size: .65rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--accent); margin-bottom: 10px; }
    .more-title { font-family: 'Cormorant', serif; font-size: 1.2rem; font-weight: 300; line-height: 1.2; }


    .share-bar { display: flex; align-items: center; gap: 16px; margin: 48px 0 64px; }
    .share-label { font-size: .7rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
    .share-links { display: flex; gap: 8px; }
    .share-btn { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; border: 1px solid var(--border); background: none; cursor: pointer; color: var(--muted); transition: border-color .2s, color .2s; text-decoration: none; }
    .share-btn:hover { border-color: var(--dark); color: var(--dark); }
    .share-btn svg { width: 19px; height: 19px; fill: currentColor; }
    .share-btn.link-icon svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
    .share-copy-done { color: var(--accent) !important; border-color: var(--accent) !important; }
    footer { background: #080808; border-top: 1px solid rgba(255,255,255,.05); padding: 32px; text-align: center; }
    footer p { font-size: .75rem; color: rgba(255,255,255,.2); }
    footer a { color: rgba(255,255,255,.35); transition: color .2s; }
    footer a:hover { color: rgba(255,255,255,.7); }

    @media(max-width:599px) {
      .article-wrap { padding: 48px 20px 80px; }
      .nav-inner { padding: 0 20px; }
      .pull-quote { padding: 20px 22px; }
      .more-grid { grid-template-columns: 1fr; }
    }

    .service-link { margin: 48px 0; padding: 28px 0; border-block: 1px solid #ddd9d2; }
    .service-link h2 { margin: 0 0 14px; font-size: clamp(1.8rem, 4vw, 2.4rem); }
    .service-link p { font-size: 1rem; line-height: 1.75; }
    .service-link a { display: inline-block; padding: 12px 0; color: #a83d15; text-decoration: underline; text-underline-offset: 4px; font-size: 1rem; }

.article-body ul{padding-left:24px;margin:0 0 28px;font-size:17px;line-height:1.85}.article-body li+li{margin-top:8px}.article-body blockquote{margin:30px 0;padding:24px;border-left:2px solid var(--accent);background:#efebe4}.article-body blockquote p{margin:0}.article-body a{text-decoration:underline;text-underline-offset:4px;color:#9b3611}.article-meta{color:#64615d}.article-body p{font-size:17px}.nav-actions{display:flex;align-items:center;gap:20px;font-size:14px}.nav-actions a{padding:10px 0}.budget-summary{margin:32px 0 44px;border-block:1px solid var(--border);padding:22px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.budget-summary div{display:grid;gap:7px}.budget-summary span{font-size:14px;color:#555}.budget-summary strong{font-weight:500;font-size:22px}.article-wrap{max-width:800px}.article-header{margin-bottom:36px}h1{font-size:clamp(2.6rem,5vw,3.6rem)}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip{position:absolute;top:-80px;background:white;padding:12px;z-index:200}.skip:focus{top:0}footer p,footer a{color:#c4c1ba}footer a{text-decoration:underline;text-underline-offset:4px}footer p{line-height:2}@media(max-width:599px){.nav-actions{gap:14px}.budget-summary{grid-template-columns:1fr}.budget-summary div{grid-template-columns:1fr 1fr;align-items:baseline}.budget-summary div+div{padding-top:14px;border-top:1px solid var(--border)}.article-body blockquote{padding:20px}.article-header{margin-bottom:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}