/* A distinct opening for the real photo archive. Photos remain unobstructed. */
#cases.scalp-cases{padding-top:72px}
#cases .records-statement{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,2fr);gap:42px;align-items:center;padding:42px 48px 44px;margin-bottom:32px;background:#19382a;color:#f5f0df;border:1px solid #36523d;box-shadow:0 14px 36px #19382a0d;opacity:1;transform:none;transition:none}
#cases .records-statement::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 83% 24%,#87986420,transparent 56%),linear-gradient(120deg,#10271e70,transparent 60%);pointer-events:none}
#cases .records-statement::after{content:"";position:absolute;inset:0 0 0 auto;width:29%;z-index:-1;opacity:.28;background-image:radial-gradient(#e2d5ac75 .7px,transparent .9px);background-size:17px 17px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
#cases .records-index{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-right:28px;border-right:1px solid #e0d3aa29}
#cases .records-statement .scalp-cases__eyebrow{display:flex;align-items:center;gap:9px;color:#dbd7be;font-size:9px;letter-spacing:.16em;line-height:1.5;margin:0}
#cases .records-seal{width:6px;height:6px;border-radius:50%;flex:none;background:#d8bd7f;box-shadow:0 0 0 4px #dbc48e14}
#cases .records-route{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:32px 0 20px;color:#d5c190;font-size:15px;letter-spacing:.12em;line-height:1.2}
#cases .records-route svg{display:block;width:74px;height:20px;margin-left:2px}
#cases .records-index-caption{font-size:11px;color:#dddcc8;letter-spacing:.02em;line-height:1.6}
#cases .records-copy{min-width:0;position:relative}
#cases .records-statement h2{margin:0 0 26px;font-weight:400;font-size:clamp(40px,4.4vw,64px);letter-spacing:-.055em;line-height:1.35;color:#f5f0df}
#cases .records-prelude{display:block;font-size:clamp(21px,2.1vw,29px);line-height:1.4;letter-spacing:-.045em;margin-bottom:6px;color:#e3e3d0}
#cases .records-main{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:0;row-gap:3px}
#cases .records-word{position:relative;display:inline-block;font-size:clamp(64px,6.1vw,88px);font-weight:500;line-height:1.23;letter-spacing:-.085em;margin-right:5px;padding-bottom:6px;color:#e6cb91;font-style:normal}
#cases .records-word svg{position:absolute;left:0;bottom:-2px;width:100%;height:17px;overflow:visible;color:#dec58c}
#cases .records-word svg path{stroke-dasharray:1;stroke-dashoffset:0}
#cases .records-particle{margin-right:.2em;white-space:nowrap}
#cases .records-last{white-space:nowrap}
#cases .records-statement .scalp-cases__description{font-size:15px;color:#d9dece;line-height:1.85;letter-spacing:-.02em;margin:0}
#cases .records-statement.is-visible .records-word{animation:records-word-arrive .7s cubic-bezier(.18,.7,.25,1) both}
#cases .records-statement.is-visible .records-word svg path{animation:records-line-draw .85s cubic-bezier(.2,.65,.3,1) .12s both}
#cases .records-statement.is-visible .records-route svg{animation:records-arrow-arrive .65s ease-out .08s both}
@keyframes records-word-arrive{from{opacity:.4;transform:translateY(9px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
@keyframes records-line-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes records-arrow-arrive{from{opacity:.4;transform:translateX(-9px)}to{opacity:1;transform:none}}
@media(max-width:1100px) and (min-width:761px){#cases .records-statement{grid-template-columns:170px minmax(0,1fr);gap:28px;padding:34px 32px}#cases .records-statement h2{font-size:clamp(38px,4.4vw,48px)}#cases .records-word{font-size:clamp(60px,6.1vw,72px)}#cases .records-index{padding-right:18px}}
@media(max-width:760px){
  #cases.scalp-cases{padding-top:54px}
  #cases .records-statement{display:block;padding:26px 24px 28px;margin-bottom:25px}
  #cases .records-index{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;border:0;padding:0 0 19px;margin-bottom:20px;border-bottom:1px solid #e0d3aa29}
  #cases .records-statement .scalp-cases__eyebrow{font-size:8px;letter-spacing:.13em;gap:8px}
  #cases .records-route{flex-direction:row;align-items:center;gap:7px;font-size:8px;letter-spacing:.06em;margin:0}
  #cases .records-route svg{width:26px;height:9px;margin:0}
  #cases .records-index-caption{display:none}
  #cases .records-statement h2{font-size:clamp(34px,9.4vw,48px);line-height:1.32;margin-bottom:21px;letter-spacing:-.06em}
  #cases .records-prelude{font-size:20px;margin-bottom:7px}
  #cases .records-word{font-size:clamp(54px,15vw,72px);margin-right:4px;padding-bottom:5px}
  #cases .records-word svg{height:13px;bottom:-1px}
  #cases .records-last{flex-basis:100%;margin-top:2px}
  #cases .records-statement .scalp-cases__description{font-size:13px;line-height:1.85}
  #cases .records-statement::after{width:48%;opacity:.19;background-size:14px 14px}
}
@media(max-width:359px){#cases .records-statement{padding:23px 18px 25px}#cases .records-index{gap:7px}#cases .records-statement .scalp-cases__eyebrow{font-size:7px;letter-spacing:.1em}#cases .records-route{font-size:7px;gap:5px}#cases .records-route svg{width:20px}#cases .records-statement h2{font-size:32px}#cases .records-prelude{font-size:18px}#cases .records-word{font-size:52px}#cases .records-statement .scalp-cases__description{font-size:12px}}
/* Stopping motion never hides the title, including before it enters the viewport. */
html.motion-paused #cases .records-statement .records-word,html.motion-paused #cases .records-statement .records-word svg path,html.motion-paused #cases .records-statement .records-route svg{animation:none!important;opacity:1;transform:none;filter:none;stroke-dashoffset:0}
@media(prefers-reduced-motion:reduce){#cases .records-statement .records-word,#cases .records-statement .records-word svg path,#cases .records-statement .records-route svg{animation:none!important;opacity:1;transform:none;filter:none;stroke-dashoffset:0}}
