/* A single type family and a compact, touch-friendly layout on phones. */
@media(max-width:700px){
 html{scroll-padding-top:82px}
 body,body *{font-family:'DM Sans',Arial,sans-serif!important}
 body{font-size:16px;line-height:1.65}
 header{height:68px;padding:0 22px}
 .brand{font-size:25px;letter-spacing:.5px}.brand img{width:29px;height:29px;margin-right:4px}
 .menu{min-width:64px;min-height:44px;font-size:14px;border-radius:4px}
 #navigation{top:68px;padding:12px 22px 20px;gap:0;border-bottom:1px solid #ffffff30;box-shadow:0 15px 30px #0005}
 #navigation a{font-size:17px;display:block;width:100%;padding:13px 0;border-bottom:1px solid #ffffff18}
 .hero{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column}
 .hero-copy{padding:68px 22px 36px;max-width:none}
 .hero h1{font-size:clamp(36px,9.7vw,48px);font-weight:500;line-height:1.12;letter-spacing:-.045em;margin:22px 0 24px;text-wrap:balance}
 .hero .intro{font-size:16px;line-height:1.65;margin-bottom:26px;color:#edf1f3}
 .hero .eyebrow{font-size:10px;letter-spacing:1.2px}.hero-shade{background:linear-gradient(180deg,#071018d9,#07101866 45%,#071018f5)}
 .hero .button{display:flex;width:100%;justify-content:space-between;min-height:52px;padding:14px 20px;font-size:15px}
 .hero .quiet-link{width:100%;text-align:center;margin:12px 0 0;padding:12px 0;font-size:14px}
 .hero-bottom{position:relative;left:auto;right:auto;bottom:auto;width:auto;margin:0 22px;padding:18px 0 22px;align-items:center;gap:15px;font-size:9px;letter-spacing:.7px}
 .hero-bottom>span:first-child{max-width:195px}.motion-toggle{min-height:44px;font-size:11px;padding:10px}.hero-coordinate{display:none}
 .section{padding:52px 22px}.section-top{margin-bottom:28px;padding-bottom:16px;gap:16px}.section-top>span{display:none}
 .eyebrow{font-size:11px;line-height:1.5;letter-spacing:1.4px}
 h2,.build-heading h2,.research-head h2,.student h2,.portfolio-intro h2,.redloop-portal h2,.contact h2{font-size:34px;line-height:1.16;letter-spacing:-.035em;text-wrap:balance}
 h3,.mission-copy h3,.build-evidence h3,.build-bottom h3,.equipment-intro h3,.facility-specific h3,.company-record h3{font-size:25px;line-height:1.25;letter-spacing:-.025em}
 .lead,.research-intro .lead,.student .lead,.redloop-portal .lead,.build-heading>p{font-size:17px;line-height:1.65}
 .mission-copy p:not(.eyebrow),.split p:not(.lead),.founder p,.company-record p,.build-stages p,.build-bottom p:not(.eyebrow),.equipment-card figcaption>p{font-size:16px;line-height:1.65}
 .product-title{font-size:clamp(56px,17vw,72px);line-height:1.1;margin:12px 0 22px;letter-spacing:-.055em}
 .mission-layout{gap:28px}.mission-copy h3{margin-bottom:22px}.instrument{margin:0}.instrument figcaption{font-size:10px;line-height:1.5;padding:14px 0}
 .mission-facts div{gap:14px;padding:10px 0}.mission-facts small{font-size:10px}.mission-facts p{font-size:14px}
 .build-evidence{gap:20px;margin:24px 0 32px}.build-evidence img{height:230px}.build-evidence figcaption{font-size:12px}
 .build-stages summary{padding:22px 0;gap:12px}.build-stages summary strong{font-size:20px;line-height:1.3}.build-stages summary span{font-size:12px}
 .build-stages details>div{gap:20px;padding:0 0 24px}.build-record b{font-size:14px;line-height:1.6}.build-bottom{margin-top:34px;gap:28px}
 .research-head h2{margin:20px 0 26px}.research-detail{gap:28px}.workshop-film{height:280px}.workshop-film h3{font-size:34px;bottom:26px}.film-label{font-size:10px;line-height:1.5}
 .faculty{gap:18px}.faculty img{width:80px;height:108px}.faculty h3{font-size:23px}.faculty p:not(.eyebrow){font-size:14px}
 .facility-specific{margin:0 22px;padding:32px 0;max-width:none}.facility-specific>p:not(.eyebrow){font-size:16px}.facility-outreach{padding-top:12px}
 .equipment-gallery{padding:12px 22px 48px}.equipment-intro{margin-bottom:26px}.equipment-intro>p:not(.eyebrow){font-size:16px}.equipment-grid{grid-template-columns:1fr;gap:30px}
 .equipment-card{padding-bottom:26px;border-bottom:1px solid #183d5026}.equipment-card h4{font-size:23px;margin:16px 0 10px}.equipment-credit{font-size:12px;line-height:1.5;display:inline-block;padding:5px 0}
 .student{gap:28px}.student-steps h3{font-size:23px}.student-steps p{font-size:16px}
 .founder{margin:32px 0;gap:24px}.portrait{height:auto;aspect-ratio:4/5;max-height:420px}.founder h3{font-size:29px}.founder .role{font-size:14px}
 .recognition{padding:30px 22px;gap:22px}.recognition strong{font-size:38px;min-width:100px}.recognition p{font-size:14px}
 .orbital-story{height:auto;min-height:0}.journey-sticky{height:auto;min-height:0;position:relative;padding:42px 22px 12px;overflow:hidden}
 .journey-overline{position:relative;inset:auto;font-size:11px;margin-bottom:20px}.journey-scene,.journey-scene.active{position:relative;inset:auto;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto;display:grid;grid-template-columns:1fr;gap:20px;margin:0;padding:30px 0;border-bottom:1px solid #ffffff26}
 .journey-scene h2{font-size:32px;line-height:1.18;letter-spacing:-.035em}.journey-scene p:not(.eyebrow){font-size:16px;line-height:1.65}.journey-scene .eyebrow{font-size:10px}.journey-scene figure{width:100%;max-width:none;margin:0;transform:none!important}.journey-scene img{height:210px;max-height:210px}.journey-scene figcaption{font-size:11px;line-height:1.5;padding:12px 0}.journey-bottom{display:none}.journey-earth{opacity:.3!important;transform:none!important}.journey-earth:not(:first-of-type){display:none}.journey-vignette{background:#071018b3}
 .redloop-portal{gap:26px}.redloop-portal h2{margin:20px 0}.redloop-preview span{font-size:14px;padding:16px}.portfolio-intro{gap:20px}.portfolio-filters{gap:8px;display:flex;flex-wrap:wrap}.portfolio-filters button{min-height:44px;font-size:13px;padding:10px 12px}.project-grid{gap:30px}.project-card h3{font-size:27px}.project-card>small{font-size:10px;line-height:1.6}.project-card>p{font-size:16px}.project-open,.text-link{font-size:14px;min-height:40px;padding-top:8px}
 .archive{gap:20px;margin-top:35px}.archive summary{font-size:15px;min-height:48px;padding:14px 0}.archive h3{font-size:25px}
 .job{display:block;padding:24px 0}.job h3{font-size:23px;line-height:1.25}.job p,.job details{font-size:14px}.job summary{padding:8px 0;min-height:44px}.job .interest{min-height:48px;width:100%;margin-top:16px;font-size:15px;text-align:left;padding:12px 16px}.career-note{font-size:14px}
 .contact>a{font-size:clamp(22px,6vw,29px);overflow-wrap:anywhere}.contact-origin{font-size:12px}.contact{overflow:hidden}footer{padding:32px 22px;display:grid;grid-template-columns:1fr;gap:18px}footer p,footer>a:not(.brand){font-size:13px}
 dialog,#project-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:54px 22px 26px;border-radius:8px;margin:auto}dialog h2,#project-dialog h2{font-size:29px;line-height:1.2;letter-spacing:-.03em}dialog .close{min-width:44px;min-height:44px;top:8px;right:8px}dialog label{font-size:14px}dialog input,dialog textarea{font-size:16px;min-height:46px}dialog input[type=checkbox]{min-height:20px;width:20px;flex-shrink:0}dialog .small{font-size:12px;line-height:1.6}dialog .consent{align-items:flex-start}dialog .button{min-height:50px}
 .reveal{opacity:1!important;transform:none!important}
}