/*
 Theme Name:   Landmark Group Luxury Child Theme
 Theme URI:    https://landmarkgroupbd.com
 Description:  Custom luxury real estate child theme for Landmark Group Bangladesh
 Author:       Landmark Group Bangladesh
 Author URI:   https://landmarkgroupbd.com
 Template:     twentytwentyfour
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  landmark-child
*/

/* ============================================
   LANDMARK GROUP BANGLADESH - DESIGN SYSTEM
   ============================================ */

/* --- Web Fonts: Sofia Pro --- */
@font-face {
    font-family: 'Sofia Pro';
    src: url('assets/fonts/SofiaPro-Bold.woff2') format('woff2');
    font-weight: bold;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('assets/fonts/SofiaPro-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* --- CSS Variables / Design Tokens --- */
:root {
    /* Brand Colors - Landmark Group Luxury Design System (Matched to Logo #30865F) */
    --landmark-primary: #30865F;
    --landmark-primary-rgb: 48, 134, 95;
    --landmark-primary-hover: #256B4B;
    --landmark-primary-light: #EAF5EF;
    --landmark-navy-dark: #1B4D36;
    --landmark-navy-deep: #123827;
    --landmark-gold: #c29b38;
    --landmark-accent: #30865F;
    --landmark-bg-light: #f5f8f6;
    --landmark-bg-dark: #0d281c;
    --landmark-text-dark: #1a1d1b;
    --landmark-text-body: #555555;
    --landmark-white: #ffffff;
    --landmark-border: #dfebe3;
    --landmark-overlay: rgba(13, 40, 28, 0.88);

    /* Typography */
    --font-primary: 'Poppins', sans-serif;
    --font-heading: 'Poppins', sans-serif;

    /* Spacing */
    --section-padding: 80px;
    --section-padding-lg: 100px;
    --container-width: 1200px;

    /* Transitions */
    --transition-base: all 0.3s ease;
    --transition-slow: all 0.6s ease;
    --transition-anim: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* --- Reset & Base --- */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.65;
    color: #1B1D1D;
    background-color: var(--landmark-white);
    overflow-x: hidden;
}

/* Universal Typography Enforcement - Ensures All Content Across The Site Uses The Exact Same Font */
h1, h2, h3, h4, h5, h6,
.Title, .subTitle, p, a, span, button, input, textarea, select, label,
table, th, td, ul, li,
.h_title, .p_title,
.landmark-cinematic-hero__title, .landmark-cinematic-hero__subtitle,
.landmark-section-header, .navana-section-header h2, .landmark-section-header, .navana-section-header h3, .landmark-section-header, .navana-section-header p,
.concern-stat-pill, .dcBtn, .btn {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}

body.menu-open {
    overflow: hidden;
}

a {
    text-decoration: none;
    color: inherit;
    transition: var(--transition-base);
    outline: none !important;
}

a:hover {
    text-decoration: none;
    color: var(--landmark-primary);
}

a:focus,
a:active {
    text-decoration: none;
    color: var(--landmark-primary);
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

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

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    color: var(--landmark-navy-dark);
    line-height: 1.25;
}

p {
    margin-bottom: 15px;
}

.container {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 20px;
}

/* --- Utility Classes --- */
.pt80 { padding-top: 80px; }
.pb80 { padding-bottom: 80px; }
.pt100 { padding-top: 100px; }
.pb100 { padding-bottom: 100px; }
.p0 { padding: 0; }
.Flex { display: flex; flex-wrap: wrap; align-items: center; }
.clear { clear: both; }

/* --- Topographic Pattern Background --- */
.pattern-bg {
    background-color: var(--landmark-bg-light);
    background-image: url('assets/images/static/contour-pattern.svg');
    background-repeat: repeat;
    background-size: 800px 600px;
}

/* --- Typography Classes --- */
.subTitle {
    color: rgba(26, 24, 24, 0.5);
    margin: 0 0 15px 0;
    font-size: 16px;
    font-family: 'Poppins', sans-serif !important;
    letter-spacing: 3px;
    text-transform: uppercase;
    line-height: 21px;
    font-weight: 500;
    display: inline-block;
}

.Title {
    font-size: 36px;
    font-weight: bold;
    color: #30865F;
    font-family: 'Poppins', sans-serif !important;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    line-height: 45px;
}

/* --- Button System --- */
.dcBtn {
    font-size: 13px;
    min-width: 185px;
    width: auto;
    padding: 0 28px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    background: transparent;
    border: 1px solid #1A1818;
    position: relative;
    transition: all .2s ease;
    text-transform: uppercase;
    font-weight: 600;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 1px;
    color: #1A1818;
    border-radius: 0;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    box-sizing: border-box;
    z-index: 1;
    white-space: nowrap;
}

.dcBtn span {
    z-index: 2;
    position: relative;
    transition: color 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    line-height: 1;
}

.dcBtn:after {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    bottom: 0;
    top: 0;
    transition: width 0.6s cubic-bezier(0.85, 0, 0.15, 1);
    background: #30865F;
    z-index: 1;
}

.dcBtn:hover {
    border-color: #30865F !important;
    color: #ffffff !important;
    text-decoration: none;
}

.dcBtn:hover span {
    color: #ffffff !important;
}

.dcBtn:hover:after {
    width: 100%;
}

/* White variant */
.dcBtn.white-btn {
    border-color: #ffffff;
    color: #ffffff;
}

.dcBtn.white-btn span {
    color: #ffffff;
}

.dcBtn.white-btn:hover {
    border-color: #30865F !important;
}

.dcBtn.white-btn:hover span {
    color: #ffffff !important;
}

/* Landmark Navy Primary Fill Variant */
.dcBtn.primary-navy-btn {
    background: #30865F;
    border-color: #30865F;
    color: #ffffff;
}

.dcBtn.primary-navy-btn span {
    color: #ffffff;
}

.dcBtn.primary-navy-btn:after {
    background: #c29b38;
}

.dcBtn.primary-navy-btn:hover {
    border-color: #c29b38 !important;
    color: #ffffff !important;
}

/* Landmark Outline Variant */
.dcBtn.landmark-btn-outline {
    border-color: #30865F;
    color: #30865F;
    background: transparent;
}

.dcBtn.landmark-btn-outline span {
    color: #30865F;
}

.dcBtn.landmark-btn-outline:after {
    background: #30865F;
}

.dcBtn.landmark-btn-outline:hover span {
    color: #ffffff !important;
}

/* --- Animation & Effect Systems --- */
.anim,
.fadeUp {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: opacity, transform;
}

.anim.anim-active,
.anim.active,
.fadeUp.anim-active,
.fadeUp.active,
.anim-parent.active .anim,
.anim-parent.anim-active .anim,
.anim-parent.active .fadeUp,
.anim-parent.anim-active .fadeUp {
    opacity: 1;
    transform: translateY(0);
}

.fadeLeft {
    opacity: 0;
    transform: translateX(-35px);
    transition: opacity 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: opacity, transform;
}

.fadeLeft.anim-active,
.fadeLeft.active,
.anim-parent.active .fadeLeft,
.anim-parent.anim-active .fadeLeft {
    opacity: 1;
    transform: translateX(0);
}

.fadeRight {
    opacity: 0;
    transform: translateX(35px);
    transition: opacity 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: opacity, transform;
}

.fadeRight.anim-active,
.fadeRight.active,
.anim-parent.active .fadeRight,
.anim-parent.anim-active .fadeRight {
    opacity: 1;
    transform: translateX(0);
}

.zoomIn {
    opacity: 0;
    transform: scale(0.92);
    transition: opacity 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: opacity, transform;
}

.zoomIn.anim-active,
.zoomIn.active,
.anim-parent.active .zoomIn,
.anim-parent.anim-active .zoomIn {
    opacity: 1;
    transform: scale(1);
}

/* Masked Text Reveal */
.textOver {
    overflow: hidden;
    display: inline-block;
}

.textOver > span {
    display: inline-block;
    overflow: hidden;
    position: relative;
}

.textOver > span:before {
    content: '';
    position: absolute;
    height: 100%;
    right: 0;
    bottom: 0;
    width: 100%;
    background: #30865F;
    transform: translateX(-110%);
    transition: transform 0.4s cubic-bezier(0.76, 0, 0.24, 1);
    z-index: 5;
    pointer-events: none;
}

.textOver > span span {
    opacity: 0;
    transition: opacity .1s ease, transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-delay: .4s;
    display: inline-block;
}

.textOver > span span:before {
    content: '';
    display: none;
}

.textOver.anim-active span span,
.textOver.active span span,
.anim-parent.active .textOver span span,
.anim-parent.anim-active .textOver span span {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .4s;
}

.textOver.anim-active > span:before,
.textOver.active > span:before,
.anim-parent.active .textOver > span:before,
.anim-parent.anim-active .textOver > span:before {
    transform: none;
    animation: goright 0.6s cubic-bezier(0.76, 0, 0.24, 1) 0.3s forwards;
}

@keyframes goright {
    0% { width: 100%; }
    100% { width: 0; }
}

/* Curtain Image Sweep (.boxOver) */
.boxOver {
    position: relative;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1);
}

.boxOver::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 3;
    transition: transform 0.8s cubic-bezier(0.76, 0, 0.24, 1);
    pointer-events: none;
}

.boxOver.anim-active,
.boxOver.active,
.anim-parent.active .boxOver,
.anim-parent.anim-active .boxOver {
    opacity: 1;
}

.boxOver.anim-active::before,
.boxOver.active::before,
.anim-parent.active .boxOver::before,
.anim-parent.anim-active .boxOver::before {
    transform: translateX(101%);
}

/* Preloader & Loading Image Placeholder */
.Loader {
    position: relative;
    background-color: #f1f1f1;
}

.Loader:after {
    content: '';
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background-color: #f1f1f1;
    transition: opacity 0.5s ease;
    z-index: 2;
    pointer-events: none;
}

.Loader.loaded {
    background-color: transparent;
}

.Loader.loaded:after {
    opacity: 0;
    pointer-events: none;
}

/* Staggered Animation Delays */
.anim-parent .fadeUp:nth-of-type(2), .anim-parent .anim:nth-of-type(2), .anim-parent [class*="col-"]:nth-child(2) > .anim, .anim-parent [class*="col-"]:nth-child(2) > .fadeUp { transition-delay: 0.10s; }
.anim-parent .fadeUp:nth-of-type(3), .anim-parent .anim:nth-of-type(3), .anim-parent [class*="col-"]:nth-child(3) > .anim, .anim-parent [class*="col-"]:nth-child(3) > .fadeUp { transition-delay: 0.18s; }
.anim-parent .fadeUp:nth-of-type(4), .anim-parent .anim:nth-of-type(4), .anim-parent [class*="col-"]:nth-child(4) > .anim, .anim-parent [class*="col-"]:nth-child(4) > .fadeUp { transition-delay: 0.26s; }
.anim-parent .fadeUp:nth-of-type(5), .anim-parent .anim:nth-of-type(5), .anim-parent [class*="col-"]:nth-child(5) > .anim, .anim-parent [class*="col-"]:nth-child(5) > .fadeUp { transition-delay: 0.34s; }
.anim-parent .fadeUp:nth-of-type(6), .anim-parent .anim:nth-of-type(6), .anim-parent [class*="col-"]:nth-child(6) > .anim, .anim-parent [class*="col-"]:nth-child(6) > .fadeUp { transition-delay: 0.42s; }
.anim-parent .fadeUp:nth-of-type(7), .anim-parent .anim:nth-of-type(7), .anim-parent [class*="col-"]:nth-child(7) > .anim, .anim-parent [class*="col-"]:nth-child(7) > .fadeUp { transition-delay: 0.50s; }
.anim-parent .fadeUp:nth-of-type(8), .anim-parent .anim:nth-of-type(8), .anim-parent [class*="col-"]:nth-child(8) > .anim, .anim-parent [class*="col-"]:nth-child(8) > .fadeUp { transition-delay: 0.58s; }
.anim-parent .fadeUp:nth-of-type(9), .anim-parent .anim:nth-of-type(9), .anim-parent [class*="col-"]:nth-child(9) > .anim, .anim-parent [class*="col-"]:nth-child(9) > .fadeUp { transition-delay: 0.66s; }
.anim-parent .fadeUp:nth-of-type(10), .anim-parent .anim:nth-of-type(10), .anim-parent [class*="col-"]:nth-child(10) > .anim, .anim-parent [class*="col-"]:nth-child(10) > .fadeUp { transition-delay: 0.74s; }
.anim-parent .fadeUp:nth-of-type(11), .anim-parent .anim:nth-of-type(11), .anim-parent [class*="col-"]:nth-child(11) > .anim, .anim-parent [class*="col-"]:nth-child(11) > .fadeUp { transition-delay: 0.82s; }
.anim-parent .fadeUp:nth-of-type(12), .anim-parent .anim:nth-of-type(12), .anim-parent [class*="col-"]:nth-child(12) > .anim, .anim-parent [class*="col-"]:nth-child(12) > .fadeUp { transition-delay: 0.90s; }

/* Universal Luxury Card Elevation & Transition System */
.landmark-glance-card,
.navana-glance-card,
.concern-spec-card,
.landmark-pillar-card,
.landmark-office-card,
.landmark-bento-card,
.landmark-article-card,
.landmark-project-card,
.amenity-luxury-box,
.landmark-enterprise-card,
.theater-masonry-card,
.landmark-leader-card,
.landmark-featured-story-card,
.landmark-jv-step,
.landmark-hiring-step,
.concern-stat-box,
.landmark-concern-card {
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                border-color 0.3s ease,
                background-color 0.3s ease !important;
}

.landmark-glance-card:hover,
.navana-glance-card:hover,
.concern-spec-card:hover,
.landmark-pillar-card:hover,
.landmark-office-card:hover,
.landmark-bento-card:hover,
.landmark-article-card:hover,
.amenity-luxury-box:hover,
.landmark-enterprise-card:hover,
.landmark-leader-card:hover,
.landmark-featured-story-card:hover,
.landmark-jv-step:hover,
.landmark-hiring-step:hover,
.concern-stat-box:hover,
.landmark-concern-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 16px 40px rgba(13, 40, 28, 0.12) !important;
}

