.work-nav{position:relative}.work-nav-trigger{border:0;background:none;padding:12px 0;color:var(--muted);font:inherit;font-size:14px;cursor:pointer;transition:color .2s}.work-nav-trigger:hover,.work-nav-trigger[aria-expanded="true"]{color:var(--fg)}.work-nav-trigger:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:4px}.work-dropdown{position:absolute;top:100%;left:-16px;width:170px;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--bg);box-shadow:0 12px 40px #0003;opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .18s,transform .18s,visibility .18s;z-index:20}.work-nav[data-open="true"] .work-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav .work-dropdown a{display:block!important;padding:12px;border-radius:9px;color:var(--fg);font-size:14px}.nav .work-dropdown a:hover,.nav .work-dropdown a:focus-visible{background:rgba(70,119,255,.12);color:var(--fg);outline:none}.work-category{scroll-margin-top:28px}@media(max-width:620px){.work-nav-trigger{font-size:13px}.work-dropdown{left:0;width:150px}}@media(prefers-reduced-motion:reduce){.work-dropdown{transition:none}}
.compact-nav{gap:18px}.site-menu-trigger{width:44px;height:44px;padding:12px 10px;display:flex;flex-direction:column;justify-content:center;gap:5px;background:transparent;border:1px solid var(--line);border-radius:50%;cursor:pointer;transition:background .2s}.site-menu-trigger span{display:block;width:20px;height:1.5px;background:var(--fg);border-radius:4px}.site-menu-trigger:hover{background:#4677ff20}.site-menu-trigger:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.site-menu{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:16px 16px auto auto;padding:28px;border:1px solid var(--line);border-radius:26px;background:var(--bg);color:var(--fg);box-shadow:0 20px 80px #0004;overflow:auto}.site-menu::backdrop{background:#080b1380;backdrop-filter:blur(8px)}.site-menu[open]{animation:menu-enter .22s ease-out}.site-menu-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line)}#site-menu-title{font-size:24px;font-weight:800;letter-spacing:-.055em}#site-menu-title>span{color:var(--blue)}.site-menu-close{width:38px;height:38px;background:transparent;color:var(--fg);border:1px solid var(--line);border-radius:50%;font-size:27px;cursor:pointer}.site-menu-links{display:flex;flex-direction:column;padding-top:16px}.site-menu-links>a{font-size:23px;letter-spacing:-.035em;padding:9px 0;display:flex;justify-content:space-between;align-items:center}.site-menu-links>a>span{font-size:17px;color:var(--muted)}.site-menu a:hover{color:var(--blue)}.site-menu a:focus-visible,.site-menu-close:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:4px}.menu-section-label{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin:20px 0 7px}.menu-albums{display:flex;flex-wrap:wrap;gap:8px;padding:7px 0 12px}.menu-albums a{font-size:12px;padding:8px 11px;border:1px solid var(--line);border-radius:30px;color:var(--muted)}.menu-social{display:flex;flex-wrap:wrap;gap:12px 18px;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.menu-social a{font-size:13px;color:var(--muted)}.menu-legal{display:inline-block;font-size:11px;color:var(--muted);margin-top:20px}@keyframes menu-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:620px){.site-menu{padding:22px}.compact-nav{gap:12px}}@media(prefers-reduced-motion:reduce){.site-menu[open]{animation:none}}

.subtle-menu{position:fixed;z-index:100;inset:auto;width:min(320px,calc(100vw - 32px));margin:0;padding:20px;border-radius:20px;box-shadow:0 12px 35px #0002;background:var(--bg);color:var(--fg);animation:menu-enter .16s ease-out}.subtle-menu[hidden]{display:none}.subtle-menu .site-menu-links{padding-top:0}.subtle-menu .site-menu-links>a{font-size:17px;padding:7px 0;letter-spacing:-.02em}.subtle-menu .menu-section-label{margin-top:15px;font-size:9px}.subtle-menu .menu-albums{gap:6px;padding:5px 0 7px}.subtle-menu .menu-albums a{padding:6px 9px;font-size:11px}.subtle-menu .menu-social{gap:12px;margin-top:16px;padding-top:14px}.subtle-menu .menu-social a{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:var(--fg);background:transparent;transition:background .2s,color .2s}.subtle-menu .menu-social a:hover{background:#4677ff15;color:var(--blue)}.subtle-menu .menu-social svg{width:22px;height:22px;fill:currentColor}.subtle-menu .menu-legal{margin-top:12px;font-size:10px}@media(prefers-reduced-motion:reduce){.subtle-menu{animation:none}}

/* Open navigation floats on a fading glass background instead of a card. */
.menu-veil{position:fixed;inset:0 0 0 auto;width:min(820px,100vw);z-index:90;pointer-events:none;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);mask-image:linear-gradient(to right,transparent 0%,#0005 30%,#000 68%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#0005 30%,#000 68%);opacity:0;transform:translateX(35px);transition:opacity .42s ease,transform .5s cubic-bezier(.2,.8,.2,1)}.menu-veil[data-open="true"]{opacity:1;transform:translateX(0)}.subtle-menu{background:transparent;border:0;box-shadow:none;border-radius:0;width:min(360px,calc(100vw - 44px));padding:18px 0 22px 24px;overflow:auto;text-align:right;animation:none;opacity:0;transform:translateX(26px);transition:opacity .3s ease,transform .45s cubic-bezier(.2,.8,.2,1);scrollbar-width:thin}.subtle-menu[data-open="true"]{opacity:1;transform:translateX(0)}.subtle-menu .site-menu-links>a{justify-content:flex-start;flex-direction:row-reverse;gap:16px;font-size:21px;padding:8px 0}.subtle-menu .menu-section-label{letter-spacing:.13em;margin-top:21px}.subtle-menu .menu-albums{justify-content:flex-end;gap:7px 13px;max-width:300px;margin-left:auto}.subtle-menu .menu-albums a{border:0;background:transparent;padding:4px 0;font-size:12px}.subtle-menu .menu-social{justify-content:flex-end;border:0;gap:9px;margin-top:20px;padding-top:0}.subtle-menu .menu-social a{width:38px;height:38px}.subtle-menu .menu-legal{margin-top:16px}.subtle-menu .site-menu-links>*{opacity:0;transform:translateX(15px);transition:opacity .32s ease,transform .4s cubic-bezier(.2,.8,.2,1)}.subtle-menu[data-open="true"] .site-menu-links>*{opacity:1;transform:translateX(0)}.subtle-menu[data-open="true"] .site-menu-links>:nth-child(2){transition-delay:30ms}.subtle-menu[data-open="true"] .site-menu-links>:nth-child(3){transition-delay:50ms}.subtle-menu[data-open="true"] .site-menu-links>:nth-child(4){transition-delay:70ms}.subtle-menu[data-open="true"] .site-menu-links>:nth-child(n+5){transition-delay:90ms}.topbar{z-index:110}.site-menu-trigger span{transition:transform .28s ease,opacity .2s ease}.site-menu-trigger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.site-menu-trigger[aria-expanded="true"] span:nth-child(2){opacity:0}.site-menu-trigger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}@media(max-width:620px){.menu-veil{width:100vw;background:color-mix(in srgb,var(--bg) 79%,transparent);mask-image:linear-gradient(to right,transparent,#0008 25%,#000 70%);-webkit-mask-image:linear-gradient(to right,transparent,#0008 25%,#000 70%)}.subtle-menu{padding-left:30px}.subtle-menu .site-menu-links>a{font-size:20px}}@media(prefers-reduced-motion:reduce){.menu-veil,.subtle-menu,.subtle-menu .site-menu-links>*,.site-menu-trigger span{transition:none;transform:none}.site-menu-trigger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.site-menu-trigger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}}

.subtle-menu .menu-albums{display:grid;grid-template-columns:repeat(2,max-content);justify-content:end;gap:6px 8px;max-width:none;margin:6px 0 12px auto}.subtle-menu .menu-albums a{padding:6px 9px;border-radius:7px;background:rgba(70,119,255,.08);color:#285ebd;font-size:12px;font-weight:550;letter-spacing:0;text-align:right;transition:background .2s,color .2s}.subtle-menu .menu-albums a:last-child{grid-column:1 / -1;justify-self:end}.subtle-menu .menu-albums a:hover{background:rgba(70,119,255,.17);color:#174a9f}:root[data-theme="dark"] .subtle-menu .menu-albums a{color:#b6ceff;background:rgba(70,119,255,.13)}:root[data-theme="dark"] .subtle-menu .menu-albums a:hover{color:#e1ebff;background:rgba(70,119,255,.23)}.subtle-menu .menu-section-label{color:var(--muted);font-size:9px;letter-spacing:.16em}

.subtle-menu .menu-video-albums{grid-template-columns:max-content}.subtle-menu .menu-video-albums a{justify-self:end}