/* THE FLOAT ROOM as the Site 95 header (v3, 31 Oct 2026). The room fills the first screen; over it the header bar (the logo,
   its M the light switch, Book a call, Menu), the page's one H1 "Welcome to MUUS" and the line under it, centred above the
   emblem. Ink follows the room (--fr-ink-top is picked against the plate, night or day, so it always reads). */
.fr95{position:relative;overflow:hidden;color:var(--fr-ink-top,#1A1C20);background:#F2F0EF}
html[data-theme=dark] .fr95{background:#3A3A3D;color:var(--fr-ink-top,#F2F0EF)}
.fr95 .fr-host{position:relative;height:var(--wh,100svh);min-height:560px;max-height:1200px}
.fr95-hud{position:absolute;z-index:4;top:max(20px,calc(12px + env(safe-area-inset-top)));left:max(20px,calc(14px + env(safe-area-inset-left)));right:max(20px,calc(14px + env(safe-area-inset-right)));
  display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--fr-ink-top,#1A1C20);
  --fr95-act:#2F6F95;--fr95-act-ink:#F2F0EF}
html[data-theme=dark] .fr95-hud{--fr95-act:#A2CFE7;--fr95-act-ink:#0A0B0D}
.fr95-hud .brand{display:flex;align-items:center;color:inherit}
.fr95-hud .brand a{color:inherit;display:block}
.fr95-hud .wm-svg,.fr95-hud .emb-svg{display:block;height:22px;width:auto}
.fr95-hud .emb{appearance:none;border:0;background:none;color:inherit;padding:11px 0;margin:-11px 0;cursor:pointer;min-width:26px}
.fr95-hud .emb.press .emb-svg{animation:fr95-press .32s cubic-bezier(.3,1.6,.5,1)}
@keyframes fr95-press{0%{transform:scale(1)}35%{transform:scale(.82) translateY(1px)}100%{transform:scale(1)}}
.fr95-hud .right{display:flex;align-items:center;gap:10px}
.fr95-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;font:600 14px/1 Switzer,sans-serif;text-decoration:none;white-space:nowrap;color:inherit;box-shadow:inset 0 0 0 1px currentColor;background:none}
.fr95-btn.book{background:var(--fr95-act);color:var(--fr95-act-ink);box-shadow:none}
.fr95-btn:focus-visible,.fr95-hud button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
/* the headline: centred, bold caps, the line under it in Plex Mono */
.fr95-head{position:absolute;z-index:3;left:max(20px,4vw);right:max(20px,4vw);top:clamp(84px,13vh,150px);text-align:center;pointer-events:none;color:var(--fr-ink-top,#1A1C20);transition:color .6s}
.fr95-h1{font-family:AX,Archivo,system-ui,sans-serif;font-weight:800;font-stretch:125%;text-transform:uppercase;font-size:clamp(34px,min(6.4vw,9.6vh),104px);line-height:.94;letter-spacing:-.015em;margin:0;text-wrap:balance}
.fr95-line{font:500 clamp(13px,1.15vw,17px)/1.45 "IBM Plex Mono",ui-monospace,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase;margin:clamp(12px,1.8vh,22px) 0 0;text-wrap:balance}
.fr95 .fr-sound{top:auto;bottom:84px}
.fr95-still{display:block;width:100%;height:100%;object-fit:contain;padding:30% 15% 12%;box-sizing:border-box;background:#F2F0EF}
.fr95-off .fr-host{background:url(/assets/95/float/m/bloom/day-1024.webp) center 62%/58% auto no-repeat,#F2F0EF}
@media (max-width:699px){.fr95-hud .fr95-btn.menu{padding:0 14px}.fr95-head{top:calc(84px + env(safe-area-inset-top))}.fr95-h1{font-size:min(10.4vw,44px)}.fr95-line{font-size:13px;letter-spacing:.16em}}
@media (prefers-reduced-motion:reduce){.fr95-head{transition:none}}