/* Universal Media Zoom Transition on Hover */
.boxOver img,
.media-frame img,
.landmark-project-card img,
.theater-masonry-card img,
.landmark-drone-video-wrap img,
.concern-hero__media-frame img,
.concern-executive-frame__media img,
.landmark-featured-visual-container img,
.landmark-leader-photo img,
.appointment-photo img {
    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.boxOver:hover img,
.media-frame:hover img,
.landmark-project-card:hover img,
.theater-masonry-card:hover img,
.concern-hero__media-frame:hover img,
.concern-executive-frame__media:hover img,
.landmark-featured-visual-container:hover img,
.landmark-leader-photo:hover img,
.appointment-photo:hover img {
    transform: scale(1.06) !important;
}

/* Pulse Play Button */
.Play {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.Play:before {
    content: '';
    position: absolute;
    height: calc(100% + 30px);
    width: calc(100% + 30px);
    border: 1px solid #FFFFFF;
    left: -15px;
    top: -15px;
    border-radius: 50%;
    animation: zoomIt 2.5s ease infinite;
    opacity: 0;
    pointer-events: none;
}

.Play:after {
    content: '';
    position: absolute;
    height: calc(100% + 30px);
    width: calc(100% + 30px);
    border: 1px solid #FFFFFF;
    left: -15px;
    top: -15px;
    border-radius: 50%;
    animation: zoomItNd 2.5s ease 0.3s infinite;
    opacity: 0;
    pointer-events: none;
}

@keyframes zoomIt {
    0% { opacity: 1; transform: scale(0.5); }
    50% { transform: scale(1.1); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes zoomItNd {
    0% { opacity: 1; transform: scale(0.5); }
    50% { transform: scale(1.1); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}

.Play svg circle.hover-init-btn {
    transition: all 0.5s cubic-bezier(0.76, 0, 0.24, 1);
}

.Play:hover svg circle.hover-init-btn {
    r: 35 !important;
    opacity: 1;
}

.Play:hover {
    transform: scale(1.06);
}


/* ============================================
   HEADER & NAVIGATION
   ============================================ */
.Header {
    height: 75px;
    display: flex;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transition: transform .3s ease, background .3s ease, height .3s ease, box-shadow .3s ease !important;
}

.Header__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 30px;
    height: 100%;
}

.Header__left {
    display: flex;
    align-items: center;
    gap: 36px;
    height: 100%;
    flex: 1;
    min-width: 0;
}

.Header__logo {
    flex-shrink: 0;
}

.Header__logo img,
.Header__left .logo img {
    height: 44px;
    width: auto;
    max-width: 220px;
    display: block;
    object-fit: contain;
    transition: height 0.3s ease, filter 0.3s ease, -webkit-filter 0.3s ease;
}

.Header.scrolled .Header__logo img,
.Header.scrolled .Header__left .logo img,
.Header.ShowIt.Bg .Header__logo img,
.Header.ShowIt.Bg .Header__left .logo img {
    height: 40px;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.MenuItems__logo img {
    height: 42px;
    width: auto;
    max-width: 220px;
    display: block;
    object-fit: contain;
}

.Header .menu-list {
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: auto;
}

.Header .menu-list > ul {
    display: flex;
    align-items: center;
    gap: 22px;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
}

.Header .menu-list > ul > .menu_items {
    position: relative;
    display: flex;
    align-items: center;
    height: 75px;
    transition: height 0.3s ease;
}

.Header.scrolled .menu-list > ul > .menu_items {
    height: 70px;
}

.Header .menu-list > ul > .menu_items > a {
    position: relative;
    font-size: 13.5px;
    line-height: 1.4;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    color: #F1F5F9;
    text-decoration: none;
    white-space: nowrap !important;
    letter-spacing: 0.2px;
    transition: color 0.25s ease;
    display: inline-flex;
    align-items: center;
    padding: 6px 4px;
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.Header .menu-list > ul > .menu_items > a:hover,
.Header .menu-list > ul > .menu_items.current-menu-item > a,
.Header .menu-list > ul > .menu_items.active > a,
.Header .menu-list > ul > .menu_items > a:focus,
.Header .menu-list > ul > .menu_items > a:active {
    color: #c29b38;
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

.Header .menu-list > ul > .menu_items > a:focus-visible {
    outline: 2px solid rgba(194, 155, 56, 0.6) !important;
    outline-offset: 3px !important;
    border-radius: 2px !important;
}

.Header .menu-list > ul > .menu_items:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    height: 2px;
    width: 0;
    transition: width 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    background: #c29b38;
}

.Header .menu-list > ul > .menu_items:hover:after,
.Header .menu-list > ul > .menu_items.current-menu-item:after,
.Header .menu-list > ul > .menu_items.active:after {
    width: 100%;
}

/* Pure CSS vector caret for items with children - NEVER broken font icon */
.Header .menu-list > ul > .menu_items.menu-item-has-children > a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.Header .menu-list > ul > .menu_items.menu-item-has-children > a:after {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    margin-left: 4px;
    margin-top: -3px;
    transition: transform 0.25s ease, border-color 0.25s ease;
    opacity: 0.85;
}

.Header .menu-list > ul > .menu_items.menu-item-has-children:hover > a:after {
    transform: rotate(-135deg);
    margin-top: 2px;
    border-color: #c29b38;
    opacity: 1;
}

/* ============================================
   Dropdown Submenus with luxury styling & smooth animations
   ============================================ */

/* Base styling for all dropdown sub-menus */
.Header .menu-list .sub-menu {
    position: absolute;
    background: rgba(8, 16, 28, 0.98);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    min-width: 230px;
    padding: 8px 0;
    opacity: 0;
    visibility: hidden;
    display: block;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.08);
    height: auto;
    z-index: 1000;
    list-style: none;
    margin: 0;
    pointer-events: none;
    transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), 
                visibility 0.25s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Level 1 Submenu: Drops directly below top-level menu item */
.Header .menu-list > ul > .menu_items > .sub-menu,
.Header .menu-list > ul > .menu_items > ul {
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    border-top: 3px solid #c29b38;
    border-radius: 0 0 8px 8px;
}

/* Hovering top item reveals ONLY the direct level 1 submenu */
.Header .menu-list > ul > .menu_items:hover > .sub-menu,
.Header .menu-list > ul > .menu_items:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    pointer-events: auto;
}

/* Invisible hover bridge for Level 1 dropdown */
.Header .menu-list > ul > .menu_items > .sub-menu:before,
.Header .menu-list > ul > .menu_items > ul:before {
    content: '';
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    height: 15px;
}

/* Dropdown list items */
.Header .menu-list .sub-menu li {
    position: relative; /* REQUIRED so nested submenus position relative to parent li */
    padding: 0;
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    width: 100%;
    height: auto;
    display: block;
    list-style: none;
}

.Header .menu-list .sub-menu li:last-child {
    border-bottom: none;
}

.Header .menu-list .sub-menu li a {
    font-size: 13.5px;
    font-weight: 500;
    color: #CBD5E1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.4;
    padding: 11px 20px;
    text-transform: none;
    letter-spacing: 0.2px;
    transition: all 0.2s ease;
    white-space: nowrap !important;
    text-decoration: none;
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.Header .menu-list .sub-menu li a:hover,
.Header .menu-list .sub-menu li:hover > a,
.Header .menu-list .sub-menu li a:focus,
.Header .menu-list .sub-menu li a:active {
    color: #c29b38;
    background: rgba(194, 155, 56, 0.08);
    padding-left: 24px;
    outline: none !important;
    box-shadow: none !important;
}

/* Right-pointing chevron indicator for submenu items with children */
.Header .menu-list .sub-menu li.menu-item-has-children > a:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 1.5px solid currentColor;
    border-top: 1.5px solid currentColor;
    transform: rotate(45deg);
    margin-left: 16px;
    transition: transform 0.25s ease, border-color 0.25s ease, opacity 0.25s ease;
    opacity: 0.7;
    flex-shrink: 0;
}

.Header .menu-list .sub-menu li.menu-item-has-children:hover > a:after {
    border-color: #c29b38;
    transform: rotate(45deg) translate(2px, -2px);
    opacity: 1;
}

/* Level 2 and deeper Submenus: Flyout horizontally to the right */
.Header .menu-list .sub-menu li > .sub-menu,
.Header .menu-list .sub-menu li > ul {
    top: -4px;
    left: 100%;
    transform: translateX(10px);
    border-top: none;
    border-left: 3px solid #c29b38;
    border-radius: 0 8px 8px 8px;
    min-width: 250px;
    z-index: 1005;
}

/* Hovering parent submenu li reveals ONLY its direct child flyout submenu */
.Header .menu-list .sub-menu li:hover > .sub-menu,
.Header .menu-list .sub-menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    pointer-events: auto;
}

/* Invisible hover bridge between parent li and flyout submenu */
.Header .menu-list .sub-menu li > .sub-menu:before,
.Header .menu-list .sub-menu li > ul:before {
    content: '';
    position: absolute;
    top: 0;
    left: -15px;
    width: 15px;
    height: 100%;
}

/* Flyout to the left if near right edge (e.g. last 2 items) or .fly-left */
.Header .menu-list > ul > .menu_items:nth-last-child(-n+2) .sub-menu li > .sub-menu,
.Header .menu-list .sub-menu li.fly-left > .sub-menu {
    left: auto;
    right: 100%;
    transform: translateX(-10px);
    border-left: none;
    border-right: 3px solid #c29b38;
    border-radius: 8px 0 8px 8px;
}

.Header .menu-list > ul > .menu_items:nth-last-child(-n+2) .sub-menu li:hover > .sub-menu,
.Header .menu-list .sub-menu li.fly-left:hover > .sub-menu {
    transform: translateX(0);
}

.Header .menu-list > ul > .menu_items:nth-last-child(-n+2) .sub-menu li > .sub-menu:before,
.Header .menu-list .sub-menu li.fly-left > .sub-menu:before {
    left: auto;
    right: -15px;
}

/* Reset default pseudo elements */
.Header .menu-list ul .menu_items ul:after,
.Header .menu-list ul .menu_items .sub-menu:after,
.Header .menu-list ul .menu_items .sub-menu li:after {
    display: none !important;
}

/* Header Right - Luxury Hotline Call Button */
.Header__right {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
    margin-left: 24px;
}

.Header__right .call-btn {
    border: 1px solid rgba(194, 155, 56, 0.7);
    background: rgba(194, 155, 56, 0.08);
    color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 500;
    padding: 7px 18px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    text-decoration: none;
    transition: all 0.3s ease;
    border-radius: 4px;
    white-space: nowrap;
    letter-spacing: 0.3px;
}

.Header__right .call-btn svg {
    fill: #c29b38;
    transition: fill 0.3s ease;
}

.Header__right .call-btn:hover {
    background-color: #c29b38;
    border-color: #c29b38;
    color: #08101C;
    box-shadow: 0 4px 16px rgba(194, 155, 56, 0.4);
}

.Header__right .call-btn:hover svg {
    fill: #08101C;
}

@media (max-width: 1366px) and (min-width: 992px) {
    .Header__container {
        padding: 0 20px;
    }
    .Header__left {
        gap: 20px;
    }
    .Header .menu-list > ul {
        gap: 16px;
    }
    .Header .menu-list > ul > .menu_items > a {
        font-size: 12.5px;
    }
    .Header__right {
        margin-left: 14px;
    }
    .Header__right .call-btn {
        padding: 6px 14px;
        font-size: 12px;
    }
}

/* Hamburger */
.hamburger {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 20px;
    cursor: pointer;
    z-index: 1001;
}

.hamburger span {
    display: block;
    width: 100%;
    height: 2px;
    background: #FFFFFF;
    transition: all 0.3s ease;
}

.hamburger.menuToggle span:nth-child(2),
.hamburger.active span:nth-child(2) {
    opacity: 0;
}

.hamburger.menuToggle span:first-child,
.hamburger.active span:first-child {
    transform: rotate(45deg) translate(6px, 6px);
}

.hamburger.menuToggle span:last-child,
.hamburger.active span:last-child {
    transform: rotate(-45deg) translate(6px, -6px);
}

/* Scrolled / Sticky Header */
.Header.ShowIt.Bg,
.Header.scrolled {
    background-color: #30865F !important;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.12);
    height: 70px;
}

.Header.ShowIt.Bg .menu_items,
.Header.scrolled .menu_items {
    height: 70px;
}

.Header.ShowIt.Bg .Header__logo img,
.Header.scrolled .Header__logo img,
.Header.ShowIt.Bg .Header__left .logo img,
.Header.scrolled .Header__left .logo img {
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(1) !important;
}


/* ============================================
   MOBILE FULL-SCREEN MENU DRAWER
   ============================================ */
.MenuItems {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(10, 30, 21, 0.98);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    overflow-y: auto;
    display: none;
}

.MenuItems.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    display: block;
}

.MenuItems__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.MenuItems__container {
    width: 100%;
    max-width: 900px;
    padding: 40px 20px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.MenuItems__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.MenuItems__close {
    font-size: 36px;
    color: #ffffff;
    cursor: pointer;
    line-height: 1;
    transition: transform 0.3s ease;
}

.MenuItems__close:hover {
    transform: rotate(90deg);
    color: #ff3333;
}

.MenuItems__links a,
.MenuItems__top__single a {
    display: block;
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 0;
    transition: color 0.3s ease, transform 0.3s ease;
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.MenuItems__links a:hover,
.MenuItems__top__single a:hover,
.MenuItems__links a:focus,
.MenuItems__top__single a:focus,
.MenuItems__links a:active,
.MenuItems__top__single a:active {
    color: var(--landmark-gold);
    transform: scale(1.04);
    outline: none !important;
    box-shadow: none !important;
}

.MenuItems__top__single .mobile-sub-menu {
    list-style: none;
    padding: 6px 0 16px;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.MenuItems__top__single .mobile-sub-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.MenuItems__top__single .mobile-sub-menu li a {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.72) !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 4px 16px !important;
    transform: none !important;
}

.MenuItems__top__single .mobile-sub-menu li a:hover {
    color: var(--landmark-gold) !important;
}

/* Level 2 Submenu inside Mobile */
.MenuItems__top__single .mobile-sub-menu .mobile-sub-menu {
    padding: 4px 0 10px;
    gap: 4px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 6px;
    margin: 4px auto 8px;
    max-width: 320px;
}

.MenuItems__top__single .mobile-sub-menu .mobile-sub-menu li a {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.58) !important;
    text-transform: none !important;
    letter-spacing: 0.3px !important;
    padding: 4px 12px !important;
}

.MenuItems__top__single .mobile-sub-menu .mobile-sub-menu li a:hover {
    color: var(--landmark-gold) !important;
}

.MenuItems .Footer__social ul {
    display: flex;
    justify-content: center;
    gap: 16px;
    list-style: none;
    margin-top: 30px;
    padding: 0;
}

.MenuItems .Footer__social ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
    font-size: 16px;
}


/* ============================================
   SECTION 1: HERO BANNER SLIDER (ASPECT-RATIO RESPONSIVE)
   ============================================ */
.Banner-slider {
    position: relative;
    width: 100%;
    margin-top: 75px; /* Offset for fixed 75px header so top logos are 100% visible */
    background: #000000;
    overflow: hidden;
}

.hero-slider-wrapper {
    position: relative;
    width: 100%;
    background: #000000;
}

.hero-fallback-slider,
.hero-fallback-slider .slick-list,
.hero-fallback-slider .slick-track {
    width: 100%;
    height: auto;
}

.hero-slide {
    position: relative;
    width: 100%;
    height: auto;
    display: block !important;
    padding: 0 !important;
    margin: 0;
    background: #000000;
    overflow: hidden;
}

/* Remove dark gradient overlay so graphic colors are vibrant and crisp */
.hero-slide::before {
    display: none !important;
}

.hero-slide-link {
    display: block;
    width: 100%;
    height: auto;
    line-height: 0;
    cursor: pointer;
    overflow: hidden;
    background: #000000;
}

.hero-slide-img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (hover: hover) and (pointer: fine) {
    .hero-slide-link:hover .hero-slide-img {
        transform: scale(1.015);
    }
}

/* Visually Hidden Content for SEO & Screen Readers */
.hero-slide .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.hero-slide-content {
    display: none !important;
}

/* Vertical Slick Dots - Clean Gold Navigation */
.hero-fallback-slider .slick-dots {
    position: absolute;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
    display: flex !important;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    gap: 16px;
    z-index: 20;
    list-style: none;
    margin: 0;
    padding: 0;
}

.hero-fallback-slider .slick-dots li {
    margin: 0;
    padding: 0;
    position: relative;
    width: 8px;
    height: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-fallback-slider .slick-dots li button {
    font-size: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.65) !important;
    border: 1px solid rgba(0, 0, 0, 0.35) !important;
    cursor: pointer;
    padding: 0;
    display: block;
    position: relative;
    transition: all 0.3s ease;
}

.hero-fallback-slider .slick-dots li:hover button {
    background: #c29b38 !important;
    transform: scale(1.2);
}

.hero-fallback-slider .slick-dots li.slick-active button {
    background: #c29b38 !important;
    border-color: #c29b38 !important;
}

.hero-fallback-slider .slick-dots li.slick-active:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    border: 1.5px solid #c29b38;
    background: rgba(194, 155, 56, 0.2);
    border-radius: 50%;
    pointer-events: none;
    box-shadow: 0 0 10px rgba(194, 155, 56, 0.45);
}

/* Banner Slider Bottom Menu Bar - Placed directly below slider to avoid covering bottom artwork */
.Banner-slider__menu {
    position: relative;
    width: 100%;
    bottom: auto;
    left: auto;
    z-index: 10;
    background: #11141c;
    border-top: 1px solid rgba(194, 155, 56, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    height: 52px;
    line-height: 52px;
}

.Banner-slider__menu .container {
    display: flex;
    align-items: center;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.Banner-slider__menu ul {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.Banner-slider__menu ul li {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    color: #ffffff;
    line-height: 20px;
    display: inline-flex;
    align-items: center;
}

.Banner-slider__menu ul li svg:first-child {
    margin-right: 20px;
    color: #ffffff;
    flex-shrink: 0;
}

.Banner-slider__menu ul li svg.caret {
    margin-left: 37px;
    margin-right: 30px;
    color: #ffffff;
    flex-shrink: 0;
}

.Banner-slider__menu ul li span a {
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 1px;
    margin-right: 0;
}

.Banner-slider__menu ul li a {
    display: inline-block;
    margin-right: 41px;
    color: #ffffff;
    transition: color .3s ease;
    position: relative;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    font-size: 14px;
}

.Banner-slider__menu ul li a:before {
    content: '';
    position: absolute;
    height: 1px;
    top: -16px;
    left: 0;
    background: #ffffff;
    width: 0;
    transition: all .35s ease;
}

.Banner-slider__menu ul li a:hover,
.Banner-slider__menu ul li.active a {
    color: rgba(255, 255, 255, 0.7);
}

.Banner-slider__menu ul li a:hover:before,
.Banner-slider__menu ul li.active a:before {
    width: 100%;
}


/* ============================================
   SECTION 2: ABOUT US
   ============================================ */
.asHomeAbout {
    background: var(--landmark-bg-light);
}

.MissionVision__single__right p {
    text-align: justify;
    line-height: 1.8;
    color: var(--landmark-text-body);
    margin-bottom: 25px;
}

.MissionVision__single__left {
    position: relative;
    padding-top: 80.70%;
    display: flex;
    height: 100%;
    overflow: hidden;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: #f1f1f1;
}

.MissionVision__single__left .modify-img,
.MissionVision__single__left img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 1s ease;
    transform: scale(1.01);
}

.MissionVision__single__left:hover img,
.MissionVision__single__left:hover .modify-img {
    transform: scale(1.04);
}

.MissionVision__single__left a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.MissionVision__single__left a .Play {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100px;
}

.MissionVision__single__left a .Play svg,
.MissionVision__single__left a .Play .Play-svg {
    width: 100px;
    height: 100px;
    display: block;
}

.MissionVision__single__left a:hover .Play svg g .hover-init-btn {
    r: 35 !important;
    opacity: 1;
}

.MissionVision__single__left a:hover .Play svg #Polygon_1_about {
    fill: #ff0000;
}


/* ============================================
   SECTION 3: FEATURED PROJECTS
   ============================================ */
.Project {
    background: var(--landmark-white);
    position: relative;
}

.Project-nav {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
}

.Project-nav ul,
.testimonial__nav ul {
    display: flex;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.Project-nav ul li,
.testimonial__nav ul li {
    width: 44px;
    height: 44px;
    border: 1px solid var(--landmark-navy-dark);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--transition-base);
    color: var(--landmark-navy-dark);
}

.Project-nav ul li:hover,
.testimonial__nav ul li:hover {
    background: var(--landmark-primary);
    border-color: var(--landmark-primary);
    color: var(--landmark-white);
}

/* Project Slider Cards */
.ProjectSlider-init .Project__slider-wrap__single {
    padding: 0 12px;
}

.Project__slider-wrap__single__inner {
    position: relative;
    height: 560px;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
}

.project-card-hitbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}

.Project__slider-wrap__single__bg,
.Project__slider-wrap__single__bg .modify-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: transform 7s ease !important;
}

.Project__slider-wrap__single:hover .Project__slider-wrap__single__bg,
.Project__slider-wrap__single__inner:hover .Project__slider-wrap__single__bg,
.Project__slider-wrap__single__inner:hover .modify-bg {
    transform: scale(1.07) !important;
}

.Project__slider-wrap__single__inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(153, 153, 153, 0.05) 0%, rgba(0, 0, 0, 0.6) 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
    pointer-events: none;
}

.Project__slider-wrap__single:hover .Project__slider-wrap__single__inner::before,
.Project__slider-wrap__single__inner:hover::before {
    opacity: 1;
}

.Project__slider-wrap__single__inner__content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px;
    color: var(--landmark-white);
    z-index: 3;
}

.Project__slider-wrap__single__inner__content h3 {
    font-size: 28px !important;
    margin: 0 !important;
    font-weight: bold !important;
    line-height: 24px !important;
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
    text-transform: uppercase !important;
}

.Project__slider-wrap__single__inner__content h4 {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: #ffffff !important;
    margin: 5px 0 0 !important;
    text-transform: capitalize !important;
    transition: all 0.5s ease !important;
    font-family: 'Poppins', sans-serif !important;
}

.Project__slider-wrap__single:hover .Project__slider-wrap__single__inner__content h4,
.Project__slider-wrap__single__inner:hover .Project__slider-wrap__single__inner__content h4 {
    margin-bottom: 30px !important;
}

.Project__slider-wrap__single__inner__content__slide {
    overflow: hidden;
}

.Project__slider-wrap__single__inner__content__slide p,
.Project__slider-wrap__single__inner__content__slide__inner p {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #ffffff;
    opacity: 0;
    overflow: hidden;
    transition: all 0.5s ease, opacity 0.2s ease;
    margin-bottom: -140px;
    font-family: 'Poppins', sans-serif;
}

.Project__slider-wrap__single:hover .Project__slider-wrap__single__inner__content p,
.Project__slider-wrap__single__inner:hover .Project__slider-wrap__single__inner__content p,
.Project__slider-wrap__single:hover .Project__slider-wrap__single__inner__content__slide p,
.Project__slider-wrap__single__inner:hover .Project__slider-wrap__single__inner__content__slide p {
    opacity: 1;
    margin-bottom: 0px !important;
}

.Project__slider-wrap__single__inner__content .dcBtn {
    margin-top: 15px;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    position: relative;
    z-index: 5;
}

.Project__slider-wrap__single:hover .dcBtn,
.Project__slider-wrap__single__inner:hover .dcBtn {
    opacity: 1;
    transform: translateY(0);
}


/* ============================================
   SECTION 4: TESTIMONIAL SECTION
   ============================================ */
.testimonial {
    position: relative;
}

.testimonial__data {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.testimonial__data__left {
    position: relative;
    padding-top: calc(320 / 470 * 100%);
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.testimonial__data__left img,
.testimonial__data__left .modify-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s ease;
}

.testimonial__data__left:hover .modify-img {
    transform: scale(1.04);
}

.testimonial__data__left a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.testimonial__data__left .Play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    transition: transform 0.3s ease;
}

.testimonial__data__left .Play:hover {
    transform: translate(-50%, -50%) scale(1.1);
}

.testimonial__data__right {
    padding: 30px 40px;
}

.testimonial__data__right .quote-icon {
    margin-bottom: 20px;
}

.testimonial__data__right .testimonial-title {
    font-size: 22px;
    font-weight: 600;
    color: var(--landmark-navy-dark);
    margin-bottom: 14px;
}

.testimonial__data__right .testimonial-text {
    font-size: 15px;
    line-height: 1.85;
    color: var(--landmark-text-body);
    margin-bottom: 20px;
    font-style: italic;
}

.testimonial__data__right .name {
    font-size: 16px;
    font-weight: 600;
    color: var(--landmark-navy-dark);
    margin-bottom: 2px;
}

.testimonial__data__right .designation {
    font-size: 13px;
    color: #8899aa;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/* ============================================
   SECTION 5: CORPORATE VIDEO
   ============================================ */
.investor-information {
    position: relative;
}

.investor-information .investor-information__wrap {
    height: auto;
    min-height: 0;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    background: #0d281c;
}

.investor-information__wrap__img {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    line-height: 0;
}

.investor-information__wrap__img img,
.investor-showcase-img,
.investor-information-img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    transition: transform 1.2s ease;
}

.investor-information__wrap:hover .investor-showcase-img,
.investor-information__wrap:hover .investor-information__wrap__img img {
    transform: scale(1.02);
}

.investor-information__wrap__img .modify-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transition: transform 2s ease;
}

.investor-information__wrap:hover .investor-information__wrap__img .modify-bg {
    transform: scale(1.02);
}

.investor-information__wrap a {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.08);
    transition: background .3s ease;
    z-index: 5;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.investor-information__wrap:hover a {
    background: rgba(0, 0, 0, 0.2);
}

.investor-information__wrap .youtube-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.investor-information__wrap .youtube-btn svg {
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}

.investor-information__wrap .youtube-btn svg g .hover-init-btn {
    r: 0;
    stroke: #fff;
    fill: #fff;
    transition: all 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}

.investor-information__wrap:hover .youtube-btn svg g .hover-init-btn {
    r: 35 !important;
    opacity: 1;
}

.investor-information__wrap:hover svg #Polygon_1_corp,
.investor-information__wrap:hover svg path {
    fill: #ff0000;
}


/* ============================================
   SECTION 6: CONTACT / SCHEDULE MEETING FORM
   ============================================ */
.homeForm {
    position: relative;
}

.appointment-photo {
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    height: 100%;
    min-height: 400px;
}

.appointment-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homeForm__content {
    background: var(--landmark-white);
    padding: 45px 40px;
    border-radius: 4px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);
    border-top: 4px solid var(--landmark-primary);
}

.homeForm .form-group {
    margin-bottom: 20px;
}

.homeForm .form-control {
    width: 100%;
    height: 46px;
    padding: 10px 15px;
    border: 1px solid var(--landmark-border);
    border-radius: 3px;
    background: #ffffff;
    font-family: var(--font-primary);
    font-size: 14px;
    color: var(--landmark-text-dark);
    outline: none;
    transition: var(--transition-base);
}

.homeForm .form-control:focus {
    border-color: var(--landmark-primary);
    box-shadow: 0 0 0 3px rgba(48, 134, 95, 0.12);
}

.homeForm textarea.form-control {
    height: auto;
    min-height: 90px;
    resize: vertical;
}


/* ============================================
   SECTION 7: GOOGLE MAP
   ============================================ */
.map-content {
    position: relative;
}

.map-content #map_canvas {
    width: 100%;
    height: 500px;
}

.MapPopup-wrap__single {
    position: absolute;
    top: 0;
    right: -400px;
    width: 380px;
    height: 100%;
    background: var(--landmark-white);
    box-shadow: -5px 0 20px rgba(0, 0, 0, 0.1);
    z-index: 100;
    padding: 30px;
    overflow-y: auto;
    transition: right 0.4s ease;
}

.MapPopup-wrap__single.active {
    right: 0;
}


/* ============================================
   ULTRA-LUXURY CONGLOMERATE FOOTER
   ============================================ */
.Footer {
    position: relative;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    color: var(--landmark-white);
    padding: 0 0 35px;
    background-color: #07160f;
}

.Footer__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(10, 31, 22, 0.96) 0%, rgba(6, 18, 12, 0.99) 100%);
    pointer-events: none;
}

.Footer__container {
    position: relative;
    z-index: 3;
}

/* --------------------------------------------------------------------------
   1. PRE-FOOTER LUXURY CONSULTATION & HOTLINE RIBBON
   -------------------------------------------------------------------------- */
.Footer__cta-banner {
    position: relative;
    z-index: 4;
    padding: 45px 0 25px;
}

.Footer__cta-card {
    background: linear-gradient(135deg, rgba(20, 56, 38, 0.9) 0%, rgba(13, 40, 28, 0.97) 100%);
    border: 1px solid rgba(194, 155, 56, 0.35);
    border-radius: 14px;
    padding: 35px 40px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(12px);
    transition: border-color 0.3s ease;
}

.Footer__cta-card:hover {
    border-color: rgba(194, 155, 56, 0.6);
}

.Footer__cta-kicker {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--landmark-gold);
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
}

.Footer__cta-kicker i {
    font-size: 12px;
}

.Footer__cta-title {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.35;
    margin: 0 0 8px;
}

.Footer__cta-desc {
    font-size: 13.5px;
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
    line-height: 1.6;
}

.Footer__cta-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-end;
}

.Footer__cta-chips-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.Footer__cta-chip {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 30px;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.Footer__cta-chip:hover {
    background: rgba(48, 134, 95, 0.45);
    border-color: var(--landmark-gold);
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

.cta-chip-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(194, 155, 56, 0.2);
    color: var(--landmark-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    flex-shrink: 0;
}

.whatsapp-chip .cta-chip-icon {
    background: rgba(37, 211, 102, 0.2);
    color: #25D366;
}

.cta-chip-label {
    display: block;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.2;
}

.cta-chip-val {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
}

.Footer__cta-btn {
    width: 100%;
    max-width: 320px;
    text-align: center;
    justify-content: center;
}

/* --------------------------------------------------------------------------
   2. BRANDED HEADER & CREDENTIALS STRIP
   -------------------------------------------------------------------------- */
.Footer__top-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 25px 0 35px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 45px;
}

.Footer__brand-col {
    max-width: 520px;
}

.Footer__logo img {
    height: 52px;
    width: auto;
    max-width: 280px;
    display: block;
    object-fit: contain;
}

.Footer__brand-tagline {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.68);
    line-height: 1.65;
    margin: 12px 0 0;
}

.Footer__credentials-col {
    display: flex;
    align-items: center;
    gap: 24px;
}

.Footer__rehab-badge-card {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    padding: 6px 14px;
    transition: border-color 0.3s ease;
}

.Footer__rehab-badge-card:hover {
    border-color: rgba(194, 155, 56, 0.4);
}

.Footer__rehab-badge-card .rehab-badge {
    height: 48px;
    width: auto;
    border-radius: 4px;
    background: #ffffff;
    padding: 2px;
}

.rehab-meta .rehab-org {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 1px;
}

.rehab-meta .rehab-sub {
    display: block;
    font-size: 10.5px;
    color: var(--landmark-gold);
    font-weight: 600;
}

.Footer__social-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.Footer__social-wrap .social-label {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: rgba(255, 255, 255, 0.55);
}

.Footer__social-icons {
    display: flex;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.Footer__social-icons li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    color: var(--landmark-white);
    font-size: 14px;
    transition: all 0.3s cubic-bezier(0.2, 0.9, 0.2, 1);
}

.Footer__social-icons li a:hover {
    background: var(--landmark-gold);
    border-color: var(--landmark-gold);
    color: #0d281c;
    transform: translateY(-3px);
    box-shadow: 0 4px 14px rgba(194, 155, 56, 0.4);
}

/* --------------------------------------------------------------------------
   3. STRUCTURED 4-COLUMN MAIN ROW
   -------------------------------------------------------------------------- */
.Footer__main-row {
    margin-bottom: 20px;
}

.Footer__col {
    margin-bottom: 30px;
}

.Footer__widget-title {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--landmark-white);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 24px;
    position: relative;
    padding-bottom: 10px;
}

.Footer__widget-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 32px;
    height: 2px;
    background: var(--landmark-gold);
}

.Footer__about-text {
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 20px;
}

.Footer__trust-pills {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.Footer__trust-pills .trust-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11.5px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.85);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 4px;
    padding: 6px 12px;
}

.Footer__trust-pills .trust-pill i {
    color: var(--landmark-gold);
    font-size: 12px;
}

/* Link Lists */
.Footer__link-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.Footer__link-list li {
    margin-bottom: 9px;
}

.Footer__link-list li a {
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.25s ease;
}

.Footer__link-list li a i {
    font-size: 11px;
    color: rgba(194, 155, 56, 0.7);
    transition: transform 0.25s ease;
}

.Footer__link-list li a:hover {
    color: var(--landmark-white);
    transform: translateX(5px);
}

.Footer__link-list li a:hover i {
    color: var(--landmark-gold);
}

.Footer__all-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--landmark-gold);
    text-decoration: none;
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px dashed rgba(255, 255, 255, 0.12);
    width: 100%;
    transition: all 0.25s ease;
}

.Footer__all-link:hover {
    color: #ffffff;
    transform: translateX(4px);
}

/* Office Cards in Column 4 */
.Footer__office-card {
    display: flex;
    gap: 12px;
    padding: 12px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    margin-bottom: 12px;
    transition: all 0.25s ease;
}

.Footer__office-card:hover {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(194, 155, 56, 0.35);
}

