#page {
max-width: 1400px;
margin: 0 auto;
}

#access {
    padding-right: 0;
}

#access div {
max-width: 100%;
width: 93.2%;
}

#access ul {
    display: flex;
    align-items: center;
    width: 100%;
}

#access li:last-child {
    margin-right: 0;
    
}

/* Prevent horizontal scrolling */
html, body {
    overflow-x: hidden;
    max-width: 100%;
}

/* Make all containers responsive */
.site,
.site-content,
.entry-content,
.content-area,
.container,
section,
div {
    max-width: 100%;
}

/* Fix images for mobile */
img {
    max-width: 100%;
    height: auto;
}

/* Fix portrait image frame */
.entry-content img {
    width: 100%;
}

/* Remove unwanted right spacing */
body {
    margin: 0;
    padding: 0;
}

/* Mobile specific adjustments */
@media (max-width: 768px) {

    .entry-content {
        padding-left: 0px;
        padding-right: 15px;
    }

}

/* ------------------------------------Remove navigation search element 
-------------------------------------*/
.only-search,
.only-search.with-image {
    display: none !important;
}

/* Wider content layout */

/* Make the main content full width */
#primary {
width: 100%;
margin: 0 auto;
}

/* Remove sidebar spacing */
#secondary {
display: none;
}

/* Expand the main column */
#content {
margin: 0 auto;
width: 100%;
}

/* Center sections */
.site-content {
margin-left: auto;
margin-right: auto;
}

/* Center main content when sidebar is removed */
.site-content,
.content-area,
.site-main {
margin-left: auto;
margin-right: auto;
width: 100%;
}

#secondary,
.sidebar {
display: none;
}

.content-area {
width: 100%;
}

/* Force perfect center alignment */
.center-text,
.gold-heading,
.review-section,
.hero-text {
text-align: center;
margin-left: auto;
margin-right: auto;
}

/* Ensure container centers correctly */
.review-section {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.review-carousel {
margin:0 auto;
max-width:1100px;
}

/* HIDE MENU ON MOBILE */

/* FORCE REMOVE NAVIGATION ON MOBILE */

@media (max-width: 768px) {

    #access {
        display: none !important;
    }
}

/*. Section Spacing & Padding */

section {
    padding:110px 30px;
}

/* =================================
Force Gold Mobile Navigation
================================= */

@media screen and (max-width:768px){

/* Hamburger icon */
button.menu-toggle {
    color:#d4af37 !important;
}

/* Dropdown menu background */
.main-navigation ul,
.main-navigation div ul {
    background:#0f0f0f !important;
}

/* Menu links */
.main-navigation ul li a,
.main-navigation li a {
    color:#d4af37 !important;
}

/* Tap / hover state */
.main-navigation ul li a:hover,
.main-navigation li a:hover {
    color:#ffffff !important;
    background:rgba(212,175,55,0.1) !important;
}

}

/*-------------------------------------Navigation Booking Button
-------------------------------------*/

.nav-book-btn {
    font-family: "Century Gothic";
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 10px 22px;
    color: #ffffff !important;
    text-decoration: none !important;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    background: #0b0b0b;
    border: 1px solid transparent;

    /* Metallic gold border */
    border-image: linear-gradient(
        135deg,
        #f8f1c9,
        #d4af37,
        #fff6d5,
        #d4af37,
        #f8f1c9
    ) 1;

    transition: all 0.35s ease;
    margin-left: 12px;
}

/* Gold shimmer */
.nav-book-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(212,175,55,0.35),
        transparent
    );
    transform: translateX(-100%);
    transition: transform 0.7s ease;
}

/* Gold fill hover */

.nav-book-btn::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        120deg,
        #f8f1c9,
        #d4af37,
        #fff6d5,
        #d4af37,
        #f8f1c9
    );
    background-size: 200% auto;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s ease;
    z-index: -1;
}

.nav-book-btn:hover::before {
    transform: translateX(100%);
}

.nav-book-btn:hover::after {
    transform: scaleX(1);
}

.nav-book-btn:hover {
    color: #000 !important;
    box-shadow:
        0 0 14px rgba(212,175,55,0.35),
        0 0 28px rgba(212,175,55,0.2);
}

/* Push booking button to far right */

nav ul {
    display: flex;
    align-items:center;
    width:100%;
}

nav ul li:last-child {
    margin-left: auto !important;
}


/* ----------------------------------
Luxury Frame for Navigation
-----------------------------------*/

.luxury-frame {
    display: inline-block;
    position: relative;
    padding: 4px;
    border-radius: 4px;
    background: linear-gradient(
        120deg,
        #f8f1c9,
        #d4af37,
        #fff6d5,
        #d4af37,
        #f8f1c9
    );
    background-size: 200% auto;
    animation: goldBorderMove 6s linear infinite;
}

/*------------------------------------
Luxury Frame for Images
-------------------------------------*/

.luxury-frame img {

    display: block;
    border-radius: 2px;
    width: 100%;
    height: auto;
}

@keyframes goldBorderMove {
    to {
        background-position: 200% center;
    }
}

/*-------------------------------------
Hero Image
-------------------------------------*/

.hero-image {
             height:80vh; /* controls height of the hero image */
             background-size:cover;
             background-position:center;
            background-repeat:no-repeat;
}

.hero-image + .hero-eyebrow {
          margin-top:0px;
}

/*-------------------------------------
Eyebrow, Headline & Font Formatting
-------------------------------------*/

.hero-eyebrow {
    display: inline-block;
    font-family:"Playfair Display";
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 8px 18px;
    margin-bottom: 22px;
    color: #ffffff;
    background: #0d0d0d;
    border-radius: 3px;
    position: relative;
}

