@charset "utf-8";
/* CSS Document */
    body { padding-top: 72px; }

    /* About section */
    .about-section { padding: 6rem 0; background: #080808; }
    .about-grid {
      display: grid; grid-template-columns: 1fr;
      gap: 3.5rem; align-items: center;
    }
    @media (min-width: 768px) { .about-grid { grid-template-columns: 1fr 1fr; gap: 5rem; } }
    .about-img-wrap { position: relative; }
    .about-img-inner { aspect-ratio: 3/4; overflow: hidden; }
    .about-img-inner img {
      width: 100%; height: 100%; object-fit: cover;
      transition: transform 0.7s ease; filter: brightness(0.88);
    }
    .about-img-inner:hover img { transform: scale(1.05); filter: brightness(1); }
    .corner-tl {
      position: absolute; top: -16px; left: -16px;
      width: 80px; height: 80px;
      border-left: 2px solid rgba(234,73,3,0.5);
      border-top: 2px solid rgba(234,73,3,0.5);
    }
    .corner-br {
      position: absolute; bottom: -16px; right: -16px;
      width: 80px; height: 80px;
      border-right: 2px solid rgba(234,73,3,0.5);
      border-bottom: 2px solid rgba(234,73,3,0.5);
    }
    .experience-badge {
      position: absolute; bottom: 2rem; right: -1.5rem;
      background: #ea4903; padding: 1.25rem 1.5rem; color: #080808;
    }
    @media (min-width: 768px) { .experience-badge { right: -3rem; } }
    .badge-num {       font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif'serif; font-size: 2.5rem; font-weight: 700; line-height: 1; }
    .badge-label { font-size: 0.6rem; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; margin-top: 4px; }
    .about-heading {
      font-size: clamp(2rem, 4vw, 3.5rem); font-weight: 300;
      font-style: italic; color: #f8f4ee; line-height: 1.2; margin-bottom: 1.25rem;
    }
    .about-heading em { color: #EA4903; }
    .about-body {
      color: rgba(248,244,238,0.6); font-size: 1.1rem;
      line-height: 1.8; margin-bottom: 1rem; font-weight: 300;
    }
    .about-stats { display: flex; gap: 2.5rem; flex-wrap: wrap; margin: 2rem 0 2.5rem; }
    .stat-num {       font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif'serif; font-size: 2rem; font-weight: 300; color: #EA4903; line-height: 1; }
    .stat-label { font-size: 0.6rem; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: #EA4903; margin-top: 4px; }

    /* Values */
    .values-section { padding: 6rem 0; background: #0e0d0c; }
    .values-grid {
      display: grid; grid-template-columns: 1fr;
      gap: 2.5rem;
    }
    @media (min-width: 768px) { .values-grid { grid-template-columns: 1fr 1fr; gap: 3rem; } }
    .value-item { border-left: 2px solid rgba(212,168,83,0.3); padding-left: 1.5rem; }
    .value-title {       font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif'serif; font-size: 1.5rem; font-style: italic; color: #f8f4ee; margin-bottom: 0.5rem; }
    .value-body { font-size: 0.85rem; color: rgba(248,244,238,0.5); line-height: 1.8; font-weight: 300; }

    /* Testimonials */
    #testimonials { padding: 7rem 0; background: #080808; }
    .testimonials-inner { max-width: 720px; margin: 0 auto; text-align: center; }
    .quote-mark {       font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif'serif;font-size: 4.5rem; font-weight: 300; color: #ea4903; line-height: 0.8; margin-bottom: 0.5rem; user-select: none; }
    .testimonial-slide { display: none; }
    .testimonial-slide.active { display: block; }
    .testimonial-text {       font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif'serif; font-size: clamp(1.1rem, 2.5vw, 1.5rem); font-weight: 300; font-style: italic; color: #f8f4ee; line-height: 1.7; margin-bottom: 2rem; }
    .testimonial-couple {       font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif'serif; font-size: 0.7rem; font-weight: 500; letter-spacing: 0.25em; text-transform: uppercase; color: #ea4903; margin-bottom: 0.25rem; }
    .testimonial-venue { font-size: 0.75rem; color: rgba(234,73,3,0.4); }
    .t-dots { display: flex; justify-content: center; gap: 0.75rem; margin-top: 2.5rem; }
    .t-dot { height: 2px; width: 12px; background: rgba(234,73,3,0.4)); border: none; cursor: pointer; transition: all 0.4s; }
    .t-dot.active { width: 32px; background: #ea4903; }
  </style>