/* =========================================
   DREVAIA — ARTICLE MASTER SYSTEM v2
   ========================================= */

body{
  margin:0;
  background:#0b0b0d;
  color:#e8e8e8;
  font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  line-height:1.95;
  font-size:clamp(17px, 4.3vw, 19px);
  -webkit-font-smoothing:antialiased;
}

/* ===== HEADER ===== */

header{
  padding:120px 22px 70px;
  text-align:center;
}

h1{
  font-family:"Cormorant Garamond", serif;
  font-size:clamp(36px, 8vw, 58px);
  font-weight:600;
  margin-bottom:22px;
  color:#d4b08c;
  line-height:1.12;
  letter-spacing:-0.5px;
}

.subtitle{
  max-width:820px;
  margin:0 auto;
  font-size:clamp(19px, 4.8vw, 23px);
  opacity:.85;
}

/* ===== BREADCRUMB ===== */

.breadcrumb{
  text-align:center;
  margin-top:-40px;
  margin-bottom:50px;
  font-size:14px;
  opacity:.55;
}

.breadcrumb a{
  border:none;
  color:#999;
}

.breadcrumb a:hover{
  color:#d4b08c;
}

/* ===== MAIN CONTENT ===== */

main{
  max-width:820px;
  margin:0 auto;
  padding:80px 22px 140px;
}

p{
  margin-bottom:34px;
  color:#d6d6d6;
}

/* ===== HEADINGS ===== */

h2{
  font-family:"Cormorant Garamond", serif;
  font-size:clamp(26px, 6vw, 34px);
  margin:90px 0 28px;
  color:#ffffff;
  font-weight:600;
}

h3{
  font-family:"Cormorant Garamond", serif;
  font-size:clamp(22px, 5vw, 28px);
  margin:70px 0 24px;
  color:#ffffff;
  font-weight:600;
}

/* ===== BLOCKQUOTE ===== */

blockquote{
  border-left:3px solid #d4b08c;
  padding-left:26px;
  margin:65px 0;
  font-style:italic;
  font-size:clamp(20px, 5vw, 24px);
  color:#f0f0f0;
}

/* ===== HR ===== */

hr{
  margin:90px 0;
  border:none;
  height:1px;
  background:rgba(255,255,255,.08);
}

/* ===== LINKS ===== */

a{
  color:#d4b08c;
  text-decoration:none;
  border-bottom:1px solid rgba(212,176,140,.5);
  transition:0.2s ease;
}

a:hover{
  opacity:.8;
}

/* ===== CTA BLOCK ===== */

.cta{
  margin-top:110px;
  padding:65px 40px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  border-radius:20px;
  text-align:center;
}

.cta h3{
  font-family:"Cormorant Garamond", serif;
  font-size:clamp(26px, 6vw, 32px);
  margin-bottom:20px;
  color:#ffffff;
}

.cta p{
  max-width:640px;
  margin:0 auto 35px;
  opacity:.85;
}

.cta a{
  display:inline-block;
  padding:16px 36px;
  border-radius:999px;
  border:1px solid #d4b08c;
  background:transparent;
  color:#d4b08c;
  font-size:clamp(15px, 3.8vw, 16px);
  margin:12px;
  font-weight:600;
  transition:0.25s ease;
}

.cta a:hover{
  background:#d4b08c;
  color:#000;
}

.back{
  border-color:rgba(255,255,255,.4);
  color:#ffffff;
}

.back:hover{
  background:rgba(255,255,255,.08);
  color:#ffffff;
}

/* ===== FOOTER ===== */

footer{
  text-align:center;
  padding:80px 20px 100px;
  font-size:clamp(13px, 3.5vw, 14px);
  opacity:.5;
}