:root{color-scheme:dark;--bg:#000;--text:#e7e5e0;--muted:#96948f;--line:#222;--accent:#e7e5e0;--font:Baskerville,'Palatino Linotype',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--font)}body.modal-open{overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:none;border:0}a{color:inherit;text-decoration:none}a:hover,button:hover{color:#fff}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:1px solid #d8d5cd;outline-offset:6px}[hidden]{display:none!important}.shell{width:min(1380px,calc(100% - 128px));margin-inline:auto}.skip{position:fixed;left:16px;top:-80px;padding:12px;background:#fff;color:#000;z-index:10}.skip:focus{top:12px}
.site-header{min-height:164px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand h1{font:400 28px/1.18 Georgia,'Times New Roman',serif;letter-spacing:-.5px;margin:0}.site-header nav{font-size:14px;color:#93918b}.site-header nav button{padding:12px 0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:10px 0}.search{display:flex;align-items:center;gap:12px;width:min(300px,100%);color:#81817b}.search svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.4;flex-shrink:0}.search input{width:100%;border:0;background:transparent;padding:10px 3px;color:var(--text);font-size:14px;min-width:0}.search input::placeholder{color:#96948f}.collection-controls{display:flex;gap:40px;align-items:center}.view-control{display:flex;gap:26px;align-items:center}.view-control button{font-size:14px;padding:9px 0;color:#8c8a85;white-space:nowrap;border-bottom:1px solid transparent;line-height:1.5}.view-control [aria-pressed=true]{color:#efede7;border-color:#9b9992}.filter-toggle{font-size:14px;color:#97958f;padding:10px 0;white-space:nowrap}.filter-toggle span{display:inline-block;margin-left:8px;font-size:16px;transition:transform .15s}.filter-toggle[aria-expanded=true] span{transform:rotate(45deg)}.filter-toggle.has-filter{color:#fff}.filter-toggle.has-filter::before{content:'•';margin-right:6px}.filter-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0 8px}.filters{display:flex;gap:24px}.filters label{display:flex;gap:10px;align-items:center;font-size:12px;color:#85837e}.filters select{font-size:14px;color:#c8c6be;background:#000;border:0;padding:6px 20px 6px 0;max-width:250px}.filter-row>p{font-size:12px;color:#8f8d86;margin:0}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px;margin-top:48px}.molecule-card{min-width:0}.card-art{display:block;background:#000}.card-art img{display:block;width:100%;height:auto;aspect-ratio:1.12;object-fit:contain;transition:opacity .2s}.card-art:hover img{opacity:.8}.card-meta{padding:31px 0 0 10px}.card-meta h2{font:400 22px/1.3 Georgia,'Times New Roman',serif;margin:0 0 9px;letter-spacing:-.2px}.card-source{font-size:12px;letter-spacing:.3px;color:#92908a;margin:0}.card-source span{margin:0 6px}.empty{text-align:center;padding:90px 20px}.empty h2{font:400 26px Georgia,serif}.empty p{color:var(--muted)}.empty-symbol{color:#a7a49c;font:40px Georgia,serif}.text-button{color:#d1cec6;padding:10px 0;font-size:14px}.text-button:hover{text-decoration:underline}footer{display:flex;justify-content:space-between;gap:24px;margin-top:120px!important;padding-block:25px 40px;color:#85837e;font-size:12px}.eyebrow{font-size:12px;letter-spacing:1.3px;color:#a5a197;margin:0;line-height:1.5}.legend{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;color:#a4a198}.legend>span{display:flex;align-items:center;gap:7px}.legend i{width:5px;height:5px;border-radius:50%;display:inline-block}.carbon{background:#fa931b}.hydrogen{background:#e5e5e5}.oxygen{background:#d44974}.nitrogen{background:#4472c4}.cage-color{background:#9b9b9b}
dialog{color:var(--text);background:#090909;border:1px solid #373731;width:min(1460px,calc(100% - 56px));max-width:none;max-height:calc(100dvh - 56px);padding:0;border-radius:5px;box-shadow:0 30px 100px #0008;overscroll-behavior:contain}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.detail-top{display:flex;align-items:center;justify-content:space-between;padding:18px 30px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#090909;z-index:3}.icon-button{font-size:30px;font-weight:300;line-height:1;width:40px;height:40px;color:#bbb}.detail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:27px 30px 20px}.detail-heading h2{margin:0 0 6px;font-weight:400;font-size:36px;letter-spacing:-1px;line-height:1.15}.detail-subtitle{font-size:14px;color:#9c998e;margin:0}.detail-nav{display:flex;align-items:center;gap:8px}.detail-nav button{width:38px;height:38px;border:1px solid #38382f;font-size:20px;border-radius:50%}.detail-nav span{font-size:12px;color:#828277;margin:0 8px}.detail-tabs{display:none}.triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#292924;border-block:1px solid #292924}.structure-panel{background:#000;padding:18px 18px 14px;margin:0;min-width:0}.structure-panel figcaption{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#a9a69d}.structure-panel figcaption span{color:#64645d;font-size:12px}.structure-panel img{display:block;width:100%;height:auto;aspect-ratio:1.12;object-fit:contain}.structure-panel a{display:block}.image-link{display:inline-block!important;font-size:12px;color:#a29e92;padding:7px 0}.detail-note{padding:13px 30px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.detail-note>p{font-size:12px;color:#868377;margin:0}.detail-note .legend{margin:0;gap:12px}.record{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;padding:26px 30px 34px}.record h3{margin:0 0 10px;font-size:12px;font-weight:400;letter-spacing:1.2px;color:#9d9b90;text-transform:uppercase}.record p{font-size:15px;color:#c5c2b8;margin:0 0 17px;max-width:62ch}.record details{font-size:13px;color:#949084}.record summary{cursor:pointer;padding:6px 0;min-height:32px}.record details p{font-size:13px;line-height:1.65;margin-top:9px;color:#9b978c}.record dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:17px 25px}.record dt{font-size:12px;color:#848177;margin-bottom:3px}.record dd{margin:0;font-size:15px;color:#d0cbbf}.record dd sub{font-size:12px}.paper-link{grid-column:1/-1;font-size:14px;line-height:1.5;border-top:1px solid var(--line);padding-top:15px;margin-top:4px;color:#c7c1b4}.paper-link small{display:block;color:#817c70;font-size:12px;margin-top:7px}#about{width:min(760px,calc(100% - 40px))}.about-content{padding:30px 40px 40px}.about-content h2{font-size:40px;font-weight:400;line-height:1.18;margin:0 0 25px;letter-spacing:-1px}.about-content>p{color:#b6b2a7;font-size:16px}.about-content h3{font-size:18px;font-weight:400;margin:28px 0 8px}.about-links{display:flex;flex-direction:column;gap:12px;margin:25px 0;color:var(--accent);font-size:15px}.about-content .fine-print{font-size:13px;color:#868071}.image-failed{filter:grayscale(1);opacity:.4}

/* The structure is the exhibit; interface details stay quiet. */
dialog{background:#000;border-color:#2b2b28;border-radius:0;box-shadow:none}dialog::backdrop{background:#000e;backdrop-filter:none}.detail-top{background:#000;border-color:#191919}.detail-heading h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}.detail-tabs{display:none}.triptych{background:#181818;border-color:#181818}.structure-panel{padding-top:20px}.structure-panel figcaption span{display:none}.detail-nav button{border:0;font-size:23px}.detail-note{border-color:#191919}.record .paper-link{border-color:#20201e}.about-content h2{font:400 34px/1.2 Georgia,'Times New Roman',serif}.about-content h3{font-family:Georgia,'Times New Roman',serif}.about-links{color:#dad6ca}
@media(min-width:1700px){.site-header{min-height:190px}.gallery{margin-top:65px;gap:90px}}
@media(max-width:1050px){.shell{width:calc(100% - 72px)}.gallery{gap:28px}.collection-controls{gap:25px}.view-control{gap:20px}.search{width:230px}.record{gap:28px}.detail-note{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.shell{width:calc(100% - 48px)}.site-header{min-height:142px}.brand h1{font-size:26px}.toolbar{flex-wrap:wrap;row-gap:17px}.search{width:100%}.search input{font-size:16px}.collection-controls{justify-content:space-between;width:100%;gap:16px}.view-control{gap:23px}.view-control button{font-size:14px}.filter-row{flex-wrap:wrap;gap:8px;padding-top:20px}.filters{gap:16px;width:100%}.filters label{flex:1;min-width:0;display:block}.filters select{display:block;width:100%;max-width:100%}.filter-row>p{margin-left:auto}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 25px;margin-top:38px}.card-meta{padding:22px 0 0 4px}.card-meta h2{font-size:21px}.card-source{font-size:12px}footer{margin-top:90px!important;flex-wrap:wrap;font-size:12px}dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.detail-top{padding:10px 17px}.detail-heading{padding:22px 20px 19px;align-items:flex-start}.detail-heading h2{font-size:28px}.detail-subtitle{font-size:13px}.detail-nav{gap:3px}.detail-nav span{display:none}.detail-nav button{width:32px;height:32px}.detail-tabs{display:flex;justify-content:space-between;margin:0 20px 16px;width:calc(100% - 40px);gap:15px}.detail-tabs button{font-size:14px}.triptych{display:block;background:#000}.structure-panel{display:none;padding:17px 18px 12px}.structure-panel.mobile-active{display:block}.structure-panel img{max-height:49dvh;aspect-ratio:1.12;height:auto}.structure-panel figcaption{display:none}.detail-note{padding:15px 20px;gap:12px}.detail-note .legend{font-size:12px;gap:15px}.record{grid-template-columns:1fr;padding:24px 20px;gap:24px}.record p{font-size:15px}.record dl{gap:16px}.record dd{font-size:14px}.about-content{padding:25px}.about-content h2{font-size:30px}}
@media(max-width:460px){.gallery{grid-template-columns:1fr;gap:64px;margin-top:30px}.card-art img{max-height:330px}.card-meta{padding:16px 0 0 5px}.card-meta h2{font-size:23px}.brand h1{font-size:25px}.site-header{min-height:135px}.view-control{gap:18px}.view-control button{font-size:13px}.filter-toggle{font-size:13px}.collection-controls{gap:12px}.detail-heading h2{font-size:25px}.detail-nav button{width:29px;height:29px}.detail-tabs button{font-size:13px}.detail-note .legend{gap:13px}.image-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Article-based bibliography. */
.site-header nav{display:flex;gap:30px;align-items:center}.site-header nav [aria-current=page]{color:#eee}.brand-name{display:block;font:400 28px/1.18 Georgia,'Times New Roman',serif;letter-spacing:-.5px}.publication-heading{padding:35px 0 65px}.publication-heading h1{font:400 50px/1.2 Georgia,'Times New Roman',serif;letter-spacing:-1px;margin:0 0 15px}.publication-heading p{font-size:16px;color:#93918a;margin:0}.publication{display:grid;grid-template-columns:210px minmax(0,1fr);gap:45px;padding:45px 0 48px;border-top:1px solid #242420;scroll-margin-top:35px}.pub-label span{font-size:12px;color:#7d7a71}.pub-label p{font-size:16px;margin:10px 0 0;color:#d8d4c9}.pub-topic{color:#939084;font-size:12px;margin:0 0 14px;letter-spacing:.5px}.pub-body h2{font:400 27px/1.4 Georgia,'Times New Roman',serif;margin:0 0 18px;max-width:40ch}.pub-authors{font-size:14px;color:#aaa69b;line-height:1.75;margin:0 0 15px;max-width:72ch}.pub-journal{font-size:14px;color:#d0cbbf;margin:0 0 23px}.pub-links{display:flex;gap:30px;flex-wrap:wrap;font-size:14px}.pub-links a{border-bottom:1px solid #555146;padding-bottom:4px}.pub-doi{font-size:12px;color:#8a8478;margin:16px 0 0;overflow-wrap:anywhere}@media(max-width:760px){.site-header nav{gap:18px;font-size:13px}.brand-name{font-size:26px}.publication-heading{padding:18px 0 38px}.publication-heading h1{font-size:39px}.publication{grid-template-columns:1fr;gap:22px;padding:30px 0 38px}.pub-label{display:flex;gap:17px;align-items:center}.pub-label p{margin:0}.pub-body h2{font-size:24px}.pub-topic{font-size:12px}.pub-links{gap:20px}.site-header{gap:18px}}@media(max-width:460px){.site-header nav{flex-direction:column;gap:7px;align-items:flex-end;font-size:13px}.site-header nav button{padding:0}.brand-name{font-size:25px}}