:root{--bg:#090805;--text:#e5dac3;--muted:#ad9d82;--line:#75603940;--accent:#e4c58c;--display:Didot,'Bodoni MT','Times New Roman',serif;--reading:Baskerville,'Palatino Linotype',Georgia,serif}
body{background:var(--bg);color:var(--text)}body:not(.collection-page){background:radial-gradient(ellipse 100% 450px at 50% 0,#684b232c,transparent 85%),#090805}.shell{width:min(1400px,calc(100% - 112px))}.site-header{min-height:108px;border-bottom:1px solid #9e7d3c30;position:relative;z-index:2}.brand-name,.brand h1{font-family:var(--display);font-size:19px;line-height:1.42;letter-spacing:1.4px;color:#dac394;font-weight:500}.brand-name>span{letter-spacing:4.7px;font-size:15px}.site-header nav{font-family:var(--display);font-size:12px;gap:34px;letter-spacing:.7px;color:#b7a47f}.site-header nav a{padding-block:12px;position:relative}.site-header nav [aria-current=page]{color:#f2d9a6}.site-header nav [aria-current=page]:after{content:'';position:absolute;bottom:4px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#d2ad63,transparent)}a:hover,button:hover{color:#f6dea8}.collection-hero{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:36px 20px 24px;background:radial-gradient(ellipse 54% 100% at 50% -6%,#b189423d 0%,#67491e29 36%,transparent 80%),linear-gradient(135deg,#090805 10%,#281d0e 50%,#090805 90%);border-bottom:1px solid #795e2c15}.collection-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 18%,#d5ab5506 28%,transparent 36%,#e0b96308 57%,transparent 65%);pointer-events:none}.collection-hero:after{content:'';position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,#c49b5755,transparent)}.hero-toplight{position:absolute;top:-9px;left:39%;width:22%;height:7px;border-radius:50%;box-shadow:0 12px 95px 18px #e1b5651c;pointer-events:none}.collection-hero .eyebrow{font-size:10px;letter-spacing:4px;color:#b9a476}.collection-hero h1{font:500 clamp(37px,4.7vw,65px)/1.13 var(--display);letter-spacing:1px;margin:17px 0 18px;color:#e7cfa1}.collection-hero h1>span{font-size:.82em;background:linear-gradient(110deg,#9e7b40 3%,#f4dca7 42%,#b18a48 75%,#e6c58a);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-rule{width:112px;height:1px;margin:auto;background:linear-gradient(90deg,transparent,#b9924d,transparent)}.toolbar{padding:23px 0 12px;margin-top:10px}.search{color:#9b865f}.search input{font-size:14px;color:#dfd3bb}.search input::placeholder{color:#a79779}.collection-controls{gap:34px}.view-control{gap:23px}.view-control button{font-size:13px;color:#a99877;padding-block:9px}.view-control [aria-pressed=true]{color:#e6cca0;border-color:#9c783e}.filter-toggle{font-size:13px;color:#bca67e}.filters select{background:#090805;color:#d8c5a1}.filters label,.filter-row>p{color:#9c896a}.filter-row{padding-top:12px}.gallery{gap:45px;margin-top:28px}.card-art{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;overflow:visible;aspect-ratio:.99;box-shadow:none}.card-art img{height:94%;width:100%;object-fit:contain;aspect-ratio:auto;position:absolute;top:0;z-index:1;mix-blend-mode:screen;transition:transform .4s}.card-art:hover img{opacity:1;transform:translateY(-3px)}.card-meta{text-align:center;padding:23px 5px 0}.card-meta h2{font-family:var(--display);font-size:19px;line-height:1.5;font-weight:500;color:#e0c99c;letter-spacing:.1px;margin-bottom:8px}.card-source{color:#a48c65;font-size:12px;letter-spacing:.5px}.eyebrow{color:#ae966b}.empty{font-family:var(--reading)}.empty h2{font-family:var(--display);font-size:24px}.empty p{font-size:18px}footer{margin-top:75px!important;border-top:1px solid #8d6c3330;padding-block:25px 32px;color:#998467;font-size:12px}footer>span:first-child{font-family:var(--display);letter-spacing:.6px;color:#bea477}footer>span:nth-child(2){color:#84745b}
/* The display serif is shared; longer reading and citations use a quieter book serif. */
.page-heading{padding:54px 0 48px;border-bottom:1px solid #90713a3b}.page-heading .eyebrow{font-size:11px;letter-spacing:3px;margin:0 0 18px}.page-heading h1{font:500 clamp(34px,4.6vw,60px)/1.22 var(--display);color:#e7cea0;letter-spacing:.4px;margin:0 0 20px}.page-heading>p:last-child{font:italic 21px/1.6 var(--reading);color:#b6a184;margin:0}.publication{padding:37px 0 42px;grid-template-columns:180px minmax(0,1fr);gap:50px;border-color:#8f6e3238}.publication:first-of-type{border-top:0}.pub-label>span{font-family:var(--display);color:#92743f}.pub-label p{font-size:15px;color:#c6a772}.pub-topic{font-size:12px;letter-spacing:.7px;color:#a78b5c}.pub-body h2{font:400 29px/1.35 var(--reading);color:#dfcfaf;max-width:45ch}.pub-authors{font:400 17px/1.65 var(--reading);color:#b7a789;max-width:78ch}.pub-journal{font:400 18px/1.5 var(--reading);color:#ddc9a1}.pub-journal cite,.origin-reference cite{font-style:italic}.pub-journal strong,.origin-reference strong{font-weight:700;color:#f0d7a4}.pub-journal em,.origin-reference em{font-style:italic}.pub-links{font-size:13px;gap:28px}.pub-links a{color:#c8ac78;border-color:#886531}.pub-doi{font-size:12px;color:#a28b64}.pub-doi a{overflow-wrap:anywhere}.gold-link{display:inline-block;font-size:14px;color:#d1b47d;border-bottom:1px solid #92703a;padding:7px 0}
/* Method: a brief origin, process, and contemporary example. */
.method-page .page-heading h1{font-size:clamp(32px,4vw,54px)}.method-page .page-heading h1 span{color:#b99c64}.method-origin{display:grid;grid-template-columns:260px minmax(0,1fr);gap:70px;padding:48px 0;border-bottom:1px solid #93723a38}.origin-date{display:flex;flex-direction:column;justify-content:center;border-right:1px solid #92703a3b;padding-right:30px}.origin-date>span{font-size:10px;letter-spacing:2.5px;color:#a68c5c}.origin-date strong{font:400 82px/1.25 var(--display);background:linear-gradient(115deg,#8c6a30,#f2d7a0 45%,#ab8646);color:transparent;background-clip:text;-webkit-background-clip:text}.origin-date cite{font:italic 24px var(--reading);color:#c2a77a}.origin-copy h2,.evolution-copy h2{font:400 33px/1.2 var(--reading);color:#e2cea8;margin:0 0 20px}.origin-copy p,.evolution-copy p{font:400 19px/1.65 var(--reading);color:#bbab8e;max-width:65ch;margin:0 0 20px}.origin-copy strong,.evolution-copy strong{color:#ead0a1;font-weight:700}.method-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px;padding:37px 0 43px;border-bottom:1px solid #93723a38}.method-steps article>span{font:400 13px var(--display);color:#a4844c}.method-steps h2{font:400 20px var(--display);color:#d7bc8a;margin:16px 0 13px}.method-steps p{font:400 18px/1.6 var(--reading);color:#ad9b7c;margin:0}.method-evolution{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding:52px 0 35px;align-items:center}.evolution-copy .eyebrow{font:400 11px var(--reading);letter-spacing:2px;margin-bottom:20px;color:#ad915f}.method-specimen{margin:0}.method-arch{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;overflow:visible;max-width:360px;margin:auto}.method-arch img{display:block;width:100%;height:auto;mix-blend-mode:screen}.method-specimen figcaption{font:400 14px var(--display);line-height:1.7;text-align:center;color:#cdb182;margin-top:18px}.method-specimen figcaption span{display:block;font:12px/1.6 var(--reading);color:#9e8968;margin-top:7px}.origin-reference{padding:30px 32px;margin-top:22px;background:linear-gradient(110deg,#6a4b1d13,#1b150b66);border:1px solid #906e343e}.origin-reference .eyebrow{font-size:10px;letter-spacing:2px}.origin-reference p{font:400 19px/1.65 var(--reading);color:#cbb898;margin:15px 0 11px;max-width:90ch}.origin-reference>a{font-size:13px;color:#c1a36c;overflow-wrap:anywhere}
/* Matched exhibit details. */
dialog{background:#0a0906;border-color:#8a6c374f;box-shadow:0 25px 80px #0009}dialog::backdrop{background:#000e}.detail-top{background:#0a0906;border-color:#8a6c3730}.detail-top .eyebrow{font-family:var(--display);color:#b49a66}.detail-heading h2{font-family:var(--display);font-size:28px;color:#e1c591;line-height:1.5;letter-spacing:.2px}.detail-subtitle{color:#b9a37c}.triptych{background:#8b6a322e;border-color:#8b6a322e}.structure-panel{background:#000}.structure-panel figcaption{font-family:var(--display);font-size:12px;color:#b9a073}.image-link{color:#a78d5c}.detail-nav button{color:#c2a269}.detail-note{border-color:#8b6a322e}.detail-note>p{color:#a08c68}.record h3{font-family:var(--display);font-size:13px;color:#bca16c}.record p{font:400 18px/1.55 var(--reading);color:#c4b28e}.record dt{color:#9b835d}.record dd{color:#d5bd93}.record .paper-link{border-color:#7c603331;font:400 17px/1.5 var(--reading);color:#d1b785}.record .paper-link small{font-family:var(--reading);font-size:14px;color:#a18b61}.record summary{color:#a98b59}.record details p{font:400 16px/1.6 var(--reading);color:#b8a17d}.detail-tabs .view-control{font-family:var(--reading)}.icon-button{color:#bda274}
@media(min-width:1700px){.site-header{min-height:118px}.gallery{margin-top:34px;gap:60px}.collection-hero{padding-block:45px 30px}}
@media(max-width:1050px){.shell{width:calc(100% - 64px)}.gallery{gap:25px}.card-meta h2{font-size:17px}.method-origin{grid-template-columns:200px 1fr;gap:40px}.origin-date strong{font-size:66px}.method-evolution{gap:45px}.publication{grid-template-columns:165px 1fr;gap:32px}}
@media(max-width:760px){.shell{width:calc(100% - 44px)}.site-header{min-height:115px;gap:20px}.brand-name{font-size:16px;letter-spacing:.5px}.brand-name>span{font-size:13px;letter-spacing:3px}.site-header nav{font-size:11px;gap:10px;align-items:flex-end;flex-direction:column}.site-header nav a{padding:0;line-height:1.6}.site-header nav [aria-current=page]:after{bottom:-2px}.collection-hero{padding:27px 15px 25px}.collection-hero .eyebrow{font-size:9px;letter-spacing:2.5px}.collection-hero h1{font-size:clamp(32px,7vw,48px);margin:16px 0 18px;letter-spacing:.4px}.collection-hero h1>span{font-size:.75em}.toolbar{margin-top:3px;padding-top:20px;row-gap:8px}.search input{font-size:16px}.collection-controls{gap:18px}.view-control{gap:23px}.view-control button,.filter-toggle{font-size:13px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 22px;margin-top:24px}.card-meta{padding:20px 0 0}.card-meta h2{font-size:17px}.card-source{font-size:12px}.filter-row{padding-top:16px}footer{margin-top:60px!important;font-size:12px;gap:15px;flex-wrap:wrap}footer>span:nth-child(2){display:none}.page-heading{padding:37px 0 30px}.page-heading h1{font-size:34px}.page-heading>p:last-child{font-size:19px}.publication{grid-template-columns:1fr;gap:20px;padding:28px 0 32px}.pub-body h2{font-size:26px}.pub-authors{font-size:17px}.pub-label>span{font-size:12px}.pub-label p{font-size:14px}.pub-journal{font-size:18px}.pub-links{gap:20px;font-size:13px}.method-page .page-heading h1{font-size:31px}.method-origin{grid-template-columns:1fr;gap:28px;padding:32px 0}.origin-date{border-right:0;border-bottom:1px solid #92703a3b;padding:0 0 24px}.origin-date strong{font-size:67px}.origin-date cite{font-size:22px}.origin-copy h2,.evolution-copy h2{font-size:30px}.origin-copy p,.evolution-copy p{font-size:19px}.method-steps{grid-template-columns:1fr;gap:27px;padding:32px 0}.method-steps h2{font-size:19px;margin:10px 0}.method-steps p{font-size:18px}.method-evolution{grid-template-columns:1fr;gap:35px;padding-top:35px}.method-specimen{max-width:360px;margin:auto}.origin-reference{padding:25px 23px}.origin-reference p{font-size:18px}.detail-heading h2{font-size:22px;line-height:1.4}.detail-tabs button{font-size:13px}.record p{font-size:18px}.record .paper-link{font-size:17px}.detail-top .eyebrow{font-size:11px}}
@media(max-width:460px){.gallery{grid-template-columns:1fr;gap:38px;max-width:390px;margin-inline:auto}.card-art{aspect-ratio:1.05}.card-art img{height:94%;max-height:none}.card-meta h2{font-size:21px}.card-meta{padding-top:19px}.collection-hero h1{font-size:33px}.collection-hero h1>span{font-size:.76em}.collection-controls{gap:15px}.view-control{gap:19px}.site-header nav{font-size:11px}.brand-name{font-size:15px}.detail-heading h2{font-size:20px}.record dd{font-size:14px}.method-page .page-heading h1{font-size:28px}.page-heading h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Readable editorial typography and compact navigation. */
body{--font:var(--reading);font-family:var(--reading);color:#e6dfd2;padding-bottom:64px}
.brand-name{font-family:var(--display);font-size:20px;font-weight:550;line-height:1.35;letter-spacing:0;color:#e5d5b6}
.brand-name>span{font-size:20px;letter-spacing:0}
.site-header nav{font-family:var(--display);font-size:15px;letter-spacing:0;gap:30px;color:#cbbd9f}
.collection-hero{padding:34px 20px 30px}.collection-hero h1{font:500 clamp(32px,3.6vw,48px)/1.2 var(--display);letter-spacing:-.7px;margin:0 0 20px}
.page-heading h1,.method-page .page-heading h1{font-family:var(--display);font-weight:500;letter-spacing:-.5px;line-height:1.25}
.card-meta h2{font-family:var(--display);font-size:22px;line-height:1.4;letter-spacing:0;font-weight:500;color:#e1d3b9}
.view-control button,.filter-toggle,.filters label,.filters select{font-size:14px}.search input{font-size:16px}.eyebrow,.collection-hero .eyebrow,.pub-topic,.origin-reference .eyebrow,.origin-date>span,.evolution-copy .eyebrow{font-size:12px;letter-spacing:1.3px}
.card-source{font-size:13px;color:#b2a38b}
.pub-body h2{font:500 25px/1.45 var(--reading);max-width:52ch}.pub-authors{font:400 16px/1.7 var(--reading)}.pub-journal{font:400 16px/1.65 var(--reading)}.pub-links{font-size:14px}.pub-doi{font-size:13px}.pub-label p{font-size:15px}.page-heading>p:last-child{font-family:var(--reading);font-size:18px;font-style:normal}
.origin-copy h2,.evolution-copy h2{font:500 28px/1.4 var(--reading)}.origin-copy p,.evolution-copy p,.method-steps p{font:400 17px/1.8 var(--reading);color:#c5b8a0}.method-steps h2{font-size:20px;font-weight:500}.origin-date strong{font-weight:400}.origin-reference p{font:400 16px/1.8 var(--reading)}.method-specimen figcaption{font-size:16px}.method-specimen figcaption span{font:400 13px/1.6 var(--reading)}
.detail-heading h2{font:500 30px/1.3 var(--display);letter-spacing:0}.detail-subtitle{font-size:15px;color:#c5b89f}.structure-panel figcaption{font-family:var(--display);font-size:14px}.record h3{font-size:14px;font-weight:600;letter-spacing:0;text-transform:none}.record p{font:400 16px/1.75 var(--reading)}.record dt{font-size:13px;color:#b5a387}.record dd{font-size:16px;line-height:1.6}.record .paper-link{font:400 16px/1.65 var(--reading)}.record .paper-link small{font:400 14px/1.7 var(--reading);color:#bbab8d;overflow-wrap:anywhere}.record cite{font-style:italic}.record .paper-link strong{font-weight:700;color:#e1cfaa}.record summary{font-size:14px}.record details p{font-size:15px}.detail-note>p,.image-link{font-size:13px}.record sup{font-size:.75em}
@media(max-width:760px){.site-header{flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;padding-block:24px;min-height:0}.brand-name{font-size:20px}.brand-name>span{font-size:20px}.site-header nav{flex-direction:row;align-items:center;justify-content:space-between;gap:18px;width:100%;font-size:14px}.site-header nav a{padding-block:4px}.collection-hero{padding:27px 15px 24px}.collection-hero h1{font-size:34px}.pub-body h2{font-size:23px}.page-heading h1,.method-page .page-heading h1{font-size:32px}.origin-copy h2,.evolution-copy h2{font-size:25px}.detail-heading h2{font-size:25px}.detail-heading{flex-wrap:wrap}.detail-nav{margin-left:auto}.detail-subtitle{font-size:14px}.detail-tabs button{font-size:14px}.record dd{font-size:15px}.view-control{gap:15px}.collection-controls{gap:12px}.filter-toggle span{margin-left:4px}}
@media(max-width:380px){.site-header nav{gap:10px;font-size:13px}.view-control{gap:12px}.view-control button,.filter-toggle{font-size:13px}.detail-tabs{gap:10px}.detail-tabs button{font-size:13px}}

.record .ccdc-link{text-decoration:underline;text-decoration-color:#8c744e;text-underline-offset:4px}.record .ccdc-link:hover{text-decoration-color:currentColor}

/* A classical serif palette throughout the gallery. */
body{font-size:18px;line-height:1.7}
.brand-name,.brand-name>span{font-family:var(--display);font-size:25px;font-weight:400;letter-spacing:.2px;line-height:1.25}
.collection-hero h1{font-family:var(--display);font-size:clamp(42px,4.6vw,62px);font-weight:400;letter-spacing:.1px}
.page-heading h1,.method-page .page-heading h1{font-family:var(--display);font-weight:400;letter-spacing:0}
.site-header nav{font-family:var(--reading);font-size:17px;letter-spacing:.2px}
.card-meta h2{font-family:var(--display);font-size:27px;font-weight:400;letter-spacing:0}
.detail-heading h2{font-family:var(--display);font-size:34px;font-weight:400}
.pub-body h2,.origin-copy h2,.evolution-copy h2{font-family:var(--reading);font-weight:400}
.record p,.origin-copy p,.evolution-copy p,.method-steps p,.pub-authors,.pub-journal,.origin-reference p{font-family:var(--reading);font-size:18px;line-height:1.75}
.record .paper-link{font-family:var(--reading);font-size:18px;line-height:1.6}.record .paper-link small{font-family:var(--reading);font-size:16px;line-height:1.7}
.view-control button,.filter-toggle,.filters label,.filters select,.detail-tabs button{font-family:var(--reading);font-size:16px}.search input{font-family:var(--reading);font-size:18px}.record dt,.image-link,.detail-note>p{font-size:14px}.record dd{font-size:17px}.detail-subtitle{font-size:16px}.pub-links{font-size:16px}.pub-doi{font-size:14px}
@media(max-width:760px){.brand-name,.brand-name>span{font-size:25px}.site-header nav{font-size:16px;gap:16px}.collection-hero h1{font-size:46px}.card-meta h2{font-size:27px}.detail-heading h2{font-size:29px}.page-heading h1,.method-page .page-heading h1{font-size:36px}.pub-body h2{font-size:26px}.detail-tabs button{font-size:15px}.view-control button,.filter-toggle{font-size:15px}}
@media(max-width:380px){.site-header nav{font-size:15px;gap:8px}.view-control{gap:11px}.view-control button,.filter-toggle,.detail-tabs button{font-size:14px}}

/* Script treatment for the Gallery wordmark. */
.brand-name>span{display:block;font-family:var(--reading);font-size:27px;font-weight:400;font-style:italic;letter-spacing:0;line-height:1.25;margin-top:3px;color:#d3c6ad}
@media(max-width:760px){.brand-name>span{font-size:25px}}

/* Open, softly lit molecular displays without architectural frames. */
.card-art,.method-arch{border:0;border-radius:0;box-shadow:none;background:transparent}
.card-art::before,.method-arch::before{content:"";position:absolute;inset:-5% -3% 0;background:radial-gradient(ellipse 40% 58% at 50% 20%,#d6ad6621 0%,#a47e3910 42%,transparent 80%);pointer-events:none;z-index:0}
.card-art img{top:0;height:100%;max-height:none;mix-blend-mode:screen}.method-arch img{position:relative;z-index:1}
.site-header nav .external-mark{font-size:.65em;line-height:0;vertical-align:super;margin-left:3px;color:#dec493}.site-header nav a{white-space:nowrap}
@media(max-width:380px){.site-header nav{gap:6px}.site-header nav .external-mark{margin-left:2px}}

/* A quieter museum presentation: modest labels, restrained light and gold. */
.brand-name{font-size:22px;color:#dcd4c5;letter-spacing:.1px}.brand-name>span{font-size:27px;color:#c9bca4}
.site-header nav{color:#b9b0a0}.site-header nav [aria-current=page]{color:#e1d6c2}.site-header nav .external-mark{color:inherit}
.collection-hero{background:radial-gradient(ellipse 65% 120% at 50% 0,#72552b14,transparent 80%),linear-gradient(110deg,#090805,#151109 50%,#090805);padding:30px 20px 26px}
.collection-hero::before{display:none}.collection-hero::after{opacity:.35}.hero-toplight{opacity:.25}.hero-rule{opacity:.35;width:72px}
.collection-hero h1{font-size:44px;color:#d8cebc;margin-bottom:18px;letter-spacing:0}
.card-art::before,.method-arch::before{opacity:.4}.card-art img{transition:opacity .2s}.card-art:hover img{transform:none;opacity:1}
.card-meta{padding-top:18px}.card-meta h2{font-family:var(--reading);font-size:19px;font-weight:400;line-height:1.5;letter-spacing:.1px;color:#ccc4b6;margin-bottom:0}
.detail-heading h2{font-size:28px;color:#ddd3c0}.method-specimen figcaption{font-family:var(--reading);font-size:16px;color:#c5bbaa}
@media(max-width:760px){.brand-name{font-size:22px}.brand-name>span{font-size:25px}.collection-hero h1{font-size:38px}.card-meta h2{font-size:18px}.detail-heading h2{font-size:25px}.card-meta{padding-top:16px}}

/* Collection hover lights up the exhibit without moving the structure. */
.card-art::before{transition:opacity .3s ease}
@media(hover:hover){.molecule-card:hover .card-art::before{opacity:1}}
.molecule-card:focus-within .card-art::before{opacity:1}
@media(prefers-reduced-motion:reduce){.card-art::before{transition:none}}

/* A subtle lift accompanies the Collection spotlight. */
.card-art img{transition:transform .3s ease,opacity .3s ease}
@media(hover:hover){.molecule-card:hover .card-art img{transform:translateY(-3px);opacity:1}}
.molecule-card:focus-within .card-art img{transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){.card-art img{transition:none!important}.molecule-card:hover .card-art img,.molecule-card:focus-within .card-art img{transform:none}}