:root{--paper:#f5f7f9;--ink:#172f43;--muted:#526576;--line:#d5dfe6;--ochre:#916336}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #b17c31;outline-offset:5px}.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:white;padding:12px;z-index:9}.skip:focus{top:12px}header{max-width:1440px;margin:auto;height:106px;padding:0 5%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;font-family:Georgia,serif;font-size:26px;letter-spacing:-1px;font-weight:bold;white-space:nowrap}.brand svg{width:40px;height:40px;margin-right:10px;fill:none;stroke:currentColor;stroke-width:1.3}.domain{font-weight:normal;color:#667e91}nav{display:flex;gap:30px;margin:auto;font-size:13px}nav a:hover{text-decoration:underline;text-underline-offset:6px}.nav-cta{border:1px solid #9bafbf;padding:10px 16px;font-size:12px;display:flex;gap:22px}.hero{max-width:1440px;margin:auto;position:relative;display:grid;grid-template-columns:47% 53%;min-height:680px;padding:65px 5% 0;overflow:hidden}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:bold;margin:0 0 22px}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--ochre);border-radius:50%;margin-right:9px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:normal;letter-spacing:-1.8px;line-height:1.08}h1{font-size:clamp(54px,5.7vw,83px);margin:0 0 28px}em{font-weight:normal;color:#537b96}h1 em{font-style:italic}.intro{font-size:15px;color:#526576;max-width:350px;line-height:1.85;margin-bottom:30px}.button{border:0;background:var(--ink);color:#fff;padding:15px 21px;display:inline-flex;gap:40px;font-size:12px;align-items:center}.button:hover{background:#294e69}.hero-note{display:flex;gap:18px;font-size:8px;letter-spacing:1.5px;margin-top:40px;color:#60798b}.hero-note span+span:before{content:'·';margin-right:18px}.hero-image{margin:-30px -60px 0 -90px;position:relative;align-self:center}.hero-image img{width:100%;display:block;mix-blend-mode:multiply}.hero-image figcaption{display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#60798b;letter-spacing:1px;padding:5px 50px 0 80px}.vertical-label{position:absolute;right:17px;top:160px;writing-mode:vertical-rl;letter-spacing:2px;font-size:8px;color:#637989}.journey,.discover{max-width:1310px;margin:auto;padding:68px 4% 72px}.journey{border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-head h2{font-size:46px;margin:0}.section-head>p{font-size:12px;color:var(--muted);margin:0 0 4px;line-height:1.8}.timeline{display:flex;border-bottom:1px solid #8ea5b6;overflow-x:auto;padding-top:2px}.timeline button{background:none;min-width:90px;flex:1;border:0;position:relative;padding:12px 4px 26px;text-align:left;font-family:Georgia,serif;font-size:17px;white-space:nowrap}.timeline button small{font-family:Arial,sans-serif;display:block;font-size:9px;margin-top:5px;color:var(--muted)}.timeline button:after{content:'';position:absolute;bottom:0;left:0;width:7px;height:7px;border-radius:50%;background:#8ea5b6;transform:translateY(50%)}.timeline button[aria-pressed=true]{color:#fff;background:var(--ink);padding-left:13px}.timeline button[aria-pressed=true] small{color:#d1dfe9}.timeline button[aria-pressed=true]:after{background:var(--ochre);left:13px;width:9px;height:9px}.time-scale{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#607382;margin:15px 0 26px}.epoch{background:#e7edf2;display:grid;grid-template-columns:43% 57%;min-height:355px}.epoch-art{position:relative;overflow:hidden;min-height:330px;color:#5b7b94;background:#dce5ec;display:flex;align-items:center;justify-content:center}.epoch-art svg{position:absolute;width:100%;height:100%;opacity:.6}.epoch-art>span{position:absolute;font-family:Georgia,serif;font-size:135px;opacity:.14;right:30px;bottom:12px;line-height:1}.epoch-art>p{position:absolute;bottom:14px;left:25px;font-size:8px;letter-spacing:2px}.epoch-copy{padding:36px 43px 24px}.epoch-copy .eyebrow{color:#486980;margin-bottom:12px}.epoch h3{font-size:35px;margin:0 0 16px}.epoch-copy>p:not(.eyebrow){color:#4c6170;font-size:13px;max-width:480px;line-height:1.8}.research-question{border-top:1px solid #bdccd7;padding-top:15px;margin-top:20px}.research-question>span{font-size:8px;letter-spacing:1.6px}.research-question p{font-family:Georgia,serif;font-size:17px;margin:5px 0}.epoch-controls{display:flex;justify-content:end;align-items:center;gap:15px;margin-top:15px}.epoch-controls button{border:1px solid #a9becd;border-radius:50%;background:none;width:30px;height:30px;line-height:1}.epoch-controls button:hover{background:var(--ink);color:white}.epoch-controls span{font-size:9px;letter-spacing:2px}.caption{font-size:9px;color:#5e7180;margin-top:13px}.discover{padding-top:20px}.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.topic{text-align:left;border:0;border-bottom:1px solid var(--line);background:none;padding:0 0 24px;display:flex;flex-direction:column;align-items:start}.topic-art{height:185px;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:25px;overflow:hidden;background:#e4ebf1;font-size:170px;color:#58758b;font-family:Georgia,serif}.wing{background-image:url('assets/hero.png');background-size:cover;background-position:center;font-size:0}.amber{background:#e7d9b9}.amber i{width:96px;height:125px;display:block;transform:rotate(22deg);border-radius:45% 40% 48% 36%;background:radial-gradient(ellipse at 40% 30%,#f7d58b 2%,#d9993f 37%,#986120 78%);box-shadow:inset 3px 4px 12px #f8dda0,10px 14px 24px #8f692233;position:relative}.amber i:after{content:'✣';position:absolute;top:30px;left:20px;color:#6b4929;font-size:60px;transform:rotate(-40deg);line-height:1}.leaf{background:#e0e8ee;font-size:190px}.topic .eyebrow{font-size:8px;margin-bottom:12px}.topic h3{font-size:27px;letter-spacing:-.7px;margin:0 0 12px}.topic p{font-size:12px;color:var(--muted);margin:0 0 20px;max-width:270px}.text-link{font-size:11px;border-bottom:1px solid #8da5b7;padding-bottom:4px}.topic .text-link{margin-top:auto}.topic:hover h3{color:#456f8c}.science{background:#172f43;color:#f5f7f9;padding:70px max(6%,calc((100vw - 1200px)/2));display:grid;grid-template-columns:1fr 1fr;gap:60px}.science .eyebrow{color:#b6cbdc}.science h2{font-size:48px;margin:0}.science em{color:#abc8df}.science-intro{font-size:14px;color:#cbd9e4;line-height:1.9;margin-top:0;margin-bottom:25px}details{border-top:1px solid #4e687d;font-size:12px}summary{padding:17px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary span{font-size:17px;font-weight:normal}details p,details ul{font-size:12px;color:#d1deea}details a{text-decoration:underline;text-underline-offset:3px}.about{text-align:center;max-width:680px;margin:auto;padding:85px 25px}.about h2{font-size:43px;margin:0 0 24px}.about>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:25px}footer{max-width:1310px;border-top:1px solid var(--line);padding:28px 4%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:20px}footer>span{font-size:9px;color:#5a7081}dialog{border:1px solid #becfdb;background:var(--paper);padding:45px;max-width:620px;width:90%;color:var(--ink)}dialog::backdrop{background:#12293eaa;backdrop-filter:blur(3px)}dialog h2{font-size:36px}dialog p{line-height:1.9}#close-dialog{position:absolute;right:15px;top:7px;border:0;background:none;font-size:28px}.dialog-note{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px}@media(min-width:1500px){.hero{min-height:735px}}@media(max-width:900px){header{height:85px}nav{gap:16px}.nav-cta{display:none}.hero{min-height:600px;padding-top:45px}.hero-image{margin:0 -60px 0 -90px}.hero-image figcaption{display:none}h1{font-size:62px}.hero .eyebrow{font-size:8px}.hero-note{gap:10px}.hero-note span+span:before{margin-right:10px}.epoch-copy{padding:28px}.topics{gap:20px}.science{gap:35px}.topic h3{font-size:25px}}@media(max-width:620px){header{height:auto;min-height:90px;flex-wrap:wrap;padding:18px 6%;gap:12px}.brand{font-size:24px}.brand svg{width:30px;height:30px}nav{margin:0;width:100%;justify-content:space-between;font-size:11px}.hero{display:flex;flex-direction:column;padding:38px 6% 0}.hero .eyebrow{font-size:8px}h1{font-size:62px;letter-spacing:-2px}.intro{max-width:350px;font-size:14px}.hero-note{margin-top:25px}.hero-image{margin:-10px -15px 0;max-height:350px;overflow:hidden}.hero-image img{margin-top:-20px}.vertical-label{display:none}.journey,.discover{padding:42px 6%}.section-head{display:block;margin-bottom:28px}.section-head h2{font-size:36px}.section-head>p{margin-top:20px}.timeline button{min-width:100px}.epoch{grid-template-columns:1fr}.epoch-art{min-height:175px}.epoch-art svg{max-height:240px}.epoch-art>span{font-size:100px}.epoch-copy{padding:28px 24px}.epoch h3{font-size:31px}.epoch-copy>p:not(.eyebrow){font-size:13px}.caption{font-size:9px}.topics{grid-template-columns:1fr;gap:35px}.topic-art{height:220px}.topic h3{font-size:30px}.topic p{max-width:100%}.science{padding:45px 6%;grid-template-columns:1fr;gap:28px}.science h2{font-size:40px}.about{padding:60px 6%}.about h2{font-size:34px}footer{padding:25px 6%;flex-wrap:wrap}footer>span:last-child{width:100%}dialog{padding:32px 25px}dialog h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero-image img{mask-image:linear-gradient(to right,transparent,#000 9%,#000 94%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 94%,transparent)}

/* Hero: the original illustration fills the opening exhibit. */
.hero{display:block;max-width:none;min-height:710px;padding:78px max(6%,calc((100vw - 1200px)/2));background:#182f43;color:#fff;isolation:isolate}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,35,53,.97) 0%,rgba(15,35,53,.91) 28%,rgba(15,35,53,.55) 49%,rgba(15,35,53,.05) 78%)}
.hero-copy{max-width:570px}.hero h1{font-size:clamp(60px,5.8vw,86px)}.hero h1 em{color:#b6d3e7}.hero .eyebrow{color:#d2e1ec}.hero .eyebrow>span{background:#c7a778}.hero .intro{color:#d6e1e9;max-width:350px}.hero .button{background:#e7eef4;color:#172f43}.hero .button:hover{background:#fff}.hero-note{color:#c6d7e3}
.hero-image{position:absolute;inset:0;margin:0;z-index:-2;max-height:none}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 49%;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none}.hero-image figcaption{position:absolute;bottom:14px;right:25px;padding:0;display:block;color:#fff;text-align:right;font-size:9px;text-shadow:0 1px 4px #152c3c}.hero-image figcaption span:first-child{display:none}.hero-image figcaption span:last-child{display:inline-block;background:#172f43e6;padding:5px 9px}
.epoch-art>span{display:none}.epoch-controls{justify-content:space-between;max-width:110px;margin-left:auto}.epoch-controls button{width:38px;height:38px}.privacy{max-width:1200px;margin:0 auto 35px;padding:0 25px}.privacy details{border-color:var(--line)}.privacy summary{font-size:13px}.privacy details p{color:var(--muted);max-width:850px}footer>a:last-child{font-size:12px;text-decoration:underline;text-underline-offset:3px}.topic-art[aria-hidden]{user-select:none}
@media(max-width:900px){.hero{min-height:690px;padding:60px 6%}.hero h1{font-size:66px}.hero-image{margin:0}.hero-image img{margin:0}.hero:after{background:linear-gradient(90deg,rgba(15,35,53,.96),rgba(15,35,53,.79) 42%,rgba(15,35,53,.12))}}
@media(max-width:620px){.hero{min-height:790px;padding:40px 6% 260px}.hero h1{font-size:57px}.hero-image{max-height:none;margin:0}.hero-image img{object-position:62% bottom;margin:0}.hero:after{background:linear-gradient(180deg,rgba(15,35,53,.98) 0%,rgba(15,35,53,.94) 39%,rgba(15,35,53,.55) 67%,rgba(15,35,53,.08) 100%)}.hero-image figcaption{right:12px;bottom:10px;font-size:8px}.hero .intro{font-size:14px}.hero-note{margin-top:23px}.privacy{padding:0 6%}}
[hidden]{display:none!important}.epoch-read{display:inline-block;margin-top:18px}.topic-library{max-width:1200px;margin:auto;padding:0 25px 80px}.library-list{border-top:1px solid var(--line)}.library-list>a{display:grid;grid-template-columns:170px 1fr 25px;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:24px 14px;transition:background .15s}.library-list>a:hover{background:#e7edf2}.library-list .eyebrow{margin:0;color:var(--muted)}.library-list h3{font-size:27px;margin:0 0 8px;letter-spacing:-.6px}.library-list p{margin:0;color:var(--muted);font-size:13px}
.article-heading{max-width:1100px;margin:0 auto;padding:28px 30px 50px}.breadcrumbs{display:flex;flex-wrap:wrap;justify-content:start;margin:0 0 48px;gap:10px;font-size:11px;color:var(--muted)}.breadcrumbs a:hover{text-decoration:underline}.article-heading h1{font-size:clamp(45px,5.5vw,75px);max-width:850px;margin:0 0 24px;line-height:1.08}.article-heading .eyebrow{color:#537b96;margin-bottom:20px}.article-deck{font-family:Georgia,serif;font-size:23px;line-height:1.6;max-width:850px;color:#4c6476;margin-bottom:24px}.article-meta{font-size:11px;color:var(--muted)}.article-visual{margin:0 auto 65px;max-width:1040px}.article-visual img{display:block;width:100%;max-height:440px;object-fit:cover;object-position:center 43%}.article-visual figcaption{font-size:10px;color:var(--muted);padding:12px 20px;border-bottom:1px solid var(--line)}.article-symbol{max-width:1040px;margin:0 auto 65px;background:#e2eaf1;min-height:260px;display:grid;place-content:center;text-align:center;color:#537b96}.article-symbol>span{font-family:Georgia,serif;font-size:115px;line-height:1.2}.article-symbol>p{font-size:10px;letter-spacing:2px}.article-symbol.amber{background:#eadbbd;color:#856334}.article-layout{max-width:1100px;margin:auto;padding:0 30px 65px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:70px}.article-toc{position:sticky;top:28px;align-self:start;border-top:1px solid var(--line);padding-top:20px}.article-toc .eyebrow{font-size:9px}.article-toc nav{display:flex;flex-direction:column;gap:14px;margin:0;font-size:12px;line-height:1.5}.article-toc nav a{padding-left:12px;border-left:2px solid #d5dfe6}.article-toc nav a:hover{border-color:#537b96;color:#315f7f;text-decoration:none}.toc-back{display:block;margin-top:30px;font-size:11px}.article-body{min-width:0;max-width:710px}.article-section{margin-bottom:48px;scroll-margin-top:30px}.article-body h2{font-size:34px;line-height:1.2;margin:0 0 22px;letter-spacing:-.8px}.article-body p{font-size:16px;line-height:1.9;margin:0 0 20px;color:#344f62}.article-body a{text-decoration:underline;text-underline-offset:3px;color:#2e617f}.article-body i{font-style:italic}.article-body .source-note{font-size:11px;color:var(--muted);margin-top:22px}.article-callout{padding:25px 28px;background:#e4edf3;border-left:3px solid #537b96;margin:28px 0}.article-callout strong{font-family:Georgia,serif;font-size:23px;font-weight:normal;display:block;line-height:1.3;margin-bottom:12px}.article-callout p{font-size:14px;margin:0}.table-scroll{overflow-x:auto;margin:25px 0}table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.6}caption{text-align:left;font-size:11px;color:var(--muted);padding-bottom:12px}th,td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#e5edf3;font-size:12px}th:first-child{min-width:130px}.article-sources{border-top:1px solid var(--line);padding-top:32px}.article-sources>p{font-size:13px}.article-sources ul{padding:0;list-style:none}.article-sources li{margin:25px 0;font-size:13px;line-height:1.7;scroll-margin-top:25px}.article-sources li p{font-size:11px;margin-top:7px}.article-sources .editorial-note{font-size:11px;border-top:1px solid var(--line);padding-top:22px;color:var(--muted)}.reading-questions dt{font-family:Georgia,serif;font-size:23px;margin-top:25px}.reading-questions dd{margin:10px 0 22px;font-size:15px;line-height:1.8;color:#344f62}.related{background:#e4ebf1;padding:55px max(6%,calc((100vw - 1040px)/2));margin-bottom:55px}.related>h2{font-size:38px;margin:0 0 30px}.related>div{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px}.related>div>a{display:block;border-top:1px solid #bdcdd9;padding:24px 0}.related h3{font-size:25px;letter-spacing:-.5px;margin:12px 0 18px}.related>div>a>span:last-child{font-size:11px}.related .eyebrow{font-size:9px}.diagram{width:100%;max-width:730px;height:auto;margin:auto;display:block}.diagram text{font:16px Arial,sans-serif;fill:#344f62}.diagram .shape{fill:#b5c9d9;stroke:#486c86;stroke-width:2}.diagram .limb{fill:none;stroke:#486c86;stroke-width:3;stroke-linecap:round}.diagram-caption{font-size:10px!important;letter-spacing:0!important;margin:5px 20px 20px!important;color:#526576}
@media(max-width:800px){.article-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}.article-body h2{font-size:29px}.article-body p{font-size:15px}.library-list>a{grid-template-columns:125px 1fr 20px;gap:12px}.article-heading{padding-top:24px}.article-deck{font-size:21px}}
@media(max-width:620px){.article-layout{display:block;padding:0 6% 35px}.article-toc{position:static;margin-bottom:40px}.article-toc nav{font-size:13px;gap:12px}.article-toc .toc-back{margin-top:20px}.article-heading{padding:22px 6% 30px}.breadcrumbs{font-size:10px;margin-bottom:30px;gap:6px}.article-heading h1{font-size:44px}.article-deck{font-size:20px}.article-meta{font-size:10px}.article-visual{margin-bottom:35px}.article-visual img{max-height:290px}.article-symbol{margin-bottom:35px;min-height:200px}.article-section{margin-bottom:38px}.article-callout{padding:22px}.article-body h2{font-size:30px}.article-body p{font-size:16px;line-height:1.85}.related{padding:40px 6%}.related>h2{font-size:31px}.related>div{grid-template-columns:1fr;gap:0}.topic-library{padding:0 6% 45px}.library-list>a{grid-template-columns:1fr 20px;padding:22px 0;gap:10px}.library-list .eyebrow{grid-column:1/-1;font-size:8px}.library-list h3{font-size:25px}.library-list p{font-size:12px}.topic-library h2{font-size:36px}.diagram text{font-size:18px}}
@media(prefers-reduced-motion:reduce){.library-list>a{transition:none}}
.article-symbol.exhibit{display:block;padding:25px 10px 5px}.resin-exhibit{display:flex;align-items:center;justify-content:center;gap:28px;min-height:205px;padding:25px;color:#304e64}.resin-exhibit>span{background:#d5b278;padding:20px 24px;border-radius:50% 40% 45% 35%;font-family:Georgia,serif;font-size:23px;max-width:230px}.resin-exhibit>b{font-size:25px;font-weight:normal}@media(max-width:620px){.resin-exhibit{gap:10px;flex-wrap:wrap;min-height:160px}.resin-exhibit>span{font-size:17px;padding:14px}.article-symbol.exhibit{padding:10px 0 0}.article-symbol.exhibit .diagram{min-height:190px}.article-symbol.exhibit .diagram-caption{font-size:9px!important}}
/* Shared by current and future article pages. */
.article-toc{max-height:calc(100vh - 56px);max-height:calc(100dvh - 56px);overflow-y:auto;scrollbar-width:thin;padding-right:6px}
.article-toc nav a[aria-current="location"]{font-weight:700;color:#172f43;border-left-color:#315f7f;background:#e2ebf2}
.article-toc nav a{padding-top:3px;padding-bottom:3px}
.article-visual img{height:auto;aspect-ratio:3/2;max-height:500px;object-fit:cover;object-position:center}
.illustration-anatomy img{object-position:center 55%}.illustration-origins img{object-position:center 60%}.illustration-flight img{object-position:center}.illustration-amber img{object-position:center}
.inline-exhibit{margin:30px 0 10px;min-height:0}.inline-exhibit .diagram-caption{line-height:1.6}
@media(max-width:620px){.article-toc{max-height:none;overflow:visible;padding-right:0}.article-visual img{max-height:none;aspect-ratio:3/2}.inline-exhibit{margin-top:24px}}
/* Keep complete specimens and landscape compositions visible at every width. */
.article-visual img{max-height:none;object-fit:contain}
.bodyplan-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#e4edf3;padding:20px;margin:28px 0}.bodyplan-comparison figure{margin:0;text-align:center}.bodyplan-comparison img{display:block;max-width:180px;width:100%;height:auto;margin:auto}.bodyplan-comparison figcaption{line-height:1.7;margin-top:12px}.bodyplan-comparison strong{display:block;font-family:Georgia,serif;font-size:23px;font-weight:normal}.bodyplan-comparison span{font-size:12px;color:#526576;display:block;margin-top:5px}.spider-entry{max-width:1200px;margin:0 auto 70px;padding:35px 25px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;border-top:1px solid var(--line)}.spider-entry h2{font-size:42px;margin:0 0 20px}.spider-entry>div>p:not(.eyebrow){max-width:440px;color:var(--muted);font-size:14px;margin-bottom:25px}.spider-entry .bodyplan-comparison{margin:0}.spider-entry .bodyplan-comparison img{max-width:140px}@media(max-width:800px){.spider-entry{gap:25px}.spider-entry h2{font-size:35px}}@media(max-width:620px){.spider-entry{grid-template-columns:1fr;padding:30px 6%;margin-bottom:35px;gap:28px}.bodyplan-comparison{gap:12px;padding:14px}.bodyplan-comparison span{font-size:11px}.bodyplan-comparison strong{font-size:21px}}
.article-meta a{color:inherit;text-decoration:underline;text-underline-offset:3px}.footer-author{font-size:11px;color:var(--muted);text-decoration:none!important}footer{flex-wrap:wrap}.hero-image figcaption{max-width:calc(100% - 35px);letter-spacing:.2px}@media(max-width:620px){.hero-image figcaption span:last-child{max-width:300px;line-height:1.6}.article-meta{line-height:1.8}.footer-author{width:100%}}

/* Linked title illustration for the selected geological station. */
.epoch-art{margin:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:0;overflow:visible}
.epoch-art>a{display:block;flex:1;position:relative;min-height:260px;overflow:hidden;background:#dce5ec}
.epoch-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.epoch-art figcaption{font-size:9px;line-height:1.6;color:var(--muted);padding:12px 16px;background:#dfe8ee}
.epoch-art>a:hover img{filter:brightness(1.04)}
.epoch-art>a:focus-visible{outline-offset:-5px;position:relative;z-index:1}
@media(max-width:620px){.epoch-art>a,.epoch-art img{min-height:0}.epoch-art img{height:auto;aspect-ratio:3/2}.epoch-art figcaption{padding:10px 16px}}

@media(max-width:800px){.epoch{grid-template-columns:1fr}.epoch-art>a{flex:none;min-height:0}.epoch-art img{position:static;height:auto;aspect-ratio:3/2;object-fit:contain}}

/* Local museum-room entrances; the shared article TOC remains independent. */
.article-body .group-doors{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0;font-size:15px}
.article-body .group-doors a{display:block;padding:18px;background:#e4edf3;border:1px solid var(--line);text-decoration:none}
.article-body .group-doors a:hover{background:#d7e5ee}
.article-body .group-name{font-size:12px;letter-spacing:1.4px;color:var(--muted);margin:-8px 0 20px}
.article-body .room-link{display:inline-block;border-bottom:1px solid #8da5b7;padding-bottom:5px;font-size:14px;text-decoration:none;margin-bottom:20px}
@media(max-width:620px){.article-body .group-doors{grid-template-columns:1fr}.article-body .group-doors a{padding:15px 18px}}

.development-path{margin:28px 0;padding:22px;background:#e4edf3;border:1px solid var(--line)}
.development-path>.eyebrow{font-size:9px!important;letter-spacing:1.6px;margin-bottom:18px!important}
.development-path ul{list-style:none;display:flex;flex-wrap:wrap;gap:18px 24px;margin:0;padding:0}
.development-path li{flex:1 1 105px;min-width:0;border-top:2px solid #8aa7bc;padding-top:12px}
.development-path strong{display:block;font-family:Georgia,serif;font-size:23px;font-weight:normal}
.development-path li span{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:7px}
@media(max-width:620px){.development-path ul{display:grid;grid-template-columns:1fr 1fr;gap:20px}.development-path{padding:20px}}

/* Shared introduction; both original journal illustrations are served locally. */
.team-banner{max-width:1320px;margin:24px auto 34px;width:calc(100% - 60px);border:1px solid #cbd9e2;border-radius:22px;background:linear-gradient(115deg,#e4edf3,#edf2f5);display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,1.15fr) minmax(0,1fr);align-items:center;gap:15px;padding:22px 20px}
.team-banner>img{display:block;width:100%;height:auto;object-fit:contain}
.team-banner-copy{text-align:center;padding:12px 0}
.team-banner-copy .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:13px}
.team-banner h2{font-size:clamp(28px,3vw,43px);line-height:1.15;letter-spacing:-1px;margin:0 0 20px}
.team-banner-copy>p:not(.eyebrow){font-size:13px;line-height:1.85;color:var(--muted);margin:0 0 20px}
.team-banner .text-link{font-size:12px;font-weight:bold}
.team-profiles{max-width:1100px;margin:0 auto;padding:0 30px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}
.team-profile{min-width:0;background:#e5edf3;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.team-profile>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;padding:12px 12px 0}
.team-profile>div{padding:27px 30px 32px}
.team-profile h2{font-size:31px;line-height:1.2;margin:0 0 22px}
.team-profile .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:13px}
.team-profile p{font-size:15px;line-height:1.85;color:#344f62;margin:0 0 19px}
.team-art-credit{max-width:1040px;margin:20px auto 0;padding:0 30px;font-size:10px;line-height:1.8;color:var(--muted)}
.team-story{max-width:960px;margin:60px auto;padding:0 30px}
.team-story section{margin-bottom:48px}
.team-story h2{font-size:36px;line-height:1.2;margin:0 0 23px}
.team-story p{font-size:16px;line-height:1.9;color:#344f62}
.team-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}
.team-process>div{border-top:2px solid #92acbf;padding-top:18px}
.team-process h3{font-size:23px;line-height:1.3;margin:0 0 10px}
.team-process p{font-size:14px;line-height:1.8;margin:0}
@media(max-width:900px){.team-banner{gap:8px;padding:20px 12px;grid-template-columns:minmax(0,1fr) minmax(220px,1.5fr) minmax(0,1fr)}.team-banner h2{font-size:31px}}
@media(max-width:700px){.team-profiles{grid-template-columns:1fr;gap:30px}.team-process{grid-template-columns:1fr}.team-banner{grid-template-columns:1fr 1fr;gap:12px 18px;padding:24px 20px}.team-banner-copy{grid-row:1;grid-column:1/-1}.team-banner>img{grid-row:2}.team-banner-copy>p:not(.eyebrow){margin-bottom:14px}.team-banner h2{font-size:35px;margin-bottom:14px}.team-banner{width:calc(100% - 36px)}.team-story h2{font-size:31px}.team-profile>div{padding:23px}.team-page .article-heading h1{font-size:clamp(42px,7vw,65px)}}

/* Glossary references are ordinary local links; no hover requests or storage. */
.article-body a.glossary-term{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:#7797ac;text-underline-offset:4px}
.article-body a.glossary-term:hover{text-decoration-style:solid;color:#183f59}
.toc-glossary{display:block;margin-top:24px;font-size:11px;color:#315f7f;text-decoration:underline;text-underline-offset:3px}
.glossary-definitions{margin:0}
.glossary-entry{padding:24px 0;border-top:1px solid var(--line);scroll-margin-top:35px}
.glossary-entry dt{font-family:Georgia,serif;font-size:27px;line-height:1.25;margin:0 0 13px}
.glossary-entry dd{margin:0}
.glossary-entry dd p{margin-bottom:12px}
.glossary-entry dd>a{font-size:12px}
.glossary-entry:target{background:#e4edf3;outline:12px solid #e4edf3}

/* Film room: local artwork and explicit external links, never embedded players. */
.film-entry{border:1px solid var(--line);background:#edf3f7;margin:26px 0 38px}
.film-entry figure{margin:0;border-bottom:1px solid var(--line)}
.film-entry figure>a{display:block}
.film-entry img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.film-entry figcaption{padding:12px 18px;font-size:10px;line-height:1.7;color:var(--muted)}
.film-copy{padding:28px}
.article-body .film-copy h3{font-size:31px;line-height:1.2;letter-spacing:-.7px;margin:0 0 20px;overflow-wrap:anywhere}
.article-body .film-meta{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 18px}
.article-body .film-watch{display:inline-block;background:var(--ink);color:#fff;padding:12px 18px;text-decoration:none;margin:0 0 26px;font-size:14px}
.article-body .film-watch:hover{background:#315870}
.film-review{border-left:3px solid #537b96;background:#e0eaf1;padding:20px;margin:0 0 24px}
.film-review strong{display:block;font-size:12px;line-height:1.6;margin:0 0 12px}
.article-body .film-review p{font-size:13px;line-height:1.8;margin:0 0 14px}
.article-body .film-review p:last-child{margin-bottom:0}
.article-body .film-review .film-checked{font-size:11px}
.article-body .film-reading,.article-body .film-availability{font-size:12px;line-height:1.8}
.article-body .film-reading{margin:0}
.film-suggestion{background:#e4edf3;padding:24px;border-left:3px solid #537b96}
.article-body .film-suggestion p{font-size:14px;margin-bottom:15px}
.film-suggestion ul{padding-left:20px;margin:0;font-size:14px;line-height:1.8}
.film-suggestion li+li{margin-top:12px}
@media(max-width:620px){.film-copy{padding:22px 18px}.film-review{padding:17px}.article-body .film-copy h3{font-size:28px}.film-suggestion{padding:22px}}

/* The museum directory groups growing content without tracking or client state. */
.museum-directory{padding-top:25px}.museum-jumps{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 48px;justify-content:flex-start}.museum-jumps a{padding:11px 16px;border:1px solid var(--line);font-size:12px;border-radius:2px}.museum-jumps a:hover,.museum-jumps a:focus-visible{background:var(--ink);color:var(--paper)}.museum-section{scroll-margin-top:24px;margin:0 0 55px}.museum-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:20px}.museum-section-heading h3{font-size:34px;line-height:1.15;letter-spacing:-.7px;margin:0}.museum-section-heading .eyebrow{margin:0 0 12px}.museum-section-heading>p{font-size:12px;max-width:260px;line-height:1.7;margin:0;color:var(--muted)}.museum-section-heading>.text-link{font-size:12px;flex-shrink:0}.museum-intro{font-size:14px;color:var(--muted);line-height:1.8;max-width:700px;margin:0 0 25px}.museum-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;border-top:1px solid var(--line)}.museum-link{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 10px;border-bottom:1px solid var(--line)}.museum-link:hover,.museum-link:focus-visible{background:#e4edf3}.museum-link h4{font-family:Georgia,serif;font-size:23px;font-weight:400;line-height:1.25;letter-spacing:-.3px;margin:0 0 7px}.museum-link p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.museum-link>span{flex-shrink:0;font-size:18px}.group-link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}.group-link-grid .museum-link h4{font-size:22px}.habitat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.habitat-card{display:block;border:1px solid var(--line);background:#e8eff4}.habitat-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.habitat-card>div{padding:20px 16px}.habitat-card h4{font-family:Georgia,serif;font-size:24px;font-weight:400;line-height:1.2;margin:0 0 12px;letter-spacing:-.4px}.habitat-card h4 span{font:14px Arial,sans-serif}.habitat-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 15px}.habitat-art-note{font-size:9px;color:var(--muted)}.habitat-card:hover,.habitat-card:focus-visible{background:#dbe7ef}.museum-directory a:focus-visible{outline:2px solid #315f7f;outline-offset:4px}
@media(max-width:1000px){.group-link-grid{grid-template-columns:1fr 1fr}.habitat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.museum-directory{padding-top:20px}.museum-jumps{gap:8px;margin-bottom:35px}.museum-jumps a{font-size:11px;padding:10px 12px}.museum-section{margin-bottom:40px}.museum-section-heading{display:block}.museum-section-heading h3{font-size:29px}.museum-section-heading>p,.museum-section-heading>.text-link{display:block;margin-top:14px}.museum-link-grid,.group-link-grid{grid-template-columns:1fr}.museum-link{padding:20px 4px}.habitat-grid{grid-template-columns:1fr;gap:22px}.habitat-card>div{padding:20px}.habitat-card h4{font-size:28px}}

.habitat-card h4{display:flex;justify-content:space-between;gap:10px}.habitat-card h4 span{flex-shrink:0;padding-top:4px}.habitat-art-note{font-size:10px;line-height:1.6;display:block}

/* Local search: native controls, visible focus and no remote dependencies. */
.nav-search{font-weight:700}.museum-search{max-width:1100px;margin:0 auto 70px;padding:0 30px}.search-heading{padding-bottom:24px}.museum-search label{display:block;font-size:15px;font-weight:700;margin-bottom:10px}.museum-search #search-help{font-size:13px;line-height:1.8;color:var(--muted);max-width:740px}.search-controls{display:flex;gap:10px;align-items:stretch;margin:20px 0}.search-controls input{min-width:0;flex:1;border:1px solid #8ba6ba;border-radius:0;background:#fff;color:var(--ink);padding:16px;font:18px Arial,sans-serif}.search-controls button,#search-more{border:1px solid var(--ink);background:var(--ink);color:#fff;padding:14px 20px;font:14px Arial,sans-serif;cursor:pointer}.search-controls #search-clear{background:transparent;color:var(--ink)}.search-controls input:focus-visible,.museum-search button:focus-visible,.museum-search a:focus-visible{outline:3px solid #537b96;outline-offset:4px}.search-privacy{font-size:12px;line-height:1.8;color:var(--muted);max-width:780px}#search-status{padding:20px 0;border-top:1px solid var(--line);margin-top:28px;font-size:14px;line-height:1.7}.search-result{padding:26px 0;border-top:1px solid var(--line);max-width:850px}.search-result .eyebrow{font-size:10px;color:var(--muted);margin:0 0 12px}.search-result h2{font-size:29px;line-height:1.25;margin:0 0 12px;letter-spacing:-.5px}.search-result h2 a{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.search-result>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#344f62;margin:8px 0}.search-result .search-section{font-size:12px!important;font-weight:700}.search-start{margin:30px 0}.search-start h2{font-size:30px}.search-start>div{display:flex;flex-wrap:wrap;gap:12px 24px}.search-start a{text-decoration:underline;text-underline-offset:4px;font-size:14px}#search-more{margin-top:20px}@media(max-width:620px){header nav{flex-wrap:wrap;justify-content:flex-start;gap:12px 20px}.museum-search{padding:0 6%}.search-controls{flex-wrap:wrap}.search-controls input{flex-basis:100%;width:100%}.search-controls button{flex:1}.search-result h2{font-size:25px}} 
@media(max-width:900px){header{height:auto;min-height:90px;flex-wrap:wrap;padding:18px 6%;gap:12px}header nav{margin:0;width:100%;justify-content:space-between;gap:12px}header nav a{white-space:nowrap}}
@media(max-width:450px){header nav{justify-content:flex-start;gap:10px 18px}}

/* Suggestions stay local and use the input's accessible combobox state. */
.search-field{position:relative;flex:1;min-width:0}.search-field input{display:block;width:100%;box-sizing:border-box}#search-suggestions{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:20;max-height:320px;max-height:min(320px,45vh);overflow-y:auto;border:1px solid #8ba6ba;background:#fff;box-shadow:0 10px 25px #172f431a}.search-suggestion{display:block;padding:13px 16px;border-bottom:1px solid var(--line);color:var(--ink)}.search-suggestion:last-child{border-bottom:0}.search-suggestion:hover,.search-suggestion[aria-selected="true"]{background:#e2ebf2}.suggestion-title{display:block;font-size:16px;line-height:1.45}.suggestion-category{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:4px}
footer,footer>a,footer>.brand,footer>span,footer .domain,footer>.footer-author,footer>a:last-child{font-size:14px}
@media(max-width:620px){.search-field{flex-basis:100%;width:100%}.search-suggestion{padding:12px}.suggestion-title{font-size:15px}}

/* Persistent main menu; content anchors and article TOC share its actual height. */
:root{--header-height:110px}body>header{position:sticky;top:0;z-index:50;background:var(--paper);box-shadow:0 1px 0 var(--line)}.skip{position:fixed;z-index:80}html{scroll-padding-top:0}main [id]{scroll-margin-top:calc(var(--header-height) + 24px)}.article-toc{top:calc(var(--header-height) + 24px);max-height:calc(100vh - var(--header-height) - 48px);max-height:calc(100dvh - var(--header-height) - 48px)}.journey-entry{max-width:1200px;margin:0 auto;padding:65px 25px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.journey-entry h2{font-size:43px;line-height:1.15;margin:0 0 22px}.journey-entry>div>p:not(.eyebrow){color:var(--muted);line-height:1.9;font-size:14px;max-width:500px}.journey-entry .button{margin-top:15px;background:var(--ink);color:#fff}.journey-entry figure{margin:0}.journey-entry img{display:block;width:100%;height:auto}.journey-entry figcaption{font-size:10px;color:var(--muted);padding-top:10px}.journey-heading{padding-bottom:5px}.journey-heading .breadcrumbs{margin-bottom:32px}.journey-heading h1{font-size:clamp(43px,5vw,65px)}.journey-heading .article-deck{font-size:20px;max-width:800px}.journey-heading+.journey{padding-top:24px}.journey-heading+.journey .section-head h2{font-size:33px;max-width:500px}.journey-return,.journey-chapters{max-width:1200px;padding:0 25px 55px;margin:auto}.journey-chapters a{display:block;padding:10px;border-bottom:1px solid var(--line)}
@media(max-width:800px){.journey-entry{gap:28px}.journey-entry h2{font-size:35px}}
@media(max-width:620px){.article-toc{position:static;max-height:none}.journey-entry{grid-template-columns:1fr;padding:40px 6%;gap:28px}.journey-entry h2{font-size:34px}.journey-heading+.journey .section-head h2{font-size:29px}.journey-return{padding-left:6%}}

.journey-heading h1{max-width:none;font-size:clamp(40px,4.5vw,56px)}.journey-heading .article-deck{margin-bottom:12px}.journey-heading .breadcrumbs{margin-bottom:24px}

/* Explanatory comparisons are local HTML, readable without scripts. */
.topic-table-wrap { max-width:100%; overflow-x:auto; margin:28px 0; }
.topic-table { width:100%; border-collapse:collapse; font-size:16px; line-height:1.6; }
.topic-table caption { text-align:left; font-weight:700; padding:0 0 14px; }
.topic-table th, .topic-table td { text-align:left; vertical-align:top; padding:15px; border-bottom:1px solid var(--line); }
.topic-table thead { background:#e7eef3; }
.topic-table th[scope="row"] { width:30%; }
.relationship-links { margin-top:30px; }
.article-heading h1 { hyphens:auto; overflow-wrap:anywhere; }
@media(max-width:620px) {
 .topic-table { font-size:14px; }
 .topic-table th, .topic-table td { padding:10px 8px; overflow-wrap:anywhere; }
}

/* Curated reading paths: ordinary local links, without saved tour state. */
.tours-help { max-width:850px; color:var(--muted); margin:26px 0; }
.tour-jumps { display:flex; flex-wrap:wrap; gap:12px 24px; margin:28px 0 0; width:auto; font-size:14px; }
.tour-jumps a { border-bottom:1px solid #9bafbf; padding-bottom:5px; }
.tour-collection { max-width:1200px; margin:0 auto; padding:0 5%; }
.tour-exhibit { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); margin-bottom:44px; background:#e7eef3; }
.tour-exhibit figure { display:grid; grid-template-rows:minmax(0,1fr) auto; margin:0; min-height:300px; background:#dfe8ef; }
.tour-exhibit img { width:100%; height:100%; min-height:0; object-fit:cover; }
.tour-exhibit figcaption { font-size:10px; line-height:1.6; padding:14px 18px; color:var(--muted); }
.tour-exhibit-copy { padding:36px; min-width:0; }
.tour-exhibit h2 { font-size:36px; margin:0 0 20px; hyphens:auto; overflow-wrap:anywhere; }
.tour-exhibit-copy > p:not(.eyebrow) { color:var(--muted); }
.tour-station-label { font-weight:700; font-size:12px; margin-top:24px; }
.tour-stations { padding:0; margin:12px 0 28px; list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 24px; font-size:13px; }
.tour-stations li { padding-left:18px; position:relative; }
.tour-stations li::before { content:'→'; position:absolute; left:0; color:#667e91; }
.tour-stations a { text-decoration:underline; text-underline-offset:4px; }
.tour-exhibit .button { font-size:13px; gap:20px; }
.article-tours { max-width:1200px; margin:0 auto; padding:45px 5% 55px; border-top:1px solid var(--line); }
.article-tours > h2 { font-size:38px; margin:0 0 18px; }
.article-tours > p:not(.eyebrow) { color:var(--muted); max-width:720px; }
.tour-paths { display:grid; gap:18px; margin:26px 0; }
.tour-path { padding:24px; border:1px solid var(--line); background:#edf2f6; }
.tour-path h3 { font-size:25px; letter-spacing:-.5px; margin:0 0 20px; }
.tour-path h3 a { text-decoration:underline; text-decoration-color:#9bafbf; text-underline-offset:5px; }
.tour-directions { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; margin:0; width:auto; }
.tour-step { display:block; padding:14px; border-top:1px solid #b5c7d5; }
.tour-step span { display:block; color:var(--muted); font-size:11px; margin-bottom:6px; }
.tour-step strong { font-weight:normal; font-size:16px; line-height:1.5; }
.tour-next { background:#dfe9f0; }
.toc-tour-link { display:block; margin-top:18px; font-size:13px; text-decoration:underline; text-underline-offset:4px; }
@media(max-width:800px) {
 .tour-exhibit { grid-template-columns:1fr; }
 .tour-exhibit figure { min-height:0; }
 .tour-exhibit img { height:auto; aspect-ratio:3/2; object-fit:contain; }
 .tour-exhibit-copy { padding:28px; }
}
@media(max-width:620px) {
 .tour-collection { padding:0 6%; }
 .tour-exhibit h2, .article-tours > h2 { font-size:31px; }
 .tour-stations { grid-template-columns:1fr; }
 .tour-exhibit-copy { padding:24px; }
 .article-tours { padding:35px 6%; }
 .tour-path { padding:19px; }
 .tour-directions { grid-template-columns:1fr; gap:12px; }
 .tour-jumps { gap:12px 20px; }
}

/* Legal information shares the reading layout and active contents navigation. */
.operator-address { font-style:normal; padding:18px 22px; background:#e7eef3; border-left:2px solid #9bafbf; margin:20px 0; }
.legal-other { margin:35px 0; padding-top:22px; border-top:1px solid var(--line); }
.legal-layout .article-body a { overflow-wrap:anywhere; }
.legal-layout .article-body h3 { font-size:25px; line-height:1.3; letter-spacing:-.4px; margin:28px 0 18px; }
