@import url("https://fonts.googleapis.com/css2?family=Laila:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap");

:root {
      --navy: #061323;
      --navy-rgb: 6, 19, 35;
      --gold: #D5A536;
      --gold-rgb: 213, 165, 54;
      --white: #FFFFFF;
      --navy2: var(--navy);
      --gold-lt: var(--gold);
      --ivory: rgba(var(--gold-rgb), .08);
      --slate: rgba(var(--navy-rgb), .72);
      --body-fs: 17px;
      --radius: 6px;
      --transition: .22s ease;
}

*,
*::before,
*::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
}

html {
      scroll-behavior: smooth;
}

body {
  font-family: "Laila", serif;
      font-size: var(--body-fs);
      line-height: 1.72;
      color: var(--navy);
      background: var(--white);
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5 {
      font-family: "Laila", serif;
      line-height: 1.15;
      color: var(--navy);
}

img {
      max-width: 100%;
      display: block;
}

a {
      text-decoration: none;
}

h1 {
      font-size: clamp(2.4rem, 5.5vw, 4rem);
      font-weight: 700;
}

h2 {
      font-size: clamp(1.75rem, 3.5vw, 2.6rem);
      font-weight: 600;
}

h3 {
      font-size: clamp(1.2rem, 2vw, 1.65rem);
      font-weight: 600;
}

h4 {
      font-size: 1.1rem;
      font-weight: 600;
}

h5 {
      font-size: .95rem;
      font-weight: 600;
}

.tag {
    font-family: "Laila", serif;
    font-size: 18px;
    font-weight: 700;
    /* letter-spacing: .18em; */
    /* text-transform: uppercase; */
    color: var(--gold);
    margin-bottom: 0px;
}

/* .gold-bar {
      width: 44px;
      height: 3px;
      background: var(--gold);
      margin: .7rem 0 1rem;
}

.gold-bar.center {
      margin-left: auto;
      margin-right: auto;
} */

.section {
      /* padding: 6rem 0; */
}
.sub-para{
       font-size: 20px;   
}

.section-ivory {
      background: var(--ivory);
}

.section-navy {
      background: var(--navy);
}

.reveal {
      opacity: 0;
      transform: translateY(24px);
      transition: opacity .65s ease, transform .65s ease;
}

.reveal.left {
      transform: translateX(-24px);
}

.reveal.right {
      transform: translateX(24px);
}

.reveal.on {
      opacity: 1;
      transform: none;
}

.btn-primary-pgr {
      display: inline-flex;
      align-items: center;
      gap: .45rem;
      background: var(--gold);
      color: var(--navy);
  font-family: "Laila", serif;
      font-size: .88rem;
      font-weight: 700;
      letter-spacing: .04em;
      padding: .78rem 1.9rem;
      border: none;
      border-radius: var(--radius);
      cursor: pointer;
      transition: background var(--transition), transform var(--transition);
}

.btn-primary-pgr:hover {
      background: var(--gold-lt);
      transform: translateY(-2px);
      color: var(--navy);
}

.btn-ghost-pgr {
      display: inline-flex;
      align-items: center;
      gap: .45rem;
      background: transparent;
      color: var(--white);
  font-family: "Laila", serif;
      font-size: .88rem;
      font-weight: 500;
      padding: .76rem 1.85rem;
      border: 1.5px solid rgba(255, 255, 255, .38);
      border-radius: var(--radius);
      transition: border-color var(--transition), color var(--transition);
}

.btn-ghost-pgr:hover {
      border-color: var(--gold);
      color: var(--gold);
}

.btn-ghost-dark {
      display: inline-flex;
      align-items: center;
      gap: .45rem;
      background: transparent;
      color: var(--navy);
  font-family: "Laila", serif;
      font-size: .88rem;
      font-weight: 500;
      padding: .74rem 1.85rem;
      border: 1.5px solid rgba(var(--navy-rgb), .22);
      border-radius: var(--radius);
      transition: border-color var(--transition), color var(--transition);
}

.btn-ghost-dark:hover {
      border-color: var(--gold);
      color: var(--gold);
}

#nav {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 900;
      background: transparent;
      transition: background .4s, box-shadow .4s;
      padding: .9rem 0;
}

#nav.solid {
      background: var(--navy);
      box-shadow: 0 2px 18px rgba(0, 0, 0, .22);
}

.nav-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
}

.nav-logo {
      display: flex;
      align-items: center;
      gap: .65rem;
      text-decoration: none;
      flex-shrink: 0;
}

.nav-logo img {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      object-fit: cover;
      border: 2px solid var(--gold);
}

.nav-logo-text {
      font-family: "Laila", serif;
      font-size: 1.1rem;
      font-weight: 700;
      color: var(--white);
      line-height: 1.1;
}

.nav-logo-text small {
      display: block;
  font-family: "Laila", serif;
      font-size: .6rem;
      font-weight: 500;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: var(--gold);
      margin-top: .05rem;
}

.nav-links {
      display: flex;
      align-items: center;
      gap: .1rem;
      list-style: none;
}

.nav-links a {
  font-family: "Laila", serif;
      font-size: .82rem;
      font-weight: 500;
      letter-spacing: .03em;
      color: rgba(255, 255, 255, .78);
      padding: .4rem .85rem;
      border-radius: var(--radius);
      transition: color var(--transition);
}

.nav-links a:hover,
.nav-links a.active {
      color: var(--gold);
}

.nav-links .nav-cta {
      background: var(--gold);
      color: var(--navy) !important;
      padding: .42rem 1.1rem;
      font-weight: 700;
      transition: background var(--transition);
}

.nav-links .nav-cta:hover {
      background: var(--gold-lt);
}

.nav-toggle {
      display: none;
      flex-direction: column;
      gap: 5px;
      cursor: pointer;
      padding: .3rem;
      background: none;
      border: none;
}

.nav-toggle span {
      display: block;
      width: 22px;
      height: 2px;
      background: var(--white);
      border-radius: 2px;
      transition: transform .3s, opacity .3s;
}

.nav-toggle.open span:nth-child(1) {
      transform: translateY(7px) rotate(45deg);
}

.nav-toggle.open span:nth-child(2) {
      opacity: 0;
}

.nav-toggle.open span:nth-child(3) {
      transform: translateY(-7px) rotate(-45deg);
}

@media (max-width: 920px) {
      .nav-toggle {
            display: flex;
      }

      .nav-links {
            display: none;
            flex-direction: column;
            align-items: flex-start;
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: var(--navy);
            padding: 1rem 1.5rem 1.5rem;
            gap: .2rem;
            box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
      }

      .nav-links.open {
            display: flex;
      }

      .nav-links a {
            width: 100%;
      }
}

@keyframes gridDrift {
      to {
            background-position: 60px 60px;
      }
}

.hero-title {
      color: var(--white);
}

.hero-title em {
      color: var(--gold);
      font-style: normal;
}

.hero-sub {
      color: rgba(255, 255, 255, .62);
      font-size: 1rem;
      font-weight: 300;
      max-width: 530px;
      line-height: 1.75;
      margin-top: .85rem;
}

.stat-strip {
      background: var(--navy);
      border-bottom: 3px solid var(--gold);
      padding: 1.5rem 0;
}

.stat-strip .item {
      text-align: center;
}

.stat-strip .num {
      font-family: "Laila", serif;
      font-size: 2rem;
      font-weight: 700;
      color: var(--gold);
      line-height: 1;
}

.stat-strip .lbl {
  font-family: "Laila", serif;
      font-size: .66rem;
      font-weight: 600;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, .48);
      margin-top: .22rem;
}

#footer {
      background: var(--navy);
      padding: 4.5rem 0 0;
}

.footer-grid {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr 1.6fr;
      gap:1rem;
      padding-bottom:1rem;
      border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.footer-logo {
      display: flex;
      align-items: center;
      gap: .7rem;
      margin-bottom: 1rem;
}

.footer-logo img {
    width: 151px;
    height: 150px;
      /* border-radius: 50%;
      object-fit: cover;
      border: 2px solid var(--gold); */
}

.footer-brand {
      font-family: "Laila", serif;
      font-size: 1.15rem;
      font-weight: 700;
      color: var(--white);
      line-height: 1.1;
}

.footer-brand small {
      display: block;
  font-family: "Laila", serif;
      font-size: .58rem;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: var(--gold);
}

.footer-desc {
  font-family: "Laila", serif;
      font-size:16px;
      color:#fff;
      line-height: 1.72;
      margin-bottom: 1.2rem;
}

.footer-contact-item {
      display: flex;
      align-items: flex-start;
      gap: .55rem;
  font-family: "Laila", serif;
      font-size: .82rem;
      color:#fff;
      margin-bottom: .5rem;
      text-decoration: none;
      transition: color var(--transition);
}

.footer-contact-item:hover {
      color: var(--gold);
}

.footer-contact-item i {
      color: var(--gold);
      font-size: .9rem;
      margin-top: .15rem;
      flex-shrink: 0;
}

.footer-heading {
    font-family: "Laila", serif;
    font-size: 22px;
    font-weight: 700;
    /* letter-spacing: .16em; */
    /* text-transform: uppercase; */
    color: var(--gold);
    margin-bottom: 1.1rem;
}

.footer-links {
      list-style: none;
          padding-left: 0px;
}

.footer-links li {
      margin-bottom: .5rem;
}

.footer-links a {
  font-family: "Laila", serif;
      font-size:16px;
      color:#fff;
      text-decoration: none;
      transition: color var(--transition);
}

.footer-links a:hover {
      color: var(--gold);
}

.footer-enquiry input {
      width: 100%;
      background: rgba(255, 255, 255, .06);
      border: 1px solid rgba(255, 255, 255, .12);
      color: var(--white);
  font-family: "Laila", serif;
      font-size: .82rem;
      padding: .65rem .9rem;
      border-radius: var(--radius);
      outline: none;
      transition: border-color var(--transition);
      margin-bottom: .6rem;
}

.footer-enquiry input::placeholder {
      color: rgba(255, 255, 255, .28);
}

.footer-enquiry input:focus {
      border-color: rgba(var(--gold-rgb), .5);
}

.footer-enquiry .btn-primary-pgr {
      width: 100%;
      justify-content: center;
      font-size: .8rem;
      padding: .65rem;
}

.footer-social {
      display: flex;
      gap: .45rem;
      margin-top: 1.1rem;
}

.fsoc {
      width: 34px;
      height: 34px;
      border-radius: var(--radius);
      background: rgba(255, 255, 255, .06);
      color: rgba(255, 255, 255, .45);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .85rem;
      text-decoration: none;
      transition: background var(--transition), color var(--transition);
}

.fsoc:hover {
      background: var(--gold);
      color: var(--navy);
}

.footer-bottom {
      padding: 1.2rem 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: .7rem;
}

.footer-copy {
  font-family: "Laila", serif;
      font-size: .72rem;
      color:#fff;
}

.footer-rera {
  font-family: "Laila", serif;
      font-size: .72rem;
      color:#fff;
      display: flex;
      align-items: center;
      gap: .4rem;
}

.footer-rera i {
      color: var(--gold);
}

.footer-trust {
      display: flex;
      flex-wrap: wrap;
      gap: .7rem;
      margin-top: .9rem;
}

.ftrust {
      display: flex;
      align-items: center;
      gap: .4rem;
  font-family: "Laila", serif;
      font-size: .7rem;
      font-weight: 500;
      color:#fff;
}

.ftrust i {
      color: var(--gold);
      font-size: .75rem;
}

.hours-table {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: .28rem .9rem;
  font-family: "Laila", serif;
      font-size: .8rem;
      margin-top: .7rem;
}

.hours-table .d {
      color:#fff;
}

.hours-table .t {
      color:#fff;
      font-weight: 500;
}

.hours-table .off {
      color:#fff;
}
.logo-img img{
          width:60px;

}
.navbar-toggler i{
     color: #000;
    font-size: 34px;     
}
.offcanvas.show:not(.hiding), .offcanvas.showing {
    transform: none;
    background-color: #fff !important;
}
#wa-float {
      position: fixed;
      bottom: 1.8rem;
      right: 1.8rem;
      z-index: 950;
      display: flex;
      align-items: center;
      gap: .5rem;
      background: var(--gold);
      color: var(--navy);
  font-family: "Laila", serif;
      font-size: .78rem;
      font-weight: 700;
      letter-spacing: .04em;
      padding: .7rem 1.2rem;
      border-radius: var(--radius);
      box-shadow: 0 6px 22px rgba(var(--gold-rgb), .42);
      text-decoration: none;
      transition: transform var(--transition), box-shadow var(--transition);
}

#wa-float:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 30px rgba(var(--gold-rgb), .58);
      color: var(--navy);
}

@media (max-width: 991px) {
      .footer-grid {
            grid-template-columns: 1fr 1fr;
      }
}

@media (max-width: 575px) {
      .footer-grid {
            grid-template-columns: 1fr;
            gap: 2rem;
      }

      .footer-bottom {
            flex-direction: column;
            text-align: center;
      }
}

