/* Menu remains in the left side of the scrolling header. */
body .site-header .menu-toggle.klint-floating-menu{position:static!important;inset:auto;z-index:auto;display:inline-flex!important;align-items:center;justify-content:center;flex:none;gap:0;width:54px;height:54px;min-width:54px;min-height:54px;margin:0;padding:15px;border:1px solid #a7e4cb60;border-radius:50%;background:#102820f2;color:#e1faeb;box-shadow:0 5px 16px #05201522;backdrop-filter:blur(14px);cursor:pointer;transition:background .2s,box-shadow .2s;pointer-events:auto}
body:not(.is-home) .site-header .menu-toggle.klint-floating-menu{order:0;margin:0}body:not(.is-home) .site-header .brand{order:1}body:not(.is-home) .site-header .header-actions{order:2}
body .site-header .menu-toggle.klint-floating-menu svg{width:24px;height:24px;stroke-width:1.8;flex:none;max-width:none}body .klint-floating-menu .menu-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body .site-header .menu-toggle.klint-floating-menu:hover{background:#245a45;box-shadow:0 7px 22px #05201530;transform:none}body .site-header .menu-toggle.klint-floating-menu:focus-visible{outline:3px solid #73be93;outline-offset:5px}body.klint-menu-open .klint-floating-menu{visibility:hidden;pointer-events:none}
body.is-contact .site-header,body.is-bali .site-header{left:22px;right:auto}
body.is-bali .bali-locator-layout{padding-top:96px}
@media(min-width:761px){body.is-home .showcase-nav{right:100px}}
/* Five homepage sections: fixed navigation with scroll-based current location. */
body .home-section-nav{position:fixed;inset:50% 20px auto auto;transform:translateY(-50%);z-index:105;display:flex;flex-direction:column;gap:2px;width:58px;padding:7px;border-radius:32px;border:1px solid #c0e7d64a;background:#102820d9;box-shadow:0 7px 25px #05201530;backdrop-filter:blur(14px)}
body .home-section-nav a{display:grid;place-items:center;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:#fff;border-radius:50%;cursor:pointer}
body .home-section-nav .home-section-dot{display:block;width:10px;height:10px;border-radius:50%;background:#86b6a2;box-shadow:none;transition:transform .2s,background .2s,box-shadow .2s}body .home-section-nav a[aria-current=location] .home-section-dot{background:#e2ffea;transform:scale(1.25);box-shadow:0 0 0 4px #b5f2ce20}body .home-section-nav a:hover .home-section-dot{background:#c3efd8}body .home-section-nav a:focus-visible{outline:2px solid #c3efd8;outline-offset:-3px}body.klint-menu-open .home-section-nav{visibility:hidden;pointer-events:none}
@media(max-width:760px){body .site-header .menu-toggle.klint-floating-menu{width:48px;height:48px;min-width:48px;min-height:48px;padding:12px}body.is-contact .site-header,body.is-bali .site-header{left:18px;right:auto;top:max(18px,env(safe-area-inset-top))}body .home-section-nav{inset:auto auto max(18px,env(safe-area-inset-bottom)) 50%;transform:translateX(-50%);flex-direction:row;width:auto;max-width:calc(100vw - 32px);padding:6px 8px;gap:2px}body.is-bali .bali-locator-layout{padding-top:92px}}
@media(max-width:560px){body.is-contact .contact-shell{padding-top:92px}}
@media(prefers-reduced-motion:reduce){body .site-header .menu-toggle.klint-floating-menu,body .home-section-nav .home-section-dot{transition:none}}
html[data-user-reduced-motion=true] .home-section-nav .home-section-dot{transition:none}
@media print{body .klint-floating-menu,body .home-section-nav{display:none!important}}

body .home-section-nav a{text-decoration:none;line-height:1}
#beranda,#mengenal-klint,#racing-edition,#produk-kami,#cara-penggunaan{scroll-margin-top:100px}
@media(max-width:760px){#beranda,#mengenal-klint,#racing-edition,#produk-kami,#cara-penggunaan{scroll-margin-top:86px}}