/*!
AVBB OWNERSHIP NOTICE
Copyright (c) 2026 A Visual By Benji Ltd. All rights reserved.
AVBB custom website code and design.
Third-party components retain their original ownership and licences.
Official website: https://avisualbybenji.com/
*/
.avbb-work-menu{position:relative;flex:none}
.avbb-work-menu__row{display:flex;align-items:center;gap:3px}
.avbb-work-menu__row>button{display:grid;place-items:center;width:28px;height:30px;border:0;background:transparent;color:inherit;cursor:pointer;font:22px/1 Arial,sans-serif;padding:0}
nav[aria-label="Primary navigation"] a,nav[aria-label="Mobile navigation"] a,nav[aria-label="Sub-page navigation"] a,nav[aria-label="Subpage navigation"] a{text-transform:lowercase!important}
.avbb-work-menu__row>button svg{display:block;flex:none;transition:transform .32s ease}
.avbb-work-menu[data-open="true"] .avbb-work-menu__row>button svg{transform:rotate(180deg)}
[data-portfolio-submenu]{position:fixed;z-index:10001;min-width:230px;max-width:calc(100vw - 16px);padding:12px 8px;background:#0E0B09;color:#F4EEE1;border:1px solid rgba(244,238,225,.25);box-shadow:0 12px 32px #0005;text-transform:none;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .38s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1)}
[data-portfolio-submenu][data-visible="true"]{opacity:1;transform:translateY(0);pointer-events:auto}
[data-portfolio-submenu][hidden]{display:none!important}
[data-portfolio-submenu]>a{display:block!important;color:inherit;text-decoration:none;white-space:nowrap;padding:12px 14px!important;font:600 14px/1.3 'Space Grotesk',Arial,sans-serif!important;letter-spacing:.025em!important;opacity:1!important;transition:background-color .2s,color .2s}
[data-portfolio-submenu]>a::after{display:none!important}
[data-portfolio-submenu]>a:hover,[data-portfolio-submenu]>a:focus-visible{background:#F4EEE1;color:#0E0B09}
.avbb-work-menu__row>button:focus-visible{outline:2px solid #FFA35C;outline-offset:2px}
.avbb-menu-backdrop{position:fixed;background:#0E0B09;pointer-events:none;opacity:0;transition:opacity .38s cubic-bezier(.22,1,.36,1)}
.avbb-menu-backdrop[data-visible="true"]{opacity:1}
header[data-header],header.portfolio-header{mix-blend-mode:difference!important;background-color:transparent;color:#F4EEE1!important}
.avbb-work-menu--mobile .avbb-work-menu__row{justify-content:space-between}
.avbb-work-menu--mobile .avbb-work-menu__row>button{width:44px;height:44px}
.avbb-work-menu--mobile [data-portfolio-submenu]{position:static;min-width:0;margin:6px 0 12px;padding:4px 0 4px 16px;border-width:0 0 0 1px;box-shadow:none}
.avbb-work-menu--mobile [data-portfolio-submenu]>a{font-size:20px!important;padding:10px 12px!important}
.portfolio-mobile-menu{align-content:start;overflow-y:auto;font-size:clamp(26px,7vw,42px)}
[data-portfolio-submenu]>a{text-transform:lowercase!important}
@media(prefers-reduced-motion:reduce){[data-portfolio-submenu],.avbb-menu-backdrop,.avbb-work-menu__row>button svg{transition:none;transform:none}}