/* One beta wordmark silhouette. A changing world inside it. */
.brand-lockup{position:relative;flex-shrink:0;padding-right:22px}.brand.brand-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:0;letter-spacing:normal;line-height:1}.brand-wordmark .logo-cycle{position:relative;display:block;width:210px;aspect-ratio:1300/556;isolation:isolate;filter:drop-shadow(0 0 .4px #dbb35d77)}.brand-wordmark .logo-fallback{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;transition:opacity 1.3s ease}.brand-wordmark .logo-frame{position:absolute;inset:0;display:block;background-repeat:no-repeat;background-position:center;background-size:cover;mask-image:url('assets/branding/narrithm-gold.webp');mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url('assets/branding/narrithm-gold.webp');-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;opacity:0;transition:opacity 1.3s ease;filter:brightness(1.4) saturate(1.12);will-change:opacity}.logo-frame.is-active{opacity:1}.logo-frame[data-kind=wordmark]{background-size:100% 100%}.brand-wordmark .brand-sub{font:500 6px/1.3 var(--sans);letter-spacing:1.6px;color:#acb49f;display:block;margin:6px 0 0 6px;white-space:nowrap}.logo-toggle{position:absolute;bottom:1px;right:0;width:24px;height:24px;display:grid;place-items:center;background:transparent;border:1px solid #b7ad7b29;border-radius:50%;padding:0;color:#a6b296;font:9px/1 var(--sans);transition:color .2s,border-color .2s;cursor:pointer}.logo-toggle:hover{border-color:#e0be7866;color:#e0be78}.logo-toggle[hidden]{display:none}.logo-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.header{height:116px}.footer .brand-wordmark .logo-cycle{width:180px}.footer .brand-wordmark .brand-sub{font-size:5px;letter-spacing:1.4px;margin-left:5px}.footer .brand-wordmark .logo-fallback{position:relative;display:block}.footer .brand-wordmark .logo-cycle{height:auto}.footer .brand-wordmark .logo-fallback{height:auto}.footer .brand-wordmark{width:fit-content}.header .brand-wordmark{width:210px}
@media(min-width:1101px){.hero{height:calc(100svh - 116px)}}
@media(max-width:1100px){.brand-wordmark .logo-cycle,.header .brand-wordmark{width:185px}.brand-wordmark .brand-sub{font-size:5px;letter-spacing:1.35px;margin-top:5px}.header{height:106px}}
@media(max-width:800px){.brand-wordmark .logo-cycle,.header .brand-wordmark{width:170px}.brand-wordmark .brand-sub{font-size:5px;letter-spacing:1.1px}.header{height:99px}.brand-lockup{padding-right:22px}.header nav{gap:14px}.header .button.small{font-size:9px;padding:10px 12px;gap:12px}.header .nav-roadmap{font-size:9px}}
@media(max-width:560px){.header{height:96px;padding:0 18px}.brand-wordmark .logo-cycle,.header .brand-wordmark{width:145px}.brand-wordmark .brand-sub{font-size:4px;letter-spacing:1px;margin:5px 0 0 4px}.brand-lockup{padding-right:21px}.logo-toggle{width:22px;height:22px;bottom:0;font-size:8px}.header nav{gap:12px}.header .nav-roadmap{font-size:7px;max-width:42px}.header .login{font-size:9px;gap:4px}.footer .brand-wordmark .logo-cycle{width:180px}.footer .brand-wordmark .brand-sub{font-size:5px;letter-spacing:1.2px}}
@media(max-width:360px){.brand-wordmark .logo-cycle,.header .brand-wordmark{width:135px}.header{padding:0 14px}.header nav{gap:8px}.brand-lockup{padding-right:20px}.brand-wordmark .brand-sub{letter-spacing:.8px}}
@media(prefers-reduced-motion:reduce){.brand-wordmark .logo-frame{display:none!important;transition:none!important}.brand-wordmark .logo-fallback{opacity:1!important;transition:none!important}.logo-toggle{display:none!important}}
.header .brand-wordmark .logo-fallback{width:100%;height:100%;max-width:none}