.portfolio-nav{position:sticky;top:0;z-index:100;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;height:96px;padding:0 6%;max-width:none;border-bottom:1px solid #cbd8df}
.portfolio-nav a{text-decoration:none;color:#071e33}.portfolio-nav .avatar-link{position:relative;justify-self:start;display:flex;align-items:center}.portfolio-nav .avatar{width:49px;height:55px;object-fit:contain}
.portfolio-nav #avatar-bubble{position:absolute;left:calc(100% + 7px);width:173px;height:32px;top:50%;transform:translateY(-50%)}.portfolio-nav #avatar-bubble svg{width:100%;height:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.portfolio-nav .links{display:flex;align-items:center;justify-content:center;gap:20px}.portfolio-nav .hand-nav{padding:0 9px;min-height:44px;display:flex;align-items:center;font-size:16px;font-weight:400;letter-spacing:0}.portfolio-nav a:hover,.portfolio-nav [aria-current]{color:#002fa7}
.portfolio-nav .coffee-opinion{justify-self:end;display:flex;align-items:center;width:211px;min-height:40px}.portfolio-nav .coffee-opinion svg{width:100%;height:auto;aspect-ratio:1320/250}
.portfolio-nav .mobile-menu{display:none}.portfolio-nav a:focus-visible,.portfolio-nav button:focus-visible{outline:2px solid #002fa7;outline-offset:4px}
@media(min-width:601px) and (max-width:950px){.portfolio-nav{gap:12px}.portfolio-nav #avatar-bubble{width:130px;height:24px}.portfolio-nav .coffee-opinion{width:158px}.portfolio-nav .links{gap:4px}.portfolio-nav .hand-nav{font-size:14px;padding:0 5px}}
@media(max-width:600px){.portfolio-nav{height:80px;display:flex;justify-content:space-between}.portfolio-nav .avatar{width:35px}.portfolio-nav .mobile-menu{display:block;width:44px;height:44px;border:0;background:none;color:#002fa7;padding:7px;z-index:102}.portfolio-nav .mobile-menu svg{width:30px;height:30px}.portfolio-nav .sushi-art,.portfolio-nav .sushi-note{display:none}.portfolio-nav.menu-open .sushi-art{display:block}.portfolio-nav.menu-open .burger-art{display:none}.portfolio-nav>.coffee-opinion{display:none}.portfolio-nav .links{display:none;position:fixed;inset:80px 0 0;background:#fff;flex-direction:column;gap:16px}.portfolio-nav.menu-open .links{display:flex}.portfolio-nav .hand-nav{font-size:32px;min-height:64px}.portfolio-nav.menu-open #avatar-bubble{visibility:hidden}body.about-menu-open{overflow:hidden}}
nav.portfolio-nav{margin:0;width:100%;box-sizing:border-box;padding-inline:max(6%,calc((100vw - 1268px)/2));flex-shrink:0}nav.portfolio-nav>*{min-width:0}

/* Shared navigation alignment across every portfolio page. */
nav[aria-label="Primary"]{margin:0;position:sticky;top:0;z-index:100;height:96px;background:#fff;border-bottom:1px solid #cbd8df;box-sizing:border-box}
@media(min-width:601px){nav[aria-label="Primary"]{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px}nav[aria-label="Primary"]>.links{justify-self:center;display:flex;gap:20px}nav[aria-label="Primary"]>.avatar-link{justify-self:start}nav[aria-label="Primary"]>.coffee-opinion{justify-self:end}}
nav[aria-label="Primary"] .hand-nav{font:400 16px 'DM Sans',sans-serif;letter-spacing:0;padding:0 9px;color:#071e33}
nav[aria-label="Primary"] .hand-nav:hover,nav[aria-label="Primary"] .hand-nav[aria-current]{color:#002fa7}
@media(max-width:950px) and (min-width:601px){nav[aria-label="Primary"]{gap:12px}nav[aria-label="Primary"]>.links{gap:4px}nav[aria-label="Primary"] .hand-nav{font-size:14px;padding:0 5px}}
@media(max-width:600px){nav[aria-label="Primary"]{height:80px}nav[aria-label="Primary"] .hand-nav{font-size:32px;padding:8px 20px;min-height:64px}}

:root{--brand-blue:#002fa7}
footer.contact-footer{display:block;height:auto;width:100vw;max-width:none;position:relative;box-sizing:border-box;margin:30px calc(50% - 50vw) 0;padding:0 max(6vw,calc((100vw - 1268px)/2));background:#fff;color:#002fa7;border-top:1px solid #91abb1;font-family:'DM Sans',sans-serif;overflow:hidden}
.contact-footer::before{display:none}.contact-footer div{display:block;text-align:inherit}
.contact-footer .footer-invitation{text-align:center;padding:24px 0 20px}
.contact-footer .footer-eyebrow{font:400 11px/1.5 'DM Sans',sans-serif;letter-spacing:.14em;margin:0}
.contact-footer h2#footer-title{width:min(320px,72vw);margin:0 auto;background:none!important;line-height:0;border:0}
.contact-footer #footer-title img{display:block;width:100%;height:auto;filter:url(#opinion-blue-ink)!important;mix-blend-mode:normal!important}
.contact-footer .bevy-scene{position:relative;width:100vw;height:auto;aspect-ratio:3/1;margin:0 calc(50% - 50vw);overflow:hidden}
.contact-footer .bevy-hand{position:absolute;top:0;width:50%;height:100%;background:url('/centiment/portfolio-assets/footer-reaching-hands.png') no-repeat;background-size:200% auto;background-position-y:center;filter:url(#opinion-blue-ink)!important;mix-blend-mode:normal;transition:transform 1.8s cubic-bezier(.22,.61,.36,1)}
.contact-footer .bevy-left{left:0;background-position-x:left;transform:translateX(-65%)}.contact-footer .bevy-right{right:0;background-position-x:right;transform:translateX(65%)}.contact-footer.hands-together .bevy-hand{transform:none}
.contact-footer .bevy-cup{position:absolute;left:50%;top:50%;width:15%;height:78%;transform:translate(-50%,-50%);fill:white;stroke:#002fa7}
.contact-footer .ice-link{cursor:pointer}.contact-footer .ice-link rect{fill:#fff;fill-opacity:1;stroke:#fff}.contact-footer .ice-link:hover rect,.contact-footer .ice-link:focus-visible rect{stroke:#002fa7;stroke-width:4;filter:drop-shadow(0 0 3px #002fa7)}
.contact-footer .ice-opinion{position:relative;left:0;width:180px;max-width:42vw;margin:-12px auto 0;background:none!important;line-height:0;opacity:0;transform:translateY(8px);pointer-events:none}
.contact-footer .ice-opinion img{display:block;width:100%;height:auto;filter:url(#opinion-blue-ink)!important;mix-blend-mode:normal!important}
.contact-footer .ice-opinion.ice-pop{animation:ice-note-pop 3.2s ease both}
@keyframes ice-note-pop{0%{opacity:0;transform:translateY(8px) scale(.95)}15%,75%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-4px)}}
.contact-footer .footer-contact-icons{display:flex;flex-direction:row;justify-content:flex-end;gap:8px;padding:0 0 20px}.footer-contact-icons a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#002fa7;border:1px solid transparent}.footer-contact-icons svg{width:23px;height:23px}.footer-contact-icons a:hover{border-color:#002fa7;background:#002fa709}
.contact-footer a:focus-visible,.contact-footer button:focus-visible{outline:2px solid #002fa7;outline-offset:4px}
.footer-motion-access{position:absolute!important;width:1px;height:1px;padding:0!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.footer-motion-access:focus{position:relative!important;width:auto;height:auto;padding:9px 12px!important;clip-path:none;margin:0 0 16px;background:white;color:#002fa7;border:1px solid #002fa7}.footer-motion-access svg{width:20px;height:20px}
.motion-paused .contact-footer .bevy-hand{transform:none;transition:none}.motion-paused .contact-footer .ice-opinion{animation:none;opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.contact-footer .bevy-hand{transform:none;transition:none}.contact-footer .ice-opinion{animation:none;opacity:1;transform:none}}
@media(max-width:600px){.contact-footer .bevy-scene{width:120vw;margin-inline:calc(50% - 60vw)}.contact-footer .bevy-cup{width:17%;height:84%}}
/* Continue the site's dot grid through the footer. */
footer.contact-footer{background-color:#fff;background-image:radial-gradient(circle,#cbd8df .8px,transparent .9px);background-size:22px 22px;background-attachment:fixed}
body{background-attachment:fixed}

/* Shared thin handwritten ink treatment across the portfolio. */
.hero-tldr img,
.process-stage-handwriting img,
.process-handwritten-label img,
.contact-footer #footer-title img,
.contact-footer .footer-invitation h2 img,
.contact-footer .ice-opinion img,
.portfolio-nav #avatar-bubble svg,
.portfolio-nav .coffee-opinion svg,
.opinion-link,
.opinion-link:hover,
.opinion-link:focus-visible{
 filter:url(#handwriting-ink)!important;
 mix-blend-mode:normal!important;
 text-shadow:none!important;
 -webkit-text-stroke:0!important;
}
/* Never simulate a heavier weight on hover. */
.about-opinion,.work-opinion,.about-opinion:hover,.work-opinion:hover,
.about-opinion:focus-visible,.work-opinion:focus-visible{font-weight:400;text-shadow:none!important}

.portfolio-nav{font-family:'DM Sans',sans-serif;flex-shrink:0}.portfolio-nav .message-bubble{visibility:visible;opacity:1;background:none;border:0}.portfolio-nav .sushi-art,.portfolio-nav .sushi-note{display:none}.portfolio-nav #avatar-bubble svg,.portfolio-nav .coffee-opinion svg{display:block}.portfolio-nav .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.portfolio-nav .links a:focus-visible{outline:2px solid #002fa7;outline-offset:4px}body.portfolio-menu-open{overflow:hidden}
#root{scroll-margin-top:112px}#root section[id]{scroll-margin-top:112px}
footer.contact-footer{margin-left:0;margin-right:0;width:100%;--brand-blue:#002fa7}.contact-footer .bevy-hand{filter:none!important}.contact-footer .footer-invitation{padding-top:32px}
@media(max-width:600px){.portfolio-nav.menu-open .sushi-art{display:block}.portfolio-nav.menu-open .burger-art{display:none}.portfolio-nav .links .coffee-opinion{display:flex;align-self:center;margin-top:20px;width:211px}.portfolio-nav .hand-nav{justify-content:center}.portfolio-nav .links{overflow-y:auto;padding:24px}#root section[id]{scroll-margin-top:96px}}