@font-face{font-family:Manrope;font-style:normal;font-weight:400 700;font-display:block;src:url('/assets/fonts/manrope-latin-400-700.woff2') format('woff2')}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400 500;font-display:block;src:url('/assets/fonts/source-serif-4-latin-400-500.woff2') format('woff2')}
:root{font-family:Manrope,sans-serif;color:#27374b;background:#f6f4ef;font-synthesis:none;--navy:#172b46;--muted:#586477;--line:#d9dcd9;--paper:#f6f4ef;--copper:#96562f;--focus:#496e90;color-scheme:light}
*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.6}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:var(--navy);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid var(--focus);outline-offset:4px}::selection{background:#cedde6;color:var(--navy)}[hidden]{display:none!important}button:disabled{cursor:wait;opacity:.5}button,summary{touch-action:manipulation}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Source Serif 4',Georgia,serif;font-weight:400;letter-spacing:-.03em;color:var(--navy)}
.site-header{border-bottom:1px solid var(--line)}.nav{max-width:1360px;padding:0 42px;min-height:80px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:19px;font-weight:700;letter-spacing:-.025em;text-decoration:none;white-space:nowrap}.nav-links{display:flex;gap:26px;flex-wrap:wrap}.nav-links a{font-size:13px;color:var(--muted);text-decoration:none;min-height:44px;display:flex;align-items:center}.nav-links a:hover{text-decoration:underline}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;padding:10px;background:var(--navy);color:white}.skip-link:focus{top:8px}
.lab-main{max-width:1360px;margin:auto;padding:0 42px 32px}.lab-nav{display:flex;gap:27px;align-items:center;min-height:63px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin;scrollbar-color:#9ba6ad transparent}.lab-nav a{font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;min-height:52px;display:flex;align-items:center;border-bottom:2px solid transparent}.lab-nav a[aria-current=page]{border-bottom-color:var(--navy)}.lab-nav a:first-child{color:var(--muted);margin-right:auto}.lab-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:28px 0 24px}.lab-intro h1{font-size:clamp(32px,3.5vw,46px);line-height:1.1;margin:0 0 10px}.lab-intro p{margin:0;color:var(--muted);max-width:62ch;font-size:14px}.local-note{font-size:11px;color:var(--muted);white-space:nowrap;padding-bottom:3px}
.experience{display:grid;grid-template-columns:minmax(0,1fr) 296px;min-height:570px;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.visual-area{position:relative;min-width:0;background:#e9ece7;isolation:isolate;overflow:hidden}.viewer{height:570px;position:relative;overflow:hidden;touch-action:pan-y}.viewer canvas{width:100%;height:100%;display:block;touch-action:none;outline-offset:-5px}.viewer-bar{position:absolute;left:20px;right:20px;top:18px;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;pointer-events:none}.viewer-bar>*{pointer-events:auto}.view-label{font-size:11px;font-weight:600;letter-spacing:.01em;color:#425566;background:rgba(246,244,239,.9);padding:5px 9px;border-radius:3px}.view-actions{display:flex;gap:5px}.view-actions button{display:grid;place-items:center;width:34px;height:34px;border:0;background:rgba(246,244,239,.92);color:var(--navy);border-radius:3px}.view-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.viewer-caption{position:absolute;bottom:15px;left:21px;right:21px;display:flex;justify-content:space-between;align-items:end;gap:14px;z-index:2;font-size:11px;color:#4e626a;pointer-events:none}.viewer-caption span:last-child{text-align:right}.model-label{position:absolute;transform:translate(-50%,-50%);padding:5px 8px;background:rgba(246,244,239,.94);border-radius:3px;font-size:11px;line-height:1.35;color:var(--navy);pointer-events:none;white-space:nowrap}.model-label.copper{color:#824720}.loading-model,.viewer-error{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;padding:30px;color:var(--muted);font-size:13px}.loading-model:before{content:'';width:24px;height:24px;border:2px solid #c7ceca;border-top-color:var(--navy);border-radius:50%;animation:load 1s linear infinite}.viewer-error h2{font-size:25px;margin:0}.viewer-error p{max-width:36ch}.viewer-error button{padding:10px 16px;border:1px solid var(--line);background:var(--paper)}@keyframes load{to{transform:rotate(360deg)}}
.controls{padding:26px 24px;background:var(--paper);display:flex;flex-direction:column;min-width:0}.controls h2{font:600 14px Manrope,sans-serif;letter-spacing:0;margin:0 0 15px}.control-group{padding-bottom:24px}.control-group+.control-group{border-top:1px solid var(--line);padding-top:23px}.control-label{font-size:11px;font-weight:600;color:var(--muted);display:block;margin-bottom:10px}.segmented{display:flex;gap:3px;padding:3px;background:#e9ece7;border-radius:5px}.segmented button{flex:1;border:0;background:transparent;padding:8px 5px;min-height:39px;font-size:11px;line-height:1.35;color:var(--muted);border-radius:3px}.segmented button[aria-pressed=true]{background:var(--navy);color:#fff}.choice-list{display:grid;gap:0}.choice-list button{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--navy);text-align:left;display:flex;align-items:center;gap:12px;padding:12px 0;min-height:50px;font-size:12px;font-weight:600}.choice-list button:first-child{border-top:1px solid var(--line)}.choice-list button:before{content:'';width:7px;height:7px;border:1px solid #93a0a8;border-radius:50%;flex-shrink:0}.choice-list button[aria-pressed=true]{color:var(--copper)}.choice-list button[aria-pressed=true]:before{background:var(--copper);border-color:var(--copper)}.choice-list small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:1px}.detail-block{min-height:125px}.detail-block h3{font-size:14px;line-height:1.4;font-weight:600;margin:0 0 8px;color:var(--navy)}.detail-block p{font-size:12px;line-height:1.65;margin:0;color:var(--muted)}.quiet-toggle{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);cursor:pointer;margin-top:15px}.quiet-toggle input{accent-color:var(--navy);width:16px;height:16px;margin:0}.control-foot{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);line-height:1.6}.control-foot p{margin:0}.key-row{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;margin:14px 0 0}.key{display:inline-flex;align-items:center;gap:6px}.key i{width:14px;height:3px;background:var(--navy)}.key.copper i{background:var(--copper)}.key.pale i{background:#a4b5b7}.below-view{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:25px 0}.takeaway{font-size:14px;line-height:1.65;max-width:68ch;margin:0;color:var(--navy)}.methods{font-size:11px;color:var(--muted)}.methods summary{color:var(--navy);font-weight:600;cursor:pointer;padding:6px 0}.methods p{margin:10px 0}.methods ul{padding-left:16px;margin:10px 0}.methods li+li{margin-top:6px}.site-footer{border-top:1px solid var(--line);padding:25px 42px;font-size:11px;color:var(--muted);display:flex;gap:16px;justify-content:space-between;max-width:1360px;margin:auto}.site-footer nav{display:flex;gap:18px}.site-footer p{margin:0}
.inset-label{font-size:11px;color:var(--muted);margin:0 0 8px}.imaging-experience{grid-template-columns:minmax(0,1fr) 360px}.imaging-experience .controls{padding:23px}.scan-header{display:flex;justify-content:space-between;align-items:baseline;margin:21px 0 10px}.scan-header strong{font-size:12px}.scan-header span{font-size:11px;color:var(--muted)}.scan-window{width:100%;aspect-ratio:2.2;position:relative;background:#15191c;overflow:hidden}.scan-window img{position:absolute;max-width:none;width:200%;height:auto;user-select:none;pointer-events:none}.scan-callout{position:absolute;border:1px solid #d8b484;border-radius:50%;width:12%;height:20%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 1px 3px #0008}.scan-orientation{display:flex;justify-content:space-between;margin-top:5px;font-size:11px;color:var(--muted)}.scan-note{font-size:11px;color:var(--muted);line-height:1.55;margin:10px 0 0}.image-source{margin-top:13px;font-size:11px;color:var(--muted);line-height:1.6}.station-track{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;margin:0 0 19px}.station-track button{border:0;border-bottom:2px solid var(--line);padding:10px 4px;background:none;color:var(--muted);font-size:11px;line-height:1.4;min-height:49px}.station-track button[aria-pressed=true]{border-bottom-color:var(--navy);color:var(--navy);font-weight:700}.scan-guide{margin:17px 0 15px;font-size:12px;color:var(--navy);min-height:58px}.compact-select{display:flex;gap:4px;flex-wrap:wrap}.compact-select button{border:1px solid #cbd0cd;background:none;color:var(--muted);padding:7px 9px;font-size:11px;border-radius:3px;min-height:34px}.compact-select button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.continuity{margin-top:15px;display:grid;gap:8px}.continuity div{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding-bottom:7px;border-bottom:1px solid var(--line)}.continuity strong{font-weight:600;color:var(--navy)}.continuity strong[data-broken=true]{color:var(--copper)}.scale-caption{position:absolute;left:21px;bottom:42px;font-family:'Source Serif 4',serif;color:#334e5a;font-size:21px;pointer-events:none}
.overview-intro{padding:48px 0 28px;max-width:690px}.overview-intro h1{font-size:52px;line-height:1.07;margin-bottom:17px}.overview-intro p{max-width:58ch;color:var(--muted);font-size:16px}.experience-entry{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center;padding:34px 0;border-top:1px solid var(--line)}.experience-entry:nth-child(even) .entry-image{order:2}.entry-image{background:#e9ece7;display:block;overflow:hidden}.entry-image img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover}.entry-copy h2{font-size:34px;line-height:1.12;margin-bottom:15px}.entry-copy p{color:var(--muted);max-width:44ch;font-size:14px}.entry-action{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:13px;font-weight:600}.entry-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.fallback-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
@media(hover:hover){.segmented button:not([aria-pressed=true]):hover,.compact-select button:not([aria-pressed=true]):hover{background:#dce1db}.choice-list button:hover{color:var(--copper)}.view-actions button:hover{background:white}}
@media(min-width:1500px){.viewer{height:620px}.experience{min-height:620px}}
@media(max-width:1000px){.nav,.lab-main{padding-left:24px;padding-right:24px}.nav-links{gap:18px}.experience{grid-template-columns:minmax(0,1fr) 268px}.imaging-experience{grid-template-columns:minmax(0,1fr) 310px}.controls{padding:22px 18px}.viewer{height:560px}.lab-intro{padding-top:24px}.local-note{display:none}.lab-nav{gap:20px}.experience-entry{gap:28px}.site-footer{padding-inline:24px}}
@media(max-width:720px){.nav{min-height:90px;flex-wrap:wrap;gap:0;padding-block:13px}.nav-links{width:100%;gap:18px}.nav-links a{font-size:11px;min-height:34px}.brand{font-size:18px}.lab-main{padding-inline:18px}.lab-nav{gap:20px;min-height:54px}.lab-nav a{font-size:11px;min-height:50px}.lab-nav a:first-child{display:none}.lab-intro{padding:25px 0 20px}.lab-intro h1{font-size:34px}.lab-intro p{font-size:12px}.experience,.imaging-experience{grid-template-columns:1fr}.viewer{height:420px}.controls{padding:23px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.controls>h2,.controls>.control-foot{grid-column:1/-1}.control-group{padding-bottom:18px}.control-group+.control-group{border-top:0;padding-top:0}.control-group.full,.imaging-experience .controls>*{grid-column:1/-1}.detail-block{min-height:110px}.control-foot{padding-top:13px}.below-view{grid-template-columns:1fr;gap:15px;padding:21px 0}.takeaway{font-size:12px}.viewer-bar{left:13px;right:13px;top:13px}.view-label{font-size:11px}.viewer-caption{left:14px;right:14px;font-size:11px}.model-label{font-size:11px}.site-footer{padding:22px 18px;flex-wrap:wrap;font-size:11px}.overview-intro{padding-top:34px}.overview-intro h1{font-size:40px}.overview-intro p{font-size:14px}.experience-entry{grid-template-columns:1fr;gap:22px}.experience-entry:nth-child(even) .entry-image{order:0}.entry-copy h2{font-size:31px}.entry-copy p{font-size:13px}.imaging-experience .controls{display:block}.scan-window{max-width:420px;margin:auto}.scan-orientation{max-width:420px;margin:5px auto}.scan-guide{min-height:0}.scale-caption{font-size:18px;left:14px}}
@media(max-width:380px){.controls{grid-template-columns:1fr}.controls>*{grid-column:1/-1}.viewer{height:380px}.lab-nav{gap:14px}.lab-nav a{font-size:11px}.lab-intro h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Compact controls keep the rendered study in the first viewport. */
.experience{align-items:stretch}.visual-area{display:flex;flex-direction:column}.viewer{flex:1;min-height:570px;height:100%}.controls{padding:22px 22px}.controls h2{margin-bottom:12px}.control-group{padding-bottom:15px}.control-group+.control-group{padding-top:15px}.control-label{margin-bottom:8px}.choice-list button{min-height:43px;padding:9px 0}.detail-block{min-height:0}.detail-block h3{font-size:13px}.control-foot{padding-top:12px}.view-switch{position:absolute;bottom:43px;left:20px;width:250px;z-index:2;background:#e3e7e0}.view-switch button{min-height:34px;padding:7px;font-size:11px}.controls .continuity{margin-top:16px}.imaging-experience .controls{padding:22px}.imaging-experience .scan-header{margin-top:8px}.imaging-experience .scan-guide{min-height:0;margin:15px 0}.imaging-experience .control-foot{margin-top:13px}.imaging-experience .image-source{margin:10px 0}.imaging-experience .scan-note{font-size:11px}.model-label{max-width:210px;white-space:normal;text-align:center}
@media(min-width:1500px){.viewer{min-height:590px}}@media(max-width:720px){.viewer{height:420px;min-height:420px;flex:none}.controls{padding:22px 20px}.control-group+.control-group{padding-top:0}.view-switch{left:14px;bottom:40px;width:225px}.model-label{max-width:140px}.imaging-experience .controls{padding:23px 20px}}@media(max-width:380px){.viewer{height:380px;min-height:380px}}
/* Review fixes: reserve room around the reconstruction and preserve full previews. */
.atlas-label{max-width:188px;white-space:pre-line;font-size:11px;line-height:1.45}
body[data-experience=reconstruction] .visual-area{min-height:610px;display:block}
body[data-experience=reconstruction] .viewer{position:absolute;inset:0 0 60px;height:auto;min-height:0}
body[data-experience=reconstruction] .view-switch{bottom:12px}
body[data-experience=reconstruction] .viewer-caption{bottom:76px}
.entry-image img{height:auto;aspect-ratio:auto;object-fit:contain}
@media(max-width:720px){
 .lab-nav{display:grid;grid-template-columns:repeat(3,max-content);gap:0 17px;overflow:visible;justify-content:start;padding-top:8px}
 .lab-nav a:first-child{display:flex;grid-column:1/-1;min-height:32px;margin:0;justify-self:start}
 .lab-nav a{min-height:43px;font-size:11px}
 body[data-experience=reconstruction] .visual-area{height:500px;min-height:500px}
 body[data-experience=reconstruction] .viewer{height:auto;min-height:0}
 body[data-experience=reconstruction] .view-switch{width:250px}
 body[data-experience=reconstruction] .view-switch button{white-space:nowrap}
 .entry-image img{height:auto;aspect-ratio:auto}
 .atlas-label{max-width:160px}
}
@media(max-width:380px){.lab-nav{column-gap:12px}.lab-nav a{font-size:11px}}

/* Integrated reconstruction: one specimen, with the transfer attached to it. */
body[data-experience=reconstruction] .viewer canvas{cursor:grab}
body[data-experience=reconstruction] .viewer.is-dragging canvas{cursor:grabbing}
body[data-experience=reconstruction] .anatomy-label{font-weight:500;line-height:1.45;max-width:156px;width:max-content}
body[data-experience=reconstruction] .connection-marker{width:16px;height:16px;max-width:none;padding:0;border:1.5px solid #96562f;border-radius:50%;background:transparent;opacity:.7}
body[data-experience=reconstruction] .direction-cue{width:18px;height:18px;max-width:none;padding:0;background:transparent;border-radius:0;line-height:0}
body[data-experience=reconstruction] .direction-cue.is-distant{width:12px;height:12px}
body[data-experience=reconstruction] .direction-cue svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body[data-experience=reconstruction] .direction-cue .cue-ground{stroke:#f6f4ef;stroke-width:4}
.reconstruction-note{position:absolute;bottom:18px;right:20px;margin:0;max-width:280px;font-size:11px;line-height:1.5;color:#4e626a;text-align:right}
@media(max-width:1100px){
 body[data-experience=reconstruction] .visual-area{min-height:640px}
 body[data-experience=reconstruction] .viewer{bottom:90px}
 body[data-experience=reconstruction] .viewer-caption{bottom:105px}
 body[data-experience=reconstruction] .view-switch{bottom:43px}
 .reconstruction-note{bottom:12px;left:20px;right:20px;max-width:none;text-align:left}
}
@media(max-width:720px){
 body[data-experience=reconstruction] .visual-area{height:540px;min-height:540px}
 body[data-experience=reconstruction] .anatomy-label{max-width:118px;font-size:10px;padding:4px 6px}
 body[data-experience=reconstruction] .view-switch{left:14px;width:230px}
 .reconstruction-note{left:14px;right:14px;font-size:10px}
}