@font-face{font-family:Onest;src:url('assets/Onest.ttf') format('truetype');font-weight:100 900;font-display:swap}
body,button,input,textarea,select,dialog{font-family:Onest,Arial,sans-serif}
.sitehead .logo{width:260px;max-width:45cqw;height:auto;display:block}
.sitehead .headnav{display:flex;align-items:center;gap:28px}
.sitehead .headnav .header-request{display:block;font-size:13px;white-space:nowrap}
.menu-open{display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center;width:52px;height:52px;border:0;border-radius:50%;background:#0041ff;color:white;flex:none}
.menu-open span{width:23px;height:2px;background:currentColor;transition:transform .2s}
.menu-open:hover span:nth-child(2){transform:translateX(3px)}
.site-menu{position:fixed;inset:0 0 0 auto;margin:0;width:min(440px,100%);max-width:100vw;height:100dvh;max-height:100dvh;padding:36px 35px;background:#fff;color:#262626;border:0;overflow:auto;font-family:Onest,Arial,sans-serif;box-shadow:-25px 0 90px #001a5833}
.site-menu[open]{animation:drawer-in .4s cubic-bezier(.2,.7,.2,1)}
.site-menu::backdrop{background:#00123588;backdrop-filter:blur(5px)}
.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:55px}.drawer-head img{width:215px;max-width:75%}.menu-close{border:1px solid #ddd;background:transparent;border-radius:50%;width:42px;height:42px;font-size:26px}
.drawer-links{display:flex;flex-direction:column;gap:16px}.drawer-links a{font-size:31px;line-height:1.2;letter-spacing:-.04em;color:#262626;text-decoration:none}.drawer-links a:hover{color:#0041ff;transform:translateX(6px)}
.drawer-secondary{display:flex;flex-direction:column;gap:13px;margin:35px 0;font-size:15px}.drawer-brief{display:inline-flex;background:#0041ff;color:white!important;padding:17px 23px;border-radius:40px;text-decoration:none}.drawer-contact{margin-top:30px;display:block;font-size:14px}.drawer-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:35px;color:#777}.drawer-meta a{color:inherit}
@keyframes drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@container(max-width:600px){.sitehead .logo{width:185px;max-width:53cqw}.sitehead .headnav{gap:12px}.sitehead .headnav .header-request{display:none}.menu-open{width:44px;height:44px}}
@media(max-width:450px){.site-menu{padding:27px}.drawer-head{margin-bottom:38px}.drawer-links a{font-size:29px}}
@media(prefers-reduced-motion:reduce){.site-menu[open]{animation:none}}
/* The menu grows from the actual circular trigger into the full page width. */
.site-menu{inset:0 auto 0 0;width:100%;max-width:100vw;box-sizing:border-box;padding:34px 4%;border-radius:0;box-shadow:none;container-type:inline-size;overscroll-behavior:contain}
.site-menu[open]{animation:none;display:flex;flex-direction:column}
.site-menu::backdrop{background:transparent;backdrop-filter:none}
.drawer-head{margin-bottom:clamp(28px,5vh,72px);flex:none;min-height:52px}
.drawer-head>a{display:block}.drawer-head img{width:260px;max-width:48cqw}
.menu-close{width:52px;height:52px;flex:none;border:0;background:#f0ead8;color:#0041ff;font-size:34px;line-height:1}
.drawer-body{display:grid;grid-template-columns:1.2fr 1fr;gap:5cqw;align-items:end;flex:1}
.drawer-links{gap:12px}
.drawer-links a{font-size:clamp(35px,6.2cqw,90px);line-height:1.06;letter-spacing:-.055em;transition:color .2s,transform .3s}
.drawer-aside{padding-bottom:7px}.drawer-caption{font-size:clamp(19px,2.2cqw,32px);line-height:1.25;margin:0 0 22px}
.drawer-secondary{margin:34px 0;line-height:1.5}.drawer-contact{margin-top:16px;overflow-wrap:anywhere}
.drawer-meta{margin-top:40px;padding-top:20px;border-top:1px solid #e5e5e5;gap:15px;flex:none}
.menu-motion .drawer-links a{animation:menu-item-in .55s .2s both}
.menu-motion .drawer-links a:nth-child(2){animation-delay:.24s}.menu-motion .drawer-links a:nth-child(3){animation-delay:.28s}.menu-motion .drawer-links a:nth-child(4){animation-delay:.32s}.menu-motion .drawer-links a:nth-child(5){animation-delay:.36s}.menu-motion .drawer-links a:nth-child(6){animation-delay:.4s}
.menu-motion .drawer-aside,.menu-motion .drawer-meta{animation:menu-item-in .55s .35s both}
@keyframes menu-item-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@container(max-width:600px){.drawer-body{grid-template-columns:1fr;gap:32px;align-items:start}.drawer-links a{font-size:clamp(32px,10cqw,52px)}.drawer-head img{width:190px}.drawer-secondary{margin:24px 0}.drawer-meta{font-size:10px;margin-top:28px}.drawer-caption{font-size:22px}.drawer-head{margin-bottom:28px}.menu-close{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.menu-motion .drawer-links a,.menu-motion .drawer-aside,.menu-motion .drawer-meta{animation:none}}
.motion-stopped .menu-motion .drawer-links a,.motion-stopped .menu-motion .drawer-aside,.motion-stopped .menu-motion .drawer-meta{animation:none}
