html{scroll-padding-top:146px}.portfolio-navigation-slot{z-index:30;flex-shrink:0;height:0;position:relative}.portfolio-navigation{top:37px;color:#161616;background:#f5f5f5f2;border:1px solid #1616161f;border-radius:30px;align-items:center;gap:12px;width:min(398px,100% - 40px);min-height:85px;margin-inline:auto;padding:10px;font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif;display:flex;position:fixed;inset-inline:0;box-shadow:0 4px 25px #00000014}@supports ((-webkit-backdrop-filter:blur(5px)) or (backdrop-filter:blur(5px))){.portfolio-navigation{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f5f5f533}}.portfolio-navigation-list{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;min-width:0;min-height:63px;margin:0;padding:0;list-style:none;display:grid}.portfolio-navigation-list li{justify-content:center;display:flex}.portfolio-navigation-link{width:64px;min-height:56px;color:inherit;-webkit-tap-highlight-color:#006fff26;background:0 0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;text-decoration:none;transition:background-color .18s,opacity .18s;display:flex;position:relative}.portfolio-navigation-icon{object-fit:contain;filter:drop-shadow(0 0 1px #ffffffe6);width:30px;height:30px;transition:transform .2s cubic-bezier(.2,.7,.3,1);display:block}.portfolio-navigation-label{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#374151;border-radius:6px;padding:6px 9px;font-size:12px;line-height:1.2;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,4px)}.portfolio-navigation-link:focus-visible{outline-offset:3px;outline:3px solid #006fff}.portfolio-navigation-link:focus-visible .portfolio-navigation-label{opacity:1;transform:translate(-50%)}.portfolio-navigation-link:active{opacity:.75}@media (hover:hover) and (pointer:fine){.portfolio-navigation-link:hover{background:#e5e7eb}.portfolio-navigation-link:hover .portfolio-navigation-icon{transform:translateY(-4px)scale(1.08)}.portfolio-navigation-link:hover .portfolio-navigation-label{opacity:1;transform:translate(-50%)}}@media (max-width:767px){.portfolio-navigation{flex-wrap:nowrap;gap:4px;width:min(398px,100% - 16px);min-height:64px;padding:8px}.portfolio-navigation-list{min-height:44px}.portfolio-navigation-link{border-radius:12px;width:100%;min-width:44px;min-height:44px}.portfolio-navigation-icon{width:22px;height:22px}.portfolio-navigation-label{display:none}.portfolio-navigation .book-now-link{width:88px;min-height:44px;padding:10px 8px;font-size:12px}.portfolio-navigation .book-now-arrow{right:8px}}@media (min-width:768px){html{scroll-padding-top:164px}.portfolio-navigation{border-radius:40px;width:min(639px,100% - 40px);min-height:90px;top:50px}.portfolio-navigation-list{min-height:68px}}@media (prefers-reduced-motion:reduce){.portfolio-navigation-link,.portfolio-navigation-icon,.portfolio-navigation-label{transition:none}.portfolio-navigation-link:hover .portfolio-navigation-icon{transform:none}}