.info-card {
      display: flex;
      align-items: flex-start;
      gap: 1rem;
      background: var(--ivory);
      border: 1px solid rgba(var(--navy-rgb), .08);
      border-radius: var(--radius);
      padding: 1.5rem 1.4rem;
      text-decoration: none;
      color: inherit;
      position: relative;
      overflow: hidden;
      transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}

.info-card::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 3px;
      background: var(--gold);
      transform: scaleY(0);
      transform-origin: bottom;
      transition: transform .3s ease;
}

.info-card:hover::before {
      transform: scaleY(1);
}

.info-card:hover {
      transform: translateX(4px);
      box-shadow: 0 6px 22px rgba(var(--navy-rgb), .08);
      border-color: rgba(var(--gold-rgb), .22);
}

.info-icon {
      width: 46px;
      height: 46px;
      border-radius: 50%;
      background: rgba(var(--gold-rgb), .11);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.1rem;
      color: var(--gold);
      flex-shrink: 0;
      transition: background var(--transition);
}

.info-card:hover .info-icon {
      background: var(--gold);
      color: var(--navy);
}

.info-label {
font-family: "Laila", serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .12em;
    /* text-transform: uppercase; */
    color: var(--gold);
    margin-bottom: .25rem;
}

.info-value {
    font-family: "Laila", serif;
    font-size: 20px;
    font-weight: 600;
    color: var(--navy);
    line-height: 1.35;
}

.info-sub {
    font-family: "Laila", serif;
    font-size: 16px;
    color: #000;
    margin-top: .15rem;
}

.form-dark {
      background: var(--navy);
      border-radius: var(--radius);
      padding: 2.8rem 2.6rem;
      position: relative;
      overflow: hidden;
}

.form-dark::before {
      content: "";
      position: absolute;
      top: -80px;
      right: -80px;
      width: 260px;
      height: 260px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(var(--gold-rgb), .1) 0%, transparent 70%);
      pointer-events: none;
}

.form-dark h3 {
      color: var(--white);
      margin-bottom: .3rem;
}

.form-dark .sub {
  font-family: "Laila", serif;
      font-size: .84rem;
      color: rgba(255, 255, 255, .45);
      margin-bottom: 1.8rem;
}

.field {
      position: relative;
      margin-bottom: 1rem;
}

.field input,
.field select,
.field textarea {
      width: 100%;
      background: rgba(255, 255, 255, .06);
      border: 1px solid rgba(255, 255, 255, .12);
      color: var(--white);
  font-family: "Laila", serif;
      font-size: .88rem;
      padding: .88rem 1rem .88rem 2.9rem;
      border-radius: var(--radius);
      outline: none;
      transition: border-color var(--transition), background var(--transition);
      appearance: none;
}

.field textarea {
      padding-top: .88rem;
      resize: vertical;
      min-height: 96px;
}

.field select option {
      background: var(--navy2);
}

.field input::placeholder,
.field textarea::placeholder {
      color: rgba(255, 255, 255, .28);
}

.field input:focus,
.field select:focus,
.field textarea:focus {
      border-color: rgba(var(--gold-rgb), .5);
      background: rgba(255, 255, 255, .09);
}

.field-icon {
      position: absolute;
      left: .9rem;
      top: 50%;
      transform: translateY(-50%);
      color: rgba(var(--gold-rgb), .55);
      font-size: .95rem;
      pointer-events: none;
      transition: color var(--transition);
}

.field:has(textarea) .field-icon {
      top: 1rem;
      transform: none;
}

.field:focus-within .field-icon {
      color: var(--gold);
}

.field-err {
  font-family: "Laila", serif;
      font-size: .7rem;
      color: rgba(220, 100, 100, .85);
      margin-top: .25rem;
      display: none;
}

.field-err.show {
      display: block;
}

.field input.err,
.field select.err,
.field textarea.err {
      border-color: rgba(220, 80, 80, .5);
}

.char-ct {
  font-family: "Laila", serif;
      font-size: .68rem;
      color: rgba(255, 255, 255, .22);
      text-align: right;
      margin-top: .2rem;
}

.btn-submit-pgr {
      width: 100%;
      padding: .95rem;
      background: var(--gold);
      color: var(--navy);
  font-family: "Laila", serif;
      font-size: .9rem;
      font-weight: 700;
      letter-spacing: .04em;
      border: none;
      border-radius: var(--radius);
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: .5rem;
      transition: background var(--transition), transform var(--transition);
}

.btn-submit-pgr:hover {
      background: var(--gold-lt);
      transform: translateY(-1px);
}

.btn-submit-pgr:disabled {
      opacity: .7;
      pointer-events: none;
}

.promise-strip {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1px;
      background: rgba(var(--navy-rgb), .09);
      border: 1px solid rgba(var(--navy-rgb), .09);
      border-radius: var(--radius);
      overflow: hidden;
      margin-top: 1rem;
}

.promise-item {
      background: var(--ivory);
      padding: 1rem;
      text-align: center;
  font-family: "Laila", serif;
}

.promise-item i {
      color: var(--gold);
      font-size: 1.1rem;
}

.promise-item strong {
      display: block;
      font-size: .72rem;
      font-weight: 600;
      color: var(--navy);
      margin-top: .35rem;
}

.promise-item span {
      font-size: .66rem;
      color: var(--slate);
}

.form-success {
      display: none;
      text-align: center;
      padding: 3rem 1rem;
}

.success-ring {
      width: 72px;
      height: 72px;
      border-radius: 50%;
      background: rgba(var(--gold-rgb), .14);
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 1.4rem;
      animation: popIn .4s cubic-bezier(.34, 1.56, .64, 1);
}

@keyframes popIn {
      from {
            transform: scale(0);
      }

      to {
            transform: scale(1);
      }
}

.success-ring i {
      font-size: 1.9rem;
      color: var(--gold);
}

.form-success h4 {
      font-family: "Laila", serif;
      color: var(--white);
      font-size: 1.3rem;
      margin-bottom: .5rem;
}

.form-success p {
  font-family: "Laila", serif;
      font-size: .86rem;
      color: rgba(255, 255, 255, .48);
      line-height: 1.72;
}

.faq-item {
      border-bottom: 1px solid rgba(var(--navy-rgb), .07);
}

.faq-item:first-child {
      border-top: 1px solid rgba(var(--navy-rgb), .07);
}

.faq-q {
      width: 100%;
      background: none;
      border: none;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: 1.2rem 0;
      font-family: "Laila", serif;
      font-size: 1rem;
      font-weight: 600;
      color: var(--navy);
      cursor: pointer;
      text-align: left;
      transition: color var(--transition);
}

.faq-q:hover {
      color: var(--gold);
}

.faq-icon {
      width: 26px;
      height: 26px;
      border-radius: 50%;
      flex-shrink: 0;
      background: rgba(var(--gold-rgb), .1);
      color: var(--gold);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .75rem;
      transition: background var(--transition), transform .3s;
}

.faq-item.open .faq-icon {
      background: var(--gold);
      color: var(--navy);
      transform: rotate(45deg);
}

.faq-a {
  font-family: "Laila", serif;
      font-size: .88rem;
      color: var(--slate);
      line-height: 1.78;
      max-height: 0;
      overflow: hidden;
      padding: 0;
      transition: max-height .4s ease, padding .3s;
}

.faq-item.open .faq-a {
      max-height: 300px;
      padding-bottom: 1.2rem;
}

.map-wrap {
      border-radius: var(--radius);
      overflow: hidden;
      border: 1px solid rgba(var(--navy-rgb), .1);
}

.map-wrap iframe {
      display: block;
}

@media (min-width: 1400px) {
      .container {
            max-width: 1240px;
      }
}

.skip-link {
      position: absolute;
      top: -100px;
      left: 1rem;
      background: var(--gold);
      color: var(--navy);
      font-size: .8rem;
      font-weight: 700;
      padding: .4rem .9rem;
      border-radius: var(--radius);
      z-index: 9999;
      transition: top .2s;
}

.skip-link:focus {
      top: .5rem;
}

#hero {
      min-height: 100vh;
      display: flex;
      align-items: center;
      position: relative;
      overflow: hidden;
}

.hero-video-wrap {
      position: absolute;
      inset: 0;
      z-index: 0;
      overflow: hidden;
      background: var(--navy);
}

.hero-video {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
      transform: translate(-50%, -50%) scale(1);
      filter: saturate(1.08) brightness(.62);
      animation: heroVideoZoom 26s ease-in-out infinite alternate;
}

@keyframes heroVideoZoom {
      0% {
            transform: translate(-50%, -50%) scale(1);
      }
      100% {
            transform: translate(-50%, -50%) scale(1.06);
      }
}

#hero .bg {
      position: absolute;
      inset: 0;
      z-index: 1;
      background:
            linear-gradient(158deg, rgba(var(--navy-rgb), .86) 0%, rgba(var(--navy-rgb), .55) 55%, rgba(var(--gold-rgb), .18) 100%);
}

.hero-grid {
      position: absolute;
      inset: 0;
      z-index: 2;
      background-image:
            linear-gradient(rgba(var(--gold-rgb), .05) 1px, transparent 1px),
            linear-gradient(90deg, rgba(var(--gold-rgb), .05) 1px, transparent 1px);
      background-size: 60px 60px;
      animation: gridDrift 22s linear infinite;
}

@keyframes gridDrift {
      to {
            background-position: 60px 60px;
      }
}

.hero-glow {
      position: absolute;
      z-index: 2;
      border-radius: 50%;
      filter: blur(60px);
      pointer-events: none;
}

.hero-glow-a {
      width: 380px;
      height: 380px;
      top: -120px;
      right: -80px;
      background: radial-gradient(circle, rgba(var(--gold-rgb), .35), transparent 70%);
      animation: glowFloat 9s ease-in-out infinite;
}

.hero-glow-b {
      width: 320px;
      height: 320px;
      bottom: -140px;
      left: -60px;
      background: radial-gradient(circle, rgba(var(--gold-rgb), .22), transparent 70%);
      animation: glowFloat 11s ease-in-out infinite reverse;
}

@keyframes glowFloat {
      0%, 100% {
            transform: translate(0, 0) scale(1);
      }
      50% {
            transform: translate(20px, -16px) scale(1.12);
      }
}

.hero-particles {
      position: absolute;
      inset: 0;
      z-index: 2;
      pointer-events: none;
      overflow: hidden;
}

.hero-particles span {
      position: absolute;
      bottom: -10px;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: rgba(var(--gold-rgb), .65);
      box-shadow: 0 0 6px rgba(var(--gold-rgb), .8);
      animation: particleRise linear infinite;
}

.hero-particles span:nth-child(1) { left: 8%;  width: 3px;  height: 3px; animation-duration: 13s; animation-delay: 0s; }
.hero-particles span:nth-child(2) { left: 22%; width: 5px;  height: 5px; animation-duration: 17s; animation-delay: 2s; }
.hero-particles span:nth-child(3) { left: 41%; width: 3px;  height: 3px; animation-duration: 12s; animation-delay: 4s; }
.hero-particles span:nth-child(4) { left: 63%; width: 4px;  height: 4px; animation-duration: 15s; animation-delay: 1s; }
.hero-particles span:nth-child(5) { left: 79%; width: 3px;  height: 3px; animation-duration: 19s; animation-delay: 3s; }
.hero-particles span:nth-child(6) { left: 92%; width: 5px;  height: 5px; animation-duration: 14s; animation-delay: 5s; }

@keyframes particleRise {
      0% {
            transform: translateY(0) translateX(0);
            opacity: 0;
      }
      10% {
            opacity: .9;
      }
      90% {
            opacity: .5;
      }
      100% {
            transform: translateY(-520px) translateX(18px);
            opacity: 0;
      }
}

#hero .content {
      position: relative;
      z-index: 3;
      padding-top:40px;
      padding-bottom:40px
}

.hero-anim {
      opacity: 0;
      transform: translateY(22px);
      animation: heroRise .8s cubic-bezier(.2,.7,.2,1) forwards;
      animation-delay: var(--d, 0s);
}

@keyframes heroRise {
      to {
            opacity: 1;
            transform: translateY(0);
      }
}

.hero-tags {
      display: flex;
      flex-wrap: wrap;
      gap: .4rem;
      margin-bottom: 1.3rem;
}

.hero-tag {
  font-family: "Laila", serif;
      font-size: .65rem;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--gold-lt);
      background: rgba(var(--gold-rgb), .14);
      border: 1px solid rgba(var(--gold-rgb), .35);
      padding: .28rem .8rem;
      border-radius: var(--radius);
      transition: background var(--transition), transform var(--transition);
}

.hero-tag:hover {
      background: rgba(var(--gold-rgb), .26);
      transform: translateY(-2px);
}

.hero-ctas {
      display: flex;
      flex-wrap: wrap;
      gap: .9rem;
      margin-top: 2rem;
}

