/* ── Base ── */
  *, *::before, *::after { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body { margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

  /* ── Skip Link ── */
  .skip-link {
    position: absolute;
    top: -100%;
    left: 1rem;
    padding: 0.75rem 1.5rem;
    background: #B5654A;
    color: #FDFCFA;
    font-size: 0.75rem;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    z-index: 100;
    text-decoration: none;
    border-radius: 0 0 4px 4px;
  }
  .skip-link:focus { top: 0; }

  /* ── Header ── */
  #header {
    background: rgba(253, 252, 250, 0.92);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(228, 210, 194, 0.4);
  }
  #header.scrolled {
    box-shadow: 0 1px 0 rgba(228, 210, 194, 0.3);
  }

  /* ── Nav Links ── */
  .nav-link {
    position: relative;
  }
  .nav-link::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 1px;
    background: #B5654A;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .nav-link:hover::after {
    width: 100%;
  }

  /* ── Mobile Nav ── */
  .mobile-nav-link {
    position: relative;
  }
  .mobile-nav-link::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #B5654A;
    margin: 4px auto 0;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .mobile-nav-link:hover::after {
    width: 40px;
  }

  /* ── Scroll Indicator ── */
  .scroll-line {
    animation: scrollPulse 2s ease-in-out infinite;
  }
  @keyframes scrollPulse {
    0%, 100% { opacity: 0.3; transform: scaleY(1); }
    50% { opacity: 1; transform: scaleY(1.2); }
  }

  /* ── Reveal Animations ── */
  .reveal {
    opacity: 0;
    transform: translateY(32px);
    transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .reveal.revealed {
    opacity: 1;
    transform: translateY(0);
  }

  .reveal-image {
    opacity: 0;
    transform: scale(0.97);
    transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1), transform 1s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .reveal-image.revealed {
    opacity: 1;
    transform: scale(1);
  }

  /* ── Service Items ── */
  .service-item {
    transition: background 0.3s ease;
  }
  .service-item:hover {
    background: rgba(251, 245, 241, 0.5);
  }

  /* ── Form ── */
  select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23A3A3A3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    padding-right: 2.5rem;
  }

  /* ── Selection ── */
  ::selection {
    background: rgba(181, 101, 74, 0.15);
    color: #171717;
  }

  /* ── Focus Visible ── */
  :focus-visible {
    outline: 2px solid #B5654A;
    outline-offset: 2px;
  }

  /* ── Responsive ── */
  @media (max-width: 767px) {
    #hero h1 {
      font-size: 2.75rem;
    }
    .floating-card {
      display: none;
    }
  }

  @media (min-width: 768px) and (max-width: 1023px) {
    #hero h1 {
      font-size: 4rem;
    }
  }

  /* ── Print ── */
  @media print {
    #header, .scroll-line, button { display: none; }
    body { background: white; color: black; }
    a { color: black; text-decoration: underline; }
  }