/* Phone-first composition, intentionally separate from the desktop art direction. */
@media(max-width:760px){
 html{scroll-padding-top:82px}
 .wrap{width:calc(100% - 36px)}
 .site-header{height:68px}.header-inner{width:calc(100% - 24px);gap:6px}
 .brand-word{font-size:17px;letter-spacing:1.8px}.brand{gap:4px}
 .icon-button,.mobile-toggle{min-width:44px;min-height:44px}
 #header-experience .dock-audio,#header-experience .dock-settings{min-height:44px;padding:10px}
 #header-experience .dock-settings>span,#header-experience .dock-divider{display:none}
 .main-nav{top:67px;padding:12px 24px 22px;max-height:calc(100dvh - 68px);overflow:auto}
 .main-nav>a{min-height:48px;font-size:16px;line-height:3}
 .hero{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto clamp(320px,100vw,480px) auto auto;min-height:0;height:auto;max-height:none;overflow:hidden;padding-bottom:32px}
 .hero-content{grid-area:1/1;padding:36px 0 0;z-index:3;text-align:left}
 .hero-kicker{font-size:10px;letter-spacing:1.4px;margin-bottom:18px}
 .hero h1{font-size:clamp(35px,9.2vw,56px);line-height:1.14;letter-spacing:-1.2px;max-width:620px;text-wrap:balance}
 .hero-description{font-size:15px;line-height:1.8;max-width:580px;white-space:normal;margin:20px 0 24px;color:var(--muted)}
 .hero-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}.hero .btn{font-size:13px;padding:13px 10px;min-height:50px}
 .hero-micro{display:none}
 .hero-space,.hero-orbit-points{position:relative;grid-area:2/1;inset:auto;width:100%;height:100%;min-height:0}
 .hero-space{z-index:0;background:radial-gradient(ellipse at center,var(--glow),transparent 70%)}
 .hero-orbit-points{z-index:2;pointer-events:none}
 .hero:after{display:none}
 .hero-orbit-points .orbit-point .point-label{display:block;max-width:none}
 .hero-orbit-points .point-label b{font-size:10px;letter-spacing:0}
 .hero-coordinate{position:relative;inset:auto;grid-area:3/1;justify-self:center;font-size:9px;letter-spacing:.7px;gap:8px;margin-top:-25px;margin-bottom:22px;color:var(--muted)}
 .hero-coordinate:before{width:24px}
 .hero-bottom{position:relative;inset:auto;grid-area:4/1;display:block}
 .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);padding-top:23px}
 .stat,.stat:first-child,.stat:last-child{padding:0 12px;text-align:center;min-width:0}.stat strong{font-size:30px}.stat span{font-size:11px;line-height:1.5;margin-top:6px}
 .section{padding:56px 0}.section-head{margin-bottom:28px}.section-title{font-size:31px;line-height:1.25;text-wrap:balance}.section-desc{font-size:15px;line-height:1.8}
 .eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:16px}
 .view-toggle{display:flex;width:100%;margin-top:24px}.view-toggle button{flex:1;justify-content:center;min-height:44px;font-size:13px}
 .universe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .universe-card{min-width:0;min-height:230px;padding:18px 14px;border-radius:16px}
 .universe-card .card-top{min-height:104px;justify-content:center;margin-bottom:12px}
 .universe-card .card-top .universe-planet{width:62px;height:62px;margin:12px 0 0}
 .universe-number{font-size:9px}.universe-card h3{font-size:15px;line-height:1.45;overflow-wrap:anywhere}
 .universe-card .card-foot{font-size:11px;padding-top:14px}
 .universe-card.last{grid-column:auto;min-height:230px}.universe-card.last .card-top{margin-bottom:12px}
 .universe-grid .universe-intro{grid-column:auto;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:18px 14px;text-align:center;border-radius:16px}
 .universe-intro .infinity{font-size:45px}.universe-intro p{font-size:12px}.universe-intro .text-link{white-space:normal;font-size:12px;margin-top:12px}
 .directory-note{font-size:11px;overflow-wrap:anywhere}
 /* A readable vertical constellation on phones instead of tiny overlaid desktop labels. */
 .galaxy-map{height:auto;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;padding:28px 14px}
 .map-center{position:relative;inset:auto;transform:none;grid-column:1/-1;padding:16px 0 30px}
 .map-center .brand-planet{margin-bottom:24px}.map-center strong{font-size:19px}.map-center small{font-size:9px}
 .map-ring{pointer-events:none;opacity:.45}.map-node{position:relative;left:auto!important;top:auto!important;transform:none;width:100%;max-width:none;min-width:0;flex-direction:column;text-align:center;gap:20px;padding:22px 10px 16px;border-radius:16px;background:var(--surface)}
 .map-node .universe-planet{width:60px;height:60px;margin:12px 0!important}.map-node .name{font-size:13px;line-height:1.5}.map-node small{font-size:11px;margin-top:6px}
 .map-node:last-child{grid-column:1/-1;flex-direction:row;justify-content:center;gap:40px}
 .feature-card{display:block;border-radius:16px}.feature-art{height:170px;min-height:0}.feature-info{padding:24px}.feature-info h3{font-size:25px}.feature-info p{font-size:14px}.feature-info .category-label{font-size:11px}.feature-info .feature-bottom{margin-top:22px}
 .split-section{gap:30px}.purpose-orbit{width:100%;max-width:350px}.purpose-pill{font-size:12px;padding:8px 12px}
 .build-steps{grid-template-columns:1fr;gap:22px}.build-step{position:relative;padding:20px 0 0 48px}.build-step .step-no{position:absolute;left:0;top:22px}.build-step h3{font-size:20px}.build-step p{font-size:14px}
 .core-strip span{font-size:12px}.cta-section{padding:56px 20px}.cta-section p{font-size:15px}.cta-section h2{font-size:33px}
 .page-hero{padding:28px 0 32px}.breadcrumbs{font-size:12px;gap:8px;margin-bottom:24px;overflow-wrap:anywhere}
 .page-hero h1{font-size:clamp(31px,8.7vw,45px);line-height:1.2;text-wrap:balance;overflow-wrap:anywhere}.page-hero p{font-size:15px;line-height:1.8}
 .universe-hero .wrap{display:flex;flex-direction:column}.universe-hero .breadcrumbs{order:-3}.universe-hero .universe-large-planet{position:relative;inset:auto;order:-2;align-self:center;width:132px;height:132px;margin:22px 0 35px}
 .universe-hero h1,.universe-hero p{padding-right:0}.universe-hero .eyebrow{margin-top:10px}.universe-meta{flex-wrap:wrap;gap:12px}
 .subnav{gap:8px;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:0 0 8px;scrollbar-width:thin}.subnav a{flex-shrink:0;min-height:44px;display:flex;align-items:center;font-size:12px;padding:8px 14px}
 .filters{grid-template-columns:1fr;gap:10px}.search-field{grid-column:auto}.filters select,.search-field input,.field input,.field select,.field textarea{font-size:16px;min-height:48px}
 .filters-secondary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filters-secondary select{max-width:100%;width:100%;min-width:0;font-size:13px;min-height:44px}.filter-reset{grid-column:1/-1;justify-self:end;min-height:44px;padding:10px}
 .results-summary{font-size:12px}.app-grid{grid-template-columns:1fr;gap:14px}.app-card{padding:22px;min-height:0;border-radius:16px}.app-card h3{font-size:23px}.app-card p{font-size:14px}.app-card .badge{font-size:10px}.app-card .app-initial{width:42px;height:42px;font-size:18px}.app-card-bottom{font-size:12px;margin-top:22px}.app-card-top{margin-bottom:18px}.pagination{gap:12px;font-size:12px}.pagination button{min-height:44px}
 .content-grid,.detail-grid,.partner-grid,.company-modes{grid-template-columns:minmax(0,1fr)}.content-card{padding:24px;border-radius:16px;min-width:0}.content-card h3{font-size:23px}.content-card p,.detail-grid p,.partner-option p{font-size:15px;line-height:1.85}.content-card .btn{white-space:normal}
 .app-title-row{gap:14px}.app-title-row>div{min-width:0}.app-title-row h1{font-size:32px;overflow-wrap:anywhere}.detail-aside{padding:24px}.detail-aside dt{font-size:12px}.detail-aside dd{font-size:14px;overflow-wrap:anywhere}
 .count-panel{padding:18px 10px;min-width:0}.count-panel strong{font-size:32px}.count-panel span{font-size:11px}.count-panel small{font-size:10px}
 .source-table{display:block;overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}.source-table th,.source-table td{font-size:12px;min-width:100px;padding:14px 10px}.source-table th:first-child,.source-table td:first-child{min-width:170px}
 .roadmap-row{grid-template-columns:28px minmax(0,1fr);gap:14px}.core-item{font-size:14px;overflow-wrap:anywhere}.partner-option{padding:20px}.partner-form{padding:22px}.field{min-width:0}
 .planet-story{padding:0 0 40px}.planet-story-card{grid-template-columns:minmax(0,1fr);padding:26px 22px;text-align:left;gap:20px;border-radius:18px}.planet-story-card>.universe-planet{width:132px;height:132px;margin:16px 0}.planet-story-card h2{font-size:29px}.planet-story-card p{font-size:15px}.planet-story-card .btn{grid-column:1;justify-self:stretch;white-space:normal}
 .celestial-credit-card>.single-world{display:block;width:130px;height:130px;margin:24px auto 36px}
 dialog,#settings-dialog,#planet-dialog,#content-dialog{width:calc(100% - 20px);max-width:none;max-height:calc(100dvh - 24px);min-height:0;margin:auto;border-radius:22px;overscroll-behavior:contain}
 .dialog-header,#planet-dialog .dialog-header{position:sticky;top:0;z-index:4;padding:14px 18px;background:var(--surface);gap:12px}.dialog-header h2{font-size:17px}.settings-body,.dialog-content{padding:22px}.setting-language{display:grid;grid-template-columns:1fr 1fr}.setting-language button,.sound-option,.mode-switch button{min-height:48px;font-size:14px}.toggle-row{font-size:14px;min-height:44px;gap:16px}.volume-row input{min-height:44px}.toggle-row input{width:22px;height:22px}
 .planet-dossier{padding:12px 22px 28px}.planet-dossier-hero{grid-template-columns:1fr;gap:12px;text-align:center}.planet-dossier-hero>.universe-planet{width:155px;height:155px;margin:28px 0}.planet-dossier-hero h3{font-size:36px}.planet-facts{grid-template-columns:1fr}.planet-facts dt{font-size:11px}.planet-facts dd{font-size:15px}.planet-sources a{min-height:44px;display:inline-flex;align-items:center}
 .footer{padding:40px 0 calc(32px + env(safe-area-inset-bottom))}.footer-top{grid-template-columns:1fr 1fr;gap:30px 24px}.footer-brand{grid-column:1/-1}.footer-brand p{font-size:13px}.footer-col b{font-size:13px;margin-bottom:12px}.footer-col a{font-size:13px;min-height:36px;margin-bottom:4px}.footer-bottom{font-size:11px}.footer-legal{gap:12px 18px}.footer-legal a{min-height:32px}
}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.brand-word{font-size:15px}.header-inner{width:calc(100% - 16px)}#header-experience .dock-audio,#header-experience .dock-settings{padding:8px}.hero-buttons{grid-template-columns:1fr}.universe-card{padding:14px 10px}.universe-card .card-top .universe-planet{width:54px;height:54px}.universe-card h3{font-size:14px}.stat{padding-inline:8px}.stat span{font-size:10px}}
@media(min-width:540px) and (max-width:760px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-content{text-align:center}.hero-description{margin-inline:auto}.hero-kicker{justify-content:center}.hero-buttons{max-width:460px;margin:auto}}
@media(max-width:760px){.planet-dossier-hero>.universe-planet{width:min(145px,42vw);height:min(145px,42vw)}.planet-story-card>.universe-planet{width:min(132px,38vw);height:min(132px,38vw)}}
@media(max-width:360px){.planet-dossier-hero>.universe-planet{width:120px;height:120px}}
/* Mobile masthead: reserve the full orbital logo footprint before the wordmark. */
@media(max-width:760px){
 .site-header{height:76px}
 .site-header .header-inner{width:calc(100% - 32px);gap:12px;justify-content:space-between}
 .site-header .brand{gap:10px;min-width:0;flex:0 0 auto}
 .site-header .brand-planet{width:44px;height:40px;flex:0 0 44px;transform:none}
 .site-header .brand-word{font-size:18px;letter-spacing:1.8px;line-height:1;white-space:nowrap}
 .site-header .header-actions{flex:0 0 auto;gap:0;margin-left:auto;align-items:center}
 #header-experience .experience-dock{gap:0;align-items:center}
 #header-experience .dock-audio,#header-experience .dock-settings,.site-header .mobile-toggle{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;display:inline-flex!important;align-items:center;justify-content:center;border-radius:10px}
 #header-experience .dock-audio .sound-bars{display:none}
 #header-experience .dock-audio[aria-pressed="true"]{color:var(--accent2)}
 .site-header .header-actions svg.icon{width:20px;height:20px}
 .main-nav{top:75px;max-height:calc(100dvh - 76px)}
 html{scroll-padding-top:90px}
}
@media(max-width:380px){
 .site-header .header-inner{width:calc(100% - 24px);gap:6px}
 .site-header .brand{gap:8px}
 .site-header .brand-word{font-size:16px;letter-spacing:1.2px}
}
@media(max-width:340px){
 .site-header .brand{gap:7px}
 .site-header .brand-planet{width:40px;flex-basis:40px;transform:scale(.9);transform-origin:left center}
 .site-header .brand-word{font-size:14px;letter-spacing:1px}
}