.office-card-icon {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background: rgba(194, 155, 56, 0.15);
    color: var(--landmark-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
}

.office-card-body .office-tag {
    display: block;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--landmark-gold);
    margin-bottom: 4px;
}

.office-card-body p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.55;
    margin: 0;
}

/* Direct Channels */
.Footer__contact-channels {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 14px;
}

.contact-channel-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 12.5px;
    color: rgba(255, 255, 255, 0.8);
}

.contact-channel-item > i {
    color: var(--landmark-gold);
    font-size: 13px;
    margin-top: 3px;
    flex-shrink: 0;
}

.channel-lbl {
    display: block;
    font-size: 9.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 2px;
}

.channel-link {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.channel-link:hover {
    color: var(--landmark-gold);
}

.channel-sep {
    color: rgba(255, 255, 255, 0.4);
    margin: 0 4px;
}

.channel-text {
    color: rgba(255, 255, 255, 0.85);
}

.closed-pill {
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    color: #ff9999;
    background: rgba(255, 128, 128, 0.15);
    padding: 1px 6px;
    border-radius: 10px;
    margin-left: 4px;
    vertical-align: middle;
}

/* --------------------------------------------------------------------------
   4. SISTER CONCERNS ENTERPRISE PORTFOLIO RIBBON
   -------------------------------------------------------------------------- */
.Footer__concerns-strip {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 40px;
    margin-top: 50px;
    text-align: center;
}

.Footer__concerns-strip-header {
    margin-bottom: 24px;
}

.concerns-kicker {
    display: block;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--landmark-gold);
    margin-bottom: 4px;
}

.Footer__concerns-strip-title {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 1px;
    margin: 0;
}

.Footer__concerns-strip-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.25s ease;
}

.Footer__concerns-strip-title a:hover {
    color: var(--landmark-gold);
}

.Footer__concerns-logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 14px;
    max-width: 1140px;
    margin: 0 auto;
}

.Footer__concerns-logo-item {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 8px 16px;
    height: 52px;
    min-width: 100px;
    max-width: 150px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.3);
    transition: all 0.3s cubic-bezier(0.2, 0.9, 0.2, 1);
    text-decoration: none;
    overflow: hidden;
}

.Footer__concerns-logo-item:hover {
    transform: translateY(-4px) scale(1.04);
    box-shadow: 0 10px 25px rgba(194, 155, 56, 0.4);
    border-color: var(--landmark-gold);
    background: #ffffff;
}

.Footer__concerns-logo-item img {
    max-height: 32px !important;
    max-width: 115px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

.concern-hover-name {
    display: none;
}

/* --------------------------------------------------------------------------
   5. LUXURY LOWER FOOTER & LEGAL BAR
   -------------------------------------------------------------------------- */
.Footer__bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 30px;
    margin-top: 45px;
}

.Footer__bottom-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.Footer__bottom-left {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.copyright-text {
    font-size: 12.5px;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
    letter-spacing: 0.3px;
}

.developer-credit {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.55);
    margin: 0;
    letter-spacing: 0.3px;
}

.developer-credit a {
    color: var(--landmark-gold, #c29b38);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.25s ease, text-decoration 0.25s ease;
}

.developer-credit a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.trust-note {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.Footer__legal-links {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.Footer__legal-links li a {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    transition: color 0.2s ease;
}

.Footer__legal-links li a:hover {
    color: var(--landmark-gold);
}

/* --------------------------------------------------------------------------
   FOOTER RESPONSIVE ADJUSTMENTS
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
    .Footer__cta-actions {
        align-items: flex-start;
        margin-top: 24px;
    }

    .Footer__cta-chips-row {
        justify-content: flex-start;
    }

    .Footer__cta-btn {
        max-width: 100%;
    }

    .Footer__top-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .Footer__credentials-col {
        width: 100%;
        justify-content: space-between;
    }

    .Footer__social-wrap {
        align-items: flex-start;
    }

    .Footer__bottom-inner {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }

    .Footer__bottom-left {
        align-items: center;
        text-align: center;
    }

    .Footer__legal-links {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .Footer__cta-card {
        padding: 26px 20px;
    }

    .Footer__cta-title {
        font-size: 19px;
    }

    .Footer__credentials-col {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .Footer__concerns-logos {
        gap: 10px;
    }

    .Footer__concerns-logo-item {
        height: 44px;
        min-width: 85px;
        max-width: 125px;
        padding: 6px 12px;
    }

    .Footer__concerns-logo-item img {
        max-height: 26px !important;
        max-width: 95px !important;
    }
}


/* ============================================
   WHATSAPP FLOATING BUTTON
   ============================================ */
.whatsapp {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: whatsappPulse 2s infinite;
}

.whatsapp svg {
    width: 52px;
    height: 52px;
}

@keyframes whatsappPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.08); }
    100% { transform: scale(1); }
}


/* ============================================
   FORM SUCCESS/ERROR MESSAGES
   ============================================ */
.form-message-container {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 3px;
}

.form-message-container.success_wrapper {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}

.form-message-container.error_wrapper {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

.hide {
    display: none;
}


/* ============================================
   RESPONSIVE DESIGN
   ============================================ */

/* Tablet */
@media screen and (max-width: 1024px) {
    .Title {
        font-size: 28px;
    }

    .Banner-slider .p_title {
        font-size: 46px;
    }

    .pt80 { padding-top: 60px; }
    .pb80 { padding-bottom: 60px; }
    .pt100 { padding-top: 80px; }
    .pb100 { padding-bottom: 80px; }

    .Project__slider-wrap__single__inner {
        height: 480px;
    }
}

/* Mobile */
@media screen and (max-width: 768px) {
    .Header .menu-list {
        display: none;
    }

    .Header__container {
        padding: 0 15px;
    }

    .hamburger {
        display: flex;
    }

    .Banner-slider {
        margin-top: 70px;
        height: auto;
        min-height: 0;
    }

    .Banner-slider .hero-slide {
        height: auto;
        min-height: 0;
        padding-bottom: 0 !important;
    }

    .home-slider .h_title,
    .Banner-slider .h_title {
        font-size: 32px !important;
        line-height: 36px !important;
    }

    .home-slider .p_title,
    .Banner-slider .p_title {
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .Title {
        font-size: 24px;
    }

    .subTitle {
        font-size: 12px;
    }

    .Banner-slider__menu {
        position: relative;
        bottom: auto;
        height: 44px;
        line-height: 44px;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .Banner-slider__menu .container {
        overflow-x: auto;
    }

    .Banner-slider__menu ul li a {
        margin-right: 20px;
        font-size: 12px;
    }

    .MissionVision__single .Flex {
        flex-direction: column-reverse;
    }

    .MissionVision__single__left {
        margin-bottom: 30px;
    }

    .testimonial__data {
        flex-direction: column;
    }

    .testimonial__data__right {
        padding: 20px 0;
    }

    .Project__slider-wrap__single__inner {
        height: 420px;
    }

    .Footer {
        text-align: left;
    }

    .Footer__top-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .investor-information__wrap__img .modify-bg {
        height: auto;
    }

    .investor-information__wrap .youtube-btn svg {
        width: 72px;
        height: 72px;
    }

    .appointment-photo {
        margin-bottom: 30px;
        min-height: 250px;
    }
}

/* Small Mobile */
@media screen and (max-width: 480px) {
    .Banner-slider {
        margin-top: 70px;
        height: auto;
        min-height: 0;
    }

    .Banner-slider .hero-slide {
        height: auto;
        min-height: 0;
        padding-bottom: 0 !important;
    }

    .home-slider .h_title,
    .Banner-slider .h_title {
        font-size: 24px !important;
        line-height: 28px !important;
    }

    .home-slider .p_title,
    .Banner-slider .p_title {
        font-size: 13px !important;
        line-height: 16px !important;
    }

    .hero-fallback-slider .slick-dots {
        right: 12px;
        gap: 8px;
    }

    .hero-fallback-slider .slick-dots li {
        width: 6px;
        height: 6px;
    }

    .hero-fallback-slider .slick-dots li button {
        width: 6px;
        height: 6px;
    }

    .hero-fallback-slider .slick-dots li.slick-active:after {
        width: 18px;
        height: 18px;
    }

    .Title {
        font-size: 20px;
        line-height: 26px;
    }

    .dcBtn {
        padding: 10px 24px;
        font-size: 11px;
    }

    .Banner-slider__menu {
        position: relative;
        bottom: auto;
        height: 40px;
        line-height: 40px;
    }

    .Banner-slider__menu ul li a {
        margin-right: 15px;
        font-size: 11px;
    }

    .Project__slider-wrap__single__inner {
        height: 360px;
    }
}

/* ============================================
   LANDMARK VIDEO MODAL LIGHTBOX
   ============================================ */
.landmark-video-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.92);
    backdrop-filter: blur(8px);
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.landmark-video-modal.active {
    display: flex;
    opacity: 1;
}

.landmark-video-modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.landmark-video-modal__container {
    position: relative;
    width: 90%;
    max-width: 960px;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
    background: #000000;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7);
    border-radius: 4px;
    overflow: hidden;
    z-index: 2;
}

.landmark-video-modal__container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.landmark-video-modal__close {
    position: absolute;
    top: 25px;
    right: 35px;
    font-size: 40px;
    color: #ffffff;
    cursor: pointer;
    line-height: 1;
    z-index: 3;
    transition: transform 0.3s ease, color 0.3s ease;
}

.landmark-video-modal__close:hover {
    transform: rotate(90deg);
    color: #ff3333;
}

/* ==========================================================================
   LANDMARK GROUP - HOMEPAGE-MATCHED SIGNATURE DESIGN SYSTEM
   ========================================================================== */

/* --- Project Card Luxury Pills & Overlay --- */
.Project__slider-wrap__single__inner::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75%;
    background: linear-gradient(to top, rgba(13, 40, 28, 0.92) 0%, rgba(13, 40, 28, 0.5) 55%, transparent 100%);
    z-index: 2;
    pointer-events: none;
    transition: opacity 0.35s ease;
}

.Project__slider-wrap__single:hover .Project__slider-wrap__single__inner::after {
    opacity: 0.95;
    background: linear-gradient(to top, rgba(8, 24, 17, 0.96) 0%, rgba(13, 40, 28, 0.65) 60%, rgba(13, 40, 28, 0.2) 100%);
}

.project-card-flagship-pill {
    display: inline-block;
    background: linear-gradient(135deg, #c29b38 0%, #dfb75c 100%);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    padding: 5px 12px;
    border-radius: 4px;
    margin-bottom: 12px;
    box-shadow: 0 4px 12px rgba(194, 155, 56, 0.35);
}

.project-card-pill {
    display: inline-block;
    background: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 5px 12px;
    border-radius: 4px;
    margin-bottom: 12px;
    border: 1px solid rgba(255, 255, 255, 0.35);
}

.Project__slider-wrap__single__inner__content h4 i {
    color: #c29b38;
    margin-right: 5px;
}

/* --- Section 4: Sea Hill Heritage Flagship Showcase --- */
.sea-hill-flagship-section {
    position: relative;
    background: #ffffff;
}

.sea-hill-showcase-wrap {
    position: relative;
}

.sea-hill-media-frame {
    position: relative;
    overflow: hidden;
    height: 480px;
    background: #0d281c;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

.sea-hill-media-frame img,
.sea-hill-media-frame .modify-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s ease;
}

.sea-hill-media-frame:hover .modify-img {
    transform: scale(1.04);
}

.sea-hill-media-caption {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: #123827;
    color: #ffffff;
    border-radius: 0 0 4px 4px;
    font-size: 12px;
}

.sea-hill-media-caption .caption-marker {
    display: flex;
    align-items: center;
    gap: 6px;
}

.sea-hill-media-caption .caption-marker i {
    color: #c29b38;
}

.sea-hill-media-caption .caption-badge {
    background: #c29b38;
    color: #123827;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 10.5px;
    text-transform: uppercase;
}

.sea-hill-details-pane {
    padding-left: 20px;
}

.sea-hill-heading {
    font-family: 'Poppins', sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: #123827;
    margin: 10px 0 16px;
    line-height: 1.3;
}

.sea-hill-desc {
    font-size: 14.5px;
    color: #555555;
    line-height: 1.7;
    margin-bottom: 24px;
}

.sea-hill-specs-bar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 25px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 16px;
    border-radius: 4px;
}

.sea-hill-spec-item {
    display: flex;
    flex-direction: column;
}

.sea-hill-spec-item .spec-value {
    font-size: 18px;
    font-weight: 700;
    color: #30865F;
    font-family: 'Poppins', sans-serif;
}

.sea-hill-spec-item .spec-label {
    font-size: 11px;
    color: #c29b38;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 2px;
}

.sea-hill-privileges {
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
}

.sea-hill-privileges li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13.5px;
    color: #444444;
    line-height: 1.6;
    margin-bottom: 10px;
}

.sea-hill-privileges li i {
    color: #c29b38;
    margin-top: 3px;
    font-size: 12px;
}

.sea-hill-actions {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.sea-hill-map-link {
    color: #30865F;
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.sea-hill-map-link:hover {
    color: #c29b38;
}

/* --- Section 5: Verified Physical Site Badges --- */
.landmark-site-verified-tag {
    position: absolute;
    bottom: 15px;
    left: 15px;
    background: rgba(13, 40, 28, 0.9);
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 4px;
    letter-spacing: 0.5px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(194, 155, 56, 0.5);
    z-index: 5;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.landmark-site-verified-tag i {
    color: #c29b38;
}

.landmark-inspection-meta {
    margin-bottom: 12px;
}

.landmark-badge-gold {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #c29b38;
    border-bottom: 2px solid #c29b38;
    padding-bottom: 3px;
}

.testimonial-title {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #123827;
    margin: 0 0 14px;
    line-height: 1.3;
}

.testimonial-text {
    font-size: 14.5px;
    color: #555555;
    line-height: 1.7;
    margin-bottom: 16px;
}

/* --- Landmark Button Tokens --- */
.landmark-btn--dark,
.navana-btn--dark {
    background: #30865F !important;
    color: #ffffff !important;
    border: 1px solid #30865F !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
}

.landmark-btn--dark:hover,
.navana-btn--dark:hover {
    background: #256B4B !important;
    border-color: #c29b38 !important;
    color: #ffffff !important;
}

.landmark-btn--outline,
.navana-btn--outline,
.landmark-btn-outline {
    background: transparent !important;
    color: #30865F !important;
    border: 1.5px solid #30865F !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
}

.landmark-btn--outline:hover,
.navana-btn--outline:hover,
.landmark-btn-outline:hover {
    background: #30865F !important;
    color: #ffffff !important;
    border-color: #30865F !important;
}

/* ============================================
   PROJECTS ARCHIVE GRID (LANDMARK BENCHMARK 3-COLUMN LUXURY)
   ============================================ */
.landmark-filter-section {
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
}

.landmark-filter-console {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 24px 20px 10px;
    box-shadow: 0 4px 18px rgba(13, 40, 28, 0.04);
}

.landmark-filter-label {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 600;
    color: #143324 ;
    margin-bottom: 7px;
    font-family: 'Poppins', sans-serif;
}

.landmark-filter-label i {
    color: #c29b38;
    margin-right: 4px;
}

.landmark-filter-select.nice-select {
    width: 100% !important;
    height: 46px !important;
    line-height: 44px !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 4px !important;
    font-size: 13.5px !important;
    color: #1e293b !important;
    padding-left: 15px !important;
    padding-right: 32px !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    font-family: 'Poppins', sans-serif !important;
}

.landmark-filter-select.nice-select:hover,
.landmark-filter-select.nice-select:focus {
    border-color: #c29b38 !important;
}

.landmark-filter-select.nice-select .list {
    width: 100% !important;
    border-radius: 4px !important;
    box-shadow: 0 10px 30px rgba(13, 40, 28, 0.16) !important;
    border: 1px solid #e2e8f0 !important;
    max-height: 280px !important;
    overflow-y: auto !important;
    z-index: 100 !important;
}

.landmark-filter-select.nice-select .option {
    font-size: 13px !important;
    line-height: 38px !important;
    min-height: 38px !important;
    padding-left: 15px !important;
    font-family: 'Poppins', sans-serif !important;
    color: #334155 !important;
}

.landmark-filter-select.nice-select .option:hover,
.landmark-filter-select.nice-select .option.focus,
.landmark-filter-select.nice-select .option.selected.focus {
    background-color: #f1f5f9 !important;
    color: #143324 !important;
}

.landmark-filter-select.nice-select .option.selected {
    font-weight: 600 !important;
    color: #c29b38 !important;
}

.project-search-input-wrap {
    position: relative;
    width: 100%;
}

.project-search-input-wrap .project-name-search {
    height: 46px;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    font-size: 13.5px;
    padding-left: 14px;
    padding-right: 36px;
    color: #1e293b;
    box-shadow: none;
    transition: all 0.3s ease;
    font-family: 'Poppins', sans-serif;
    background: #ffffff;
}

.project-search-input-wrap .project-name-search:focus {
    border-color: #c29b38;
    outline: none;
    box-shadow: 0 0 0 2px rgba(194, 155, 56, 0.18);
}

.project-search-input-wrap .search-icon {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #c29b38;
    pointer-events: none;
    font-size: 14px;
}

.landmark-reset-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    border-radius: 20px;
    border: 1px solid #c29b38;
    color: #c29b38;
    background: transparent;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
}

.landmark-reset-btn:hover {
    background: #c29b38;
    color: #ffffff;
}

/* 3-Column Luxury Project Cards */
.landmark-projects-archive-grid {
    margin-top: 10px;
}

.landmark-projects-archive-grid .Project__slider-wrap__single {
    width: 100%;
}

.landmark-projects-archive-grid .Project__slider-wrap__single__inner {
    height: 520px;
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0 10px 30px rgba(13, 40, 28, 0.12);
    transition: box-shadow 0.4s ease, transform 0.4s ease;
    background: #0d281c;
}

.landmark-projects-archive-grid .Project__slider-wrap__single:hover .Project__slider-wrap__single__inner {
    box-shadow: 0 20px 45px rgba(13, 40, 28, 0.22);
}

.landmark-projects-archive-grid .Project__slider-wrap__single__bg,
.landmark-projects-archive-grid .Project__slider-wrap__single__bg .modify-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.landmark-projects-archive-grid .Project__slider-wrap__single:hover .Project__slider-wrap__single__bg,
.landmark-projects-archive-grid .Project__slider-wrap__single:hover .modify-bg {
    transform: scale(1.07);
}

.Project__card-overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(13, 40, 28, 0.20) 0%, rgba(13, 40, 28, 0.45) 40%, rgba(8, 24, 17, 0.96) 100%);
    z-index: 2;
    pointer-events: none;
}

.project-card-top-badges {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 3;
    pointer-events: none;
}

.project-badge-scale {
    background: linear-gradient(135deg, #c29b38 0%, #a88228 100%);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    padding: 5px 12px;
    border-radius: 3px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
    font-family: 'Poppins', sans-serif;
}

.project-badge-trust {
    background: rgba(13, 40, 28, 0.85);
    backdrop-filter: blur(4px);
    color: #f8fafc;
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 4px 10px;
    border-radius: 3px;
    font-family: 'Poppins', sans-serif;
}

.landmark-projects-archive-grid .Project__slider-wrap__single__inner__content,
.landmark-concerns-archive-grid .Project__slider-wrap__single__inner__content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 25px 25px;
    color: #ffffff;
    z-index: 3;
}

.project-category-kicker {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #c29b38;
    letter-spacing: 2px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}

.project-card-heading {
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    margin: 0 0 6px !important;
    font-family: 'Poppins', sans-serif !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

.project-card-location {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    margin: 0 0 12px !important;
    font-family: 'Poppins', sans-serif !important;
}

.project-card-location i {
    color: #c29b38;
    margin-right: 5px;
}

.project-card-micro-tags {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.micro-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: #f1f5f9;
    font-size: 11px;
    font-weight: 500;
    padding: 3px 8px;
    border-radius: 3px;
    font-family: 'Poppins', sans-serif;
}

.micro-tag.red-soil-tag {
    background: rgba(185, 28, 28, 0.35);
    border-color: rgba(239, 68, 68, 0.5);
    color: #fecaca;
}

.micro-tag.gold-yield-tag {
    background: rgba(194, 155, 56, 0.35);
    border-color: rgba(194, 155, 56, 0.6);
    color: #fef08a;
}

.micro-tag.blue-iso-tag {
    background: rgba(48, 134, 95, 0.45);
    border-color: rgba(59, 130, 246, 0.6);
    color: #c6f0d8;
}

.micro-tag.green-export-tag {
    background: rgba(16, 185, 129, 0.35);
    border-color: rgba(16, 185, 129, 0.6);
    color: #a7f3d0;
}

.concern-card-logo-float {
    background: #ffffff;
    padding: 3px 8px;
    border-radius: 3px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    max-width: 95px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    pointer-events: none;
}

.concern-card-logo-float img {
    max-height: 22px !important;
    max-width: 82px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}

/* Hover Slide-Up Excerpt */
.landmark-projects-archive-grid .Project__slider-wrap__single__inner__content__slide,
.landmark-concerns-archive-grid .Project__slider-wrap__single__inner__content__slide {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    margin-bottom: 0;
    transition: max-height 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s ease, margin-bottom 0.3s ease;
}

.landmark-projects-archive-grid .Project__slider-wrap__single:hover .Project__slider-wrap__single__inner__content__slide,
.landmark-concerns-archive-grid .Project__slider-wrap__single:hover .Project__slider-wrap__single__inner__content__slide {
    max-height: 80px;
    opacity: 1;
    margin-bottom: 14px;
}

.landmark-projects-archive-grid .Project__slider-wrap__single__inner__content__slide p,
.landmark-concerns-archive-grid .Project__slider-wrap__single__inner__content__slide p {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.55;
    margin: 0;
    font-family: 'Poppins', sans-serif;
}

/* Action button on hover */
.landmark-projects-archive-grid .project-card-action-bar .dcBtn,
.landmark-concerns-archive-grid .project-card-action-bar .dcBtn {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.35s ease;
    display: inline-block;
}

.landmark-projects-archive-grid .Project__slider-wrap__single:hover .project-card-action-bar .dcBtn,
.landmark-concerns-archive-grid .Project__slider-wrap__single:hover .project-card-action-bar .dcBtn {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 991px) {
    .landmark-projects-archive-grid .Project__slider-wrap__single__inner,
    .landmark-concerns-archive-grid .Project__slider-wrap__single__inner {
        height: 460px;
    }
    .landmark-projects-archive-grid .Project__slider-wrap__single__inner__content,
    .landmark-concerns-archive-grid .Project__slider-wrap__single__inner__content {
        padding: 22px;
    }
    .project-card-heading {
        font-size: 19px !important;
    }
    .sea-hill-specs-bar {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .landmark-projects-archive-grid .Project__slider-wrap__single__inner,
    .landmark-concerns-archive-grid .Project__slider-wrap__single__inner {
        height: 420px;
    }
    .landmark-projects-archive-grid .Project__slider-wrap__single__inner__content h3,
    .landmark-concerns-archive-grid .Project__slider-wrap__single__inner__content h3 {
        font-size: 18px !important;
    }
    .landmark-projects-archive-grid .project-card-action-bar .dcBtn,
    .landmark-concerns-archive-grid .project-card-action-bar .dcBtn {
        opacity: 1;
        transform: translateY(0);
    }
    .landmark-projects-archive-grid .Project__slider-wrap__single__inner__content__slide,
    .landmark-concerns-archive-grid .Project__slider-wrap__single__inner__content__slide {
        display: none;
    }
}

/* ============================================
   SINGLE PROJECT DETAIL (LANDMARK SPLIT-SCREEN ARCHITECTURE)
   ============================================ */
.landmark-project-single-hero {
    position: relative;
    background: #ffffff;
    min-height: 100vh;
}

.Project-detail-banner__left {
    position: relative;
    background: #0d281c;
}

@media (min-width: 992px) {
    .Project-detail-banner__left {
        position: sticky;
        top: 75px;
        height: calc(100vh - 75px);
    }
    .Project-detail-banner__left__top {
        height: calc(100vh - 175px);
    }
    .Project-detail-banner__left__top__slider__single {
        height: calc(100vh - 175px);
    }
}

@media (max-width: 991px) {
    .Project-detail-banner__left__top {
        height: 480px;
    }
    .Project-detail-banner__left__top__slider__single {
        height: 480px;
    }
}

@media (max-width: 767px) {
    .Project-detail-banner__left__top {
        height: 380px;
    }
    .Project-detail-banner__left__top__slider__single {
        height: 380px;
    }
}

.Project-detail-banner__left__top__slider__single {
    position: relative;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    overflow: hidden;
}

.Project-detail-banner__left__top__slider__single::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(13, 40, 28, 0.15) 0%, rgba(13, 40, 28, 0.35) 60%, rgba(8, 24, 17, 0.65) 100%);
    pointer-events: none;
}

