[data-sig=harlan-plain]{height:220dvh;position:relative;view-timeline-name:--plain;view-timeline-axis:block;background:var(--paper)}[data-sig=harlan-plain] .plain-stage{position:sticky;top:var(--header);height:calc(100dvh - var(--header));min-height:600px;overflow:hidden}[data-sig=harlan-plain] .plain-document{position:absolute;z-index:2;left:var(--edge);right:var(--edge);top:10%;max-width:1160px;margin:auto}[data-sig=harlan-plain] .plain-title{font-size:clamp(68px,7vw,96px);margin-bottom:48px}[data-sig=harlan-plain] .legal-lines{font:clamp(27px,2.7vw,42px)/1.4 var(--serif);color:#747970;max-width:1000px}[data-sig=harlan-plain] .legal-line{position:relative;margin-top:12px}[data-sig=harlan-plain] .old{position:relative;display:inline-block;max-width:100%}[data-sig=harlan-plain] .old i{position:absolute;inset:0;font-style:normal;color:transparent;text-decoration:line-through;text-decoration-color:var(--redline);text-decoration-thickness:2px;transform:scaleX(0);transform-origin:left}[data-sig=harlan-plain] .replacement{display:inline-block;font:20px/1.4 var(--sans);color:var(--redline);margin-left:16px;opacity:0;transform:translateY(6px)}[data-sig=harlan-plain] .plain-photo{position:absolute;inset:0;opacity:0}[data-sig=harlan-plain] .plain-photo picture,[data-sig=harlan-plain] .plain-photo img{height:100%;width:100%}[data-sig=harlan-plain] .plain-photo img{object-position:50% 52%}[data-sig=harlan-plain] .plain-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 15%,#242623bb 100%)}[data-sig=harlan-plain] .plain-final{position:absolute;z-index:3;left:var(--edge);bottom:12%;color:var(--paper);opacity:0;max-width:950px;padding-right:var(--edge)}[data-sig=harlan-plain] .plain-final h1{font-size:clamp(56px,7vw,96px)}[data-sig=harlan-plain] .plain-final p{font-size:20px;margin-top:24px}[data-sig=harlan-plain] .plain-note{position:absolute;bottom:32px;left:var(--edge);font-size:13px;z-index:4;color:var(--muted)}
@supports(animation-timeline:view()){
[data-sig=harlan-plain] .old i{animation:plain-strike linear both;animation-timeline:--plain;animation-range:contain 10% contain 24%}[data-sig=harlan-plain] .replacement{animation:plain-replace linear both;animation-timeline:--plain;animation-range:contain 15% contain 25%}[data-sig=harlan-plain] .line-1 .old i{animation-range:contain 25% contain 39%}[data-sig=harlan-plain] .line-1 .replacement{animation-range:contain 30% contain 40%}[data-sig=harlan-plain] .line-2 .old i{animation-range:contain 40% contain 54%}[data-sig=harlan-plain] .line-2 .replacement{animation-range:contain 45% contain 55%}[data-sig=harlan-plain] .line-3 .old i{animation-range:contain 55% contain 69%}[data-sig=harlan-plain] .line-3 .replacement{animation-range:contain 60% contain 70%}[data-sig=harlan-plain] .plain-document{animation:plain-out linear both;animation-timeline:--plain;animation-range:contain 75% contain 82%}[data-sig=harlan-plain] .plain-photo{animation:plain-in linear both;animation-timeline:--plain;animation-range:contain 75% contain 82%}[data-sig=harlan-plain] .plain-final{animation:plain-in linear both;animation-timeline:--plain;animation-range:contain 82% contain 88%}[data-sig=harlan-plain] .plain-note{animation:plain-note linear both;animation-timeline:--plain;animation-range:contain 75% contain 82%}}
@keyframes plain-strike{to{transform:scaleX(1)}}@keyframes plain-replace{to{opacity:1;transform:translateY(0)}}@keyframes plain-out{to{opacity:0;transform:translateY(-12px)}}@keyframes plain-in{to{opacity:1}}@keyframes plain-note{to{color:var(--paper)}}
@media(max-width:700px){[data-sig=harlan-plain]{height:185dvh}[data-sig=harlan-plain] .plain-stage{min-height:0}[data-sig=harlan-plain] .plain-document{top:8%}[data-sig=harlan-plain] .plain-title{font-size:60px;margin-bottom:28px}[data-sig=harlan-plain] .legal-lines{font-size:23px;line-height:1.3}[data-sig=harlan-plain] .legal-line{margin-top:18px}[data-sig=harlan-plain] .replacement{font-size:14px;margin:8px 0 0;display:block}[data-sig=harlan-plain] .plain-final h1{font-size:56px}[data-sig=harlan-plain] .plain-final p{font-size:17px}[data-sig=harlan-plain] .plain-final{bottom:16%}[data-sig=harlan-plain] .plain-note{font-size:11px;bottom:24px;max-width:30ch}}
@media(prefers-reduced-motion:reduce){[data-sig=harlan-plain]{height:auto}[data-sig=harlan-plain] .plain-stage{position:relative;top:0;height:calc(90dvh - var(--header));min-height:540px}[data-sig=harlan-plain] .plain-document{display:none}[data-sig=harlan-plain] .plain-photo,[data-sig=harlan-plain] .plain-final{opacity:1;animation:none}[data-sig=harlan-plain] .plain-note{color:var(--paper);animation:none}}

[data-sig=harlan-plain] .plain-title{font-family:var(--serif);line-height:1.05;letter-spacing:-.035em}

/* Keep the sticky scene in one paint context during its document/photo handoff. */
[data-sig=harlan-plain] .plain-stage{isolation:isolate}[data-sig=harlan-plain] .plain-final{transform:none}
@media(max-width:900px){[data-sig=harlan-plain] .plain-stage{height:calc(100dvh - var(--header) - var(--call-bar));min-height:0}}
