body.case-draft-page {
  background: #fafafa;
  color: #111;
}

body.case-draft-page .site-header,
body.case-draft-page .case-draft {
  background: #fafafa;
}

body.case-draft-page .cookie-notice {
  display: none !important;
}

.case-draft {
  --case-wide: min(calc(100% - 252px), 1188px);
  --case-narrow: min(100%, 940px);
  --article-vt-width: var(--case-wide);
  --article-vt-prose: var(--case-wide);
  padding-top: 122px;
  padding-bottom: 0;
}

.case-draft article {
  gap: 52px;
}

.case-draft .article-vt-head {
  gap: 6px;
}

.case-draft .article-vt-head h1 {
  max-width: none;
  font-size: 48px;
  line-height: 0.95;
}

.case-draft .article-vt-kicker {
  font-size: 10px;
}

.case-draft .article-vt-dek {
  max-width: none;
  font-family: var(--font-serif);
  font-size: 25px;
  line-height: 1.1;
}

.case-draft-body {
  gap: 72px;
}

.case-draft .article-vt-section {
  gap: 30px;
}

.case-draft-copy {
  width: 100%;
  max-width: var(--case-wide);
}

.case-draft-copy--inset {
  max-width: var(--case-narrow);
}

.case-draft-copy p {
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 1.28;
}

.case-draft-media,
.case-draft-grid {
  width: var(--case-narrow);
  margin: 0 auto;
}

.case-draft-hero {
  width: var(--case-narrow);
  margin: 0 auto;
}

.case-draft-hero--small {
  width: min(100%, 560px);
}

.case-draft .article-vt-media img {
  width: 100%;
  max-height: none;
  object-fit: contain;
}

.case-draft-grid {
  display: grid;
  gap: 8px;
}

.case-draft-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.case-draft-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.case-draft-grid--six {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.case-draft-grid--split {
  grid-template-columns: minmax(0, 0.56fr) minmax(0, 0.44fr);
  align-items: start;
  gap: 44px;
}

.case-draft-grid--split .case-draft-copy p {
  font-size: 18px;
  line-height: 1.3;
  text-align: left;
}

.case-draft-card {
  display: grid;
  margin: 0;
  overflow: hidden;
  place-items: center;
  background: #f3f3f3;
}

.case-draft-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case-draft-card--portrait {
  aspect-ratio: 3 / 4;
}

.case-draft-card--landscape {
  aspect-ratio: 3 / 2;
}

.case-draft-card--square {
  aspect-ratio: 1 / 1;
}

.case-draft-card--contain img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.case-draft-contact {
  width: var(--case-wide);
  margin: 96px auto 72px;
  padding-top: 44px;
}

.case-draft-contact-form {
  gap: 8px;
}

.case-draft-contact-form .outline-button {
  margin-top: 6px;
}

@media (max-width: 1180px) {
  .case-draft {
    --case-wide: calc(100% - 40px);
  }
}

@media (max-width: 760px) {
  body.case-draft-page {
    overflow-x: hidden;
  }

  .case-draft {
    --case-wide: calc(100% - 28px);
    padding-top: 84px;
  }

  .case-draft article,
  .case-draft-body {
    gap: 54px;
  }

  .case-draft .article-vt-head h1 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 30px !important;
    line-height: 1.02;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
  }

  .case-draft .article-vt-dek {
    font-size: 18px;
  }

  .case-draft .article-vt-head,
  .case-draft .article-vt-body,
  .case-draft .article-vt-section,
  .case-draft-copy,
  .case-draft-media,
  .case-draft-grid,
  .case-draft-hero {
    width: var(--case-wide) !important;
    max-width: var(--case-wide) !important;
  }

  .case-draft-copy p {
    width: 100%;
    max-width: 100%;
    font-size: 17px;
    line-height: 1.34;
    overflow-wrap: anywhere;
    text-align: left;
  }

  .case-draft-grid--two,
  .case-draft-grid--three,
  .case-draft-grid--six,
  .case-draft-grid--split,
  .case-draft-contact {
    grid-template-columns: 1fr;
  }

  .case-draft-contact {
    margin-top: 70px;
    margin-bottom: 56px;
    padding-top: 30px;
  }
}