.project-single-floating-scale {
    position: absolute;
    top: 25px;
    left: 25px;
    z-index: 5;
}

.project-single-floating-scale span {
    background: linear-gradient(135deg, #c29b38 0%, #a88228 100%);
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 6px 14px;
    border-radius: 3px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    font-family: 'Poppins', sans-serif;
    display: inline-block;
}

.Project-detail-banner__left__bottom {
    height: 100px;
    background: #081a12;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.Project-detail-banner__left__bottom__single {
    height: 100px;
    cursor: pointer;
    position: relative;
    background-size: cover !important;
    background-position: center !important;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    transition: opacity 0.3s ease;
    opacity: 0.6;
}

.Project-detail-banner__left__bottom__single:hover,
.Project-detail-banner__left__bottom .slick-current .Project-detail-banner__left__bottom__single {
    opacity: 1;
}

.Project-detail-banner__left__bottom__single::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #c29b38;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.Project-detail-banner__left__bottom .slick-current .Project-detail-banner__left__bottom__single::after {
    opacity: 1;
}

/* Right Column Overview */
.Project-detail-banner__right {
    padding: 70px 60px 80px 50px;
    background: #ffffff;
}

@media (max-width: 991px) {
    .Project-detail-banner__right {
        padding: 40px 25px 50px;
    }
}

.Project-detail-banner__right__overview ul.Bredcum {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    padding: 0;
    list-style: none;
}

.Project-detail-banner__right__overview ul.Bredcum li a {
    color: #64748b;
    font-size: 13.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.3s ease;
}

.Project-detail-banner__right__overview ul.Bredcum li a:hover {
    color: #c29b38;
}

.Project-detail-banner__right__overview ul.Bredcum li::after {
    content: '/';
    margin-left: 8px;
    color: #cbd5e1;
}

.Project-detail-banner__right__overview ul.Bredcum li:last-child::after {
    display: none;
}

.Project-detail-banner__right__overview ul.Bredcum li span {
    color: #c29b38;
    font-size: 13.5px;
    font-weight: 600;
}

.Project-detail-banner__right__overview .Title {
    font-size: clamp(28px, 3.2vw, 42px);
    font-weight: 700;
    color: #143324 ;
    text-transform: uppercase;
    line-height: 1.15;
    margin-bottom: 8px;
    font-family: 'Poppins', sans-serif;
}

.Project-detail-banner__right__overview .location {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 0;
    margin: 25px 0 35px;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    font-size: 14.5px;
    color: #1e293b;
    font-weight: 500;
}

.Project-detail-banner__right__overview .Overview {
    margin-bottom: 45px;
}

.Project-detail-banner__right__overview .Overview h4 {
    color: #143324 ;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

/* Animated Progress Bar */
.Project-detail-banner__right__overview .Progress {
    position: relative;
    padding: 35px 25px 40px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    margin-bottom: 45px;
}

.Project-detail-banner__right__overview .Progress__bar {
    position: relative;
    margin: 40px 0 20px;
}

.Progress__bar__line {
    height: 6px;
    width: 100%;
    background: #e2e8f0;
    border-radius: 3px;
    position: relative;
}

.Progress__bar__line span:nth-of-type(1) {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(90deg, #c29b38 0%, #30865F 100%);
    border-radius: 3px;
    width: 0;
    transition: width 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.Progress__bar__line span:nth-of-type(2) {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #0d281c;
    border: 2px solid #c29b38;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    transition: left 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.Progress__bar__start {
    position: absolute;
    left: 0;
    bottom: 15px;
}

.Progress__bar__start p,
.Progress__bar__end p {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #64748b;
    margin: 0;
}

.Progress__bar__end {
    position: absolute;
    right: 0;
    bottom: 15px;
    text-align: right;
}

.Progress__bar__popup {
    margin-top: 30px;
    padding-top: 15px;
    border-top: 1px dashed #cbd5e1;
}

.Progress__bar__popup p {
    font-size: 13px;
    color: #334155;
    margin-bottom: 4px;
}

/* Specification Table */
.landmark-specs-table {
    margin-bottom: 0;
}

.landmark-specs-table tr td {
    padding: 12px 10px !important;
    border-top: 1px solid #f1f5f9 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    font-size: 14px;
    color: #334155;
    vertical-align: middle !important;
}

.landmark-specs-table tr td:first-child {
    font-weight: 600;
    color: #143324 ;
    width: 38%;
    padding-left: 0 !important;
}

.landmark-specs-table .red-soil-text {
    color: #b91c1c;
    font-weight: 600;
}

.landmark-specs-table .sub-kabla-text {
    color: #30865F;
    font-weight: 600;
}

/* Action button variations */
.landmark-btn-gold {
    background: #c29b38 !important;
    border-color: #c29b38 !important;
    color: #ffffff !important;
}

.landmark-btn-gold:hover {
    background: #0d281c !important;
    border-color: #143324 !important;
    color: #ffffff !important;
}

.landmark-btn-whatsapp {
    background: #25d366 !important;
    border-color: #25d366 !important;
    color: #ffffff !important;
}

.landmark-btn-whatsapp:hover {
    background: #128c7e !important;
    border-color: #128c7e !important;
    color: #ffffff !important;
}

/* Master Plan Viewer */
.masterplan-viewer-frame {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(13, 40, 28, 0.12);
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

.masterplan-img {
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

.masterplan-viewer-frame:hover .masterplan-img {
    transform: scale(1.02);
}

.masterplan-zoom-hint {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: rgba(13, 40, 28, 0.85);
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 20px;
    backdrop-filter: blur(4px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

/* Amenities Luxury Boxes */
.amenity-luxury-box {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 30px 22px;
    height: 100%;
    transition: all 0.35s ease;
}

.amenity-luxury-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(13, 40, 28, 0.08);
    border-color: #c29b38;
}

.amenity-icon-wrap {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(194, 155, 56, 0.12);
    color: #c29b38;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 18px;
}

.amenity-luxury-box h4 {
    font-size: 16px;
    font-weight: 700;
    color: #143324 ;
    margin: 0 0 10px;
    font-family: 'Poppins', sans-serif;
}

.amenity-luxury-box p {
    font-size: 13.5px;
    line-height: 1.6;
    color: #64748b;
    margin: 0;
}

/* Connectivity list in location section */
.connectivity-check-list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px;
}

.connectivity-check-list li {
    font-size: 14.5px;
    color: #334155;
    padding: 8px 0;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ==========================================================================
   NAVANA REAL ESTATE LUXURY PROPERTY DESIGN SYSTEM
   Benchmark: navanarealestate.com/properties/land/gardenia-by-navana
   ========================================================================== */

/* Page Scope Container */
.navana-land-single {
    background-color: #ffffff;
    color: #28241E;
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    overflow-x: hidden;
}

/* Navana Signature Editorial Serif Headings (Times Sans Serif) */
.navana-serif-title,
.navana-serif-heading {
    font-family: 'Times New Roman', 'Cormorant Garamond', 'Playfair Display', Georgia, serif !important;
    font-weight: 400 !important;
    color: #28241E !important;
    font-size: clamp(32px, 5.5vw, 76px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.015em !important;
    text-transform: capitalize !important;
    text-align: center !important;
    margin: 0 auto 20px !important;
}

.navana-section-desc {
    font-size: clamp(14px, 1.2vw, 16px) !important;
    color: #888888 !important;
    line-height: 1.7 !important;
    letter-spacing: 0.02em !important;
    max-width: 680px !important;
    margin: 0 auto 50px !important;
    text-align: center !important;
    font-weight: 300 !important;
}

/* --- SECTION 1: HERO SECTION (NAVANA BENCHMARK) --- */

/* Desktop Hero (min-width: 1025px) */
.navana-hero-desktop {
    display: none;
    position: relative;
    width: 100%;
    min-height: 100vh;
    background-color: #ffffff;
    overflow: hidden;
}

@media (min-width: 1025px) {
    .navana-hero-desktop {
        display: block;
    }
}

.navana-hero-desktop__inner {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 720px;
    max-height: 1050px;
    overflow: hidden;
}

.navana-hero-desktop__bg-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
    transition: transform 1.2s cubic-bezier(0.2, 0.9, 0.2, 1);
}

.navana-hero-desktop:hover .navana-hero-desktop__bg-img {
    transform: scale(1.02);
}

/* Top-Left Project Title Box */
.navana-hero-desktop__title-box {
    position: absolute;
    top: 130px;
    left: 80px;
    z-index: 10;
    max-width: 480px;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    padding: 30px 36px;
    border-radius: 4px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.6);
}

.navana-hero-title {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 300 !important;
    font-size: clamp(30px, 3.4vw, 46px) !important;
    line-height: 1.15 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: #28241E !important;
    margin: 0 0 10px !important;
}

.navana-hero-location {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14.5px;
    color: #777777;
    letter-spacing: 0.02em;
    line-height: 1.4;
    margin: 0;
}

.navana-hero-location svg {
    flex-shrink: 0;
    color: #888888;
}

/* Bottom-Right Floating Synopsis & Download Box */
.navana-hero-desktop__desc-box {
    position: absolute;
    bottom: 10vh;
    right: 80px;
    z-index: 10;
    max-width: 450px;
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    padding: 34px 32px;
    border-radius: 4px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.7);
}

.navana-hero-synopsis {
    font-size: 15px;
    color: #333333;
    line-height: 1.85;
    letter-spacing: 0.015em;
    font-weight: 300;
    margin: 0 0 22px;
}

.navana-btn-brochure {
    display: block;
    width: 100%;
    padding: 16px 28px;
    background-color: #333333;
    color: #ffffff !important;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 12px;
    font-weight: 500;
    border-radius: 2px;
    border: none;
    transition: all 0.4s cubic-bezier(0.2, 0.9, 0.2, 1);
    cursor: pointer;
    text-decoration: none !important;
}

.navana-btn-brochure:hover {
    background-color: #c29b38;
    color: #ffffff !important;
    transform: scale(1.03);
    box-shadow: 0 8px 25px rgba(194, 155, 56, 0.3);
}

/* Mobile Hero (max-width: 1024px) */
.navana-hero-mobile {
    display: block;
    background-color: #ffffff;
    padding: 100px 20px 40px;
}

@media (min-width: 1025px) {
    .navana-hero-mobile {
        display: none;
    }
}

.navana-hero-mobile__header {
    margin-bottom: 20px;
}

.navana-hero-mobile__header .navana-hero-title {
    font-size: clamp(26px, 6.5vw, 42px) !important;
    margin-bottom: 8px !important;
}

.navana-hero-mobile__img-wrap {
    width: 100%;
    aspect-ratio: 4 / 4.8;
    max-height: 520px;
    overflow: hidden;
    border-radius: 3px;
    background-color: #eaeaea;
    margin-bottom: 24px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.navana-hero-mobile__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.navana-hero-mobile__content {
    background: #ffffff;
}

.navana-hero-mobile__content .navana-hero-synopsis {
    font-size: 14.5px;
    color: #666666;
    line-height: 1.75;
    margin-bottom: 24px;
}

.navana-hero-mobile__btn-wrap {
    max-width: 320px;
    margin: 0 auto;
}

/* --- SECTION 2: AT A GLANCE (METRIC TILES) --- */
.navana-glance-section {
    background-color: #ffffff;
    padding: 110px 0;
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.04);
}

@media (max-width: 768px) {
    .navana-glance-section {
        padding: 70px 0;
    }
}

.navana-glance-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    max-width: 1240px;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .navana-glance-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

@media (max-width: 576px) {
    .navana-glance-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}

.navana-glance-card {
    background-color: #FAFAFA;
    border: 1px solid rgba(0, 0, 0, 0.03);
    padding: 32px 28px;
    border-radius: 2px;
    transition: all 0.35s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
    min-height: 175px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.navana-glance-card:nth-child(even) {
    background-color: #F5F5F5;
}

.navana-glance-card:hover {
    background-color: #ffffff;
    border-color: rgba(194, 155, 56, 0.35);
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.06);
    transform: translateY(-4px);
}

.navana-glance-card__icon {
    width: 36px;
    height: 36px;
    color: #28241E;
    margin-bottom: 18px;
    transition: color 0.3s ease;
}

.navana-glance-card:hover .navana-glance-card__icon {
    color: #c29b38;
}

.navana-glance-card__label {
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #888888;
    margin: 0 0 6px;
    font-weight: 400;
}

.navana-glance-card__value {
    font-size: clamp(15px, 1.15vw, 18px);
    font-weight: 500;
    color: #28241E;
    margin: 0;
    line-height: 1.35;
}

/* --- SECTION 3: VISUAL THEATER (4-COLUMN STAGGERED MASONRY) --- */
.navana-theater-section {
    background-color: #ffffff;
    padding: 110px 0 360px; /* col-4 translateY(320px) + 40px clearance buffer */
    position: relative;
    overflow: visible;
}

@media (max-width: 768px) {
    .navana-theater-section {
        padding: 70px 0 100px;
    }
}

.navana-theater-container {
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 24px;
}

.navana-theater-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    align-items: start;
}

@media (max-width: 991px) {
    .navana-theater-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

@media (max-width: 576px) {
    .navana-theater-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/* Navana Signature Staggered Vertical Offsets */
@media (min-width: 992px) {
    .navana-theater-col.navana-col-1 {
        transform: translateY(240px);
    }
    .navana-theater-col.navana-col-2 {
        transform: translateY(0);
    }
    .navana-theater-col.navana-col-3 {
        transform: translateY(120px);
    }
    .navana-theater-col.navana-col-4 {
        transform: translateY(320px);
    }
}

.navana-theater-col {
    display: flex;
    flex-direction: column;
    gap: 24px;
    transition: transform 0.7s cubic-bezier(0.2, 0.9, 0.2, 1);
}

.navana-theater-card {
    aspect-ratio: 3 / 4;
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    background-color: #eaeaea;
    cursor: pointer;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04);
}

.navana-theater-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.8s cubic-bezier(0.2, 0.9, 0.2, 1);
}

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

.navana-theater-card__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(40, 36, 30, 0.75) 0%, rgba(40, 36, 30, 0) 55%);
    opacity: 0;
    transition: opacity 0.4s ease;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 20px;
}

.navana-theater-card:hover .navana-theater-card__overlay {
    opacity: 1;
}

.navana-theater-card__caption {
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 0.04em;
    font-weight: 400;
}

.navana-theater-card__zoom-icon {
    width: 18px;
    height: 18px;
    color: #ffffff;
    opacity: 0.85;
}

/* --- SECTION 4: WHERE TO FIND US --- */
.navana-location-section {
    background-color: #ffffff;
    padding: 110px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.04);
}

@media (max-width: 768px) {
    .navana-location-section {
        padding: 70px 0;
    }
}

.navana-location-map-wrap {
    max-width: 1240px;
    margin: 0 auto;
    border-radius: 4px;
    overflow: hidden;
    background: #F8F8F8;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.06);
    height: 580px;
}

@media (max-width: 768px) {
    .navana-location-map-wrap {
        height: 380px;
    }
}

.navana-location-matrix {
    max-width: 1240px;
    margin: 35px auto 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

@media (max-width: 991px) {
    .navana-location-matrix {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .navana-location-matrix {
        grid-template-columns: 1fr;
    }
}

.navana-matrix-item {
    background: #FAFAFA;
    border: 1px solid rgba(0, 0, 0, 0.04);
    padding: 24px 20px;
    border-radius: 2px;
    transition: all 0.3s ease;
}

.navana-matrix-item:hover {
    background: #ffffff;
    border-color: rgba(194, 155, 56, 0.4);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.navana-matrix-item h5 {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #28241E !important;
    margin: 0 0 6px !important;
    display: flex;
    align-items: center;
    gap: 8px;
}

.navana-matrix-item h5 svg {
    color: #c29b38;
}

.navana-matrix-item p {
    font-size: 13px !important;
    color: #777777 !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* --- SECTION 5: MASTER PLAN & DEMARCATION --- */
.navana-masterplan {
    background-color: #FAFAFA;
    padding: 100px 0;
    border-top: 1px solid rgba(0,0,0,0.05);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.navana-masterplan__header {
    text-align: center;
    margin-bottom: 50px;
}

.navana-masterplan__viewer {
    max-width: 1180px;
    margin: 0 auto;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.06);
}

.navana-masterplan__img {
    width: 100%;
    height: auto;
    display: block;
    cursor: zoom-in;
    transition: transform 0.6s ease;
}

.navana-masterplan__viewer:hover .navana-masterplan__img {
    transform: scale(1.02);
}

.navana-masterplan__footer {
    padding: 24px 30px;
    background: #ffffff;
    border-top: 1px solid rgba(0,0,0,0.06);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.navana-masterplan__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.navana-tag {
    background: #F5F5F5;
    color: #28241E;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 6px 14px;
    border-radius: 2px;
    font-weight: 500;
}

/* --- SECTION 6: VIP SITE VISIT RESERVATION --- */
.navana-reservation {
    background-color: #ffffff;
    padding: 100px 0;
}

.navana-reservation__box {
    max-width: 1100px;
    margin: 0 auto;
    background: #FAFAFA;
    border: 1px solid rgba(0,0,0,0.05);
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    box-shadow: 0 15px 40px rgba(0,0,0,0.04);
}

@media (max-width: 991px) {
    .navana-reservation__box {
        flex-direction: column;
    }
}

.navana-reservation__image {
    flex: 1 1 45%;
    position: relative;
    min-height: 400px;
}

.navana-reservation__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.navana-reservation__form-wrap {
    flex: 1 1 55%;
    padding: 50px 45px;
}

@media (max-width: 576px) {
    .navana-reservation__form-wrap {
        padding: 30px 20px;
    }
}

/* --- SECTION 7: RELATED PROJECTS --- */
.navana-related {
    background-color: #FAFAFA;
    padding: 100px 0;
    border-top: 1px solid rgba(0,0,0,0.05);
}

.navana-related__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 50px;
}

@media (max-width: 991px) {
    .navana-related__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .navana-related__grid {
        grid-template-columns: 1fr;
    }
}

.navana-related-card {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.05);
    border-radius: 3px;
    overflow: hidden;
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
}

.navana-related-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

.navana-related-card__thumb {
    aspect-ratio: 16 / 10;
    overflow: hidden;
    position: relative;
}

.navana-related-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s ease;
}

.navana-related-card:hover .navana-related-card__thumb img {
    transform: scale(1.05);
}

.navana-related-card__body {
    padding: 24px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.navana-related-card__title {
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #28241E !important;
    margin: 0 0 8px !important;
}

.navana-related-card__loc {
    font-size: 13px !important;
    color: #888888 !important;
    margin: 0 0 18px !important;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* --- SECTION 8: COMMUNITY INFRASTRUCTURE & AMENITIES --- */
.navana-amenities {
    background-color: #ffffff;
    padding: 110px 0;
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.04);
}

@media (max-width: 768px) {
    .navana-amenities {
        padding: 70px 0;
    }
}

.navana-amenities__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    max-width: 1240px;
    margin: 40px auto 0;
}

@media (max-width: 1024px) {
    .navana-amenities__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 576px) {
    .navana-amenities__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

.navana-amenity-card {
    background-color: #FAFAFA;
    border: 1px solid rgba(0, 0, 0, 0.04);
    padding: 34px 28px;
    border-radius: 4px;
    transition: all 0.35s cubic-bezier(0.2, 0.9, 0.2, 1);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.navana-amenity-card:nth-child(even) {
    background-color: #F5F5F5;
}

.navana-amenity-card:hover {
    background-color: #ffffff;
    border-color: rgba(194, 155, 56, 0.4);
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.07);
    transform: translateY(-4px);
}

.navana-amenity-icon {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
    border-radius: 50%;
    background: rgba(194, 155, 56, 0.12);
    color: #c29b38;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.navana-amenity-card:hover .navana-amenity-icon {
    background: #c29b38;
    color: #ffffff;
    transform: scale(1.08);
}

.navana-amenity-icon svg {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    display: block !important;
    stroke: currentColor;
    flex-shrink: 0;
}

.navana-amenity-card h4 {
    font-size: 17px !important;
    font-weight: 500 !important;
    color: #28241E !important;
    margin: 0 0 10px !important;
    line-height: 1.35 !important;
    font-family: 'Poppins', sans-serif !important;
}

.navana-amenity-card p {
    font-size: 13.5px !important;
    color: #777777 !important;
    line-height: 1.65 !important;
    margin: 0 !important;
    font-weight: 300 !important;
}

/* Global SVG Safety Rules for Landmark Project Page */
.navana-land-single svg:not(.navana-float-svg) {
    max-width: 100%;
}

.navana-glance-card__icon {
    width: 36px !important;
    height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    flex-shrink: 0;
    display: block;
}

.navana-theater-card__zoom-icon {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    flex-shrink: 0;
    display: block;
}

/* --- NAVANA FLOATING CONCIERGE BUTTONS --- */
.navana-floating-concierge {
    position: fixed;
    bottom: 24px;
    right: 20px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.navana-float-btn {
    display: block;
    width: 49px;
    height: 52px;
    position: relative;
    cursor: pointer;
    transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.2, 1);
    text-decoration: none !important;
}

.navana-float-btn:hover {
    transform: scale(1.08);
}

.navana-float-svg {
    width: 49px;
    height: 52px;
    display: block;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.15));
}

.navana-float-bg {
    transition: fill 0.3s ease;
}

.navana-float-btn:hover .navana-float-bg {
    fill: #c29b38;
}

.navana-float-btn.whatsapp:hover .navana-float-bg {
    fill: #25D366;
}

.navana-float-tooltip {
    position: absolute;
    right: 58px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(40, 36, 30, 0.92);
    color: #ffffff;
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: 2px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.navana-float-btn:hover .navana-float-tooltip {
    opacity: 1;
}

/* --- NAVANA LIGHTBOX MODAL --- */
.navana-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(20, 18, 16, 0.94);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 100000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 30px;
    user-select: none;
}

.navana-lightbox.active {
    display: flex;
}

.navana-lightbox__img {
    max-width: 90vw;
    max-height: 85vh;
    object-fit: contain;
    border-radius: 2px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.5);
    transition: transform 0.3s ease;
}

.navana-lightbox__close {
    position: absolute;
    top: 25px;
    right: 30px;
    color: #ffffff;
    font-size: 34px;
    line-height: 1;
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 0.2s ease, color 0.2s ease;
}

.navana-lightbox__close:hover {
    opacity: 1;
    color: #c29b38;
}

.navana-lightbox__prev,
.navana-lightbox__next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    border: none;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 20px;
    transition: all 0.3s ease;
}

.navana-lightbox__prev { left: 30px; }
.navana-lightbox__next { right: 30px; }

.navana-lightbox__prev:hover,
.navana-lightbox__next:hover {
    background: #c29b38;
    color: #ffffff;
}

.navana-lightbox__caption {
    position: absolute;
    bottom: 25px;
    color: #ffffff;
    font-size: 13.5px;
    letter-spacing: 0.04em;
    background: rgba(0, 0, 0, 0.65);
    padding: 8px 24px;
    border-radius: 20px;
}

/* ==========================================================================
   LANDMARK GROUP - ABOUT US PAGE LUXURY DESIGN SYSTEM
   ========================================================================== */

