/* Softer interaction surfaces: precise rather than severe. */
:root { --control-radius: 8px; --field-radius: 7px; }

.button,
.button-yellow,
.button-dark,
.next-page .button,
.header-contact,
.homepage .header-contact {
  clip-path: none;
  border-radius: var(--control-radius);
}

.button {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .09),
    0 10px 26px rgba(0, 0, 0, .25),
    0 0 0 1px rgba(255, 126, 67, .08);
}

.button-yellow:hover,
.button-dark:hover,
.next-page .button:hover {
  transform: translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .24),
    0 13px 30px rgba(255, 106, 0, .14),
    0 0 0 1px rgba(255, 174, 117, .18);
}

.button:active {
  transform: translateY(0);
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .3), 0 5px 12px rgba(0, 0, 0, .2);
}

.header-contact,
.homepage .header-contact { border-radius: 6px; }

.enquiry-form input,
.enquiry-form textarea,
.enquiry-form select,
.planner-fields input,
.planner-fields textarea,
.planner-fields select,
.planner-choice span {
  clip-path: none;
  border-radius: var(--field-radius);
}

.planner-choice input:checked + span {
  box-shadow: inset 3px 0 #ff6a00, 0 7px 18px rgba(0, 0, 0, .15);
}

.service-deck,
.service-principles {
  overflow: hidden;
  border-radius: 10px;
}

.service-panel { border-radius: 0; }
.service-panel:first-child { border-radius: 9px 0 0 9px; }
.service-panel:last-child { border-radius: 0 9px 9px 0; }

.homepage #work .work-desktop,
.case-display,
.screen {
  clip-path: none;
  border-radius: 8px;
}

.case-visit,
.project-visit {
  clip-path: none;
  border-radius: 6px;
}

.project-arrows button,
.hero-carousel-controls button {
  clip-path: none;
  border-radius: 6px;
}

@media (max-width: 760px) {
  .service-panel:first-child { border-radius: 9px 9px 0 0; }
  .service-panel:last-child { border-radius: 0 0 9px 9px; }
}

@media (prefers-reduced-motion: reduce) {
  .button-yellow:hover,
  .button-dark:hover,
  .next-page .button:hover { transform: none; }
}