.scroll-hint {
      position: absolute;
      bottom: 2rem;
      left: 50%;
      z-index: 3;
      transform: translateX(-50%);
      display: flex;
      flex-direction: column;
      align-items: center;
      color: rgba(255, 255, 255, .38);
  font-family: "Laila", serif;
      font-size: .62rem;
      letter-spacing: .12em;
      text-transform: uppercase;
      animation: bounceY 2.4s infinite;
}

.scroll-hint i {
      font-size: 1.1rem;
      margin-top: .35rem;
}

@keyframes bounceY {

      0%,
      100% {
            transform: translateX(-50%) translateY(0);
      }

      50% {
            transform: translateX(-50%) translateY(8px);
      }
}

@media (prefers-reduced-motion: reduce) {
      .hero-video,
      .hero-grid,
      .hero-glow,
      .hero-particles span,
      .hero-anim,
      .scroll-hint {
            animation: none !important;
      }
      .hero-anim {
            opacity: 1;
            transform: none;
      }
}

#about-strip {
      padding: 6rem 0;
      background: var(--white);
}

.about-img {
      position: relative;
}

.about-img img {
      width: 100%;
      height: 480px;
      object-fit: cover;
      border-radius: var(--radius);
}

.about-badge {
      position: absolute;
      bottom: -1.2rem;
      right: -1.2rem;
      background: var(--gold);
      color: var(--navy);
      padding: 1.2rem 1.4rem;
      text-align: center;
      border-radius: var(--radius);
      font-family: "Laila", serif;
}

.about-badge .n {
      font-size: 2rem;
      font-weight: 700;
      line-height: 1;
}

.about-badge .l {
      font-size: .6rem;
      font-weight: 600;
      letter-spacing: .1em;
      text-transform: uppercase;
}

.check-row {
      display: flex;
      align-items: center;
      gap: .6rem;
  font-family: "Laila", serif;
      font-size: 18px;
      color: #000;
      margin-bottom: .5rem;
}

.ptb-60 {
      padding: 60px 0;
}

.check-row i {
      color: var(--gold);
      flex-shrink: 0;
}

.services {
      /* padding: 6rem 0; */
      background: var(--ivory);
}

.svc-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1px;
      background: rgba(var(--navy-rgb), .09);
      border: 1px solid rgba(var(--navy-rgb), .09);
      border-radius: var(--radius);
      overflow: hidden;
    margin-top: 12px;
}

.svc-cell {
      background: var(--white);
      padding: 2rem 1.7rem;
      display: flex;
      flex-direction: column;
      gap: .6rem;
      position: relative;
      overflow: hidden;
      transition: background .22s;
}

.svc-cell::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 3px;
      background: var(--gold);
      transform: scaleY(0);
      transform-origin: bottom;
      transition: transform .28s;
}

.svc-cell:hover {
      background: var(--ivory);
}

.svc-cell:hover::before {
      transform: scaleY(1);
}

.svc-cell-icon {
      width: 60px;
      height: 60px;
      border-radius: 10px;
      background: rgba(var(--gold-rgb), .1);
      color: var(--gold);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 34px;
      transition: background .22s;
}

.svc-cell:hover .svc-cell-icon {
      background: rgba(var(--gold-rgb), .2);
}

.svc-cell h4 {
      font-family: "Laila", serif;
      font-size: 22px;
      color: var(--navy);
}

.svc-cell p {
  font-family: "Laila", serif;
      font-size: 17px;
      color: #000;
      line-height: 1.62;
      margin: 0;
}

.svc-link {
  font-family: "Laila", serif;
      font-size: 18px;
      font-weight: 600;
      color: var(--gold);
      display: inline-flex;
      align-items: center;
      gap: .3rem;
      margin-top: auto;
      opacity: 0;
      transition: opacity .22s;
}

.svc-cell:hover .svc-link {
      opacity: 1;
}

.svc-bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 1rem;
      margin-top: 1.8rem;
      padding-top: 1.4rem;
      /* border-top: 1px solid rgba(var(--navy-rgb), .07); */
}

.svc-promise {
    font-family: "Laila", serif;
    font-size: 20px;
    color: #000;
    display: flex;
    align-items: center;
    gap: .4rem;
}

.svc-promise i {
      color: var(--gold);
}

@media (max-width:767px) {
      .svc-grid {
            grid-template-columns: 1fr 1fr;
      }
}

@media (max-width:480px) {
      .svc-grid {
            grid-template-columns: 1fr;
      }
}

.why {
      /* padding: 6rem 0; */
      background: var(--navy);
      position: relative;
      overflow: hidden;
}

.why::before {
      content: "";
      position: absolute;
      top: -80px;
      right: -80px;
      width: 450px;
      height: 450px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(var(--gold-rgb), .1) 0%, transparent 70%);
      pointer-events: none;
}

.why-row {
      display: flex;
      align-items: flex-start;
      gap: .85rem;
      padding: .85rem 0;
      border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.why-row:last-child {
      border-bottom: none;
}

.why-row i {
      color: var(--gold);
      font-size: .95rem;
      margin-top: .2rem;
      flex-shrink: 0;
}

.why-row span {
    font-family: "Laila", serif;
    font-size: 19px;
    color: rgba(255, 255, 255, .78);
}

.why-img {
      position: relative;
}

.why-img img {
      width: 100%;
      border-radius: var(--radius);
}

.why-frame {
      position: absolute;
      top: -14px;
      left: -14px;
      right: 14px;
      bottom: 14px;
      border: 2px solid var(--gold);
      border-radius: var(--radius);
      opacity: .35;
      pointer-events: none;
}

.locations {
      padding: 6rem 0;
      background: var(--ivory);
}

.loc-scroll {
      overflow-x: auto;
      cursor: grab;
      scrollbar-width: thin;
      scrollbar-color: var(--gold) transparent;
      padding-bottom: .5rem;
}

.loc-inner {
      display: flex;
      gap: 1.1rem;
      padding: .3rem .1rem;
      min-width: max-content;
}

.loc-card {
      width: 220px;
      flex-shrink: 0;
      background: var(--white);
      border-radius: var(--radius);
      overflow: hidden;
      transition: transform .25s, box-shadow .25s;
}

.loc-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 12px 30px rgba(var(--navy-rgb), .13);
}

.loc-img {
      height: 134px;
      overflow: hidden;
}

.loc-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .4s;
}

.loc-card:hover .loc-img img {
      transform: scale(1.06);
}

.loc-body {
      padding: 1rem 1.1rem 1.2rem;
}

.loc-body h5 {
      font-family: "Laila", serif;
      font-size: .95rem;
}

.loc-body p {
    /* font-family: "Laila", serif; */
    /* font-size: .74rem; */
    /* color: var(--slate); */
    /* line-height: 1.5; */
    /* margin: .3rem 0 .6rem; */
    font-size: 17px;
    line-height: 28px;
}

.loc-tag {
  font-family: "Laila", serif;
      font-size: .62rem;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: var(--gold);
}

.projects {
      /* padding: 6rem 0; */
      background: var(--white);
}
.main-title{
   font-size: clamp(1.75rem, 3.5vw, 2.6rem);
    font-weight: 600;   
}
.proj-mosaic {
      display: grid;
      grid-template-columns: 2fr 1fr;
      grid-template-rows: 260px 260px;
      gap: 1rem;
}

.proj-mosaic .big {
      grid-row: span 2;
}

.proj-card {
      position: relative;
      overflow: hidden;
      border-radius: var(--radius);
      background: var(--navy2);
}

.proj-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .5s;
}

.proj-card:hover img {
      transform: scale(1.06);
}

.proj-card-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(var(--navy-rgb), .88) 0%, transparent 55%);
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 1.3rem;
}

.proj-card-overlay h5 {
      font-family: "Laila", serif;
      color: var(--white);
      font-size: 1rem;
}

.proj-card-overlay span {
  font-family: "Laila", serif;
      font-size: .68rem;
      color: var(--gold-lt);
}

.proj-tag {
      position: absolute;
      top: 1rem;
      left: 1rem;
      background: var(--gold);
      color: var(--navy);
  font-family: "Laila", serif;
      font-size: .6rem;
      font-weight: 700;
      letter-spacing: .1em;
      text-transform: uppercase;
      padding: .25rem .7rem;
      border-radius: var(--radius);
}

@media (max-width:767px) {
      .proj-mosaic {
            grid-template-columns: 1fr;
            grid-template-rows: auto;
      }

      .proj-mosaic .big {
            grid-row: auto;
      }

      .proj-card {
            min-height: 220px;
      }
}

.prelaunch {
      padding:60px 0;
      background: var(--navy);
      position: relative;
      overflow: hidden;
}

#prelaunch::after {
      content: "PRE-LAUNCH";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-family: "Laila", serif;
      font-size: clamp(5rem, 13vw, 10rem);
      font-weight: 700;
      color: rgba(255, 255, 255, .025);
      white-space: nowrap;
      pointer-events: none;
}

.pl-inner {
      position: relative;
      z-index: 1;
}

.pl-pill {
      display: inline-flex;
      align-items: center;
      gap: .45rem;
      background: rgba(var(--gold-rgb), .1);
      border: 1px solid rgba(var(--gold-rgb), .28);
      color: var(--gold-lt);
  font-family: "Laila", serif;
      font-size: .78rem;
      font-weight: 500;
      padding: .5rem 1rem;
      border-radius: var(--radius);
      margin: .25rem .2rem;
}

.pl-form {
      background: rgba(255, 255, 255, .04);
      border: 1px solid rgba(var(--gold-rgb), .2);
      border-radius: var(--radius);
      padding: 2rem;
}

.pl-form input,
.pl-form select {
      width: 100%;
      background: rgba(255, 255, 255, .07);
      border: 1px solid rgba(255, 255, 255, .13);
      color: var(--white);
  font-family: "Laila", serif;
      font-size: .85rem;
      padding: .8rem 1rem;
      border-radius: var(--radius);
      outline: none;
      margin-bottom: .8rem;
      transition: border-color .22s;
      appearance: none;
}

.pl-form input::placeholder {
      color: rgba(255, 255, 255, .28);
}

.pl-form input:focus,
.pl-form select:focus {
      border-color: rgba(var(--gold-rgb), .5);
}

.pl-form select option {
      background: var(--navy2);
}

.testimonials {
      padding:60px 0;
      background: var(--ivory);
}

.testi-card {
      background: var(--white);
      border-radius: var(--radius);
      padding: 2rem 1.8rem;
      height: 100%;
      border-top: 3px solid var(--gold);
      position: relative;
}

.testi-quote {
      font-family: "Laila", serif;
      font-size: 4rem;
      line-height: .5;
      color: var(--gold);
      opacity: .22;
      position: absolute;
      top: 1.3rem;
      left: 1.5rem;
}

.testi-card p {
    font-family: "Laila", serif;
    font-size: 18px;
    color: #000;
    line-height: 1.72;
    padding-top: 1.4rem;
    font-style: italic;
}

.testi-stars {
      color: var(--gold);
      font-size: .88rem;
      letter-spacing: .08em;
      margin-top: 1rem;
}

.testi-author {
  font-family: "Laila", serif;
      font-size: .74rem;
      font-weight: 600;
      color: var(--navy);
      margin-top: .6rem;
}

.cta {
      padding: 6rem 0;
      background: linear-gradient(155deg, rgba(var(--navy-rgb), .94) 0%, rgba(var(--navy-rgb), .88) 100%),
            url("https://images.unsplash.com/photo-1580587771525-78b9dba3b914?w=1600&q=80") center/cover no-repeat;
}
.ptb-30{
      padding:30px 0;
}

@keyframes h-up {
      from {
            opacity: 0;
            transform: translateY(36px)
      }

      to {
            opacity: 1;
            transform: none
      }
}

@keyframes h-left {
      from {
            opacity: 0;
            transform: translateX(-24px)
      }

      to {
            opacity: 1;
            transform: none
      }
}

@keyframes h-right {
      from {
            opacity: 0;
            transform: translateX(50px) scale(.97)
      }

      to {
            opacity: 1;
            transform: none
      }
}

@keyframes h-pop {
      from {
            opacity: 0;
            transform: translateY(18px) scale(.93)
      }

      to {
            opacity: 1;
            transform: none
      }
}

@keyframes h-line {
      from {
            width: 0
      }

      to {
            width: 40px
      }
}

@keyframes h-orb {

      0%,
      100% {
            transform: translate(0, 0)
      }

      50% {
            transform: translate(24px, -16px)
      }
}

@keyframes h-float {

      0%,
      100% {
            transform: translateY(0)
      }

      50% {
            transform: translateY(-7px)
      }
}

@keyframes h-pulse {

      0%,
      100% {
            box-shadow: 0 0 0 0 rgba(var(--gold-rgb), .5)
      }

      60% {
            box-shadow: 0 0 0 10px rgba(var(--gold-rgb), 0)
      }
}

@keyframes h-ken {
      from {
            transform: scale(1.07)
      }

      to {
            transform: scale(1)
      }
}

@keyframes h-ticker {
      from {
            transform: translateX(0)
      }

      to {
            transform: translateX(-50%)
      }
}