/* 1. Cinematic Hero Section */
.landmark-cinematic-hero {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 170px 0 100px;
    color: #ffffff;
    overflow: hidden;
}

.landmark-cinematic-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(13, 40, 28, 0.90) 0%, rgba(8, 24, 17, 0.96) 100%);
    z-index: 1;
}

.landmark-cinematic-hero .container {
    position: relative;
    z-index: 2;
}

.landmark-hero-meta-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 25px;
}

.landmark-hero-breadcrumbs {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
}

.landmark-hero-breadcrumbs a {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
    transition: color 0.3s ease;
}

.landmark-hero-breadcrumbs a:hover {
    color: #c29b38;
}

.landmark-hero-breadcrumbs .current {
    color: #c29b38;
}

.landmark-hero-status-pill {
    background: rgba(194, 155, 56, 0.2);
    border: 1px solid rgba(194, 155, 56, 0.5);
    color: #e5c368;
    font-size: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 6px 16px;
    border-radius: 30px;
    font-weight: 600;
}

.landmark-cinematic-hero__title {
    font-size: clamp(30px, 4vw, 54px) !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
    margin: 0 0 16px !important;
    max-width: 900px;
}

.landmark-cinematic-hero__subtitle {
    font-size: clamp(15px, 1.25vw, 17px) !important;
    color: rgba(255, 255, 255, 0.8) !important;
    line-height: 1.75 !important;
    margin: 0 0 35px !important;
    max-width: 820px;
    font-weight: 300 !important;
}

/* Executive Stats Grid */
.landmark-executive-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    max-width: 1000px;
    margin: 30px 0 10px;
}

@media (max-width: 991px) {
    .landmark-executive-stats {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .landmark-executive-stats {
        grid-template-columns: 1fr;
    }
}

.landmark-stat-card {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(10px);
    border-radius: 6px;
    padding: 20px 22px;
    transition: all 0.35s ease;
}

.landmark-stat-card:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: #c29b38;
    transform: translateY(-3px);
}

.landmark-stat-card .val {
    display: block;
    font-size: 26px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.15;
    margin-bottom: 6px;
    font-family: 'Poppins', sans-serif;
}

.landmark-stat-card .lbl {
    display: block;
    font-size: 12px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.65);
    font-weight: 500;
}

/* 2. Sticky Sub-navigation Strip */
.landmark-strip-menu {
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    position: sticky;
    top: 70px;
    z-index: 90;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.landmark-strip-menu .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.landmark-strip-menu ul {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.landmark-strip-menu ul li {
    margin: 0;
}

.landmark-strip-menu ul li a {
    display: block;
    padding: 18px 20px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #475569;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

.landmark-strip-menu ul li a:hover,
.landmark-strip-menu ul li.active a {
    color: #30865F;
    border-bottom-color: #c29b38;
    background: rgba(194, 155, 56, 0.04);
}

/* 3. Section Headers & Tags */
.landmark-section-header,
.landmark-concerns-header {
    text-align: center;
    margin-bottom: 50px;
}

.landmark-concerns-tag {
    display: inline-block;
    background: rgba(194, 155, 56, 0.12);
    color: #c29b38;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 6px 16px;
    border-radius: 20px;
    margin-bottom: 12px;
}

.landmark-section-title,
.landmark-concerns-title {
    font-size: clamp(26px, 3.5vw, 42px) !important;
    font-weight: 700 !important;
    color: #143324 !important;
    line-height: 1.25 !important;
    margin: 0 0 12px !important;
}

.landmark-section-subtitle,
.landmark-concerns-subtitle {
    font-size: 15px !important;
    color: #64748b !important;
    max-width: 680px;
    margin: 0 auto !important;
    line-height: 1.65;
}

/* 4. Strategic Pillars */
.landmark-pillar-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 30px 22px;
    transition: all 0.35s ease;
    display: flex;
    flex-direction: column;
}

.landmark-pillar-card:hover {
    background: #ffffff;
    border-color: #c29b38;
    transform: translateY(-4px);
    box-shadow: 0 12px 35px rgba(13, 40, 28, 0.08);
}

.landmark-pillar-card__icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(48, 134, 95, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    transition: all 0.3s ease;
}

.landmark-pillar-card:hover .landmark-pillar-card__icon {
    background: #30865F;
    color: #ffffff !important;
}

/* 5. Business Verticals */
.landmark-vertical-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 36px 28px;
    transition: all 0.35s ease;
    box-shadow: 0 8px 25px rgba(13, 40, 28, 0.04);
}

.landmark-vertical-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 40px rgba(13, 40, 28, 0.09);
    border-color: #c29b38;
}

.landmark-vertical-tag {
    display: inline-block;
    background: #c29b38;
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 3px;
    margin-bottom: 14px;
}

.landmark-vertical-title {
    color: #143324 ;
    font-weight: 700;
    margin: 0 0 12px;
}

/* 6. Sister Concerns Grid (Crucial Fix for Giant Logos) */
.landmark-concerns-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-top: 40px;
}

@media (max-width: 991px) {
    .landmark-concerns-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 576px) {
    .landmark-concerns-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

.landmark-concern-card {
    background: #ffffff;
    border: 1px solid #e7ebe8;
    border-radius: 6px;
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    transition: all 0.35s cubic-bezier(0.2, 0.9, 0.2, 1);
    box-shadow: 0 4px 15px rgba(13, 40, 28, 0.04);
    height: 100%;
}

.landmark-concern-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 40px rgba(13, 40, 28, 0.09);
    border-color: #c29b38;
}

.landmark-concern-card__logo-wrap {
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    background: #fafafa;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    padding: 8px 16px;
    overflow: hidden;
}

.landmark-concern-card__logo {
    max-height: 52px !important;
    max-width: 170px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    transition: transform 0.3s ease;
}

.landmark-concern-card:hover .landmark-concern-card__logo {
    transform: scale(1.05);
}

.landmark-concern-card__badge {
    display: inline-block;
    align-self: flex-start;
    background: rgba(48, 134, 95, 0.08);
    color: #30865F;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 3px;
    margin-bottom: 10px;
}

.landmark-concern-card__title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #143324 !important;
    margin: 0 0 4px !important;
    line-height: 1.35 !important;
}

.landmark-concern-card__bengali {
    font-size: 13px;
    color: #64748b;
    margin-bottom: 12px;
    font-weight: 500;
}

.landmark-concern-card__desc {
    font-size: 13px !important;
    color: #64748b !important;
    line-height: 1.65 !important;
    margin: 0 0 20px !important;
    flex-grow: 1;
}

.landmark-concern-card__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #30865F;
    text-decoration: none;
    margin-top: auto;
    transition: all 0.3s ease;
}

.landmark-concern-card__link i {
    transition: transform 0.3s ease;
}

.landmark-concern-card__link:hover {
    color: #c29b38;
}

.landmark-concern-card__link:hover i {
    transform: translateX(4px);
}

/* ==========================================================================
   LANDMARK GROUP - BESPOKE ARCHITECTURAL SINGLE PROJECT DESIGN SYSTEM
   ========================================================================== */

/* 1. Discreet Architectural Sticky Concierge Ribbon */
.landmark-sticky-concierge {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 56px;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(40, 36, 30, 0.08);
    z-index: 1000;
    transform: translateY(-100%);
    transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.2, 1);
    display: flex;
    align-items: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.landmark-sticky-concierge.visible {
    transform: translateY(0);
}

.landmark-sticky-concierge__inner {
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.landmark-sticky-concierge__left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.landmark-sticky-concierge__title {
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #28241E !important;
    margin: 0 !important;
    white-space: nowrap;
}

.landmark-sticky-concierge__pill {
    background: #FAFAFA;
    border: 1px solid rgba(40, 36, 30, 0.08);
    color: #888888;
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 2px;
    font-weight: 500;
}

.landmark-sticky-concierge__nav {
    display: flex;
    align-items: center;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (max-width: 1100px) {
    .landmark-sticky-concierge__nav {
        display: none;
    }
}

.landmark-sticky-concierge__nav a {
    color: #666666;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.25s ease;
}

.landmark-sticky-concierge__nav a:hover {
    color: #c29b38;
}

.landmark-sticky-concierge__right {
    display: flex;
    align-items: center;
    gap: 12px;
}

.landmark-sticky-concierge__tel {
    font-size: 12px;
    font-weight: 600;
    color: #28241E;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-right: 6px;
}

.landmark-sticky-concierge__tel:hover {
    color: #c29b38;
}

.landmark-sticky-concierge__btn {
    padding: 8px 18px !important;
    font-size: 10.5px !important;
    letter-spacing: 0.1em !important;
    height: 36px !important;
}

/* 2. Naturally Elevated Red Soil Engineering Analysis */
.landmark-soil-section {
    background-color: #ffffff;
    padding: 100px 0;
    border-top: 1px solid rgba(40, 36, 30, 0.06);
}

.landmark-soil-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: 50px;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 860px) {
    .landmark-soil-grid {
        grid-template-columns: 1fr;
    }
}

.landmark-soil-card {
    background: #FAFAFA;
    border: 1px solid rgba(40, 36, 30, 0.06);
    border-radius: 4px;
    padding: 40px 32px;
    position: relative;
    transition: all 0.35s ease;
}

.landmark-soil-card--landmark {
    background: #ffffff;
    border: 2px solid #c29b38;
    box-shadow: 0 16px 40px rgba(194, 155, 56, 0.08);
}

.landmark-soil-card__badge {
    display: inline-block;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    padding: 6px 14px;
    border-radius: 2px;
    margin-bottom: 20px;
}

.landmark-soil-card--landmark .landmark-soil-card__badge {
    background: rgba(194, 155, 56, 0.12);
    color: #8f6c1a;
}

.landmark-soil-card--lowland .landmark-soil-card__badge {
    background: rgba(100, 116, 139, 0.12);
    color: #64748b;
}

.landmark-soil-card__title {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #28241E !important;
    margin: 0 0 14px !important;
    line-height: 1.3 !important;
}

.landmark-soil-card__desc {
    font-size: 14px !important;
    color: #666666 !important;
    line-height: 1.7 !important;
    margin-bottom: 25px !important;
    font-weight: 300 !important;
}

.landmark-soil-specs {
    list-style: none;
    padding: 0;
    margin: 0;
}

.landmark-soil-specs li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(40, 36, 30, 0.05);
    font-size: 13.5px;
    color: #28241E;
    line-height: 1.5;
}

.landmark-soil-specs li:last-child {
    border-bottom: none;
}

.landmark-soil-specs li svg {
    flex-shrink: 0;
    margin-top: 2px;
    width: 18px;
    height: 18px;
}

.landmark-soil-card--landmark .landmark-soil-specs li svg {
    color: #c29b38;
}

.landmark-soil-card--lowland .landmark-soil-specs li svg {
    color: #94a3b8;
}

/* 3. Interactive Plot Investment & Payment Schedule Table */
.landmark-calc-section {
    background-color: #FAFAFA;
    padding: 100px 0;
    border-top: 1px solid rgba(40, 36, 30, 0.06);
    border-bottom: 1px solid rgba(40, 36, 30, 0.06);
}

.landmark-calc-box {
    max-width: 1180px;
    margin: 45px auto 0;
    background: #ffffff;
    border: 1px solid rgba(40, 36, 30, 0.06);
    border-radius: 4px;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

.landmark-calc-tabs {
    display: flex;
    border-bottom: 1px solid rgba(40, 36, 30, 0.06);
    background: #FAFAFA;
    overflow-x: auto;
    white-space: nowrap;
}

.landmark-calc-tab-btn {
    flex: 1 1 0;
    min-width: 180px;
    padding: 20px 24px;
    border: none;
    background: transparent;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 500;
    color: #777777;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

.landmark-calc-tab-btn:hover {
    color: #28241E;
    background: rgba(255, 255, 255, 0.6);
}

.landmark-calc-tab-btn.active {
    color: #28241E;
    background: #ffffff;
    border-bottom-color: #c29b38;
    font-weight: 600;
}

.landmark-calc-tab-btn span {
    display: block;
    font-size: 10px;
    letter-spacing: 0.05em;
    color: #999999;
    margin-top: 3px;
    font-weight: 400;
}

.landmark-calc-body {
    padding: 40px 35px;
}

@media (max-width: 768px) {
    .landmark-calc-body {
        padding: 25px 20px;
    }
}

.landmark-calc-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
}

.landmark-calc-table tr {
    border-bottom: 1px solid rgba(40, 36, 30, 0.06);
}

.landmark-calc-table td {
    padding: 16px 12px;
    font-size: 14px;
    color: #666666;
    line-height: 1.5;
}

.landmark-calc-table td:first-child {
    font-weight: 500;
    color: #28241E;
    width: 40%;
}

.landmark-calc-table td:last-child {
    text-align: right;
    font-weight: 600;
    color: #28241E;
}

.landmark-calc-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    padding-top: 15px;
    border-top: 1px solid rgba(40, 36, 30, 0.06);
}

.landmark-calc-note {
    font-size: 12.5px;
    color: #888888;
    line-height: 1.6;
    max-width: 650px;
    margin: 0;
}

/* 4. Transparency & 4-Pillar Legal Guarantee */
.landmark-legal-section {
    background-color: #ffffff;
    padding: 90px 0;
}

.landmark-legal-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 50px;
}

@media (max-width: 991px) {
    .landmark-legal-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .landmark-legal-grid {
        grid-template-columns: 1fr;
    }
}

.landmark-legal-card {
    background: #FAFAFA;
    border: 1px solid rgba(40, 36, 30, 0.05);
    border-radius: 4px;
    padding: 32px 24px;
    transition: all 0.35s ease;
}

.landmark-legal-card:hover {
    background: #ffffff;
    border-color: #c29b38;
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
}

.landmark-legal-card__num {
    font-family: 'Times New Roman', Georgia, serif;
    font-size: 28px;
    color: #c29b38;
    margin-bottom: 12px;
    display: block;
    line-height: 1;
}

.landmark-legal-card h4 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #28241E !important;
    margin: 0 0 10px !important;
}

.landmark-legal-card p {
    font-size: 13px !important;
    color: #666666 !important;
    line-height: 1.65 !important;
    margin: 0 !important;
    font-weight: 300 !important;
}

/* ==========================================================================
   LANDMARK GROUP - BESPOKE SINGLE SISTER CONCERN ARCHITECTURAL DESIGN SYSTEM
   ========================================================================== */

/* 1. Sticky Enterprise Concierge Ribbon */
.landmark-concern-sticky-concierge {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 56px;
    background: rgba(255, 255, 255, 0.97);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(40, 36, 30, 0.08);
    z-index: 1000;
    transform: translateY(-100%);
    transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.2, 1);
    display: flex;
    align-items: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.landmark-concern-sticky-concierge.visible {
    transform: translateY(0);
}

.landmark-concern-sticky-concierge__inner {
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.landmark-concern-sticky-concierge__left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.landmark-concern-sticky-concierge__logo {
    max-height: 28px !important;
    max-width: 90px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

.landmark-concern-sticky-concierge__title {
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #28241E !important;
    margin: 0 !important;
    white-space: nowrap;
}

.landmark-concern-sticky-concierge__pill {
    background: #FAFAFA;
    border: 1px solid rgba(40, 36, 30, 0.08);
    color: #30865f;
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: 2px;
    font-weight: 600;
}

.landmark-concern-sticky-concierge__nav {
    display: flex;
    align-items: center;
    gap: 18px;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (max-width: 1100px) {
    .landmark-concern-sticky-concierge__nav {
        display: none;
    }
}

.landmark-concern-sticky-concierge__nav a {
    color: #666666;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.25s ease;
}

.landmark-concern-sticky-concierge__nav a:hover,
.landmark-concern-sticky-concierge__nav li.active a {
    color: #c29b38;
}

.landmark-concern-sticky-concierge__right {
    display: flex;
    align-items: center;
    gap: 12px;
}

.landmark-concern-sticky-concierge__tel {
    font-size: 12px;
    font-weight: 600;
    color: #28241E;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-right: 6px;
}

.landmark-concern-sticky-concierge__tel:hover {
    color: #c29b38;
}

.landmark-concern-sticky-concierge__btn {
    padding: 8px 18px !important;
    font-size: 10.5px !important;
    letter-spacing: 0.1em !important;
    height: 36px !important;
}

/* 2. Editorial Enterprise Hero */
.concern-hero {
    background-color: #FAFAFA;
    border-bottom: 1px solid #ebebeb;
    padding: 40px 0 60px;
    position: relative;
}

.concern-hero__meta-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 30px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(40, 36, 30, 0.06);
}

.concern-hero__breadcrumbs {
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #888888;
    display: flex;
    align-items: center;
    gap: 8px;
}

.concern-hero__breadcrumbs a {
    color: #888888;
    text-decoration: none;
    transition: color 0.2s ease;
}

.concern-hero__breadcrumbs a:hover {
    color: #28241E;
}

.concern-hero__breadcrumbs .separator {
    color: #cccccc;
}

.concern-hero__breadcrumbs .current {
    color: #28241E;
    font-weight: 600;
}

.concern-hero__badges {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.concern-hero__sector-pill {
    background: #ffffff;
    border: 1px solid rgba(40, 36, 30, 0.08);
    color: #30865F;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 5px 12px;
    border-radius: 2px;
    font-weight: 600;
}

.concern-hero__accred-pill {
    background: rgba(48, 134, 95, 0.08);
    border: 1px solid rgba(48, 134, 95, 0.2);
    color: #30865f;
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 5px 12px;
    border-radius: 2px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Main Hero Grid */
.concern-hero__grid {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 45px;
}

@media (max-width: 991px) {
    .concern-hero__grid {
        flex-direction: column;
        align-items: flex-start;
    }
}

.concern-hero__identity {
    flex: 1;
    max-width: 620px;
}

.concern-hero__logo-box {
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    padding: 12px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 64px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
    margin-bottom: 22px;
}

.concern-hero__logo-box img {
    max-height: 48px !important;
    max-width: 190px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

.concern-hero__title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    color: #1c2738 !important;
    line-height: 1.18 !important;
    margin: 0 0 8px !important;
    letter-spacing: -0.02em !important;
}

@media (max-width: 767px) {
    .concern-hero__title {
        font-size: 26px !important;
    }
}

.concern-hero__title-bn {
    font-size: 17px !important;
    color: #30865f !important;
    font-weight: 600 !important;
    margin: 0 0 16px !important;
    line-height: 1.4 !important;
}

.concern-hero__tagline {
    font-size: 14.5px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin: 0 0 26px !important;
    max-width: 560px !important;
}

.concern-hero__actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.concern-hero__media-col {
    flex: 1;
    width: 100%;
}

.concern-hero__media-frame {
    position: relative;
    aspect-ratio: 16/10;
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid rgba(40, 36, 30, 0.08);
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.07);
    background: #28241E;
}

.concern-hero__media-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.8s ease;
}

.concern-hero__media-frame:hover img {
    transform: scale(1.03);
}

.concern-hero__media-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);
    pointer-events: none;
}

.concern-hero__media-seal {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(40, 36, 30, 0.08);
    padding: 6px 12px;
    border-radius: 2px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #1c2738;
    display: flex;
    align-items: center;
    gap: 6px;
    z-index: 2;
}

.concern-hero__video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c29b38;
    font-size: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    z-index: 3;
    text-decoration: none;
}

.concern-hero__video-play:hover {
    transform: translate(-50%, -50%) scale(1.1);
    background: #c29b38;
    color: #ffffff;
}

/* Hero Stats Strip */
.concern-hero__stats-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
}

.concern-stat-box {
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    padding: 20px 16px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
    transition: transform 0.3s ease, border-color 0.3s ease;
}

.concern-stat-box:hover {
    transform: translateY(-3px);
    border-color: #c29b38;
}

.concern-stat-box__val {
    font-family: 'Poppins', sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: #1c2738;
    line-height: 1;
    margin-bottom: 6px;
    display: block;
}

.concern-stat-box__lbl {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
    font-weight: 600;
    display: block;
}

/* 3. Section Headers (Architectural & Uncluttered) */
.concern-section-header {
    text-align: center;
    max-width: 780px;
    margin: 0 auto 50px;
}

.concern-section-kicker {
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #c29b38;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
}

.concern-section-title {
    font-family: 'Times New Roman', Georgia, serif !important;
    font-size: 34px !important;
    font-weight: 400 !important;
    color: #28241E !important;
    line-height: 1.25 !important;
    margin: 0 0 14px !important;
}

@media (max-width: 767px) {
    .concern-section-title {
        font-size: 26px !important;
    }
}

.concern-section-subtitle {
    font-size: 14.5px !important;
    color: #64748b !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

/* 4. Executive Brief & Mandate Section */
.concern-executive-grid {
    display: flex;
    align-items: center;
    gap: 50px;
}

@media (max-width: 991px) {
    .concern-executive-grid {
        flex-direction: column;
    }
}

.concern-executive-brief {
    flex: 1;
}

.concern-executive-brief__body {
    font-size: 14.5px;
    color: #475569;
    line-height: 1.8;
    margin-bottom: 24px;
}

.concern-executive-brief__body p {
    margin-bottom: 16px;
}

.concern-executive-mandate-card {
    border-left: 3px solid #c29b38;
    background: #FAFAFA;
    padding: 16px 20px;
    border-radius: 0 4px 4px 0;
    margin-bottom: 28px;
}

.concern-executive-mandate-card p {
    font-style: italic;
    font-size: 13.5px;
    color: #28241E;
    line-height: 1.6;
    margin: 0;
}

.concern-executive-frame {
    flex: 1;
    position: relative;
    width: 100%;
}

.concern-executive-frame__media {
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid rgba(40, 36, 30, 0.08);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.06);
    aspect-ratio: 4/3;
}

.concern-executive-frame__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.concern-executive-dossier-card {
    position: absolute;
    bottom: -20px;
    right: 20px;
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    padding: 16px 20px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    max-width: 280px;
}

@media (max-width: 767px) {
    .concern-executive-dossier-card {
        position: static;
        margin-top: 20px;
        max-width: 100%;
    }
}

.concern-executive-dossier-card__item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #475569;
    margin-bottom: 6px;
}

.concern-executive-dossier-card__item:last-child {
    margin-bottom: 0;
}

.concern-executive-dossier-card__item i {
    color: #30865f;
}

/* 5. Enterprise Specifications Grid ("At A Glance") */
.concern-specs-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 991px) {
    .concern-specs-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

.concern-spec-card {
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    padding: 24px 20px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    transition: all 0.3s ease;
}

.concern-spec-card:hover {
    border-color: #c29b38;
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.04);
}

.concern-spec-card__icon {
    width: 44px;
    height: 44px;
    border-radius: 4px;
    background: #FAFAFA;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.concern-spec-card__icon svg {
    width: 22px;
    height: 22px;
    stroke: currentColor;
    fill: none;
}

.concern-spec-card__label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #888888;
    margin-bottom: 4px;
    font-weight: 500;
}

.concern-spec-card__val {
    font-size: 14.5px !important;
    font-weight: 600 !important;
    color: #28241E !important;
    margin: 0 !important;
    line-height: 1.35 !important;
}

/* 6. Core Strengths Cards */
.concern-strength-card-new {
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    padding: 32px 26px;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
}

.concern-strength-card-new:hover {
    border-color: #c29b38;
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
}

.concern-strength-card-new__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.concern-strength-card-new__idx {
    font-family: 'Times New Roman', Georgia, serif;
    font-size: 24px;
    color: #c29b38;
    font-weight: 400;
}

.concern-strength-card-new__icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(194, 155, 56, 0.08);
    color: #c29b38;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

.concern-strength-card-new__title {
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #28241E !important;
    margin: 0 0 12px !important;
    line-height: 1.35 !important;
}

.concern-strength-card-new__desc {
    font-size: 13.5px !important;
    color: #64748b !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

/* 7. Offerings / Capabilities Cards */
.concern-capability-card {
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    padding: 28px 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
}

.concern-capability-card:hover {
    border-color: #30865f;
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.04);
}

