/* Cairn's ruled editorial proof language, rebuilt for Atreon's monochrome system. */
.cairn-proof {
  position: relative;
  overflow: hidden;
  border-block: 1px solid #252a29;
  background:
    linear-gradient(90deg, transparent calc(25% - .5px), rgba(228,232,228,.045) 25%, transparent calc(25% + .5px)),
    linear-gradient(90deg, transparent calc(50% - .5px), rgba(228,232,228,.045) 50%, transparent calc(50% + .5px)),
    linear-gradient(90deg, transparent calc(75% - .5px), rgba(228,232,228,.045) 75%, transparent calc(75% + .5px)),
    #0b0d0e;
  color: #eceeeb;
  padding-block: 68px 72px;
}

.cairn-proof-head {
  display: grid;
  grid-template-columns: .72fr 1.28fr;
  gap: 64px;
  align-items: start;
  padding-bottom: 38px;
}

.cairn-proof-head .section-label { color: #68706d; }
.cairn-proof-head > div { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(240px,.75fr); gap: 40px; align-items: end; }
.cairn-proof-head h2 {
  max-width: 660px;
  margin: 0;
  color: #f0f2ef;
  font: 400 clamp(44px,5.4vw,76px)/.98 "Instrument Serif",Georgia,serif;
  letter-spacing: -.035em;
}
.cairn-proof-head > div > p {
  max-width: 410px;
  margin: 0;
  color: #858d8a;
  font-size: 15px;
  line-height: 1.65;
}

.cairn-outcomes {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  border-top: 1px solid #303534;
  border-bottom: 1px solid #303534;
}

.cairn-outcomes article {
  position: relative;
  min-width: 0;
  padding: 26px 28px 34px;
  border-right: 1px solid #303534;
}
.cairn-outcomes article:last-child { border-right: 0; }
.cairn-outcomes article::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #f0f2ef;
  transform: scaleX(0);
  transform-origin: left;
}
.cairn-proof.is-active .cairn-outcomes article::before { animation: cairn-rule-in .8s cubic-bezier(.22,.8,.2,1) forwards; }
.cairn-proof.is-active .cairn-outcomes article:nth-child(2)::before { animation-delay: .14s; }
.cairn-proof.is-active .cairn-outcomes article:nth-child(3)::before { animation-delay: .28s; }

.cairn-index {
  color: #66706c;
  font: 500 9px/1 Manrope,sans-serif;
  letter-spacing: .16em;
}

.cairn-word {
  overflow: hidden;
  margin: 34px 0 -.1em;
  padding-block: .12em;
  color: #eff1ee;
  font: 400 clamp(76px,9vw,138px)/.9 "Instrument Serif",Georgia,serif;
  letter-spacing: -.055em;
}
.cairn-word-long { font-size: clamp(68px,8vw,122px); }
.cairn-word span { display: block; transform: translateY(112%); }
.cairn-proof.is-active .cairn-word span { animation: cairn-word-in .92s cubic-bezier(.16,1,.3,1) forwards; }
.cairn-proof.is-active article:nth-child(2) .cairn-word span { animation-delay: .14s; }
.cairn-proof.is-active article:nth-child(3) .cairn-word span { animation-delay: .28s; }

.cairn-outcomes h3 {
  margin: 20px 0 11px;
  color: #dfe2de;
  font: 600 15px/1.2 Manrope,sans-serif;
}
.cairn-outcomes article > p:last-child {
  max-width: 330px;
  margin: 0;
  color: #747c79;
  font-size: 13px;
  line-height: 1.65;
}

.cairn-promise {
  display: grid;
  grid-template-columns: .45fr 1.25fr auto;
  gap: 48px;
  align-items: center;
  padding-top: 38px;
}
.cairn-promise > span {
  color: #636b68;
  font: 500 9px/1 Manrope,sans-serif;
  letter-spacing: .17em;
}
.cairn-promise blockquote {
  max-width: 750px;
  margin: 0;
  color: #d8dcD8;
  font: 400 clamp(30px,3vw,42px)/1.12 "Instrument Serif",Georgia,serif;
  letter-spacing: -.02em;
}
.cairn-promise blockquote em { color: #f3f4f1; }
.cairn-promise > a {
  padding-bottom: 7px;
  border-bottom: 1px solid #5f6663;
  color: #e6e9e5;
  font-size: 13px;
  white-space: nowrap;
}
.cairn-promise > a span { margin-left: 9px; }

@keyframes cairn-rule-in { to { transform: scaleX(1); } }
@keyframes cairn-word-in { to { transform: translateY(0); } }

@media (max-width: 980px) {
  .cairn-proof { padding-block: 84px 92px; }
  .cairn-proof-head { grid-template-columns: 1fr; gap: 28px; }
  .cairn-proof-head > div { grid-template-columns: 1fr; gap: 24px; }
  .cairn-outcomes { grid-template-columns: 1fr; }
  .cairn-outcomes article { min-height: 300px; border-right: 0; border-bottom: 1px solid #303534; }
  .cairn-outcomes article:last-child { border-bottom: 0; }
  .cairn-word { margin-top: 38px; font-size: clamp(78px,19vw,120px); }
  .cairn-word-long { font-size: clamp(70px,17vw,108px); }
  .cairn-outcomes h3 { margin-top: 34px; }
  .cairn-promise { grid-template-columns: 1fr; gap: 24px; }
  .cairn-promise > a { width: max-content; }
}

@media (max-width: 560px) {
  .cairn-proof { padding-block: 72px 80px; }
  .cairn-proof { background-size: 50% 100%; }
  .cairn-proof-head { padding-bottom: 42px; }
  .cairn-proof-head h2 { font-size: clamp(44px,13vw,60px); }
  .cairn-outcomes article { min-height: 276px; padding: 22px 20px 28px; }
  .cairn-outcomes article > p:last-child { max-width: 290px; }
  .cairn-promise { padding-top: 48px; }
  .cairn-promise blockquote { font-size: clamp(32px,10vw,44px); }
}

@media (prefers-reduced-motion: reduce) {
  .cairn-outcomes article::before,
  .cairn-word span { animation: none !important; transform: none; }
}