header{height:86px!important;padding:0 4vw!important;background:rgba(16,19,16,.18)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:0!important;color:#fff!important}header.scrolled{height:76px!important;background:rgba(18,21,18,.48)!important;border-bottom:0!important;color:#fff!important}.logo{gap:13px!important}.logo>i{width:42px;height:42px;border:1px solid rgba(255,255,255,.72);display:grid;place-items:center;font:300 22px "Noto Serif SC";font-style:normal}.logo>span{display:flex;flex-direction:column;gap:3px}.logo>span b{font:400 16px "Noto Serif SC"}.logo>span small{font:7px monospace;letter-spacing:.15em;opacity:.62}.logo>span,.logo>span b{font-size:initial}.logo>b{display:none}header nav{position:absolute;left:57%;transform:translateX(-50%);gap:34px!important;align-self:stretch;align-items:center}header nav a{position:relative;min-width:48px;display:flex;flex-direction:column;align-items:center;gap:5px;opacity:.72!important;letter-spacing:0!important}header nav a b{font-size:14px;font-weight:400}header nav a small{font:7px monospace;letter-spacing:.12em;opacity:.62}header nav a:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;background:#fff;transform:translateX(-50%);transition:width .3s}header nav a.active{opacity:1!important}header nav a.active:after{width:30px}.hero-code{display:none!important}.hero-title{bottom:25%!important}.hero-title>small{font-size:14px!important;letter-spacing:.14em!important}.hero-title>p{max-width:700px!important;font:300 16px/2 "Noto Serif SC"!important;opacity:.86!important}.hero-title>a{display:none!important}.project-meta{height:auto!important;bottom:28px!important;left:8vw!important;right:8vw!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important;border:0!important}.project-meta div{min-height:86px;padding:18px 20px!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:10px;background:rgba(20,22,19,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.project-meta dt{font-size:9px!important}.project-meta dd{font-size:15px!important}
@media(max-width:760px){header{height:64px!important;padding:0 18px!important}.logo>i{width:34px;height:34px;font-size:18px}.logo>span b{font-size:13px}.logo>span small{font-size:6px}header nav{position:fixed;left:0;right:0;top:64px;transform:none;align-items:stretch;gap:18px!important;background:rgba(18,21,18,.88)!important;color:#fff!important;padding:22px!important}header nav.open{display:grid!important}.hero-title{bottom:31%!important}.hero-title>small{font-size:12px!important}.hero-title>p{font-size:13px!important}.project-meta{left:18px!important;right:18px!important;bottom:16px!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.project-meta div{min-height:68px;padding:11px 12px!important}.project-meta dd{font-size:12px!important}}