.site-head{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:flex-start;padding:26px var(--g);transition:background .3s,padding .3s,color .3s}
.site-head.scrolled{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding-top:14px;padding-bottom:14px}
.brand{display:block;line-height:0}
.brand img{height:46px;width:auto}
.brand .lw{display:none}
body[data-page="home"] .site-head:not(.scrolled){color:#fff}
body[data-page="home"] .site-head:not(.scrolled) .brand .lw{display:block}
body[data-page="home"] .site-head:not(.scrolled) .brand .ln{display:none}
.hsvc{display:none}
@media (min-width:1180px){
  .hsvc{display:block;position:absolute;left:30vw;top:26px;columns:2;column-gap:48px;margin:0;padding:0;list-style:none;font-size:15px;line-height:1.5;transition:opacity .3s}
  .hsvc a{text-decoration:none}
  .site-head.scrolled .hsvc{opacity:0;pointer-events:none}
}
.menu-btn{display:flex;align-items:center;gap:12px;min-height:44px;padding:0;background:none;border:0;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.menu-btn i{display:block;width:26px;height:9px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor}
.menu-btn:hover{color:var(--accent)}

/* full-screen menu */
.menu{position:fixed;inset:0;z-index:200;background:#fff;color:#000;overflow:auto;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s;padding:26px var(--g) 40px;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:36px}
.menu.open{visibility:visible;opacity:1}
.menu-top{display:flex;justify-content:space-between;align-items:center}
.menu-top img{height:46px;width:auto}
.menu-main{display:grid;gap:28px;align-content:start}
.menu nav{display:flex;flex-direction:column;gap:6px}
.menu nav a{font-size:33px;font-weight:500;line-height:1.1;text-decoration:none}
.menu nav a[aria-current="page"]{color:var(--accent)}
.menu .legal{display:flex;flex-direction:column;gap:4px}
.menu .legal a,.menu .legal button{font-size:22px;font-weight:500;text-decoration:none;background:none;border:0;padding:0;text-align:left;cursor:pointer}
.menu .legal button:hover{color:var(--accent)}
.menu .disp{font-size:clamp(28px,3.4vw,50px);line-height:1.05;max-width:18em}
.menu .disp em{font-weight:700}
@media (min-width:1024px){
  .menu-main{grid-template-columns:auto 1fr;gap:0 clamp(48px,6vw,110px);padding-left:30vw;align-items:start}
  .menu nav{border-left:1px solid #000;padding-left:clamp(32px,4vw,64px)}
  .menu nav a{font-size:50px}
  .menu .legal a,.menu .legal button{font-size:30px}
}

/* sections */