:root {

  --navy: #0b0f2b;

  --navy-soft: #13193f;

  --navy-deep: #080d25;

  --gold: #c6a77d;

  --gold-soft: rgba(198, 167, 125, 0.16);

  --text: #f4efe9;

  --muted: rgba(244, 239, 233, 0.76);

  --line: rgba(198, 167, 125, 0.22);

  --surface: rgba(255, 255, 255, 0.03);

  --shadow: 0 20px 60px rgba(0, 0, 0, 0.28);

  --radius: 22px;

  --max: 1180px;

  --header-h: 82px;

  --fade: 700ms;

}


* {

  box-sizing: border-box;

}


html {

  scroll-behavior: smooth;

}


body {

  margin: 0;

  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  background: var(--navy);

  color: var(--text);

  line-height: 1.7;

  -webkit-font-smoothing: antialiased;

  text-rendering: optimizeLegibility;

}


a {

  color: inherit;

  text-decoration: none;

}


img {

  max-width: 100%;

  display: block;

}


button,

input,

textarea,

select {

  font: inherit;

}


main {

  overflow: clip;

}


/* GLOBAL HEADER */


.site-header {

  position: sticky;

  top: 0;

  z-index: 50;

  backdrop-filter: blur(18px);

  background: rgba(11, 15, 43, 0.78);

  border-bottom: 1px solid rgba(198, 167, 125, 0.12);

}


.home-page .site-header {

  background: linear-gradient(

    to bottom,

    rgba(0, 0, 0, 0.85),

    rgba(0, 0, 0, 0.65)

  ) !important;

  backdrop-filter: blur(8px);

  -webkit-backdrop-filter: blur(8px);

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);

}


.nav-wrap {

  max-width: var(--max);

  margin: 0 auto;

  min-height: var(--header-h);

  padding: 0 24px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 24px;

  overflow: visible !important;

}


.brand-lockup {

  display: flex;

  align-items: center;

  flex: 0 0 auto;

}


.header-logo {

  display: block;

  height: 52px;

  width: auto;

  max-width: none;

}


.site-nav {

  display: flex;

  align-items: center;

  gap: 18px;

  flex-wrap: wrap;

  justify-content: flex-end;

  margin-left: auto;

  overflow: visible !important;

}


.site-nav a {

  color: var(--muted);

  font-size: 0.9rem;

  letter-spacing: 0.08em;

  text-transform: uppercase;

  transition: color 180ms ease;

}


.site-nav a:hover,

.site-nav a.active {

  color: var(--gold);

}


.nav-cta {

  padding: 10px 16px;

  border: 1px solid rgba(198, 167, 125, 0.35);

  border-radius: 999px;

}


/* NAV DROPDOWN */


.nav-dropdown {

  position: relative;

  display: flex;

  align-items: center;

  overflow: visible !important;

  z-index: 300 !important;

}


.dropdown-menu {

  position: absolute;

  top: calc(100% + 10px);

  left: 0;

  min-width: 260px;

  background: rgba(11, 15, 43, 0.96);

  border: 1px solid rgba(198, 167, 125, 0.22);

  border-radius: 14px;

  padding: 10px 0;

  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);

  opacity: 0;

  visibility: hidden;

  transform: translateY(10px);

  transition: 0.2s ease;

  z-index: 400 !important;

}


.dropdown-menu a {

  display: block;

  padding: 10px 16px;

  font-size: 0.85rem;

  color: var(--muted);

  white-space: nowrap;

}


.dropdown-menu a:hover {

  color: var(--gold);

  background: rgba(255, 255, 255, 0.03);

}


.nav-dropdown:hover .dropdown-menu {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

}


.home-page .site-header .dropdown-menu,

.home-page .site-header nav ul ul {

  background: rgba(10, 10, 10, 0.75) !important;

  backdrop-filter: blur(10px);

  -webkit-backdrop-filter: blur(10px);

  border: 1px solid rgba(255, 255, 255, 0.08);

}


/* LAYOUT */


.container {

  max-width: var(--max);

  margin: 0 auto;

  padding: 0 24px;

}


