/* Keep the card and the reading area separate on compact screens. */
.science-navigation-title{margin:36px 5.5% 0;font-size:29px;line-height:1.15;font-weight:400;letter-spacing:-.035em}
.pillar-cue{display:none!important}
.rail-navigation #position{display:none}
@media(max-width:900px){
  .hero{display:grid;grid-template-columns:minmax(0,1fr);gap:15px;height:auto;min-height:0;max-height:none;padding:104px 22px 28px;background:#07100e;isolation:isolate}
  .hero .hero-copy{display:contents;padding:0}
  .hero .hero-copy>.eyebrow{grid-row:1;position:relative;margin:0;font-size:11px;line-height:1.2;z-index:1}
  .hero h1{grid-row:2;position:relative;margin:0;max-width:none;font-size:clamp(34px,9.1vw,57px);line-height:1.07;letter-spacing:-.045em;z-index:1}
  .hero h1 span{display:block;margin-top:3px}
  .hero .hero-photo{grid-row:3;position:relative;inset:auto;width:calc(100% + 44px);height:clamp(230px,63vw,360px);margin:0 -22px;object-fit:cover;object-position:75% 68%;mask-image:linear-gradient(transparent,#000 12%,#000 90%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 90%,transparent);animation:none;transform:none;z-index:0}
  .hero .hero-shade{display:none}
  .hero .lead{grid-row:4;position:relative;margin:0;max-width:560px;font-size:16px;line-height:1.5;z-index:1}
  .hero .pill{grid-row:5;justify-self:start;margin-top:4px;min-height:46px;padding:12px 18px;font-size:14px}
  .science-navigation-title{margin:22px 22px 0;font-size:28px}
  .pillars{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;scroll-padding-left:22px;padding:18px 22px 26px;margin:0;scrollbar-width:none}
  .pillars>a{flex:0 0 calc(100% - 24px);min-height:125px;padding:22px 18px;scroll-snap-align:start;grid-template-columns:22px 1fr}
  .pillars strong{font-size:22px;line-height:1.15}
  .pillars small{font-size:14px}
  .analytical{padding-top:42px}
  .rail-navigation{gap:8px}
  .rail-navigation button{width:44px;height:44px}
}

.collection-heading h3{margin:0;font-size:24px;font-weight:400;letter-spacing:-.025em;line-height:1.2;color:#d8e5da}
/* Motion follows the experience and system preference, without transport controls. */
.network-motion,.pathway-auto,.bio-loop-transport{display:none!important}
@media(min-width:651px) and (max-width:900px){
  .hero{padding-top:125px}.hero .hero-photo{height:360px}.hero .lead{max-width:650px}
  .hero h1{font-size:52px}.pillars>a{flex-basis:330px}
  .molecular-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:24px;padding:0 24px 10px;gap:16px;scrollbar-width:none}
  .molecule-card{flex:0 0 360px;scroll-snap-align:start}.molecule-view{height:270px}
  .analytical{padding-inline:0}.analytical .section-head,.collection-heading{padding-inline:24px}
  .science-foundations{margin-inline:24px}.rail-navigation{display:flex}.rail-footer{padding-inline:24px}
}