/* Softer, consistent corners across interface surfaces. */
:root {
  --corner-large: 42px;
  --corner-medium: 22px;
  --corner-small: 16px;
}

.work-tile__visual,
.project-hero-card,
.about-profile,
.reference-card,
.contact,
.client-template,
.meta-campaign {
  border-radius: var(--corner-large);
}

.work-tile__button:focus-visible { border-radius: var(--corner-large); }

.work-tile__visual {
  transition: border-radius .45s cubic-bezier(.2, .7, .2, 1);
}

@media (hover: hover) {
  .work-tile__button:hover .work-tile__visual { border-radius: 56px; }
}

.project-modal { border-radius: 32px; }

.project-modal__hero,
.dgstudio-modal-hero,
.project-modal__footer-close,
.mvq-case-hero .mvq-presentation,
.koja-citylight-scene,
.koja-social-scene {
  border-radius: var(--corner-large);
}

.work-gallery__figure > img,
.koja-business-cards-return img,
.project-presentations img,
.dgstudio-output-grid img,
.design-detail,
.mvq-browser,
.meta-campaign__card {
  border-radius: var(--corner-medium);
}

.work-gallery__figure--browser > img { border-radius: 0 0 var(--corner-medium) var(--corner-medium); }
.work-browser-bar { border-radius: var(--corner-medium) var(--corner-medium) 0 0; }
.koja-scene-backdrop { border-radius: var(--corner-large); }

@media (max-width: 760px) {
  :root {
    --corner-large: 30px;
    --corner-medium: 18px;
    --corner-small: 14px;
  }

  .project-modal { border-radius: var(--corner-large); }
  .client-template { border-radius: var(--corner-medium); }
}

@media (prefers-reduced-motion: reduce) {
  .work-tile__visual { transition: none; }
}