@font-face{font-family:"Science Manrope";src:url("assets/manrope-variable.ttf") format("truetype");font-weight:200 800;font-display:swap}
@font-face{font-family:"Gallery Cormorant";src:url("assets/cormorant-garamond-light-300.woff2") format("woff2");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"Gallery Cormorant";src:url("assets/cormorant-garamond-italic-400.woff2") format("woff2");font-style:italic;font-weight:400;font-display:swap}
:root { --exhibit-display:"Gallery Cormorant", "Times New Roman",serif; --exhibit-sans:"Science Manrope",Manrope,Arial,sans-serif; }
#science,.sci-reader-dialog {
  --science-type:var(--exhibit-sans); --science-light:#ecebe6; --science-accent:#c2e5e3; --science-gutter:clamp(21px,6.4vw,130px);
  font-family:var(--science-type);color:var(--science-light);
}
#science {background:#080f12;isolation:isolate;}
html:has(main[data-view="science"]) {scroll-padding-top:clamp(64px,6.65vw,98px);}
#science :is(#science-atlas,#science-papers,#science-protocol) {scroll-margin-top:0;}
#science:focus {outline:none;}
.site-footer .sci-top,.sci-nav-search {display:none;}
body:has(main[data-view="science"]) {--gallery-bar:clamp(64px,6.65vw,98px);}
body:has(main[data-view="science"]) .site-header {
  height:var(--gallery-bar);margin-bottom:calc(-1 * var(--gallery-bar));
  padding-inline:6.05% 2.5%; gap:clamp(8px,1.15vw,25px);
  background:linear-gradient(180deg,#060c0fbd,transparent);border:0;
}
body:has(main[data-view="science"]) .site-header.sci-scrolled {background:#080f12f5;}
body:has(main[data-view="science"]) .brand {
  gap:clamp(10px,1.7vw,28px);color:#eeece8;
  font:450 clamp(12px,1.23vw,22px)/1.2 var(--exhibit-sans);letter-spacing:.18em;
}
body:has(main[data-view="science"]) .portal-emblem {width:clamp(25px,2.2vw,41px);height:auto;aspect-ratio:33/46;background:center / contain no-repeat url("assets/science-gallery-mark.svg");}
body:has(main[data-view="science"]) .portal-emblem img {visibility:hidden;}
body:has(main[data-view="science"]) .portal-emblem::before,body:has(main[data-view="science"]) .portal-emblem::after {background-image:url("assets/science-gallery-mark.svg");}
body:has(main[data-view="science"]) .site-header .nav-links {position:static;transform:none;margin:0 auto;gap:clamp(10px,2.15vw,44px);}
body:has(main[data-view="science"]) .nav-links a,body:has(main[data-view="science"]) .lang-switch button {
  font:470 clamp(9px,.76vw,14px)/1.4 var(--exhibit-sans);letter-spacing:.14em;color:#e9e9e5;
}
body:has(main[data-view="science"]) .nav-links a::after,body:has(main[data-view="science"]) .lang-switch button[aria-pressed="true"]::after {
  content:"";position:absolute;inset:auto -2px 0;height:1px;background:linear-gradient(90deg,transparent,#dbffff,transparent);box-shadow:0 1px 5px #72e4ea80;
}
body:has(main[data-view="science"]) .lang-switch {margin-left:0;gap:clamp(5px,.8vw,12px);}
body:has(main[data-view="science"]) .lang-switch button {position:relative;min-width:2.6em;border:0;box-shadow:none;background:none;border-radius:0;padding:8px 3px;}
body:has(main[data-view="science"]) .sci-nav-search {
  flex:none;display:grid;place-items:center;width:40px;height:42px;border:0;color:#eeebe6;background:none;
}
body:has(main[data-view="science"]) .sci-nav-search:hover {color:#bdebea;}
body:has(main[data-view="science"]) .site-footer {background:#060c0f;border-top:1px solid #ffffff18;}
.sci-hero,.sci-boundary {position:relative;isolation:isolate;}
.sci-hero {
  display:flex;flex-direction:column;justify-content:center;
  min-height:clamp(610px,min(60.8vw,88svh),1050px);
  padding:calc(var(--gallery-bar,76px) + 26px) 7.2% clamp(97px,10.2vw,166px);
  background:#080f12 url("assets/science-hall-dawn.webp") 71% 52% / cover no-repeat;
}
.sci-hero::before {content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:linear-gradient(0deg,#080f1299,transparent 16%),linear-gradient(90deg,#060c1033,transparent 50%);}
.sci-hero-copy {max-width:52%;}
.sci-kicker {display:flex;align-items:center;gap:clamp(16px,2.6vw,44px);margin:0 0 clamp(28px,3.5vw,69px);
  font:450 clamp(10px,.98vw,18px)/1.6 var(--exhibit-sans);color:#e6e4df;letter-spacing:.36em;text-transform:uppercase;}
.sci-kicker::before {content:"";width:clamp(19px,2.8vw,53px);height:1px;background:#d7d6cd;}
.sci-hero h1 {margin:0 0 .22em -.035em;color:#eeece8;
  font:300 clamp(77px,8.65vw,170px)/.85 var(--exhibit-display);letter-spacing:.06em;text-transform:uppercase;}
.sci-hero h1 span {display:block;}
.sci-intro {max-width:42ch;margin:0;color:#e0dfdc;font:350 clamp(15px,1.32vw,23px)/1.48 var(--exhibit-sans);letter-spacing:.035em;text-wrap:pretty;}
.sci-text-action,.sci-boundary-link,.sci-favourite,.sci-scroll {
  width:fit-content;min-height:44px;display:inline-flex;align-items:center;border:0;background:transparent;color:#f1f0ea;
  font:550 clamp(11px,.98vw,16px)/1.4 var(--exhibit-sans);text-transform:uppercase;letter-spacing:.31em;
}
.sci-text-action {gap:clamp(14px,2.45vw,40px);position:relative;margin-top:clamp(21px,2.35vw,47px);padding:8px 2px 12px;}
.sci-text-action::after {content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,#74a1a3,#daffff 46%,#6ca4a5 64%,transparent);box-shadow:0 2px 8px #77e9ec48;}
.sci-arrow {position:relative;width:clamp(24px,2.9vw,46px);height:1px;background:currentColor;transition:transform .25s ease;}
.sci-arrow::after {content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;transform:rotate(45deg);border-top:1px solid;border-right:1px solid;}
.sci-text-action:hover .sci-arrow {transform:translateX(4px);}
.sci-scroll {position:absolute;left:7.5%;bottom:clamp(22px,4.4vw,70px);gap:clamp(14px,2vw,29px);font-size:clamp(9px,.68vw,13px);color:#d4d7d5;letter-spacing:.38em;}
.sci-scroll::before {content:"";height:clamp(27px,3.9vw,63px);width:1px;background:#b9c5c6;}
#science :is(button,a,summary):focus-visible {outline:2px solid #bbeced;outline-offset:4px;}
.sci-boundary {
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(16px,2.3vw,32px);
  padding:clamp(44px,6vw,115px) 6.8%;
  min-height:clamp(325px,33vw,680px);
  background:#080f12 url("assets/science-earth-limb.webp") center 56% / cover no-repeat;
}
.sci-boundary::before {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050d11ad,#050d1155 37%,transparent 69%);}
.sci-quotation {border-left:1px solid #e7e4da;padding:0 0 0 clamp(18px,3vw,57px);margin:0;max-width:63%;}
.sci-quotation blockquote {margin:0;color:#f4efe7;font:italic 400 clamp(29px,3.35vw,66px)/1.06 var(--exhibit-display);letter-spacing:.015em;}
.sci-quotation figcaption {margin-top:clamp(15px,2.4vw,42px);text-transform:uppercase;font:450 clamp(9px,.67vw,13px)/1.5 var(--exhibit-sans);letter-spacing:.51em;color:#d4d4cf;}
.sci-boundary-tools {display:flex;gap:clamp(14px,2vw,38px);align-items:center;flex-wrap:wrap;margin-left:clamp(18px,3vw,57px);}
.sci-boundary-link,.sci-favourite {gap:9px;letter-spacing:.12em;min-height:35px;font-size:clamp(10px,.74vw,14px);padding:2px 0;color:#c5cfcd;}
.sci-boundary-link:hover,.sci-favourite:hover,.sci-favourite[aria-pressed="true"] {color:#f4fffe;}
.sci-favourite[aria-pressed="true"] svg {fill:#9ecac6;}
@media(min-width:741px) and (max-width:1030px){
  body:has(main[data-view="science"]) .site-header {padding-inline:3% 1.5%;gap:4px;}
  body:has(main[data-view="science"]) .site-header .nav-links {gap:1.24vw;}
  body:has(main[data-view="science"]) .site-header .brand {font-size:11px;gap:7px;}
  body:has(main[data-view="science"]) .sci-nav-search {width:29px;}
}
@media(max-width:740px) {
  body:has(main[data-view="science"]) {--gallery-bar:63px;}
  body:has(main[data-view="science"]) .site-header {padding-inline:5%;gap:5px;}
  body:has(main[data-view="science"]) .site-header .brand {margin-right:auto;font-size:clamp(10px,2.9vw,15px);gap:8px;letter-spacing:.12em;}
  body:has(main[data-view="science"]) .sci-nav-search {width:32px;}
  body:has(main[data-view="science"]) .menu-toggle {color:#e2e5df;}
  body:has(main[data-view="science"]) .site-header .nav-links {position:absolute;margin:0;gap:0 18px;background:#0b1215fa;}
  body:has(main[data-view="science"]) .site-header .nav-links a {font-size:12px;min-height:40px;}
  .sci-hero {justify-content:flex-end;min-height:clamp(545px,86svh,810px);padding:clamp(255px,60vw,365px) 6.7% 63px;background-color:#080f12;background-image:none;}
  .sci-hero::after {content:"";position:absolute;inset:0 0 auto;height:clamp(290px,84vw,490px);z-index:-2;background:url("assets/science-hall-dawn.webp") 75% center / cover no-repeat;mask-image:linear-gradient(180deg,#000 0% 68%,transparent);}
  .sci-hero::before {background:linear-gradient(0deg,#080f12 0%,transparent 54%);}
  .sci-hero-copy {max-width:100%;}
  .sci-kicker {font-size:10px;gap:14px;margin-bottom:22px;}
  .sci-hero h1 {font-size:clamp(61px,14.75vw,100px);line-height:.86;margin-bottom:.24em;}
  .sci-intro {max-width:35ch;font-size:15px;line-height:1.48;}
  .sci-text-action {margin-top:16px;}
  .sci-scroll {left:auto;right:6.7%;bottom:15px;min-height:33px;font-size:8px;}
  .sci-scroll::before {height:24px;}
  .sci-boundary {min-height:350px;justify-content:flex-start;padding:46px 6.2% 115px;background-position:64% center;gap:12px;}
  .sci-boundary::before {background:linear-gradient(165deg,#071014ca,#07101475 52%,transparent 82%);}
  .sci-quotation {max-width:100%;padding-left:15px;}
  .sci-quotation blockquote {font-size:clamp(25px,5.5vw,38px);}
  .sci-quotation figcaption {font-size:8px;letter-spacing:.38em;}
  .sci-boundary-tools {margin-left:16px;gap:8px 14px;}
}
@media(prefers-reduced-motion:reduce){.sci-arrow{transition:none;}}

.sci-reader-dialog {
  width: min(760px,calc(100% - 32px)); max-width: none; max-height: min(88svh,900px); padding: 0;
  border: 1px solid #457077; border-radius: 8px; color: #eff7f6; background: #041317;
  box-shadow: 0 30px 100px #000b; overscroll-behavior: contain; scrollbar-color: #416269 #07191e;
}
.sci-reader-dialog::backdrop { background: #000a0dd6; backdrop-filter: blur(7px); }
.sci-reader-shell { padding: clamp(20px,3.2vw,45px); background: radial-gradient(ellipse at 95% 0%,#103038,transparent 55%); }
.sci-reader-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.sci-reader-kicker { margin: 0 0 9px; font-size: 10px; font-weight: 650; text-transform: uppercase; letter-spacing: .23em; color: #82e5e8; }
.sci-reader-head h2 { margin: 0; max-width: 28ch; font: 400 clamp(27px,2.35vw,40px)/1.17 var(--display); letter-spacing: .025em; }
.sci-reader-head h2:focus { outline: 0; }
.sci-reader-close { position: sticky; top: 10px; display: grid; place-items: center; flex: none; width: 40px; height: 40px; border: 1px solid #54747a; border-radius: 50%; background: #06171b; color: #edf9f9; font: 300 25px/1 var(--science-type); }
.sci-reader-close:hover, .sci-reader-nav button:hover, .sci-reader-back:hover { border-color: #66e9ec; }
.sci-reader-body { margin-top: 20px; font-size: 15px; line-height: 1.6; }
.sci-reader-intro, .sci-reader-article p { color: #c7d7d9; margin: 0 0 17px; }
.sci-reader-nav { display: flex; flex-wrap: wrap; gap: 7px; margin: 20px 0; }
.sci-reader-nav button, .sci-reader-back { padding: 8px 13px; border-radius: 4px; border: 1px solid #36555c; color: #cfe6e8; background: #041419; font: 600 12px/1.4 var(--science-type); }
.sci-reader-nav button[aria-current] { color: #a2f6f6; border-color: #459a9e; background: #103138; }
.sci-reader-search { display: grid; gap: 5px; font-size: 12px; color: #bed6d9; }
.sci-reader-search input { width: 100%; min-height: 43px; padding: 9px 13px; border: 1px solid #41676e; border-radius: 7px; background: #031116; color: #f0fbfa; font: 16px/1.4 var(--science-type); }
.sci-reader-status { margin: 10px 0; color: #a0cdcf; font-size: 13px; }
.sci-reader-status:empty { display: none; }
.sci-reader-list { list-style: none; padding: 0; margin: 16px 0 0; border-top: 1px solid #2c484e; }
.sci-reader-list li { border-bottom: 1px solid #2c484e; }
.sci-reader-row, .sci-reader-source { position: relative; display: grid; gap: 5px; width: 100%; text-align: left; border: 0; background: transparent; padding: 15px 36px 15px 2px; }
.sci-reader-row small, .sci-reader-source small { color: #8ec6c9; font: 550 11px/1.4 var(--science-type); }
.sci-reader-row strong { font: 600 16px/1.42 var(--science-type); }
.sci-reader-arrow, .sci-reader-source > span { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); color: #7ce1e6; }
.sci-reader-row:hover strong, .sci-reader-source:hover cite { color: #80f4f4; }
.sci-reader-pair { margin: 0 20px 17px 2px; padding-left: 14px; border-left: 1px solid #345d62; }
.sci-reader-pair p { margin: 2px 0 9px; font-size: 14px; color: #c7d7d9; }
.sci-reader-article { margin-top: 20px; }
.sci-reader-article h3, .sci-reader-pair h3 { margin: 15px 0 4px; color: #9aeded; font: 650 12px/1.6 var(--science-type); letter-spacing: .055em; }
.sci-reader-source { border: 1px solid #355e65; padding: 16px 32px 16px 15px; border-radius: 7px; background: #092126; }
.sci-reader-source cite { font-style: normal; font-weight: 650; }
html:has(.sci-reader-dialog[open]) { overflow: hidden; }
@media (max-width:540px) {
  .sci-reader-dialog { width: calc(100% - 16px); max-height: 92svh; }
  .sci-reader-shell { padding: 21px 17px; }
  .sci-reader-body { font-size: 14px; }
  .sci-reader-row strong { font-size: 15px; }
}
.sci-reader-head h2 {font:300 clamp(32px,3.2vw,48px)/1.04 var(--exhibit-display);color:#f1eee8;}
.sci-reader-dialog{border-color:#506063;border-radius:3px;background:#10181b;}
.sci-reader-shell{background:linear-gradient(150deg,#172327,#0e1519 65%);}
