*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#020605;
  color:#f7ecd7;
  font-family:Georgia,"Times New Roman",serif;
  line-height:1.72;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 80% 10%,rgba(217,166,59,.14),transparent 32%),
    radial-gradient(circle at 12% 75%,rgba(11,62,47,.42),transparent 38%),
    linear-gradient(120deg,#010302,#071711 48%,#020403);
}
a{color:inherit}
img{display:block;max-width:100%}
.shell{width:min(1040px,calc(100% - 34px));margin:auto;padding:34px 0 72px}
.back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#f3ce74;
  text-decoration:none;
  margin-bottom:28px;
}
.hero{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(236,196,104,.22);
  border-radius:10px;
  min-height:430px;
  display:grid;
  align-items:end;
  box-shadow:0 28px 80px rgba(0,0,0,.42);
}
.hero img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-2;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.38) 55%,rgba(0,0,0,.18)),linear-gradient(0deg,rgba(2,6,5,.92),transparent 58%);
}
.hero-copy{padding:42px;width:min(720px,100%)}
.label{
  color:#f3ce74;
  font-size:13px;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:16px;
}
h1{
  margin:0;
  font-weight:400;
  letter-spacing:-.045em;
  line-height:1.04;
  font-size:clamp(42px,7vw,72px);
}
.lead{
  margin:20px 0 0;
  color:#e4d4b8;
  font-size:20px;
  max-width:690px;
}
.content{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:34px;
  align-items:start;
  margin-top:34px;
}
article,.side-card{
  border:1px solid rgba(236,196,104,.2);
  border-radius:10px;
  background:linear-gradient(150deg,rgba(11,29,23,.9),rgba(4,9,7,.94));
  box-shadow:0 22px 60px rgba(0,0,0,.26);
}
article{padding:36px}
.side-card{padding:24px;position:sticky;top:24px}
h2{
  margin:34px 0 14px;
  color:#f3ce74;
  font-weight:400;
  letter-spacing:-.02em;
  line-height:1.15;
  font-size:32px;
}
h2:first-child{margin-top:0}
h3{
  margin:24px 0 10px;
  color:#f6e6c8;
  font-weight:400;
  font-size:24px;
}
p,li{color:#d8c8aa;font-size:18px}
ul,ol{padding-left:24px}
li{margin-bottom:8px}
.inline-image{
  margin:30px 0;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.1);
  overflow:hidden;
}
.cta{
  display:grid;
  gap:12px;
  margin-top:30px;
  padding:24px;
  border-radius:8px;
  background:rgba(217,166,59,.09);
  border:1px solid rgba(236,196,104,.24);
}
.button{
  display:inline-flex;
  min-height:50px;
  align-items:center;
  justify-content:center;
  border-radius:6px;
  padding:0 20px;
  color:#151008;
  background:linear-gradient(135deg,#dba43a,#f2cf77);
  text-decoration:none;
  font-weight:700;
}
.side-card h2{font-size:28px;margin-bottom:12px}
.side-card p{font-size:16px}
.side-card a{display:block;margin-top:12px;color:#f3ce74;text-decoration:none}
.note{font-size:15px;color:#bfae90}
@media (max-width:860px){
  .hero{min-height:520px}
  .hero-copy{padding:28px}
  .content{grid-template-columns:1fr}
  .side-card{position:relative;top:auto}
  article{padding:26px}
}