:root{--black:#0a0a0a;--white:#f5f5f3;--gray:#e8e8e6;--mid:#9a9a9a;--red:#c0392b;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--white);color:var(--black);font-family:'Raleway',sans-serif;font-weight:300;line-height:1.8;-webkit-font-smoothing:antialiased;}
body[dir="rtl"]{text-align:right;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:24px 60px;background:rgba(245,245,243,0.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--gray);}
.logo-mark img{height:40px;width:auto;}
.back-link{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--black);border-bottom:1px solid var(--black);padding-bottom:2px;transition:opacity .3s;}
.back-link:hover{opacity:.6;}
.lang-btn{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--black);background:none;border:1px solid var(--black);padding:6px 14px;cursor:pointer;font-family:'Raleway',sans-serif;font-weight:300;}
.lang-btn:hover{background:var(--black);color:var(--white);}

/* ARTICLE HERO IMAGE */
.art-hero-img{width:100%;max-height:480px;object-fit:cover;margin-top:100px;filter:brightness(.85);}

/* ARTICLE HERO */
.art-hero{padding:80px 60px 80px;max-width:900px;margin:0 auto;}
.art-hero-img + .art-hero{padding-top:60px;}
.art-cat{font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--red);margin-bottom:24px;}
.art-title{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,6vw,80px);font-weight:300;line-height:1.05;letter-spacing:-2px;color:var(--black);margin-bottom:28px;}
.art-title em{font-style:italic;color:var(--red);}
.art-meta{display:flex;gap:24px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--mid);padding-bottom:32px;border-bottom:1px solid var(--gray);}

/* ARTICLE BODY */
.art-body{max-width:760px;margin:0 auto;padding:20px 60px 120px;font-size:17px;line-height:1.9;color:#333;}
.art-body p{margin-bottom:24px;}
.art-body h2{font-family:'Cormorant Garamond',serif;font-size:38px;font-weight:400;color:var(--black);margin:60px 0 20px;line-height:1.2;}
.art-body h3{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:500;color:var(--black);margin:40px 0 14px;}
.art-body strong{color:var(--black);font-weight:500;}
.art-body ul{margin:0 20px 24px;padding-right:20px;}
body[dir="ltr"] .art-body ul{padding-right:0;padding-left:20px;}
.art-body li{margin-bottom:10px;}
.art-body .art-inline-img{width:100%;max-height:420px;object-fit:cover;margin:40px 0;filter:brightness(.9);}
.art-body blockquote{border-right:3px solid var(--red);padding:20px 28px;margin:32px 0;font-family:'Cormorant Garamond',serif;font-size:24px;font-style:italic;color:var(--black);background:#fafaf8;}
body[dir="ltr"] .art-body blockquote{border-right:none;border-left:3px solid var(--red);}

/* CTA */
.art-cta{max-width:760px;margin:60px auto 0;padding:60px;background:var(--black);color:var(--white);text-align:center;}
.art-cta h3{font-family:'Cormorant Garamond',serif;font-size:42px;font-weight:300;margin-bottom:16px;color:#fff;}
.art-cta p{font-size:14px;color:rgba(255,255,255,.7);margin-bottom:30px;}
.art-cta a{display:inline-block;padding:16px 40px;border:1px solid #fff;color:#fff;font-size:11px;letter-spacing:4px;text-transform:uppercase;transition:all .3s;}
.art-cta a:hover{background:#fff;color:var(--black);}

/* RELATED */
.related{max-width:1200px;margin:100px auto 0;padding:0 60px 120px;}
.related-t{font-family:'Cormorant Garamond',serif;font-size:36px;font-weight:400;margin-bottom:40px;}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.rel-card{padding:30px;border:1px solid var(--gray);transition:all .3s;cursor:pointer;}
.rel-card:hover{border-color:var(--black);transform:translateY(-4px);}
.rel-card .rc-cat{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--red);margin-bottom:12px;}
.rel-card .rc-t{font-family:'Cormorant Garamond',serif;font-size:22px;line-height:1.3;color:var(--black);}

/* FOOTER */
footer{background:var(--black);color:#fff;padding:60px;text-align:center;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5);}

@media (max-width:900px){
  nav{padding:18px 24px;}
  .art-hero{padding:130px 24px 60px;}
  .art-body{padding:20px 24px 80px;font-size:16px;}
  .art-cta{padding:50px 24px;margin:40px 24px 0;}
  .related{padding:0 24px 80px;}
  .related-grid{grid-template-columns:1fr;}
}