.meg-story{--meg-text:#f4f4f1;--meg-muted:#b5b5b2;background:#000;color:var(--meg-text)}
html:has(.meg-story){scroll-behavior:auto;overflow-anchor:none}
body:has(.meg-story) .header-brand .logo-mark{background:transparent}
.meg-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.meg-stage{max-width:1920px;margin:auto;padding:190px 5% 125px;display:grid;grid-template-columns:31% 65%;column-gap:4%;position:relative}
.meg-chapter-heading{grid-column:1/-1;display:flex;align-items:baseline;gap:24px;margin-bottom:24px}
.meg-chapter-heading h2{font-size:17px;font-weight:400;margin:0}
.meg-chapter-heading span{font-size:11px;color:var(--meg-muted)}
.meg-viewport{grid-column:2;grid-row:2/4;min-width:0;position:relative;overflow:hidden;aspect-ratio:1.5;align-self:start}
.meg-world{position:relative;width:100%;aspect-ratio:1.5;transform-origin:0 0}
.meg-object,.meg-helmet{position:absolute;max-width:none}
.meg-room{inset:0;width:100%;height:100%}
.meg-system-cable{inset:0;width:100%;height:100%;pointer-events:none}
.meg-tracker img,.meg-station-photo,.meg-component>img{width:100%;height:100%;max-width:none;object-fit:fill;display:block}
.meg-station-photo{clip-path:polygon(10% 25%,40% 25%,41% 2%,84% 2%,84% 36%,70% 36%,70% 41%,91% 41%,91% 98%,10% 98%)}
.meg-screen{position:absolute;left:42.3%;top:3.8%;width:40.9%;height:30.9%;max-width:none;object-fit:fill}
.meg-ground-shadow{position:absolute;left:26%;top:81%;width:30%;height:6%;background:radial-gradient(ellipse,#0008,transparent 70%)}
.meg-helmet{transform-origin:0 0;opacity:0}
.meg-wearer img{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.meg-before-fit{visibility:hidden}
.meg-component{position:absolute;inset:0;transform-origin:50% 50%;opacity:0}
.meg-assembled{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.meg-probes>.meg-probe{position:absolute;max-width:none;height:auto;transform-origin:50% 50%}
.meg-image-error{position:absolute;bottom:0;font-size:13px;color:var(--meg-muted);background:#000}
.meg-scenes{grid-column:1;grid-row:2;min-width:0}
.meg-scene{padding:25px 0 45px;scroll-margin-top:60px}
.meg-step-label{font-size:13px;color:var(--meg-muted);margin:0 0 18px}
.meg-scene h3{font-size:clamp(30px,3.1vw,56px);font-weight:400;line-height:1.2;letter-spacing:-.035em;margin:0 0 24px;text-wrap:balance;overflow-wrap:anywhere}
.meg-description{font-size:15px;line-height:1.8;color:var(--meg-muted);margin:0;max-width:29em}
.meg-rail{grid-column:1;grid-row:3;margin-top:24px}
.meg-rail-group{display:flex;flex-wrap:wrap;gap:12px 20px;margin-bottom:10px}
.meg-rail a{border-left:2px solid #555;padding-left:10px;font-size:12px;line-height:1.5;color:var(--meg-muted)}
.meg-rail a[aria-current]{color:#fff;border-color:#fff}
.meg-skip{grid-column:2;justify-self:end;font-size:12px;margin-top:24px}
.meg-story a:hover{color:#fff;text-decoration:underline}
.meg-story a:focus-visible,.meg-scene h3:focus-visible{outline:2px solid #fff;outline-offset:5px}
.meg-contact{padding:100px 5% 150px}
.meg-contact h2{font-size:clamp(32px,4vw,56px);font-weight:400}
.meg-actions{display:flex;align-items:center;gap:32px;font-size:16px;flex-wrap:wrap}
.meg-cta{padding:14px 30px;border:1px solid #b5b5b2}
.meg-enhanced .meg-sequence{height:var(--meg-height)}
.meg-enhanced .meg-stage{position:sticky;top:0;height:100svh;grid-template-rows:auto minmax(0,1fr) auto;padding-top:80px;overflow:clip}
.meg-enhanced .meg-viewport{aspect-ratio:auto;align-self:stretch;min-height:0;mask-image:linear-gradient(to right,transparent,#000 16px,#000 calc(100% - 16px),transparent)}
.meg-enhanced .meg-world{position:absolute;width:1536px;height:1024px;will-change:transform}
.meg-enhanced .meg-scenes{position:relative;align-self:stretch}
.meg-enhanced .meg-scene{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .10s ease-out,visibility 0s linear .10s}
.meg-enhanced .meg-scene.meg-active{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .16s ease-in-out .10s,visibility 0s}
.meg-enhanced .meg-rail-group[hidden]{display:none}
.meg-enhanced .meg-skip{position:absolute;right:5%;bottom:100px;grid-column:auto;width:max-content;white-space:nowrap}
@media(max-width:760px){
 .meg-stage{padding:165px 24px 116px;display:flex;flex-direction:column}
 .meg-chapter-heading{gap:16px;margin-bottom:20px}
 .meg-chapter-heading h2{font-size:14px}
 .meg-viewport{width:100%;order:1}
 .meg-scenes{order:2}
 .meg-rail{order:3}
 .meg-skip{order:4}
 .meg-scene h3{font-size:27px;margin-bottom:14px}
 .meg-step-label{font-size:12px;margin-bottom:10px}
 .meg-description{font-size:13px;line-height:1.7}
 .meg-enhanced .meg-stage{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto minmax(100px,1fr) auto;padding-top:38px;padding-bottom:125px}
 .meg-enhanced .meg-scenes{grid-column:1;grid-row:2;display:grid}
 .meg-enhanced .meg-scene{position:relative;grid-area:1/1;padding-bottom:12px;justify-content:flex-start}
 .meg-enhanced .meg-viewport{grid-column:1;grid-row:3}
 .meg-enhanced .meg-rail{grid-row:4;grid-column:1;margin-top:12px}
 .meg-rail-group{gap:10px 14px;margin:0}
 .meg-rail a{font-size:11px;padding-left:7px}
 .meg-enhanced .meg-skip{bottom:93px;right:24px;font-size:11px;margin:0}
 .meg-contact{padding:64px 24px 120px}
}
@media(prefers-reduced-motion:reduce){.meg-story *{transition:none!important;scroll-behavior:auto!important}}
