/* V60 — main portfolio arrow, supplied polygon/path animation, no circle. */ :root{--root-arrow-v60-ease:cubic-bezier(.2,1,.3,1)} .root-arrow-v60{ position:fixed;right:clamp(18px,2.5vw,42px);bottom:clamp(18px,2.5vw,36px);z-index:2147482500; opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease,transform .3s ease; } .root-arrow-v60 a{display:flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;font:900 clamp(.66rem,.9vw,.82rem)/1 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 12px rgba(125,249,255,.88)} .root-arrow-v60 svg{width:clamp(68px,7vw,104px);height:auto;overflow:visible;filter:drop-shadow(0 0 14px rgba(125,249,255,.72))} .root-arrow-v60 polygon,.root-arrow-v60 path{fill:currentColor;transition:all .5s var(--root-arrow-v60-ease)} .root-arrow-v60 a:hover{color:#FF4136} .root-arrow-v60 a:hover .arrow{animation:root-arrow-anim-v60 2.5s var(--root-arrow-v60-ease) infinite} .root-arrow-v60 a:hover .arrow-fixed{animation:root-arrow-fixed-anim-v60 2.5s var(--root-arrow-v60-ease) infinite} @keyframes root-arrow-anim-v60{0%{opacity:1;transform:translateX(0)}5%{transform:translateX(-.1rem)}100%{transform:translateX(1rem);opacity:0}} @keyframes root-arrow-fixed-anim-v60{5%{opacity:0}20%{opacity:.4}100%{opacity:1}} html.app-is-loading-v60 .root-arrow-v60,html.app-is-loading-v60 .pwa-install-v43,html.app-is-loading-v60 .pwa-install-toast-v43{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(14px)!important} .root-arrow-v26{display:none!important} @media(max-width:600px){.root-arrow-v60{right:12px;bottom:18px}.root-arrow-v60 a span{display:none}.root-arrow-v60 svg{width:64px}} @media(prefers-reduced-motion:reduce){.root-arrow-v60 *{animation:none!important;transition:none!important}} /* V120 — hide the Explore Portfolio arrow while the mobile fullscreen menu is open. */ .root-arrow-v60{will-change:opacity,transform} @media (max-width:639px){ html.mobile-menu-open-v120 .root-arrow-v60{ opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:translateY(22px) scale(.86)!important; } } /* V122 — keep the active project title completely behind the mobile navbar. The React menu exposes mobile-menu-open-v120 on ; use that same state so no project heading can bleed through the fullscreen navigation surface. */ @media (max-width:639px){ .project-gothic-title-v56{ transition:opacity .16s ease,filter .16s ease,transform .16s ease!important; } html.mobile-menu-open-v120 .project-gothic-title-v56, html.mobile-menu-open-v120 .project-gothic-title{ opacity:0!important; visibility:hidden!important; pointer-events:none!important; z-index:-1!important; clip-path:inset(0 0 100% 0)!important; filter:blur(8px)!important; transform:translate3d(-50%,calc(-50% + 12px),0) scale(.94)!important; } }