:root{
  --paper:#FCF8F3;--sand:#F5EBDF;--card:#fff;--card-2:#FBF3EA;
  --ink:#3B2A20;--body:#574a3f;--muted:#9A8A7B;
  --clay:#C07A52;--clay-d:#A2603E;--clay-soft:#F1DECE;
  --teal:#2E8B86;--teal-d:#226e6a;--teal-soft:#DCEBE9;--line:#EBDDCE;
  --shadow:0 24px 60px -28px rgba(91,60,38,.35);--shadow-sm:0 12px 30px -16px rgba(91,60,38,.30);
  --radius:20px;--maxw:760px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Lato",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--body);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--clay-d)}
h1,h2,h3{font-family:"Lora",Georgia,serif;color:var(--ink);font-weight:600;line-height:1.2;letter-spacing:-.01em}
img{max-width:100%;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.wrap-wide{max-width:1120px;margin:0 auto;padding:0 24px}

/* nav */
header.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(8px);background:rgba(252,248,243,.85);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{font-family:"Lora",serif;font-weight:600;font-size:1.2rem;color:var(--ink)}
.logo b{color:var(--clay);font-weight:600}
.nav-links{display:flex;gap:22px;align-items:center}
.nav-links a{font-size:.95rem;font-weight:700;font-family:"Lato"}
.btn{display:inline-flex;align-items:center;gap:.5em;cursor:pointer;border:0;font-family:"Lato";font-size:1rem;font-weight:700;color:#fff;background:var(--clay);padding:13px 26px;border-radius:999px;box-shadow:0 12px 26px -10px rgba(192,122,82,.6);transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-2px);background:var(--clay-d);color:#fff}
.btn-teal{background:var(--teal)}.btn-teal:hover{background:var(--teal-d)}
@media(max-width:560px){.nav-links a.nav-blog{display:none}}

/* blogg-landing */
.blog-hero{padding:clamp(46px,7vw,76px) 0 10px;text-align:center}
.eyebrow{display:inline-block;font-family:"Lato";font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--clay);margin-bottom:14px}
.blog-hero h1{font-size:clamp(2.1rem,5vw,3rem);margin-bottom:12px}
.blog-hero p{color:var(--body);font-size:1.1rem;max-width:560px;margin:0 auto}
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:26px;padding:40px 0 80px}
.post-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s;display:flex;flex-direction:column}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.post-card .thumb{aspect-ratio:16/10;overflow:hidden;background:var(--sand)}
.post-card .thumb img{width:100%;height:100%;object-fit:cover}
.post-card .pc-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:8px;flex:1}
.post-card .cat{font-family:"Lato";font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-d)}
.post-card h2{font-size:1.3rem}
.post-card p{color:var(--body);font-size:.95rem}
.post-card .more{margin-top:auto;color:var(--clay-d);font-weight:700;font-family:"Lato";padding-top:6px}

/* artikkel */
.crumb{padding:22px 0 0;font-size:.85rem;color:var(--muted)}
.crumb a{color:var(--muted)}
article.post{padding:14px 0 60px}
.post-head{padding:14px 0 6px}
.post-cat{font-family:"Lato";font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-d);margin-bottom:10px;display:block}
article.post h1{font-size:clamp(2rem,5vw,2.8rem);margin-bottom:14px}
.post-meta{color:var(--muted);font-size:.9rem;margin-bottom:24px}
.post-figure{margin:0 0 30px;border-radius:var(--radius);overflow:hidden;border:5px solid #fff;box-shadow:var(--shadow-sm)}
.post-figure img{width:100%;aspect-ratio:16/9;object-fit:cover}
article.post h2{font-size:1.45rem;margin:30px 0 10px}
article.post p{margin-bottom:16px;font-size:1.06rem}
article.post ul{margin:0 0 18px 22px}
article.post li{margin-bottom:8px}
.post-cta{background:linear-gradient(160deg,var(--clay-soft),var(--teal-soft));border:1px solid var(--line);border-radius:var(--radius);padding:28px 30px;margin:34px 0 8px;box-shadow:var(--shadow-sm)}
.post-cta h3{font-size:1.3rem;margin-bottom:8px}
.post-cta p{margin-bottom:16px}
.post-cta .btn{color:#fff}
.post-back{margin-top:34px}
.post-back a{font-weight:700;font-family:"Lato"}

/* footer */
footer{border-top:1px solid var(--line);padding:34px 0;color:var(--muted);font-size:.85rem;background:var(--sand)}
.foot-inner{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}
.foot-inner a{color:var(--muted)}