.concern-capability-card__badge {
    align-self: flex-start;
    background: rgba(48, 134, 95, 0.08);
    color: #30865f;
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 4px 10px;
    border-radius: 2px;
    margin-bottom: 16px;
}

.concern-capability-card__title {
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #1c2738 !important;
    margin: 0 0 10px !important;
    line-height: 1.35 !important;
}

.concern-capability-card__desc {
    font-size: 13.5px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin: 0 0 18px !important;
    flex-grow: 1;
}

.concern-capability-card__link {
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #30865F;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color 0.2s ease;
}

.concern-capability-card__link:hover {
    color: #c29b38;
}

/* 8. Institutional Clients Grid */
.concern-client-badge-new {
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    padding: 20px 18px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease;
}

.concern-client-badge-new:hover {
    border-color: #30865F;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
}

.concern-client-badge-new__type {
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #30865F;
    font-weight: 700;
    margin-bottom: 6px;
}

.concern-client-badge-new__name {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1c2738 !important;
    margin: 0 0 10px !important;
    line-height: 1.3 !important;
}

.concern-client-badge-new__meta {
    font-size: 12px;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 6px;
    border-top: 1px solid #f0f0f0;
    padding-top: 10px;
    margin-top: auto;
}

/* 9. VIP & Celebrity Review Spotlight */
.concern-vip-spotlight {
    background: linear-gradient(135deg, #0d281c 0%, #174230 100%);
    color: #ffffff;
    padding: 80px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
}

.concern-vip-spotlight::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: radial-gradient(circle at 80% 30%, rgba(194, 155, 56, 0.08) 0%, transparent 60%);
    pointer-events: none;
}

/* 10. Visual Theater Gallery */
.concern-gallery-card {
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #ebebeb;
    background: #ffffff;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.03);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.concern-gallery-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.08);
}

.concern-gallery-card__media {
    position: relative;
    aspect-ratio: 16/10;
    overflow: hidden;
    cursor: pointer;
}

.concern-gallery-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.concern-gallery-card__media:hover img {
    transform: scale(1.05);
}

.concern-gallery-card__body {
    padding: 16px 18px;
    flex-grow: 1;
}

.concern-gallery-card__title {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1c2738 !important;
    margin: 0 0 4px !important;
}

.concern-gallery-card__caption {
    font-size: 12.5px !important;
    color: #64748b !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* 11. RFP Concierge Section */
.concern-inquiry-box {
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    padding: 36px 30px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.03);
    height: 100%;
}

.concern-inquiry-box__tag {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #c29b38;
    font-weight: 700;
    margin-bottom: 12px;
    display: block;
}

.concern-inquiry-box__title {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #1c2738 !important;
    margin: 0 0 14px !important;
    line-height: 1.25 !important;
}

.concern-inquiry-box__desc {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin: 0 0 24px !important;
}

.concern-contact-row {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 18px;
}

.concern-contact-row__icon {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    background: #FAFAFA;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.concern-contact-row__label {
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #888888;
    margin-bottom: 2px;
}

.concern-contact-row__val {
    font-size: 14px;
    font-weight: 600;
    color: #1c2738;
}

.concern-contact-row__val a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.concern-contact-row__val a:hover {
    color: #c29b38;
}

/* 12. Sibling Enterprises Cards */
.concern-sibling-card {
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
}

.concern-sibling-card:hover {
    border-color: #c29b38;
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05);
}

.concern-sibling-card__media {
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
}

.concern-sibling-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.concern-sibling-card:hover .concern-sibling-card__media img {
    transform: scale(1.05);
}

.concern-sibling-card__logo-pill {
    position: absolute;
    bottom: 12px;
    left: 12px;
    background: #ffffff;
    padding: 4px 10px;
    border-radius: 2px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    max-height: 32px;
    display: flex;
    align-items: center;
}

.concern-sibling-card__logo-pill img {
    max-height: 22px !important;
    width: auto !important;
    object-fit: contain !important;
}

.concern-sibling-card__body {
    padding: 20px 18px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.concern-sibling-card__title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1c2738 !important;
    margin: 0 0 8px !important;
}

.concern-sibling-card__title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.concern-sibling-card__title a:hover {
    color: #c29b38;
}

.concern-sibling-card__desc {
    font-size: 13px !important;
    color: #64748b !important;
    line-height: 1.6 !important;
    margin: 0 0 16px !important;
    flex-grow: 1;
}

/* Lightbox Modal */
.concern-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(10, 15, 25, 0.95);
    backdrop-filter: blur(10px);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.concern-lightbox.active {
    opacity: 1;
    pointer-events: auto;
}

.concern-lightbox__content {
    max-width: 90vw;
    max-height: 85vh;
    position: relative;
    text-align: center;
}

.concern-lightbox__content img {
    max-width: 100%;
    max-height: 80vh;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.concern-lightbox__caption {
    color: #ffffff;
    font-size: 14px;
    margin-top: 12px;
    letter-spacing: 0.04em;
}

.concern-lightbox__close {
    position: absolute;
    top: 24px;
    right: 28px;
    color: #ffffff;
    font-size: 32px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    line-height: 1;
    transition: color 0.2s ease;
}

.concern-lightbox__close:hover {
    color: #c29b38;
}

/* ==========================================================================
   LANDMARK GROUP - STANDARD BLOG SINGLE TEMPLATE STYLES
   Editorial & Research Architecture matching Luxury Standards
   ========================================================================== */

/* --- 1. Editorial Header --- */
.landmark-blog-single-header {
    background: #ffffff;
    border-bottom: 1px solid #edf2f7;
    padding: 115px 0 36px; /* 75px fixed header + 40px breathing room */
    position: relative;
}

.landmark-blog-breadcrumb {
    font-size: 12.5px;
    font-family: 'Poppins', sans-serif;
    color: #718096;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    line-height: 1.5;
}

.landmark-blog-breadcrumb a {
    color: #718096;
    text-decoration: none;
    transition: color 0.2s ease;
}

.landmark-blog-breadcrumb a:hover {
    color: #c29b38;
}

.landmark-blog-breadcrumb-sep {
    color: #cbd5e0;
    margin: 0 4px;
}

.landmark-blog-breadcrumb .current {
    color: #1a202c;
    font-weight: 600;
    max-width: 450px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.landmark-blog-kicker-wrap {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.landmark-blog-category-badge {
    background: rgba(194, 155, 56, 0.12);
    color: #9c7621;
    border: 1px solid rgba(194, 155, 56, 0.35);
    padding: 5px 14px;
    border-radius: 4px;
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}

.landmark-blog-category-badge:hover {
    background: #c29b38;
    color: #ffffff;
    border-color: #c29b38;
}

.landmark-blog-verified-badge {
    font-size: 12px;
    font-weight: 600;
    color: #30865f;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.landmark-blog-single-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 40px;
    line-height: 1.28;
    font-weight: 700;
    color: #30865F;
    margin: 0 0 24px 0;
    max-width: 980px;
    letter-spacing: -0.3px;
}

.landmark-blog-byline-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    padding-top: 22px;
    border-top: 1px solid #edf2f7;
}

.landmark-byline-author {
    display: flex;
    align-items: center;
    gap: 14px;
}

.landmark-byline-avatar {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #30865F;
    border: 2px solid #c29b38;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    flex-shrink: 0;
    box-shadow: 0 4px 10px rgba(48, 134, 95, 0.15);
}

.landmark-byline-details {
    display: flex;
    flex-direction: column;
}

.landmark-byline-name {
    font-size: 14.5px;
    font-weight: 700;
    color: #141821;
    line-height: 1.3;
}

.landmark-byline-role {
    font-size: 12px;
    color: #64748b;
    line-height: 1.3;
    margin-top: 2px;
}

.landmark-byline-meta-group {
    display: flex;
    align-items: center;
    gap: 22px;
    font-size: 13px;
    color: #64748b;
}

.landmark-byline-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.landmark-byline-meta-item i.fa-calendar-o {
    color: #30865f;
}

.landmark-byline-meta-item i.fa-clock-o {
    color: #c29b38;
}

.landmark-byline-share {
    display: flex;
    align-items: center;
    gap: 10px;
}

.landmark-share-label {
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    color: #888888;
    letter-spacing: 0.5px;
}

.landmark-share-buttons {
    display: flex;
    align-items: center;
    gap: 8px;
}

.landmark-share-btn {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 14px;
    transition: transform 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease;
    border: none;
    cursor: pointer;
    line-height: 1;
}

.landmark-share-btn:hover {
    transform: translateY(-2px);
    opacity: 0.92;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.landmark-share-btn.wa { background: #25D366; }
.landmark-share-btn.li { background: #0A66C2; }
.landmark-share-btn.fb { background: #1877F2; }
.landmark-share-btn.tw { background: #111111; }
.landmark-share-btn.copy { background: #4a5568; }

/* --- 2. Featured Image Frame --- */
.landmark-blog-featured-frame {
    background: #ffffff;
    padding: 30px 0 0;
}

.landmark-featured-visual-container {
    margin: 0;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.04);
    background: #0f172a;
}

.landmark-featured-img {
    width: 100%;
    height: 480px;
    object-fit: cover;
    display: block;
    transition: transform 0.8s ease;
}

.landmark-featured-caption {
    background: #ffffff;
    padding: 12px 22px;
    border-top: 1px solid #edf2f7;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 12.5px;
    color: #718096;
}

.landmark-caption-tag {
    color: #c29b38;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.landmark-caption-text {
    font-style: italic;
    color: #4a5568;
}

/* --- 3. Main Content & Sidebar Section --- */
.landmark-blog-main {
    padding: 60px 0 90px;
}

.landmark-article-card {
    background: #ffffff;
    border: 1px solid #e7ebe8;
    border-radius: 8px;
    padding: 45px 48px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.03);
}

/* Executive Briefing Takeaway */
.landmark-executive-briefing-box {
    background: #fdfcf9;
    border-left: 4px solid #c29b38;
    border-top: 1px solid #f6eee0;
    border-right: 1px solid #f6eee0;
    border-bottom: 1px solid #f6eee0;
    padding: 24px 28px;
    border-radius: 0 6px 6px 0;
    margin-bottom: 38px;
}

.landmark-briefing-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    color: #c29b38;
    font-size: 16px;
}

.landmark-briefing-header h4 {
    margin: 0;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16.5px;
    font-weight: 700;
    color: #141821;
}

.landmark-executive-briefing-box p {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: #4b5563;
}

/* Article Body Typography */
.landmark-article-body {
    font-size: 17px;
    line-height: 1.88;
    color: #2d3748;
    letter-spacing: 0.15px;
}

.landmark-article-body > p:first-of-type {
    font-size: 18.5px;
    line-height: 1.82;
    color: #1a202c;
    font-weight: 400;
    margin-bottom: 26px;
}

.landmark-article-body p {
    margin-bottom: 24px;
}

.landmark-article-body h2 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 26px;
    font-weight: 700;
    color: #30865F;
    margin-top: 42px;
    margin-bottom: 18px;
    line-height: 1.35;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #edf2f7;
}

.landmark-article-body h2:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 60px;
    height: 2px;
    background: #c29b38;
}

.landmark-article-body h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 21px;
    font-weight: 600;
    color: #141821;
    margin-top: 32px;
    margin-bottom: 14px;
    line-height: 1.4;
}

.landmark-article-body h4 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px;
    font-weight: 600;
    color: #141821;
    margin-top: 24px;
    margin-bottom: 12px;
}

.landmark-article-body strong {
    color: #141821;
    font-weight: 600;
}

.landmark-article-body a {
    color: #30865F;
    text-decoration: underline;
    text-decoration-color: #c29b38;
    text-underline-offset: 3px;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.landmark-article-body a:hover {
    color: #c29b38;
    text-decoration-color: #30865F;
}

.landmark-article-body blockquote {
    position: relative;
    background: #faf8f4;
    border-left: 4px solid #c29b38;
    padding: 26px 32px 26px 42px;
    margin: 36px 0;
    border-radius: 0 8px 8px 0;
    font-style: italic;
    font-size: 18.5px;
    line-height: 1.75;
    color: #1e293b;
}

.landmark-article-body blockquote:before {
    content: '\201C';
    position: absolute;
    top: 10px;
    left: 14px;
    font-size: 48px;
    line-height: 1;
    color: #c29b38;
    opacity: 0.6;
    font-family: Georgia, serif;
}

.landmark-article-body ul,
.landmark-article-body ol {
    margin: 22px 0 28px 24px;
    padding: 0;
}

.landmark-article-body li {
    margin-bottom: 12px;
    line-height: 1.75;
    color: #374151;
}

.landmark-article-body img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 25px 0;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
}

.landmark-article-body table {
    width: 100%;
    border-collapse: collapse;
    margin: 32px 0;
    font-size: 14.5px;
    border: 1px solid #edf2f7;
    border-radius: 6px;
    overflow: hidden;
}

.landmark-article-body th {
    background: #30865F;
    color: #ffffff;
    padding: 13px 18px;
    text-align: left;
    font-weight: 600;
}

.landmark-article-body td {
    padding: 13px 18px;
    border-top: 1px solid #edf2f7;
    color: #4a5568;
}

.landmark-article-body tr:nth-child(even) td {
    background: #f8fafc;
}

/* Article Topics / Tags */
.landmark-article-tags-wrap {
    margin-top: 42px;
    padding-top: 24px;
    border-top: 1px solid #edf2f7;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.landmark-tags-label {
    font-size: 13px;
    font-weight: 700;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.landmark-tags-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.landmark-tag-pill {
    background: #f1f5f9;
    color: #475569;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.landmark-tag-pill:hover {
    background: #30865F;
    color: #ffffff;
}

/* Article Share Footer Ribbon */
.landmark-article-share-footer {
    margin-top: 25px;
    background: #f8fafc;
    border: 1px solid #edf2f7;
    border-radius: 6px;
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.landmark-share-footer-cta {
    display: flex;
    flex-direction: column;
}

.landmark-share-footer-title {
    font-size: 14.5px;
    font-weight: 700;
    color: #141821;
}

.landmark-share-footer-desc {
    font-size: 12.5px;
    color: #64748b;
}

/* Author Credentials Card */
.landmark-author-bio-card {
    margin-top: 36px;
    background: #fbfbfd;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 30px;
    display: flex;
    gap: 22px;
    align-items: flex-start;
}

.landmark-author-avatar-large {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: #30865F;
    border: 3px solid #c29b38;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    flex-shrink: 0;
    box-shadow: 0 4px 15px rgba(48, 134, 95, 0.15);
}

.landmark-author-bio-content {
    flex-grow: 1;
}

.landmark-author-badge {
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    color: #c29b38;
    margin-bottom: 4px;
}

.landmark-author-name {
    margin: 0 0 3px 0;
    font-family: 'Poppins', sans-serif !important;
    font-size: 17px;
    font-weight: 700;
    color: #141821;
}

.landmark-author-role {
    margin: 0 0 10px 0;
    font-size: 13px;
    color: #30865f;
    font-weight: 600;
}

.landmark-author-desc {
    margin: 0 0 12px 0;
    font-size: 13.5px;
    color: #555555;
    line-height: 1.6;
}

.landmark-author-contact-row {
    display: flex;
    align-items: center;
    gap: 15px;
}

.landmark-author-link {
    font-size: 12.5px;
    font-weight: 700;
    color: #30865F;
    text-decoration: none;
    transition: color 0.2s ease;
}

.landmark-author-link:hover {
    color: #c29b38;
}

/* Post Navigation (Prev/Next) */
.landmark-post-navigation {
    margin-top: 36px;
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

.landmark-nav-card {
    flex: 1;
    min-width: 260px;
    display: flex;
    gap: 14px;
    padding: 16px 18px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    text-decoration: none;
    color: inherit;
    transition: all 0.25s ease;
    align-items: center;
}

.landmark-nav-card:hover {
    border-color: #c29b38;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.04);
    transform: translateY(-2px);
}

.landmark-nav-next {
    flex-direction: row-reverse;
    text-align: right;
}

.landmark-nav-card-thumb {
    width: 64px;
    height: 64px;
    border-radius: 4px;
    overflow: hidden;
    flex-shrink: 0;
    background: #141821;
}

.landmark-nav-card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.landmark-nav-card-text {
    flex-grow: 1;
}

.landmark-nav-card-direction {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    color: #888888;
    display: block;
    margin-bottom: 2px;
}

.landmark-nav-card-cat {
    font-size: 10.5px;
    font-weight: 700;
    color: #30865f;
    text-transform: uppercase;
    display: block;
    margin-bottom: 4px;
}

.landmark-nav-card-title {
    margin: 0;
    font-size: 13.5px;
    font-weight: 600;
    color: #141821;
    line-height: 1.4;
    transition: color 0.2s ease;
}

.landmark-nav-card:hover .landmark-nav-card-title {
    color: #30865F;
}

.landmark-nav-empty {
    border: none;
    background: transparent;
    pointer-events: none;
}

/* --- 4. Luxury Sticky Sidebar --- */
.landmark-blog-sidebar {
    position: sticky;
    top: 105px;
    z-index: 10;
}

.landmark-sidebar-widget {
    margin-bottom: 30px;
    border-radius: 8px;
    overflow: hidden;
}

/* VIP Advisory Desk */
.landmark-vip-desk-widget {
    background: linear-gradient(145deg, #141821 0%, #1e293b 100%);
    color: #ffffff;
    padding: 30px 26px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    border-top: 3px solid #c29b38;
}

.landmark-vip-pill {
    background: rgba(194, 155, 56, 0.2);
    color: #c29b38;
    font-size: 10.5px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 12px;
}

.landmark-vip-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 19px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 10px 0;
    line-height: 1.35;
}

.landmark-vip-desc {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.6;
    margin-bottom: 22px;
}

.landmark-vip-actions {
    margin-bottom: 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.landmark-sidebar-action-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 18px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.25s ease;
    text-align: center;
}

.landmark-sidebar-action-btn.wa-btn {
    background: #25D366;
    color: #ffffff;
}

.landmark-sidebar-action-btn.wa-btn:hover {
    background: #1fa851;
    color: #ffffff;
    transform: translateY(-2px);
}

.landmark-sidebar-action-btn.meet-btn {
    background: #c29b38;
    color: #ffffff;
}

.landmark-sidebar-action-btn.meet-btn:hover {
    background: #a47e24;
    color: #ffffff;
    transform: translateY(-2px);
}

.landmark-vip-hotline {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding-top: 14px;
}

.landmark-vip-hotline a {
    color: #c29b38;
    font-weight: 700;
    text-decoration: none;
    margin-left: 4px;
}

/* Standard Card Widget */
.landmark-card-widget {
    background: #ffffff;
    border: 1px solid #e7ebe8;
    padding: 28px 24px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.02);
}

.landmark-widget-kicker {
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-weight: 700;
    color: #c29b38;
    display: block;
    margin-bottom: 4px;
}

.landmark-widget-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px;
    font-weight: 700;
    color: #141821;
    margin: 0 0 18px 0;
}

/* Flagship Opportunities */
.landmark-opportunity-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.landmark-opportunity-item {
    display: flex;
    gap: 14px;
    align-items: center;
    padding-bottom: 14px;
    border-bottom: 1px solid #f0f0f0;
}

.landmark-opp-thumb {
    width: 65px;
    height: 65px;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
    background: #141821;
}

.landmark-opp-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.landmark-opp-content {
    flex-grow: 1;
}

.landmark-opp-title {
    font-size: 13.5px;
    font-weight: 700;
    color: #30865F;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: color 0.2s ease;
    margin-bottom: 4px;
}

.landmark-opp-title:hover {
    color: #c29b38;
}

.landmark-opp-meta {
    font-size: 12px;
    color: #64748b;
    margin: 0;
    line-height: 1.45;
}

.landmark-opp-footer {
    padding-top: 14px;
    text-align: right;
}

.landmark-opp-more-link {
    font-size: 12.5px;
    font-weight: 700;
    color: #30865f;
    text-decoration: none;
    transition: color 0.2s ease;
}

.landmark-opp-more-link:hover {
    color: #30865F;
}

/* Recent Articles List */
.landmark-recent-articles-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.landmark-recent-article-item {
    display: flex;
    gap: 14px;
    padding: 14px 0;
    border-bottom: 1px solid #f0f0f0;
    align-items: center;
}

.landmark-recent-article-item:first-child {
    padding-top: 0;
}

.landmark-recent-article-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.landmark-recent-thumb-link {
    width: 60px;
    height: 60px;
    border-radius: 4px;
    overflow: hidden;
    flex-shrink: 0;
    background: #141821;
    display: block;
}

.landmark-recent-thumb-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.landmark-recent-thumb-link:hover img {
    transform: scale(1.08);
}

.landmark-recent-content {
    flex-grow: 1;
}

.landmark-recent-category {
    font-size: 10.5px;
    color: #30865f;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-bottom: 2px;
}

.landmark-recent-title {
    margin: 0 0 3px 0;
    font-size: 13.5px;
    line-height: 1.45;
    font-weight: 600;
}

.landmark-recent-title a {
    color: #141821;
    text-decoration: none;
    transition: color 0.2s ease;
}

.landmark-recent-title a:hover {
    color: #c29b38;
}

.landmark-recent-date {
    font-size: 11.5px;
    color: #888888;
}

/* Newsletter Widget */
.landmark-newsletter-widget {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 26px 24px;
    text-align: center;
}

.landmark-newsletter-icon {
    font-size: 28px;
    color: #c29b38;
    margin-bottom: 10px;
}

.landmark-newsletter-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 17px;
    font-weight: 700;
    color: #141821;
    margin: 0 0 8px 0;
}

.landmark-newsletter-desc {
    font-size: 12.5px;
    color: #64748b;
    line-height: 1.6;
    margin-bottom: 18px;
}

.landmark-newsletter-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.landmark-newsletter-input {
    width: 100%;
    height: 42px;
    padding: 0 14px;
    font-size: 13px;
    border: 1px solid #cbd5e0;
    border-radius: 4px;
    outline: none;
    transition: border-color 0.2s ease;
    box-sizing: border-box;
}

.landmark-newsletter-input:focus {
    border-color: #30865F;
}

.landmark-newsletter-btn {
    height: 42px;
    background: #30865F;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.8px;
    cursor: pointer;
    transition: background 0.2s ease;
}

.landmark-newsletter-btn:hover {
    background: #c29b38;
}

/* --- 5. Related Articles Grid --- */
.landmark-related-articles-section {
    background: #ffffff;
    padding: 80px 0;
    border-top: 1px solid #e7ebe8;
}

.landmark-related-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 40px;
    flex-wrap: wrap;
    gap: 15px;
}

.landmark-related-kicker {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #c29b38;
    font-weight: 700;
    display: block;
    margin-bottom: 6px;
}

.landmark-related-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 26px;
    font-weight: 700;
    color: #30865F;
    margin: 0;
}

.landmark-view-all-link {
    font-size: 13px;
    font-weight: 700;
    color: #30865F;
    text-decoration: none;
    transition: color 0.2s ease;
}

.landmark-view-all-link:hover {
    color: #c29b38;
}

.landmark-related-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #e7ebe8;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.03);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.landmark-related-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);
}

.landmark-related-thumb-wrap {
    position: relative;
    height: 220px;
    overflow: hidden;
    background: #141821;
}

.landmark-related-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.landmark-related-card:hover .landmark-related-img {
    transform: scale(1.08);
}

.landmark-related-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    background: rgba(194, 155, 56, 0.95);
    color: #ffffff;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.landmark-related-readtime {
    position: absolute;
    bottom: 12px;
    right: 14px;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(4px);
    color: #ffffff;
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 3px;
}