.hero-luxury {
              position:relative;
              text-align:center;
             
}

/* Gold gradient border */
.hero-eyebrow::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 3px;
    background: linear-gradient(
        135deg,
        #f5e6a8,
        #d4af37,
        #fff3c4,
        #cfa335,
        #f5e6a8
    );
    z-index: -1;
}

.gold-diamond {
    width: 14px;
    height: 14px;
    margin: 20px auto;
    transform: rotate(45deg);
    position: relative;
    border-radius: 2px;

    background: linear-gradient(
        135deg,
        #f8f1c9,
        #d4af37,
        #fff6d5,
        #d4af37,
        #f8f1c9
    );

    background-size: 200% 200%;

    box-shadow:
        0 0 10px rgba(212,175,55,0.5),
        0 0 25px rgba(212,175,55,0.25);

    animation: diamondShimmer 5s linear infinite;
}

@keyframes diamondShimmer {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 200% 50%;
    }
}

/* Optional subtle glow */
.hero-eyebrow {
    box-shadow: 0 0 12px rgba(212,175,55,0.25);
}

h1.hero-title {
    display: inline-block;
    font-family: "Century Gothic", ;
    font-size: clamp(36px, 5vw, 64px);
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 1.7;
    padding: 12px 24px;
    margin-bottom: 20px;
    border-radius: 4px;

    /* Black background */
    background-color: #0b0b0b;

    /* Metallic gold gradient text */
    background-image: linear-gradient(
        120deg,
        #f8f1c9,
        #d4af37,
        #fff6d5,
        #d4af37,
        #f8f1c9
    );

    background-size: 200% auto;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    /* Subtle glow */
    text-shadow:
        0 1px 1px rgba(0,0,0,0.6),
        0 0 12px rgba(212,175,55,0.25);

    /* Shimmer animation */
    animation: goldShimmer 6s linear infinite;
}

@keyframes goldShimmer {
    to {
        background-position: 200% center;
    }
}

.gold-divider {
    width: 80px;
    height: 2px;
    margin: 24px auto 28px;
    border-radius: 2px;

   background: linear-gradient(
    90deg,
    transparent,
    #d4af37,
    #fff6d5,
    #d4af37,
    transparent
);

    background-size: 200% auto;

    box-shadow:
        0 0 10px rgba(212,175,55,0.35),
        0 0 20px rgba(212,175,55,0.15);

    animation: goldDividerShimmer 6s linear infinite;
}

@keyframes goldDividerShimmer {
    to {
        background-position: 200% center;
    }
}

h2.hero-subtitle {
    font-family:,"Raleway";
    font-size: 16px;
    font-weight:100px;
    line-height: 1.7;
    letter-spacing:4px;
    max-width: 640px;
    margin: 0px auto 32px;
    opacity: 0.95;
}

/* ------------------------------------
Luxury Button
-------------------------------------*/

.btn-luxury {
    display: inline-block;
    font-family: "Century Gothic";
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 14px 34px;
    color: #ffffff;
    text-decoration: none;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    background: #0b0b0b;
    border: 1px solid transparent;

    /* Metallic gold border */
    border-image: linear-gradient(
        135deg,
        #f8f1c9,
        #d4af37,
        #fff6d5,
        #d4af37,
        #f8f1c9
    ) 1;

    transition: all 0.4s ease;
}

/* Gold shimmer overlay */
.btn-luxury::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(212,175,55,0.35),
        transparent
    );
    transform: translateX(-100%);
    transition: transform 0.8s ease;
}

/* Metallic gold fill layer */
.btn-luxury::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        120deg,
        #f8f1c9,
        #d4af37,
        #fff6d5,
        #d4af37,
        #f8f1c9
    );
    background-size: 200% auto;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
    z-index: -1;
}

/* Hover shimmer movement */
.btn-luxury:hover::before {
    transform: translateX(100%);
}

/* Hover gold fill */
.btn-luxury:hover::after {
    transform: scaleX(1);
    animation: goldMove 3s linear infinite;
}

/* Text + glow */
.btn-luxury:hover {
    color: #000;
    box-shadow:
        0 0 18px rgba(212,175,55,0.35),
        0 0 35px rgba(212,175,55,0.2);
}

@keyframes goldMove {
    to {
        background-position: 200% center;
    }
}

.cta-trust-soft {
    font-family: "Century Gothic";
    font-size: 12px;
    letter-spacing: 0.4px;
    color: rgba(255,255,255,0.65);
    margin-top: 12px;
    text-align: center;
}

/* ------------------------------------
Client Experiences Section
-------------------------------------*/

.review-section {
    background: #0f0f0f;
    color: #ffffff;
    padding: 40px 40px;
    text-align: center;
    font-family: "Century Gothic";
}

/* =====================================================
   METALLIC GOLD HEADING — CLIENT EXPERIENCES
===================================================== */

h2.gold-heading {
    font-family: "Century Gothic";
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 18px;

    background: linear-gradient(
        120deg,
        #f8f1c9,
        #d4af37,
        #fff6d5,
        #d4af37,
        #f8f1c9
    );

    background-size: 200% auto;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    text-shadow:
        0 1px 1px rgba(0,0,0,0.6),
        0 0 12px rgba(212,175,55,0.25);

    animation: goldShimmer 6s linear infinite;
}

@keyframes goldShimmer {
    to {
        background-position: 200% center;
    }
}

/*-------------------------------------
Mobile Optimisation for Gold Heading
------------------------------------*/

@media (max-width: 768px) {
    .gold-heading {
        letter-spacing: 1.5px;
    }
}