.section {

  padding: 96px 0;

}


.page-hero {

  padding: 100px 0 46px;

  border-bottom: 1px solid rgba(198, 167, 125, 0.1);

}


.page-hero.compact {

  padding-top: 74px;

}


.grid-2 {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 40px;

}


.grid-3 {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 24px;

}


.grid-5 {

  display: grid;

  grid-template-columns: repeat(5, minmax(0, 1fr));

  gap: 18px;

}


/* TYPOGRAPHY */


.page-kicker {

  text-transform: uppercase;

  letter-spacing: 0.28em;

  color: var(--gold);

  font-size: 0.76rem;

  margin-bottom: 18px;

}


h1,

h2,

h3,

h4 {

  margin: 0 0 18px;

  font-family: "Libre Baskerville", serif;

  font-weight: 400;

  letter-spacing: 0.01em;

  line-height: 1.16;

    
}

h1 {

  font-size: clamp(2.7rem, 5vw, 5rem);

  max-width: 12ch;

}


h2 {

  font-size: clamp(2rem, 3vw, 3.15rem);
  max-width: none;


}
.section .centered h2.credo-line{
    font-size: clamp(18px, 2.2vw, 30px);
    white-space: nowrap;
    text-align: center;
    letter-spacing: 0.01em;
    
}

h3 {

  font-size: clamp(1.2rem, 2vw, 1.6rem);

}


p {

  margin: 0 0 16px;

  color: var(--muted);

  font-size: 1.03rem;

}


.lead {

  font-size: 1.13rem;

  max-width: 64ch;

}


/* SUBPAGES BACKGROUND */


body:not(.home-page) {

  background:

    linear-gradient(180deg, rgba(11, 15, 43, 0.18), rgba(11, 15, 43, 0.28)),

    var(--navy-deep) !important;

}


body:not(.home-page) .page-hero,

body:not(.home-page) .section,

body:not(.home-page) .band,

body:not(.home-page) .container {

  background: transparent !important;

}


.page-hero h1 {

  font-size: 36px !important;

  color: #ba9b6e !important;

  max-width: none;

}


body .page-hero .container h1 {

  font-size: 36px !important;

}


body .page-hero .lead {

  color: #ffffff !important;

}


/* SERVICE HERO */


.hero-split {

  display: grid;

  grid-template-columns: 1fr 2fr;

  gap: 60px;

  align-items: center;

}


.hero-text {

  max-width: 520px;

}


.hero-image {

  display: flex;

  justify-content: center;

  align-items: center;

}


.hero-image img {

  width: 85%;

  height: auto;

  display: block;

  border-radius: 6px;

}


/* GUEST EXPERIENCE SPECIFIC IMAGE */


.guest-hero-img {

  width: 636px !important;

  height: 424px !important;

  object-fit: cover;

  margin: 0 auto;

}


/* HOMEPAGE HERO */


.home-page {

  background: #0b0f2b;

}


.hero-home {

  min-height: calc(100vh - var(--header-h));

  position: relative;

  display: flex;

  align-items: center;

}


.hero-home::before {

  content: "";

  position: absolute;

  inset: 0;

  background:

    linear-gradient(180deg, rgba(7, 10, 29, 0.28), rgba(7, 10, 29, 0.82)),

    radial-gradient(circle at 50% 36%, rgba(198, 167, 125, 0.13), transparent 30%),

    url("assets/brand-hero.jpg") center/cover no-repeat;

}


.hero-home::after {

  content: "";

  position: absolute;

  inset: auto 0 0;

  height: 160px;

  background: linear-gradient(180deg, transparent, rgba(11, 15, 43, 0.96));

}


.hero-home-exact {

  min-height: 100vh;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  background:

    radial-gradient(circle at 50% 42%, rgba(198, 167, 125, 0.1), rgba(198, 167, 125, 0) 28%),

    linear-gradient(180deg, rgba(11, 15, 43, 0.18), rgba(11, 15, 43, 0.28)),

    url("../assets/home-background.png") center center / cover no-repeat;

}


