/* Start custom CSS *//* ==== LA HOME: smooth in-page anchor scrolling ==== */
html { scroll-behavior: smooth; }

/* ==== LA HOME: offset anchor targets below the fixed header ==== */
#top, #selected-work, #approach, #process, #capabilities, #collaboration, #start-your-project { scroll-margin-top: 88px; }

/* ==== LA HOME: underlined text links (design style) ==== */
.la-link-arrow u { text-decoration-thickness: 1px; text-underline-offset: 8px; }

/* ==== LA HOME: project cards (component "LA – Project Card") ====
   Hover: slow image zoom, title colour shift, link nudge. */
#selected-work .la-card { height: 100%; }
#selected-work .la-card .la-cover-img { transition: transform 1.2s cubic-bezier(.2,.7,.2,1); }
#selected-work .la-card:hover .la-cover-img { transform: scale(1.05); }
#selected-work .la-card .la-h3 { transition: color 0.35s; }
#selected-work .la-card:hover .la-h3 { color: var(--la-gold); }
#selected-work .la-card:hover .la-link-arrow { color: var(--la-gold); transform: translateX(6px); }

/* ==== LA HOME: collaboration audiences - gold accent on hover ==== */
#collaboration .la-collab .la-eyebrow { transition: color 0.35s; }
#collaboration .la-collab:hover .la-eyebrow { color: var(--la-gold); }

/* ==== LA HOME: process dividers grow from the top ==== */
#process .la-divider-line { transform-origin: top center; }

/* ==== LA HOME: reduced motion - disable non-essential animation ==== */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  [data-interaction-id] { opacity: 1 !important; transform: none !important; animation: none !important; transition: none !important; }
}/* End custom CSS */