.landmark-related-body {
    padding: 22px 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.landmark-related-date {
    font-size: 11.5px;
    color: #888888;
    margin-bottom: 8px;
}

.landmark-related-date i {
    color: #30865f;
}

.landmark-related-card-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16.5px;
    line-height: 1.45;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.landmark-related-card-title a {
    color: #141821;
    text-decoration: none;
    transition: color 0.2s ease;
}

.landmark-related-card-title a:hover {
    color: #c29b38;
}

.landmark-related-excerpt {
    font-size: 13px;
    line-height: 1.65;
    color: #555555;
    margin-bottom: 18px;
    flex-grow: 1;
}

.landmark-related-footer {
    border-top: 1px solid #f0f0f0;
    padding-top: 12px;
}

.landmark-related-readmore {
    font-size: 12px;
    font-weight: 700;
    color: #30865F;
    text-decoration: none;
    transition: color 0.2s ease;
}

.landmark-related-readmore:hover {
    color: #c29b38;
}

/* --- 6. Consultation Banner --- */
.landmark-consultation-banner {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color: #ffffff;
    padding: 70px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.landmark-cta-kicker {
    display: inline-block;
    color: #c29b38;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.landmark-cta-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 16px 0;
    color: #ffffff;
}

.landmark-cta-desc {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.75);
    max-width: 720px;
    margin: 0 auto 30px;
    line-height: 1.65;
}

.landmark-cta-buttons {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}

/* --- 7. Standard Comments Area Styling --- */
.landmark-comments-area {
    margin-top: 50px;
    padding-top: 40px;
    border-top: 2px solid #edf2f7;
}

.landmark-comments-header {
    margin-bottom: 30px;
}

.landmark-comments-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 22px;
    font-weight: 700;
    color: #30865F;
    margin: 0 0 4px 0;
}

.landmark-comments-count {
    color: #c29b38;
}

.landmark-comments-subtitle {
    font-size: 13px;
    color: #64748b;
    margin: 0;
}

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

.landmark-comment-item {
    margin-bottom: 24px;
}

.landmark-comment-card {
    display: flex;
    gap: 16px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
}

.landmark-comment-avatar {
    flex-shrink: 0;
}

.landmark-comment-avatar img {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    border: 2px solid #c29b38;
}

.landmark-comment-body {
    flex-grow: 1;
}

.landmark-comment-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 8px;
    gap: 8px;
}

.landmark-comment-author {
    font-size: 14.5px;
    font-weight: 700;
    color: #141821;
}

.landmark-comment-author a {
    color: inherit;
    text-decoration: none;
}

.landmark-comment-date {
    font-size: 12px;
    color: #888888;
}

.landmark-comment-text {
    font-size: 14px;
    line-height: 1.65;
    color: #4a5568;
    margin-bottom: 10px;
}

.landmark-comment-actions {
    text-align: right;
}

.comment-reply-link {
    font-size: 12px;
    font-weight: 600;
    color: #30865F;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: color 0.2s ease;
}

.comment-reply-link:hover {
    color: #c29b38;
}

.landmark-reply-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 19px;
    font-weight: 700;
    color: #141821;
    margin: 0 0 8px 0;
}

.landmark-comment-notes {
    font-size: 12.5px;
    color: #718096;
    margin-bottom: 20px;
}

.landmark-form-input {
    width: 100%;
    border: 1px solid #cbd5e0;
    border-radius: 4px;
    padding: 10px 14px;
    font-size: 13.5px;
    color: #141821;
    background: #ffffff;
    transition: border-color 0.2s ease;
    box-sizing: border-box;
}

.landmark-form-input:focus {
    border-color: #30865F;
    outline: none;
}

.landmark-submit-comment {
    margin-top: 10px;
}

/* WordPress Block Comments Support */
.wp-block-comments {
    margin-top: 50px;
    padding-top: 40px;
    border-top: 2px solid #edf2f7;
}

.wp-block-comments .wp-block-heading,
.wp-block-comments-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 22px;
    font-weight: 700;
    color: #30865F;
    margin: 0 0 16px 0;
}

.wp-block-comment-template {
    list-style: none;
    padding: 0;
    margin: 0 0 35px 0;
}

.wp-block-comment-template .comment {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px 24px;
    margin-bottom: 20px;
}

.wp-block-comment-template .avatar {
    border-radius: 50% !important;
    border: 2px solid #c29b38 !important;
}

.wp-block-comment-author-name {
    font-size: 14.5px;
    font-weight: 700;
    color: #141821;
}

.wp-block-comment-author-name a {
    color: inherit;
    text-decoration: none;
}

.wp-block-comment-date {
    font-size: 12px;
    color: #888888;
    margin-top: 2px;
}

.wp-block-comment-content {
    font-size: 14px;
    line-height: 1.65;
    color: #4a5568;
    margin-top: 10px;
}

.comment-respond {
    margin-top: 35px;
    padding-top: 30px;
    border-top: 1px solid #edf2f7;
}

.comment-respond .comment-reply-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px;
    font-weight: 700;
    color: #141821;
    margin: 0 0 10px 0;
}

.comment-respond .comment-notes {
    font-size: 12.5px;
    color: #718096;
    margin-bottom: 20px;
}

.comment-form p {
    margin-bottom: 18px;
}

.comment-form label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 6px;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    width: 100%;
    border: 1px solid #cbd5e0;
    border-radius: 4px;
    padding: 10px 14px;
    font-size: 13.5px;
    color: #141821;
    background: #ffffff;
    transition: border-color 0.2s ease;
    box-sizing: border-box;
}

.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus {
    border-color: #30865F;
    outline: none;
}

.comment-form .form-submit input[type="submit"] {
    background: #30865F;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 28px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
}

.comment-form .form-submit input[type="submit"]:hover {
    background: #c29b38;
    transform: translateY(-2px);
}

/* Toast Notification for Link Copying */
.landmark-copy-toast {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%) translateY(30px);
    background: #141821;
    color: #ffffff;
    padding: 12px 24px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    z-index: 99999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #c29b38;
}

.landmark-copy-toast.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.landmark-copy-toast i {
    color: #25D366;
}

/* --- 8. Responsive Breakpoints --- */
@media (max-width: 991px) {
    .landmark-blog-single-title {
        font-size: 32px;
    }

    .landmark-featured-img {
        height: 380px;
    }

    .landmark-article-card {
        padding: 35px 28px;
    }

    .landmark-blog-sidebar {
        margin-top: 50px;
        position: static;
    }
}

@media (max-width: 767px) {
    .landmark-blog-single-header {
        padding: 90px 0 25px; /* 64px mobile header + 26px gap */
    }

    .landmark-blog-single-title {
        font-size: 24px;
        line-height: 1.32;
    }

    .landmark-blog-byline-strip {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .landmark-byline-meta-group {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .landmark-featured-img {
        height: 250px;
    }

    .landmark-article-card {
        padding: 24px 18px;
    }

    .landmark-article-body {
        font-size: 15.5px;
    }

    .landmark-article-body h2 {
        font-size: 22px;
    }

    .landmark-article-body blockquote {
        font-size: 16px;
        padding: 20px 20px 20px 30px;
    }

    .landmark-author-bio-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 22px 18px;
    }

    .landmark-author-contact-row {
        justify-content: center;
    }

    .landmark-post-navigation {
        flex-direction: column;
    }

    .landmark-nav-next {
        flex-direction: row;
        text-align: left;
    }

    .landmark-cta-title {
        font-size: 24px;
    }
}

/* ==========================================================================
   LANDMARK GROUP - LUXURY ARCHITECTURAL GALLERY & LIGHTBOX STYLES
   Responsive 3-Column Grid, Filter Tabs & High-Res Theater
   ========================================================================== */

/* --- 1. Gallery Sticky Filter Strip --- */
.landmark-gallery-filter-strip {
    background: #ffffff;
    border-bottom: 1px solid #edf2f7;
    position: sticky;
    top: 70px;
    z-index: 99;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    padding: 6px 0;
}

.landmark-gallery-filter-strip .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.landmark-gallery-tabs {
    display: flex;
    list-style: none;
    padding: 8px 0;
    margin: 0;
    gap: 10px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    align-items: center;
}

.landmark-gallery-tabs::-webkit-scrollbar {
    display: none;
}

.landmark-gallery-tabs li button {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 30px;
    padding: 7px 16px;
    font-family: 'Poppins', sans-serif;
    font-size: 12.5px;
    font-weight: 600;
    color: #4a5568;
    cursor: pointer;
    transition: all 0.25s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    line-height: 1.4;
    outline: none;
}

.landmark-gallery-tabs li button:hover {
    border-color: #c29b38;
    color: #30865F;
    background: #ffffff;
    transform: translateY(-1px);
}

.landmark-tab-count {
    background: rgba(48, 134, 95, 0.08);
    color: #30865F;
    font-size: 10.5px;
    font-weight: 700;
    padding: 1px 7px;
    border-radius: 10px;
    transition: all 0.25s ease;
}

.landmark-gallery-tabs li.active button {
    background: #30865F;
    color: #ffffff;
    border-color: #30865F;
    box-shadow: 0 4px 14px rgba(48, 134, 95, 0.25);
}

.landmark-gallery-tabs li.active .landmark-tab-count {
    background: #c29b38;
    color: #ffffff;
}

/* --- 2. Gallery Section & Responsive Grid --- */
.landmark-gallery-section {
    padding: 70px 0 90px;
}

.landmark-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    width: 100%;
}

/* Gallery Card */
.landmark-gallery-card {
    background: #ffffff;
    border: 1px solid #e7ebe8;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.03);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.3s ease, opacity 0.25s ease;
    position: relative;
    height: 100%;
}

.landmark-gallery-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
    border-color: #c29b38;
}

/* Visual Container */
.landmark-gallery-visual {
    position: relative;
    height: 250px;
    overflow: hidden;
    background: #0f172a;
    cursor: pointer;
}

.landmark-gallery-thumb {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

.landmark-gallery-card:hover .landmark-gallery-thumb {
    transform: scale(1.08);
}

/* Badge */
.landmark-gallery-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(6px);
    color: #c29b38;
    border: 1px solid rgba(194, 155, 56, 0.4);
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    z-index: 2;
}

/* Zoom Trigger Overlay */
.landmark-gallery-zoom-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(10, 15, 25, 0.75) 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    gap: 8px;
    z-index: 3;
}

.landmark-gallery-card:hover .landmark-gallery-zoom-overlay {
    opacity: 1;
}

.landmark-zoom-circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    color: #30865F;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    transform: scale(0.85);
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), background 0.25s, color 0.25s;
}

.landmark-gallery-card:hover .landmark-zoom-circle {
    transform: scale(1);
}

.landmark-zoom-circle:hover {
    background: #c29b38;
    color: #ffffff;
}

.landmark-zoom-hint {
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

/* Card Body */
.landmark-gallery-body {
    padding: 22px 20px 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.landmark-gallery-category-kicker {
    font-size: 11px;
    text-transform: uppercase;
    color: #30865f;
    font-weight: 700;
    letter-spacing: 0.8px;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.landmark-gallery-card-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16.5px;
    line-height: 1.4;
    font-weight: 700;
    margin: 0 0 8px 0;
}

.landmark-gallery-card-title a {
    color: #141821;
    text-decoration: none;
    transition: color 0.2s ease;
}

.landmark-gallery-card-title a:hover {
    color: #c29b38;
}

.landmark-gallery-card-spec {
    font-size: 13px;
    color: #64748b;
    line-height: 1.55;
    margin: 0 0 16px 0;
    flex-grow: 1;
}

.landmark-gallery-card-footer {
    border-top: 1px solid #f0f4f8;
    padding-top: 12px;
}

.landmark-gallery-view-link {
    font-size: 12px;
    font-weight: 700;
    color: #30865F;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: color 0.2s ease, transform 0.2s ease;
}

.landmark-gallery-view-link:hover {
    color: #c29b38;
    transform: translateX(3px);
}

/* No Results State */
.landmark-gallery-no-results {
    text-align: center;
    padding: 60px 20px;
    background: #ffffff;
    border: 1px solid #e7ebe8;
    border-radius: 8px;
    margin-top: 20px;
}

.landmark-gallery-no-results i {
    font-size: 48px;
    color: #cbd5e0;
    margin-bottom: 15px;
}

.landmark-gallery-no-results h4 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px;
    font-weight: 700;
    color: #141821;
    margin: 0 0 8px 0;
}

.landmark-gallery-no-results p {
    font-size: 13.5px;
    color: #64748b;
    margin: 0;
}

/* --- 3. Virtual Drone & Aerial Strip --- */
.landmark-drone-showcase-section {
    background: linear-gradient(135deg, #0b1e15 0%, #133827 100%);
    color: #ffffff;
    padding: 80px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.landmark-drone-kicker {
    color: #c29b38;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px;
}

.landmark-drone-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 28px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 16px 0;
    line-height: 1.35;
}

.landmark-drone-desc {
    font-size: 14.5px;
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.7;
    margin-bottom: 22px;
}

.landmark-drone-features {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 13.5px;
    color: rgba(255, 255, 255, 0.9);
}

.landmark-drone-feat-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.landmark-drone-feat-item i {
    color: #30865f;
    font-size: 16px;
    flex-shrink: 0;
}

.landmark-drone-media-frame {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.4);
}

.landmark-drone-cover {
    width: 100%;
    height: 340px;
    object-fit: cover;
    display: block;
}

.landmark-drone-media-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    text-align: center;
}

.landmark-drone-play-btn {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #c29b38;
    color: #ffffff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    padding-left: 4px;
    box-shadow: 0 0 30px rgba(194, 155, 56, 0.6);
    text-decoration: none;
    transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
    margin-bottom: 15px;
}

.landmark-drone-play-btn:hover {
    transform: scale(1.12);
    background: #ffffff;
    color: #30865F !important;
}

.landmark-drone-meta strong {
    display: block;
    font-size: 15px;
    color: #ffffff;
    margin-bottom: 2px;
}

.landmark-drone-meta span {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.75);
}

/* --- 4. Interactive Fullscreen Lightbox Modal --- */
.landmark-lightbox-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.landmark-lightbox-modal.active {
    opacity: 1;
    pointer-events: auto;
}

.landmark-lightbox-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(8, 12, 20, 0.96);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.landmark-lightbox-container {
    position: relative;
    width: 95vw;
    max-width: 1300px;
    height: 92vh;
    display: flex;
    flex-direction: column;
    z-index: 2;
}

.landmark-lightbox-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.landmark-lightbox-meta {
    display: flex;
    align-items: center;
    gap: 12px;
}

.landmark-lightbox-cat {
    color: #c29b38;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: rgba(194, 155, 56, 0.15);
    border: 1px solid rgba(194, 155, 56, 0.3);
    padding: 3px 10px;
    border-radius: 3px;
}

.landmark-lightbox-counter {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.65);
    font-weight: 600;
}

.landmark-lightbox-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.landmark-lightbox-btn {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #ffffff !important;
    padding: 6px 14px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
    line-height: 1;
}

.landmark-lightbox-btn:hover {
    background: #c29b38;
    color: #ffffff !important;
    border-color: #c29b38;
}

/* Lightbox Main Stage */
.landmark-lightbox-stage {
    position: relative;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 10px 65px;
}

.landmark-lightbox-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    z-index: 5;
    outline: none;
}

.landmark-lightbox-nav.prev {
    left: 10px;
}

.landmark-lightbox-nav.next {
    right: 10px;
}

.landmark-lightbox-nav:hover {
    background: #c29b38;
    color: #ffffff;
    border-color: #c29b38;
    transform: translateY(-50%) scale(1.1);
}

.landmark-lightbox-figure-wrap {
    position: relative;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.landmark-lightbox-spinner {
    position: absolute;
    color: #c29b38;
    font-size: 32px;
    z-index: 1;
    display: none;
}

.landmark-lightbox-img {
    max-width: 100%;
    max-height: 62vh;
    object-fit: contain;
    border-radius: 6px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
    transition: opacity 0.3s ease;
}

/* Lightbox Bottom Caption Bar */
.landmark-lightbox-caption-bar {
    background: rgba(15, 23, 42, 0.95);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0 0 8px 8px;
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.landmark-lightbox-caption-left {
    flex-grow: 1;
}

.landmark-lightbox-title {
    margin: 0 0 3px 0;
    color: #ffffff;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px;
    font-weight: 700;
}

.landmark-lightbox-spec {
    margin: 0 0 4px 0;
    color: #c29b38;
    font-size: 12.5px;
    font-weight: 600;
}

.landmark-lightbox-desc {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    line-height: 1.5;
    max-width: 800px;
}

/* --- 5. Responsive Breakpoints for Gallery --- */
@media (max-width: 991px) {
    .landmark-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .landmark-gallery-visual {
        height: 220px;
    }

    .landmark-gallery-filter-strip {
        top: 60px;
    }

    .landmark-lightbox-stage {
        padding: 10px 40px;
    }

    .landmark-lightbox-img {
        max-height: 52vh;
    }

    .landmark-lightbox-caption-bar {
        padding: 12px 18px;
    }
}

@media (max-width: 650px) {
    .landmark-gallery-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .landmark-gallery-visual {
        height: 230px;
    }

    .landmark-drone-cover {
        height: 240px;
    }

    .landmark-lightbox-stage {
        padding: 5px 20px;
    }

    .landmark-lightbox-nav {
        width: 38px;
        height: 38px;
        font-size: 20px;
    }

    .landmark-lightbox-nav.prev {
        left: 5px;
    }

    .landmark-lightbox-nav.next {
        right: 5px;
    }

    .landmark-lightbox-img {
        max-height: 48vh;
    }

    .landmark-lightbox-caption-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}

/* ==========================================================================
   LANDMARK GROUP - LUXURY CORPORATE CAREER & TALENT STYLES
   Bento Grid, Job Cards, Accordions, Roadmap & Drag-and-Drop CV Upload
   ========================================================================== */

/* --- 1. The Landmark Advantage: Bento Grid --- */
.landmark-bento-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-top: 40px;
}

.landmark-bento-card {
    background: #ffffff;
    border: 1px solid #e7ebe8;
    border-radius: 8px;
    padding: 36px 30px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.02);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}

.landmark-bento-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
    border-color: #c29b38;
}

.landmark-bento-icon {
    width: 52px;
    height: 52px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 22px;
    flex-shrink: 0;
}

/* --- 2. Job Filter Bar --- */
.landmark-job-filter-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 40px;
}

.landmark-job-filter-btn {
    background: #ffffff;
    border: 1px solid #cbd5e0;
    border-radius: 30px;
    padding: 9px 22px;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #4a5568;
    cursor: pointer;
    transition: all 0.25s ease;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}

.landmark-job-filter-btn:hover {
    border-color: #c29b38;
    color: #30865F;
    background: #fdfbf7;
    transform: translateY(-1px);
}

.landmark-job-filter-btn.active {
    background: #30865F;
    color: #ffffff;
    border-color: #30865F;
    box-shadow: 0 4px 14px rgba(48, 134, 95, 0.25);
}

/* --- 3. Job Card & Expandable JD --- */
.landmark-job-card {
    background: #ffffff;
    border: 1px solid #e7ebe8;
    border-radius: 8px;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.03);
    margin-bottom: 24px;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease;
    position: relative;
    overflow: hidden;
}

.landmark-job-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.07);
    border-color: #c29b38;
}

.landmark-job-pulse {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #30865f;
    margin-right: 6px;
    box-shadow: 0 0 0 0 rgba(48, 134, 95, 0.7);
    animation: landmarkJobPulseAnim 1.8s infinite;
}

@keyframes landmarkJobPulseAnim {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(48, 134, 95, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 8px rgba(48, 134, 95, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(48, 134, 95, 0);
    }
}

.landmark-job-details {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.45s ease, opacity 0.35s ease, padding 0.3s ease;
}

.landmark-job-details.open {
    max-height: 900px;
    opacity: 1;
    padding-top: 20px;
    margin-top: 15px;
    border-top: 1px dashed #e2e8f0;
}

/* --- 4. 4-Step Hiring Journey Roadmap --- */
.landmark-roadmap-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 40px;
    position: relative;
}

.landmark-roadmap-step {
    background: #ffffff;
    border: 1px solid #e7ebe8;
    border-radius: 8px;
    padding: 34px 26px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.02);
    position: relative;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.landmark-roadmap-step:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.06);
    border-color: #c29b38;
}

.landmark-roadmap-num {
    font-family: 'Poppins', sans-serif !important;
    font-size: 34px;
    font-weight: 800;
    color: #c29b38;
    line-height: 1;
    margin-bottom: 14px;
    display: block;
}

/* --- 5. CV / Resume Drag & Drop Box --- */
.landmark-cv-upload-box {
    border: 2px dashed #cbd5e0;
    background: #f8fafc;
    border-radius: 8px;
    padding: 30px 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.25s ease;
    position: relative;
}

.landmark-cv-upload-box:hover,
.landmark-cv-upload-box.dragover {
    border-color: #c29b38;
    background: #fdfbf7;
}

.landmark-cv-upload-icon {
    font-size: 40px;
    color: #c29b38;
    margin-bottom: 10px;
    line-height: 1;
}

.landmark-cv-upload-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14.5px;
    font-weight: 700;
    color: #141821;
    margin-bottom: 4px;
}

.landmark-cv-upload-hint {
    font-size: 12px;
    color: #64748b;
    margin-bottom: 14px;
}

.landmark-cv-upload-btn {
    display: inline-block;
    background: #30865F;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.8px;
    padding: 7px 20px;
    border-radius: 4px;
    text-transform: uppercase;
    transition: background 0.2s ease, transform 0.2s ease;
}

.landmark-cv-upload-btn:hover {
    background: #c29b38;
    transform: translateY(-1px);
}

.landmark-cv-file-badge {
    display: none;
    align-items: center;
    justify-content: space-between;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 6px;
    padding: 10px 16px;
    margin-top: 14px;
}

.landmark-cv-file-badge.visible {
    display: flex;
}

