/* MVLscope: a welcoming field guide with direct paths into real learning activities. */
.home-page{--mint:#a3edf0;--line:#273640;--muted:#9eb0bc;background:#030b12;color:#eff6f8}
.home-page .wrap{width:min(1380px,calc(100% - 72px))}
.home-page .site-header{min-height:84px;gap:24px}
.home-page .site-header nav{gap:28px;font-size:15px}
.home-page .brand-subtitle{font-size:12px;letter-spacing:.08em}
.home-page .site-header .nav-launch{border-color:#4b706e;padding:10px 18px}
.entry-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:16px;margin-bottom:62px;border:1px solid #36554f;border-radius:18px;overflow:hidden}
.entry-paths>a{padding:26px 28px;text-decoration:none;background:#0e282e;transition:background .2s}
.entry-paths>a+a{border-left:1px solid #36554f}
.entry-paths>a:hover{background:#193b3c}
.entry-number{font-size:12px;letter-spacing:.1em;color:#a9d9be}
.entry-paths h2{font-size:23px;font-weight:550;letter-spacing:-.035em;line-height:1.3;margin:15px 0 9px}
.entry-paths h2 span{font-size:20px;color:#b1e3ba;float:right}
.entry-paths p{font-size:16px;color:#b8cacc;line-height:1.6;margin:0 0 18px}
.entry-foot{font-size:13px;color:#8eafa9}
.home-page .labs-section{padding:56px 0;background:#0c2028;border-block:1px solid #2e464a}
.home-page .section-heading{align-items:center;margin-bottom:28px}
.home-page .section-heading h2{font-size:clamp(32px,3.5vw,48px);font-weight:500;line-height:1.17;letter-spacing:-.045em}
.home-page .section-summary{max-width:360px;white-space:normal;font-size:16px;line-height:1.6}
.home-page .portal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-page .portal-card{border-radius:14px;padding:24px;background:#102933;border-color:#36505a;position:relative}
.home-page .portal-card:hover{border-color:#91baab;background:#16323a}
.lab-method{font-size:12px!important;letter-spacing:.14em;color:#a3e1ca!important;border-bottom:1px solid #3a545a;padding-bottom:12px;margin:0 0 15px!important}
.home-page .portal-card h3{font-size:23px;margin:20px 0 14px;min-height:0}
.home-page .portal-card>p{font-size:16px}
.home-page .portal-card .catalog-number,.home-page .portal-grid .status{font-size:13px}
.home-page .portal-open{font-size:15px;min-height:44px;padding:9px 20px}
.home-page .portal-modes{margin-top:20px;gap:6px 12px}
.home-page .portal-modes>a,.home-page .mode-unavailable{font-size:14px}
.home-page .lfm-planned{font-size:14px!important}
.home-page .portal-card:last-child{grid-column:auto}
.future-drawer{border:1px solid #37505b;border-radius:12px;margin-top:24px;padding:15px 20px;background:#0d2029}
.future-drawer>summary{font-size:16px;cursor:pointer;color:#bed9cf;font-weight:550}
.future-drawer>.future-labs,.future-drawer>.lesson-roadmap{margin-top:18px;padding-top:10px;border:0}
.home-page .scale-section,.home-page .instrument-section,.home-page .concepts-section,.home-page .discoveries-section{padding-top:68px;padding-bottom:56px}
.home-page .scale-workbench,.home-page #instrument-demo{border-radius:18px;overflow:hidden;border-color:#3b5860}
.home-page .scale-story .eyebrow{font-size:12px}
.home-page .scale-story h3{font-size:30px}
.home-page .scale-story>p:not(.eyebrow):not(.scale-disclosure){min-height:0}
.home-page .scale-disclosure,.home-page .instrument-disclosure,.home-page .model-note,.home-page .research-note{font-size:14px}
.home-page .focus-section{padding-block:56px;gap:7%}
.home-page .focus-story h2{font-size:clamp(34px,4vw,50px)}
.home-page .focus-story>p:not(.eyebrow){font-size:18px}
.home-page .focus-experiment{max-width:540px;border-radius:18px;overflow:hidden}
.home-page .concepts-section{border-top:1px solid var(--line)}
.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.home-page .concept-lesson{display:flex;flex-direction:column;gap:0;margin:0;padding:27px;border-radius:14px;background:#102a33;border:1px solid #3b5660}
.home-page .concept-lesson h3{font-size:24px;font-weight:550;line-height:1.25}
.home-page .concept-lesson p{font-size:16px;line-height:1.65}
.home-page .concept-lesson .button{min-height:44px;font-size:14px;padding:10px 18px}
.home-page .concept-comparison{padding:16px 0 0;margin-top:auto;border-left:0;border-top:1px solid #3b5961}
.home-page .concept-comparison summary{font-size:14px;cursor:pointer;color:#b0d8c7}
.home-page .concept-comparison[open]>summary{margin-bottom:20px}
.home-page .concept-comparison strong{font-size:38px}
.home-page .concept-comparison .eyebrow{font-size:12px}
.home-page .concept-meta{font-size:14px!important;color:#a8c0c3;margin:16px 0}
.home-page .concept-lesson p:empty{display:none}
.home-page .research-grid{gap:25px}
.home-page .research-type{font-size:64px;margin-block:22px 15px}
.home-page .research-card h3{font-size:24px;margin-bottom:13px}
.home-page .research-card p{line-height:1.65}
.home-page .research-meta{font-size:12px}
.home-page .astra-outro{padding-block:64px;background:#10282e}
.home-page .astra-outro h2{font-size:clamp(44px,5.2vw,74px)}
.home-page .community-invite{padding-block:50px}
.home-page .learning-note{font-size:14px}
.home-page footer{padding-bottom:100px}
@keyframes home-drift{from{transform:scale(1.02) translate3d(-.5%,0,0)}to{transform:scale(1.09) translate3d(.5%,1%,0)}}
.home-page.document-hidden *{animation-play-state:paused!important}
@media(max-width:1050px){.home-page .wrap{width:calc(100% - 40px)}.welcome-hero{gap:20px}.welcome-copy h1{font-size:58px}.welcome-lead{font-size:17px}.entry-paths>a{padding:22px 19px}.entry-paths h2{font-size:21px}.home-page .portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.home-page .site-header{min-height:80px;flex-wrap:wrap;gap:15px;padding-block:18px}.home-page .site-header nav{gap:20px}.welcome-hero{grid-template-columns:1fr;padding-top:20px}.welcome-copy{padding:10px 0}.welcome-copy h1{font-size:clamp(43px,8vw,64px)}.welcome-lead{max-width:620px}.welcome-window{aspect-ratio:1.55;border-radius:110px 110px 20px 20px;max-height:450px}.welcome-bottom{grid-column:1;font-size:14px}.entry-paths{grid-template-columns:1fr;margin-bottom:40px}.entry-paths>a{padding:22px 24px}.entry-paths>a+a{border-left:0;border-top:1px solid #36554f}.entry-paths h2{font-size:23px;margin:9px 0}.entry-paths p{margin-bottom:8px}.home-page .section-heading{align-items:start}.home-page .section-summary{max-width:none}.lesson-grid{grid-template-columns:1fr}.home-page .focus-experiment{display:block;max-width:540px;width:100%;margin:auto}.home-page .scale-story h3{min-height:0}.home-page .scale-story .eyebrow{margin-bottom:12px}.home-page .concepts-section,.home-page .instrument-section,.home-page .scale-section,.home-page .discoveries-section{padding-block:45px}}
@media(max-width:540px){.home-page .wrap{width:calc(100% - 32px)}.home-page .site-header .brand-subtitle{font-size:12px}.home-page .site-header nav{width:100%;justify-content:space-between;gap:10px;font-size:14px}.home-page .site-header nav>a:nth-child(2){font-size:14px}.home-page .site-header .nav-launch{padding:8px 13px}.welcome-copy h1{font-size:44px;line-height:1.1}.welcome-copy .eyebrow{font-size:12px;margin-bottom:18px}.welcome-lead{font-size:16px}.welcome-actions .button{font-size:14px;padding:12px 16px}.welcome-window{aspect-ratio:1.25}.window-label{top:23px;font-size:12px}.window-ideas{bottom:50px}.window-ideas span{font-size:13px;padding:5px 11px}.welcome-window figcaption{bottom:16px;font-size:12px}.welcome-bottom{align-items:flex-start;font-size:13px;gap:20px}.welcome-bottom>span{max-width:190px}.welcome-bottom .motion-toggle{font-size:13px}.home-page .portal-grid{grid-template-columns:1fr}.home-page .section-heading h2{font-size:33px}.home-page .section-summary{font-size:16px}.home-page .concept-lesson{padding:22px}.home-page .portal-card{padding:22px}.home-page .scale-stops{gap:6px}.home-page .scale-stops button span{font-size:12px}.home-page .scale-story{padding:23px}.home-page .instrument-intro{padding:24px}.home-page .community-invite h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.welcome-window img{animation:none}.entry-paths>a{transition:none}}
.home-page .portal-card h3 small{font-size:16px;font-weight:450;color:#a8c9c2;white-space:nowrap}

.welcome-guide{display:block;background:transparent;border:0;padding:0;font:inherit;font-size:14px;color:#b9dbd0;min-height:44px;margin-top:2px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.welcome-guide:hover{color:#e6fff2}
@media(max-width:540px){.home-page .astra-float{display:none}}
.home-page .astra-float{display:none} /* The guide is available beside the hero and in the closing section. */

/* Keep the opening illustration unobstructed. */
.home-page .astra-hero{display:flex;flex-direction:column;align-items:stretch;min-height:690px;background:#030b12}
.home-page .hero-story.wrap{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:70px 64px}
.home-page .hero-story h1{font-size:clamp(4rem,6.3vw,6.125rem);line-height:1.02;max-width:780px;margin-top:0}
.home-page .hero-story .hero-description{max-width:560px;font-size:1.1875rem}
.home-page .hero-story .hero-actions{max-width:600px;gap:22px}
.hero-entry-note{color:#9eb0bc;font-size:.875rem;margin:26px 0 0}
.home-page .hero-art{opacity:.85}
.home-page .hero-bottom.wrap{position:relative;left:auto;right:auto;bottom:auto;z-index:2;font-size:.875rem;flex-wrap:wrap;padding-block:18px 23px}
.home-page .hero-bottom>span{display:block;font:.75rem 'DM Sans',sans-serif;letter-spacing:0}
.home-page .hero-bottom .motion-toggle{font-size:.875rem;min-height:44px}
.home-page .entry-paths{border-radius:4px;border-color:#314652;margin-top:0;margin-bottom:56px}
.home-page .entry-paths>a{background:#0b1c27}
.home-page .entry-paths>a:hover{background:#112c39}
.home-page .portal-card,.home-page .concept-lesson{border-radius:5px}
.home-page .welcome-guide{color:#b1eced;align-self:flex-start}
.home-page .site-header nav>a{display:inline-flex}

@media(min-width:1600px){.home-page .astra-hero{min-height:760px}}
@media(max-width:1100px){.home-page .hero-story h1{font-size:clamp(3.5rem,6.3vw,4.5rem)}.home-page .hero-bottom>span{order:3;flex-basis:100%}}
@media(max-width:800px){.home-page .astra-hero{min-height:640px}.home-page .hero-story.wrap{padding-block:45px 55px}.home-page .hero-story h1{font-size:clamp(3.25rem,9vw,4.5rem)}.home-page .hero-story .hero-description{font-size:1.125rem}.home-page .hero-art{inset:15% -25% 0 0;opacity:.65}.home-page .hero-coordinate{display:none}}
@media(max-width:540px){.home-page .astra-hero{min-height:600px}.home-page .hero-story.wrap{padding-block:32px 48px}.home-page .hero-story h1{font-size:clamp(2.875rem,12vw,3.875rem)}.home-page .hero-story .hero-description{font-size:1.0625rem}.home-page .hero-story .hero-description br{display:none}.home-page .hero-story .hero-actions{gap:16px}.home-page .hero-story .eyebrow{font-size:.75rem}.home-page .hero-bottom.wrap{gap:12px}}

/* Keep each lab's workspace, explanation and recordings together. */
.lab-anchor{display:block;scroll-margin-top:24px}
.home-page .portal-modes{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;width:100%}
.home-page .portal-modes>a,.home-page .portal-videos>summary,.home-page .mode-unavailable{display:flex;align-items:center;gap:10px;min-height:44px;line-height:1.5;font-size:14px}
.home-page .portal-modes>a{justify-content:space-between;text-underline-offset:4px}
.home-page .portal-videos>summary{display:list-item;align-content:center;cursor:pointer;color:#b6ebde;padding:10px 0;list-style-position:inside;text-decoration:underline;text-underline-offset:4px}
.home-page .portal-videos[open]>summary{color:#e5fbf4}
.home-page .portal-videos ul{list-style:none;margin:0 0 8px;padding:0 0 0 14px;border-left:2px solid #527f80}
.home-page .portal-videos li+li{border-top:1px solid #36505a}
.home-page .portal-videos a{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:44px;padding:9px 0;color:#c3dedd;font-size:14px;line-height:1.5;text-underline-offset:4px}
.home-page .portal-modes a:focus-visible,.home-page .portal-videos summary:focus-visible{outline:3px solid #f3d099;outline-offset:3px}
.home-page .portal-modes .mode-unavailable{justify-content:space-between;color:#a9bfc3}
.portal-planned{font-size:12px;line-height:1.5;border:1px solid #49636b;border-radius:4px;padding:2px 7px;color:#b8cace}

.follow-light-preview{display:block;align-self:center;border:1px solid #45616a;border-radius:12px;overflow:hidden;text-decoration:none;background:#0e202b}.follow-light-preview img{display:block;width:100%;height:auto}.follow-light-preview>span{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;font-size:14px;color:#c0e1df}.follow-light-preview:hover{border-color:#b4e5db}

.follow-light-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem}.follow-light-actions>.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;gap:.5rem}

/* Original case-file entry: static preview, no 3D bundle on the homepage. */
.case-file-feature{display:grid;grid-template-columns:1fr 1.35fr;align-items:center;gap:48px;padding-top:52px;padding-bottom:52px;border-top:1px solid #314649;border-bottom:1px solid #314649}.case-file-story h2{font-size:clamp(2rem,3vw,3rem);line-height:1.08;letter-spacing:-.045em;margin:0 0 20px}.case-file-story>p:not(.eyebrow){max-width:480px;color:#b9cfca;font-size:1rem;line-height:1.65}.case-file-story .case-file-foot{font-size:.75rem!important;margin:18px 0 0}.case-file-feature .eyebrow{color:#c1e296}.case-file-feature .primary{background:#c1e296;color:#173422}.case-file-image{display:block;border:1px solid #405748;border-radius:14px;overflow:hidden;background:#10251f;text-decoration:none}.case-file-image img{display:block;width:100%;height:auto;aspect-ratio:2.05;object-fit:cover}.case-file-image>span{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;color:#c1e296;font-size:.63rem;letter-spacing:.13em}.case-file-image b{font-size:1.2rem}.case-file-image:hover{border-color:#c1e296}.case-file-image:focus-visible{outline:3px solid #c1e296;outline-offset:5px}@media(max-width:760px){.case-file-feature{grid-template-columns:1fr;gap:25px;padding-top:35px;padding-bottom:35px}.case-file-story h2{font-size:2rem}.case-file-story>p:not(.eyebrow){font-size:.94rem}.case-file-image{max-width:100%}}