.ab-hero {
      background: var(--navy);
      /* display: grid;
      grid-template-columns: 1.05fr .95fr;
      min-height: 560px; */
      position: relative;
      overflow: hidden;
      padding-top: 60px;
    padding-bottom: 60px;
}

.ab-hero::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      background: radial-gradient(ellipse at 20% 50%, rgba(0, 0, 0, .18) 0%, transparent 70%);
}

.ab-orb1 {
      position: absolute;
      width: 560px;
      height: 560px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(var(--gold-rgb), .11) 0%, transparent 68%);
      top: -160px;
      left: -100px;
      z-index: 0;
      pointer-events: none;
      animation: h-orb 10s ease-in-out infinite;
}

.ab-orb2 {
      position: absolute;
      width: 320px;
      height: 320px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(var(--navy-rgb), .6) 0%, transparent 70%);
      bottom: -80px;
      left: 35%;
      z-index: 0;
      pointer-events: none;
      animation: h-orb 13s ease-in-out infinite reverse;
}

.ab-scan {
      position: absolute;
      left: 0;
      right: 0;
      height: 1px;
      z-index: 1;
      pointer-events: none;
      background: linear-gradient(90deg, transparent, rgba(var(--gold-rgb), .2), transparent);
      animation: h-ticker 0s, h-line 0s;
      top: -2px;
      animation: scanDown 6s linear infinite;
}

@keyframes scanDown {
      from {
            top: -2px;
            opacity: .7
      }

      to {
            top: 100%;
            opacity: 0
      }
}

.ab-left {
      /* padding: 3.8rem 3.5rem 3.5rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative;
      z-index: 2; */
}

.ab-tag {
  font-family: "Laila", serif;
      font-size: .68rem;
      font-weight: 700;
      letter-spacing: .22em;
      text-transform: uppercase;
      color: var(--gold);
      display: inline-flex;
      align-items: center;
      gap: .55rem;
      margin-bottom: .9rem;
      opacity: 0;
      animation: h-left .55s ease forwards .15s;
}

.ab-tag-bar {
      display: inline-block;
      width: 0;
      height: 2px;
      background: var(--gold);
      border-radius: 2px;
      animation: h-line .5s ease forwards .15s;
}

.ab-hero h1 {
      font-family: "Laila", serif;
      font-size: clamp(2.4rem, 4.8vw, 3rem);
      font-weight: 700;
      color: var(--white);
      line-height: 1.08;
      margin-bottom: 1rem;
      opacity: 0;
      animation: h-up .72s cubic-bezier(.22, 1, .36, 1) forwards .3s;
}

.ab-hero h1 em {
      color: var(--gold);
      font-style: italic;
      font-family: "Laila", serif;
}

.ab-sub {
  font-family: "Laila", serif;
      font-size:17px;
      color:#fff;
      line-height: 1.78;
      max-width: 480px;
      margin-bottom: 1.8rem;
      opacity: 0;
      animation: h-up .65s ease forwards .46s;
}

.ab-btns {
      display: flex;
      gap: .8rem;
      flex-wrap: wrap;
      opacity: 0;
      animation: h-up .6s ease forwards .6s;
}

.ab-stats {
      display: flex;
      gap: 1rem;
      margin-top: 2rem;
}

.ab-stat-card {
      background: rgba(255, 255, 255, .1);
      border: 1px solid rgba(255, 255, 255, .12);
      border-radius: 10px;
      padding: 1.1rem 1.3rem;
      flex: 1;
      opacity: 0;
      animation: h-pop .55s cubic-bezier(.34, 1.56, .64, 1) forwards;
}

.ab-stat-card:nth-child(1) {
      animation-delay: .8s
}

.ab-stat-card:nth-child(2) {
      animation-delay: .92s
}

.ab-stat-card:nth-child(3) {
      animation-delay: 1.04s
}

.ab-n {
      font-family: "Laila", serif;
      font-size: 1.8rem;
      font-weight: 700;
      color: var(--gold);
      line-height: 1;
      display: block;
}

.ab-l {
  font-family: "Laila", serif;
      font-size:18px;
      font-weight: 700;
      color: var(--white);
      margin-top: .25rem;
      display: block;
}

.ab-l2 {
  font-family: "Laila", serif;
      font-size:16px;
      color:#fff;
      display: block;
      margin-top: .1rem;
}

.ab-right {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 2.5rem 2.5rem 2.5rem 1rem;
      position: relative;
      z-index: 2;
      opacity: 0;
      animation: h-right .9s cubic-bezier(.22, 1, .36, 1) forwards .25s;
}

.ab-img-wrap {
      position: relative;
      width: 100%;
      max-width: 500px;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 30px 80px rgba(0, 0, 0, .45);
}

.ab-img-wrap img {
      width: 100%;
      height: 420px;
      object-fit: cover;
      display: block;
      animation: h-ken 12s ease forwards;
}

.ab-badge {
      position: absolute;
      bottom: 1.4rem;
      left: 1.4rem;
      background: rgba(var(--navy-rgb), .88);
      border: 1px solid rgba(var(--gold-rgb), .4);
      border-radius: 10px;
      padding: .85rem 1.1rem;
      display: flex;
      align-items: center;
      gap: .7rem;
      animation: h-float 4s ease-in-out infinite;
      backdrop-filter: blur(6px);
}

.ab-badge-icon {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: var(--gold);
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      animation: h-pulse 2.8s ease-in-out infinite;
}

.ab-badge-icon i {
      color: var(--navy);
      font-size: 1.1rem;
}

.ab-badge strong {
      font-family: "Laila", serif;
      font-size: .88rem;
      color: var(--white);
      display: block;
}

.ab-badge span {
  font-family: "Laila", serif;
      font-size: .66rem;
      color: rgba(255, 255, 255, .45);
}

.ab-gold-bar {
      background: var(--gold);
      overflow: hidden;
      height: 46px;
      display: flex;
      align-items: center;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 3;
}

.ab-ticker {
      display: flex;
      gap: 2.5rem;
      white-space: nowrap;
      align-items: center;
      animation: h-ticker 20s linear infinite;
}

.ab-ticker-item {
  font-family: "Laila", serif;
      font-size: .75rem;
      font-weight: 700;
      color: var(--navy);
      letter-spacing: .05em;
      display: inline-flex;
      align-items: center;
      gap: .45rem;
}

.ab-ticker-dot {
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: var(--navy);
      opacity: .5;
}

@media (max-width:900px) {
      .ab-hero {
            grid-template-columns: 1fr;
            min-height: auto
      }

      .ab-right {
            display: none
      }

      .ab-gold-bar {
            position: static
      }

      /* .ab-left {
            padding: 2.5rem 1.5rem 6rem
      } */

      .ab-stats {
            flex-wrap: wrap
      }
}

.story-stack {
      position: relative;
      padding: 0 2.2rem 2.2rem 0;
}

.story-main {
      width: 100%;
      aspect-ratio: 4/5;
      object-fit: cover;
      border-radius: var(--radius);
}

.story-inset {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 56%;
      aspect-ratio: 4/3;
      object-fit: cover;
      border-radius: var(--radius);
      border: 5px solid var(--white);
}

.story-badge {
      position: absolute;
      top: 2rem;
      left: -1.3rem;
      background: var(--gold);
      color: var(--navy);
      padding: 1.1rem 1.3rem;
      border-radius: var(--radius);
      font-family: "Laila", serif;
      text-align: center;
}

.story-badge .n {
      font-size: 2rem;
      font-weight: 700;
      line-height: 1;
}

.story-badge .l {
      font-size: .58rem;
      font-weight: 600;
      letter-spacing: .1em;
      text-transform: uppercase;
}

.facts-bar {
      display: flex;
      border: 1px solid rgba(var(--navy-rgb), .09);
      border-radius: var(--radius);
      overflow: hidden;
    margin-top: 16px;
}

.fact {
      flex: 1;
      padding: 1.1rem .7rem;
      text-align: center;
      background: var(--ivory);
      border-right: 1px solid rgba(var(--navy-rgb), .08);
}

.fact:last-child {
      border-right: none;
}

.fact-n {
      font-family: "Laila", serif;
      font-size: 1.65rem;
      font-weight: 700;
      color: var(--gold);
      line-height: 1;
}

.fact-l {
  font-family: "Laila", serif;
      font-size: .64rem;
      font-weight: 600;
      letter-spacing: .09em;
      text-transform: uppercase;
      color: var(--slate);
      margin-top: .25rem;
}

.vm-card {
      background: rgba(255, 255, 255, .04);
      border: 1px solid rgba(255, 255, 255, .08);
      border-radius: var(--radius);
      padding: 2.4rem 2.2rem;
      height: 100%;
      position: relative;
      overflow: hidden;
      transition: background .25s, border-color .25s;
}

.vm-card:hover {
      background: rgba(255, 255, 255, .07);
      border-color: rgba(var(--gold-rgb), .3);
}

.vm-card::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 3px;
      background: var(--gold);
      opacity: 0;
      transition: opacity .25s;
}

.vm-card:hover::after {
      opacity: 1;
}

.vm-icon {
      width: 52px;
      height: 52px;
      border-radius: var(--radius);
      background: rgba(var(--gold-rgb), .12);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.4rem;
      color: var(--gold);
      margin-bottom: 1.4rem;
}

.vm-card h3 {
      color: var(--white);
      margin-bottom: .8rem;
}

.vm-card p {
  font-family: "Laila", serif;
      /* font-size: .88rem; */
      color:#fff;
      /* line-height: 1.78; */
}

.vm-check {
    display: flex;
    align-items: center;
    gap: .4rem;
    /* font-family: "Laila", serif; */
    font-size: 18px;
    color: #fff;
    margin-top: .45rem;
}

.vm-check i {
      color: var(--gold);
      font-size: .78rem;
}

.val-card {
      background: var(--white);
      border: 1px solid rgba(var(--navy-rgb), .08);
      border-radius: var(--radius);
      padding: 1.8rem 1.5rem;
      text-align: center;
      height: 100%;
      position: relative;
      overflow: hidden;
      transition: transform .25s, box-shadow .25s;
}

.val-card::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 3px;
      background: var(--gold);
      transform: scaleX(0);
      transition: transform .28s ease;
}

.val-card:hover::after {
      transform: scaleX(1);
}

.val-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 12px 32px rgba(var(--navy-rgb), .1);
}

.val-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(var(--gold-rgb), .1);
    color: var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    margin: 0 auto .9rem;
}

.val-card h4 {
      font-family: "Laila", serif;
      color: var(--navy);
      margin-bottom: .5rem;
}

/* .val-card p {
  font-family: "Laila", serif;
      font-size: .82rem;
      color: var(--slate);
      line-height: 1.62;
      margin: 0;
} */

.team-card {
      border-radius: var(--radius);
      overflow: hidden;
      border: 1px solid rgba(var(--navy-rgb), .08);
      transition: transform .25s, box-shadow .25s;
}

.team-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 14px 36px rgba(var(--navy-rgb), .12);
}

.team-img {
      height: 270px;
      overflow: hidden;
      position: relative;
      background: var(--navy2);
}

.team-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .5s;
}

.team-card:hover .team-img img {
      transform: scale(1.04);
}

.team-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(var(--navy-rgb), .62) 0%, transparent 55%);
}

.team-socs {
      position: absolute;
      bottom: .9rem;
      left: 1rem;
      display: flex;
      gap: .35rem;
      opacity: 0;
      transform: translateY(6px);
      transition: opacity .25s, transform .25s;
}

.team-card:hover .team-socs {
      opacity: 1;
      transform: none;
}

.tsoc {
      width: 28px;
      height: 28px;
      background: var(--gold);
      color: var(--navy);
      border-radius: var(--radius);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .78rem;
      text-decoration: none;
}

.team-body {
      padding: 1.3rem;
      background: var(--white);
}

.team-body h4 {
      font-family: "Laila", serif;
      font-size: 1rem;
      color: var(--navy);
      margin-bottom: .15rem;
}

.team-role {
  font-family: "Laila", serif;
      font-size: .7rem;
      font-weight: 700;
      letter-spacing: .09em;
      text-transform: uppercase;
      color: var(--gold);
}

.team-body p {
    /* font-family: "Laila", serif; */
    font-size: 16px;
    line-height: 24px;
    color:#000 !important;
    /* color: var(--slate); */
    /* line-height: 1.6; */
    /* margin-top: .5rem; */
}

.team-card-lg .team-img {
      height: 340px;
}

.team-card-lg .team-body {
      padding: 1.6rem 1.6rem 1.8rem;
}

.team-card-lg .team-body h4 {
      font-size: 1.3rem;
}

.team-card-lg .team-role {
      font-size: .78rem;
      display: block;
      margin-bottom: .8rem;
}

.team-quote {
      font-style: italic;
      font-size: 15px !important;
      color: var(--navy) !important;
      border-left: 3px solid var(--gold);
      padding-left: .85rem;
      margin-top: 1rem !important;
      opacity: .82;
}

.timeline {
      position: relative;
}

.timeline::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 0;
      bottom: 0;
      width: 1px;
      background: rgba(var(--gold-rgb), .22);
      transform: translateX(-50%);
}

