/* A single MIA interaction language: acid-green actions, restrained type, generous rhythm. */
:root{--action-color:var(--c-acid);--action-hover:#e6ffae;--action-ink:#080914;--action-height:52px;--action-width:208px;--glow-action:0 8px 32px #d3fe6635}
.primary,.secondary,.stop,.sound-button{min-height:var(--action-height);padding:14px 24px;font-family:var(--f-text);font-size:14px;line-height:22px;letter-spacing:.01em;font-weight:600;border-radius:3px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.primary,.mf-copy .primary{background:var(--action-color);border:1px solid var(--action-color);color:var(--action-ink);box-shadow:none}
.primary:hover:not(:disabled),.mf-copy .primary:hover{background:var(--action-hover);border-color:var(--action-hover);box-shadow:var(--glow-action);transform:translateY(-2px)}
.primary span:not([aria-hidden]){margin-left:0}.primary span[aria-hidden]{margin-left:auto}.secondary{background:#0c102d45;border-color:#8be6ff44;color:var(--c-paper)}.secondary:hover{border-color:var(--action-color);background:#8be6ff0d}.send-button,.sound-button{background:var(--action-color);color:var(--action-ink)}
.nav-link:after{background:var(--action-color);box-shadow:0 0 12px #d9378e50}.access-chip[data-state=session]{color:var(--c-acid);border-color:#8be6ff88}.access-chip[data-state=session] .ic{color:var(--action-color)}
.language-toggle.secondary{min-width:70px;min-height:40px;height:40px;padding:0 11px;gap:4px;font:500 12px var(--f-mono);border-color:#fdf5eb25;background:#08091480;margin:0;width:auto;justify-content:center}.language-toggle[aria-pressed=true] [lang=zh-CN],.language-toggle[aria-pressed=false] [lang=en]{color:var(--c-ice)}.language-toggle:hover{border-color:var(--action-color)}
.mf-stage video[data-film-index]{filter:saturate(.97) contrast(1.03) blur(var(--mf-blur,0px));will-change:opacity,clip-path}
.mf-copy{translate:0 var(--mf-copy-shift,0px)}.mf-copy h1,.mf-copy h2{font-weight:700;letter-spacing:-.05em;line-height:1.02;margin-bottom:26px}.mf-copy h1>span,.mf-copy h2>span{display:inline}.mf-copy h1 em,.mf-copy h2 em{color:var(--c-ice);text-shadow:0 0 38px #d9378e18}
.mf-copy .primary{width:var(--action-width);height:var(--action-height);padding:14px 22px;min-height:var(--action-height);font-size:14px;margin:8px 0 0}.mf-copy p:not(.mf-eyebrow){line-height:1.75;max-width:35ch;margin-bottom:24px}.mf-eyebrow{color:var(--c-ice)}
.mf-controls{align-items:center}.mf-play.secondary{min-height:44px;height:44px;font:11px var(--f-mono);padding:0 16px;width:200px;margin:0;justify-content:center;color:var(--c-paper);background:#090b1880;border-color:#8be6ff44}.mf-chapter-button{border-radius:2px}.mf-chapter-button[aria-current=step]{color:var(--c-ice);border-color:#8be6ff88;background:#0c1e2caa}.mf-optics{opacity:.12}.mf-progress::after{background:linear-gradient(90deg,#d9378e,#f69fd1,#60bdf1)}
.mf-lens-aura{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 64% 46%,transparent 15%,#d9378e08 40%,transparent 70%);opacity:calc(var(--mf-transition)*.5)}
:root[lang=zh-CN] .mf-copy h1,:root[lang=zh-CN] .mf-copy h2{font-family:var(--f-cjk);font-size:clamp(46px,5.7vw,98px);font-weight:500;line-height:1.18;letter-spacing:-.04em;max-width:none}
:root[lang=zh-CN] .mf-copy p:not(.mf-eyebrow){max-width:27em;line-height:1.95;letter-spacing:.035em}:root[lang=zh-CN] .mf-scroll-hint{letter-spacing:.08em}
/* The closing is an experience gallery, followed by practical reasons to stay. */
.mf-closing{padding:112px var(--margin) 30px;overflow:hidden;background:radial-gradient(ellipse at 0% 94%,#17477d55,transparent 38%),radial-gradient(ellipse at 70% 46%,#10243d44,transparent 58%),#05060b;isolation:isolate}
.mf-closing::before{content:'';position:absolute;top:0;left:12%;width:76%;height:1px;background:linear-gradient(90deg,transparent,#8be6ff66,#60bdf150,transparent)}
.experience-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;align-items:end;margin-bottom:55px}.experience-intro .micro{color:var(--c-ice);margin-bottom:28px}.experience-intro h2{font-size:clamp(46px,6.2vw,105px);font-family:var(--f-display);font-weight:700;line-height:1.02;letter-spacing:-.055em;margin:0}.experience-intro h2 em{color:var(--c-ice)}.experience-lede{max-width:35ch;font-size:clamp(15px,1.2vw,20px);line-height:1.8;color:#b9bdcb;padding-bottom:8px}
.experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;position:relative}.experience-card{border:1px solid #d3d6ed26;border-radius:6px;overflow:hidden;background:linear-gradient(145deg,#101828cc,#090b14cc);transition:transform .35s,border-color .35s,box-shadow .35s;display:flex;flex-direction:column}.experience-card:hover,.experience-card:focus-within{transform:translateY(-7px);border-color:#8be6ff66;box-shadow:0 18px 60px #d9378e12}
.experience-visual{position:relative;overflow:hidden;aspect-ratio:1.42;background:#0a0d19}.experience-visual>img{width:100%;height:100%;object-fit:cover;object-position:70% 50%;transition:transform 1.2s cubic-bezier(.2,.7,.3,1);opacity:.82}.experience-card:hover .experience-visual>img{transform:scale(1.05)}.experience-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#11121f,transparent 65%),linear-gradient(90deg,#080c1940,transparent)}.experience-number{position:absolute;top:20px;left:22px;z-index:1;font:12px var(--f-mono);color:var(--c-paper);border:1px solid #ffffff40;padding:6px 9px;background:#07091250;backdrop-filter:blur(10px)}.experience-caption{position:absolute;bottom:15px;left:26px;z-index:1;font:500 13px var(--f-mono);letter-spacing:.12em;color:var(--c-ice);text-transform:uppercase}
.experience-body{padding:28px 26px 30px;display:flex;flex-direction:column;flex:1}.experience-body h3{font:500 clamp(22px,2vw,34px)/1.2 var(--f-display);letter-spacing:-.035em;min-height:2.4em;margin-bottom:16px;max-width:14ch}.experience-body p{font-size:14px;line-height:1.8;color:#b2b6c5;min-height:5.4em;max-width:34ch}.experience-flow{border-top:1px solid #ffffff15;margin-top:26px;padding-top:22px;color:var(--c-paper-3);font:10px var(--f-mono);letter-spacing:.03em}.experience-body .primary{width:var(--action-width);max-width:100%;margin-top:25px;align-self:flex-start}
.experience-signal{position:absolute;right:22px;bottom:20px;z-index:1;display:flex;align-items:center;gap:3px;height:25px;opacity:.8}.experience-signal i{width:2px;height:calc(5px + mod(var(--i),4)*5px);min-height:8px;background:#ff7cbd;animation:experience-wave 2s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.13s)}.experience-meeting .experience-signal i{border-radius:50%;width:4px;height:4px;margin:0 2px;background:#96e4fa;animation-name:experience-dot}.experience-create .experience-signal i{height:16px;background:#db70ac;transform:skewY(-20deg)}
@keyframes experience-wave{from{transform:scaleY(.4)}to{transform:scaleY(1.6)}}@keyframes experience-dot{from{opacity:.25;transform:translateY(3px)}to{opacity:1;transform:translateY(-3px)}}
.experience-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;padding:52px 0 58px;border-bottom:1px solid #ffffff18}.experience-details article{display:flex;gap:20px}.experience-details .micro{color:var(--c-ice);margin-top:6px}.experience-details h3{font-size:17px;font-weight:500;margin-bottom:12px}.experience-details p{font-size:13px;line-height:1.75;color:#929aaa;max-width:30ch}
.experience-invitation{position:relative;display:flex;align-items:center;gap:7vw;padding:85px 0 40px;min-height:330px}.experience-invitation .micro{font-size:10px;color:var(--c-ice);margin-bottom:20px}.experience-invitation h3{font:700 clamp(35px,4.7vw,76px)/1.08 var(--f-display);letter-spacing:-.045em}.experience-invitation h3 em{color:var(--c-ice)}.experience-invitation>.primary{margin-left:auto;flex:none;width:var(--action-width)}.invitation-orbit{position:relative;width:180px;height:180px;flex:none;display:grid;place-items:center;perspective:400px;background:radial-gradient(circle,#d9378e30,transparent 62%)}.invitation-orbit b{font:700 34px var(--f-display);color:#f096c6;letter-spacing:-.07em}.invitation-orbit i{position:absolute;inset:6px;border:1px solid #d9378e77;border-radius:50%;transform:rotateX(60deg) rotateZ(-28deg);box-shadow:0 0 25px #d9378e0c}.invitation-orbit i+ i{inset:20px;border-color:#60bdf16a;transform:rotateY(55deg) rotateZ(30deg)}.mf-closing footer{margin-top:50px;padding:26px 0 12px;color:#8b91a5}
:root[lang=zh-CN] .experience-intro h2,:root[lang=zh-CN] .experience-invitation h3{font-family:var(--f-cjk);line-height:1.25;letter-spacing:-.03em}:root[lang=zh-CN] .experience-body h3{font-family:var(--f-cjk);font-size:clamp(22px,1.8vw,30px);line-height:1.4;min-height:2.8em}:root[lang=zh-CN] .experience-body p{line-height:1.9;min-height:5.7em}
@media(max-width:1100px){.bar{column-gap:14px}.bar-tools{gap:4px}.brand-descriptor{display:none}.experience-grid{gap:14px}.experience-body{padding:24px 20px}.experience-details{gap:24px}.experience-details article{gap:12px}.invitation-orbit{width:130px;height:130px}.experience-invitation{gap:35px}.experience-body .primary{width:100%}.experience-intro{gap:5vw}.access-chip{padding:0 10px;font-size:10px}}
@media(max-width:760px){:root{--action-height:48px;--action-width:188px}.bar-tools{gap:3px}.language-toggle.secondary{min-width:61px;padding:0 7px;font-size:10px}.mf-copy{bottom:136px}.mf-copy h1,.mf-copy h2{font-size:clamp(42px,10.5vw,66px);margin-bottom:18px;max-width:14ch}.mf-copy p:not(.mf-eyebrow){font-size:13px;line-height:1.7;margin-bottom:18px;max-width:31ch}.mf-copy .primary{height:48px;min-height:48px;font-size:13px;padding:12px 20px}.mf-play.secondary{width:170px;height:36px;min-height:36px;padding:0 10px;font-size:9px}.mf-chapter-button{min-height:44px}.mf-stage video[data-film-index]{object-position:66% 35%}.mf-stage::before{background:linear-gradient(0deg,#05060b 2%,#05060bee 24%,#05060b55 55%,transparent 82%),linear-gradient(180deg,#05060b60,transparent 20%)}:root[lang=zh-CN] .mf-copy h1,:root[lang=zh-CN] .mf-copy h2{font-size:clamp(36px,9.5vw,54px);line-height:1.28}.mf-closing{padding:70px 24px 90px}.experience-intro{grid-template-columns:1fr;gap:25px;margin-bottom:36px}.experience-intro h2{font-size:clamp(40px,10vw,70px);line-height:1.08}.experience-lede{font-size:14px;max-width:34ch}.experience-grid{grid-template-columns:1fr;gap:26px}.experience-visual{aspect-ratio:1.6}.experience-body{padding:25px}.experience-body h3{font-size:29px;min-height:0;max-width:none}.experience-body p{min-height:0;max-width:40ch}.experience-body .primary{width:var(--action-width)}.experience-flow{margin-top:24px}.experience-details{grid-template-columns:1fr;gap:28px;padding:38px 0}.experience-details article{gap:20px}.experience-details p{max-width:36ch}.experience-invitation{display:grid;grid-template-columns:1fr;gap:25px;padding-top:52px}.experience-invitation h3{font-size:44px}.experience-invitation>.primary{margin-left:0}.invitation-orbit{position:absolute;right:-25px;top:95px;width:155px;height:155px;opacity:.4;pointer-events:none}.experience-invitation>div:not(.invitation-orbit){z-index:1}.experience-invitation .micro{font-size:9px}.mf-closing footer{font-size:9px;line-height:1.7}.mf-closing footer>span:first-child{width:100%}:root[lang=zh-CN] .experience-body h3,:root[lang=zh-CN] .experience-body p{min-height:0}.collection-toolbar .primary,.collection-toolbar .secondary{min-width:0}.mf-scroll-hint>span:first-child{max-width:17ch}}
@media(max-height:650px) and (max-width:760px){.mf-copy{bottom:126px}.mf-copy h1,.mf-copy h2{font-size:34px;margin-bottom:12px}.mf-copy p:not(.mf-eyebrow){font-size:12px;margin-bottom:12px}.mf-copy .mf-eyebrow{margin-bottom:12px}:root[lang=zh-CN] .mf-copy h1,:root[lang=zh-CN] .mf-copy h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.experience-signal i{animation:none}.experience-card,.experience-visual>img,.primary,.secondary{transition:none}.experience-card:hover,.experience-card:focus-within,.primary:hover{transform:none}.mf-lens-aura{display:none}}

.experience-signal i:nth-child(1){--i:0;height:5px}
.experience-signal i:nth-child(2){--i:1;height:10px}
.experience-signal i:nth-child(3){--i:2;height:15px}
.experience-signal i:nth-child(4){--i:3;height:20px}
.experience-signal i:nth-child(5){--i:4;height:5px}
.experience-signal i:nth-child(6){--i:5;height:10px}
.experience-signal i:nth-child(7){--i:6;height:15px}
.experience-signal i:nth-child(8){--i:7;height:20px}
.experience-signal i:nth-child(9){--i:8;height:5px}
.experience-signal i:nth-child(10){--i:9;height:10px}
.experience-signal i:nth-child(11){--i:10;height:15px}
.experience-signal i:nth-child(12){--i:11;height:20px}

.nav-link.active::after{background:var(--action-color);box-shadow:0 0 10px #d9378e70}
:root[data-route=presence] .bar{background:linear-gradient(180deg,#05060bed,#05060b95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.experience-meeting .experience-signal i{height:4px}
@media(max-width:760px){.nav-link{padding-inline:4px;white-space:nowrap;font-size:10px;letter-spacing:0}.nav-link .nav-label{font-size:10px}.access-chip .access-chip-label{display:inline;font-size:9px;letter-spacing:0}.access-chip{gap:5px;padding:0 8px}.bar-tools .ic{width:16px;height:16px}.bar-tools .icon-btn{width:34px}.bar{column-gap:8px}}
/* A filtered header becomes the containing block for the fixed mobile dock. */
@media(max-width:760px){.bar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media(max-width:760px){.access-chip{width:auto;min-width:75px;white-space:nowrap;flex:none}.bar-tools{justify-self:end}}

/* Shared brand mark, with a quiet constellation field behind the closing. */
.closing-stars{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.9}
.invitation-orbit{background:radial-gradient(circle,#60bdf125,transparent 67%)}
.invitation-orbit img{width:120px;height:auto;position:relative;z-index:1}
.invitation-orbit i{border-color:#8be6ff44;box-shadow:0 0 32px #60bdf112}
.mf-copy h1 em,.mf-copy h2 em{font-weight:300;text-shadow:none}
.experience-intro h2 em,.experience-invitation h3 em{font-weight:300}
.mf-chapter-button>span:first-child{color:var(--c-ice)}
@media(max-width:760px){.invitation-orbit{position:relative;right:auto;top:auto;width:120px;height:120px;opacity:1}.invitation-orbit img{width:86px}.experience-invitation{grid-template-columns:1fr}.experience-invitation h3{font-size:38px}}
