*{box-sizing:border-box}
:root{
  --bg:#080706;
  --bg-soft:#100e0b;
  --panel:#15120e;
  --text:#f7f2e9;
  --muted:#c8bfb1;
  --gold:#c69a4a;
  --gold-light:#ead49c;
  --line:rgba(198,154,74,.28);
}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.6;
}
a{color:inherit}
.hero{
  min-height:100svh;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 30%,rgba(198,154,74,.18),transparent 34%),
    radial-gradient(circle at 20% 80%,rgba(255,255,255,.05),transparent 28%),
    linear-gradient(180deg,#050505 0%,#0b0907 100%);
}
.nav{
  position:relative;
  z-index:3;
  max-width:1180px;
  margin:auto;
  padding:22px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.brand{
  text-decoration:none;
  letter-spacing:.24em;
  font-family:Georgia,"Times New Roman",serif;
  color:var(--gold-light);
}
.nav-links{display:flex;gap:24px}
.nav-links a{
  text-decoration:none;
  color:var(--muted);
  font-size:.92rem;
}
.sparkles,.sparkles:before,.sparkles:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.55) 1px,transparent 1.2px),
    radial-gradient(circle,rgba(234,212,156,.45) 1px,transparent 1.2px);
  background-size:90px 90px,145px 145px;
  background-position:0 0,38px 46px;
  opacity:.18;
}
.hero-content{
  min-height:calc(100svh - 82px);
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:30px 22px 80px;
}
.hero-logo{
  width:min(650px,88vw);
  filter:drop-shadow(0 22px 45px rgba(0,0,0,.5));
  animation:reveal 1.2s ease both;
}
.kicker,.section-label{
  text-transform:uppercase;
  letter-spacing:.2em;
  color:var(--gold-light);
  font-size:.76rem;
  font-weight:700;
}
.hero h1{
  margin:12px 0 8px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2.4rem,6vw,5.4rem);
  line-height:1.02;
  font-weight:400;
}
.hero-text{
  max-width:680px;
  margin:0 auto 28px;
  color:var(--muted);
  font-size:clamp(1rem,2.5vw,1.2rem);
}
.cta{
  display:inline-block;
  padding:13px 23px;
  border:1px solid var(--gold);
  border-radius:999px;
  text-decoration:none;
  transition:.25s ease;
}
.cta:hover{background:var(--gold);color:#111}
.section{
  max-width:1160px;
  margin:auto;
  padding:100px 24px;
}
.intro-section{text-align:center}
.section h2,.feature-card h2{
  margin:8px 0 18px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2rem,4.7vw,4rem);
  line-height:1.1;
  font-weight:400;
}
.section-text{
  max-width:760px;
  margin:0 auto;
  color:var(--muted);
  font-size:1.08rem;
}
.section-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:36px;
}
.section-note{color:var(--muted);max-width:330px}
.gallery{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.art-card{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:22px;
  overflow:hidden;
}
.art-placeholder{
  min-height:320px;
  display:grid;
  place-items:center;
  background:
    linear-gradient(135deg,rgba(198,154,74,.22),rgba(255,255,255,.035)),
    #1b1711;
  color:var(--gold-light);
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;
}
.art-placeholder.second{
  background:
    radial-gradient(circle at 70% 30%,rgba(255,255,255,.09),transparent 30%),
    linear-gradient(145deg,rgba(198,154,74,.12),rgba(120,105,88,.14)),
    #161411;
}
.art-placeholder.third{
  background:
    radial-gradient(circle at 35% 35%,rgba(198,154,74,.18),transparent 25%),
    linear-gradient(160deg,rgba(255,255,255,.03),rgba(198,154,74,.14)),
    #12100d;
}
.art-info{padding:22px}
.art-info h3{
  margin:0 0 8px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.45rem;
}
.art-info p{margin:0;color:var(--muted)}
.feature-section{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  max-width:1160px;
  margin:auto;
  padding:0 24px 100px;
}
.feature-card{
  padding:44px;
  border:1px solid var(--line);
  border-radius:24px;
  background:linear-gradient(145deg,#15120e,#0f0d0a);
}
.feature-card p{color:var(--muted)}
.coming{
  display:inline-block;
  margin-top:12px;
  color:var(--gold-light);
  font-size:.9rem;
}
.quote-section{
  padding:110px 24px;
  text-align:center;
  background:var(--bg-soft);
}
blockquote{
  max-width:880px;
  margin:0 auto 18px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2rem,5vw,4.3rem);
  line-height:1.15;
}
.quote-section p{color:var(--muted)}
footer{
  padding:55px 20px;
  text-align:center;
  color:var(--muted);
  font-size:.9rem;
}
.footer-logo{width:170px;opacity:.75}
.privacy{font-size:.8rem;opacity:.8}
@keyframes reveal{
  from{opacity:0;transform:translateY(20px) scale(.98)}
  to{opacity:1;transform:none}
}
@media(max-width:800px){
  .nav-links{display:none}
  .gallery,.feature-section{grid-template-columns:1fr}
  .section-heading{display:block}
  .section-note{max-width:none}
  .section{padding:75px 20px}
  .feature-section{padding:0 20px 75px}
  .feature-card{padding:30px 24px}
  .art-placeholder{min-height:250px}
}