/* PLOT case final layout. */
body.case-draft-page--plot .plot-case {
  --plot-page: min(calc(100% - 252px), 1188px);
  --plot-prose: var(--plot-page);
  --plot-media: min(100%, 940px);
  --plot-detail: var(--plot-media);
  --plot-vest: min(100%, 464px);
  --case-wide: var(--plot-page);
  --case-narrow: var(--plot-media);
  padding-top: 122px;
}

body.case-draft-page--plot .plot-case article {
  gap: 52px;
}

body.case-draft-page--plot .plot-case-head {
  width: var(--plot-page);
  margin: 0 auto;
  align-items: center;
  text-align: center;
}

body.case-draft-page--plot .plot-case-head h1 {
  max-width: none;
  font-size: 48px;
  line-height: 0.95;
  text-transform: uppercase;
}

body.case-draft-page--plot .plot-case .article-vt-dek {
  max-width: 560px;
  margin-top: 0;
  font-family: var(--font-serif);
  font-size: 25px;
  line-height: 1.1;
}

body.case-draft-page--plot .case-draft-body {
  gap: 72px;
}

body.case-draft-page--plot .plot-case-copy {
  width: var(--plot-prose);
  max-width: var(--plot-prose);
  margin: 0 auto;
}

body.case-draft-page--plot .plot-case-copy p {
  margin: 0 0 20px;
  font-size: 22px;
  line-height: 1.28;
  text-align: left;
}

body.case-draft-page--plot .plot-case-copy p:last-child {
  margin-bottom: 0;
}

body.case-draft-page--plot .plot-case-strip,
body.case-draft-page--plot .plot-case-event-pair,
body.case-draft-page--plot .plot-case-wear-strip {
  width: var(--plot-media);
  max-width: var(--plot-media);
  gap: 8px;
}

