/* One category-menu composition for ADV, Creativity and Play. */
:is(#portfolio-view,#personal-view,#play-view) .category-menu-heading{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:24px!important;max-width:none!important;min-height:0!important;margin:0!important;padding:56px var(--gutter)!important;background:#073cf5!important;color:#fff!important;border:0!important}
#personal-view .personal-category-menu{padding:0!important}
:is(#portfolio-view,#personal-view,#play-view) .category-menu-heading h1{font:700 clamp(40px,6vw,84px)/1.02 'Clash Display',Arial,sans-serif!important;letter-spacing:.015em!important;margin:0!important;color:#fff!important}
:is(#portfolio-view,#personal-view,#play-view) .category-menu-heading .eyebrow{display:block!important;margin:0 0 18px!important;color:#fff!important;font:500 13px/1.4 'Satoshi',Arial,sans-serif!important;letter-spacing:.08em!important}
:is(#portfolio-view,#personal-view,#play-view) .category-menu-heading>.mono{font:500 13px/1.4 'Satoshi',Arial,sans-serif!important;letter-spacing:.08em!important;white-space:nowrap;color:#fff!important}
:is(#portfolio-view,#personal-view,#play-view) .category-menu-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:40px 28px!important;max-width:none!important;width:100%!important;margin:0!important;padding:48px var(--gutter) 0!important;box-sizing:border-box!important}
:is(#portfolio-view,#personal-view,#play-view) .category-menu-card:nth-child(n){position:relative!important;display:block!important;grid-column:auto!important;align-self:start!important;min-width:0!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#073cf5!important;text-align:left!important;transform:none!important;text-decoration:none!important;overflow:visible!important}
:is(#portfolio-view,#personal-view,#play-view) .category-menu-card:nth-child(n)>img{position:static!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/10!important;object-fit:cover!important;border-radius:8px!important;transform:none!important;filter:none!important;transition:filter .4s ease!important}
#play-view .play-game-card:first-child>img{object-fit:contain!important;background:#000!important}
:is(#portfolio-view,#personal-view,#play-view) .category-menu-copy{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:baseline!important;gap:8px 16px!important;min-height:0!important;margin:0!important;padding:16px 0 0!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:left!important}
:is(#portfolio-view,#personal-view,#play-view) .category-menu-copy>strong,#portfolio-view .category-menu-copy>.project-name{grid-column:1!important;grid-row:1!important;font:700 clamp(20px,2vw,28px)/1.2 'Clash Display',Arial,sans-serif!important;letter-spacing:.015em!important;min-width:0!important;overflow-wrap:break-word!important;color:#073cf5!important;margin:0!important;text-decoration:none!important}
#personal-view .category-menu-copy>span,#play-view .category-menu-copy>span,#portfolio-view .category-menu-copy>.brand{grid-column:2!important;grid-row:1!important;font:400 13px/1.4 'Satoshi',Arial,sans-serif!important;letter-spacing:0!important;color:#515761!important;text-align:right!important;max-width:20ch;white-space:normal!important;margin:0!important}
#portfolio-view .category-menu-copy>.project-role,#portfolio-view .category-menu-copy>.project-no,#portfolio-view .category-menu-copy>.project-open{display:none!important}
/* Image feedback is shared; labels never underline. Keyboard focus stays visible. */
:is(#portfolio-view,#personal-view,#play-view) .category-menu-card:hover,:is(#portfolio-view,#personal-view,#play-view) .category-menu-card:hover .category-menu-copy>*{text-decoration:none!important}
@media(hover:hover){:is(#portfolio-view,#personal-view,#play-view) .category-menu-card:hover>img{filter:brightness(.9)!important}}
:is(#portfolio-view,#personal-view,#play-view) .category-menu-card:focus-visible{outline:3px solid #073cf5!important;outline-offset:6px!important;border-radius:8px!important}
@media(max-width:640px){:is(#portfolio-view,#personal-view,#play-view) .category-menu-heading{padding:32px var(--gutter)!important;flex-wrap:wrap;gap:16px!important}:is(#portfolio-view,#personal-view,#play-view) .category-menu-grid{grid-template-columns:minmax(0,1fr)!important;gap:32px!important;padding-top:32px!important}:is(#portfolio-view,#personal-view,#play-view) .category-menu-heading h1{font-size:clamp(32px,8.5vw,54px)!important}}
@media(prefers-reduced-motion:reduce){:is(#portfolio-view,#personal-view,#play-view) .category-menu-card>img{transition:none!important}}