/* Native Magic UI adaptations. Source and license: vendor/magicui and MAGIC-UI.md. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.scroll-progress{position:fixed;inset:0 0 auto;height:3px;z-index:50;background:var(--blue);transform:scaleX(0);transform-origin:left;pointer-events:none}
.showcase{background:#f0ece4;border-top:1px solid var(--line)}
.showcase-intro{max-width:420px;font-size:1.125rem;line-height:1.7}
.motion-toggle{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:14px;padding:5px 0;background:none;border:0;border-bottom:1px solid var(--line);font-size:.875rem;font-weight:700;color:var(--wine)}
.motion-toggle:disabled{cursor:default;color:var(--muted)}
.showroom-browser{position:relative}
.showroom-browser:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(300px circle at var(--spot-x) var(--spot-y),var(--blue),rgba(105,7,22,.6),transparent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:2}
@media(max-width:1190px){.desktop-nav{gap:22px;margin-right:15px}}
@media(max-width:1180px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;align-items:center;gap:12px;background:transparent;border:0;font-size:1rem;font-weight:700;padding:12px 0 12px 12px}.menu-icon{width:21px;height:14px;border-top:1.5px solid var(--wine);border-bottom:1.5px solid var(--wine);position:relative}.menu-icon:after{content:'';width:21px;height:1.5px;background:var(--wine);position:absolute;left:0;top:5px}.menu-toggle[aria-expanded="true"] .menu-icon{border:0}.menu-toggle[aria-expanded="true"] .menu-icon:after{transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] .menu-icon:before{content:'';width:21px;height:1.5px;background:var(--wine);position:absolute;left:0;top:5px;transform:rotate(-45deg)}.mobile-nav a{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);font-size:17px;font-weight:700}.mobile-nav a>span{font-size:.875rem}.mobile-nav svg{width:19px;height:19px}}
@media(max-width:760px){.showcase-intro{max-width:480px;margin-top:24px}}
@media(prefers-reduced-motion:reduce){.scroll-progress{display:none}.showroom-browser:after{display:none}}
@media(forced-colors:active){.showroom-browser:after{display:none}}
html[data-motion="off"]{scroll-behavior:auto}