/* Dunar's original crest, presented as a dark architectural backdrop. */
body {
  background: #050505;
  isolation: isolate;
}
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 88% 15%, #ac7e2920, transparent 52%),
    linear-gradient(115deg, #050505f5 5%, #050505b5 55%, #050505e5),
    url('assets/dunar-original-logo-v13.jpg') right center / min(86vw, 1100px) auto no-repeat;
}
.hero {
  background: linear-gradient(110deg, #030303 5%, #090806 60%, #100d07);
  border-bottom: 1px solid #c59d4e55;
}
.hero::before {
  content: '';
  display: block;
  position: absolute;
  width: min(87vw, 1200px);
  height: auto;
  aspect-ratio: 1;
  inset: auto -10% auto auto;
  top: -16%;
  z-index: -2;
  border-radius: 0;
  background: url('assets/dunar-original-logo-v13.jpg') center / contain no-repeat;
  opacity: .39;
  filter: none;
  animation: none;
  pointer-events: none;
  mask-image: linear-gradient(90deg, transparent, #000 28%, #000 85%, transparent);
}
.hero::after {
  content: '';
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, #030303e6, #03030320 64%, transparent),
    linear-gradient(0deg, #050505 0%, transparent 35%, #05050518);
}
.hero-aura {
  background: radial-gradient(ellipse at 75% 37%, #bd913821, transparent 46%);
  animation: none;
}
.hero-ghost { opacity: .32; }
.hero-art { z-index: 0; box-shadow: 0 30px 90px #000b; }
.hero-content { z-index: 1; }
.hero h1 span {
  background-image: linear-gradient(110deg, #fff1cc, #d3ac60 52%, #9e7334 82%, #f1d59c);
  animation: none;
}
.hero-intro { max-width: 580px; }
.hero-intro p { color: #ddd3c1; }
.site-header { background: #060606e6; box-shadow: 0 8px 35px #0005; }
.marquee { background: linear-gradient(100deg, #aa7d34, #edd5a0 42%, #c89e53 78%, #af8138); }
.catalog, .campaign-section, .finish-section {
  background: linear-gradient(110deg, #080807bb, #08080766 55%, #080807b8);
}
.studio-3d {
  background:
    linear-gradient(90deg, #080807ed, #080807ce),
    url('assets/dunar-original-logo-v13.jpg') right 8% top 8% / min(65vw, 850px) auto no-repeat;
}
.viewer-shell, .concept-card {
  border-color: #c19a4b45;
  box-shadow: 0 22px 65px #0006, inset 0 1px #f4d48a0d;
}
.closing {
  isolation: isolate;
  overflow: hidden;
  background: #050505;
  border-top: 1px solid #b9914140;
}
.closing::before {
  z-index: -1;
  background:
    linear-gradient(90deg, #050505ef, #0505059e, #050505dd),
    url('assets/dunar-original-logo-v13.jpg') 85% center / min(72vw, 900px) auto no-repeat;
}
.closing > a span {
  background-image: linear-gradient(90deg, #f4d697, #b88c43, #f0d6a0);
}
@media (max-width: 950px) {
  .hero::before { width: 110vw; right: -26%; top: -2%; opacity: .34; }
}
@media (max-width: 700px) {
  body::before { background-size: auto, auto, 140vw; background-position: center, center, 65% 35%; }
  .hero::before { width: 145vw; right: -48%; top: -5%; opacity: .36; }
  .hero::after { background: linear-gradient(90deg, #030303b5, #03030320), linear-gradient(0deg, #050505, transparent 75%); }
  .hero-content > div:first-child { position: relative; z-index: 1; }
  .hero-art { box-shadow: 0 18px 45px #000b; }
  .hero-intro { max-width: none; }
  .studio-3d { background-size: auto, 125vw; background-position: center, 75% 0; }
  .closing::before { background-size: auto, 135vw; }
}