body::before{content:"";position:fixed;inset:0;z-index:850;background-color:rgba(54,51,44,.12);backdrop-filter:blur(0.375rem);-webkit-backdrop-filter:blur(0.375rem);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s linear .3s}body.nav-open::before{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease,visibility 0s linear 0s}.main-nav-container{position:absolute;top:calc(clamp(1.25rem, 1.1337rem + 0.3876vw, 1.5rem) + 74px + 4px);right:0;left:0;opacity:0;visibility:hidden;transform:translateY(-1rem);pointer-events:none;transition:opacity .25s ease,transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),visibility 0s linear 0.35s;z-index:890}.main-nav-container::before{content:"";position:absolute;left:0;right:0;top:calc(-1*4px - .5rem);height:calc(4px + .5rem);pointer-events:none}.main-nav-container[data-state=open]{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .25s ease,transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),visibility 0s linear 0s}.main-nav-container[data-state=open]::before{pointer-events:auto}.main-nav-container ul{padding:0;margin:0}.main-nav{width:clamp(87.75rem,22.4656rem + 69.084vw,133rem);max-width:93vw;margin-inline:auto;position:relative;display:grid;grid-template-areas:"stack";min-height:31.25rem;padding:1.125rem 1.125rem 1.125rem clamp(1.125rem,-7.3125rem + 12.5vw,4.5rem);background-color:rgba(252,251,246,.75);border-radius:20px;overflow:hidden}.nav-screen{grid-area:stack;display:grid;grid-template-columns:minmax(400px, 1fr) minmax(0, 670px);gap:clamp(1.5rem,1.2674rem + 0.7752vw,2rem);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:0}.nav-screen.is-active{opacity:1;pointer-events:auto;transition:opacity .2s ease;z-index:1}.nav-screen[data-screen=root]{display:none}.nav-links{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b3aba1 rgba(0,0,0,0)}.nav-links::-webkit-scrollbar{width:6px}.nav-links::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.nav-links::-webkit-scrollbar-thumb{background-color:#b3aba1;border-radius:99px}.nav-links .mod_navigation{display:block}.nav-links .level_1{display:flex;flex-direction:column;gap:.375rem;padding-top:clamp(1.25rem,1.1337rem + 0.3876vw,1.5rem);margin:0;list-style:none}.nav-links .level_1 li{margin:0}.nav-links .level_1 a,.nav-links .level_1 strong{display:inline-flex;align-items:center;gap:1rem;padding:16px clamp(1.25rem,1.1337rem + 0.3876vw,1.5rem);font-family:"Inter",sans-serif;font-size:clamp(1rem,0.8837rem + 0.3876vw,1.25rem);line-height:1.3;font-weight:400;color:#36332c;text-decoration:none;background-color:rgba(0,0,0,0);border-radius:8px;transition:color .15s ease,background-color .15s ease}.nav-links .level_1 a::after,.nav-links .level_1 strong::after{content:"";display:inline-block;width:.75rem;height:.75rem;background:url("/bundles/okal/icons/icon-arrow-right-brown-500.svg") center/contain no-repeat;opacity:0;margin-inline-start:-1rem;transition:opacity .2s ease,margin-inline-start .25s ease}.nav-links .level_1 a:hover,.nav-links .level_1 a.active,.nav-links .level_1 a.trail,.nav-links .level_1 strong:hover,.nav-links .level_1 strong.active,.nav-links .level_1 strong.trail{background-color:rgba(240,236,226,.6)}.nav-links .level_1 a:hover::after,.nav-links .level_1 a.active::after,.nav-links .level_1 a.trail::after,.nav-links .level_1 strong:hover::after,.nav-links .level_1 strong.active::after,.nav-links .level_1 strong.trail::after{opacity:1;margin-inline-start:0}.nav-links .all-houses{font-family:"Inter",sans-serif;font-size:clamp(0.875rem,0.8459rem + 0.0969vw,0.9375rem);font-weight:500;line-height:1.2;letter-spacing:1%;color:#69628c;display:inline-flex;justify-content:center;align-items:center;gap:1rem;padding:16px clamp(1.25rem,1.1337rem + 0.3876vw,1.5rem);margin-top:clamp(1.25rem,1.1337rem + 0.3876vw,1.5rem);text-decoration:none}.nav-links .all-houses::before{content:"";display:inline-block;width:.75rem;height:.75rem;background:url("/bundles/okal/icons/icon-arrow-right-purple-500.svg") center/contain no-repeat}@media only screen and (max-width: 1079.98px){.main-nav-container[data-state=open] .nav-screen[data-screen=root]:not(.is-active){transform:scale(0.85)}body::before{display:none}.main-nav-container{position:fixed;inset:0;height:100dvh;padding-top:6.875rem;background-color:#f0ece2;opacity:1;visibility:visible;transform:translateY(-110%);transition:transform .4s cubic-bezier(0.22, 1, 0.36, 1),visibility 0s linear .4s}.main-nav-container::before{display:none}.main-nav-container[data-state=open]{transform:translateY(0);transition:transform .4s cubic-bezier(0.22, 1, 0.36, 1),visibility 0s linear 0s}.main-nav{width:100%;height:100%;max-width:100%;padding:0;margin:0;background-color:rgba(0,0,0,0);border-radius:0;overflow:visible}.nav-screen{position:absolute;inset:0;display:flex;flex-direction:column;height:100%;min-height:0;gap:0;padding-bottom:40px;opacity:1;background-color:#f0ece2;transform:translateX(100vw);transition:transform .6s cubic-bezier(0.22, 1, 0.36, 1);z-index:1}.nav-screen[data-screen=root]{display:flex;padding-top:40px;padding-inline:var(--container-offset, 3.5vw);overflow-y:auto;transform:translateX(0);transition:transform .8s cubic-bezier(0.22, 1, 0.36, 1)}.nav-screen[data-screen=root].is-active{transform:translateX(0)}.nav-screen:not([data-screen=root]).is-active{transform:translateX(0);transition:transform 1s cubic-bezier(0.22, 1, 0.36, 1)}.nav-root-links{flex:1}.nav-root-links .nav-toplevel{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none}.nav-root-links .nav-toplevel li{margin:0}.nav-root-links .nav-toplevel span{font-size:clamp(1.625rem,1.4506rem + 0.5814vw,2rem);line-height:1.07;color:#36332c;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(1.5rem,1.2674rem + 0.7752vw,2rem) 16px clamp(1.25rem,1.1337rem + 0.3876vw,1.5rem);color:#36332c;text-decoration:none;border-radius:8px;cursor:pointer}.nav-root-links .nav-toplevel span em,.nav-root-links .nav-toplevel span i{letter-spacing:1%}.nav-root-links .nav-toplevel span::after{content:"";display:inline-block;width:1.25rem;height:1.25rem;background:url("/bundles/okal/icons/icon-arrow-right-olive-500.svg") center/contain no-repeat}.nav-root-cta{display:flex;flex-direction:column;gap:16px;margin-top:auto;padding-top:clamp(1.5rem,1.2674rem + 0.7752vw,2rem)}.nav-root-cta .btn{width:100%}.nav-root-cta .btn-ghost{background:linear-gradient(0deg, #e8e3d5 0%, #e8e3d5 100%),#e7e3d5}.nav-screen:not([data-screen=root]){flex-direction:column-reverse;gap:16px}.nav-screen:not([data-screen=root]) .nav-links{flex:1;min-height:0;padding-inline:var(--container-offset, 3.5vw);overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-screen:not([data-screen=root]) .nav-links .level_1{padding:0}.nav-screen:not([data-screen=root]) .nav-links .level_1 a::after{display:none}}