/* Persia Atelier Journal — compact, readable, single-source stylesheet */
:root{
  --ink:#202827;--muted:#6f6b64;--paper:#f7f3ec;--white:#fffdf9;
  --teal:#234a50;--rust:#8a5b45;--line:rgba(24,37,38,.14);
  --serif:Georgia,"Times New Roman",serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 15.5px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}button,input{font:inherit}.topline{height:4px;background:var(--teal)}

/* header */
.j-header{height:76px;padding:0 clamp(20px,5vw,72px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;border-bottom:1px solid var(--line);background:rgba(247,243,236,.97);position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}
.j-brand{text-decoration:none}.j-brand strong{display:block;font-size:11px;font-weight:750;letter-spacing:.17em}.j-brand span{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.j-nav{justify-self:center;display:flex;gap:27px}.j-nav a{text-decoration:none;font-size:12px;font-weight:500}
.j-actions{display:flex;gap:20px}.j-actions a{text-decoration:none;font-size:10.5px;font-weight:650;text-transform:uppercase;letter-spacing:.11em}

/* Journal landing */
.blog-hero{max-width:1280px;margin:0 auto;padding:72px 28px 52px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,440px);gap:54px;align-items:center}
.blog-hero-copy{max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:10px;color:var(--rust);font-weight:750}
.blog-hero h1{font:400 clamp(44px,5vw,68px)/.98 var(--serif);letter-spacing:-.045em;margin:12px 0 18px}
.blog-hero p{max-width:680px;color:var(--muted);font-size:15.5px;line-height:1.7;margin:0}
.blog-hero-art{margin:0}.blog-hero-art img{width:100%;max-height:330px;aspect-ratio:4/3;object-fit:cover;display:block;border:1px solid var(--line)}

.journal-controls{max-width:1280px;margin:0 auto;padding:0 28px 28px}
.journal-tools{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.journal-search{position:relative;display:block;flex:1;max-width:560px}
.journal-search input{-webkit-appearance:none;appearance:none;width:100%;height:44px;border:1px solid rgba(24,37,38,.25);border-radius:8px;background:var(--white);padding:0 16px;color:var(--ink);font-size:14px;font-weight:500;outline:none;box-shadow:none}
.journal-search input::placeholder{color:#8a867f;opacity:1}.journal-search input:focus{border-color:var(--teal);box-shadow:0 0 0 2px rgba(35,74,80,.08)}
.journal-count{font-size:12px;color:var(--muted);font-weight:650;white-space:nowrap}
.journal-filters{display:flex;gap:7px;flex-wrap:wrap}
.journal-filter{-webkit-appearance:none;appearance:none;border:1px solid rgba(24,37,38,.18);background:var(--white);color:var(--ink);padding:8px 12px;border-radius:999px;font:650 10.5px/1 var(--sans);letter-spacing:.025em;cursor:pointer}
.journal-filter:hover{border-color:rgba(24,37,38,.45)}.journal-filter.active{background:var(--ink);border-color:var(--ink);color:#fff}

.blog-grid{max-width:1280px;margin:0 auto;padding:0 28px 36px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.post-card{min-width:0;background:var(--white);border:1px solid var(--line);text-decoration:none;overflow:hidden;display:flex;flex-direction:column;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.post-card:hover{transform:translateY(-2px);border-color:rgba(24,37,38,.3);box-shadow:0 8px 24px rgba(25,34,33,.06)}
.post-card[hidden]{display:none!important}.post-card-cover{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block;border-bottom:1px solid var(--line)}
.post-card-body{padding:17px 18px 18px;display:flex;flex:1;flex-direction:column;justify-content:space-between}.post-card .num{font:400 17px/1 var(--serif);color:#aaa197}
.post-card small{display:block;margin-top:10px;color:var(--rust);font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.11em}
.post-card h2{font:400 21px/1.1 var(--serif);letter-spacing:-.02em;margin:9px 0 9px}.post-card p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.55}
.post-card b{display:block;margin-top:16px;font-size:9.5px;font-weight:750;text-transform:uppercase;letter-spacing:.11em}
.journal-more-wrap{max-width:1280px;margin:0 auto;padding:4px 28px 84px;text-align:center}.journal-more{-webkit-appearance:none;appearance:none;border:1px solid var(--ink);border-radius:8px;background:transparent;color:var(--ink);padding:12px 20px;font:750 10.5px/1 var(--sans);text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.journal-more:hover{background:var(--ink);color:#fff}.journal-more[hidden]{display:none}

/* Article page */
.article-wrap{max-width:1160px;margin:0 auto;padding:54px 28px 100px}.breadcrumbs{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:28px}.breadcrumbs a{text-decoration:none}
.article-head{max-width:900px}.article-head h1{font:400 clamp(40px,5vw,62px)/1.02 var(--serif);letter-spacing:-.038em;margin:11px 0 16px}.dek{font:400 18px/1.55 var(--serif);max-width:780px;color:#505550;margin:0}
.meta{display:flex;gap:16px;flex-wrap:wrap;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:26px;color:var(--muted);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.article-cover{margin:28px 0 0}.article-cover img{display:block;width:100%;max-height:410px;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line)}
.article-layout{display:grid;grid-template-columns:minmax(0,700px) 220px;gap:64px;margin-top:46px;align-items:start}.article-body{font-size:16px;line-height:1.78}.article-body p{margin:0 0 19px}.article-body h2{font:400 31px/1.14 var(--serif);letter-spacing:-.02em;margin:48px 0 15px}.article-body h3{font:400 23px/1.2 var(--serif);margin:30px 0 11px}.article-body ul{padding-left:21px;margin:0 0 22px}.article-body li{margin:6px 0}
.article-body .editorial-summary{font:500 14.5px/1.7 var(--sans);padding:18px 20px;background:var(--white);border:1px solid var(--line);margin:0 0 30px}.article-body .key-points{background:#efe7da;padding:21px 23px;margin:30px 0}.article-body .key-points strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px}.article-body .key-points li{font-size:14px}
.shop-cta{background:var(--teal);color:white;padding:25px 27px;margin:38px 0}.shop-cta small{font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#dfc99f}.shop-cta h3{font:400 26px/1.13 var(--serif);margin:8px 0 9px}.shop-cta p{color:rgba(255,255,255,.78);font-size:13px}.shop-cta a{display:inline-block;margin-top:4px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.65);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em}
.toc{position:sticky;top:100px;border-top:1px solid var(--line);padding-top:14px}.toc small{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--rust)}.toc a{display:block;text-decoration:none;color:var(--muted);font-size:11.5px;line-height:1.4;padding:7px 0;border-bottom:1px solid rgba(24,37,38,.07)}.toc a:hover{color:var(--ink)}
.source-box{border-top:1px solid var(--line);margin-top:50px;padding-top:22px}.source-box h2{font-size:25px;margin-top:0}.source-box ol{padding-left:20px}.source-box li{font-size:12px;margin:7px 0;color:var(--muted)}.source-box a{overflow-wrap:anywhere}
.faq-block{margin-top:46px;border-top:1px solid var(--line)}.faq-block details{border-bottom:1px solid var(--line);padding:15px 0}.faq-block summary{cursor:pointer;font:400 19px var(--serif)}.faq-block details p{color:var(--muted);font-size:13.5px;margin:10px 0 0}
.next-read{margin-top:58px;border-top:1px solid var(--line);padding-top:25px}.next-read h2{font:400 27px var(--serif)}.next-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.next-grid a{background:var(--white);border:1px solid var(--line);padding:19px;text-decoration:none}.next-grid small{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.11em;color:var(--rust)}.next-grid strong{display:block;font:400 19px/1.15 var(--serif);margin-top:7px}

/* footer */
.j-footer{background:#202827;color:white;padding:46px clamp(22px,7vw,90px) 25px}.j-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:44px}.j-footer strong{font-size:11px;letter-spacing:.16em}.j-footer p{color:rgba(255,255,255,.6);font-size:11px;max-width:430px}.j-footer small{display:block;color:rgba(255,255,255,.45);font-size:9px;letter-spacing:.12em;margin-bottom:7px}.j-footer a{display:block;text-decoration:none;font-size:11px;margin:5px 0}.copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:30px;padding-top:18px;color:rgba(255,255,255,.45);font-size:9px}

@media(max-width:1100px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,680px) 200px;gap:44px}}
@media(max-width:850px){.j-nav{display:none}.blog-hero{grid-template-columns:1fr;gap:28px}.blog-hero-art{max-width:560px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.toc{position:static;order:-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.toc small{grid-column:1/-1}.j-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.j-header{padding:0 18px;height:70px}.j-actions a:first-child{display:none}.blog-hero{padding:50px 20px 35px}.blog-hero h1{font-size:43px}.journal-controls{padding:0 20px 22px}.journal-tools{display:block}.journal-count{display:block;margin-top:9px}.journal-filters{gap:6px}.journal-filter{font-size:10px;padding:8px 10px}.blog-grid{grid-template-columns:1fr;padding:0 20px 30px;gap:13px}.post-card{display:grid;grid-template-columns:130px minmax(0,1fr)}.post-card-cover{height:100%;min-height:175px;aspect-ratio:auto}.post-card-body{padding:15px}.post-card .num{font-size:15px}.post-card h2{font-size:19px;margin:7px 0}.post-card p{font-size:12px}.journal-more-wrap{padding:0 20px 65px}.article-wrap{padding:40px 20px 80px}.article-head h1{font-size:40px}.dek{font-size:17px}.article-cover img{aspect-ratio:4/3;max-height:none}.article-body{font-size:15.5px}.article-body h2{font-size:28px;margin-top:40px}.next-grid{grid-template-columns:1fr}.toc{display:block}.j-footer{padding-left:20px;padding-right:20px}.j-footer-grid{grid-template-columns:1fr}}