body.case-draft-page--plot .plot-case-strip--intro {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.case-draft-page--plot .plot-case-strip--intro .case-draft-card {
  aspect-ratio: 3 / 4;
}

body.case-draft-page--plot .plot-case-vest {
  width: var(--plot-vest);
  max-width: var(--plot-vest);
  margin: 0 auto;
}

body.case-draft-page--plot .plot-case-vest img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

body.case-draft-page--plot .plot-case-detail-pair {
  width: var(--plot-detail);
  max-width: var(--plot-detail);
  gap: 8px;
}

body.case-draft-page--plot .plot-case-detail-pair .case-draft-card {
  aspect-ratio: 4 / 5;
}

body.case-draft-page--plot .plot-case-event-pair {
  width: var(--plot-media);
  max-width: var(--plot-media);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}

body.case-draft-page--plot .plot-case-event-pair .case-draft-card {
  aspect-ratio: 2 / 3;
}

body.case-draft-page--plot .plot-case-wear-strip {
  width: var(--plot-media);
  max-width: var(--plot-media);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.case-draft-page--plot .plot-case-wear-strip .case-draft-card {
  aspect-ratio: 4 / 5;
}

body.case-draft-page--plot .plot-case-copy--closing {
  padding-top: 4px;
}

body.case-draft-page--plot .case-draft-contact {
  width: var(--plot-page);
  margin-top: 104px;
}

@media (max-width: 1180px) {
  body.case-draft-page--plot .plot-case {
    --plot-page: calc(100% - 40px);
  }
}

@media (max-width: 760px) {
  body.case-draft-page--plot .plot-case {
    --plot-page: calc(100% - 28px);
    --plot-prose: var(--plot-page);
    --plot-media: var(--plot-page);
    --plot-detail: var(--plot-page);
    --plot-vest: min(100%, 360px);
    padding-top: 86px;
  }

  body.case-draft-page--plot .plot-case article,
  body.case-draft-page--plot .case-draft-body {
    gap: 54px;
  }

  body.case-draft-page--plot .plot-case-head {
    width: var(--plot-page) !important;
    max-width: var(--plot-page) !important;
  }

  body.case-draft-page--plot .plot-case-head h1 {
    font-size: 30px !important;
    line-height: 1.02;
  }

  body.case-draft-page--plot .plot-case .article-vt-dek {
    max-width: 100%;
    font-size: 18px;
  }

  body.case-draft-page--plot .plot-case-copy p {
    font-size: 17px;
    line-height: 1.34;
  }

  body.case-draft-page--plot .plot-case-event-pair,
  body.case-draft-page--plot .plot-case-wear-strip {
    grid-template-columns: 1fr;
  }

  body.case-draft-page--plot .plot-case-strip--intro {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.case-draft-page--plot .plot-case-detail-pair {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.case-draft-page--plot .plot-case-vest {
    width: var(--plot-vest) !important;
    max-width: var(--plot-vest) !important;
  }

  body.case-draft-page--plot .case-draft-contact {
    width: var(--plot-page);
    margin-top: 72px;
  }
}

/* Designer case final layouts. */
body.case-draft-page--kruzhok .designer-case,
body.case-draft-page--siniy-vsadnik .designer-case,
body.case-draft-page--archivarius .designer-case {
  --designer-page: min(calc(100% - 252px), 1188px);
  --designer-media: min(100%, 940px);
  --designer-small: min(100%, 600px);
  --article-vt-width: var(--designer-page);
  --article-vt-prose: var(--designer-page);
  --case-wide: var(--designer-page);
  --case-narrow: var(--designer-media);
  padding-top: 122px;
  padding-bottom: 0;
}

body.case-draft-page--kruzhok .designer-case article,
body.case-draft-page--siniy-vsadnik .designer-case article,
body.case-draft-page--archivarius .designer-case article {
  gap: 52px;
}

body.case-draft-page--kruzhok .designer-case .article-vt-head,
body.case-draft-page--siniy-vsadnik .designer-case .article-vt-head,
body.case-draft-page--archivarius .designer-case .article-vt-head {
  width: var(--designer-page);
  margin: 0 auto;
  gap: 6px;
  align-items: center;
  text-align: center;
}

body.case-draft-page--kruzhok .designer-case .article-vt-head h1,
body.case-draft-page--siniy-vsadnik .designer-case .article-vt-head h1,
body.case-draft-page--archivarius .designer-case .article-vt-head h1 {
  max-width: none;
  font-size: 48px;
  line-height: 0.95;
  text-transform: uppercase;
}

body.case-draft-page--kruzhok .designer-case .article-vt-kicker,
body.case-draft-page--siniy-vsadnik .designer-case .article-vt-kicker,
body.case-draft-page--archivarius .designer-case .article-vt-kicker {
  font-size: 10px;
}

body.case-draft-page--kruzhok .designer-case .article-vt-dek,
body.case-draft-page--siniy-vsadnik .designer-case .article-vt-dek,
body.case-draft-page--archivarius .designer-case .article-vt-dek {
  max-width: 650px;
  font-family: var(--font-serif);
  font-size: 25px;
  line-height: 1.1;
}

body.case-draft-page--kruzhok .designer-case .case-draft-body,
body.case-draft-page--siniy-vsadnik .designer-case .case-draft-body,
body.case-draft-page--archivarius .designer-case .case-draft-body {
  gap: 72px;
}

body.case-draft-page--kruzhok .designer-case .article-vt-section,
body.case-draft-page--siniy-vsadnik .designer-case .article-vt-section,
body.case-draft-page--archivarius .designer-case .article-vt-section {
  gap: 30px;
}

body.case-draft-page--kruzhok .designer-case .case-draft-copy,
body.case-draft-page--siniy-vsadnik .designer-case .case-draft-copy,
body.case-draft-page--archivarius .designer-case .case-draft-copy {
  width: 100%;
  max-width: var(--designer-media);
  margin: 0 auto;
}

body.case-draft-page--kruzhok .designer-case .case-draft-copy p,
body.case-draft-page--siniy-vsadnik .designer-case .case-draft-copy p,
body.case-draft-page--archivarius .designer-case .case-draft-copy p {
  margin: 0 0 20px;
  font-size: 22px;
  line-height: 1.28;
  text-align: left;
}

body.case-draft-page--kruzhok .designer-case .case-draft-copy p:last-child,
body.case-draft-page--siniy-vsadnik .designer-case .case-draft-copy p:last-child,
body.case-draft-page--archivarius .designer-case .case-draft-copy p:last-child {
  margin-bottom: 0;
}

body.case-draft-page--kruzhok .designer-case .case-draft-grid,
body.case-draft-page--siniy-vsadnik .designer-case .case-draft-grid,
body.case-draft-page--archivarius .designer-case .case-draft-grid,
body.case-draft-page--kruzhok .designer-case .case-draft-media,
body.case-draft-page--siniy-vsadnik .designer-case .case-draft-media,
body.case-draft-page--archivarius .designer-case .case-draft-media,
body.case-draft-page--kruzhok .designer-case .case-draft-hero,
body.case-draft-page--siniy-vsadnik .designer-case .case-draft-hero,
body.case-draft-page--archivarius .designer-case .case-draft-hero {
  width: var(--designer-media);
  max-width: var(--designer-media);
  margin: 0 auto;
}

body.case-draft-page--kruzhok .designer-case .case-draft-grid,
body.case-draft-page--siniy-vsadnik .designer-case .case-draft-grid,
body.case-draft-page--archivarius .designer-case .case-draft-grid {
  gap: 8px;
}

body.case-draft-page--kruzhok .designer-case .case-draft-hero--small,
body.case-draft-page--archivarius .designer-case .case-draft-hero--small {
  width: var(--designer-small);
  max-width: var(--designer-small);
}

body.case-draft-page--kruzhok .designer-case .case-draft-grid--split,
body.case-draft-page--archivarius .designer-case .case-draft-grid--split {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: start;
}

body.case-draft-page--kruzhok .designer-case .case-draft-grid--split .case-draft-copy,
body.case-draft-page--archivarius .designer-case .case-draft-grid--split .case-draft-copy {
  max-width: none;
}

body.case-draft-page--kruzhok .designer-case .case-draft-grid--split .case-draft-copy p,
body.case-draft-page--archivarius .designer-case .case-draft-grid--split .case-draft-copy p {
  font-size: 22px;
  line-height: 1.28;
}

body.case-draft-page--siniy-vsadnik .designer-case .case-draft-grid--six,
body.case-draft-page--archivarius .designer-case .case-draft-grid--three {
  width: min(100%, 840px);
  max-width: min(100%, 840px);
}

body.case-draft-page--siniy-vsadnik .designer-case .case-draft-grid--six {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.case-draft-page--siniy-vsadnik .designer-case .case-draft-grid--full-height {
  align-items: start;
}

body.case-draft-page--archivarius .designer-case .case-draft-grid--full-height {
  align-items: start;
}

body.case-draft-page--siniy-vsadnik .designer-case .case-draft-grid--full-height .case-draft-card {
  aspect-ratio: auto;
  align-self: start;
}

body.case-draft-page--archivarius .designer-case .case-draft-card--no-crop,
body.case-draft-page--archivarius .designer-case .case-draft-grid--full-height .case-draft-card {
  aspect-ratio: auto;
  align-self: start;
}

body.case-draft-page--siniy-vsadnik .designer-case .case-draft-grid--full-height .case-draft-card img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

body.case-draft-page--siniy-vsadnik .designer-case .siniy-panel--match-middle {
  align-items: stretch;
}

body.case-draft-page--siniy-vsadnik .designer-case .siniy-panel--match-middle .case-draft-card {
  aspect-ratio: 358 / 686;
  align-self: stretch;
}

body.case-draft-page--siniy-vsadnik .designer-case .siniy-panel--match-middle .case-draft-card img {
  width: 100%;
  height: auto;
  aspect-ratio: 358 / 686;
  object-fit: contain;
}

body.case-draft-page--siniy-vsadnik .designer-case .siniy-panel--match-middle .case-draft-card:nth-child(3) img {
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center center;
}

body.case-draft-page--siniy-vsadnik .designer-case .siniy-panel--center-sides {
  align-items: center;
}

body.case-draft-page--siniy-vsadnik .designer-case .siniy-panel--center-sides .case-draft-card {
  align-self: center;
}

body.case-draft-page--archivarius .designer-case .case-draft-card--no-crop img,
body.case-draft-page--archivarius .designer-case .case-draft-grid--full-height .case-draft-card img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

body.case-draft-page--kruzhok .designer-case--kruzhok .case-draft-media.case-draft-hero--small {
  --designer-small: min(100%, 525px);
}

body.case-draft-page--archivarius .designer-case--archivarius .case-draft-hero--small {
  --designer-small: min(100%, 600px);
}

body.case-draft-page--kruzhok .case-draft-contact,
body.case-draft-page--siniy-vsadnik .case-draft-contact,
body.case-draft-page--archivarius .case-draft-contact {
  width: min(calc(100% - 252px), 1188px);
  margin-top: 96px;
}

@media (max-width: 1180px) {
  body.case-draft-page--kruzhok .designer-case,
  body.case-draft-page--siniy-vsadnik .designer-case,
  body.case-draft-page--archivarius .designer-case {
    --designer-page: calc(100% - 40px);
  }

  body.case-draft-page--kruzhok .case-draft-contact,
  body.case-draft-page--siniy-vsadnik .case-draft-contact,
  body.case-draft-page--archivarius .case-draft-contact {
    width: calc(100% - 40px);
  }
}

@media (max-width: 760px) {
  body.case-draft-page--kruzhok .designer-case,
  body.case-draft-page--siniy-vsadnik .designer-case,
  body.case-draft-page--archivarius .designer-case {
    --designer-page: calc(100% - 28px);
    --designer-media: var(--designer-page);
    --designer-small: var(--designer-page);
    padding-top: 84px;
  }

  body.case-draft-page--kruzhok .designer-case article,
  body.case-draft-page--siniy-vsadnik .designer-case article,
  body.case-draft-page--archivarius .designer-case article,
  body.case-draft-page--kruzhok .designer-case .case-draft-body,
  body.case-draft-page--siniy-vsadnik .designer-case .case-draft-body,
  body.case-draft-page--archivarius .designer-case .case-draft-body {
    gap: 54px;
  }

  body.case-draft-page--kruzhok .designer-case .article-vt-head,
  body.case-draft-page--siniy-vsadnik .designer-case .article-vt-head,
  body.case-draft-page--archivarius .designer-case .article-vt-head,
  body.case-draft-page--kruzhok .designer-case .case-draft-copy,
  body.case-draft-page--siniy-vsadnik .designer-case .case-draft-copy,
  body.case-draft-page--archivarius .designer-case .case-draft-copy {
    width: var(--designer-page) !important;
    max-width: var(--designer-page) !important;
  }

  body.case-draft-page--kruzhok .designer-case .article-vt-head h1,
  body.case-draft-page--siniy-vsadnik .designer-case .article-vt-head h1,
  body.case-draft-page--archivarius .designer-case .article-vt-head h1 {
    font-size: 30px !important;
    line-height: 1.02;
  }

  body.case-draft-page--kruzhok .designer-case .article-vt-dek,
  body.case-draft-page--siniy-vsadnik .designer-case .article-vt-dek,
  body.case-draft-page--archivarius .designer-case .article-vt-dek {
    max-width: 100%;
    font-size: 18px;
  }

  body.case-draft-page--kruzhok .designer-case .case-draft-copy p,
  body.case-draft-page--siniy-vsadnik .designer-case .case-draft-copy p,
  body.case-draft-page--archivarius .designer-case .case-draft-copy p {
    width: 100%;
    max-width: 100%;
    font-size: 17px;
    line-height: 1.34;
    overflow-wrap: anywhere;
  }

  body.case-draft-page--kruzhok .designer-case .case-draft-grid--split .case-draft-copy p,
  body.case-draft-page--archivarius .designer-case .case-draft-grid--split .case-draft-copy p {
    font-size: 17px;
    line-height: 1.34;
  }

  body.case-draft-page--kruzhok .designer-case .case-draft-grid--split,
  body.case-draft-page--archivarius .designer-case .case-draft-grid--split,
  body.case-draft-page--siniy-vsadnik .designer-case .case-draft-grid--three,
  body.case-draft-page--siniy-vsadnik .designer-case .case-draft-grid--six {
    grid-template-columns: 1fr;
  }

  body.case-draft-page--siniy-vsadnik .designer-case .siniy-panel {
    width: calc(100vw - 28px) !important;
    max-width: 420px !important;
    gap: 4px;
  }

  body.case-draft-page--siniy-vsadnik .designer-case .siniy-panel--three,
  body.case-draft-page--siniy-vsadnik .designer-case .siniy-panel--six {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.case-draft-page--kruzhok .case-draft-contact,
  body.case-draft-page--siniy-vsadnik .case-draft-contact,
  body.case-draft-page--archivarius .case-draft-contact {
    width: calc(100% - 28px);
    margin-top: 70px;
    margin-bottom: 56px;
    padding-top: 30px;
  }
}