#navigation-toggle{display:none}.scramble-visual{overflow-wrap:anywhere}#navigation-drawer:not([open]){display:none}#navigation-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(384px,calc(100vw - 24px));max-width:none;height:100dvh;max-height:100dvh;box-sizing:border-box;padding:max(20px,env(safe-area-inset-top)) clamp(14px,4vw,26px) max(20px,env(safe-area-inset-bottom));color:#f0f4ff;background:radial-gradient(ellipse at top right,#172437 0%,transparent 65%),#0b1019;border:0;border-left:1px solid #ffffff1a;box-shadow:-24px 0 64px #0008;overflow-y:auto;overscroll-behavior:contain}#navigation-drawer::backdrop{background:#030712a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.navigation-drawer-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #ffffff1a}.navigation-drawer-header h2{margin:0;font:700 clamp(1.125rem,4vw,1.375rem) Syne,sans-serif}.navigation-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #ffffff26;border-radius:10px;background:#ffffff08;color:inherit;font-size:26px;line-height:1;cursor:pointer}#navigation-drawer nav{display:grid;gap:8px}#navigation-drawer .mobile-nav-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 14px;border:1px solid #ffffff13;border-radius:10px;background:#111927;color:#dbe4f2;text-decoration:none}#navigation-drawer .mobile-nav-link:after{content:"";width:6px;height:6px;flex:0 0 6px;border:solid currentColor;border-width:1px 1px 0 0;transform:rotate(45deg);opacity:.65}#navigation-drawer .mobile-nav-link:hover{background:#1a2536;border-color:#ffffff35}#navigation-drawer .mobile-nav-link.active{background:#f3f6fc;border-color:#f3f6fc;color:#0b1019}#navigation-drawer :focus-visible,#navigation-toggle:focus-visible{outline:2px solid #b9d5fb;outline-offset:2px}.resume-contact-item:has(a[aria-disabled=true]){display:none}.contact-card[aria-disabled=true],.social-btn[aria-disabled=true]{cursor:default;opacity:.65;text-decoration:none}.contact-card[aria-disabled=true] .contact-card-external{display:none}@media(max-width:1023px){#navbar .hidden.md\:flex{display:none}#navigation-toggle{display:flex;width:44px;height:44px;align-items:center;justify-content:center;padding:10px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff05}}@media(max-width:767px){.projects-hero h1{font-size:clamp(1.75rem,8vw,2.5rem);max-width:100%;overflow-wrap:anywhere}}@media(min-width:1024px){#navigation-toggle,#navigation-drawer{display:none!important}}@media(prefers-reduced-motion:no-preference){#navigation-drawer[open]{animation:navigation-enter .22s ease-out}@keyframes navigation-enter{0%{transform:translate(100%);opacity:.5}to{transform:translate(0);opacity:1}}}#image-lightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;box-sizing:border-box;align-items:center;justify-content:center;background:#000000eb;padding:max(76px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom))}#image-lightbox:not([open]){display:none!important}#image-lightbox[open]{display:flex;opacity:1;visibility:visible;transform:none}#image-lightbox #lightbox-image{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}#image-lightbox .lightbox-close{width:48px;height:48px;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}.credential-hero-image [role=button]:focus-visible,#image-lightbox button:focus-visible{outline:2px solid #00d4ff;outline-offset:4px}
