/* Smooth Scrolling */
      html {
        scroll-behavior: smooth;
      }

      /* Per-section scroll offsets */
      #process {
        scroll-margin-top: 80px;
      }

      #pricing {
        scroll-margin-top: 140px;
      }

      #samples {
        scroll-margin-top: 140px;
      }

      #faq {
        scroll-margin-top: 80px;
      }

      #contact {
        scroll-margin-top: 80px;
      }

      /* Focus Styles */
      *:focus-visible {
        outline: 2px solid #f5bc71;
        outline-offset: 2px;
      }

      /* Active Nav Link */
      .nav-link.is-active {
        color: #f5bc71;
      }

      .material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
      }
      .glass-card {
        background: rgba(42, 42, 42, 0.6);
        backdrop-filter: blur(12px);
      }
      .glass-panel {
          background: rgba(32, 31, 31, 0.8);
          backdrop-filter: blur(20px);
      }
      .gold-gradient-btn {
        background: linear-gradient(135deg, #f5bc71 0%, #ce9a52 100%);
      }
      details[open] summary span.chevron {
        transform: rotate(180deg);
      }
      /* Mobile Menu Transitions */
      .mobile-menu-panel {
        display: flex;
        opacity: 0;
        transform: translateY(-100%);
        pointer-events: none;
        transition: opacity 0.3s ease, transform 0.3s ease;
      }
      .mobile-menu-panel.is-open {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
      }

      /* Scroll Animation Utilities */
      .reveal {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
      }
      .reveal.active {
        opacity: 1;
        transform: translateY(0);
      }

      /* Accordion Animation */
      details summary::-webkit-details-marker { display:none; }
      details { transition: all 0.3s ease-out; }
      details[open] { padding-bottom: 0; }

      /* Smooth Transitions */
      .btn-glow:hover {
        box-shadow: 0 0 20px rgba(245, 188, 113, 0.3);
      }

      .hover-lift {
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
      }
      .hover-lift:hover {
        transform: translateY(-8px) scale(1.01);
      }

      /* Lightbox */
      .lightbox {
        position: fixed;
        inset: 0;
        z-index: 100;
        background: rgba(14, 14, 14, 0.95);
        backdrop-filter: blur(20px);
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease;
      }
      .lightbox.is-open {
        opacity: 1;
        pointer-events: auto;
      }
      .lightbox-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        transform: scale(0.95);
        transition: transform 0.3s ease;
      }
      .lightbox.is-open .lightbox-content {
        transform: scale(1);
      }
      .lightbox-image {
        max-width: 90vw;
        max-height: 80vh;
        object-fit: contain;
        border-radius: 4px;
      }
      .lightbox-caption {
        text-align: center;
        margin-top: 1.25rem;
      }
      .lightbox-counter {
        display: block;
        font-family: 'Inter', sans-serif;
        font-size: 12px;
        color: #d4c4b3;
        margin-top: 0.5rem;
        letter-spacing: 0.05em;
      }
      .lightbox-category {
        display: block;
        font-family: 'Inter', sans-serif;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #f5bc71;
        margin-bottom: 0.375rem;
      }
      .lightbox-title {
        font-family: 'Manrope', sans-serif;
        font-size: 1.25rem;
        font-weight: 700;
        color: #fff;
        letter-spacing: -0.02em;
      }
      .lightbox-close {
        position: absolute;
        top: 1.5rem;
        right: 1.5rem;
        background: none;
        border: none;
        color: #f5bc71;
        cursor: pointer;
        padding: 0.5rem;
        border-radius: 50%;
        line-height: 0;
        transition: opacity 0.2s ease, transform 0.2s ease, background 0.2s ease;
      }
      .lightbox-close .material-symbols-outlined {
        font-size: 36px;
      }
      .lightbox-close:hover {
        opacity: 0.8;
        transform: scale(1.1);
        background: #2a2a2a;
      }
      .lightbox-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: none;
        border: none;
        color: #f5bc71;
        cursor: pointer;
        padding: 0.75rem;
        border-radius: 50%;
        line-height: 0;
        transition: opacity 0.2s ease, transform 0.2s ease, background 0.2s ease;
      }
      .lightbox-arrow .material-symbols-outlined {
        font-size: 36px;
      }
      .lightbox-arrow:hover {
        opacity: 0.8;
        background: #2a2a2a;
      }
      .lightbox-arrow-left {
        left: 1.5rem;
      }
      .lightbox-arrow-left:hover {
        transform: translateY(-50%) scale(1.1);
      }
      .lightbox-arrow-right {
        right: 1.5rem;
      }
      .lightbox-arrow-right:hover {
        transform: translateY(-50%) scale(1.1);
      }

      /* Lightbox Mobile */
      @media (max-width: 768px) {
        .lightbox-image {
          max-width: 100vw;
          max-height: 70vh;
          border-radius: 0;
        }
        .lightbox-close {
          top: 0.75rem;
          right: 0.75rem;
          min-width: 44px;
          min-height: 44px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: rgba(42, 42, 42, 0.6);
        }
        .lightbox-arrow {
          min-width: 44px;
          min-height: 44px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: rgba(42, 42, 42, 0.6);
        }
        .lightbox-arrow-left {
          left: 0.5rem;
        }
        .lightbox-arrow-right {
          right: 0.5rem;
        }
        .lightbox-arrow .material-symbols-outlined,
        .lightbox-close .material-symbols-outlined {
          font-size: 28px;
        }
        .lightbox-caption {
          margin-top: 0.75rem;
          padding: 0 1rem;
        }
        .lightbox-title {
          font-size: 1rem;
        }
      }

      /* Reduced Motion */
      @media (prefers-reduced-motion: reduce) {
        html { scroll-behavior: auto; }
        .animate-ken-burns { animation: none; }
        .animate-fade-in-up { animation: none; opacity: 1; }
        .hover-lift { transition: none; }
        .hover-lift:hover { transform: none; }
        .reveal { transition: none; opacity: 1; transform: none; }
        .mobile-menu-panel { transition: none; }
        .lightbox, .lightbox-content { transition: none; }
      }