.hero-home-overlay {

  position: absolute;

  inset: 0;

  background: rgba(0, 0, 0, 0);

}


.hero-home-noise {

  position: absolute;

  inset: 0;

  opacity: 0.12;

  pointer-events: none;

  background-image: radial-gradient(rgba(255, 255, 255, 0.22) 0.4px, transparent 0.4px);

  background-size: 6px 6px;

  mix-blend-mode: soft-light;

}


.hero-home-inner {

  position: relative;

  z-index: 1;

  width: 100%;

  text-align: center;

  padding-top: 0;

  padding-bottom: 80px;

}


.hero-logo-main {

  display: flex;

  justify-content: center;

}


.hero-logo-main img {

  width: min(820px, 86vw);

  height: auto;

  filter: drop-shadow(0 10px 28px rgba(0, 0, 0, 0.28));

}


/* BUTTONS */


.cta-row {

  display: flex;

  gap: 16px;

  flex-wrap: wrap;

  align-items: center;

  margin-top: 28px;

}


.cta-row.center {

  justify-content: center;

}


.btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  min-height: 48px;

  padding: 0 22px;

  border-radius: 999px;

  border: 1px solid rgba(198, 167, 125, 0.35);

  color: var(--text);

  letter-spacing: 0.08em;

  text-transform: uppercase;

  font-size: 0.82rem;

  transition: transform 180ms ease, background 180ms ease, border-color 180ms ease;

}


.btn:hover {

  transform: translateY(-1px);

}


.btn-primary {

  background: rgba(198, 167, 125, 0.14);

  color: var(--gold);

}


.btn-secondary {

  background: transparent;

}


.btn-home-outline {

  min-height: 54px;

  padding: 0 26px;

  border-radius: 8px;

  border: 1px solid rgba(198, 167, 125, 0.82);

  background: rgba(13, 16, 40, 0.2);

  color: #f5e5cb;

  font-size: 0.88rem;

  letter-spacing: 0.01em;

  text-transform: none;

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);

}


.btn-home-outline:hover {

  background: rgba(198, 167, 125, 0.1);

  transform: translateY(-1px);

}


/* CARDS */


.card {

  background: transparent;

  border: 1px solid rgba(198, 167, 125, 0.45);

  border-radius: var(--radius);

  padding: 28px;

  box-shadow:

    0 12px 28px rgba(0, 0, 0, 0.35),

    0 0 12px rgba(198, 167, 125, 0.08);

  transform: translateY(-2px);

}


.card h3,

.card h4 {

  color: var(--text);

}


.card p:last-child,

.card ul:last-child,

.card ol:last-child {

  margin-bottom: 0;

}


/* CONTENT ELEMENTS */


.statements {

  display: grid;

  gap: 18px;

}


.statement {

  padding: 18px 0;

  border-bottom: 1px solid rgba(198, 167, 125, 0.12);

}


.statement:last-child {

  border-bottom: 0;

}


.list-clean {

  list-style: none;

  margin: 0;

  padding: 0;

}


.list-clean li {

  padding: 12px 0;

  border-bottom: 1px solid rgba(198, 167, 125, 0.1);

  color: var(--muted);

}


.list-clean li:last-child {

  border-bottom: 0;

}


.number {

  color: var(--gold);

  font-family: "Libre Baskerville", serif;

  font-size: 1.9rem;

  margin-bottom: 10px;

}


.method-step {

  min-height: 100%;

}


.band {

  background: transparent;

  border-top: 1px solid rgba(198, 167, 125, 0.1);

  border-bottom: 1px solid rgba(198, 167, 125, 0.1);

}


.service-card {

  display: flex;

  flex-direction: column;

  gap: 18px;

  min-height: 100%;

}


.service-card .tier {

  color: var(--gold);

  font-size: 0.78rem;

  letter-spacing: 0.22em;

  text-transform: uppercase;

}


.service-card .deliverables {

  margin-top: auto;

  padding-top: 12px;

  border-top: 1px solid rgba(198, 167, 125, 0.12);

}


