/* ==========================================================================
   „Лицето не е чернова“ — scheme „Чернова“.
   The school draft notebook (ruled paper, red margin line, a teacher's red pen)
   meets the darkroom look of the campaign video (blue-black, cold photo blue).
   ========================================================================== */

.cmp-theme--liceto-ne-e-chernova {
  --cmp-bg: #0b1117;
  --cmp-bg-2: #121b23;
  --cmp-bg-3: #1b2832;
  --cmp-on-dark: #d6dee6;
  --cmp-on-dark-muted: #8fa0b0;
  --cmp-line-dark: rgba(169, 200, 232, 0.16);
  --cmp-paper: #f3f1ea;
  --cmp-paper-2: #e9e5da;
  --cmp-ink: #141b22;
  --cmp-muted: #4d5965;
  --cmp-line: rgba(20, 27, 34, 0.18);
  --cmp-ink-line: rgba(20, 27, 34, 0.14);
  --cmp-accent: #ff4a3a;
  --cmp-accent-ink: #c82a1e;
  --cmp-accent-soft: #fde3df;
  --cmp-cool: #a9c8e8;
  --cmp-tape: rgba(234, 230, 216, 0.66);
  --cmp-note: #fde3df;
  --cmp-photo-border: #f4f2ec;
  --cmp-rule: rgba(111, 156, 198, 0.2);
  --cmp-margin-line: rgba(229, 57, 43, 0.42);
  --cmp-marquee-ink: #0b1117;
  --cmp-font-hand: "Caveat", "Segoe Print", "Bradley Hand", cursive;
}

/* Darkroom: a cold light where the photo hangs, a red glow low on the left */
.cmp-theme--liceto-ne-e-chernova .cmp-hero {
  background:
    radial-gradient(circle at 76% 42%, rgba(111, 156, 198, 0.3), rgba(111, 156, 198, 0) 44%),
    radial-gradient(circle at 4% 104%, rgba(255, 74, 58, 0.16), rgba(255, 74, 58, 0) 40%),
    var(--cmp-bg);
}

.cmp-theme--liceto-ne-e-chernova .cmp-hero::after,
.cmp-theme--liceto-ne-e-chernova .cmp-undo::after,
.cmp-theme--liceto-ne-e-chernova .cmp-statement::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: var(--grain);
  opacity: 0.12;
  mix-blend-mode: overlay;
  pointer-events: none;
}

.cmp-theme--liceto-ne-e-chernova .cmp-undo,
.cmp-theme--liceto-ne-e-chernova .cmp-statement {
  background:
    radial-gradient(circle at 18% 40%, rgba(111, 156, 198, 0.18), rgba(111, 156, 198, 0) 42%),
    var(--cmp-bg);
}

.cmp-theme--liceto-ne-e-chernova .cmp-statement {
  background:
    radial-gradient(circle at 82% 50%, rgba(111, 156, 198, 0.2), rgba(111, 156, 198, 0) 46%),
    radial-gradient(circle at 0% 0%, rgba(255, 74, 58, 0.12), rgba(255, 74, 58, 0) 36%),
    var(--cmp-bg);
}

.cmp-theme--liceto-ne-e-chernova .cmp-undo > .container,
.cmp-theme--liceto-ne-e-chernova .cmp-statement > .container {
  position: relative;
  z-index: 2;
}

/* Hero: the word „чернова“ written into the dark, like pressure marks on the next page */
.cmp-theme--liceto-ne-e-chernova .cmp-hero-word {
  position: absolute;
  left: 50%;
  bottom: -0.2em;
  z-index: 0;
  margin: 0;
  translate: -50% 0;
  font-family: var(--font-display);
  font-size: 15vw;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.05em;
  white-space: nowrap;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(169, 200, 232, 0.07);
  pointer-events: none;
  user-select: none;
}

/* The red pen writes by hand */
.cmp-theme--liceto-ne-e-chernova .cmp-hero-title .cmp-accent {
  color: var(--cmp-accent);
}

.cmp-theme--liceto-ne-e-chernova .cmp-eyebrow--paper {
  background: rgba(255, 255, 255, 0.55);
}

/* Paper sections: the margin line is red, the rules are the photo blue */
.cmp-theme--liceto-ne-e-chernova .cmp-paper .cmp-title .cmp-accent {
  position: relative;
}

.cmp-theme--liceto-ne-e-chernova .cmp-statement-line .cmp-accent {
  position: relative;
  white-space: nowrap;
}

.cmp-theme--liceto-ne-e-chernova .cmp-statement-line .cmp-accent::after {
  content: "";
  position: absolute;
  left: -2%;
  right: -3%;
  bottom: -0.16em;
  height: 0.24em;
  background: currentColor;
  -webkit-mask: var(--cmp-underline) center / 100% 100% no-repeat;
  mask: var(--cmp-underline) center / 100% 100% no-repeat;
  transform-origin: left center;
  transition: transform 0.8s var(--ease) 0.3s;
}

.cmp-js.cmp-theme--liceto-ne-e-chernova .cmp-statement-line:not(.is-in) .cmp-accent::after {
  transform: scaleX(0);
}

/* Warning: a pink correction slip taped onto the page */
.cmp-theme--liceto-ne-e-chernova .cmp-warning {
  background:
    repeating-linear-gradient(180deg, transparent 0 29px, rgba(200, 42, 30, 0.12) 29px 30px),
    var(--cmp-note);
}

/* Stats: dark index cards with the red pen number */
.cmp-theme--liceto-ne-e-chernova .cmp-stat {
  background:
    radial-gradient(circle at 100% 0%, rgba(111, 156, 198, 0.22), rgba(111, 156, 198, 0) 60%),
    var(--cmp-bg);
}

/* Video: an extra hand-written touch */
.cmp-theme--liceto-ne-e-chernova .cmp-video-frame {
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.06);
}

/* Experts: the photos are clipped into the notebook with tape */
.cmp-theme--liceto-ne-e-chernova .cmp-polaroid {
  background: var(--cmp-photo-border);
}

/* Partners: logos are white, they sit in the darkroom */
.cmp-theme--liceto-ne-e-chernova .cmp-partners .cmp-subtitle .cmp-accent {
  color: var(--cmp-cool);
}

/* Hub card: the darkroom with the poster */
.cmp-card.cmp-theme--liceto-ne-e-chernova {
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 74, 58, 0.16), rgba(255, 74, 58, 0) 46%),
    var(--cmp-bg);
}

.cmp-card.cmp-theme--liceto-ne-e-chernova .cmp-card-title .cmp-accent {
  color: var(--cmp-accent);
}

/* Phones and tablets: cheaper grain */
@media (max-width: 1024px) {
  .cmp-theme--liceto-ne-e-chernova .cmp-hero::after,
  .cmp-theme--liceto-ne-e-chernova .cmp-undo::after,
  .cmp-theme--liceto-ne-e-chernova .cmp-statement::after {
    mix-blend-mode: normal;
    opacity: 0.05;
  }
}