*{box-sizing:border-box}html,body{margin:0;background:#070b0d;color:#f5f5f0;font-family:'DM Sans',sans-serif}body{min-height:100vh}.brand{position:fixed;z-index:100;top:27px;left:38px;width:132px}.tools{position:fixed;z-index:100;right:38px;top:32px;display:flex;gap:23px;align-items:center;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.menu{width:27px;height:15px;border-top:1px solid;border-bottom:1px solid}.kicker{font-size:10px;text-transform:uppercase;letter-spacing:.34em;color:#9bc4d3}.title{font-family:Italiana,serif;font-weight:400;line-height:.92;letter-spacing:-.02em}.foot{position:absolute;bottom:20px;left:38px;right:38px;z-index:10;display:flex;justify-content:space-between;color:#b4bec0;font-size:9px;letter-spacing:.18em;text-transform:uppercase}@media(max-width:600px){body:before{height:72px}.brand{top:22px;left:20px;width:100px}.tools{top:25px;right:20px}.tools span{display:none}.foot{left:20px;right:20px}.title{line-height:.96}}.brand,.tools{transition:filter .25s}body:before{content:"";position:fixed;z-index:90;left:0;right:0;top:0;height:88px;background:rgba(17,28,32,.94);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(101,175,199,.16);opacity:0;transition:opacity .3s;pointer-events:none}body.scrolled:before{opacity:1}.brand.scrolled{filter:drop-shadow(0 2px 10px rgba(0,0,0,.55))}.tools.scrolled{text-shadow:0 2px 10px rgba(0,0,0,.8)}