.service-card h3 {

  margin-bottom: 6px;

}


.quote {

  font-family: "Libre Baskerville", serif;

  font-size: clamp(1.3rem, 2.4vw, 2rem);

  line-height: 1.45;

  color: var(--text);

}


.example-frame {

  min-height: 320px;

  display: grid;

  place-items: center;

  text-align: center;

  background:

    linear-gradient(180deg, rgba(11, 15, 43, 0.36), rgba(11, 15, 43, 0.76)),

    radial-gradient(circle at 50% 20%, rgba(198, 167, 125, 0.16), transparent 38%);

}


.example-label {

  color: var(--gold);

  text-transform: uppercase;

  letter-spacing: 0.18em;

  font-size: 0.76rem;

  margin-bottom: 12px;

}


/* FORMS */


.form-wrap {

  display: grid;

  grid-template-columns: 0.9fr 1.1fr;

  gap: 28px;

}


.form-panel {

  display: grid;

  gap: 16px;

}


.field {

  display: grid;

  gap: 10px;

}


label {

  color: var(--gold);

  font-size: 0.84rem;

  text-transform: uppercase;

  letter-spacing: 0.12em;

}


input,

textarea,

select {

  width: 100%;

  background: rgba(255, 255, 255, 0.03);

  border: 1px solid rgba(198, 167, 125, 0.2);

  border-radius: 18px;

  color: var(--text);

  padding: 15px 16px;

  outline: none;

  transition: border-color 180ms ease, background 180ms ease;

}


input:focus,

textarea:focus,

select:focus {

  border-color: rgba(198, 167, 125, 0.6);

  background: rgba(255, 255, 255, 0.05);

}


textarea {

  min-height: 160px;

  resize: vertical;

}


.form-note {

  font-size: 0.9rem;

  color: rgba(244, 239, 233, 0.62);

}


/* FOOTER */


.footer {

  padding: 34px 0 54px;

  border-top: 1px solid rgba(198, 167, 125, 0.1);

}


.footer-inner {

  display: flex;

  justify-content: space-between;

  gap: 18px;

  flex-wrap: wrap;

  align-items: center;

}


.footer small {

  color: rgba(244, 239, 233, 0.62);

}


/* ANIMATION */


.fade-up {

  opacity: 0;

  transform: translateY(20px);

  transition: opacity var(--fade) ease, transform var(--fade) ease;

}


.fade-up.is-visible {

  opacity: 1;

  transform: translateY(0);

}


/* DETAILS */


.gold-line {

  width: 120px;

  height: 1px;

  background: linear-gradient(90deg, transparent, var(--gold), transparent);

  margin: 24px 0;

}


.centered {

  text-align: center;

}


.centered .gold-line {

  margin-left: auto;

  margin-right: auto;

}


.section h2,

.section .centered,

.section .centered h2 {

  text-align: center;

}


.section .centered h2 {

  font-size: 38px;

  margin: 0 auto;

  max-width: 1400px;

  white-space: nowrap;

}


.section.band .container.grid-3 {

  max-width: 1400px;

  width: 100%;

}


.section.band .grid-3 {

  grid-template-columns: repeat(3, 1fr);

  gap: 28px;

}


.section.band .grid-3 .card {

  width: 100%;

}


.section.band .page-kicker {

  font-size: 18px;

  letter-spacing: 3px;

}


/* SERVICES GRID */


.services-grid .card {

  width: 100%;

  height: 432px;

  min-height: 432px;

  max-height: 432px;

  display: flex;

  flex-direction: column;

  justify-content: flex-start;

}


.spacer {

  height: 6px;

  margin: 0;

}


/* RESPONSIVE */


@media (max-width: 1080px) {

  .grid-5 {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }


  .grid-3 {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }


  .grid-2,

  .form-wrap {

    grid-template-columns: 1fr;

  }

}


@media (max-width: 900px) {

  .hero-split {

    grid-template-columns: 1fr;

    gap: 30px;

  }


  .section .centered h2 {

    white-space: normal;

  }


  .guest-hero-img {

    width: 100% !important;

    height: auto !important;

  }

}


