/* Host layout only. The renderer and SVG artwork in brand/ are exact release copies. */
@font-face{font-family:'Material Symbols Rounded';src:url('fonts/MaterialSymbolsRounded.woff2') format('woff2');font-style:normal;font-weight:400;font-display:block}
.logo{font-family:var(--murmo-font-heading);font-weight:800;font-variation-settings:'wdth' 100;letter-spacing:-.04em;gap:0}
.logo > svg:first-child{margin-right:10px}
.logo .logo-dot{color:var(--yellow);margin-left:0;padding-inline-start:var(--murmo-wordmark-dot-gap);letter-spacing:0}
html:root .logo.murmo-wordmark{font-size:37px;gap:10px}
html:root .logo .murmo-birds{width:36px;height:36px}
@media(max-width:760px){html:root .logo.murmo-wordmark{font-size:31px;gap:8px}html:root .logo .murmo-birds{width:30px;height:30px}}
.hero h1{font-size:clamp(42px,4.8vw,70px);line-height:1.08;letter-spacing:-.065em}
.hero-description{max-width:490px}
.murmo-motion{position:relative;display:block;flex-shrink:0;color:var(--ink);width:64px;height:64px}
.murmo-motion canvas,.murmo-motion-still{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.murmo-motion-still{background:currentColor;mask:url('brand/menu-still.svg') center/contain no-repeat}
.murmo-hero .murmo-motion-still{mask:none;background:none;object-fit:contain}
.murmo-motion canvas{visibility:hidden}
.murmo-motion[data-motion-ready] canvas{visibility:visible}
.murmo-motion[data-motion-ready] .murmo-motion-still{visibility:hidden}
.logo-orb{width:54px;height:54px;margin-right:6px}
.workspace-orb{width:58px;height:58px;margin:0 0 13px}
.murmo-solid{display:block;flex-shrink:0;width:27px;height:27px;margin-right:7px;background:currentColor;mask:url('brand/m-solid.svg') center/contain no-repeat}
.brand-hero-art{right:-18px;width:46%;display:flex;align-items:flex-start;justify-content:center;padding-top:20px}
.brand-hero-art>.murmo-hero{width:min(100%,460px);height:auto;aspect-ratio:1}
.brand-hero-art .flock-caption{right:21%;bottom:28px}
.brand-hero-art .flock-caption{display:none}
.formation-controls{position:absolute;left:12%;right:12%;bottom:8px;display:grid;grid-template-columns:1fr auto;gap:11px 16px;align-items:center}
.formation-phase{font-size:10px;letter-spacing:.15px;color:var(--murmo-muted)}
.formation-replay{font-size:10px;border:0;background:transparent;padding:7px 0;color:var(--ink)}
.formation-replay:hover{color:var(--teal-ink)}
.formation-controls input{grid-column:1/-1;width:100%;margin:0;accent-color:var(--teal);height:14px;cursor:pointer}
.formation-controls input:focus-visible{outline:2px solid var(--murmo-focus);outline-offset:4px}
.brand-hero-art .motion-toggle{bottom:43px;right:0}
@media(max-width:1100px) and (min-width:761px){.formation-controls{bottom:45px;left:5%;right:10%}.brand-hero-art .motion-toggle{bottom:79px;right:-10px}}
@media(max-width:1100px){.brand-hero-art{width:43%;right:-12px;padding-top:52px;opacity:1}.brand-hero-art .flock-caption{bottom:56px;right:16%}}
@media(max-width:760px){.logo-orb{width:44px;height:44px;margin-right:3px}.brand-hero-art{width:100%;right:0;height:300px;margin-top:7px;padding-top:0}.brand-hero-art>.murmo-hero{width:265px}.brand-hero-art .flock-caption{bottom:0;right:19%}}
@media(max-width:420px){.logo-orb{width:38px;height:38px;margin-right:2px}}
@media(max-width:760px){.brand-hero-art{height:330px}.formation-controls{left:10%;right:10%;bottom:0}.brand-hero-art .motion-toggle{right:0;bottom:31px}.formation-phase{font-size:9px}}
@media(prefers-reduced-motion:reduce){.murmo-motion canvas{display:none}.murmo-motion[data-motion-ready] .murmo-motion-still{visibility:visible}}
@media print{.murmo-motion canvas{display:none}.murmo-motion[data-motion-ready] .murmo-motion-still{visibility:visible}}