header.svelte-qt0i18{z-index:50;color:#edf0ed;letter-spacing:.12em;text-transform:uppercase;view-transition-name:portfolio-header;border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(1rem,3vw,3rem);font:800 .75rem/1 Arial,sans-serif;display:flex;position:absolute;inset:0 0 auto}header.project.svelte-qt0i18{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090b0ae6;position:fixed}a.svelte-qt0i18{color:inherit;text-decoration:none}.brand.svelte-qt0i18{align-items:center;gap:.65rem;min-height:44px;display:flex;position:relative}.brand.svelte-qt0i18 img:where(.svelte-qt0i18){filter:drop-shadow(0 0 8px #9a5cff2e);width:27px;height:27px;transition:filter var(--motion-fast,.16s) ease, transform var(--motion-base,.24s) var(--ease-out,ease)}.brand.svelte-qt0i18:after{transform-origin:0;content:"";background:linear-gradient(90deg,#ff365c,#9a5cff,#3978ff);height:1px;transition:transform .25s;position:absolute;bottom:.35rem;left:0;right:0;transform:scaleX(0)}.brand.svelte-qt0i18:hover:after,.brand.svelte-qt0i18:focus-visible:after{transform:scaleX(1)}.brand.svelte-qt0i18:hover img:where(.svelte-qt0i18),.brand.svelte-qt0i18:focus-visible img:where(.svelte-qt0i18){filter:drop-shadow(0 0 10px #9a5cff6b);transform:rotate(-3deg)scale(1.04)}nav.svelte-qt0i18{align-items:center;gap:.55rem;display:flex}nav.svelte-qt0i18>a:where(.svelte-qt0i18){color:#aeb5af;border:1px solid #0000;align-items:center;min-height:44px;padding:0 .85rem;transition:color .18s,background .18s,border-color .18s,transform .18s;display:flex;position:relative}nav.svelte-qt0i18>a:where(.svelte-qt0i18):not(.contact):hover{color:#fff;background:#151916;border-color:#3a403b}nav.svelte-qt0i18>a.current:where(.svelte-qt0i18){color:#fff}nav.svelte-qt0i18>a.current:where(.svelte-qt0i18):after{content:"";background:#9a5cff;height:2px;position:absolute;bottom:.35rem;left:.8rem;right:.8rem}.contact.svelte-qt0i18{color:#fff;border-color:#59605a;margin-left:.45rem}.contact.svelte-qt0i18:hover{background:#9a5cff;border-color:#9a5cff;transform:translateY(-2px)}.contact.svelte-qt0i18:active{transform:translateY(0)scale(.98)}.contact.svelte-qt0i18 span:where(.svelte-qt0i18){margin-left:.45rem;transition:transform .18s}.contact.svelte-qt0i18:hover span:where(.svelte-qt0i18){transform:translate(2px,-2px)}.menu.svelte-qt0i18{color:#fff;min-width:82px;min-height:44px;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:#111412;border:1px solid #4a504b;align-items:center;gap:.65rem;padding:0 .8rem;display:none}.menu.svelte-qt0i18 i:where(.svelte-qt0i18){width:13px;height:1px;transition:transform var(--motion-base,.24s) var(--ease-out,ease);background:currentColor;position:relative}.menu.svelte-qt0i18 i:where(.svelte-qt0i18):after{content:"";width:13px;height:1px;transition:top var(--motion-base,.24s) var(--ease-out,ease), transform var(--motion-base,.24s) var(--ease-out,ease);background:currentColor;position:absolute;top:4px;left:0}.open.svelte-qt0i18 .menu:where(.svelte-qt0i18) i:where(.svelte-qt0i18){transform:rotate(45deg)}.open.svelte-qt0i18 .menu:where(.svelte-qt0i18) i:where(.svelte-qt0i18):after{top:0;transform:rotate(90deg)}.menu.svelte-qt0i18:active{transform:scale(.97)}a.svelte-qt0i18:focus-visible,.menu.svelte-qt0i18:focus-visible{outline-offset:3px;outline:2px solid #9a5cff}@media (width<=700px){header.svelte-qt0i18{height:72px}.menu.svelte-qt0i18{display:flex}nav.svelte-qt0i18{opacity:0;pointer-events:none;background:#090b0a;grid-template-columns:1fr 1fr;gap:1px;max-height:0;padding:0 1rem;transition:max-height .28s,padding .28s,opacity .2s,transform .28s;display:grid;position:absolute;top:72px;left:0;right:0;overflow:hidden;transform:translateY(-8px);box-shadow:0 20px 45px #0006}.open.svelte-qt0i18 nav:where(.svelte-qt0i18){opacity:1;pointer-events:auto;max-height:300px;padding:1rem;transform:translateY(0)}nav.svelte-qt0i18>a:where(.svelte-qt0i18){color:#d7dbd8;opacity:0;min-height:58px;transition:opacity var(--motion-fast,.16s) ease, transform var(--motion-base,.24s) var(--ease-out,ease), color var(--motion-fast,.16s) ease, background var(--motion-fast,.16s) ease;background:#111412;border-color:#303531;justify-content:space-between;padding:0 1rem;transform:translateY(-6px)}.open.svelte-qt0i18 nav:where(.svelte-qt0i18)>a:where(.svelte-qt0i18){opacity:1;transform:translateY(0)}.open.svelte-qt0i18 nav:where(.svelte-qt0i18)>a:where(.svelte-qt0i18):nth-child(2){transition-delay:30ms}.open.svelte-qt0i18 nav:where(.svelte-qt0i18)>a:where(.svelte-qt0i18):nth-child(3){transition-delay:60ms}.open.svelte-qt0i18 nav:where(.svelte-qt0i18)>a:where(.svelte-qt0i18):nth-child(4){transition-delay:90ms}nav.svelte-qt0i18>a:where(.svelte-qt0i18):nth-child(3){grid-column:1/-1}nav.svelte-qt0i18>a.current:where(.svelte-qt0i18):after{width:3px;height:auto;inset:0 auto 0 0}.contact.svelte-qt0i18{background:linear-gradient(100deg,#ff365c,#9a5cff 58%,#3978ff);border-color:#9a5cff;grid-column:1/-1;margin:0}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()){header.project.svelte-qt0i18:after{content:"";transform-origin:0;background:linear-gradient(90deg,#ff365c,#9a5cff 55%,#3978ff);height:2px;animation:linear both svelte-qt0i18-reading-progress;animation-timeline:scroll(root);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}}}@keyframes svelte-qt0i18-reading-progress{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.svelte-qt0i18,.svelte-qt0i18:before,.svelte-qt0i18:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}