@media (max-width: 760px) {

  :root {

    --header-h: 74px;

  }


  .nav-wrap {

    align-items: flex-start;

    flex-direction: column;

    padding-top: 14px;

    padding-bottom: 14px;

  }


  .site-nav {

    gap: 10px 14px;

    justify-content: flex-start;

  }


  .section {

    padding: 76px 0;

  }


  .page-hero {

    padding-top: 70px;

  }


  .hero-logo-main img {

    width: min(94vw, 620px);

  }


  .grid-5,

  .grid-3 {

    grid-template-columns: 1fr;

  }


  h1 {

    font-size: clamp(2.2rem, 10vw, 3.1rem);

  }


  h2 {

    font-size: clamp(1.8rem, 8vw, 2.5rem);

  }

}


/* =================================

   Example Page Only — Clean Final

   ================================= */


.example-page .example-hero {

  display: grid !important;

  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

  gap: 40px !important;

  align-items: center !important;

}


.example-page .example-text-col {

  grid-column: 1 !important;

  grid-row: 1 !important;

}


.example-page .example-before-col {

  grid-column: 2 !important;

  grid-row: 1 !important;

}


.example-page .example-after-col {

  grid-column: 3 !important;

  grid-row: 1 !important;

}


.example-page .example-hero-text {

  max-width: none !important;

  width: 100% !important;

  text-align: left !important;

}


.example-page .example-hero-text h1 {

  max-width: none !important;

}


.example-page .hero-intro {

  max-width: none !important;

  width: 100% !important;

  margin: 0 !important;

  text-align: left !important;

}


.example-page .example-before-col .hero-image,

.example-page .example-after-col .hero-image {

  display: block !important;

  width: 100% !important;

}


.example-page .example-before-col .hero-image img,

.example-page .example-after-col .hero-image img {

  width: 100% !important;

  height: auto !important;

  display: block !important;

  border-radius: 8px !important;

  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35) !important;

}


.example-page .hero-info-card {

  grid-column: 1 / -1 !important;

  grid-row: 2 !important;

  width: 100% !important;

  max-width: 100% !important;

  margin-top: 2.5rem !important;

  text-align: center !important;

  padding: 2.4rem 2.8rem !important;

}


.example-page .hero-info-card p {

  margin: 0 !important;

  font-size: 1.22rem !important;

  line-height: 1.9 !important;

}


.example-page .hero-highlight-box {

  grid-column: 1 / -1 !important;

  grid-row: 3 !important;

  width: 100% !important;

  max-width: 100% !important;

  margin-top: 1.25rem !important;

  text-align: center !important;

  padding: 1.75rem 2.8rem !important;

}


.example-page .hero-highlight-box p {

  margin: 0 !important;

  font-family: "Libre Baskerville", serif !important;

  font-size: 1.55rem !important;

  line-height: 1.65 !important;

  color: var(--gold) !important;

}


@media (max-width: 900px) {

  .example-page .example-hero {

    grid-template-columns: 1fr !important;

    gap: 30px !important;

  }


  .example-page .example-text-col,

  .example-page .example-before-col,

  .example-page .example-after-col,

  .example-page .hero-info-card,

  .example-page .hero-highlight-box {

    grid-column: 1 !important;

    grid-row: auto !important;

  }


  .example-page .example-hero-text,

  .example-page .hero-intro {

    text-align: center !important;

  }


  .example-page .hero-info-card {

    padding: 1.5rem 1.2rem !important;

  }


  .example-page .hero-highlight-box {

    padding: 1.25rem 1.2rem !important;

  }


  .example-page .hero-info-card p {

    font-size: 1.02rem !important;

    line-height: 1.7 !important;

  }


  .example-page .hero-highlight-box p {

    font-size: 1.18rem !important;

    line-height: 1.5 !important;

  }

}


/* =================================

   RESTORE SERVICE SUBPAGES

   ================================= */


.services-squares {

  margin-top: 56px;

  margin-bottom: 70px;

}