/*------------------------------------
Gold Heading Divider
-------------------------------------*/

.gold-heading-divider {
    width: 70px;
    height: 2px;
    margin: 12px auto 30px;
    background: linear-gradient(
        90deg,
        transparent,
        #d4af37,
        transparent
    );
}

.review-divider {
    width: 60px;
    height: 2px;
    margin: 20px auto 50px;
    background: linear-gradient(90deg, transparent, #d4af37, transparent);
}

.review-carousel {
    max-width: 900px;
    height:auto;
    margin: auto;
    position: relative;
    overflow: hidden;
}

.review-track {
    display: flex;
    transition: transform 0.6s ease;
}

.review-card {
    min-width: 100%;
    padding: 30px;
    box-sizing: border-box;
}

.review-stars {
    color: #d4af37;
    font-size: 18px;
    margin-bottom: 20px;
}

.review-text {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 20px;
    opacity: 0.9;
}

.review-name {
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    opacity: 0.7;
}

/* Navigation Dots */

.review-dots {
    margin-top: 30px;
    margin-bottom:30px;
    text-align:center;
}

.review-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #555;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
}

.review-dot.active {
    background: #d4af37;
}

/* mobile optimisation */

/* Review carousel alignment on mobile */

@media (max-width: 768px) {

.review-carousel {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
}

.review-card {
    padding-left: 0;
    padding-right: 0;
}

}

  .testimonial-carousel h4,
  .review-carousel h4 {

    font-size: 16px;
  }

}

/* =====================================================
   LUXURY METALLIC GOLD HEADING
   YOUR PORTRAIT EXPERIENCE
===================================================== */

h2.gold-heading-experience {
    font-family: "Century Gothic";
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 14px;

    background: linear-gradient(
        120deg,
        #f8f1c9,
        #d4af37,
        #fff6d5,
        #d4af37,
        #f8f1c9
    );

    background-size: 200% auto;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    text-shadow:
        0 1px 1px rgba(0,0,0,0.6),
        0 0 14px rgba(212,175,55,0.25);

    animation: goldShimmerExperience 6s linear infinite;
}

@keyframes goldShimmerExperience {
    to {
        background-position: 200% center;
    }
}

/* -----------------------------------
Mobile Optimisation
-------------------------------------*/

@media (max-width: 768px) {
    .gold-heading-experience {
        letter-spacing: 1.5px;
    }
}

/* Experience Subtitle */

/* Slightly softer version */
.experience-subtitle-soft {
    font-family: "Century Gothic";
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: 0.3px;
    color: rgba(255,255,255,0.7);
    text-align: center;
    max-width: 580px;
    margin: 0 auto 28px;
}


/* ------------------------------------
Mobile Optimisation
-------------------------------------*/

@media (max-width: 768px) {
    .experience-subtitle {
        font-size: 15px;
        padding: 0 14px;
    }
}

/* =====================================================
   EXPERIENCE SECTION CONTAINER
===================================================== */

.experience-section {
    padding: 80px 20px;
    text-align: center;
    background: #0b0b0b;
    color: #ffffff;
}

/* Optional lighter background version */
.experience-section-light {
    background: #111;
}


/* =====================================================
   EXPERIENCE PARAGRAPH TEXT
===================================================== */

.experience-text {
    font-family: "Century Gothic";
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.2px;
    color: rgba(255,255,255,0.85);
    max-width: 640px;
    margin: 0 auto 28px;
}


/* =====================================================
   EXPERIENCE STEPS WRAPPER
===================================================== */

.experience-steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    margin-top: 40px;
}


/* =====================================================
   INDIVIDUAL STEP CARD
===================================================== */

.experience-step {
    max-width: 260px;
    text-align: center;
    padding: 10px;
}


/* =====================================================
   STEP NUMBER / ICON
===================================================== */

