:root{--paper:#fff;--ink:#202020;--muted:#737373;--orange:#e75c2c;--green:#ececec;--rule:#d5d5d5}
body{background:#fff}.journal-head{min-height:85px;border-color:#ccc}.wordmark{color:#202020}.journal-head nav>a{border-color:#ccc}.accent-pill{background:#e9602c;color:#fff;border-color:#e9602c}.observatory{--field-bg:#fff;--field-ink:#202020;--field-muted:#737373;--field-line:#cfcfcf;position:relative;isolation:isolate;height:760px;min-height:650px;overflow:hidden;margin:20px -18px 0;background:var(--field-bg);color:var(--field-ink);border:1px solid #ccc;transition:background .5s,color .5s}.observatory:before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--field-line) 1px,transparent 1px),linear-gradient(90deg,var(--field-line) 1px,transparent 1px);background-size:80px 80px;opacity:.10;pointer-events:none;z-index:-1}.observatory.expanded{height:95svh;min-height:800px}.observatory-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 24px;border-bottom:1px solid var(--field-line);z-index:5;font:11px/1.5 var(--mono)}.observation-modes{display:flex;gap:3px;border:1px solid var(--field-line);padding:3px;background:var(--field-bg)}.observation-modes button{color:var(--field-muted);font-size:12px;padding:6px 10px}.observation-modes button[aria-pressed=true]{background:#202020;color:#fff}.observation-modes button:hover{color:#e86831}#field-light{font-size:11px;color:var(--field-ink)}.field-title{position:absolute;left:30px;top:112px;z-index:3;pointer-events:none;max-width:365px}.field-title>span{font-size:10px;letter-spacing:1px;color:var(--field-muted)}.field-title h1{font:400 clamp(44px,5vw,74px)/.91 var(--mono);letter-spacing:-5px;margin-top:22px;color:var(--field-ink)}.field-title h1 em{font-style:normal;color:#ec7b33}.field-title h1>span{font:500 18px/1.5 var(--sans);letter-spacing:2px;margin-top:22px;color:var(--field-ink)}.field-title p{font:12px/1.9 var(--sans);color:var(--field-muted);margin-top:20px}.world-viewport{position:absolute;inset:75px 0 88px;overflow:hidden;cursor:grab;touch-action:pan-y}.world-viewport.is-zoomed{touch-action:none}.world-viewport.dragging{cursor:grabbing}.world-plane{position:absolute;left:19%;top:8%;width:65%;aspect-ratio:3/2;transform-origin:center;will-change:transform;user-select:none}.world-plane>img{width:100%;height:100%;object-fit:contain;pointer-events:none}.observatory[data-scene=pattern] .world-plane{left:21%;top:12%;width:64%;border:1px solid #ccc;box-shadow:0 18px 80px #00000018}.observatory[data-scene=pattern] .world-plane>img{object-fit:cover}#field-pins{position:absolute;inset:0}.field-pin{position:absolute;display:flex;align-items:center;gap:8px;transform:translate(-50%,-50%);min-height:44px;color:#202020;padding:0;white-space:nowrap}.field-pin b{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#fff;border:1px solid #bbb;box-shadow:0 0 0 5px #ffffff80;font:12px var(--mono);border-radius:50%;transition:transform .2s,background .2s}.field-pin span{background:#fff;padding:3px 8px;font-size:11px;box-shadow:0 2px 16px #00000012}.field-pin[aria-pressed=true] b{background:#ff8342;border-color:#ff8342;transform:scale(1.13)}.field-pin:hover b{transform:scale(1.2)}.field-coordinate{position:absolute;font:10px/1.7 var(--mono);letter-spacing:1px;color:var(--field-muted);pointer-events:none}.coord-left{left:30px;bottom:160px}.coord-right{right:30px;top:108px;text-align:right}.field-inspector{position:absolute;right:27px;bottom:135px;width:265px;background:#fff;color:#202020;border:1px solid #ccc;padding:16px;z-index:4;box-shadow:12px 12px 0 #0000000a}.inspector-label{display:flex;justify-content:space-between;font-size:10px;border-bottom:1px solid #ccc;padding-bottom:10px;color:#737373}.field-inspector h2{font:500 17px/1.6 var(--sans);margin:15px 0 10px}.field-inspector>p{font:13px/1.85 var(--sans);color:#737373}.field-note-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:11px}.field-note-bottom button{font-size:11px;padding:0;border-bottom:1px solid #ccc}.field-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;border-top:1px solid var(--field-line);background:var(--field-bg);z-index:5}.field-bottom>div>span{font-size:11px;color:var(--field-muted)}.field-bottom p{font-size:11px;margin-top:5px}.field-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px}.field-tools button{padding:6px 9px;border:1px solid var(--field-line);color:var(--field-ink);font-size:12px;min-width:30px}.field-tools button:hover{background:var(--field-line)}.field-tools output{min-width:44px;text-align:center}.field-trail{display:grid;grid-template-columns:1fr 1.4fr auto;gap:30px;align-items:center;padding:40px 0}.field-trail>span{font-size:12px;color:#737373}.field-trail p{font:400 21px/1.7 var(--sans)}.field-trail em{font-style:normal;color:#af5932}.field-trail>a{font-size:13px;border-bottom:1px solid #ccc}
/* White archival surfaces let the photographs carry the color. */
.photo-collection{background:#fff;color:var(--ink);padding:38px 36px 36px;margin:0 -36px;border:0}.photo-collection .section-kicker>span:last-child,.photo-collection .collection-foot,.photo-collection .card-caption button i{color:#737373}.photo-collection .card-caption>span{color:#dbb251}.photo-grid{grid-template-columns:1.15fr .9fr .9fr;gap:25px;align-items:start}.photo-card:nth-child(2){margin-top:64px}.photo-card:nth-child(3){margin-top:125px}.photo-cover{aspect-ratio:4/5}.photo-card:first-child .photo-cover{aspect-ratio:4/4.9}.photo-card .card-caption{border-color:#be873d}.photo-stamp{background:#edddaccf}.cover-title{font-size:clamp(25px,3.1vw,43px)}.collection-foot{margin-top:35px}.phylogeny-room{background:#fff;margin:0 -36px;padding:0 36px 10px;border-bottom:1px solid #ccc}.phylogeny-room .plate-canvas{background:#fff}.evolution-controls{background:#fff}.annotation{padding:45px 0 50px}.annotation .index-heading h2{color:#202020}.species-tabs{border-color:#ccc}.species-tabs button{border-color:#ccc;background:#fff}.species-tabs button:nth-child(4n+2){background:#fff}.species-tabs button:nth-child(4n+3){background:#fff}.species-tabs button:nth-child(4n+4){background:#fff}.species-tabs button[aria-pressed=true]{background:#202020}.specimen-sheet{background:#fff;border-color:#ccc}.sheet-top,.sheet-bottom{border-color:#ccc}.specimen-record h3{color:#202020}.record-kicker{color:#b65729}.record-links button{background:#ce742f;border-color:#ce742f;color:white}.evidence-section{background:#fff;color:var(--ink);margin:0 -36px;padding:32px 36px;border:0}.evidence-section .section-kicker>span:last-child,.evidence-strip details p{color:#737373}.evidence-strip details{border-color:#ccc}.evidence-strip details:nth-child(n) strong{color:#737373}.references{padding-top:52px}.references h2{color:#202020}.journal-head nav>a[aria-current]{background:#202020;color:#fff}
@media(min-width:1500px){.world-plane{top:1%;width:67%;left:17%}.observatory{height:830px}.field-inspector{bottom:150px}}
@media(max-width:1100px){.observatory{height:730px;margin-inline:-10px}.field-title{left:22px;top:105px;max-width:280px}.field-title h1{font-size:55px}.field-title>span{font-size:9px}.world-plane{left:16%;top:20%;width:74%}.field-inspector{width:235px;right:20px;bottom:115px}.observatory-top>span{max-width:140px;font-size:9px}.field-bottom{padding:15px 18px}.field-tools{gap:5px}.photo-collection,.phylogeny-room,.evidence-section{margin-inline:-24px;padding-inline:24px}.field-trail{gap:20px}.field-trail p{font-size:18px}}
@media(max-width:760px){.observatory{height:auto;min-height:890px;margin:14px -6px 0;padding-bottom:0;display:flex;flex-direction:column}.observatory-top{position:relative;padding:12px;gap:10px;flex-wrap:wrap}.observatory-top>span{max-width:none;font-size:9px;flex:1}.observation-modes{order:3;width:100%;justify-content:space-between}.observation-modes button{flex:1;font-size:12px}.field-title{position:relative;left:auto;top:auto;padding:25px 20px 0;max-width:none}.field-title h1{font-size:49px;letter-spacing:-3px;margin-top:12px;line-height:.95}.field-title h1 br{display:none}.field-title h1 em{margin-left:10px}.field-title h1>span{font-size:17px;margin-top:14px}.field-title p{font-size:12px;margin-top:10px}.field-title>span{font-size:10px}.world-viewport{position:relative;inset:auto;min-height:310px;height:310px;margin-top:0;flex:none}.world-plane{left:0;top:3%;width:100%}.observatory[data-scene=pattern] .world-plane{left:5%;top:12%;width:90%}.field-coordinate{display:none}.field-inspector{position:relative;right:auto;bottom:auto;width:auto;margin:0 18px 20px;padding:15px;box-shadow:5px 5px 0 #0000000a}.field-inspector h2{margin:10px 0 7px;font-size:16px}.field-inspector>p{font-size:13px}.field-note-bottom{margin-top:12px}.field-bottom{position:relative;display:block;margin-top:auto;padding:15px 18px}.field-tools{margin-top:13px;justify-content:flex-end;gap:8px}.field-bottom>div>span,.field-bottom p{font-size:10px}.field-pin span{font-size:10px}.field-pin b{width:28px;height:28px}.field-pin{gap:5px}.observatory.expanded{height:auto;min-height:1080px}.observatory.expanded .world-viewport{height:470px;min-height:470px}.observatory.expanded .world-plane{top:15%;width:125%;left:-12.5%}.field-trail{grid-template-columns:1fr auto;padding:27px 0;gap:15px}.field-trail>span{grid-column:1/-1;font-size:10px}.field-trail p{font-size:16px}.field-trail>a{font-size:11px}.photo-collection,.phylogeny-room,.evidence-section{margin-inline:-16px;padding-inline:16px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 14px}.photo-card:first-child{grid-column:1/-1;width:87%}.photo-card:first-child .photo-cover{aspect-ratio:5/4}.photo-card:nth-child(2),.photo-card:nth-child(3){margin:0}.photo-card:nth-child(3){margin-top:45px}.photo-cover{aspect-ratio:3/4}.cover-title{font-size:clamp(20px,5vw,28px);bottom:20px;left:12px}.photo-card:first-child .cover-title{font-size:37px}.card-caption button{font-size:13px}.card-caption button i{font-size:11px}.photo-collection{padding-block:26px}.evidence-section{padding-block:28px}.field-title h1>span{display:block}.photo-stamp{display:block;font-size:9px}.photo-card:not(:first-child) .photo-stamp{display:none}}
/* The opening is pinned while document scroll moves through the original film. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.film-opening{position:relative;height:calc(100svh + 2400px);margin:20px -18px 48px;background:#fff;color:var(--ink);border:1px solid var(--rule)}
.film-sticky{position:sticky;top:0;height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;background:#fff}
.film-mast{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 20px;font-size:11px;letter-spacing:.6px;border-bottom:1px solid var(--rule)}
.film-mast>span:nth-child(2){color:var(--muted)}
.film-mast a{border-bottom:1px solid var(--ink);white-space:nowrap}
.film-screen{position:relative;width:100%;min-height:0;overflow:hidden;background:#fff;user-select:none;touch-action:pan-y}
.film-screen video{width:100%;height:100%;object-fit:contain;pointer-events:none;display:block}
.film-caption{position:absolute;left:24px;bottom:24px;width:min(415px,calc(100% - 48px));padding:20px 22px;background:#fffffff5;color:var(--ink);border:1px solid #dadada;opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s;pointer-events:none;box-shadow:0 5px 24px #00000008}
.film-caption>span{font-size:10px;color:var(--muted);letter-spacing:1.3px}
.film-caption h2{font:500 clamp(19px,2vw,27px)/1.5 var(--sans);margin:9px 0 8px}
.film-caption p{font:12px/1.9 var(--sans);color:#626262}
.film-screen.is-held .film-caption{opacity:1;transform:none}
.film-drag-hint{position:absolute;right:22px;bottom:22px;background:#fffffff2;border:1px solid #d5d5d5;color:#333;border-radius:24px;font-size:11px;padding:7px 12px;pointer-events:none}
.film-curtain,.film-cursor{display:none}
.film-controls{display:flex;gap:15px;align-items:center;padding:13px 20px 8px;border-top:1px solid var(--rule);background:#fff}
.film-controls button{font-size:12px;color:var(--ink);border:1px solid #c6c6c6;border-radius:22px;padding:7px 13px;white-space:nowrap;min-height:36px}
.film-controls button:hover{background:#f1f1f1;border-color:#555}
.film-controls #film-play{background:#202020;color:#fff;border-color:#202020;min-width:112px}
.film-controls #film-play:hover{background:#444}
.film-controls #film-sound[aria-pressed=false]{color:#888;border-style:dashed}
.film-timeline{flex:1;min-width:60px;display:flex;align-items:center;min-height:32px}
.film-timeline input{display:block;width:100%;height:4px;accent-color:#202020;cursor:ew-resize}
.film-controls output{font-size:11px;white-space:nowrap;color:#666;font-variant-numeric:tabular-nums}
.film-source{font-size:10px;color:#888;white-space:nowrap}
.film-status{font:11px/1.6 var(--sans);color:#777;padding:0 20px 12px;min-height:29px;background:#fff}
.film-screen:focus-visible{outline:2px solid #444;outline-offset:-3px}
.film-unavailable{height:100svh}
/* White also applies to records, the lightbox and every lower-page surface. */
.photo-collection,.evidence-section{border-block:1px solid var(--rule)}
.phylogeny-room,.phylogeny-room .plate-canvas,.evolution-controls,.specimen-sheet,.zoom-viewport{background:#fff}
.species-tabs button:nth-child(n){background:#fff}
.species-tabs button:hover{background:#f6f6f6}
.species-tabs button[aria-pressed=true]{background:#202020;color:#fff}
.species-tabs button[aria-pressed=true] i{color:#ddd}
.photo-collection .collection-foot,.photo-collection .card-caption button i,.evidence-strip details p{color:var(--muted)}
.evidence-strip details:nth-child(n) strong{color:var(--ink)}
.photo-stamp{background:#fffffff0}.photo-cover{background:#f4f4f4}
.field-inspector{background:#fffffff5}.field-title h1 em{color:var(--ink)}
.field-trail>span,.field-trail em,.record-kicker{color:var(--muted)}
.record-links button{background:#fff;border-color:#aaa;color:var(--ink)}
.record-links button:hover{background:var(--ink);color:#fff}
@media(max-width:1100px){.film-opening{margin-inline:-10px}.film-source{display:none}}
@media(max-width:760px){
 .film-opening{height:calc(100svh + 1800px);margin:14px -6px 28px}
 .film-mast{padding:12px;font-size:9px;gap:10px}.film-mast>span:nth-child(2){display:none}.film-mast a{font-size:10px}
 .film-controls{flex-wrap:wrap;gap:7px 10px;padding:10px 12px 7px}
 .film-timeline{order:5;flex-basis:100%;min-height:25px}
 .film-controls button{font-size:10px;padding:6px 9px;min-height:34px}
 .film-controls #film-play{min-width:98px}.film-controls output{margin-left:auto;font-size:10px}
 .film-controls #film-restart{font-size:0;min-width:30px;padding-inline:7px}.film-controls #film-restart:after{content:'↺';font-size:17px}
 .film-caption{left:12px;bottom:12px;width:calc(100% - 24px);padding:13px 15px}
 .film-caption h2{font-size:19px;margin:5px 0}.film-caption p{font-size:11px;line-height:1.8}
 .film-caption>span{font-size:9px}.film-drag-hint{right:12px;bottom:12px;font-size:10px}
 .film-screen.is-held .film-drag-hint{opacity:0}.film-status{font-size:10px;padding:0 12px 10px;min-height:26px}
 .film-unavailable{height:100svh}
}
@media(max-height:540px){.film-caption{padding:10px 16px;bottom:12px}.film-caption h2{font-size:18px;margin:3px 0}.film-caption p{font-size:10px;line-height:1.6}.film-mast{padding-block:7px}.film-status{padding-bottom:5px;min-height:20px}}
@media(prefers-reduced-motion:reduce){.film-caption{transition:none}}