.quick-customize{position:relative;grid-column:3;justify-self:end;width:44px;height:44px;display:grid;place-items:center;border:1px solid transparent;border-radius:11px;transition:border-color .2s,background-color .2s}
.quick-customize img{display:block;width:36px;height:36px}
.quick-customize:hover,.quick-customize:focus-visible{border-color:rgba(120,223,255,.45);background:rgba(120,223,255,.08)}
.quick-customize:focus-visible{outline:2px solid #78dfff;outline-offset:3px}
.quick-customize-tip{position:absolute;z-index:20;right:calc(100% + 9px);top:50%;padding:8px 10px;border:1px solid rgba(182,218,255,.2);border-radius:7px;background:#05070c;color:#edf6ff;font:600 12px 'DM Sans',sans-serif;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(-50%) translateX(4px);transition:opacity .15s,transform .15s,visibility .15s;pointer-events:none}
.quick-customize:hover .quick-customize-tip,.quick-customize:focus-visible .quick-customize-tip{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}
.topbar .brand.is-current-page{filter:none}
.topbar .brand.is-current-page:after,.top .nav a[aria-current="page"]{text-shadow:0 0 3px rgba(255,250,237,.8),0 -1px 9px rgba(255,157,79,.34),0 2px 15px rgba(255,91,65,.18)}
.quick-customize[aria-current="page"] img{filter:drop-shadow(0 0 5px rgba(255,151,82,.52)) drop-shadow(0 0 13px rgba(255,83,65,.24))}
@media(prefers-reduced-motion:reduce){.topbar .brand.is-current-page:after,.top .nav a[aria-current="page"]{animation:none}}
.topbar{position:absolute!important;top:0;left:0;right:0;z-index:10;background:transparent!important;backdrop-filter:none!important;border-bottom-color:transparent!important}
.portfolio-hero{padding-top:142px!important}
.shell{position:relative;z-index:2}
@media(max-width:760px){.portfolio-hero{padding-top:144px!important}}
@media(max-width:800px){
  .topbar nav,.top{display:grid!important;grid-template-columns:minmax(0,1fr) auto 44px!important;height:auto!important;min-height:116px;grid-template-rows:72px auto;align-content:start;row-gap:8px}
  .topbar .links,.top .nav{display:flex!important;grid-column:1/-1!important;grid-row:2;justify-self:center;justify-content:center;flex-wrap:wrap;gap:22px!important;font-size:13px}
  .topbar .brand,.top .brand{grid-column:1;grid-row:1}
  .quick-customize{grid-column:3;grid-row:1}
  .topbar .links{padding-bottom:12px}
  .top .nav{padding-bottom:12px}
}