/* Interactive reading of existing period photos; no reconstructed project imagery. */
.atlas-heading{margin-bottom:27px}
.atlas-instruction{display:flex;gap:13px;align-items:baseline;margin:0 0 24px;font-size:12px;line-height:1.7;color:var(--copy-ink);max-width:620px}
.atlas-instruction>span{font-size:19px;color:var(--oxblood)}
.atlas-scene{position:relative;width:100%;height:100%;transform-origin:center}
body[data-motion=on] .atlas-frame .atlas-scene{transform:scale(calc(1.035 - var(--chapter-reveal,0)*.035))}
body[data-motion=on] .atlas-frame .atlas-scene img{transform:none}
.atlas-traces{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}
.atlas-traces [data-trace]{opacity:0;transition:opacity .18s ease}
.trace-line{fill:none;stroke:#fff6e7;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px #211619a6);stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .65s var(--ease)}
.trace-point{fill:#fff6e7;stroke:#38141d80;stroke-width:1;vector-effect:non-scaling-stroke}
.trace-area{fill:#fff6e7;fill-opacity:.12;stroke:none}
[data-observation=proportions] [data-trace=proportions],
[data-observation=stance] [data-trace=stance],
[data-observation=window-line] [data-trace=window-line]{opacity:1}
[data-observation=proportions] [data-trace=proportions] .trace-line,
[data-observation=stance] [data-trace=stance] .trace-line,
[data-observation=window-line] [data-trace=window-line] .trace-line{stroke-dashoffset:0}
.atlas-observations{display:flex;align-items:stretch;flex-wrap:wrap;border-bottom:1px solid #38141d30;margin-top:13px;gap:0 24px}
.atlas-observations button{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;background:none;color:var(--copy-ink);padding:5px 0;font:13px/1.5 'IBM Plex Sans',Arial,sans-serif;text-align:left;cursor:pointer}
.atlas-observations button>span{font-size:10px;font-variant-numeric:tabular-nums;opacity:.75}
.atlas-observations button>i{font-size:20px;line-height:1;font-style:normal;margin-left:5px;transition:transform .2s}
.atlas-observations button:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--oxblood);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.atlas-observations button[aria-pressed=true]{color:var(--oxblood)}
.atlas-observations button[aria-pressed=true]:after{transform:scaleX(1)}
.atlas-observations button[aria-pressed=true]>i{transform:rotate(45deg)}
.atlas-observations button:hover{color:var(--oxblood)}
.atlas-observations button:focus-visible{outline:2px solid var(--oxblood);outline-offset:4px}
.atlas-figure .atlas-notes{display:grid;grid-template-columns:minmax(0,1fr);border:0;padding-top:0;margin-top:24px;gap:0}
/* All notes participate in the grid to prevent a page jump on selection. */
.atlas-notes>[data-note]{grid-area:1/1;display:block}
.atlas-notes>[data-note][hidden]{display:block!important;visibility:hidden;pointer-events:none}
.atlas-notes h4{font-size:clamp(26px,2.35vw,36px);max-width:580px}
.atlas-notes p{max-width:530px}
body[data-motion=on] .atlas-figure .atlas-notes{opacity:1;transform:none}
.atlas-study-note{margin:26px 0 0;font-size:12px;line-height:1.75;color:var(--copy-ink)}
.atlas-credit{margin-top:15px}
.swift-direction{display:grid;grid-template-columns:1fr 1.38fr;gap:0 13%;border-top:1px solid #38141d30;padding-top:30px;margin-top:76px}
.swift-direction>.swift-kicker{grid-column:1/-1;margin-bottom:28px}
.swift-direction h3{font:400 clamp(40px,4.4vw,65px)/1.02 Newsreader,Georgia,serif;letter-spacing:-.04em;margin:0}
.swift-direction h3 em{font-weight:400}
.swift-direction>div>p{font-size:16px;line-height:1.8;margin:0 0 18px;max-width:470px}
.swift-direction>div>p+p{font-size:14px;color:var(--copy-ink)}
.swift-direction-status{display:block;border-top:1px solid #38141d24;padding-top:17px;margin-top:29px;font-size:10px;line-height:1.7;letter-spacing:.07em;color:var(--copy-ink)}
@media(max-width:1050px){.swift-direction{gap:0 8%;grid-template-columns:1fr 1.4fr}.atlas-observations{gap:0 18px}}
@media(max-width:760px){
 .atlas-heading{margin-bottom:20px}
 .atlas-heading h3{font-size:42px}
 .atlas-instruction{margin-bottom:20px;font-size:12px}
 .atlas-images{gap:38px}
 .atlas-observations{margin-top:8px;gap:0 23px}
 .atlas-observations button{font-size:13px;min-height:48px;gap:8px}
 .atlas-observations button>i{margin-left:3px}
 .atlas-figure .atlas-notes{margin-top:19px}
 .atlas-notes h4{font-size:30px;margin-bottom:10px}
 .atlas-study-note{margin-top:25px}
 .swift-direction{grid-template-columns:minmax(0,1fr);gap:0;margin-top:53px;padding-top:27px}
 .swift-direction>.swift-kicker{margin-bottom:25px}
 .swift-direction h3{font-size:45px;margin-bottom:24px}
 .swift-direction>div>p{font-size:16px}
 .swift-direction>div>p+p{font-size:14px}
 .swift-direction-status{margin-top:23px;font-size:10px}
}
@media(max-width:380px){
 .atlas-observations{gap:0 20px}
 .atlas-observations button{gap:7px;font-size:12px}
 .atlas-observations button>i{margin-left:0}
 .atlas-photo-label{font-size:7px;letter-spacing:.04em}
}
body[data-motion=off] .atlas-traces [data-trace],
body[data-motion=off] .trace-line,
body[data-motion=off] .atlas-observations button:after,
body[data-motion=off] .atlas-observations button>i{transition:none}
@media(prefers-reduced-motion:reduce){
 .atlas-traces [data-trace],.trace-line,.atlas-observations button:after,.atlas-observations button>i{transition:none}
}