/* Cover-inspired urban atmosphere. Product art and order fields remain legible. */
:root {
  --drill-red: #a02b2e;
  --drill-concrete: #b9bfc5;
  --drill-art: url('assets/drill-atmosphere.png');
}
body {
  background-color: #08090b;
  background-image: linear-gradient(#08090be0, #08090be0), var(--drill-art);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.site-header {
  background: linear-gradient(90deg, #08090bf0, #100c0df2);
  border-bottom-color: #8e26284d;
}
.hero {
  background-color: #08090b;
  background-image:
    linear-gradient(90deg, #05060988 0%, #05060954 40%, #05060908 100%),
    var(--drill-art);
  background-position: center, center;
  background-size: cover;
  border-bottom: 1px solid #a02b2e70;
}
.hero-noise {
  background: repeating-linear-gradient(0deg, transparent 0 3px, #ffffff02 3px 4px);
  opacity: .35;
}
.hero-copy {
  text-shadow: 0 2px 18px #000;
}
.hero-lede {
  color: #cecbd0;
  text-shadow: 0 1px 12px #000;
}
.hero-proof {
  border-top-color: #ffffff2b;
}
.hero-proof span {
  color: #bfc2c7;
}
.hero-stage:before {
  background: radial-gradient(circle, #08090b88, transparent 72%);
  border-color: #a02b2e22;
  box-shadow: none;
}
.hero-stage:after,
.chain-sash,
.skyline {
  display: none;
}
.hero-cover {
  box-shadow: 20px 25px 55px #000b, 0 0 60px #941d2220;
}
.hero-product-card {
  background: #09090bf2;
  border-top-color: #a02b2e55;
  border-right-color: #a02b2e55;
  border-bottom-color: #a02b2e55;
  box-shadow: 0 18px 36px #000a;
}
.vertical-type {
  -webkit-text-stroke-color: #d1c2bd50;
  opacity: .65;
}
.release-rail {
  background-image: linear-gradient(90deg, #0b0c0ee6, #120b0dcc), var(--drill-art);
  background-size: cover;
  background-position: center, left 48%;
  border-bottom-color: #aa272b45;
}
.catalog-runway {
  background: repeating-linear-gradient(-65deg, #37101228 0 12px, transparent 12px 70px), #0a090b;
  border-bottom-color: #8e26284d;
  color: #c2c1c6;
}
.mission {
  background-image: linear-gradient(90deg, #090a0bda, #090a0bed), var(--drill-art);
  background-size: cover;
  background-position: center, left 42%;
}
.shop-section {
  background-image: linear-gradient(#090a0be8, #090a0be8), var(--drill-art);
  background-size: cover;
  background-position: center, center;
}
.product-art-wrap {
  border-color: #b5bbc326;
  box-shadow: inset 0 0 70px #0006;
}
.product-red {
  background-image: linear-gradient(125deg, #22080c80, #0a0b0d35), var(--drill-art);
  background-size: cover;
  background-position: center, left center;
}
.product-gold {
  background-image: linear-gradient(125deg, #241b0782, #070a0c50), var(--drill-art);
  background-size: cover;
  background-position: center, right center;
}
.product-art-wrap:before {
  inset: 20px;
  border-color: #ac2b3245;
  border-width: 1px 0;
  transform: rotate(-2deg);
  pointer-events: none;
}
.product-gold:before {
  border-color: #c89b3c48;
  transform: rotate(2deg);
}
.product-badge {
  background: #090a0be8;
  border-color: #c89b3c70;
}
.art-caption {
  padding: 6px 8px;
  background: #090a0be8;
  color: #c4c3c8;
  left: 17px;
  bottom: 17px;
}
.cover-button .book-front {
  box-shadow: 12px 20px 35px #000d;
}
.catalog-notice {
  background: #110d0feb;
  border-color: #8e26285c;
}
.drop-banner {
  color: var(--cream);
  background-image: linear-gradient(100deg, #5e1219c7, #13090deb), var(--drill-art);
  background-size: cover;
  background-position: center, left 67%;
  border-top: 1px solid #a02b2e70;
  border-bottom: 1px solid #a02b2e70;
}
.drop-banner .eyebrow {
  color: var(--gold-light);
}
.drop-stamp {
  color: #f04047;
  opacity: .24;
}
.about-section {
  background-image: linear-gradient(90deg, #08090bcc, #08090bf0), var(--drill-art);
  background-size: cover;
  background-position: center, 20% center;
}
.about-collage {
  background: radial-gradient(ellipse, #600f1826, transparent 70%);
}
.prison-section {
  background-image: linear-gradient(#090a0be8, #090a0bf5), var(--drill-art);
  background-size: cover;
  background-position: center, right center;
}
.policy-grid article {
  background: #0f1013e8;
  border-color: #8c393b45;
}
.order-section {
  background-color: #090a0b;
  background-image: linear-gradient(#090a0bc7 0, #090a0bf7 300px, #090a0b 480px), var(--drill-art);
  background-repeat: no-repeat;
  background-size: 100% 100%, auto 480px;
  background-position: center, right top;
  border-top-color: #8e262858;
}
.order-status {
  background: #160f11e8;
  border-color: #9b49494d;
}
.order-field input,
.order-field select {
  background-color: #101114;
  border-color: #53565e80;
}
.order-aside,
.order-review {
  background-color: #101013f5;
  border-color: #8e3b3c52;
}
.contact-section {
  background-image: linear-gradient(90deg, #08090bda, #08090bf0), var(--drill-art);
  background-size: cover;
  background-position: center, right 66%;
  border-top-color: #8e262858;
}
.site-footer {
  background: #09090cee;
  border-top-color: #8e262858;
}
@media(max-width:800px) {
  body { background-attachment: scroll; background-size: auto 1000px; }
  .hero { background-position: center, 70% center; }
  .mission, .about-section, .contact-section { background-position: center, 65% center; }
}
@media(max-width:580px) {
  .hero {
    background-image: linear-gradient(180deg, #08090b45 0, #08090b35 45%, #08090b15 100%), var(--drill-art), var(--drill-art);
    background-size: 100% 100%, auto 720px, auto 580px;
    background-repeat: no-repeat;
    background-position: center, 72% bottom, left top;
  }
  .hero-copy {
    background: linear-gradient(90deg, #08090b90, #08090b48);
  }
  .hero-stage:before { border-color: #a02b2e15; }
  .hero-product-card { background-color: #09090bf5; }
  .vertical-type { -webkit-text-stroke-color: #d1c2bd65; }
  .product-red { background-position: center, 15% center; }
  .product-gold { background-position: center, 90% center; }
  .release-rail { background-position: center, 20% center; }
  .mission { background-image: linear-gradient(#090a0bdb, #090a0bea), var(--drill-art); }
  .drop-banner { background-position: center, 18% center; }
  .order-section { background-position: center, 65% top; }
}