:root {
  --atelier-orange: #ec6c35;
  --atelier-rust: #9f2f1c;
  --atelier-wine: #4d1724;
  --atelier-olive: #84812e;
  --atelier-teal: #247d7a;
  --atelier-ink: #100f0d;
  --atelier-paper: #e9e2d5;
}

.atelier-page {
  background: var(--atelier-paper);
}

.atelier-header {
  border-color: rgba(236,108,53,.42);
  background: rgba(15,12,10,.72);
}

.atelier-wordmark,
.atelier-switch:hover,
.atelier-nav a:hover {
  color: var(--atelier-orange);
}

.atelier-hero {
  isolation: isolate;
}

.atelier-hero::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background:
    linear-gradient(105deg, rgba(159,47,28,.48) 0%, rgba(236,108,53,.3) 32%, rgba(132,129,46,.26) 72%, rgba(36,125,122,.12) 100%);
  mix-blend-mode: screen;
  pointer-events: none;
}

.atelier-hero::after {
  z-index: 0;
  background:
    linear-gradient(90deg, rgba(33,8,8,.14), rgba(27,14,7,.08) 44%, rgba(18,14,5,.72)),
    linear-gradient(180deg, transparent 54%, rgba(40,10,10,.28));
}

.atelier-intro {
  z-index: 2;
}

.atelier-intro h1 {
  color: #ff8050;
  text-shadow: 0 2px 28px rgba(32,5,0,.35);
}

.atelier-kicker {
  color: #f1ddc7;
}

.atelier-arrow {
  color: #ff8050;
  border-color: #ff8050;
}

#requests {
  background:
    linear-gradient(90deg, rgba(159,47,28,.1), transparent 24%, transparent 72%, rgba(132,129,46,.14)),
    var(--atelier-paper);
}

.atelier-section-head {
  border-color: var(--atelier-rust);
}

.atelier-section-head span {
  color: var(--atelier-rust);
}

.atelier-route {
  background: var(--atelier-ink);
}

.atelier-route::after {
  background:
    radial-gradient(circle at center, transparent 0 1px, rgba(0,0,0,.22) 1px 2px),
    linear-gradient(180deg, rgba(0,0,0,.02) 38%, rgba(12,7,5,.9)),
    linear-gradient(125deg, rgba(159,47,28,.2), transparent 58%);
  background-size: 4px 4px, auto, auto;
}

.atelier-route[data-atelier-bay="men"]::before {
  background-image: url("./atelier-men-video-model-opt-e67e2916ef.webp");
  background-position: center 24%;
  filter: contrast(1.08) saturate(.72);
}

.atelier-route[data-atelier-bay="women"]::after,
.atelier-route[data-atelier-bay="beauty"]::after {
  background:
    radial-gradient(circle at center, transparent 0 1px, rgba(0,0,0,.2) 1px 2px),
    linear-gradient(180deg, rgba(36,125,122,.15) 8%, rgba(6,18,18,.9) 100%);
  background-size: 4px 4px, auto;
}

.atelier-route[data-atelier-bay="women"]::before {
  background-image: url("./atelier-womens-afro-puffs-opt-a59630d644.webp");
  background-position: center 22%;
  filter: contrast(1.08) saturate(.82);
}

.atelier-route[data-atelier-bay="automotive"]::before {
  background-image: url("./atelier-automotive-oil-poster-opt-8f0cdaec47.webp?v=no-headline");
  background-position: center 8%;
  filter: contrast(1.04) saturate(.9);
}

.atelier-route[data-atelier-bay="objects"]::before {
  background-image: url("./atelier-objects-poster-v2-opt-45b1e3a712.webp?v=balanced-collection");
  background-position: center 10%;
  filter: contrast(1.05) saturate(.88);
}

.atelier-route[data-atelier-bay="specialty"] {
  background: linear-gradient(180deg, rgba(10,11,10,.2), rgba(8,10,9,.35) 48%, rgba(8,10,9,.92)), url("./whisper-magazine-office-stand-opt-275cb6e176.webp") center / cover;
  box-shadow: inset 0 0 0 1px rgba(192,131,83,.55);
}
.atelier-route[data-atelier-bay="specialty"]::before {
  background-image: url("./peluchito-detective-v1.webp");
  background-position: center 36%;
  background-size: 94% auto;
  background-repeat: no-repeat;
  filter: drop-shadow(0 12px 18px rgba(0,0,0,.6));
}

.atelier-route[data-atelier-bay="drops"] {
  color: #fff;
  background: #15100d;
}

.atelier-route[data-atelier-bay="drops"]::before {
  background-image: url("./peluchito-newspaper.webp");
  background-position: center 13%;
  filter: contrast(1.04) saturate(.9);
  background-blend-mode: normal;
}

.atelier-route[data-atelier-bay="drops"]::after {
  background:
    radial-gradient(circle at center, transparent 0 1px, rgba(0,0,0,.18) 1px 2px),
    linear-gradient(180deg, rgba(0,0,0,.02) 43%, rgba(0,0,0,.9) 100%);
  background-size: 4px 4px, auto;
  mix-blend-mode: multiply;
}

.atelier-route[data-atelier-bay="drops"] p {
  color: rgba(255,255,255,.76);
}

.atelier-route[data-atelier-bay="automotive"]::after,
.atelier-route[data-atelier-bay="specialty"]::after {
  background:
    radial-gradient(circle at center, transparent 0 1px, rgba(0,0,0,.2) 1px 2px),
    linear-gradient(180deg, rgba(132,129,46,.12) 8%, rgba(18,17,7,.92) 100%);
  background-size: 4px 4px, auto;
}

.atelier-route[data-atelier-bay="objects"]::after {
  background:
    radial-gradient(circle at center, transparent 0 1px, rgba(0,0,0,.2) 1px 2px),
    linear-gradient(180deg, rgba(77,23,36,.16) 8%, rgba(22,6,11,.92) 100%);
  background-size: 4px 4px, auto;
}

.atelier-route small,
.atelier-route i {
  color: #ff8a57;
}

.atelier-route[data-atelier-bay="drops"] small,
.atelier-route[data-atelier-bay="drops"] i {
  color: #ff8a57;
}

.atelier-route:hover,
.atelier-route:focus-visible {
  outline-color: var(--atelier-orange);
}

.atelier-service {
  background:
    linear-gradient(110deg, rgba(77,23,36,.78), rgba(18,15,12,.96) 47%, rgba(83,82,29,.52)),
    #15120f;
}

.atelier-service h2 {
  color: #f3e8d8;
}

.atelier-contact a {
  color: #ff8050;
  text-underline-offset: 5px;
}

.atelier-footer {
  color: #b7a896;
  background: #100e0c;
  border-color: rgba(236,108,53,.28);
}

@media (max-width: 580px) {
  .atelier-hero::before {
    background: linear-gradient(115deg, rgba(159,47,28,.52), rgba(236,108,53,.28) 48%, rgba(132,129,46,.28));
  }
}

/* Category-bound beauty artwork, independent of card order. */
.atelier-route[data-atelier-bay="beauty"]::before { background-image: url("./american-crew/367304.png"); background-size: 82% auto; background-repeat: no-repeat; background-position: center 24%; filter: none; }

/* Whisper portrait: cream and teal character on the Atelier noir field. */
.atelier-route[data-atelier-bay="specialty"]::after {
  background: linear-gradient(180deg, transparent 46%, rgba(5,10,9,.18) 62%, rgba(5,10,9,.96) 100%);
  mix-blend-mode: normal;
}