/* A quiet, plain dark opening. Retain the existing logo reveal and timing. */
html[data-theme="dark"] #mx-opening,
html[data-theme="dark"] .phone.ls-launch-phone,
html[data-theme="dark"] .phone.ls-launch-phone>.screen-main,
html[data-theme="dark"] .single .phone>.ls-overlay,
html[data-theme="dark"] body.single .ls-overlay[data-launch-desktop],
html[data-theme="dark"] .phone .ls-scene{background:#252d38!important;color:#e1e5e7}
html[data-theme="dark"] #mx-opening :is(.mx-op-photo,.mx-op-veil,.mx-op-atmos,.mx-op-horizon),
html[data-theme="dark"] .phone :is(.ls-atmosphere,.ls-horizon){display:none!important}
html[data-theme="dark"] #mx-opening .mx-op-wordmark>svg,
html[data-theme="dark"] .phone .ls-wordmark>img,
html[data-theme="dark"] .ls-desktop-wordmark{filter:brightness(1.35) saturate(.75)}
html[data-theme="dark"] #mx-opening .mx-op-light,
html[data-theme="dark"] .phone .ls-wordmark-light{display:none}
html[data-theme="dark"] #mx-opening .mx-op-greeting,
html[data-theme="dark"] .phone .ls-greeting{color:#d5d8dc}
html[data-theme="dark"] #mx-opening :is(.mx-op-tagline,.mx-op-signature>span,.mx-op-progress::after),
html[data-theme="dark"] .phone :is(.ls-tagline,.ls-brand-signature>span,.ls-enter){color:#a8afb8}
html[data-theme="dark"] .phone .ls-scene>.status-bar{color:#d5d8dc!important}
html[data-theme="dark"] .phone .ls-scene::after{background:#b4bbc4}
html[data-theme="dark"] .phone .ls-enter:focus-visible{outline-color:#96c1be}
html[data-theme="dark"] #mx-opening .mx-op-progress{background:#3c444e}
html[data-theme="dark"] #mx-opening .mx-op-progress>i::before{background:linear-gradient(90deg,#c591a6,#7fbbb8)}
@media(min-width:1000px){
 html[data-theme="dark"] body.single #launch .ls-scene,
 html[data-theme="dark"] body.single .ls-overlay[data-launch-desktop] .ls-scene,
 html[data-theme="dark"] body.single .ls-desktop,
 html[data-theme="dark"] .ls-desktop-hero{background:#252d38!important}
 html[data-theme="dark"] .ls-desktop-hero{border-color:transparent}
 html[data-theme="dark"] .ls-desktop-art,
 html[data-theme="dark"] .ls-desktop-hero::before{display:none}
 html[data-theme="dark"] :is(.ls-desktop-header>span,.ls-desktop-eyebrow,.ls-desktop-caption,.ls-desktop-note,.ls-desktop-copy>p:last-child,.ls-desktop-entry small){color:#a8afb8}
 html[data-theme="dark"] :is(.ls-desktop-copy,.ls-desktop-entry>a){color:#e1e5e7}
 html[data-theme="dark"] .ls-desktop-entry>a:hover{color:#a9d2cd}
 html[data-theme="dark"] .ls-desktop-entry>a:focus-visible{outline-color:#96c1be}
}