.services-squares.grid-5 {

  gap: 28px;

}


.services-squares .service-square {

  transform: translateY(0);

  transition:

    transform 180ms ease,

    box-shadow 180ms ease,

    border-color 180ms ease,

    background 180ms ease;

}


.services-squares .service-square h3 {

  font-size: 1.15rem;

  line-height: 1.25;

  padding: 0 8px;

  margin-bottom: 0;

}


.services-squares .service-square:hover:not(.active) {

  transform: translateY(-4px);

  border-color: rgba(198, 167, 125, 0.55);

  background: rgba(198, 167, 125, 0.04);

  box-shadow:

    0 18px 40px rgba(0, 0, 0, 0.35),

    0 0 0 1px rgba(198, 167, 125, 0.20),

    0 0 22px rgba(198, 167, 125, 0.15);

}


.services-squares .service-square.active {

  border-color: var(--gold);

  background: rgba(198, 167, 125, 0.08);

  box-shadow:

    0 22px 50px rgba(0, 0, 0, 0.40),

    0 0 0 1px rgba(198, 167, 125, 0.35),

    0 0 26px rgba(198, 167, 125, 0.20);

  transform: translateY(-3px);

  pointer-events: none;

  cursor: default;

}


.services-squares .service-square.active h3 {

  color: var(--gold);

}


.services-squares .service-square.card {

  width: 100%;

  min-height: 210px;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

}


