/* V44 – accessibility, touch navigation, and WebP hero layout */
.bd-skip{position:fixed;top:8px;left:8px;z-index:500;padding:13px 18px;border-radius:8px;background:#fff;color:#09213a;box-shadow:0 4px 18px #0005;font-weight:800;transform:translateY(-150%);transition:transform .16s ease}
.bd-skip:focus{transform:translateY(0);outline:3px solid #eeb85f;outline-offset:2px}
#bd-main{scroll-margin-top:90px;min-width:0}
.top .links a{min-height:42px;display:inline-flex;align-items:center}
.top .menu-btn{min-height:44px;min-width:44px;cursor:pointer;border-radius:8px;align-items:center;justify-content:center}
.top .menu-btn:focus-visible,.top .links a:focus-visible,.footer a:focus-visible,.footer button:focus-visible,.bd-wa-link:focus-visible{outline:3px solid #efbd6e;outline-offset:3px}
.hero .portrait{position:relative;isolation:isolate}
.hero .portrait picture{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:0}
.hero .portrait picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 24%}
.hero .portrait-label{position:relative;z-index:1;background:linear-gradient(90deg,#06182dcc,#06182d70 75%,transparent);padding:8px 12px;margin-top:auto;text-shadow:0 1px 5px #06182d}
.footer .newsletter input[type=email]{max-width:100%;min-height:44px}
.footer .newsletter button{min-height:44px}
@media(max-width:900px){
 .top .links{max-height:min(72vh,620px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(22px,env(safe-area-inset-bottom))}
 .top .links a{display:flex;width:100%;padding:11px 12px;min-height:44px;border-bottom:1px solid #ffffff1c}
 .top .menu-btn{display:inline-flex;flex-shrink:0}
}
@media(max-width:650px){
 .hero .portrait picture img{object-position:center 21%}
 .hero .portrait-label{max-width:100%;padding:8px 12px}
 .top .links{top:66px}
}
@media(prefers-reduced-motion:reduce){.bd-skip{transition:none}html{scroll-behavior:auto}.tile,.bd-shortcuts a{transition:none;transform:none}}
/* On phones the old always-visible WhatsApp greeting covered the project cards.
   Keep the contact button reachable while removing that obstruction. */
@media(max-width:600px){html body .bd-wa .bd-wa-greeting{display:none!important}.bd-wa{gap:0}}