/* --- 6. Responsive Breakpoints for Career Page --- */
@media (max-width: 991px) {
    .landmark-bento-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

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

@media (max-width: 650px) {
    .landmark-bento-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .landmark-roadmap-container {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .landmark-job-filter-bar {
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 8px;
    }

    .landmark-job-filter-btn {
        font-size: 12px;
        padding: 7px 16px;
        white-space: nowrap;
    }
}

/* ==========================================================================
   LANDMARK GROUP - MOBILE NATIVE APP SYSTEM & RESPONSIVENESS AUDIT
   - Standardized view for Desktop, Tablet, and Mobile devices
   - Native App-like Experience on Mobile (<= 768px)
   - Frosted Glass Mobile Bottom Navigation Bar (Tab Bar)
   - Header Collision Prevention & Responsive Typography
   - Horizontal Overflow Fixes (Sticky sub-navigation strips)
   - Mask Cover / Animation Fixes for Touch Screens
   - iOS Safari Safe Area Inset Support
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Universal Viewport, Touch & Safe-Area Foundations
   -------------------------------------------------------------------------- */
:root {
    --safe-area-top: env(safe-area-inset-top, 0px);
    --safe-area-bottom: env(safe-area-inset-bottom, 0px);
    --safe-area-left: env(safe-area-inset-left, 0px);
    --safe-area-right: env(safe-area-inset-right, 0px);
    --mobile-nav-height: 62px;
}

html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Prevent accidental horizontal overflow on all major containers */
.container,
.container-fluid,
.row,
main,
section,
header,
footer {
    max-width: 100%;
}

img, video {
    max-width: 100%;
    height: auto;
}

iframe {
    max-width: 100%;
}

/* Prevent iOS Safari 16px auto-zoom jump on form inputs */
@media screen and (max-width: 768px) {
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    select,
    textarea {
        font-size: 16px !important;
    }

    /* Provide bottom clearance for the Mobile Bottom Navigation Bar */
    body {
        padding-bottom: calc(var(--mobile-nav-height) + var(--safe-area-bottom) + 8px) !important;
    }

    /* Disable obscuring textOver mask blocks so headings are immediately crisp and readable */
    .textOver > span:before {
        display: none !important;
    }
    .textOver > span span {
        opacity: 1 !important;
        transform: none !important;
        visibility: visible !important;
    }
    .textOver {
        overflow: visible !important;
        display: block !important;
    }

    /* Hide desktop floating concierge buttons on single project to eliminate clutter */
    .navana-floating-concierge {
        display: none !important;
    }

    /* Hide redundant desktop floating whatsapp on mobile since it is integrated into bottom nav */
    .whatsapp:not(.landmark-bottom-nav-whatsapp):not(.MenuItems__quick-btn) {
        display: none !important;
    }
}

/* --------------------------------------------------------------------------
   2. Responsive Header & Collision Fix (Tablets & Mobile)
   -------------------------------------------------------------------------- */
@media screen and (max-width: 991px) {
    .Header .menu-list {
        display: none !important;
    }
    .hamburger {
        display: flex !important;
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
        align-items: center;
        justify-content: center;
        padding: 10px;
        margin-left: 8px;
    }
    .hamburger span {
        width: 24px;
        height: 2px;
    }
}

@media screen and (max-width: 768px) {
    .Header {
        height: 64px !important;
        padding: 0 !important;
    }
    .Header__container {
        height: 64px !important;
        padding: 0 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    .Header__left {
        flex: 1;
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 0;
    }
    .Header__logo img,
    .Header__left .logo img {
        height: 34px !important;
        max-width: 175px !important;
        width: auto !important;
        object-fit: contain;
    }
    .Header__right {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin-left: auto !important;
        flex-shrink: 0 !important;
    }
    /* Compact Phone Icon on Tablet / Medium Mobile */
    .Header__right .call-btn {
        padding: 0 !important;
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        border-radius: 50% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .Header__right .call-btn span {
        display: none !important;
    }
    .Header__right .call-btn svg {
        margin: 0 !important;
        width: 15px !important;
        height: 15px !important;
    }
}

@media screen and (max-width: 440px) {
    .Header__logo img,
    .Header__left .logo img {
        height: 30px !important;
        max-width: 148px !important;
    }
    /* On narrow mobile devices, hide top header call button to keep header clean; Call is prominent in bottom bar */
    .Header__right .call-btn {
        display: none !important;
    }
}

/* --------------------------------------------------------------------------
   3. Native Mobile App Bottom Navigation Bar
   -------------------------------------------------------------------------- */
.landmark-mobile-bottom-nav {
    display: none;
}

@media screen and (max-width: 768px) {
    .landmark-mobile-bottom-nav {
        display: block !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 99990 !important;
        background: rgba(9, 25, 17, 0.94) !important;
        backdrop-filter: blur(20px) saturate(180%) !important;
        -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
        border-top: 1px solid rgba(194, 155, 56, 0.28) !important;
        box-shadow: 0 -4px 25px rgba(0, 0, 0, 0.35) !important;
        padding-bottom: var(--safe-area-bottom) !important;
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
        user-select: none;
        -webkit-user-select: none;
    }

    .landmark-mobile-bottom-nav__container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-around !important;
        height: var(--mobile-nav-height) !important;
        max-width: 500px !important;
        margin: 0 auto !important;
        padding: 0 4px !important;
        position: relative !important;
    }

    .landmark-bottom-nav-item {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        height: 100% !important;
        text-decoration: none !important;
        color: rgba(255, 255, 255, 0.62) !important;
        position: relative !important;
        padding: 4px 2px 2px !important;
        transition: color 0.2s ease, transform 0.15s ease !important;
        background: transparent !important;
        border: none !important;
        outline: none !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    .landmark-bottom-nav-item:active {
        transform: scale(0.92) !important;
    }

    .landmark-bottom-nav-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 24px !important;
        width: 24px !important;
        position: relative !important;
        transition: transform 0.2s ease;
    }

    .landmark-bottom-nav-icon svg {
        display: block !important;
        width: 20px !important;
        height: 20px !important;
        transition: stroke 0.2s ease;
    }

    .landmark-bottom-nav-icon .fa {
        font-size: 20px !important;
        line-height: 1 !important;
    }

    .landmark-bottom-nav-label {
        font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif !important;
        font-size: 10.5px !important;
        font-weight: 500 !important;
        letter-spacing: 0.3px !important;
        margin-top: 3px !important;
        line-height: 1 !important;
        transition: color 0.2s ease;
        text-align: center !important;
    }

    /* Top Active Indicator Line */
    .landmark-bottom-nav-indicator {
        position: absolute !important;
        top: 0 !important;
        left: 20% !important;
        right: 20% !important;
        height: 2.5px !important;
        background: linear-gradient(90deg, #c29b38, #dfb758) !important;
        border-radius: 0 0 3px 3px !important;
        opacity: 0 !important;
        transform: scaleX(0.4) !important;
        transition: opacity 0.25s ease, transform 0.25s ease !important;
    }

    /* Active Tab State */
    .landmark-bottom-nav-item.active {
        color: #dfb758 !important;
    }

    .landmark-bottom-nav-item.active .landmark-bottom-nav-icon svg {
        stroke: #dfb758 !important;
    }

    .landmark-bottom-nav-item.active .landmark-bottom-nav-indicator {
        opacity: 1 !important;
        transform: scaleX(1) !important;
    }

    /* Central Elevated Action Button ("Call Us") */
    .landmark-bottom-nav-center-action {
        overflow: visible !important;
    }

    .landmark-bottom-nav-center-btn {
        width: 46px !important;
        height: 46px !important;
        border-radius: 50% !important;
        background: linear-gradient(135deg, #c29b38 0%, #e8c66e 50%, #9a761e 100%) !important;
        color: #08170f !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 4px 16px rgba(194, 155, 56, 0.45) !important;
        margin-top: -16px !important;
        border: 2.5px solid #091911 !important;
        transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    }

    .landmark-bottom-nav-center-btn svg {
        stroke: #08170f !important;
        width: 20px !important;
        height: 20px !important;
    }

    .landmark-bottom-nav-center-action:active .landmark-bottom-nav-center-btn {
        transform: scale(0.92) !important;
        box-shadow: 0 2px 8px rgba(194, 155, 56, 0.3) !important;
    }

    .landmark-bottom-nav-center-action .landmark-bottom-nav-label {
        color: #e8c66e !important;
        font-weight: 600 !important;
        margin-top: 4px !important;
    }

    /* WhatsApp Tab */
    .landmark-bottom-nav-whatsapp .fa-whatsapp {
        color: #25D366 !important;
    }

    .landmark-bottom-nav-badge-dot {
        position: absolute !important;
        top: -1px !important;
        right: -2px !important;
        width: 7px !important;
        height: 7px !important;
        border-radius: 50% !important;
        background: #25D366 !important;
        box-shadow: 0 0 6px #25D366 !important;
        animation: navPulse 2s infinite ease-in-out;
    }

    @keyframes navPulse {
        0%, 100% { transform: scale(1); opacity: 1; }
        50% { transform: scale(1.3); opacity: 0.75; }
    }
}

/* --------------------------------------------------------------------------
   4. Native Full-Screen Menu Drawer (.MenuItems) Polish
   -------------------------------------------------------------------------- */
.MenuItems {
    background: rgba(8, 22, 15, 0.98) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
}

.MenuItems.active {
    display: block !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

.MenuItems__container {
    width: 100% !important;
    max-width: 580px !important;
    margin: 0 auto !important;
    padding: calc(20px + var(--safe-area-top)) 20px calc(80px + var(--safe-area-bottom)) !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

.MenuItems__header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-bottom: 18px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.MenuItems__close {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 26px !important;
    color: #ffffff !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    outline: none !important;
}

.MenuItems__close:hover,
.MenuItems__close:active {
    background: rgba(194, 155, 56, 0.25) !important;
    color: #dfb758 !important;
    border-color: #dfb758 !important;
}

/* Quick Action Buttons inside Drawer */
.MenuItems__quick-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    margin-bottom: 24px !important;
}

.MenuItems__quick-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 12px 14px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
    text-decoration: none !important;
    transition: transform 0.2s ease, opacity 0.2s ease !important;
}

.MenuItems__quick-btn.call {
    background: linear-gradient(135deg, rgba(194, 155, 56, 0.25) 0%, rgba(194, 155, 56, 0.12) 100%) !important;
    color: #dfb758 !important;
    border: 1px solid rgba(194, 155, 56, 0.4) !important;
}

.MenuItems__quick-btn.whatsapp {
    background: linear-gradient(135deg, rgba(37, 211, 102, 0.22) 0%, rgba(37, 211, 102, 0.1) 100%) !important;
    color: #49e884 !important;
    border: 1px solid rgba(37, 211, 102, 0.35) !important;
}

.MenuItems__quick-btn:active {
    transform: scale(0.96) !important;
}

/* Drawer Links */
.MenuItems__top {
    position: relative !important;
    margin-bottom: 30px !important;
}

.MenuItems__top__single {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.MenuItems__top__link-wrap,
.mobile-sub-link-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}

.MenuItems__links a,
.MenuItems__top__single a {
    display: block !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: 'Poppins', sans-serif !important;
    color: #ffffff !important;
    text-transform: capitalize !important;
    letter-spacing: 0.4px !important;
    padding: 14px 10px !important;
    flex: 1 !important;
    text-align: left !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    transform: none !important;
}

.MenuItems__links a:hover,
.MenuItems__links a:active,
.MenuItems__top__single a:hover,
.MenuItems__top__single a:active {
    color: #dfb758 !important;
    transform: none !important;
}

/* Accordion Toggle Arrow */
.mobile-sub-toggle {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.8) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    margin-left: 8px !important;
    outline: none !important;
}

.mobile-sub-toggle.open {
    transform: rotate(180deg) !important;
    background: rgba(194, 155, 56, 0.2) !important;
    color: #dfb758 !important;
    border-color: rgba(194, 155, 56, 0.4) !important;
}

.MenuItems__top__single .mobile-sub-menu {
    display: none;
    list-style: none !important;
    padding: 6px 0 14px 16px !important;
    margin: 0 !important;
    border-left: 2px solid rgba(194, 155, 56, 0.35) !important;
    margin-left: 12px !important;
    margin-bottom: 8px !important;
}

.MenuItems__top__single .mobile-sub-menu li {
    text-align: left !important;
    padding: 0 !important;
    margin: 0 !important;
}

.MenuItems__top__single .mobile-sub-menu li a {
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.72) !important;
    padding: 10px 8px !important;
    font-weight: 400 !important;
    letter-spacing: 0.2px !important;
}

.MenuItems__top__single .mobile-sub-menu li a:hover,
.MenuItems__top__single .mobile-sub-menu li a:active {
    color: #dfb758 !important;
}

.MenuItems__corp-note {
    text-align: center !important;
    margin-top: 24px !important;
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.4) !important;
    letter-spacing: 0.5px !important;
}

/* --------------------------------------------------------------------------
   5. Horizontal Overflow Resolution for Sticky Sub-Navigation Strips
   -------------------------------------------------------------------------- */
@media screen and (max-width: 991px) {
    .landmark-strip-menu {
        position: sticky !important;
        top: 64px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        width: 100% !important;
        max-width: 100vw !important;
        background: #ffffff !important;
        border-bottom: 1px solid #e2e8f0 !important;
        z-index: 85 !important;
    }

    .landmark-strip-menu::-webkit-scrollbar {
        display: none !important;
    }

    .landmark-strip-menu .container {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        padding: 0 16px !important;
        max-width: 100% !important;
    }

    .landmark-strip-menu .container::-webkit-scrollbar {
        display: none !important;
    }

    .landmark-strip-menu ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        gap: 6px !important;
        padding: 6px 0 !important;
        margin: 0 !important;
    }

    .landmark-strip-menu ul::-webkit-scrollbar {
        display: none !important;
    }

    .landmark-strip-menu ul li {
        flex-shrink: 0 !important;
        white-space: nowrap !important;
        margin: 0 !important;
    }

    .landmark-strip-menu ul li a {
        display: block !important;
        padding: 10px 14px !important;
        font-size: 12px !important;
        white-space: nowrap !important;
        border-radius: 6px !important;
    }
}

/* --------------------------------------------------------------------------
   6. General Responsiveness Polish Across Devices
   -------------------------------------------------------------------------- */
/* Banner Slider Menu on Mobile */
@media screen and (max-width: 768px) {
    .Banner-slider__menu {
        position: relative !important;
        bottom: auto !important;
        background: #08170f !important;
        padding: 6px 0 !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }
    .Banner-slider__menu::-webkit-scrollbar {
        display: none !important;
    }
    .Banner-slider__menu .container {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        padding: 0 15px !important;
    }
    .Banner-slider__menu .container::-webkit-scrollbar {
        display: none !important;
    }
    .Banner-slider__menu ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
        gap: 12px !important;
    }
    .Banner-slider__menu ul li {
        flex-shrink: 0 !important;
        white-space: nowrap !important;
    }
}

/* Map Popups and Overlays max-width containment */
.MapPopup-wrap__single {
    max-width: 100% !important;
}

/* Footer responsiveness on mobile */
@media screen and (max-width: 768px) {
    .Footer {
        padding-top: 0 !important;
        padding-bottom: calc(95px + var(--safe-area-bottom, 0px)) !important;
    }
    .Footer__concerns-logos {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 10px !important;
    }
    .Footer__concerns-logo-item {
        flex: 0 0 auto !important;
        height: 44px !important;
        min-width: 85px !important;
        max-width: 130px !important;
    }
    .Footer__links ul {
        padding-left: 0 !important;
    }
}





/* ==========================================================================
   AUDIT FIX BLOCK — Deep Margin & Padding Corrections
   All missing component styles + responsive polish
   ========================================================================== */


/* --------------------------------------------------------------------------
   FIX 5A: MANAGEMENT PAGE — EXECUTIVE SPOTLIGHT COMPONENTS
   Classes: .landmark-leader-spotlight, .landmark-leader-badge,
            .landmark-leader-name, .landmark-leader-title,
            .landmark-leader-quote, .landmark-leader-pillar-item,
            .landmark-leader-pillar-icon, .landmark-leader-photo-container
   -------------------------------------------------------------------------- */

.landmark-leader-spotlight {
    padding: 0;
}

.landmark-leader-spotlight.highlighted {
    background: #f8faf9;
    border-radius: 12px;
    padding: 40px;
    box-shadow: 0 4px 24px rgba(13, 40, 28, 0.06);
    margin-bottom: 20px;
}

.landmark-leader-badge {
    display: inline-block;
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #c29b38;
    background: rgba(194, 155, 56, 0.08);
    border: 1px solid rgba(194, 155, 56, 0.25);
    border-radius: 30px;
    padding: 5px 14px;
    margin-bottom: 14px;
}

.landmark-leader-name {
    font-family: 'Poppins', sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: #143324;
    margin: 0 0 6px;
    line-height: 1.2;
}

.landmark-leader-title {
    display: block;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #30865F;
    margin-bottom: 22px;
}

.landmark-leader-quote {
    position: relative;
    font-family: 'Georgia', serif;
    font-size: 15.5px;
    font-style: italic;
    color: #3d5a4a;
    line-height: 1.75;
    background: rgba(48, 134, 95, 0.05);
    border-left: 4px solid #30865F;
    border-radius: 0 8px 8px 0;
    padding: 18px 22px;
    margin: 0 0 24px;
}

.landmark-leader-pillar-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}

.landmark-leader-pillar-icon {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    background: #30865F;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
}

.landmark-leader-pillar-icon i {
    font-size: 10px;
    color: #ffffff;
}

.landmark-leader-photo-container {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 16px 48px rgba(13, 40, 28, 0.15);
}

.landmark-leader-photo {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    border-radius: 12px;
}


/* --------------------------------------------------------------------------
   FIX 5B: MANAGEMENT — GLANCE CARD ICON (SVG container)
   -------------------------------------------------------------------------- */

.landmark-glance-card__icon {
    width: 48px;
    height: 48px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.landmark-glance-card__icon svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
}


/* --------------------------------------------------------------------------
   FIX 6: LANDOWNER — 4-STEP PROCESS GRID
   Classes: .landmark-step-grid, .landmark-step-box, .landmark-step-number
   -------------------------------------------------------------------------- */

.landmark-step-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 32px;
}

.landmark-step-box {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-top: 4px solid #30865F;
    border-radius: 10px;
    padding: 28px 24px;
    box-shadow: 0 4px 16px rgba(13, 40, 28, 0.06);
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.landmark-step-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 32px rgba(13, 40, 28, 0.12);
}

.landmark-step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #30865F;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50%;
    margin-bottom: 16px;
}

@media (max-width: 991px) {
    .landmark-step-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .landmark-step-grid {
        grid-template-columns: 1fr;
    }
}


/* --------------------------------------------------------------------------
   FIX 7: SECTION 7 MAP SHOWCASE — COMPLETE COMPONENT STYLES
   Classes: .landmark-map-showcase, .landmark-map-tabs, .landmark-map-tab,
            .landmark-map-card, .landmark-map-panel, .landmark-map-info-pane,
            .landmark-map-kicker, .landmark-map-title, .landmark-map-meta,
            .landmark-map-bullets, .landmark-map-actions
   -------------------------------------------------------------------------- */

/* Tab Strip */
.landmark-map-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.landmark-map-tab {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: #f1f5f2;
    border: 2px solid transparent;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #4b5563;
    cursor: pointer;
    transition: all 0.25s ease;
    outline: none;
}

.landmark-map-tab:hover {
    background: #e6f0eb;
    color: #30865F;
    border-color: rgba(48, 134, 95, 0.3);
}

.landmark-map-tab.active {
    background: #30865F;
    color: #ffffff;
    border-color: #30865F;
    box-shadow: 0 4px 14px rgba(48, 134, 95, 0.3);
}

.landmark-map-tab i {
    font-size: 14px;
}

/* Card Container */
.landmark-map-card {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(13, 40, 28, 0.08);
}

/* Panel toggle */
.landmark-map-panel {
    display: block;
}

.landmark-map-panel.hide {
    display: none;
}

.landmark-map-panel .row.Flex {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.landmark-map-panel .landmark-map-frame-col,
.landmark-map-panel .col-md-8 {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.landmark-map-panel iframe {
    width: 100% !important;
    height: 100% !important;
    min-height: 520px !important;
    display: block !important;
    border: 0 !important;
    flex: 1 1 auto;
}

.map-content iframe {
    width: 100% !important;
    min-height: 480px !important;
    height: 480px !important;
    display: block !important;
    border: 0 !important;
}

.navana-location-map-wrap iframe {
    width: 100% !important;
    height: 100% !important;
    min-height: 580px !important;
    display: block !important;
    border: 0 !important;
}

@media (max-width: 768px) {
    .navana-location-map-wrap iframe {
        min-height: 380px !important;
        height: 380px !important;
    }
}

/* Info Pane (right side) */
.landmark-map-info-pane {
    background: #ffffff;
    padding: 35px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-left: 1px solid #e8edf0;
    min-height: 480px;
}

/* Kicker */
.landmark-map-kicker {
    display: inline-block;
    font-size: 9.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #c29b38;
    background: rgba(194, 155, 56, 0.1);
    border: 1px solid rgba(194, 155, 56, 0.2);
    border-radius: 20px;
    padding: 4px 12px;
    margin-bottom: 10px;
}

/* Title */
.landmark-map-title {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #143324;
    margin: 0 0 16px;
    line-height: 1.3;
}

/* Meta block */
.landmark-map-meta {
    margin-bottom: 16px;
}

.landmark-map-meta p {
    font-size: 13px;
    color: #4b5563;
    line-height: 1.7;
    margin-bottom: 6px;
    display: flex;
    align-items: flex-start;
    gap: 7px;
}

.landmark-map-meta p i {
    color: #30865F;
    margin-top: 3px;
    flex-shrink: 0;
    font-size: 13px;
}

/* Bullet list */
.landmark-map-bullets {
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
}

.landmark-map-bullets li {
    font-size: 13px;
    color: #374151;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 7px;
    line-height: 1.55;
}

.landmark-map-bullets li i {
    color: #30865F;
    font-size: 12px;
    margin-top: 3px;
    flex-shrink: 0;
}

/* Actions */
.landmark-map-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: auto;
}

.landmark-map-actions .dcBtn {
    width: 100%;
    text-align: center;
    justify-content: center;
}

/* Tablet & Mobile Map Layout */
@media (max-width: 991px) {
    .landmark-map-panel iframe {
        min-height: 440px !important;
        height: 440px !important;
    }
}

/* Mobile: map stacks vertically */
@media (max-width: 767px) {
    .landmark-map-panel iframe {
        min-height: 380px !important;
        height: 380px !important;
    }

    .landmark-map-info-pane {
        padding: 24px 20px;
        min-height: auto;
        border-left: none;
        border-top: 1px solid #e8edf0;
    }

    .landmark-map-tabs {
        gap: 8px;
    }

    .landmark-map-tab {
        padding: 8px 14px;
        font-size: 12px;
    }
}


/* --------------------------------------------------------------------------
   FIX 8: SEA HILL DETAILS PANE — Tablet/Mobile Stacking Fix
   -------------------------------------------------------------------------- */

@media (max-width: 991px) {
    .sea-hill-details-pane {
        padding-left: 0;
        margin-top: 30px;
    }
}


/* --------------------------------------------------------------------------
   FIX 9: SCHEDULE FORM — Mobile Column Stacking Polish
   .appointment-photo + .homeForm__content
   -------------------------------------------------------------------------- */

@media (max-width: 768px) {
    .appointment-photo {
        margin-bottom: 25px !important;
        min-height: 280px !important;
    }

    .homeForm__content {
        padding: 30px 20px !important;
    }
}


/* --------------------------------------------------------------------------
   FIX 10: CINEMATIC HERO — Mobile Padding Reduction
   -------------------------------------------------------------------------- */

@media (max-width: 768px) {
    .landmark-cinematic-hero {
        padding: 110px 0 50px !important;
    }
}


/* --------------------------------------------------------------------------
   FIX 11: UTILITY CLASS MOBILE OVERRIDES
   Standardise section spacing on small screens
   -------------------------------------------------------------------------- */

@media (max-width: 768px) {
    /* Inline-styled sections that use padding-top/bottom: 80px */
    .landmark-section,
    .landmark-concerns-section {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    /* Utility spacing classes */
    .pt100 { padding-top:   50px !important; }
    .pb100 { padding-bottom: 50px !important; }
    .pt80  { padding-top:   45px !important; }
    .pb80  { padding-bottom: 45px !important; }
    .pt60  { padding-top:   36px !important; }
    .pb60  { padding-bottom: 36px !important; }
}


/* --------------------------------------------------------------------------
   End of Audit Fix Block
   ========================================================================== */


/* ==========================================================================
   SCROLL TO TOP BUTTON
   ========================================================================== */

#landmark-scroll-top {
    /* Position — sits above the fixed WhatsApp button (52px + 30px + 12px gap = 94px) */
    position: fixed;
    bottom: 94px;
    right: 30px;
    z-index: 9998;

    /* Size & Shape */
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: none;
    outline: none;
    cursor: pointer;

    /* Brand look */
    background: #30865F;
    color: #ffffff;

    /* Flex centre the SVG */
    display: flex;
    align-items: center;
    justify-content: center;

    /* Hidden by default — slides in from below */
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    transition: opacity 0.35s ease,
                transform 0.35s ease,
                background 0.25s ease,
                box-shadow 0.25s ease;

    /* Elevation */
    box-shadow: 0 6px 20px rgba(48, 134, 95, 0.35);
}

/* Visible state — triggered by JS */
#landmark-scroll-top.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* Hover: gold accent */
#landmark-scroll-top:hover {
    background: #c29b38;
    box-shadow: 0 8px 24px rgba(194, 155, 56, 0.45);
    transform: translateY(-3px);
}

#landmark-scroll-top:active {
    transform: translateY(0);
    box-shadow: 0 4px 12px rgba(48, 134, 95, 0.3);
}

#landmark-scroll-top svg {
    display: block;
    flex-shrink: 0;
}

/* Mobile: WA button is hidden (replaced by bottom nav), so sit above that bar only */
@media (max-width: 768px) {
    #landmark-scroll-top {
        bottom: 76px;   /* 60px bottom-nav + 16px gap */
        right: 16px;
        width: 42px;
        height: 42px;
    }
}