/* Keep each header control in its own grid cell. */
@media(min-width:761px){
  .site-header.shell{grid-template-columns:minmax(160px,1fr) auto minmax(20px,1fr) auto auto!important;gap:16px}
  .site-header .wordmark{grid-column:1;grid-row:1}
  .site-header #open-menu{grid-column:2;grid-row:1}
  .site-header .reference-theme{grid-column:3;grid-row:1;justify-self:end;margin:0}
  .site-header .header-account{grid-column:4;grid-row:1;margin:0}
  .site-header .conversion-nav{grid-column:5;grid-row:1}
}
@media(min-width:761px) and (max-width:900px){.site-header.shell{gap:8px}.site-header .conversion-nav{padding:10px}.site-header .reference-theme{padding:9px}}
/* Reveal only when the motion script and the visitor's preferences allow it. */
.portfolio-motion .portfolio-reveal{opacity:.12;transform:translateY(25px);transition:opacity .75s ease,transform .85s cubic-bezier(.22,1,.36,1)}
.portfolio-motion .portfolio-reveal.is-visible,.portfolio-motion .portfolio-reveal:focus-within{opacity:1;transform:none}
.additional-projects a,.ap-more-grid a{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
@media(hover:hover){.additional-projects a:hover,.ap-more-grid a:hover{transform:translateY(-5px);box-shadow:0 15px 32px rgba(26,62,115,.14);border-color:#8babe3}}
.additional-projects a:focus-visible,.ap-more-grid a:focus-visible{outline:3px solid #3478e5;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.portfolio-motion .portfolio-reveal{opacity:1;transform:none;transition:none}.additional-projects a,.ap-more-grid a{transition:none}}
.motion-reduced .portfolio-reveal{opacity:1!important;transform:none!important;transition:none!important}
@media(max-width:760px){.site-header .unified-selected-logo{width:126px!important}}