/* Only the refined comparison uses this treatment. */
html.design-refined {
  --review-ink: #100e11;
  --review-ivory: #f8f1e8;
  --review-rose: #e6a2af;
  --review-edge: #826772;
}

html.design-refined .site-page main [data-short-caption] {
  text-transform: none;
}

html.design-refined .school-home .retained-signature {
  animation: none;
  clip-path: none;
  color: var(--review-rose);
}

html.design-refined .school-home .school-entry .eyebrow {
  color: var(--review-rose) !important;
  text-shadow: none !important;
}

html.design-refined body.site-page main .opening {
  background: linear-gradient(115deg, #100e11 35%, #1c1219);
  border-top-color: #48313b;
}

html.design-refined body.site-page main .opening .school-label {
  box-sizing: border-box;
  align-items: center;
  gap: 8px 14px;
  padding: 15px clamp(14px, 2.4vw, 24px);
  border: 1px solid #885563;
  border-left: 3px solid #c48696;
  background: linear-gradient(105deg, #512839, #301d27 82%);
  color: #fff7ee !important;
  font-size: clamp(20px, 2.25vw, 28px);
  font-weight: 700;
  letter-spacing: .025em;
  line-height: 1.35;
  text-shadow: none;
}

html.design-refined body.site-page main .opening .school-opening-status {
  flex: none;
  padding: 4px 8px;
  border: 1px solid #bc8998;
  background: #301d27;
  color: #fff0ec;
  font-size: 12px;
  line-height: 1.35;
  letter-spacing: .06em;
}

@media (max-width: 360px) {
  html.design-refined body.site-page main .opening .school-label {
    gap: 8px;
    padding-inline: 12px;
    font-size: 18px;
  }
}

html.design-refined .site-page main .opening .school-audience {
  white-space: normal;
  color: #dfd0cf !important;
}

html.design-refined .site-page main .opening .shell :is(.lead, .honkatsuyo-catch, .honkatsuyo-definition) {
  color: var(--review-ivory) !important;
}

html.design-refined .site-page main .opening .shell .honkatsuyo-name {
  color: var(--review-rose) !important;
}

html.design-refined .site-page main .opening .page-jumps a {
  color: #ead9da;
  border-bottom-color: var(--review-edge);
  text-shadow: none !important;
}

html.design-refined .site-page main .opening .page-jumps a:is(:hover, :focus-visible) {
  color: #fff7ee;
}

html.design-refined .school-home .school-entry .orbit-core,
html.design-refined .school-home .school-entry .orbit-core small {
  color: var(--review-rose);
}

html.design-refined .corporate-page .opening .opening-art {
  --corporate-light-angle: -31deg;
  inset: 0;
  width: auto;
  background:
    radial-gradient(ellipse 48% .8% at 50% 45%, #e88596c7, #ae3b536b 52%, transparent),
    radial-gradient(ellipse 51% 3.6% at 50% 45%, #a2294375, transparent),
    radial-gradient(ellipse 40% .6% at 55% 55%, #cb596f8f, #9025414d 59%, transparent),
    radial-gradient(ellipse 45% 2.8% at 55% 55%, #90254147, transparent);
  transform-origin: center;
  transform: translate3d(18%, -16%, 0) rotate(var(--corporate-light-angle));
  opacity: .48;
  animation: corporate-diagonal-light 14s linear infinite;
}

html.design-refined .corporate-page .opening::after {
  background: linear-gradient(112deg, #100e119c 12%, #100e1173 48%, #371a2966 100%);
}

@keyframes corporate-diagonal-light {
  from {
    transform: translate3d(48%, -51%, 0) rotate(var(--corporate-light-angle));
    opacity: 0;
  }
  18% { opacity: 1; }
  60% { opacity: .88; }
  80% { opacity: .52; }
  to {
    transform: translate3d(-54%, 56%, 0) rotate(var(--corporate-light-angle));
    opacity: 0;
  }
}

@media (max-width: 700px) {
  html.design-refined .corporate-page .opening .opening-art {
    --corporate-light-angle: -54deg;
  }
}

html.design-refined .corporate-page .opening .vision-map::before {
  background: #1e141b;
  border-color: #76525f;
}

html.design-refined .corporate-page .opening .vision-core {
  color: var(--review-ivory);
}

html.design-refined .corporate-page .opening .vision-tag {
  background: #2c1923;
  color: #f3dce2;
  border: 1px solid #795563;
}

html.design-refined .corporate-page .opening .vision-tag.ai {
  background: #472234;
  color: #ffe8ed;
}

html.design-refined .school-home .retained-hero-art {
  filter: saturate(.82) contrast(1.06) brightness(.8);
}

html.design-refined .school-home .retained-links {
  border-color: #987683;
}

html.design-refined .school-home .retained-links a {
  background: #150f16;
}

html.design-refined .school-home .retained-links a:is(:hover, :focus-visible) {
  background: #522638;
}

/* The school's moving diamond uses the existing background layers. */
html.design-refined .school-detail .school-intro-copy :is(.opening-art, .opening-aura) {
  background: none;
  border: 0;
  mask-image: none;
  --circle-right-from: -2%;
  --circle-right-to: -7%;
}

html.design-refined .school-detail .school-intro-copy .opening-art {
  opacity: .42;
}

html.design-refined .school-detail .school-intro-copy .opening-aura {
  opacity: .27;
}

html.design-refined .school-detail .school-intro-copy :is(.opening-art, .opening-aura)::before,
html.design-refined .school-detail .school-intro-copy .opening-art::after {
  content: '';
  position: absolute;
  inset: 15%;
  transform: rotate(45deg);
  border: 1px solid #b37182;
}

html.design-refined .school-detail .school-intro-copy .opening-art::before {
  background: linear-gradient(135deg, #351e2b, #1c131b 68%);
}

html.design-refined .school-detail .school-intro-copy .opening-art::after {
  inset: 23%;
  border-color: #875263;
}

html.design-refined .school-detail .school-intro-copy .opening-aura::before {
  inset: 32%;
  border-color: #c8899b;
}

html.design-refined .school-home .liftd-signature-art {
  display: block;
  width: clamp(220px, 43vw, 356px);
  max-width: 100%;
  height: auto;
  overflow: visible;
  fill: none;
  stroke: #f0c7ce;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (prefers-reduced-motion: no-preference) {
  html.design-refined .school-home .is-writing .liftd-signature-art path {
    stroke-dasharray: 1;
    opacity: 0;
    animation: liftd-pen-write var(--pen-duration) linear var(--pen-delay) both;
  }

  @keyframes liftd-pen-write {
    from { stroke-dashoffset: 1; opacity: 0; }
    0.1% { opacity: 1; }
    to { stroke-dashoffset: 0; opacity: 1; }
  }
}