/* Square media previews with the standard rounded controls. */
@layer shape-trial {
 /* Media previews stay square; controls use their original component radii. */
 :is(.project-media,.portrait-media,.image-zoom,.project-link,.case-cover,.case-cover-figure,
 .about-portrait,.home-client-portrait,.home-reel,.closing-work-preview,
 .gallery-media,.gallery-image,.gallery-outgoing,.transition-cover,.gallery-thumb),
 :is(.project-media,.portrait-media,.closing-work-preview,.gallery-media)>:is(img,video,iframe,canvas){border-radius:0!important}
 body.case-page .tags>span { border-radius:999px!important; }
 .fill-control:not(.gallery-cursor)::before {
  content:""!important;display:block!important;transform:none!important;
  background:var(--hover-fill,#d9d9d9)!important;
  clip-path:circle(0px at var(--fill-x,50%) var(--fill-y,50%))!important;
  transition:clip-path .55s cubic-bezier(.22,1,.36,1)!important;
 }
 .fill-control:not(.gallery-cursor):is(:hover,:focus-visible) {
  background:var(--directional-base,var(--hover-base,transparent))!important;
  color:var(--hover-ink,var(--button-ink,#1a1a1a))!important;
 }
 html body.case-page #project-details .details-toolbar { background:#fff!important; }
 html body.case-page #project-details .details-close {
  --hover-base:#1a1a1a;--control-surface:#1a1a1a;--button-ink:#fff;
  --hover-fill:#f3f3f3;--hover-ink:#1a1a1a;
  background:#1a1a1a!important;color:#fff!important;
 }
 html body.case-page #project-details .details-close .control-label { color:inherit!important; }
 html body.case-page #project-details .details-close:is(:hover,:focus-visible) {
  background:#f3f3f3!important;color:#1a1a1a!important;
 }
 .case-navigation-button::after { display:none!important; }
 .case-navigation:not(.case-side-nav-parked)>.case-navigation-button {
  --hover-fill:#fff!important;--hover-ink:#1a1a1a!important;
 }
 .case-navigation:not(.case-side-nav-parked)>.case-navigation-button:is(:hover,:focus-visible) {
  background:#fff!important;color:#1a1a1a!important;
 }
 .case-navigation:not(.case-side-nav-parked)>.case-navigation-button:is(:hover,:focus-visible) * { color:#1a1a1a!important; }

}