/* Work dropdown (project breakdowns) */
.nav nav .dd{position:relative;display:flex;align-items:center}
.nav nav .dd-t{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:0;margin:0;cursor:pointer;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#c6ccd6;transition:color .3s}
.nav nav .dd-t:hover,.nav nav .dd-t[aria-expanded="true"],.nav nav .dd.on .dd-t{color:var(--acc)}
.nav nav .dd-t:focus-visible{outline:1px solid var(--acc);outline-offset:6px;border-radius:2px}
.nav nav .dd-t svg{width:8px;height:8px;transition:transform .3s var(--ease)}
.nav nav .dd-t[aria-expanded="true"] svg{transform:rotate(180deg)}
.nav nav .dd-m{position:absolute;top:100%;left:50%;min-width:270px;padding-top:16px;transform:translate(-50%,6px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,transform .35s var(--ease),visibility 0s .35s;z-index:60}
.nav nav .dd-m .dd-p{background:rgba(7,9,12,.94);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--line2);border-radius:14px;padding:10px;box-shadow:0 24px 60px rgba(0,0,0,.55)}
.nav nav .dd-m .dd-h{display:block;font:500 9.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);padding:8px 12px 6px}
.nav nav .dd-m a,.nav nav .dd-m a:not(.cta):not([href="/political-ads/"]){display:block;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#c6ccd6;padding:11px 12px;border-radius:9px;white-space:nowrap;transition:color .2s,background .2s}
.nav nav .dd-m a:hover,.nav nav .dd-m a:focus-visible{color:var(--acc);background:rgba(76,201,255,.07);outline:none}
.nav nav .dd-m a[aria-current="page"]{color:var(--acc)}
.nav nav .dd-m a.dd-all{margin-top:6px;border-top:1px solid var(--line);border-radius:0 0 9px 9px;color:var(--mute);padding-top:13px}
.nav nav .dd-m a.dd-all:hover{color:var(--acc)}
.nav nav .dd.open .dd-m{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition:opacity .25s,transform .35s var(--ease),visibility 0s}
@media (hover:hover) and (pointer:fine){.nav nav .dd:hover .dd-m,.nav nav .dd:focus-within .dd-m{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition:opacity .25s,transform .35s var(--ease),visibility 0s}.nav nav .dd:hover .dd-t svg{transform:rotate(180deg)}}
.nav nav .dd-m .dd-mob{display:none}
@media (max-width:640px){.nav nav{position:static}.nav nav .dd{position:static}.nav nav>a:not(.cta){display:none!important}
.nav nav .dd-t{font-size:10px;letter-spacing:.08em}
.nav nav .dd-m{left:12px;right:12px;top:100%;min-width:0;padding-top:4px;transform:translateY(6px)}
.nav nav .dd.open .dd-m{transform:none}
.nav nav .dd-m a,.nav nav .dd-m a:not(.cta):not([href="/political-ads/"]){padding:13px 12px;white-space:normal}
.nav nav .dd-m .dd-mob{display:block;margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}
.nav nav .dd-m a.dd-all{border-top:0;margin-top:0;padding-top:13px}}