.tl-item {
      display: flex;
      justify-content: flex-end;
      padding-right: calc(50% + 2.2rem);
      padding-bottom: 3rem;
      position: relative;
}

.tl-item:nth-child(even) {
      justify-content: flex-start;
      padding-right: 0;
      padding-left: calc(50% + 2.2rem);
}

.tl-dot {
      position: absolute;
      left: 50%;
      top: .4rem;
      width: 13px;
      height: 13px;
      border-radius: 50%;
      background: var(--gold);
      border: 3px solid var(--navy);
      transform: translateX(-50%);
      box-shadow: 0 0 0 3px rgba(var(--gold-rgb), .2);
}

.tl-card {
      background: rgba(255, 255, 255, .04);
      border: 1px solid rgba(255, 255, 255, .08);
      border-radius: var(--radius);
      padding: 1.3rem 1.5rem;
      max-width: 320px;
      transition: background .22s, border-color .22s;
}

.tl-card:hover {
      background: rgba(255, 255, 255, .07);
      border-color: rgba(var(--gold-rgb), .28);
}

.tl-year {
      font-family: "Laila", serif;
      font-size: .95rem;
      font-weight: 700;
      color: var(--gold);
      margin-bottom: .3rem;
}

.tl-card h4 {
      font-family: "Laila", serif;
      color: var(--white);
      font-size: .92rem;
      margin-bottom: .35rem;
}

.tl-card p {
  font-family: "Laila", serif;
      /* font-size: .8rem; */
      color:#fff;
      /* line-height: 1.65; */
      margin: 0;
}

@media (max-width:767px) {
      .timeline::before {
            left: 12px;
      }

      .tl-item,
      .tl-item:nth-child(even) {
            justify-content: flex-start;
            padding: 0 0 2.5rem 2.4rem;
      }

      .tl-dot {
            left: 12px;
      }
}

.trust-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1px;
      background: rgba(var(--navy-rgb), .08);
      border: 1px solid rgba(var(--navy-rgb), .08);
      border-radius: var(--radius);
      overflow: hidden;
}

.trust-cell {
      background: var(--white);
      padding: 1.8rem 1.6rem;
      display: flex;
      align-items: flex-start;
      gap: 1rem;
      transition: background .22s;
}

.trust-cell:hover {
      background: var(--ivory);
}

.trust-cell-icon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: rgba(var(--gold-rgb), .1);
    color: var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    flex-shrink: 0;
    transition: background .22s;
}

.trust-cell:hover .trust-cell-icon {
      background: var(--gold);
      color: var(--navy);
}

.trust-cell h4 {
    font-family: "Laila", serif;
    font-size: 22px;
    color: var(--navy);
    margin-bottom: 10px;
}

.trust-cell p {
  /* font-family: "Laila", serif;
      font-size: .8rem;
      color: var(--slate);
      line-height: 1.6;
      margin: 0; */
}

@media (max-width:767px) {
      .trust-grid {
            grid-template-columns: 1fr;
      }
}

@keyframes sv-up {
      from {
            opacity: 0;
            transform: translateY(32px)
      }

      to {
            opacity: 1;
            transform: none
      }
}

@keyframes sv-right {
      from {
            opacity: 0;
            transform: translateX(48px) scale(.97)
      }

      to {
            opacity: 1;
            transform: none
      }
}

@keyframes sv-pop {
      from {
            opacity: 0;
            transform: translateY(16px) scale(.93)
      }

      to {
            opacity: 1;
            transform: none
      }
}

@keyframes sv-line {
      from {
            width: 0
      }

      to {
            width: 40px
      }
}

@keyframes sv-chip {
      from {
            opacity: 0;
            transform: translateY(8px)
      }

      to {
            opacity: 1;
            transform: none
      }
}

@keyframes sv-orb {

      0%,
      100% {
            transform: translate(0, 0)
      }

      50% {
            transform: translate(20px, -14px)
      }
}

@keyframes sv-scan {
      from {
            top: -2px;
            opacity: .7
      }

      to {
            top: 100%;
            opacity: 0
      }
}

@keyframes sv-float {

      0%,
      100% {
            transform: translateY(0)
      }

      50% {
            transform: translateY(-7px)
      }
}

@keyframes sv-pulse {

      0%,
      100% {
            box-shadow: 0 0 0 0 rgba(var(--gold-rgb), .5)
      }

      60% {
            box-shadow: 0 0 0 10px rgba(var(--gold-rgb), 0)
      }
}

@keyframes sv-ken {
      from {
            transform: scale(1.07)
      }

      to {
            transform: scale(1)
      }
}

@keyframes sv-shine {
      from {
            left: -70%
      }

      to {
            left: 120%
      }
}

.sv-hero {
      background: var(--navy);
      /* display: grid;
      grid-template-columns: 1.05fr .95fr;
      min-height: 560px;
      position: relative; */
      overflow: hidden;
       padding-top: 60px;
    padding-bottom: 60px;
}

.sv-hero::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      background: radial-gradient(ellipse at 20% 50%, rgba(0, 0, 0, .18) 0%, transparent 70%);
}

.sv-orb1 {
      position: absolute;
      width: 500px;
      height: 500px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(var(--gold-rgb), .1) 0%, transparent 68%);
      top: -140px;
      left: -80px;
      z-index: 0;
      pointer-events: none;
      animation: sv-orb 10s ease-in-out infinite;
}

.sv-orb2 {
      position: absolute;
      width: 300px;
      height: 300px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(var(--navy-rgb), .5) 0%, transparent 70%);
      bottom: -60px;
      left: 38%;
      z-index: 0;
      pointer-events: none;
      animation: sv-orb 14s ease-in-out infinite reverse;
}

.sv-scan {
      position: absolute;
      left: 0;
      right: 0;
      height: 1px;
      z-index: 1;
      pointer-events: none;
      background: linear-gradient(90deg, transparent, rgba(var(--gold-rgb), .2), transparent);
      animation: sv-scan 6s linear infinite;
}

.sv-left {
      /* padding: 3.8rem 3.5rem 5rem;
      display: flex;
      flex-direction: column; */
      justify-content: center;
      position: relative;
      z-index: 2;
}

.sv-tag {
  font-family: "Laila", serif;
      font-size: .68rem;
      font-weight: 700;
      letter-spacing: .22em;
      text-transform: uppercase;
      color: var(--gold);
      display: inline-flex;
      align-items: center;
      gap: .55rem;
      margin-bottom: .9rem;
      opacity: 0;
      animation: sv-up .5s ease forwards .12s;
}

.sv-tag-bar {
      display: inline-block;
      width: 0;
      height: 2px;
      background: var(--gold);
      border-radius: 2px;
      animation: sv-line .48s ease forwards .12s;
}

.sv-hero h1 {
      font-family: "Laila", serif;
      font-size: clamp(2.4rem, 4.8vw, 3rem);
      font-weight: 700;
      color: var(--white);
      line-height: 1.08;
      margin-bottom: 1rem;
      opacity: 0;
      animation: sv-up .72s cubic-bezier(.22, 1, .36, 1) forwards .28s;
}

.sv-hero h1 em {
      color: var(--gold);
      font-style: italic;
      font-family: "Laila", serif;
}

.sv-sub {
  font-family: "Laila", serif;
      font-size: .97rem;
      color: rgba(255, 255, 255, .58);
      line-height: 1.78;
      max-width: 480px;
      margin-bottom: 1.8rem;
      opacity: 0;
      animation: sv-up .65s ease forwards .44s;
}

.sv-chips {
      display: flex;
      flex-wrap: wrap;
      gap: .45rem;
      margin-bottom: 1.6rem;
}

.sv-chips span {
  font-family: "Laila", serif;
      font-size: .72rem;
      font-weight: 600;
      color: var(--gold);
      border: 1px solid rgba(var(--gold-rgb), .35);
      padding: .3rem .85rem;
      border-radius: 6px;
      background: rgba(var(--gold-rgb), .08);
      opacity: 0;
      position: relative;
      overflow: hidden;
      transition: background .22s, color .22s;
}

.sv-chips span:hover {
      background: rgba(var(--gold-rgb), .18);
}

.sv-chips span::after {
      content: "";
      position: absolute;
      top: 0;
      left: -70%;
      width: 50%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .12), transparent);
      animation: sv-shine 2.5s ease infinite;
}

.sv-chips span:nth-child(1) {
      animation: sv-chip .4s ease forwards .54s
}

.sv-chips span:nth-child(2) {
      animation: sv-chip .4s ease forwards .62s
}

.sv-chips span:nth-child(3) {
      animation: sv-chip .4s ease forwards .70s
}

.sv-chips span:nth-child(4) {
      animation: sv-chip .4s ease forwards .78s
}

.sv-chips span:nth-child(5) {
      animation: sv-chip .4s ease forwards .86s
}

.sv-chips span:nth-child(6) {
      animation: sv-chip .4s ease forwards .94s
}

.sv-btns {
      display: flex;
      gap: .8rem;
      flex-wrap: wrap;
      opacity: 0;
      animation: sv-up .6s ease forwards 1.0s;
}

.sv-right {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 2.5rem 2.5rem 2.5rem 1rem;
      position: relative;
      z-index: 2;
      opacity: 0;
      animation: sv-right .9s cubic-bezier(.22, 1, .36, 1) forwards .22s;
}

.sv-img-wrap {
      position: relative;
      width: 100%;
      max-width: 500px;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 30px 80px rgba(0, 0, 0, .45);
}

.sv-img-wrap img {
      width: 100%;
      height: 420px;
      object-fit: cover;
      display: block;
      animation: sv-ken 12s ease forwards;
}

.sv-badge {
      position: absolute;
      bottom: 1.4rem;
      left: 1.4rem;
      background: rgba(var(--navy-rgb), .88);
      border: 1px solid rgba(var(--gold-rgb), .4);
      border-radius: 10px;
      padding: .85rem 1.1rem;
      display: flex;
      align-items: center;
      gap: .7rem;
      animation: sv-float 4s ease-in-out infinite;
      backdrop-filter: blur(6px);
}

.sv-badge-icon {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: var(--gold);
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      animation: sv-pulse 2.8s ease-in-out infinite;
}

.sv-badge-icon i {
      color: var(--navy);
      font-size: 1.1rem;
}

.sv-badge strong {
      font-family: "Laila", serif;
      font-size: .88rem;
      color: var(--white);
      display: block;
}

.sv-badge span {
  font-family: "Laila", serif;
      font-size: .66rem;
      color: rgba(255, 255, 255, .45);
}

.sv-bar {
      background: rgba(0, 0, 0, .35);
      border-top: 1px solid rgba(255, 255, 255, .08);
      position: absolute;
      bottom: 0;
      left: 0;
      right: 50%;
      z-index: 3;
      display: flex;
      align-items: stretch;
      height: 72px;
      opacity: 0;
      animation: sv-up .6s ease forwards 1.1s;
}

.sv-bar-item {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      border-right: 1px solid rgba(255, 255, 255, .08);
      padding: .5rem;
}

.sv-bar-item:last-child {
      border-right: none
}

.sv-bar-n {
      font-family: "Laila", serif;
      font-size: 1.3rem;
      font-weight: 700;
      color: var(--gold);
      line-height: 1;
}

.sv-bar-l {
  font-family: "Laila", serif;
      font-size: .58rem;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, .38);
      margin-top: .2rem;
}

@media (max-width:900px) {
      .sv-hero {
            grid-template-columns: 1fr;
            min-height: auto
      }

      .sv-right {
            display: none
      }

      .sv-bar {
            position: static;
            right: auto;
            width: 100%
      }

      .sv-left {
            padding: 2.5rem 1.5rem 1.5rem
      }
}

.svc-featured {
      position: relative;
      overflow: hidden;
      border-radius: var(--radius);
      min-height: 460px;
      display: flex;
      align-items: flex-end;
      cursor: default;
}

.svc-featured img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .6s;
}

.svc-featured:hover img {
      transform: scale(1.05);
}

.svc-featured-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(var(--navy-rgb), .92) 0%, rgba(var(--navy-rgb), .3) 60%, transparent 100%);
}

.svc-featured-body {
      position: relative;
      z-index: 2;
      padding: 2.2rem;
}

.svc-feat-tag {
      display: inline-block;
      background: var(--gold);
      color: var(--navy);
  font-family: "Laila", serif;
      font-size: .6rem;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      padding: .28rem .75rem;
      border-radius: var(--radius);
      margin-bottom: .9rem;
}

.svc-featured-body h2 {
      color: var(--white);
      font-size: clamp(1.5rem, 2.5vw, 2rem);
      margin-bottom: .7rem;
}

.svc-featured-body p {
  font-family: "Laila", serif;
      font-size: .86rem;
      color: rgba(255, 255, 255, .62);
      line-height: 1.72;
      max-width: 360px;
}

.feat-chips {
      display: flex;
      flex-wrap: wrap;
      gap: .4rem;
      margin-top: .9rem;
}

