.transition{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100000;pointer-events:none}.transition-overlay{position:absolute;top:0;left:0;width:100%;height:100%;transform:scaleY(0);transform-origin:top;will-change:transform}.transition-overlay.overlay-1{background-color:var(--fg)}.transition-overlay.overlay-2{background-color:var(--accent1)}.transition-overlay.overlay-3{background-color:var(--accent2)}.transition-overlay.overlay-4{background-color:var(--accent3)}.transition-overlay.overlay-5{background-color:var(--accent4)}nav{position:fixed;top:0;left:0;width:100vw;padding:2em;display:flex;justify-content:space-between;align-items:center;overflow-x:hidden;z-index:100}nav .logo{padding:.5em .65em;background-color:var(--fg)}nav .logo a{color:var(--bg);-webkit-user-select:none;user-select:none}nav .menu-toggle-btn{padding:.6em .65em .65em;background-color:var(--bg2);color:var(--fg)}nav .menu-toggle-btn.menu-open{background-color:var(--fg);color:var(--bg)}nav .menu-toggle-btn p{-webkit-user-select:none;user-select:none}nav .logo,nav .menu-toggle-btn{border-radius:.4em;cursor:pointer}nav .nav-controls{display:flex;align-items:center;gap:.75em;flex-shrink:0}nav .nav-contact-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.4em;padding:.45em 1.1em;border:2.5px solid #000000;border-radius:9999px;background:linear-gradient(45deg,var(--accent1),var(--accent2),var(--accent3),var(--accent4));background-size:400% 400%;color:#000;font-family:rader,sans-serif;font-style:italic;font-size:.95rem;font-weight:800;text-transform:uppercase;text-decoration:none;letter-spacing:.03em;cursor:pointer;overflow:hidden;-webkit-user-select:none;user-select:none;transition:transform .2s ease,box-shadow .2s ease;box-shadow:3px 3px 0 1px #000;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;flex-shrink:0}nav .nav-contact-btn:before{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background:repeating-linear-gradient(45deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 6px,transparent 6px,transparent 12px);pointer-events:none;z-index:1}nav .nav-contact-btn span{position:relative;z-index:2;color:#000;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;display:inline-block}nav .nav-contact-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 1px #000}nav .nav-projects-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.4em;padding:.45em 1.1em;border:2px solid var(--fg);border-radius:9999px;background:var(--bg);color:var(--fg);font-family:rader,sans-serif;font-style:italic;font-size:.95rem;font-weight:800;text-transform:uppercase;text-decoration:none;letter-spacing:.03em;cursor:pointer;overflow:hidden;-webkit-user-select:none;user-select:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease;box-shadow:2.5px 2.5px 0 1px var(--fg);white-space:nowrap;word-break:keep-all;overflow-wrap:normal;flex-shrink:0}nav .nav-projects-btn span{position:relative;z-index:2;color:inherit;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;display:inline-block}nav .nav-projects-btn:hover{background-color:var(--fg);color:var(--bg);transform:translate(-2px,-2px);box-shadow:4.5px 4.5px 0 1px var(--fg)}nav .nav-insta-btn{display:flex;align-items:center;justify-content:center;padding:.6em;background-color:var(--bg2);color:var(--fg);border-radius:.4em;transition:background-color .2s ease,color .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none}nav .nav-insta-btn:hover{background-color:var(--fg);color:var(--bg);transform:translateY(-1px)}nav .nav-insta-btn svg{width:18px;height:18px;stroke:currentColor;display:block}nav .menu-toggle-btn-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;height:.875rem;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.nav-overlay{position:fixed;top:0;left:0;width:100vw;height:100svh;background-color:var(--bg2);overflow:hidden;pointer-events:none;opacity:0;z-index:10}.nav-overlay .nav-items{position:absolute;top:47.5%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1em}.nav-overlay .nav-items .nav-item{position:relative;transform:translateY(100%);will-change:transform;opacity:0;border-radius:.5em;background-color:var(--bg)}.nav-overlay .nav-items .nav-item p{font-size:2rem;-webkit-user-select:none;user-select:none}.nav-overlay .nav-items .nav-item.active{background-color:var(--fg)}.nav-overlay .nav-items .nav-item.active p a{color:var(--bg)}.nav-overlay .nav-items .nav-item p a{display:block;padding:.5em .5em .3em}.nav-overlay .nav-footer{position:absolute;left:0;bottom:0;width:100%;padding:2em;display:flex;justify-content:space-between;align-items:flex-end;text-align:center;gap:1.5em}.nav-overlay .nav-footer .nav-footer-item{display:flex;flex-direction:column;gap:.5em}.nav-overlay .nav-footer .nav-footer-item p{font-size:.75rem;-webkit-user-select:none;user-select:none}.nav-overlay .nav-footer .nav-footer-item .nav-footer-item-header{position:relative;transform:translateY(100%);opacity:0;display:flex;justify-content:center;gap:.75em}.nav-overlay .nav-footer .nav-footer-item .nav-footer-item-header p{background-color:var(--bg);color:var(--fg);padding:.5em .65em;border-radius:.4em;text-align:center}.nav-overlay .nav-footer .nav-footer-item .nav-footer-item-copy{position:relative;transform:translateY(100%);opacity:0;display:flex;justify-content:center;gap:.75em}.nav-overlay .nav-footer-item:nth-child(1) .nav-footer-item-header{justify-content:flex-start}.nav-overlay .nav-footer-item:nth-child(3) .nav-footer-item-header{justify-content:flex-end}.nav-overlay .nav-footer .nav-footer-item:last-child{margin-top:1em}@media(max-width:1000px){nav{padding:1.25em}nav .nav-controls{gap:.5em}nav .nav-contact-btn{font-size:.85rem;padding:.4em .9em;border-width:2px;box-shadow:2px 2px 0 1px #000}nav .nav-projects-btn{font-size:.85rem;padding:.4em .85em;border-width:2px;box-shadow:2px 2px 0 1px var(--fg)}nav .nav-insta-btn{padding:.5em}nav .nav-insta-btn svg{width:16px;height:16px}nav .logo{padding:.45em .55em}nav .menu-toggle-btn{padding:.5em .55em}.nav-overlay .nav-items .nav-item p{font-size:1.5rem}.nav-overlay .nav-footer{flex-direction:column;justify-content:center;align-items:center}.nav-overlay .nav-footer-item:nth-child(1) .nav-footer-item-header{justify-content:center}.nav-overlay .nav-footer-item:nth-child(2){display:none}.nav-overlay .nav-footer-item:nth-child(3) .nav-footer-item-header{justify-content:center}}@media(max-width:480px){nav{padding:1em .85em}nav .nav-controls{gap:.4em}nav .nav-contact-btn{font-size:.78rem;padding:.35em .75em;letter-spacing:.02em}nav .nav-projects-btn{font-size:.78rem;padding:.35em .7em;letter-spacing:.02em;box-shadow:2px 2px 0 1px var(--fg)}}.nav-overlay{content-visibility:hidden;visibility:hidden;transition:opacity .3s ease,visibility .3s}.nav-overlay.is-open{content-visibility:visible;visibility:visible;opacity:1;pointer-events:auto}.nav-overlay .nav-item,.nav-overlay .nav-footer-item-header,.nav-overlay .nav-footer-item-copy{transition:transform .45s ease,opacity .3s ease}.nav-overlay.is-open .nav-item,.nav-overlay.is-open .nav-footer-item-header,.nav-overlay.is-open .nav-footer-item-copy{transform:translateY(0);opacity:1}.menu-toggle-btn .open-label,.menu-toggle-btn .close-label{transition:transform .3s ease}.menu-toggle-btn.menu-open .open-label,.menu-toggle-btn.menu-open .close-label{transform:translateY(-1rem)}