/* spiders.fyi — silk ivory, deep petroleum, amber and copper */
:root{--paper:#f3f0e8;--ink:#20333b;--muted:#52686f;--line:#ced8d3;--green:#102f38;--gold:#dca75a;--pale:#d6e0d8;--petrol:#102f38;--copper:#8c4c32}
body{background:var(--paper);color:var(--ink)}::selection{background:#dca75a75;color:#102f38}.header{height:88px;background:var(--petrol);border:0;color:#f3f0e8}.header-inner{width:min(1400px,calc(100% - 72px));gap:30px}.header .brand{font-size:34px}.header .brand-dot{color:#dca75a}.header nav{gap:25px;font-size:12px;letter-spacing:.1px}.header nav a{color:#f3f0e8cc}.header nav a:hover,.header nav [aria-current]{color:#fff}.header nav a:after{background:#dca75a}.header .languages a{opacity:.7}.header .languages [aria-current]{opacity:1;border-color:#dca75a}.header .search-button{color:#f3f0e8}.gold{background:var(--gold);color:var(--petrol);font-weight:500}.gold:hover{background:#ebba76}.text-link{border-color:#8c4c3266}.text-link:hover{color:var(--copper)}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#b16e24}.header a:focus-visible,.header button:focus-visible,.photo-link:focus-visible{outline-color:#f0c17d}.hero{min-height:680px;height:min(780px,calc(100svh - 88px))}.hero .hero-description{color:#f3f0e8e3}.hero-shade{background:linear-gradient(90deg,#0a242de0,#0a242d55 60%,#0a242d09),linear-gradient(0deg,#071f28a8,transparent 25%)}.hero-inner{padding-top:105px}.language-card{border-color:#f3f0e85c;background:#102f384d}.language-card:hover{background:#dca75a;color:#102f38}.intro .eyebrow,.section-heading .eyebrow,.card-copy .eyebrow{color:var(--copper)}.intro{padding-top:85px;padding-bottom:75px}.intro>div:nth-child(2){padding-top:30px}.section-heading{border-color:var(--line)}.card-image{height:285px}.card-copy h3{font-size:31px}.card-copy p:not(.eyebrow){font-size:14px}.quote-band{background:var(--petrol);color:var(--paper);padding:65px 24px}.quote-band span{color:#dca75a}.team{background:linear-gradient(115deg,#d6e0d8,#e6e8dc);border:0;border-radius:3px}.team-copy p:not(.eyebrow){color:#475e63}.team-copy .eyebrow{color:var(--copper)}.team-motion{color:#475e63}.visual-entrance{position:relative;isolation:isolate;background:var(--petrol);color:#fff;min-height:530px;overflow:hidden;display:flex;align-items:center}.entrance-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 50%;z-index:-3}.entrance-scrim{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#092630ed 0%,#0b2b35c7 30%,#0b2b3540 68%,#0b2b3510),linear-gradient(0deg,#071e2766,transparent 40%)}.entrance-content{padding-top:65px;padding-bottom:65px;position:relative}.entrance-content .eyebrow{color:#eccb96;font-size:10px;letter-spacing:2.4px;margin-bottom:22px}.entrance-content h1{font-size:clamp(47px,5.1vw,78px);line-height:1.08;letter-spacing:-2px;max-width:850px;text-wrap:balance}.entrance-lede{font-size:17px;line-height:1.85;color:#f3f0e8e8;max-width:550px;margin-top:27px}.entrance-content .button{margin-top:30px;gap:45px}.entrance-byline{font-size:10px;letter-spacing:.1px;color:#e5e9dfc9;margin-top:30px}.entrance-byline a{border-bottom:1px solid #dca75a80}.visual-caption{font-size:9px;line-height:1.8;color:#657575;padding-top:13px;padding-bottom:14px}.visual-article{min-height:500px}.visual-article .entrance-content h1{font-size:clamp(44px,4.5vw,68px);max-width:820px}.visual-article .entrance-lede{font-size:17px;max-width:570px}.visual-topic{min-height:450px}.visual-topic .entrance-content h1{max-width:800px}.visual-collection{padding-top:55px;padding-bottom:90px}.visual-section-title{margin-bottom:35px;max-width:890px}.visual-section-title .eyebrow{font-size:9px;color:var(--copper);margin-bottom:16px}.visual-section-title h2{font-size:clamp(34px,3.3vw,49px);line-height:1.16}.photo-link{display:block;position:relative;isolation:isolate;overflow:hidden;background:var(--petrol);color:#fff;min-width:0;border-radius:3px}.photo-link>img{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:60% 50%;transition:transform .8s}.photo-link:hover>img{transform:scale(1.035)}.photo-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#092630ed 0%,#0926309c 30%,#0926300d 75%)}.photo-copy{position:absolute;bottom:0;left:0;right:0;padding:30px}.photo-copy .eyebrow{color:#f1d09d;font-size:8px;letter-spacing:1.8px;margin-bottom:12px}.photo-copy h2{font-size:clamp(30px,3vw,43px);line-height:1.1;letter-spacing:-.8px;max-width:90%;text-wrap:balance}.photo-description{font-size:13px;line-height:1.8;color:#f3f0e8dd;margin-top:14px;max-width:520px}.photo-open{position:absolute;right:24px;bottom:30px;color:#f4dfba;font-size:23px}.photo-credit{display:block;font-size:8px;color:#e8eee0a6;line-height:1.6;margin-top:16px;max-width:88%}.topic-scenes{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:420px 320px 350px;gap:20px}.topic-scene:nth-child(1){grid-column:span 7}.topic-scene:nth-child(2){grid-column:span 5}.topic-scene:nth-child(3),.topic-scene:nth-child(4),.topic-scene:nth-child(5){grid-column:span 4}.topic-scene:nth-child(6){grid-column:span 5}.topic-scene:nth-child(7){grid-column:span 4}.topic-scene:nth-child(8){grid-column:span 3}.topic-scene:nth-child(n+3) .photo-copy h2{font-size:31px}.topic-scene:nth-child(8) .photo-copy{padding:24px}.topic-scene:nth-child(8) .photo-copy h2{font-size:28px}.topic-scene .photo-description{font-size:12px}.museum-directory .topic-scenes{margin-top:25px}.museum-directory{padding-bottom:85px}.directory-links{gap:30px;margin-top:35px}.directory-links .text-link{font-size:13px}.collection-grid.visual-article-grid{padding-top:45px}.collection-card{background:none;border:0;border-radius:0;box-shadow:none!important}.collection-card:hover{transform:translateY(-2px)}.collection-art{height:280px;border-radius:3px}.collection-copy{padding:23px 0 15px}.collection-copy h3{font-size:30px;line-height:1.13}.collection-copy .eyebrow{color:var(--copper);font-size:9px;margin-bottom:13px}.collection-copy>p:not(.eyebrow){font-size:14px;margin-top:14px;color:var(--muted)}.collection-copy .image-credit{font-size:8px;line-height:1.6;margin-top:14px}.article-layout{padding-top:45px;border-top:0;gap:75px}.prose p,.prose address{color:#3c535b;font-size:17px;line-height:1.95}.prose h2{font-size:35px;line-height:1.15}.prose section{margin-bottom:45px}.article-layout aside{color:var(--muted);border-top:1px solid #abbcb6;padding-top:20px}.article-layout aside a{font-size:11px}.article-layout aside a:hover{color:var(--copper)}progress::-webkit-progress-bar{background:#d6e0d8}progress::-webkit-progress-value{background:#8c4c32}.source-note{background:#e0e6dd;border:0;border-radius:3px}.source-note h2{font-size:29px}.source-note a{color:#274852}.source-note .small{font-size:10px!important}.route-chain{border-left-color:#dca75a;background:#e2e8df}.reading-link{color:#294b55}.article-related{border-top:1px solid var(--line);padding-top:30px}.records-section{padding-top:50px;margin-bottom:90px}.visual-record-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;margin-bottom:65px}.visual-record-grid>[data-record-card]{grid-column:span 4;height:350px}.visual-record-grid>[data-record-card]:nth-child(-n+2){grid-column:span 6;height:430px}.visual-record-grid .photo-link{height:100%}.visual-record-grid .photo-copy h2{font-size:34px}.visual-record-grid .photo-description{font-size:13px;max-width:87%}.visual-record-grid.is-filtered{grid-template-columns:1fr}.visual-record-grid.is-filtered>[data-record-card]{grid-column:1!important;height:440px}.filter-bar{gap:10px;margin-bottom:30px}.filter-bar button{background:#e5e9df;border-color:#c3d0c8;color:#28444c;padding:10px 19px}.filter-bar button[aria-pressed=true]{background:var(--petrol);border-color:var(--petrol);color:#f3f0e8}.comparison-table{border-top:1px solid var(--line);padding-top:40px}.comparison-table h2{font-size:38px}.comparison-table table{background:#f8f5ed}thead th{background:#d6e0d8;color:#294750}th,td{border-color:#c6d2ca}.visual-tours{padding-top:45px;padding-bottom:90px}.visual-tours .tour-scene{height:450px;margin-bottom:26px}.tour-scene .photo-shade{background:linear-gradient(90deg,#092630e6,#092630aa 35%,#09263015 80%),linear-gradient(0deg,#09263080,transparent 60%)}.tour-scene .photo-copy{top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;padding:48px}.tour-scene .photo-copy h2{font-size:clamp(38px,4.1vw,58px);max-width:650px}.tour-scene .photo-description{max-width:470px;font-size:16px;line-height:1.8;margin-top:22px}.tour-scene .photo-open{bottom:42px;right:38px;font-size:30px}.tour-scene .photo-credit{position:absolute;bottom:25px;left:48px;font-size:9px}.visual-tour-route{padding-top:40px;padding-bottom:90px}.visual-tour-route ol{list-style:none;padding:0;margin:0 0 40px}.visual-tour-route li{margin-bottom:25px;border-bottom:1px solid var(--line);padding-bottom:25px}.route-image-link{display:grid;grid-template-columns:38% 1fr;gap:40px;align-items:center}.route-image-link>img{width:100%;height:240px;object-fit:cover;border-radius:3px}.route-image-link h2{font-size:35px;margin:13px 0}.route-image-link p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:620px}.route-image-link .eyebrow{color:var(--copper);font-size:9px}.route-image-link .text-link{margin-top:20px}.interactive-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:85px}.interactive-feature{border:0;background:transparent;min-width:0}.interactive-preview{height:310px;position:relative;overflow:hidden;isolation:isolate;border-radius:3px;background:radial-gradient(ellipse at 65% 35%,#426b73,#102f38)}.interactive-preview>img{height:100%;width:100%;object-fit:cover}.interactive-preview.preview-atlas{background:#d6e0d8}.interactive-preview .atlas-drawing{width:100%;height:100%;max-height:none;padding:15px}.interactive-preview .card-web{width:100%;height:100%;left:0;top:0;opacity:.9;padding:15px}.interactive-copy{padding:23px 0}.interactive-copy h2{font-size:32px}.interactive-copy p{font-size:14px;color:var(--muted);margin-top:16px}.interactive-copy .text-link{margin-top:24px}.web-stage{background:radial-gradient(ellipse at 60% 35%,#3b636b,#102f38)}.work-controls{background:#dce4da}.atlas-stage{background:radial-gradient(ellipse at 55% 35%,#eee9db,#d6e0d8)}.atlas-part{fill:#52737b;stroke:#3b5c65}.atlas-legs{fill:none;stroke:#52737b}.atlas-eyes{fill:#102f38;stroke:#e6d9bd}.atlas-part.selected{fill:#dca75a;stroke:#8c4c32}.atlas-legs.selected{fill:none;stroke:#b67a39}.step-button{border-color:#bccdc3}.step-button[aria-pressed=true]{background:var(--petrol);color:#fff}.page-header>.eyebrow{color:var(--copper)}.page-header .lede{color:var(--muted)}body[data-page=interactive] .page-header{padding-top:35px;padding-bottom:35px}body[data-page=interactive] .page-header .breadcrumb{margin-bottom:25px}body[data-page=interactive] .page-header h1{font-size:clamp(41px,4.7vw,68px)}.time-panel h2{color:var(--petrol)}.era-tabs [aria-pressed=true]{color:var(--copper);border-color:var(--copper)}.time-section{padding-top:35px}.time-image img{height:470px}.time-panel .eyebrow{color:var(--copper)}.glossary-section>input{background:#faf7ef}.glossary-entry dt{color:var(--petrol)}.footer-top .brand-dot{color:#dca75a}footer{background:var(--petrol);color:#f3f0e8;border-top:0;padding-top:52px}.footer-top p{color:#d9e1d6c9}.footer-top strong{color:#eccb96;font-size:10px}.footer-top .small{color:#d9e1d6c9}.footer-links{color:#e5e9df;gap:10px}.footer-bottom{border-color:#f3f0e825;color:#d3dcd2bb}.footer-bottom a:hover,.footer-links a:hover{color:#edc17e}.footer-top .brand svg{color:#f3f0e8}dialog{background:var(--paper)}dialog::backdrop{background:#071f2aa8}.search-head h2{color:var(--petrol)}
@media(max-width:1100px){.header-inner{width:calc(100% - 48px);gap:20px}.header nav{font-size:11px;gap:17px}.header .brand{font-size:30px}.entrance-content h1{font-size:65px;max-width:700px}.entrance-lede{font-size:16px;max-width:510px}.visual-article .entrance-content h1{font-size:58px}.topic-scenes{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:340px;gap:18px}.topic-scene:nth-child(n){grid-column:auto}.topic-scene:nth-child(n) .photo-copy h2{font-size:34px}.topic-scene:nth-child(n) .photo-copy{padding:25px}.topic-scene .photo-description{font-size:13px}.visual-record-grid{grid-template-columns:1fr 1fr;gap:18px}.visual-record-grid>[data-record-card]:nth-child(n){grid-column:auto;height:370px}.visual-record-grid>[data-record-card]:last-child{grid-column:1/-1}.collection-art{height:260px}.interactive-features{gap:23px}.interactive-preview{height:270px}.interactive-copy h2{font-size:29px}.article-layout{gap:40px}.visual-article .entrance-lede{max-width:510px}.route-image-link{gap:30px}.route-image-link h2{font-size:31px}}
@media(max-width:800px){.header{height:auto;min-height:85px}.header-inner{padding-top:17px;padding-bottom:14px;gap:14px}.header nav{flex-basis:100%;border-color:#f3f0e82b;justify-content:flex-start;gap:12px 23px;font-size:11px}.header .header-tools{margin-left:auto}.visual-entrance{min-height:520px}.entrance-content{padding-top:60px;padding-bottom:60px}.entrance-content h1{font-size:58px;max-width:650px}.visual-article .entrance-content h1{font-size:51px}.entrance-scrim{background:linear-gradient(90deg,#092630e8,#0926308c 65%,#09263040),linear-gradient(0deg,#09263080,transparent 60%)}.entrance-lede{font-size:16px;max-width:480px}.visual-article .entrance-lede{font-size:16px}.visual-topic{min-height:430px}.visual-collection{padding-top:40px;padding-bottom:65px}.visual-section-title{margin-bottom:28px}.visual-section-title h2{font-size:36px}.topic-scenes{grid-auto-rows:330px;gap:15px}.photo-copy h2,.topic-scene:nth-child(n) .photo-copy h2{font-size:30px;max-width:95%}.photo-description{font-size:12px;line-height:1.7}.topic-scene:nth-child(n) .photo-copy{padding:22px}.topic-scene .photo-description{font-size:12px}.photo-credit{font-size:7px}.collection-copy h3{font-size:28px}.collection-art{height:240px}.photo-open{right:17px;bottom:22px}.visual-record-grid .photo-copy h2{font-size:29px}.visual-record-grid .photo-description{font-size:12px}.records-section{padding-top:35px}.visual-tours{padding-top:35px;padding-bottom:60px}.visual-tours .tour-scene{height:440px}.tour-scene .photo-copy{padding:32px}.tour-scene .photo-copy h2{font-size:43px;max-width:620px}.tour-scene .photo-description{font-size:15px;max-width:420px}.tour-scene .photo-credit{left:32px;bottom:20px;font-size:8px}.tour-scene .photo-open{right:28px;bottom:25px}.route-image-link{grid-template-columns:40% 1fr;gap:25px}.route-image-link>img{height:240px}.route-image-link h2{font-size:29px}.route-image-link p:not(.eyebrow){font-size:13px}.interactive-features{grid-template-columns:1fr;gap:25px}.interactive-feature{display:grid;grid-template-columns:45% 1fr;gap:28px;align-items:center}.interactive-preview{height:280px}.interactive-copy h2{font-size:31px}.article-layout{gap:25px;padding-top:30px}.prose p,.prose address{font-size:16px}.article-layout aside{position:static}.hero-inner{padding-top:80px}.hero{height:auto;min-height:660px}.card-image{height:240px}.time-section{padding-top:25px}.time-image img{height:350px}}
@media(max-width:480px){.header-inner{width:calc(100% - 40px)}.header .brand{font-size:28px}.header nav{font-size:10px;gap:8px 17px}.visual-entrance{min-height:530px}.entrance-content{padding-top:55px;padding-bottom:55px}.entrance-content .eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:23px}.entrance-content h1{font-size:45px;letter-spacing:-1.4px;line-height:1.1}.entrance-content h1 br{display:none}.entrance-lede{font-size:14px;line-height:1.85;margin-top:24px;max-width:100%}.entrance-content .button{font-size:12px;margin-top:28px;gap:30px;padding:13px 18px}.visual-article{min-height:550px}.visual-article .entrance-content h1{font-size:42px}.visual-article .entrance-lede{font-size:15px}.entrance-byline{font-size:9px;margin-top:27px}.visual-topic{min-height:410px}.visual-caption{font-size:8px;padding-top:11px;padding-bottom:11px}.visual-collection{padding-top:35px;padding-bottom:55px}.visual-section-title h2{font-size:33px}.topic-scenes{grid-template-columns:1fr;grid-auto-rows:320px;gap:18px}.topic-scene:nth-child(n) .photo-copy{padding:26px}.topic-scene:nth-child(n) .photo-copy h2{font-size:35px;max-width:90%}.topic-scene .photo-description{font-size:13px;max-width:85%}.photo-credit{font-size:8px}.photo-open{right:23px;bottom:27px}.directory-links{gap:20px}.museum-directory{padding-bottom:55px}.collection-art{height:250px}.collection-copy h3{font-size:30px}.visual-record-grid{grid-template-columns:1fr;gap:20px;margin-bottom:45px}.visual-record-grid>[data-record-card]:nth-child(n){grid-column:auto;height:360px}.visual-record-grid .photo-copy h2{font-size:35px}.visual-record-grid .photo-description{font-size:13px}.visual-record-grid.is-filtered>[data-record-card]{height:380px}.photo-copy{padding:26px}.tour-scene .photo-copy{padding:28px}.tour-scene .photo-copy h2{font-size:38px;max-width:100%}.tour-scene .photo-description{font-size:14px;max-width:95%}.visual-tours .tour-scene{height:470px;margin-bottom:22px}.tour-scene .photo-credit{left:28px;max-width:78%;font-size:8px}.visual-tour-route{padding-top:25px;padding-bottom:60px}.route-image-link{display:block}.route-image-link>img{height:230px;margin-bottom:22px}.route-image-link h2{font-size:32px}.route-image-link p:not(.eyebrow){font-size:14px}.visual-tour-route li{padding-bottom:30px;margin-bottom:30px}.interactive-feature{display:block}.interactive-preview{height:290px}.interactive-copy h2{font-size:34px}.interactive-copy p{font-size:14px}.prose h2{font-size:30px}.card-image{height:250px}.footer-top .brand{font-size:30px}.time-image img{height:300px}}
@media(prefers-reduced-motion:reduce){.photo-link>img{transition:none}.photo-link:hover>img{transform:none}}
/* A category hero also opens its featured article; that image is not repeated below. */
.visual-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-article-grid.single-feature{grid-template-columns:1fr}.single-feature .collection-card{display:grid;grid-template-columns:1.15fr 1fr;gap:42px;align-items:center}.single-feature .collection-art{height:330px}.single-feature .collection-copy{padding:10px 0}.single-feature .collection-copy h3{font-size:38px}.visual-topic .button{max-width:100%;line-height:1.5}
@media(max-width:800px){.single-feature .collection-card{gap:28px}.single-feature .collection-art{height:290px}.single-feature .collection-copy h3{font-size:32px}}
@media(max-width:480px){.visual-article-grid{grid-template-columns:1fr}.single-feature .collection-card{display:block}.single-feature .collection-art{height:250px}.single-feature .collection-copy{padding-top:24px}.single-feature .collection-copy h3{font-size:32px}.visual-topic .button{font-size:11px;gap:18px}}

/* Explain the domain ending as part of the shared wordmark. */
.brand-lockup{display:flex;flex-direction:column;gap:5px}.brand-name{display:block}.brand-tagline{display:block;font-family:Arial,Helvetica,sans-serif;font-size:8px;font-weight:500;letter-spacing:1.35px;line-height:1.3;color:#e1d9c9}.footer-top .brand-tagline{font-size:10px;letter-spacing:.25px;line-height:1.5}.header .brand{flex-shrink:0}
@media(max-width:480px){.header .brand-tagline{font-size:7px;letter-spacing:1.05px}}