:root{--hpad: clamp(16px, 5vw, 32px)}body.nav-open{overflow:hidden}.site-header{position:fixed;inset:0 0 auto;max-width:2560px;margin:0 auto;z-index:100;display:flex;justify-content:space-between;align-items:flex-start;padding:12px max(var(--hpad),env(safe-area-inset-left,0px));pointer-events:none}.site-header>*{pointer-events:auto}.glass{background:#e9e9e9ad;-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);box-shadow:inset 0 0 0 1px #ffffff80,0 6px 26px #00000012}.menu-btn{height:44px;padding:0 22px;border-radius:999px;border:0;cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;line-height:1;--ls: var(--ls-m);--ws: var(--ws-m);color:#3f3f3f;--ls: var(--ls-r);--ws: var(--ws-r)}.logo{margin:0;transition:filter .2s}.logo img{width:58px;height:auto;margin:0;filter:brightness(0) invert(.2);transition:filter .2s}.logo.is-light img{filter:brightness(0) invert(.62)}body.nav-open .logo img{filter:brightness(0) invert(.94)}.nav{position:fixed;inset:0;z-index:-1;display:none;flex-direction:column;justify-content:center;align-items:center;padding:0;border-radius:0;background:#0c0c0cf2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:none}.nav.is-open{display:flex}.nav ul{display:grid;gap:6px;text-align:center;padding:0}.nav a{display:block;line-height:1.3;padding:8px 20px;font-size:clamp(30px,9vw,44px);color:#f1f1f1}.nav a:hover,.nav a[aria-current]{color:#8efe3c}.btn-order{position:absolute;right:var(--hpad);bottom:28px;z-index:2;display:grid;place-items:center;height:46px;padding:0 26px;flex:none;--bw: clamp(1px, .0625em, 4px);border-radius:999px;color:#fff;font-size:15px;font-weight:500;--ls: var(--ls-m);--ws: var(--ws-m);text-shadow:0 .25em .05em rgba(0,0,0,.1);background:#ffffff1f;-webkit-backdrop-filter:blur(clamp(1px,.125em,4px));backdrop-filter:blur(clamp(1px,.125em,4px));box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .25em .125em -.125em #0003,0 0 .1em .25em inset #fff3;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .5s ease,background .2s,color .2s,opacity .2s,visibility 0s;--ls: var(--ls-r);--ws: var(--ws-r)}.btn-order:after{content:"";position:absolute;inset:calc(var(--bw) / -2);padding:var(--bw);border-radius:inherit;pointer-events:none;background:#ffffff80;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.btn-order:hover{background:#fffffff0;color:#111;transform:scale(.975)}@media(min-width:900px){.site-header{padding:0;display:block}.menu-btn{display:none}.nav{position:absolute;inset:auto;z-index:1;display:flex;align-items:center;flex-direction:row;justify-content:flex-start;left:calc(var(--u) * 954.5);transform:translate(-50%);top:calc(var(--u) * 21);min-width:calc(var(--u) * 553);height:max(36px,calc(var(--u) * 52));padding:0 max(14px,calc(var(--u) * 21.9)) 0 max(16px,calc(var(--u) * 25.9));border-radius:999px;background:#e9e9e9b8;-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);box-shadow:inset 0 0 0 1px #ffffff80,0 6px 26px #0000000f}.nav ul{display:flex;gap:max(10px,calc(var(--u) * 18.2));text-align:left;white-space:nowrap}.nav li:nth-child(4){margin-left:calc(var(--u) * 3.6)}.nav a{padding:0;line-height:1.3;font-size:max(13px,calc(var(--u) * 17));color:#3f3f3f;font-weight:500;transition:opacity .2s;--ls: var(--ls-m);--ws: var(--ws-m)}.nav a:hover{color:#3f3f3f;opacity:.6}.nav a[aria-current]{color:#000}.logo{position:absolute;left:auto;right:calc(var(--u) * 72.1);top:calc(var(--u) * 24)}.logo img{width:max(52px,calc(var(--u) * 83))}.btn-order{--oh: max(36px, calc(var(--u) * 52.2));right:calc(var(--u) * 72.1);bottom:auto;top:calc(var(--u) * 992.3);width:max(72px,calc(var(--u) * 99.9));height:var(--oh);padding:0;border-radius:999px;font-size:max(13px,calc(var(--u) * 15));line-height:var(--oh)}.hero .btn-order{top:auto;bottom:calc(var(--u) * var(--oc, 71.3) - var(--oh) / 2)}}@media(max-width:899px){.hero:not(.hp-hero) .btn-order{bottom:calc(11px + .561*clamp(28px,7vw,45px))}}.btn-order.is-under-header{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s .2s}@media(prefers-reduced-motion:reduce){.btn-order{transition:none}}.sr{position:absolute;left:12px;top:-60px;z-index:200;padding:10px 16px;border-radius:999px;background:#000;color:#fff;font-size:15px;transition:top .15s}.sr:focus{top:12px}.to-top{position:fixed;right:max(var(--hpad),env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#3f3f3f;opacity:0;visibility:hidden;translate:0 10px;transition:opacity .25s,translate .25s,visibility 0s .25s,scale .5s cubic-bezier(.34,1.56,.64,1)}.to-top svg{width:46%;height:auto}.to-top.is-shown{opacity:1;visibility:visible;translate:0 0;transition:opacity .25s,translate .25s,visibility 0s,scale .5s cubic-bezier(.34,1.56,.64,1)}.to-top:hover{scale:.95}.to-top:focus-visible{outline:2px solid #000;outline-offset:3px}body.nav-open .to-top{visibility:hidden}@media(min-width:900px){.to-top{right:calc(max(0px,(100vw - 2560px) / 2) + var(--u) * 72.1);bottom:max(20px,calc(var(--u) * 30));width:max(44px,calc(var(--u) * 52.2));height:max(44px,calc(var(--u) * 52.2))}}@media(prefers-reduced-motion:reduce){.to-top{transition:none}}@media(max-resolution:1.49dppx){.glass,.nav{-webkit-backdrop-filter:none;backdrop-filter:none}.glass{background:#e9e9e9d9}}@media(max-resolution:1.49dppx)and (min-width:900px){.nav{background:#e9e9e9d9}}