.step-number {
    font-family: "Century Gothic", Verdana, sans-serif;
    font-size: 22px;
    letter-spacing: 2px;
    margin-bottom: 12px;

    background: linear-gradient(
        120deg,
        #f8f1c9,
        #d4af37,
        #fff6d5,
        #d4af37,
        #f8f1c9
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* =====================================================
   STEP TITLE
===================================================== */

.step-title {
    font-family: "Century Gothic", Verdana, sans-serif;
    font-size: 16px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 10px;
}


/* =====================================================
   STEP DESCRIPTION
===================================================== */

.step-description {
    font-family: "Century Gothic", Verdana, sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: rgba(255,255,255,0.75);
}


/* =====================================================
   OPTIONAL GOLD DIVIDER BETWEEN SECTIONS
===================================================== */

.experience-divider {
    width: 70px;
    height: 2px;
    margin: 40px auto;
    background: linear-gradient(
        90deg,
        transparent,
        #d4af37,
        transparent
    );
}


/* =====================================================
   MOBILE RESPONSIVE
===================================================== */

@media (max-width: 768px) {

    .experience-section {
        padding: 60px 20px;
    }

    .experience-steps {
        gap: 28px;
    }

    .experience-step {
        max-width: 100%;
    }

    .experience-text {
        font-size: 15px;
    }

}

/* =====================================================
   LUXURY SUBTLE CARD — EXPERIENCE SECTION
===================================================== */

.luxury-card {
    background: rgba(20, 20, 20, 0.85);
    border-radius: 6px;
    padding: 32px 28px;
    max-width: 320px;
    margin: 0 auto;
    text-align: center;
    position: relative;

    box-shadow:
        0 10px 30px rgba(0,0,0,0.35),
        0 0 0 1px rgba(255,255,255,0.03);

    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.luxury-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 2px;
    background: linear-gradient(
        90deg,
        transparent,
        #d4af37,
        transparent
    );
}

.step-number {
    font-family: "Century Gothic";
    font-size: 22px;
    letter-spacing: 2px;
    margin-bottom: 12px;

    background: linear-gradient(
        120deg,
        #f8f1c9,
        #d4af37,
        #fff6d5
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.step-title {
    font-family: "Century Gothic";
    font-size: 16px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.step-description {
    font-family: "Century Gothic";
    font-size: 15px;
    line-height: 1.6;
    color: rgba(255,255,255,0.75);
}
/* -- Mobile Optimisation --*/

@media (max-width: 768px) {

    .luxury-card {
        max-width: 100%;
        padding: 26px 22px;
    }

}

/* Hover lift (very subtle luxury) */
.luxury-card:hover {
    transform: translateY(-4px);
    box-shadow:
        0 18px 40px rgba(0,0,0,0.45),
        0 0 0 1px rgba(212,175,55,0.15);
}

/* =====================================================
   EXPERIENCE CLOSING SECTION
   (After Experience Steps)
===================================================== */

.experience-closing {
    text-align: center;
    max-width: 720px;
    margin: 60px auto 0;
    padding: 0 20px;
}

/* First emotional paragraph */
.experience-closing-intro {
    font-family: "Century Gothic";
    font-size: 17px;
    line-height: 1.75;
    letter-spacing: 0.2px;
    color: rgba(255,255,255,0.9);
    margin-bottom: 30px;
}

/* CTA wrapper spacing */
.experience-cta {
    margin: 30px 0 40px;
}

/* Reassurance paragraphs */
.experience-closing-text {
    font-family: "Century Gothic";
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.2px;
    color: rgba(255,255,255,0.78);
    margin-bottom: 22px;
}

/* Optional gold divider before CTA */
.experience-divider-small {
    width: 60px;
    height: 2px;
    margin: 28px auto;
    background: linear-gradient(
        90deg,
        transparent,
        #d4af37,
        transparent
    );
}


/*-------------------------------------Mobile Optimisation
-------------------------------------*/

@media (max-width: 768px) {

    .experience-closing {
        margin: 40px auto 0;
    }

    .experience-closing-intro {
        font-size: 15px;
    }

    .experience-closing-text {
        font-size: 14.5px;
    }

}
/* =====================================================
   MEET ADAM SECTION CONTAINER
===================================================== */

/* ===== MEET ADAM SECTION ===== */

.meet-adam {
    padding: 100px 20px;
    background: #0d0d0d;
}

/* ===== ADAM BRAND METALLIC HEADING ===== */

h2.meet-adam-metallic {
font-family: "Century Gothic";
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 14px;

    background: linear-gradient(
        120deg,
        #f8f1c9,
        #d4af37,
        #fff6d5,
        #d4af37,
        #f8f1c9
    );

    background-size: 200% auto;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    text-shadow:
        0 1px 1px rgba(0,0,0,0.6),
        0 0 14px rgba(212,175,55,0.25);

    animation: goldShimmerExperience 6s linear infinite;
}

/* Subtle shimmer animation */

@keyframes adamShimmer {
    0% { background-position: 0% center; }
    50% { background-position: 100% center; }
    100% { background-position: 0% center; }
}


.meet-adam-container {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

/* ===== IMAGE ===== */

.meet-adam-image img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.12);
    transition: transform 0.4s ease;
}

.meet-adam-image img:hover {
    transform: scale(1.02);
}

/* ===== CONTENT ===== */


.meet-intro {
    font-family:"Raleway";
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 25px;
    color: #999;
}

.meet-adam-content p {
    font-family:"Raleway";
    font-size: 17px;
    line-height: 1.7;
    color: #999;
    margin-bottom: 20px;
}

/*------------------------------------
Meet Adam CTA
------------------------------------*/
/* CENTER CTA UNDER IMAGE + TEXT */

.meet-adam-cta {
    text-align: center;
    margin-top: 60px;
}

/* ===== MOBILE ===== */

@media (max-width: 900px) {

    .meet-adam-container {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .meet-adam {
        padding: 80px 40px;
    }

    .meet-adam-content h2 {
        font-size: 28px;
    }

    .meet-intro {
        font-size: 18px;
    }
}

@media (max-width: 768px) {

    .lux-about-image-wrap {
        margin-top: 25px;
        margin-bottom: 25px;
        position: relative;
        z-index: 1;
    }

    .lux-about-image {
        display: block;
        margin: 0 auto;
    }

}

/* ===== WHY CHOOSE ADAM ===== */

.why-adam {
    padding: 100px 20px;
    background: #0d0d0d;
}

.why-adam-container {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

/* HEADING */

h2.why-heading {
font-family: "Century Gothic";
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 14px;

    background: linear-gradient(
        120deg,
        #f8f1c9,
        #d4af37,
        #fff6d5,
        #d4af37,
        #f8f1c9
    );

    background-size: 200% auto;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    text-shadow:
        0 1px 1px rgba(0,0,0,0.6),
        0 0 14px rgba(212,175,55,0.25);

    animation: goldShimmerExperience 6s linear infinite;
}

/* GOLD DIVIDER */

.why-heading::after {
    content: "";
    display: block;
    width: 60px;
    height: 1px;
    margin: 18px auto 0;
    background: linear-gradient(90deg, #c6a86b, transparent);
}

/* LIST */

.why-list {
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
}

.why-list li {
    font-size: 17px;
    color: #777;
    margin-bottom: 18px;
    position: relative;
    padding-left: 28px;
    text-align: left;
}

/* GOLD CHECK ICON */

.why-list li::before {
    content: "✦";
    position: absolute;
    left: 0;
    top: 0;
    color: #c6a86b;
    font-size: 14px;
}

/* SUPPORT TEXT */

.why-text {
    max-width: 700px;
    margin: 0 auto 40px auto;
}

.why-text p {
    font-size: 17px;
    line-height: 1.7;
    color: #777;
    margin-bottom: 18px;
}


/* -----------------------------------
Mobile Optimisation
------------------------------------*/

@media (max-width: 768px) {

    .why-adam {
        padding: 70px 20px;
    }

    .why-heading {
        font-size: 24px;
    }

    .why-list li {
        font-size: 16px;
    }
}

/* CTA */

.why-cta {
    margin-top: 30px;
}

/* ===== GOLD DIVIDER ABOVE FOOTER ===== */

.footer-divider {
    width: 100%;
    max-width: 1200px;
    height: 1px;
    margin: 80px auto 0;
    
    background: linear-gradient(
        90deg,
        transparent,
        #c6a86b,
        #f0e2b6,
        #c6a86b,
        transparent
    );
    
    opacity: 0.9;
}

/* ===== FOOTER BRAND ===== */


.footer-brand {
    text-align: center;
    padding: 60px 20px 40px;
}

/* LOGO */

.footer-logo {
    max-width: 180px;
    height: auto;
    margin-bottom: 20px;
    border:0px;
}

/* TAGLINE */

.footer-tagline {
    font-size: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 300;
    color: #c6a86b;
    margin-bottom: 25px;
}

/* TRUST ITEMS */

/* FOOTER CREDENTIALS */

.footer-credentials {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 18px;
    font-size: 13px;
    letter-spacing: 1px;
    color: #777;
}

/* SPACING */

.footer-credentials span {
    position: relative;
    padding: 0 18px;
}

/* GOLD DIAMOND */

.footer-credentials span::after {
    content: "✦";
    position: absolute;
    right: -10px;
    top: 0;

    text-shadow:
        0 0 6px rgba(198,168,107,0.4),
        0 0 12px rgba(198,168,107,0.2);
}
    
    font-size: 12px;
    
    background: linear-gradient(
        120deg,
        #c6a86b,
        #f5e6b3,
        #ffffff,
        #c6a86b
    );
    
    background-size: 200% auto;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;

    animation: diamondShimmer 4s linear infinite;
}

/* REMOVE LAST DIAMOND */

.footer-credentials span:last-child::after {
    display: none;
}

/* SHIMMER ANIMATION */

@keyframes diamondShimmer {
    0% { background-position: 0% center; }
    100% { background-position: 200% center; }
}

/* SEPARATORS */

.footer-credentials span {
    position: relative;
    padding: 0 12px;
}

.footer-credentials span::after {
    content: "•";
    position: absolute;
    right: -12px;
    color: #c6a86b;
}

.footer-credentials span:last-child::after {
    display: none;
}

/*------------------------------------
Mobile Optimisation
-------------------------------------*/

@media (max-width: 768px) {

    .footer-tagline {
        font-size: 15px;
        letter-spacing: 1.5px;
    }

    .footer-credentials {
        flex-direction: column;
        gap: 6px;
    }

    .footer-credentials span::after {
        display: none;
    }

}

/* Portfolio Section */

.lux-portfolio-section {
    max-width: 900px;
    margin: 0 auto;
    padding: 100px 30px 60px;
    text-align: center;
}


/* Title */

h2.lux-portfolio-title {
    font-family: "Century Gothic";
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 18px;

    background: linear-gradient(
        120deg,
        #f8f1c9,
        #d4af37,
        #fff6d5,
        #d4af37,
        #f8f1c9
    );

    background-size: 200% auto;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    text-shadow:
        0 1px 1px rgba(0,0,0,0.6),
        0 0 12px rgba(212,175,55,0.25);

    animation: goldShimmer 6s linear infinite;
}

@keyframes goldShimmer {
    to {
        background-position: 200% center;
    }
}


/* Divider */

.lux-divider {
    width: 60px;
    height: 2px;
    margin: 0 auto 35px;
    
    background: linear-gradient(
        90deg,
        #c6a769,
        #f1e5c9,
        #c6a769
    );
}


/* Body Text */

.lux-portfolio-text {
    font-family: "Lato";
    font-size: 17px;
    line-height: 1.8;
    color: #ffffff;
    margin-bottom: 22px;
}


/* Highlight Statement */

.lux-portfolio-highlight {
    font-family: "Playfair Display";
    font-size: 20px;
    font-style: italic;
    letter-spacing: 0.5px;
    color: #ffffff;
    margin-top: 30px;
}


/* Subtle Fade-In Animation */

.lux-portfolio-intro {
    opacity: 0;
    transform: translateY(20px);
    animation: luxFadeUp 1.2s ease forwards;
}


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

/* ===== PORTFOLIO GRID ===== */

/* Portfolio Section */

.lux-portfolio {
    max-width: 1100px;
    margin: 0 auto;
    padding: 80px 30px;
}


/* Grid Layout */

.lux-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}


/* Individual Items */

.lux-item {
    position: relative;
    overflow: hidden;
    background: #111;
}


.lux-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    
    transform: scale(1);
    transition: transform 0.8s ease, opacity 0.6s ease;
}


/* Luxury Hover Effect */

.lux-item::after {
    content: "";
    position: absolute;
    inset: 0;
    
    background: rgba(0,0,0,0.15);
    opacity: 0;
    transition: opacity 0.6s ease;
}


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


.lux-item:hover::after {
    opacity: 1;
}

.portfolio-cta {
    text-align: center;
    margin-top: 60px;
}

@media (max-width: 1024px) {

    .lux-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

}

/* ------------------------------------
Mobile Optimisation
-------------------------------------*/

@media (max-width: 768px) {

    .lux-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .lux-portfolio {
        padding: 50px 20px;
    }

}
/*-------------------------------------
Portrait Experience Page
-------------------------------------*/

/* General */

.lux-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 80px 30px;
    background:#000;
}


/* Hero */

.lux-experience-hero {
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #101010;
    color: white;
}

h1.lux-experience-title {
    font-family: "Playfair Display";
    font-size: 48px;
    font-weight: 400;
    letter-spacing: 1px;

    background: linear-gradient(
        120deg,
        #f8f1c9, 
        #d4af37, 
        #fff6d5, 
        #d4af37, 
        #f8f1c9 
    );

    background-size: 200% auto;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    animation: goldShimmer 6s linear infinite;
}


/* Animation Movement */

@keyframes goldShimmer {
    0% {
        background-position: 0% center;
    }
    100% {
        background-position: 200% center;
    }
}

.lux-experience-title {
    text-shadow:
        0 0 1px rgba(198,167,105,0.3),
        0 0 8px rgba(198,167,105,0.15);
}

.lux-experience-title:hover {
    animation-duration: 2.5s;
}

/* -- Mobile Optimisation --*/

@media (max-width: 768px) {
    .lux-experience-title {
        animation: goldShimmer 10s linear infinite;
    }
}

p.lux-experience-subtitle {
    font-family:"century Gothic";
    margin-top: 15px;
    font-size: 18px;
    letter-spacing: 1px;
    opacity: 0.85;
    color:#fff;
}


/* Intro */

.lux-lead {
    font-family:"Lato";
    font-size: 20px;
    line-height: 1.8;
    color: #ffffff;
    margin-bottom: 25px;
}


/* Section Titles */

h2.lux-section-title {
    font-family: "Playfair Display";
    font-size: 36px;
    text-align: center;
}

.lux-divider {
    width: 60px;
    height: 2px;
    background: linear-gradient(90deg, #c6a769, #f1e5c9, #c6a769);
    margin: 20px auto 40px;
}


/* Features */

.lux-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
}

.lux-feature h3 {
    font-family:"Playfair Display";
    color:#d2ac47;
    margin-bottom: 10px;
    text-align:center;
}

.lux-feature p {
    font-family:"lato";
    margin-bottom:10px;
}


/* Process Steps */

.lux-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    text-align: center;
}

.lux-step span {
    font-family:"Lato";
    font-size: 28px;
    color: #c6a769;
    display: block;
    margin-bottom: 10px;
}

.lux-step h3{
    font-family:"Playfair Display";
    font-size:13px;
    text-align:center;
    line-spacing:0.08;
    margin-bottom:10px;
}

.lux-step p{
    font-family:"Lato";
    font-size:11px;
    text-align:center;
    margin-bottom:10px;
}



/* Reassurance */

.lux-reassurance {
    background: #101010;
    font-size:14px;
    font-family:"Lato";
    text-align: center;
}

.lux-highlight {
    font-family: "Lato";
    font-style: italic;
    margin-top: 20px;
    font-size: 20px;
    text-align:center;
    color:#efefef;
}


/* CTA */

.lux-cta {
    text-align: center;
}




/*-------------------------------------
Mobile Optimisation
-------------------------------------*/

@media (max-width: 768px) {

    .lux-features,
    .lux-steps {
        grid-template-columns: 1fr;
    }

    .lux-experience-title {
        font-size: 34px;
    }

    .lux-section-title {
        font-size: 28px;
    }

}
/* ------------------------------------
Client Experiences Page
-------------------------------------*/

.lux-review-section {
  padding: 80px 20px;
  background: #0d0d0d;
  color: #fff;
}

.lux-review-title {
  font-size: 32px;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

.lux-review-subtitle {
  color: #cfcfcf;
  margin-bottom: 50px;
}

.lux-review-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  max-width: 1100px;
  margin: auto;
}

.lux-review-card {
  background: #111;
  padding: 30px;
  border-radius: 6px;
  border: 1px solid rgba(212,175,55,0.3);
  transition: 0.3s;
}

.lux-review-card:hover {
  transform: translateY(-5px);
  border-color: #d4af37;
}

.lux-stars {
  color: #d4af37;
  font-size: 20px;
  margin-bottom: 15px;
  letter-spacing: 3px;
}

.lux-review-text {
  font-size: 15px;
  line-height: 1.6;
  color: #eaeaea;
  margin-bottom: 20px;
}

.lux-review-author {
  font-size: 14px;
  color: #aaa;
  letter-spacing: 1px;
}

.lux-review-btn {
  display: inline-block;
  margin-top: 40px;
  padding: 14px 32px;
  color: #d4af37;
  border: 1px solid #d4af37;
  text-decoration: none;
  letter-spacing: 2px;
  font-size: 13px;
  transition: 0.3s;
}

.lux-review-btn:hover {
  background: linear-gradient(135deg, #d4af37, #f1d77a);
  color: #000;
}

/*=====================================ABOUT PAGE
=====================================*/
/* Image Wrapper */

.lux-about-image-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.lux-about-image {
    width: 240px;
    height: 240px;
    object-fit: cover;
    border-radius: 50%;
    position: relative;
    z-index: 2;
}



/* Main Section */

.lux-about {
    padding: 100px 30px;
    background: #101010;
}

.lux-about-alt {
    padding: 100px 30px;
    background: #121212;
}


/* Container */

.lux-about-container {
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
}


/* Title */

h1.lux-about-title {
    font-family: "Playfair Display";
    font-size: 44px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.gold-animate {

    background: linear-gradient(
        120deg,
        #7a5c1e 0%,
        #c6a769 20%,
        #f5e7c2 40%,
        #c6a769 60%,
        #7a5c1e 80%
    );

    background-size: 200% auto;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    animation: goldShimmer 6s linear infinite;
}

.gold-animate {
    text-shadow:
        0 0 1px rgba(198,167,105,0.4),
        0 0 10px rgba(198,167,105,0.15);
}


/* Tagline */

.lux-about-tagline {
    font-family: "Lato";
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 1px;
    color: #fefefe;
    margin-bottom: 30px;
}

/* Mobile Optimisation */

@media (max-width: 768px) {
    .gold-animate {
        animation: goldShimmer 10s linear infinite;
    }
}


/* Section Headings */

h2.lux-section-heading {
    font-family: "Playfair Display";
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 0.8px;
    color: #efefef;
    margin-bottom: 15px;
}

/* Divider */

.lux-divider {
    width: 60px;
    height: 2px;
    margin: 0 auto 40px;

    background: linear-gradient(
        90deg,
        #c6a769,
        #f1e5c9,
        #c6a769
    );
}



/* Body Text */

.lux-about-text {
    font-family: "Playfair Display";
    font-size: 17px;
    line-height: 1.9;
    color: #ffffff;
    font-weight: 300;
}

.lux-about-text p {
    margin-bottom: 22px;
    font-family:"Playfair Display";
    color:#ffffff;
}

.lux-list {
    list-style: none;
    padding: 0;
    margin: 30px 0;
}

.lux-list li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 14px;
    font-family: "Lato";
    font-size: 17px;
    color: #efefef;
}


/* Gold Diamond */

.lux-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    
    width: 10px;
    height: 10px;
    
    background: linear-gradient(
        135deg,
        #7a5c1e,
        #c6a769,
        #f5e7c2,
        #c6a769
    );

    transform: rotate(45deg);
    
    box-shadow: 0 0 6px rgba(198,167,105,0.4);
}


/* Subtle Fade Animation */

.lux-about-container {
    opacity: 0;
    transform: translateY(20px);
    animation: luxFadeUp 1.2s ease forwards;
}

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

@media (max-width: 768px) {

    .lux-about {
        padding: 70px 20px;
    }

    .lux-about-alt {
        padding: 70px 20px;
    }

    .lux-about-title {
        font-size: 32px;
    }

    .lux-section-heading {
        font-size: 26px;
    }

    .lux-about-text {
        font-size: 16px;
    }

}

/*-------------------------------------
Booking Form
-------------------------------------*/

.luxury-form-container {
    background: #000;
    padding: 60px 60px 20px 30px;
    max-width: 1000px;
    margin: auto;
    border: 1px solid #c6a45a;
}

.luxury-form h2 {
    color: #faf397;
    font-size: 22pt;
    font-family: century gothic, verdana, sans serif;
    text-align: center;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.luxury-subtext {
    color: #ccc;
    font-size:12pt;
    font-family: century gothic, verdana, sans serif;
    text-align: center;
    margin-bottom: 30px;
}

.luxury-form label {
    color: #d4af37;
    display: block;
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 12pt;
}

.luxury-form input,
.luxury-form textarea,
.luxury-form select {
    width: 100%;
    padding: 12px;
    background: #111;
    border: 1px solid #444;
    color: #fff;
    font-size: 15px;
    border-radius: 2px;
}

.luxury-form input:focus,
.luxury-form textarea:focus,
.luxury-form select:focus {
    outline: none;
    border-color: #d4af37;
}

.luxury-form button {
    margin-left:15px;
    margin-top: 30px;
    width: 100%;
    padding: 16px;
    background: #000;
    border: 1px solid #d4af37;
    color: #d4af37;
    font-size: 16px;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.luxury-form button:hover {
    background: #d4af37;
    color: #000;
}

/* ================================
   CONSULTATION PAGE — LUXURY STYLE
   Adam J New Photography
================================ */

/* Page Container */
.consultation-page {
    max-width: 820px;
    margin: 0 auto;
    padding: 80px 24px;
    font-family: "Lato";
    color: #efefef;
    line-height: 1.8;
}

/* Headings */
.consultation-page h1 {
    font-family: "Century Gothic";
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 14px;

    background: linear-gradient(
        120deg,
        #f8f1c9,
        #d4af37,
        #fff6d5,
        #d4af37,
        #f8f1c9
    );

    background-size: 200% auto;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    text-shadow:
        0 1px 1px rgba(0,0,0,0.6),
        0 0 14px rgba(212,175,55,0.25);

    animation: goldShimmerExperience 6s linear infinite;
}
.consultation-page h2 {
    font-size: 26px;
    font-family:"Century Gothic";
    font-weight: 300;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-top: 60px;
    margin-bottom: 20px;
    color: #ffffff;
    position: relative;
}

/* Gold Divider Under Headings */
.consultation-page h2::after {
    content: "";
    display: block;
    width: 60px;
    height: 1px;
    margin-top: 14px;
    background: linear-gradient(90deg, #c6a85a, #f1e2b8, #c6a85a);
}

/* Paragraphs */
.consultation-page p {
    font-size: 17px;
    margin-bottom: 20px;
    color: #ffffff;
}

/* Introduction Highlight */
.consultation-intro {
    text-align: center;
    font-size: 18px;
    color: #555;
    margin-bottom: 40px;
}

/* Luxury Bullet List */
.consultation-list {
    list-style: none;
    padding: 0;
    margin: 30px 0;
}

.consultation-list li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 14px;
    font-size: 16px;
    color: #ffffff;
}

/* Gold Diamond Bullet */
.consultation-list li::before {
    content: "◆";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    color: #c6a85a;
}

/* Highlight Section Box */
.consultation-highlight {
    background: #fafafa;
    border: 1px solid #eee;
    padding: 40px;
    margin: 50px 0;
    text-align: center;
}

/* Boutique Studio Section */
.consultation-boutique {
    margin-top: 50px;
}

/* CTA Section */
.consultation-cta {
    text-align: center;
    margin-top: 70px;
}


/* Mobile Optimisation */
@media (max-width: 768px) {

    .consultation-page {
        padding: 50px 20px;
    }

    .consultation-page h1 {
        font-size: 30px;
    }

    .consultation-page h2 {
        font-size: 22px;
    }

}

/* Consultation page booking section */

.consultation-booking {
    max-width: 900px;
    margin: 80px auto;
    padding: 0 20px;
    text-align: center;
}

/* Heading styling */

.consultation-booking h1 {
    font-family: "Playfair Display", serif;
    font-size: 36px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

/* Intro text */

.consultation-booking p.intro {
    font-size: 18px;
    line-height: 1.6;
    max-width: 640px;
    margin: 0 auto 40px auto;
    color: #555;
}

/* Calendly widget spacing */

.calendly-inline-widget {
    margin: 40px auto;
    max-width: 900px;
}

/* Subtle system notice */

.booking-note {
    font-size: 13px;
    color: #888;
    margin-top: 25px;
    font-style: italic;
}

/* Center the Calendly widget container */

.calendly-inline-widget {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
}

/* Tablet adjustments */

@media (max-width: 1024px) {
    .calendly-inline-widget {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Mobile adjustments */

@media (max-width: 768px) {
    .calendly-inline-widget {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

.portrait-investment {

  padding: 90px 20px;
  background:#101010;
  text-align: center;

}

.investment-container {

  max-width: 720px;
  margin: 0 auto;

}

.portrait-investment h2 {

  font-size: 28px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 25px;

}

.investment-lead {

  font-size: 20px;
  margin-bottom: 20px;

}

.investment-price {

  color: #C6A75C;
  font-weight: 600;

}

/* investment paragraph */

.portrait-investment p {

  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 15px;

}

.investment-note {

  font-style: italic;
  opacity: 0.8;

}

/* Thank You Page */

.thankyou-page {
    max-width: 720px;
    margin: 0 auto;
    padding: 100px 24px;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #2b2b2b;
}

/* Heading */
.thankyou-page h1 {
    font-size: 38px;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #111;
}

/* Gold Divider */
.thankyou-divider {
    width: 60px;
    height: 1px;
    margin: 30px auto;
    background: linear-gradient(90deg, #c6a85a, #f1e2b8, #c6a85a);
}

/* Paragraph */
.thankyou-page p {
    font-size: 17px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 20px;
}

/* Signature */
.thankyou-signature {
    margin-top: 30px;
    font-style: italic;
    color: #888;
}

/* Next Steps Box */
.thankyou-steps {
    margin-top: 50px;
    padding: 40px;
    border: 1px solid #eee;
    background: #fafafa;
}

.thankyou-steps ul {
    list-style: none;
    padding: 0;
}

.thankyou-steps li {
    margin-bottom: 12px;
    position: relative;
    padding-left: 24px;
}

.thankyou-steps li::before {
    content: "◆";
    position: absolute;
    left: 0;
    color: #c6a85a;
    font-size: 12px;
}

/* Button */
.thankyou-button a {
    display: inline-block;
    margin-top: 30px;
    padding: 14px 32px;
    border: 1px solid #c6a85a;
    text-decoration: none;
    color: #111;
    letter-spacing: 2px;
    font-size: 13px;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.thankyou-button a:hover {
    background: #c6a85a;
    color: #fff;
}

/* Mobile */
@media (max-width: 768px) {

    .thankyou-page {
        padding: 70px 20px;
    }

    .thankyou-page h1 {
        font-size: 28px;
    }

}

.enquiry-hero {
    padding: 120px 20px 80px;
    text-align: center;
    background-color: #101010;
}

.enquiry-hero h1 {
    font-family: "Playfair Display";
    font-size: 48px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 25px;

    background: linear-gradient(
        120deg,
        #b68d2c 0%,
        #e6c766 25%,
        #fff3b0 45%,
        #e6c766 65%,
        #b68d2c 100%
    );

    background-size: 200% auto;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;

    animation: goldShimmer 4s linear infinite;
}

@keyframes goldShimmer {
    to {
        background-position: 200% center;
    }
}

.enquiry-hero p {
    font-family: "Lato";
    font-size: 18px;
    font-weight: 300;
    line-height: 1.8;
    max-width: 720px;
    margin: 0 auto;
    color: #afafaf;
}

/* Optional subtle gold divider */

.enquiry-divider {
    width: 60px;
    height: 2px;
    background: linear-gradient(to right, #c6a74e, #e8d48a, #c6a74e);
    margin: 40px auto 0;
}

/* mobile optimisation */

@media (max-width: 768px) {

    .enquiry-hero {
        padding: 80px 20px 60px;
    }

    .enquiry-hero h1 {
        font-size: 32px;
        letter-spacing: 1px;
    }

    .enquiry-hero p {
        font-size: 16px;
    }
}

body.page-id-12378 #access,
body.page-id-12378 nav[role="navigation"] {
    display: none !important;