/* Universe cards: desktop, portrait phone, tablet and foldable-width layouts. */
.universe-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.universe-card{min-width:0;min-height:284px;padding:26px 24px 22px}
.universe-card .card-top{min-height:146px;margin-bottom:18px}
.universe-card .card-top .universe-planet{width:100px;height:100px;margin:0 34px;flex-shrink:0}
.universe-card h3{max-width:none;font-size:18px;line-height:1.55;overflow-wrap:anywhere}
.universe-card .card-foot{gap:12px;padding-top:22px;font-size:14px;line-height:1.5;font-weight:500;color:var(--text)}
.universe-card .card-foot span{min-width:0}
.universe-card .card-foot svg{width:24px;height:24px;color:color-mix(in srgb,var(--planet) 65%,white);stroke-width:1.9;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--planet) 38%,transparent))}
[data-mode="light"] .universe-card .card-foot svg{color:color-mix(in srgb,var(--planet) 60%,#17213d);filter:none}
.universe-card.last{min-height:284px}
.universe-grid .universe-intro{min-width:0}
.universe-grid .universe-intro p{font-size:14px}
.universe-grid .universe-intro .text-link{white-space:normal}
@media(max-width:1179px){
 .universe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 .universe-card,.universe-card.last{min-height:270px;padding:22px 20px 20px;grid-column:auto}
 .universe-card .card-top{min-height:130px}
 .universe-card .card-top .universe-planet{width:90px;height:90px;margin-inline:30px}
 .universe-card h3{font-size:17px}
 .universe-grid .universe-intro{grid-column:span 2}
}
@media(max-width:759px){
 .universe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .universe-card,.universe-card.last{min-height:258px;padding:20px 18px 18px;grid-column:auto}
 .universe-card .card-top,.universe-card.last .card-top{min-height:120px;margin-bottom:16px}
 .universe-card .card-top .universe-planet{width:82px;height:82px;margin-inline:26px}
 .universe-grid .universe-intro{grid-column:auto;padding:22px 18px;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px}
 .universe-intro .infinity{font-size:44px}
}
@media(max-width:479px){
 .universe-grid{gap:12px}
 .universe-card,.universe-card.last{min-height:246px;padding:17px 14px 16px}
 .universe-card .card-top,.universe-card.last .card-top{min-height:100px;margin-bottom:14px}
 .universe-card .card-top .universe-planet{width:68px;height:68px;margin-inline:20px}
 .universe-card h3{font-size:15px;line-height:1.6}
 .universe-card .card-foot{padding-top:18px;font-size:12px;gap:8px}
 .universe-card .card-foot svg{width:22px;height:22px}
 .universe-grid .universe-intro p,.universe-grid .universe-intro .text-link{font-size:12px}
}
@media(max-width:359px){
 .universe-grid{grid-template-columns:minmax(0,1fr)}
 .universe-card,.universe-card.last{min-height:248px;padding:22px}
 .universe-card .card-top .universe-planet{width:82px;height:82px;margin-inline:26px}
 .universe-card .card-top{min-height:120px}
 .universe-card h3{font-size:17px}
 .universe-card .card-foot{font-size:14px}
}