.brand-logo{color:inherit;align-items:center;gap:.34em;font-size:32px;line-height:0;display:inline-flex}.brand-logo .brand-symbol{flex:none;width:auto;height:1em;display:block;overflow:visible}.brand-logo .brand-word{flex:none;width:auto;height:.84em;display:block;overflow:visible}.brand-row{color:var(--fg,#f4f6f9);align-items:center;display:inline-flex}.datco-mark{align-items:center;font-size:32px;line-height:0;display:inline-flex}.datco-mark .datco-home{line-height:0;display:block}.datco-mark img{width:auto;height:.8em;display:block}.datco-mark .brand-divider{opacity:.4;background:currentColor;width:1px;height:.7em;margin:0 .5em}
.nav{z-index:50;padding:22px 40px;padding-top:calc(22px + env(safe-area-inset-top,0px));padding-left:calc(40px + env(safe-area-inset-left,0px));padding-right:calc(40px + env(safe-area-inset-right,0px));mix-blend-mode:difference;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;transition:background .25s,border-color .25s;display:flex;position:fixed;top:0;left:0;right:0}.nav.nav-solid{mix-blend-mode:normal;background:var(--nav-panel,#000000f0);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--nav-panel-line,var(--line))}.nav .brand{cursor:pointer;color:var(--fg,#f4f6f9);align-items:center;text-decoration:none;display:flex}.nav .menu{color:var(--fg,#f4f6f9);gap:30px;font-size:13px;font-weight:500;display:flex}.nav .menu span,.nav .menu a{opacity:.75;cursor:pointer;color:inherit;text-decoration:none;transition:opacity .2s}.nav .menu span:hover,.nav .menu a:hover{opacity:1}.nav .menu .on{opacity:1;font-weight:600}.nav-toggle{cursor:pointer;width:40px;height:40px;color:inherit;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin:-9px -10px -9px 0;padding:0;display:none}.nav-toggle span{background:currentColor;width:20px;height:1.5px;transition:transform .22s,opacity .18s;display:block}@media (max-width:900px){.nav{padding:18px 20px;padding-top:calc(18px + env(safe-area-inset-top,0px));padding-left:calc(20px + env(safe-area-inset-left,0px));padding-right:calc(20px + env(safe-area-inset-right,0px))}.nav-toggle{display:flex}.nav .menu{display:none}.nav.nav-open{mix-blend-mode:normal;background:var(--nav-panel,#000000f0);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--nav-panel-line,var(--line));flex-wrap:wrap}.nav.nav-open .menu{flex-direction:column;flex-basis:100%;order:3;gap:0;margin:14px -20px -18px;padding:2px 20px 10px;display:flex}.nav.nav-open .menu span,.nav.nav-open .menu a{opacity:.92;border-top:1px solid var(--nav-panel-line,#ffffff14);padding:13px 0;font-size:15px}.nav.nav-open .menu span:first-child,.nav.nav-open .menu a:first-child{border-top:0}.nav.nav-open .menu{min-width:calc(100% + 40px)}.nav.nav-open .nav-toggle span:first-child{transform:translateY(6.5px)rotate(45deg)}.nav.nav-open .nav-toggle span:nth-child(2){opacity:0}.nav.nav-open .nav-toggle span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}}