.art-wrap{
  max-width:820px;
  margin:0 auto;
  padding:32px 24px 80px;
}

.breadcrumb{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  color:var(--muted);
  margin-bottom:32px;
}
.breadcrumb a{color:var(--muted);text-decoration:none;transition:.2s}
.breadcrumb a:hover{color:var(--saffron)}
.breadcrumb .current{color:var(--cream)}

.art-head{margin-bottom:40px}
.art-head h1{
  font-family:var(--font-heading, 'Cormorant Garamond', serif);
  font-weight:600;
  font-size:clamp(32px,4.4vw,56px);
  line-height:1.08;
  margin:14px 0 20px;
  color:var(--cream);
}
.art-lead{
  font-size:19px;
  line-height:1.55;
  color:var(--muted);
  margin:0 0 20px;
}
.art-meta{
  display:flex;
  gap:10px;
  font-size:13px;
  color:var(--muted);
  letter-spacing:.02em;
}

.garry-says{
  margin:32px 0;
  padding:20px 22px;
  border-left:3px solid var(--amber);
  background:rgba(200,122,46,.06);
  border-radius:0 12px 12px 0;
}
.garry-says__label{
  display:block;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--saffron);
  margin-bottom:8px;
}
.garry-says p{
  margin:0;
  font-family:var(--font-heading, 'Cormorant Garamond', serif);
  font-size:21px;
  line-height:1.4;
  color:var(--cream);
  font-style:italic;
}

.art-body{
  font-size:17px;
  line-height:1.75;
  color:var(--cream);
  opacity:.92;
}
.art-body h2{
  font-family:var(--font-heading, 'Cormorant Garamond', serif);
  font-weight:600;
  font-size:28px;
  margin:40px 0 16px;
  color:var(--cream);
}
.art-body h3{
  font-family:var(--font-heading, 'Cormorant Garamond', serif);
  font-weight:600;
  font-size:22px;
  margin:32px 0 12px;
  color:var(--cream);
}
.art-body p{margin:0 0 20px}
.art-body ul,
.art-body ol{margin:0 0 20px;padding-left:24px}
.art-body li{margin-bottom:8px}
.art-body a{
  color:var(--saffron);
  text-decoration:underline;
  text-underline-offset:3px;
}
.art-body blockquote{
  margin:28px 0;
  padding:20px 24px;
  border-left:3px solid var(--saffron);
  background:rgba(200,122,46,.05);
  font-family:var(--font-heading, 'Cormorant Garamond', serif);
  font-size:22px;
  font-style:italic;
  line-height:1.4;
  color:var(--cream);
}

.art-cta{margin-top:64px}
.art-cta__inner{
  padding:40px;
  background:
    radial-gradient(600px 300px at 20% 0%, rgba(200,122,46,.16), transparent 60%),
    linear-gradient(180deg, rgba(43,29,20,.9), rgba(18,18,18,.95));
  border:1px solid rgba(224,159,62,.3);
  border-radius:22px;
  text-align:center;
}
.art-cta h2{
  font-family:var(--font-heading, 'Cormorant Garamond', serif);
  font-size:clamp(24px,3vw,34px);
  margin:0 0 12px;
}
.art-cta .btn{margin-top:20px}

.art-back{
  margin-top:32px;
  text-align:center;
}

.btn{
  display:inline-block;
  padding:12px 22px;
  border-radius:999px;
  font-size:14px;
  letter-spacing:.05em;
  cursor:pointer;
  border:1px solid transparent;
  transition:.25s;
  text-decoration:none;
}
.btn--amber{background:var(--amber);color:#1a1005;font-weight:600}
.btn--amber:hover{background:var(--saffron)}
.btn--ghost{border-color:rgba(200,122,46,.5);color:var(--cream);background:transparent}
.btn--ghost:hover{background:rgba(200,122,46,.12)}

.label{
  display:inline-block;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--saffron);
}
.muted{color:var(--muted);font-size:14px}

@media (max-width:900px){
  .art-wrap{padding:24px 20px 60px}
}