.feat-chip {
  font-family: "Laila", serif;
      font-size: .65rem;
      color: rgba(255, 255, 255, .55);
      border: 1px solid rgba(255, 255, 255, .18);
      padding: .22rem .65rem;
      border-radius: var(--radius);
}

.svc-feat-link {
      display: inline-flex;
      align-items: center;
      gap: .4rem;
      color: var(--gold);
  font-family: "Laila", serif;
      font-size: .82rem;
      font-weight: 600;
      margin-top: 1.1rem;
      transition: gap .2s;
}

.svc-featured:hover .svc-feat-link {
      gap: .7rem;
}

.smc {
      background: var(--white);
      border: 1px solid rgba(var(--navy-rgb), .08);
      border-radius: var(--radius);
      overflow: hidden;
      height: 100%;
      display: flex;
      flex-direction: column;
      transition: transform .25s, box-shadow .25s;
}

.smc:hover {
      transform: translateY(-5px);
      box-shadow: 0 14px 36px rgba(var(--navy-rgb), .11);
}

.smc-img {
      height: 190px;
      overflow: hidden;
      position: relative;
      background: var(--navy2);
}

.smc-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .5s;
}

.smc:hover .smc-img img {
      transform: scale(1.06);
}

.smc-img-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(var(--navy-rgb), .65) 0%, transparent 55%);
}

.smc-badge {
      position: absolute;
      top: .9rem;
      left: .9rem;
      background: var(--gold);
      color: var(--navy);
  font-family: "Laila", serif;
      font-size: .58rem;
      font-weight: 700;
      letter-spacing: .1em;
      text-transform: uppercase;
      padding: .24rem .68rem;
      border-radius: var(--radius);
}

.smc-body {
      padding: 1.6rem 1.5rem 1.2rem;
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: .6rem;
}

.smc-icon {
      width: 42px;
      height: 42px;
      border-radius: 9px;
      background: rgba(var(--gold-rgb), .1);
      color: var(--gold);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.1rem;
      transition: background .22s;
}

.smc:hover .smc-icon {
      background: rgba(var(--gold-rgb), .2);
}

.smc-body h3 {
      font-family: "Laila", serif;
      font-size: 1rem;
      color: var(--navy);
}

.smc-body p {
  /* font-family: "Laila", serif;
      font-size: .82rem;
      color: var(--slate);
      line-height: 1.65;
      margin: 0; */
}

.smc-foot {
      padding: .9rem 1.5rem 1.2rem;
      border-top: 1px solid rgba(var(--navy-rgb), .06);
      display: flex;
      align-items: center;
      justify-content: space-between;
}

.smc-link {
  font-family: "Laila", serif;
      font-size: .74rem;
      font-weight: 600;
      color: var(--gold);
      display: flex;
      align-items: center;
      gap: .3rem;
      transition: gap .2s;
}

.smc:hover .smc-link {
      gap: .55rem;
}

.smc-arr {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background: rgba(var(--gold-rgb), .1);
      color: var(--gold);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .8rem;
      transition: background .22s;
}

.smc:hover .smc-arr {
      background: var(--gold);
      color: var(--navy);
}

.proc-row {
      display: flex;
      justify-content: space-between;
      position: relative;
}

.proc-row::before {
      content: "";
      position: absolute;
      top: 26px;
      left: 8%;
      right: 8%;
      height: 1px;
      background: rgba(var(--gold-rgb), .22);
      z-index: 0;
}

.proc-step {
      flex: 1;
      text-align: center;
      position: relative;
      z-index: 1;
      padding: 0 .4rem;
}

.proc-num {
      width: 52px;
      height: 52px;
      border-radius: 50%;
      background: rgba(var(--gold-rgb), .1);
      border: 1.5px solid rgba(var(--gold-rgb), .3);
      color: var(--gold);
      font-family: "Laila", serif;
      font-size: 1rem;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 1rem;
      transition: background .25s, border-color .25s;
}

.proc-step:hover .proc-num {
      background: var(--gold);
      color: var(--navy);
      border-color: var(--gold);
}

.proc-lbl {
    font-family: "Laila", serif;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    line-height: 1.4;
}

.proc-desc {
    font-family: "Laila", serif;
    font-size: 16px;
    color: #fff;
    margin-top: .25rem;
    line-height: 1.5;
}

@media (max-width:767px) {
      .proc-row {
            flex-direction: column;
            align-items: flex-start;
            gap: 1.8rem;
      }

      .proc-row::before {
            display: none;
      }

      .proc-step {
            display: flex;
            align-items: flex-start;
            gap: .9rem;
            text-align: left;
      }

      .proc-num {
            margin: 0;
            flex-shrink: 0;
      }
}

.prop-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: .5rem;
      margin-bottom: 2.2rem;
}

.prop-tab {
  font-family: "Laila", serif;
      /* font-size: .78rem; */
      font-weight: 600;
      padding: .52rem 1.15rem;
      border-radius: var(--radius);
      border: 1px solid rgba(var(--navy-rgb), .12);
      background: var(--white);
      color: var(--slate);
      cursor: pointer;
      transition: all .2s;
          margin-bottom: 10px;
}

.prop-tab:hover {
      border-color: var(--gold);
      color: var(--gold);
}

.prop-tab.active {
      background: var(--gold);
      color: var(--navy);
      border-color: var(--gold);
}

.prop-panel {
      display: none;
}

.prop-panel.active {
      display: block;
      animation: fadeUp .38s ease;
}

@keyframes fadeUp {
      from {
            opacity: 0;
            transform: translateY(10px);
      }

      to {
            opacity: 1;
            transform: none;
      }
}

.prop-showcase {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem;
}

.prop-main {
      position: relative;
      overflow: hidden;
      border-radius: var(--radius);
      grid-row: span 2;
      min-height: 430px;
}

.prop-thumb {
      position: relative;
      overflow: hidden;
      border-radius: var(--radius);
      min-height: 205px;
}

.prop-main img,
.prop-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .5s;
}

.prop-main:hover img,
.prop-thumb:hover img {
      transform: scale(1.05);
}

.prop-ov {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(var(--navy-rgb), .82) 0%, transparent 55%);
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 1.2rem;
}

.prop-ov h4 {
      font-family: "Laila", serif;
      color: var(--white);
      margin-bottom: .2rem;
}

.prop-ov span {
  font-family: "Laila", serif;
      font-size: .7rem;
      color: var(--gold-lt);
}

.prop-feat-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: .55rem;
      margin-top: 1.4rem;
}

.pf {
      display: flex;
      align-items: center;
      gap: .55rem;
  font-family: "Laila", serif;
      /* font-size: .82rem;
      color: var(--slate); */
}

.pf i {
      color: var(--gold);
      flex-shrink: 0;
}

@media (max-width:767px) {
      .prop-showcase {
            grid-template-columns: 1fr;
      }

      .prop-main {
            grid-row: auto;
            min-height: 250px;
      }

      .prop-thumb {
            min-height: 180px;
      }
}

.sup-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1px;
      background: rgba(var(--navy-rgb), .08);
      border: 1px solid rgba(var(--navy-rgb), .08);
      border-radius: var(--radius);
      overflow: hidden;
}

.sup-cell {
      background: var(--white);
      padding: 2.2rem 1.8rem;
      display: flex;
      flex-direction: column;
      gap: .7rem;
      position: relative;
      overflow: hidden;
      transition: background .22s;
}

.sup-cell::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      background: var(--gold);
      transform: scaleX(0);
      transition: transform .28s;
}

.sup-cell:hover::after {
      transform: scaleX(1);
}

.sup-cell:hover {
      background: var(--ivory);
}

.sup-ghost {
      font-family: "Laila", serif;
      font-size: 3.8rem;
      font-weight: 700;
      color: rgba(var(--gold-rgb), .07);
      line-height: 1;
      position: absolute;
      top: .8rem;
      right: 1rem;
}

.sup-icon {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: rgba(var(--gold-rgb), .1);
      color: var(--gold);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.2rem;
      transition: background .22s, transform .22s;
}

.sup-cell:hover .sup-icon {
      background: var(--gold);
      color: var(--navy);
      transform: scale(1.06);
}

.sup-cell h3 {
    font-family: "Laila", serif;
    font-size: 20px;
    color: var(--navy);
    margin-bottom: 2px;
}

.sup-cell p {
  /* font-family: "Laila", serif;
      font-size: .82rem;
      color: var(--slate);
      line-height: 1.65; */
}

.sup-tag {
    font-family: "Laila", serif;
    font-size: 16px;
    font-weight: 600;
    /* letter-spacing: .08em; */
    /* text-transform: uppercase; */
    color: var(--gold);
    margin-top:0;
}

@media (max-width:991px) {
      .sup-grid {
            grid-template-columns: 1fr 1fr;
      }
}

@media (max-width:575px) {
      .sup-grid {
            grid-template-columns: 1fr;
      }
}

.cmp-wrap {
      background: var(--white);
      border: 1px solid rgba(var(--navy-rgb), .08);
      border-radius: var(--radius);
      overflow: hidden;
}

.cmp-table {
      width: 100%;
      border-collapse: collapse;
}

.cmp-table th {
      background: var(--navy);
      color: var(--white);
  font-family: "Laila", serif;
      font-size: .76rem;
      font-weight: 600;
      letter-spacing: .06em;
      text-transform: uppercase;
      padding: 1rem 1.3rem;
      text-align: left;
}

.cmp-table th.hl {
      background: var(--gold);
      color: var(--navy);
}

.cmp-table td {
    padding: .95rem 1.3rem;
    font-family: "Laila", serif;
    font-size: 16px;
    color: #000;
    border-bottom: 1px solid rgba(var(--navy-rgb), .05);
    vertical-align: middle;
}

.cmp-table td:first-child {
      font-weight: 600;
      color: var(--navy);
      font-size:16px;
}

.cmp-table td.hl {
      background: rgba(var(--gold-rgb), .05);
}

.cmp-table tr:last-child td {
      border-bottom: none;
}

.cmp-table tr:hover td {
      background: var(--ivory);
}

.cmp-table tr:hover td.hl {
      background: rgba(var(--gold-rgb), .08);
}

.yes {
      color: var(--gold);
      font-size: .95rem;
}

.no {
      color: rgba(var(--navy-rgb), .2);
      font-size: .95rem;
}

.marquee-wrap {
      overflow: hidden;
}

.marquee {
      display: flex;
      gap: 1.3rem;
      animation: marquee 26s linear infinite;
      width: max-content;
}

.marquee:hover {
      animation-play-state: paused;
}

@keyframes marquee {
      from {
            transform: translateX(0);
      }

      to {
            transform: translateX(-50%);
      }
}

.tpill {
      background: rgba(255, 255, 255, .05);
      border: 1px solid rgba(255, 255, 255, .09);
      border-radius: var(--radius);
      padding: 1.3rem 1.5rem;
      width: 290px;
      flex-shrink: 0;
}

.tpill-stars {
      color: var(--gold);
      font-size: .82rem;
      letter-spacing: .08em;
}

.tpill p {
  font-family: "Laila", serif;
      font-size:16px;
      color:#fff;
      line-height: 1.65;
      margin: .55rem 0 .75rem;
      font-style: italic;
}

.tpill .auth {
  font-family: "Laila", serif;
      font-size: .68rem;
      font-weight: 600;
      color:#fff;
      letter-spacing: .06em;
      text-transform: uppercase;
}

@keyframes cn-up {
      from {
            opacity: 0;
            transform: translateY(32px)
      }

      to {
            opacity: 1;
            transform: none
      }
}

@keyframes cn-right {
      from {
            opacity: 0;
            transform: translateX(50px) scale(.97)
      }

      to {
            opacity: 1;
            transform: none
      }
}

@keyframes cn-pill {
      from {
            opacity: 0;
            transform: translateX(-16px)
      }

      to {
            opacity: 1;
            transform: none
      }
}

@keyframes cn-orb {

      0%,
      100% {
            transform: translate(0, 0)
      }

      50% {
            transform: translate(22px, -14px)
      }
}

@keyframes cn-scan {
      from {
            top: -2px;
            opacity: .7
      }

      to {
            top: 100%;
            opacity: 0
      }
}

@keyframes cn-pulse {

      0%,
      100% {
            box-shadow: 0 0 0 0 rgba(var(--gold-rgb), .5)
      }

      60% {
            box-shadow: 0 0 0 9px rgba(var(--gold-rgb), 0)
      }
}

@keyframes cn-line {
      from {
            width: 0
      }

      to {
            width: 40px
      }
}

@keyframes cn-form {
      from {
            opacity: 0;
            transform: translateX(40px) scale(.98)
      }

      to {
            opacity: 1;
            transform: none
      }
}

@keyframes cn-shine {
      from {
            left: -70%
      }

      to {
            left: 120%
      }
}

@keyframes cn-float {

      0%,
      100% {
            transform: translateY(0)
      }

      50% {
            transform: translateY(-6px)
      }
}

.cn-hero {
      background: var(--navy);
      display: grid;
      grid-template-columns: 1.05fr .95fr;
      min-height: 100vh;
      max-height: 720px;
      position: relative;
      overflow: hidden;
      /* padding-top: 72px; */
}

