/* Compact, non-scrolling navigation alongside the existing project grid. */
@media(min-width:1024px){
 body .portfolio-header .portfolio-mega-menu:not([hidden]){padding:clamp(16px,3dvh,28px)!important}
 body .portfolio-mega-side{gap:clamp(6px,1.4dvh,12px);justify-content:flex-start}
 body .portfolio-mega-categories{flex:1 0 auto;min-height:auto;overflow:visible;gap:clamp(4px,.8dvh,9px);padding:0}
 body .portfolio-mega-categories :is(a,button){font-size:clamp(14px,2.3dvh,18px);line-height:1.45;letter-spacing:normal;min-height:24px;display:flex;align-items:center}
 body .portfolio-mega-side .portfolio-studio-tools{margin-top:0;gap:6px}
 body .portfolio-mega-side .portfolio-studio-tools a{padding:8px 12px;font-size:12px;line-height:1.5;border-radius:11px}
 body .portfolio-mega-side .portfolio-mega-social{min-height:28px;padding:0;gap:10px}
 body .portfolio-mega-side .portfolio-mega-social a{width:28px;height:28px}
 body .portfolio-mega-side .studio-languages{padding-block:6px;gap:4px 12px;flex-shrink:0;margin:0}
 body .portfolio-mega-side .studio-languages a{min-height:28px;font-size:12px;line-height:1.6}
}
/* Studio tools stay neutral until pointer hover or keyboard focus. */
body .portfolio-studio-tools :is(.portfolio-studio-tool-green,.portfolio-studio-tool-blue){background:var(--surface,#e9e9ed);color:var(--ink,#171717)!important;transition:background-color .18s,color .18s}
body .portfolio-studio-tools .portfolio-studio-tool-green:is(:hover,:focus-visible){background:#a6ff00;color:#152500!important}
body .portfolio-studio-tools .portfolio-studio-tool-blue:is(:hover,:focus-visible){background:#3187ff;color:#fff!important}
/* Bleed image edges under the rounded clip; no light tile underlay can leak through fractional pixels. */
body .portfolio-project-tile{background:transparent}
body .portfolio-project-tile-link>img{inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);max-width:none;display:block}
@media(prefers-reduced-motion:reduce){body .portfolio-studio-tools a{transition:none}}
/* Footer language choices use the same neutral pill treatment as appearance controls. */
html[data-site-brand=enough] .portfolio-simple-footer-content>.studio-languages{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;width:100%;box-sizing:border-box;margin:20px auto 0;padding:0;border:0;text-align:center}
html[data-site-brand=enough] .portfolio-simple-footer-content>.studio-languages a{display:inline-flex;justify-content:center;align-items:center;min-height:44px;min-width:88px;box-sizing:border-box;padding:10px 20px;border-radius:999px;background:var(--line,#e5e5e8);color:var(--ink,#171717);font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;opacity:1;transition:background-color .18s,color .18s}
html[data-site-brand=enough] .portfolio-simple-footer-content>.studio-languages a[aria-current]{background:var(--ink,#171717);color:var(--page,#fff);text-decoration:none}
html[data-site-brand=enough] .portfolio-simple-footer-content>.studio-languages a:hover{background:var(--muted,#606064);color:var(--page,#fff)}
html[data-site-brand=enough] .portfolio-simple-footer-content>.studio-languages a:focus-visible{outline:2px solid var(--ink)!important;outline-offset:3px;border-radius:999px}
@media(max-width:480px){html[data-site-brand=enough] .portfolio-simple-footer-content>.studio-languages{gap:8px}html[data-site-brand=enough] .portfolio-simple-footer-content>.studio-languages a{min-width:72px;padding:10px 14px;font-size:13px}}
/* One shared footer: site logo, Explore and a small social corner. */
body .portfolio-simple-footer-content{position:relative;padding-bottom:76px}
body .portfolio-simple-footer .portfolio-footer-columns{grid-template-columns:1fr}
body .portfolio-simple-footer .portfolio-footer-tagline{display:none!important}
body .portfolio-simple-footer .portfolio-footer-column-explore{display:block!important}
body .portfolio-simple-footer .portfolio-footer-column-connect{position:absolute;inset-inline-end:clamp(24px,4.7vw,72px);bottom:0;grid-column:auto}
body .portfolio-footer-social-icons{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
body .portfolio-simple-footer .portfolio-footer-social-icons a{display:grid;place-items:center;width:40px;min-height:40px;padding:0;border-radius:50%;color:var(--ink);background:transparent;text-decoration:none}
body .portfolio-footer-social-icons svg{display:block;width:20px;height:20px;fill:currentColor}
body .portfolio-simple-footer .portfolio-footer-social-icons a:hover{background:var(--line);text-decoration:none}
@media(max-width:639px){body .portfolio-simple-footer .portfolio-footer-column-connect{display:block!important}body .portfolio-simple-footer-content{padding-bottom:68px}}
.enough-halftone{position:relative;isolation:isolate;width:100%;height:clamp(180px,28vw,460px);overflow:hidden;order:100;background:var(--page);color:var(--ink)}
.enough-halftone canvas{display:block;width:100%;height:100%;touch-action:pan-y}
html[data-site-brand=enough] .portfolio-clients{order:1!important}
body .portfolio-simple-footer .portfolio-footer-topline{display:flex!important;margin-bottom:36px;align-items:center}
body .portfolio-simple-footer .portfolio-footer-title{width:clamp(160px,22vw,260px);max-width:100%;margin:0!important}
html[data-site-brand=enough] .portfolio-footer-title .portfolio-signature-wide{aspect-ratio:4.8!important;mask:url('/assets/brand/enough-wordmark.svg') center/contain no-repeat!important;-webkit-mask:url('/assets/brand/enough-wordmark.svg') center/contain no-repeat!important}
body .portfolio-simple-footer{padding:72px 0 40px!important}
body .portfolio-simple-footer .portfolio-footer-columns{position:static!important}
body .portfolio-simple-footer .portfolio-footer-column-connect{width:max-content;max-width:100%;margin:0;inset-block-start:auto}
body .portfolio-footer-social-icons{flex-wrap:nowrap}
.enough-halftone{height:clamp(160px,20vw,360px)}