/* September revision: quiet glass controls, editorial hierarchy, continuous gallery. */
.hero-copy .hero-eyebrow{font-size:clamp(16px,1.5vw,23px);letter-spacing:-.02em;color:var(--primary-dark);margin-bottom:8px;font-weight:400}
.hero-copy h1{font-size:clamp(43px,3.7vw,67px);line-height:1.02;letter-spacing:-.06em}
.hero-copy .hero-description{font-size:clamp(15px,1.35vw,21px);font-weight:400;margin-top:15px}
.hero-discovery-heading>p{letter-spacing:.04em;text-transform:none;font-size:15px;color:#cce8ff}
.hero-discovery-v85{--detail-line:#c3e7ff40;--detail-muted:#c9e5fb}
.hero-discovery-controls .hero-detail-trigger{background:linear-gradient(130deg,#ffffff20,#9dc9ff0c);border:1px solid #d0e9ff45;box-shadow:inset 0 1px #ffffff25,0 6px 20px #001d4710;backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);border-radius:14px;color:#f6fbff;font-weight:400}
.hero-discovery-controls .hero-detail-trigger:hover,.hero-discovery-controls .hero-detail-trigger[aria-expanded=true]{background:#a4ceff30;border-color:#d7efff85}
.hero-detail{background:linear-gradient(145deg,#123a70e8,#104683e6);border-color:#a8d9ff45}
.hero-discovery-controls .hero-detail-trigger :is(svg,i){color:#b6deff}
.story-progress{background:linear-gradient(120deg,#ffffff28,#ffffff12)!important;border:1px solid #d5eaff40;box-shadow:inset 0 1px #ffffff30,0 5px 22px #001a3e0c;backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%)}
.viewport-shell:has(.tech-chapter:not([inert])) .story-progress a{color:#bfd5f0}
.viewport-shell:has(.tech-chapter:not([inert])) .story-progress a[aria-current]{color:#fff}
.viewport-shell:has(.tech-chapter:not([inert])) .story-progress>span{background:#d5eaff40}
.network-chapter .network-heading .chapter-eyebrow{font-size:clamp(12px,1.35vw,18px);letter-spacing:-.015em;color:var(--primary-dark);text-transform:none;max-width:420px}
.network-chapter .network-heading h2{font-size:clamp(36px,4.5vw,66px);line-height:1.03}
.network-chapter .network-heading>p:last-child{max-width:390px;font-size:14px;line-height:1.6}
.network-chapter .net-panel{background:linear-gradient(135deg,#ffffffb8,#ffffff70);border:1px solid #ffffffcf;box-shadow:inset 0 1px #fff,0 10px 35px #0c4a6e0c;backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)}
.field-gallery{background:#272b30;color:#f8fafc}
.field-gallery h2 em{color:var(--primary)}
.field-gallery :is(.chapter-eyebrow,.field-gallery-description,.field-gallery-footer){color:#b5c1ce}
.field-gallery-controls button{background:#ffffff0a;border-color:#ffffff28;color:#c4e9fc}
.field-gallery-controls button:hover{background:#ffffff18;border-color:#7dd3fc70}
.field-gallery-footer a{color:#7dd3fc;border-color:#7dd3fc55}
.field-card{box-shadow:0 16px 30px #0002}
.field-gallery-rail{scroll-behavior:auto}
@media(orientation:portrait){
 .hero-copy{width:min(86vw,520px)}
 .hero-copy h1{font-size:clamp(37px,7.4vw,63px)}
 .hero-copy .hero-eyebrow{font-size:clamp(14px,2.8vw,22px);margin-bottom:7px}
 .hero-copy .hero-description{font-size:clamp(14px,2.5vw,20px);margin:12px 0 16px}
 .hero-discovery-heading>p{font-size:clamp(12.5px,2.125vw,17.5px);letter-spacing:.025em}
 .network-chapter .network-heading>p:last-child{max-width:560px;width:90%;font-size:clamp(11px,2.1vw,17px);line-height:1.5}
 .network-chapter .network-heading h2{font-size:clamp(34px,7vw,57px);margin-bottom:12px}
 .network-chapter .network-heading .chapter-eyebrow{font-size:clamp(12px,2.4vw,18px);margin-bottom:10px}
}
@media(max-height:650px) and (orientation:portrait){.hero-copy h1{font-size:33px}.hero-copy .hero-eyebrow{font-size:13px}.hero-copy .hero-description{font-size:12px;margin:8px 0 11px}.network-chapter .network-heading h2{font-size:30px}.network-chapter .network-heading>p:last-child{font-size:10px}}
@media(orientation:landscape) and (max-height:500px){.hero-copy h1{font-size:33px}.hero-copy .hero-eyebrow{font-size:12px}.hero-copy .hero-description{font-size:12px}.network-chapter .network-heading h2{font-size:29px}.network-chapter .network-heading .chapter-eyebrow{font-size:10px}.network-chapter .network-heading>p:last-child{font-size:10px;max-width:270px}}
/* Glass stays quiet without fading the navigation text below readable contrast. */
.viewport-shell:has(.tech-chapter:not([inert])) .story-progress a{opacity:.9;color:#d5e7fb}
.viewport-shell:has(.tech-chapter:not([inert])) .story-progress a[aria-current=step]{opacity:1;color:#fff}
@media(max-width:380px){
 .hero-discovery-controls .hero-detail-trigger{padding:0 7px;gap:4px;font-size:10px;min-height:44px}
 .hero-discovery-controls .hero-detail-trigger svg{width:13px;height:13px;flex-shrink:0}
 .hero-discovery-controls .hero-detail-trigger i{font-size:16px;flex-shrink:0}
}