.cn-hero::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      background: radial-gradient(ellipse at 20% 50%, rgba(0, 0, 0, .18) 0%, transparent 70%);
}

.cn-orb1 {
      position: absolute;
      width: 520px;
      height: 520px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(var(--gold-rgb), .1) 0%, transparent 68%);
      top: -150px;
      left: -90px;
      z-index: 0;
      pointer-events: none;
      animation: cn-orb 10s ease-in-out infinite;
}

.cn-orb2 {
      position: absolute;
      width: 300px;
      height: 300px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(var(--navy-rgb), .5) 0%, transparent 70%);
      bottom: -60px;
      left: 36%;
      z-index: 0;
      pointer-events: none;
      animation: cn-orb 14s ease-in-out infinite reverse;
}

.cn-scan {
      position: absolute;
      left: 0;
      right: 0;
      height: 1px;
      z-index: 1;
      pointer-events: none;
      background: linear-gradient(90deg, transparent, rgba(var(--gold-rgb), .2), transparent);
      animation: cn-scan 6s linear infinite;
}

.cn-grid {
      position: absolute;
      inset: 0;
      z-index: 0;
      background-image:
            linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
      background-size: 52px 52px;
}

.cn-left {
      padding: 3.8rem 3.5rem 3.5rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative;
      z-index: 2;
}

.cn-crumb {
      display: flex;
      align-items: center;
      gap: .4rem;
  font-family: "Laila", serif;
      font-size: .65rem;
      font-weight: 600;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, .28);
      margin-bottom: .9rem;
      opacity: 0;
      animation: cn-up .45s ease forwards .1s;
}

.cn-crumb a {
      color: rgba(var(--gold-rgb), .8);
      text-decoration: none;
}

.cn-crumb i {
      font-size: .5rem;
}

.cn-tag {
  font-family: "Laila", serif;
      font-size: .68rem;
      font-weight: 700;
      letter-spacing: .22em;
      text-transform: uppercase;
      color: var(--gold);
      display: inline-flex;
      align-items: center;
      gap: .55rem;
      margin-bottom: .9rem;
      opacity: 0;
      animation: cn-up .5s ease forwards .22s;
}

.cn-tag-bar {
      display: inline-block;
      width: 0;
      height: 2px;
      background: var(--gold);
      border-radius: 2px;
      animation: cn-line .45s ease forwards .22s;
}

.cn-hero h1 {
      font-family: "Laila", serif;
      font-size: clamp(2.4rem, 4.8vw, 4rem);
      font-weight: 700;
      color: var(--white);
      line-height: 1.08;
      margin-bottom: 1rem;
      opacity: 0;
      animation: cn-up .72s cubic-bezier(.22, 1, .36, 1) forwards .35s;
}

.cn-hero h1 em {
      color: var(--gold);
      font-style: italic;
      font-family: "Laila", serif;
}

.cn-sub {
    font-family: "Laila", serif;
    font-size: 20px;
    color: #fff;
    line-height: 1.78;
    /* max-width: 460px; */
    margin-bottom: 1.7rem;
    opacity: 0;
    animation: cn-up .65s ease forwards .5s;
}

.cn-pills {
      display: flex;
      flex-direction: column;
      gap: .7rem;
}

.cn-pill {
 display: flex;
    align-items: center;
    gap: .8rem;
    font-family: "Laila", serif;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    opacity: 0;
    transition: color .2s;
}

.cn-pill:hover {
      color: var(--gold-lt);
}

.cn-pill:nth-child(1) {
      animation: cn-pill .48s ease forwards .64s
}

.cn-pill:nth-child(2) {
      animation: cn-pill .48s ease forwards .74s
}

.cn-pill:nth-child(3) {
      animation: cn-pill .48s ease forwards .84s
}

.cn-pill:nth-child(4) {
      animation: cn-pill .48s ease forwards .94s
}

.cn-dot {
      width: 38px;
      height: 38px;
      border-radius: 50%;
      flex-shrink: 0;
      background: rgba(var(--gold-rgb), .12);
      border: 1px solid rgba(var(--gold-rgb), .28);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .9rem;
      color: var(--gold);
      transition: background .2s, transform .2s;
      animation: cn-pulse 3s ease-in-out infinite;
}

.cn-pill:nth-child(1) .cn-dot {
      animation-delay: 0s
}

.cn-pill:nth-child(2) .cn-dot {
      animation-delay: .4s
}

.cn-pill:nth-child(3) .cn-dot {
      animation-delay: .8s
}

.cn-pill:nth-child(4) .cn-dot {
      animation-delay: 1.2s
}

.cn-pill:hover .cn-dot {
      background: rgba(var(--gold-rgb), .24);
      transform: scale(1.1);
}

.cn-right {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 2.5rem;
      position: relative;
      z-index: 2;
      opacity: 0;
      animation: cn-form .85s cubic-bezier(.22, 1, .36, 1) forwards .22s;
}

.cn-form-card {
      background: rgba(var(--navy-rgb), .75);
      border: 1px solid rgba(var(--gold-rgb), .22);
      border-radius: 20px;
      padding: 2.4rem 2.2rem;
      width: 100%;
      max-width: 440px;
      backdrop-filter: blur(8px);
      box-shadow: 0 30px 70px rgba(0, 0, 0, .4);
      animation: cn-float 5s ease-in-out infinite;
}

.cn-form-card h3 {
      font-family: "Laila", serif;
      font-size: 1.5rem;
      font-weight: 700;
      color: var(--white);
      margin-bottom: .3rem;
}

.cn-form-card .cn-fsub {
  font-family: "Laila", serif;
      font-size: .8rem;
      color: rgba(255, 255, 255, .35);
      margin-bottom: 1.5rem;
}

.cn-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: .65rem;
}

.cn-field {
      margin-bottom: .65rem;
      position: relative;
}

.cn-field input,
.cn-field select {
      width: 100%;
      background: rgba(255, 255, 255, .07);
      border: 1px solid rgba(255, 255, 255, .12);
      color: var(--white);
  font-family: "Laila", serif;
      font-size: .86rem;
      padding: .78rem 1rem;
      border-radius: 8px;
      outline: none;
      appearance: none;
      transition: border-color .25s, background .25s;
}

.cn-field input::placeholder {
      color: rgba(255, 255, 255, .28);
}

.cn-field select option {
      background: var(--navy);
}

.cn-field input:focus,
.cn-field select:focus {
      border-color: rgba(var(--gold-rgb), .55);
      background: rgba(255, 255, 255, .1);
}

.cn-field::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 8px;
      right: 8px;
      height: 2px;
      background: var(--gold);
      transform: scaleX(0);
      border-radius: 2px;
      transition: transform .3s ease;
      transform-origin: left;
}

.cn-field:focus-within::after {
      transform: scaleX(1);
}

.cn-submit {
      display: block;
      width: 100%;
      text-align: center;
      background: var(--gold);
      color: var(--navy);
  font-family: "Laila", serif;
      font-size: .9rem;
      font-weight: 700;
      padding: .9rem;
      border-radius: 8px;
      border: none;
      margin-top: .4rem;
      cursor: pointer;
      text-decoration: none;
      position: relative;
      overflow: hidden;
      transition: background .22s, transform .15s;
}

.cn-submit::after {
      content: "";
      position: absolute;
      top: 0;
      left: -70%;
      width: 50%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .22), transparent);
      transform: skewX(-15deg);
      animation: cn-shine 2.2s ease infinite;
}

.cn-submit:hover {
      background: var(--gold-lt);
      color: var(--navy);
      transform: translateY(-2px);
}

.cn-privacy {
  font-family: "Laila", serif;
      font-size: .68rem;
      color: rgba(255, 255, 255, .22);
      text-align: center;
      margin-top: .75rem;
}

@media (max-width:900px) {
      .cn-hero {
            grid-template-columns: 1fr;
            min-height: auto;
            max-height: none
      }

      .cn-right {
            padding: 1.5rem
      }

      .cn-row {
            grid-template-columns: 1fr
      }

      .cn-orb1,
      .cn-orb2 {
            display: none
      }

      .cn-left {
            padding: 2.5rem 1.5rem 1.5rem
      }
}

.social-row {
      display: flex;
      gap: .45rem;
      margin-top: .9rem;
}

.soc-btn {
      width: 36px;
      height: 36px;
      border-radius: var(--radius);
      background: var(--ivory);
      border: 1px solid rgba(var(--navy-rgb), .1);
      color: var(--slate);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .88rem;
      text-decoration: none;
      transition: background .2s, color .2s, border-color .2s;
}

.soc-btn:hover {
      background: var(--gold);
      color: var(--navy);
      border-color: var(--gold);
}

.hours-box {
      background: var(--ivory);
      border: 1px solid rgba(var(--navy-rgb), .07);
      border-radius: var(--radius);
      padding: 1.4rem 1.5rem;
      margin-top: 1.5rem;
}

.hours-box-head {
      display: flex;
      align-items: center;
      gap: .55rem;
      margin-bottom: .9rem;
}

.hours-box-head i {
      color: var(--gold);
}

.hours-box-head span {
  font-family: "Laila", serif;
      font-size: .7rem;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--navy);
}

.hours-table-light {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: .28rem .9rem;
  font-family: "Laila", serif;
      font-size: .82rem;
}

.hours-table-light .d {
      color:#000;
}

.hours-table-light .t {
      color: var(--navy);
      font-weight: 600;
}

.hours-table-light .off {
      color: rgba(var(--navy-rgb), .28);
}

.trust-row {
      display: flex;
      flex-wrap: wrap;
      gap: .65rem;
      margin-top: 1.2rem;
      padding-top: 1.1rem;
      border-top: 1px solid rgba(var(--navy-rgb), .07);
}

.trust-item {
      display: flex;
      align-items: center;
      gap: .4rem;
  font-family: "Laila", serif;
      font-size: .76rem;
      font-weight: 500;
      color: var(--slate);
}

.trust-item i {
      color: var(--gold);
      font-size: .82rem;
}

.map-badge-wrap {
      position: relative;
}

.map-pin-badge {
      position: absolute;
      top: 1rem;
      left: 1rem;
      background: var(--navy);
      color: var(--white);
  font-family: "Laila", serif;
      font-size: .78rem;
      font-weight: 600;
      padding: .6rem 1rem;
      border-radius: var(--radius);
      display: flex;
      align-items: center;
      gap: .45rem;
      box-shadow: 0 4px 14px rgba(var(--navy-rgb), .28);
}

.map-pin-badge i {
      color: var(--gold);
}

.loc-reach {
      background: var(--white);
      border: 1px solid rgba(var(--navy-rgb), .08);
      border-radius: var(--radius);
      padding: 1.4rem 1.2rem;
      height: 100%;
      transition: transform .22s, box-shadow .22s;
}

.loc-reach:hover {
      transform: translateY(-4px);
      box-shadow: 0 10px 28px rgba(var(--navy-rgb), .1);
}

.loc-reach .icon {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: rgba(var(--gold-rgb), .1);
      color: var(--gold);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1rem;
      margin-bottom: .85rem;
}

.loc-reach h4 {
    font-family: "Laila", serif;
    font-size: 20px;
    margin-bottom: .28rem;
}

.loc-reach p {
  /* font-family: "Laila", serif;
      font-size: .78rem;
      color: var(--slate);
      line-height: 1.55;
      margin: 0; */
}

.u-style-00a7e457 {
      z-index: 1;
}

.u-style-1474eea8 {
      color: rgba(255, 255, 255, .58);
      font-size: .94rem;
      margin: .8rem 0 2rem;
}

.u-style-1d3afec3 {
  font-family: "Laila", serif;
      font-size: .68rem;
      color: rgba(255, 255, 255, .2);
}

.u-style-237716bf {
  font-family: "Laila", serif;
      font-size: .68rem;
      color: rgba(255, 255, 255, .25);
      margin-top: .75rem;
      text-align: center;
}

.u-style-25b2f291 {
      border: none;
      cursor: pointer;
      font-size: .88rem;
}

.u-style-316a807c {
      color: var(--slate);
      font-size: .92rem;
      line-height: 1.78;
      margin-top: .8rem 0 1.8rem;
}

.u-style-3aeda5a6 {
      color: var(--white);
}

.u-style-3ddea2b9 {
      color: var(--slate);
      font-size: .9rem;
      line-height: 1.78;
      margin-top: .7rem;
}

.u-style-4205e0f4 {
      margin-top: 1.6rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: .65rem;
}

.u-style-43a09432 {
  font-family: "Laila", serif;
      font-size: .7rem;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--slate);
      margin-bottom: .65rem;
}

.u-style-6c554347 {
      color: rgba(255, 255, 255, .56);
      font-size: .94rem;
      margin: .8rem 0 2rem;
}

.u-style-704610b4 {
      color: var(--gold);
  font-family: "Laila", serif;
      font-size: .84rem;
      font-weight: 600;
      text-decoration: none;
}

.u-style-86b387cd {
      margin-top: 1.4rem;
}