@media (max-width: 1080px) {

  .services-squares.grid-5 {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

}


@media (max-width: 760px) {

  .services-squares.grid-5 {

    grid-template-columns: 1fr;

  }


  .services-squares {

    margin-top: 38px;

    margin-bottom: 46px;

    gap: 20px;

  }


  .services-squares .service-square.card {

    min-height: 160px;

  }

}


/* =================================

   CONTACT PAGE — RESTORE ORIGINAL WIDTH

   ================================= */


.contact-page .centered-form-wrap {

  max-width: var(--max);

  margin: 0 auto;

}


.contact-page .centered-form-wrap .form-panel {

  width: 100%;

  max-width: none;

}
/* ===============================

   EXAMPLE PAGE MOBILE FIX

   =============================== */


@media (max-width: 900px) {

  .example-page .example-hero {

    display: grid !important;

    grid-template-columns: 1fr !important;

    gap: 24px !important;

  }


  .example-page .example-text-col,

  .example-page .example-before-col,

  .example-page .example-after-col,

  .example-page .hero-info-card,

  .example-page .hero-highlight-box {

    grid-column: 1 !important;

    grid-row: auto !important;

  }


  .example-page .example-before-col,

  .example-page .example-after-col {

    width: 100%;

  }


  .example-page .hero-image img {

    width: 100% !important;

    height: auto !important;

  }


  .example-page .example-hero-text,

  .example-page .hero-intro {

    text-align: left !important;

  }


  .example-page .hero-intro {

    font-size: 1rem !important;

    line-height: 1.7 !important;

    max-width: 100% !important;

    letter-spacing: 0.01em;

  }


  .example-page .example-hero-text h1 {

    font-size: 32px !important;

  }


  .example-page .hero-info-card {

    padding: 18px !important;

  }


  .example-page .hero-highlight-box {

    padding: 14px !important;

  }

}
/* ===============================

   MOBILE CARD STACK FIX

   =============================== */


@media (max-width: 760px){


.grid-3{

grid-template-columns: 1fr !important;

}


.section.band .grid-3{

grid-template-columns: 1fr !important;

}


.section.band .grid-3 .card{

width:100%;

}


.card{

padding:20px;

}


}
.site-header {

transition: transform 260ms ease;

}


.site-header.header-hidden {

transform: translateY(-100%);

}
/* =================================

   GLOBAL MOBILE POLISH

   safe for non-example pages

   ================================= */


@media (max-width: 900px) {

  .container {

    padding: 0 16px;

  }


  .section {

    padding: 64px 0;

  }


  .page-hero {

    padding: 56px 0 34px;

  }


  .hero-split {

    grid-template-columns: 1fr !important;

    gap: 28px;

  }


  .hero-text {

    max-width: 100%;

    text-align: center;

  }


  .hero-image img {

    width: 100% !important;

    max-width: 100%;

    height: auto;

  }


  .grid-2,

  .grid-3,

  .grid-5,

  .form-wrap {

    grid-template-columns: 1fr !important;

  }


  .card {

    padding: 20px;

  }


  .section .centered h2 {

    white-space: normal !important;

    max-width: 100% !important;

    font-size: 30px;

  }


  .quote {

    font-size: 1.12rem;

    line-height: 1.5;

  }


  .services-grid .card {

    height: auto;

    min-height: 0;

    max-height: none;

  }

}


@media (max-width: 760px) {

  .container {

    padding: 0 14px;

  }


  .nav-wrap {

    align-items: flex-start;

    flex-direction: column;

    padding-top: 12px;

    padding-bottom: 12px;

  }


  .site-nav {

    gap: 10px 12px;

    justify-content: flex-start;

    margin-left: 0;

  }


  .site-nav a {

    font-size: 0.74rem;

    letter-spacing: 0.04em;

  }


  .header-logo {

    height: 44px;

  }


  .page-kicker {

    font-size: 0.68rem;

    letter-spacing: 0.16em;

  }


  .page-hero h1,

  body .page-hero .container h1 {

    font-size: 30px !important;

  }


  p,

  .lead,

  body .page-hero .lead {

    font-size: 0.98rem !important;

    line-height: 1.65;

  }


  .card {

    padding: 18px;

  }


  .example-frame {

    min-height: auto;

  }


  .services-grid .card {

    height: auto;

    min-height: 0;

    max-height: none;

  }

}
/* =================================

   MOBILE DROPDOWN TIDY-UP

   ================================= */


@media (max-width: 760px) {


  .nav-dropdown {

    width: auto;

  }


  .dropdown-menu {

    min-width: 200px;

    max-width: calc(100vw - 32px);

    left: 0;

    right: auto;

    padding: 6px 0;

    border-radius: 12px;

  }


  .dropdown-menu a {

    padding: 8px 12px;

    font-size: 0.74rem;

    line-height: 1.35;

    white-space: normal;

  }


  .site-nav .nav-dropdown > a {

    font-size: 0.74rem;

  }

}
@media (max-width: 760px) {

  .dropdown-menu {

    min-width: 180px;

    max-width: calc(100vw - 28px);

  }


  .dropdown-menu a {

    padding: 7px 10px;

    font-size: 0.7rem;

  }

}
/* ===============================

   SERVICES DROPDOWN FINAL FRONT FIX

   =============================== */


@media (max-width: 760px) {


  .site-nav {

    position: relative;

    z-index: 1;

  }


  .site-nav > a,

  .site-nav > .nav-dropdown {

    position: relative;

    z-index: 1;

  }


  /* Services dropdown item only */

  .site-nav .nav-dropdown:first-of-type {

    position: relative;

    z-index: 10000;

  }


  .site-nav .nav-dropdown:first-of-type .dropdown-menu {

    position: absolute;

    z-index: 10001 !important;

    left: -55px;

    right: auto;

    background: #0b0f2b !important;

    backdrop-filter: none !important;

    -webkit-backdrop-filter: none !important;

  }


}
.home-intro{

max-width:900px;

margin:120px auto 0;

text-align:center;

}


.home-intro p{

text-align:center;

max-width:820px;

margin:0 auto;

}


.home-learn-wrap{

margin-top:18px;

}


.home-learn-box{

display:inline-block;

padding:8px 18px;

border:1px solid #c6a15b;

color:#c6a15b;

text-decoration:none;

font-size:14px;

letter-spacing:.08em;

transition:all .2s ease;

}


.home-learn-box:hover{

background:rgba(198,161,91,.08);

transform:translateY(-1px);

}


@media (max-width:768px){

.home-intro{

margin-top:90px;

}

}
.page-intro {
    max-width: 720px;
    margin-top: 18px;
    
}