.u-style-8b5a0248 {
      color: rgba(255, 255, 255, .45);
      font-size: .9rem;
      margin-top: .6rem;
}

.u-style-8ef0f360 {
      color: var(--slate);
      font-size: .9rem;
      margin-top: .6rem;
}

.u-style-944869e6 {
      color: var(--slate);
      margin-top: .9rem;
      font-size: .95rem;
      line-height: 1.8;
}

.u-style-a9926d7b {
      color: rgba(255, 255, 255, .55);
      font-size: .94rem;
      margin: .8rem 0 2rem;
}

.u-style-ad91a275 {
      color: var(--slate);
      font-size: .94rem;
      line-height: 1.8;
      margin-top: .8rem;
}

.u-style-bc4d8e73 {
      background: linear-gradient(150deg, rgba(var(--navy-rgb), .95) 0%, rgba(var(--navy-rgb), .88) 100%), url("https://images.unsplash.com/photo-1580587771525-78b9dba3b914?w=1600&q=80") center/cover no-repeat;
}

.u-style-c0a7ca4a {
      color: var(--slate);
      font-size: .92rem;
      margin-top: .6rem;
}

.u-style-c938018e {
      background: linear-gradient(155deg, rgba(var(--navy-rgb), .95) 0%, rgba(var(--navy-rgb), .88) 100%), url("https://images.unsplash.com/photo-1580587771525-78b9dba3b914?w=1600&q=80") center/cover no-repeat;
}

.u-style-cbdc2131 {
      border: 0;
}

.u-style-e02e647a {
      color: var(--gold);
}

.u-style-e2406d86 {
      background: rgba(255, 255, 255, .07);
      border: 1px solid rgba(255, 255, 255, .12);
      color: rgba(255, 255, 255, .45);
  font-family: "Laila", serif;
      font-size: .78rem;
      padding: .45rem 1.1rem;
      border-radius: var(--radius);
      cursor: pointer;
}

.u-style-ebd52245 {
      color: #000;
      font-size: 16px;
      line-height: 1.8;
      margin-top: .9rem;
}

.u-style-fa51afbb {
      color: rgba(255, 255, 255, .48);
      font-size: .9rem;
      margin-top: .6rem;
}

.u-style-fb43b303 {
      color: rgba(255, 255, 255, .58);
      font-size: .94rem;
      line-height: 1.78;
      margin: .8rem 0 1.2rem;
      max-width: 500px;
}

.u-style-fedec9f6 {
      color: var(--slate);
      font-size: .76rem;
}
/* ===== TEAM PROFILE PICKER (attorney-style) ===== */
.tpro-picker {
      margin-bottom: 2rem;
}

.tpro-pick {
      position: relative;
      display: block;
      width: 100%;
      height:310px;
      border-radius: var(--radius);
      overflow: hidden;
      border: 2px solid rgba(255,255,255,.12);
      background: var(--navy);
      padding: 0;
      cursor: pointer;
      transition: border-color var(--transition), transform var(--transition);
}

.tpro-pick:hover {
      transform: translateY(-3px);
}

.tpro-pick.active {
      border-color: var(--gold);
}

.tpro-pick img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top center;
}

.tpro-pick-shade {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(var(--navy-rgb), .88) 0%, rgba(var(--navy-rgb), .05) 60%);
}

.tpro-pick-info {
      position: absolute;
      left: 0; right: 0; bottom: 0;
      padding: .9rem 1rem;
      text-align: left;
}

.tpro-pick-info strong {
      display: block;
      color: var(--white);
      font-family: "Laila", serif;
      font-size: 1rem;
}

.tpro-pick-info em {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    font-style: normal;
    font-size: 18px;
    color: #fff;
    margin-top: .15rem;
}

.tpro-pick.active .tpro-pick-info strong {
      color: var(--gold);
}

.tpro-panel-wrap {
      background: rgba(255,255,255,.04);
      border: 1px solid rgba(255,255,255,.1);
      border-radius: calc(var(--radius) * 2);
      padding: 2rem;
}

.tpro-panel {
      display: block;
}

.tpro-panel[hidden] {
      display: none;
}

.tpro-eyebrow {
      font-family: "Laila", serif;
      font-size: .8rem;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: .3rem;
}

.tpro-name {
      color: var(--white);
      font-size: 1.7rem;
      margin-bottom: .8rem;
}

.tpro-bio {
    color: #fff;
    font-size: 16px;
    line-height: 1.65;
    margin-bottom: 1.4rem;
}

.tpro-linkedin {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    background: var(--gold);
    color: #fff;
    font-family: "Laila", serif;
    font-weight: 700;
    font-size: .9rem;
    padding: 12px 30px;
    border-radius: 50px;
    transition: filter var(--transition);
}

.tpro-linkedin:hover {
      filter: brightness(1.07);
}

.tpro-linkedin-avatar {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      overflow: hidden;
      flex-shrink: 0;
}

.tpro-linkedin-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.tpro-box {
      background: rgba(255,255,255,.05);
      border: 1px solid rgba(255,255,255,.1);
      border-radius: var(--radius);
      padding: 1rem 1.1rem;
      height: 100%;
}

.tpro-box-label {
      display: block;
      font-family: "Laila", serif;
      font-size: .72rem;
      font-weight: 700;
      letter-spacing: .07em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: .4rem;
}

.tpro-box strong {
      display: block;
      color: var(--white);
      font-size:16px;
      font-weight: 500;
      line-height: 1.4;
}

@media (max-width: 575px) {
      .tpro-pick {
            height: 160px;
      }
      .tpro-panel-wrap {
            padding: 1.4rem;
      }
}

/* ===== HERO CONTACT FORM ===== */
.hero-form-card {
      position: relative;
      background: rgba(255,255,255,.06);
      border: 1px solid rgba(255,255,255,.16);
      border-radius: calc(var(--radius) * 2);
      padding: 1.8rem 1.7rem;
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      box-shadow: 0 20px 50px rgba(0,0,0,.35);
}

.hero-form-eyebrow {
      font-family: "Laila", serif;
      font-size: .7rem;
      font-weight: 700;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: var(--gold-lt);
      margin-bottom: .3rem;
}

.hero-form-title {
      color: var(--white);
      font-size: 1.35rem;
      margin-bottom: .4rem;
}

.hero-form-sub {
      color: rgba(255,255,255,.68);
      font-size: .85rem;
      margin-bottom: 1.3rem;
}

.hero-form-group {
      position: relative;
      margin-bottom: .8rem;
}

.hero-form-group i {
      position: absolute;
      top: 50%;
      left: 1rem;
      transform: translateY(-50%);
      color: var(--gold);
      font-size: .95rem;
      pointer-events: none;
}

.hero-form-group input,
.hero-form-group select {
      width: 100%;
      background: rgba(6,19,35,.45);
      border: 1px solid rgba(255,255,255,.18);
      border-radius: var(--radius);
      color: var(--white);
      font-family: "Laila", serif;
      font-size: .88rem;
      padding: .72rem .9rem .72rem 2.6rem;
      transition: border-color var(--transition), background var(--transition);
}

.hero-form-group select {
      appearance: none;
      cursor: pointer;
}

.hero-form-group select option {
      color: var(--navy);
}

.hero-form-group input::placeholder {
      color: rgba(255,255,255,.5);
}

.hero-form-group input:focus,
.hero-form-group select:focus {
      outline: none;
      border-color: var(--gold);
      background: rgba(6,19,35,.65);
}

.hero-form-submit {
      width: 100%;
      justify-content: center;
      margin-top: .4rem;
}

.hero-form-note {
      display: flex;
      align-items: center;
      gap: .4rem;
      justify-content: center;
      color: rgba(255,255,255,.55);
      font-size: .75rem;
      margin-top: .9rem;
      margin-bottom: 0;
}

@media (max-width: 991px) {
      .hero-form-card {
            margin-top: .5rem;
      }
}

/* ===== HERO — EXTRA CSS-ONLY ANIMATIONS ===== */

/* 1. Headline clip-reveal on load */
.hero-title-reveal {
      overflow: hidden;
}

.hero-title-reveal::before {
      content: "";
}

@keyframes heroClipReveal {
      0% {
            clip-path: inset(0 100% 0 0);
      }
      100% {
            clip-path: inset(0 0 0 0);
      }
}

.hero-title.hero-anim.hero-title-reveal {
      animation: heroRise .8s cubic-bezier(.2,.7,.2,1) forwards, heroClipReveal 1s cubic-bezier(.65,0,.35,1) forwards;
      animation-delay: var(--d, 0s), var(--d, 0s);
}

/* 2. Gold gradient shimmer on emphasis text */
.hero-shimmer-text {
      background: linear-gradient(100deg, var(--gold) 0%, #fff3d6 18%, var(--gold) 36%, var(--gold-lt) 54%, var(--gold) 72%, #fff3d6 90%, var(--gold) 100%);
      background-size: 220% auto;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
      animation: heroShimmer 5s linear infinite;
}

@keyframes heroShimmer {
      0% {
            background-position: 0% 50%;
      }
      100% {
            background-position: 220% 50%;
      }
}

/* 3. Floating tag chips */
.hero-tag-float {
      display: inline-flex;
      animation: heroTagFloat 3.2s ease-in-out infinite;
      animation-delay: var(--fd, 0s);
}

@keyframes heroTagFloat {
      0%, 100% {
            transform: translateY(0);
      }
      50% {
            transform: translateY(-5px);
      }
}

/* 4. Shimmer sweep across primary CTA button */
.hero-btn-shimmer {
      position: relative;
      overflow: hidden;
}

.hero-btn-shimmer::after {
      content: "";
      position: absolute;
      top: 0;
      left: -60%;
      width: 40%;
      height: 100%;
      background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.55) 50%, transparent 100%);
      transform: skewX(-18deg);
      animation: heroBtnSweep 3.6s ease-in-out infinite;
      animation-delay: 1.2s;
}

@keyframes heroBtnSweep {
      0% {
            left: -60%;
      }
      35% {
            left: 130%;
      }
      100% {
            left: 130%;
      }
}

/* 5. Animated gradient border on the hero form card */
.hero-form-glow-border {
      position: relative;
}

.hero-form-glow-border::before {
      content: "";
      position: absolute;
      inset: -1px;
      border-radius: inherit;
      padding: 1px;
      background: linear-gradient(120deg, rgba(var(--gold-rgb), 0) 0%, rgba(var(--gold-rgb), .9) 50%, rgba(var(--gold-rgb), 0) 100%);
      background-size: 250% 250%;
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      animation: heroBorderTravel 4.5s linear infinite;
      pointer-events: none;
}

@keyframes heroBorderTravel {
      0% {
            background-position: 0% 0%;
      }
      100% {
            background-position: 250% 250%;
      }
}

@media (prefers-reduced-motion: reduce) {
      .hero-title.hero-anim.hero-title-reveal {
            animation: none !important;
            clip-path: none !important;
      }
      .hero-shimmer-text,
      .hero-tag-float,
      .hero-btn-shimmer::after,
      .hero-form-glow-border::before {
            animation: none !important;
      }
      .hero-shimmer-text {
            color: var(--gold) !important;
            -webkit-text-fill-color: var(--gold) !important;
      }
}
/* ===== CONTACT HERO — RIGHT SIDE MEDIA (replaces inline form) ===== */
.cn-right-media {
      position: relative;
      flex-direction: column;
}

.cn-media-wrap {
      max-width: 460px;
}

.cn-media-wrap img {
      height: 460px;
}

.cn-media-badge {
      animation: h-float 4s ease-in-out infinite, cn-form .85s cubic-bezier(.22, 1, .36, 1) forwards .5s;
      opacity: 0;
}

.cn-media-stat {
      position: absolute;
      display: flex;
      align-items: center;
      gap: .6rem;
      background: rgba(var(--navy-rgb), .9);
      border: 1px solid rgba(var(--gold-rgb), .3);
      border-radius: 12px;
      padding: .65rem .9rem;
      backdrop-filter: blur(6px);
      box-shadow: 0 16px 36px rgba(0, 0, 0, .35);
      opacity: 0;
      z-index: 3;
}

.cn-media-stat i {
      color: var(--gold);
      font-size: 1.2rem;
}

.cn-media-stat span {
  font-family: "Laila", serif;
      font-size: .72rem;
      line-height: 1.25;
      color: var(--white);
      font-weight: 600;
}

.cn-media-stat-1 {
      top: 6%;
      right: 2%;
      animation: cn-form .7s cubic-bezier(.22, 1, .36, 1) forwards .75s, h-float 5s ease-in-out infinite 1.4s;
}

.cn-media-stat-2 {
      bottom: 8%;
      left: -3%;
      animation: cn-form .7s cubic-bezier(.22, 1, .36, 1) forwards .92s, h-float 4.6s ease-in-out infinite .6s;
}

@media (max-width: 991px) {
      .cn-media-stat {
            display: none;
      }
}

@media (prefers-reduced-motion: reduce) {
      .cn-media-badge,
      .cn-media-stat,
      .cn-media-wrap img {
            animation: none !important;
            opacity: 1 !important;
      }
}