:root {
                --ch: #1a1a2e;
                --ch2: #252540;
                --ch3: #16213e;
                --au: #c9a452;
                --au2: #dfb96a;
                --au3: #e8cc88;
                --au4: #f7ebc8;
                --parch: #f9f6f1;
                --parch2: #f0ebe1;
                --cream: #fdfbf8;
                --ink: #2c2c3e;
                --muted: #6b7280;
                --border: #e5ddd0;
                --white: #fff;
                --gg: linear-gradient(135deg, #c9a452 0%, #dfb96a 35%, #c9a452 65%, #9a7830 100%);
                --gd: linear-gradient(160deg, #1a1a2e 0%, #252540 100%);
                --fd: "Cormorant", Georgia, serif;
                --fb: "Jost", system-ui, sans-serif;
                --r: 8px;
                --rl: 16px;
                --rx: 24px;
                --s1: 0 1px 8px rgba(26, 26, 46, 0.05);
                --s2: 0 6px 30px rgba(26, 26, 46, 0.09);
                --s3: 0 18px 60px rgba(26, 26, 46, 0.15);
                --sg: 0 6px 28px rgba(201, 164, 82, 0.28);
                --e: cubic-bezier(0.4, 0, 0.2, 1);
                --t: 0.3s;
            }

            /* RESET */
            *,
            *::before,
            *::after {
                box-sizing: border-box;
                margin: 0;
                padding: 0;
            }
            html {
                scroll-behavior: smooth;
                overflow-x: hidden;
                font-size: 16px;
            }
            body {
                font-family: var(--fb);
                font-size: 16px;
                background: var(--cream);
                color: var(--ink);
                line-height: 1.8;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }
            ::-webkit-scrollbar {
                width: 4px;
            }
            ::-webkit-scrollbar-track {
                background: var(--ch);
            }
            ::-webkit-scrollbar-thumb {
                background: var(--au);
                border-radius: 10px;
            }
            img {
                max-width: 100%;
                height: auto;
                display: block;
            }

            /* TYPOGRAPHY */
            h1,
            h2,
            h3,
            h4,
            h5 {
                font-family: var(--fd);
                line-height: 1.18;
                color: var(--ch);
            }
            h1 {
                font-size: clamp(2.4rem, 5vw, 4.2rem);
                font-weight: 600;
                letter-spacing: -0.02em;
            }
            h2 {
                font-size: clamp(1.9rem, 3.6vw, 3rem);
                font-weight: 600;
                letter-spacing: -0.015em;
            }
            h3 {
                font-size: 1.55rem;
                font-weight: 600;
            }
            h4 {
                font-size: 1.15rem;
                font-weight: 600;
            }
            p {
                color: var(--muted);
                line-height: 1.85;
                font-size: 1rem;
            }
            strong {
                color: var(--ink);
            }

            .main-logo {
                max-width: 100%;
                width: auto;
                height: auto;
                position: absolute;
                top: -5px;
                max-height: 135px;
                padding: 10px;
                background: #1a1a2e;
                margin-top: 5px;
                border-radius: 0px 0 10px 10px;
                /*box-shadow: 0 0 5px #bc9848ad;*/
            }

            .navbar-brand img {
                max-width: 272px;
            }

            .tag {
                display: inline-flex;
                align-items: center;
                gap: 0.55rem;
                font-family: var(--fb);
                font-size: 14px;
                /*font-size: 0.75rem;*/
                font-weight: 600;
                letter-spacing: 0.18em;
                text-transform: uppercase;
                color: var(--au);
                margin-bottom: 0.9rem;
            }
            .tag::before {
                content: "";
                display: inline-block;
                width: 20px;
                height: 1.5px;
                background: var(--gg);
                flex-shrink: 0;
            }
            .tag-lt {
                color: var(--au2);
            }
            .tag-lt::before {
                background: var(--au2);
            }
            .rule {
                width: 48px;
                height: 2.5px;
                background: var(--gg);
                border-radius: 2px;
                margin: 1rem 0 1.75rem;
            }
            .rule-c {
                margin-left: auto;
                margin-right: auto;
            }

            /* BUTTONS */
            .gb {
                display: inline-flex;
                align-items: center;
                gap: 0.5rem;
                background: var(--gg);
                color: var(--ch);
                border: none;
                padding: 0.82rem 1.85rem;
                border-radius: var(--r);
                font-family: var(--fb);
                font-weight: 700;
                font-size: 0.82rem;
                letter-spacing: 0.06em;
                text-transform: uppercase;
                text-decoration: none;
                transition: all var(--t) var(--e);
                box-shadow: var(--sg);
            }
            .gb:hover {
                color: var(--ch);
                transform: translateY(-3px);
                box-shadow: 0 14px 45px rgba(201, 164, 82, 0.38);
            }
            .ob {
                display: inline-flex;
                align-items: center;
                gap: 0.5rem;
                background: transparent;
                color: rgba(255, 255, 255, 0.82);
                border: 1.5px solid rgba(255, 255, 255, 0.28);
                padding: 0.82rem 1.85rem;
                border-radius: var(--r);
                font-family: var(--fb);
                font-weight: 500;
                font-size: 0.82rem;
                letter-spacing: 0.06em;
                text-transform: uppercase;
                text-decoration: none;
                transition: all var(--t) var(--e);
            }
            .ob:hover {
                border-color: rgba(255, 255, 255, 0.65);
                color: #fff;
                background: rgba(255, 255, 255, 0.06);
                transform: translateY(-3px);
            }
            .db {
                display: inline-flex;
                align-items: center;
                gap: 0.5rem;
                background: var(--ch);
                color: var(--au2);
                border: none;
                padding: 0.82rem 1.85rem;
                border-radius: var(--r);
                font-family: var(--fb);
                font-weight: 700;
                font-size: 0.82rem;
                letter-spacing: 0.06em;
                text-transform: uppercase;
                text-decoration: none;
                transition: all var(--t) var(--e);
            }
            .db:hover {
                background: var(--ch2);
                color: var(--au3);
                transform: translateY(-3px);
                box-shadow: var(--s2);
            }

            /* ── FLOATING BUTTONS ── */
            /* Desktop: Left side (WA + Call) */
            .fab-left-cluster {
                position: fixed;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                z-index: 9990;
                display: flex;
                flex-direction: column;
                gap: 0.5rem;
            }
            .fab-slide {
                display: flex;
                align-items: center;
                overflow: hidden;
                border-radius: 0 50px 50px 0;
                cursor: pointer;
                text-decoration: none;
                font-family: var(--fb);
                font-weight: 700;
                font-size: 0.72rem;
                letter-spacing: 0.05em;
                text-transform: uppercase;
                white-space: nowrap;
                transition:
                    max-width 0.35s var(--e),
                    box-shadow 0.3s,
                    transform 0.3s;
                max-width: 46px;
                box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.22);
            }
            .fab-slide:hover {
                max-width: 190px;
                box-shadow: 4px 4px 22px rgba(0, 0, 0, 0.28);
                /*transform: translateX(3px);*/ 
            }
            .fab-slide-icon {
                width: 46px;
                height: 46px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 1.2rem;
                flex-shrink: 0;
            }
            .fab-slide-label {
                padding: 0 1rem 0 0.4rem;
                opacity: 0;
                transition: opacity 0.25s ease 0.05s;
                font-size: 0.7rem;
            }
            .fab-slide:hover .fab-slide-label {
                opacity: 1;
            }
            .fab-wa-s {
                background: #25d366;
                color: #fff;
            }
            .fab-wa-s .fab-slide-icon {
                background: rgba(0, 0, 0, 0.1);
            }
            .fab-call-s {
                background: var(--ch2);
                color: var(--au2);
                border: 1.5px solid rgba(201, 164, 82, 0.2);
            }
            .fab-call-s .fab-slide-icon {
                background: rgba(201, 164, 82, 0.1);
            }
            /* Desktop: Right side (Enquire Now) */
            .fab-right-cluster {
                position: fixed;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                z-index: 9990;
            }
            .fab-slide-right {
                display: flex;
                align-items: center;
                flex-direction: row-reverse;
                overflow: hidden;
                border-radius: 50px 0 0 50px;
                cursor: pointer;
                text-decoration: none;
                font-family: var(--fb);
                font-weight: 700;
                font-size: 0.72rem;
                letter-spacing: 0.05em;
                text-transform: uppercase;
                white-space: nowrap;
                transition:
                    max-width 0.35s var(--e),
                    box-shadow 0.3s,
                    transform 0.3s;
                max-width: 46px;
                box-shadow: -2px 2px 14px rgba(0, 0, 0, 0.22);
            }
            .fab-slide-right:hover {
                max-width: 190px;
                box-shadow: -4px 4px 22px rgba(0, 0, 0, 0.28);
                /*transform: translateX(-3px);*/
            }
            .fab-slide-right .fab-slide-icon {
                width: 46px;
                height: 46px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 1.2rem;
                flex-shrink: 0;
            }
            .fab-slide-right .fab-slide-label {
                padding: 0 0.4rem 0 1rem;
                opacity: 0;
                transition: opacity 0.25s ease 0.05s;
                font-size: 0.7rem;
            }
            .fab-slide-right:hover .fab-slide-label {
                opacity: 1;
            }
            .fab-enq {
                background: var(--gg);
                color: var(--ch);
            }
            .fab-enq .fab-slide-icon {
                background: rgba(26, 26, 46, 0.1);
            }
            /* Mobile FAB bar — hidden by default, shown via JS */
            #mob-fab-bar {
                display: none;
                position: fixed;
                bottom: 0;
                left: 0;
                right: 0;
                z-index: 9991;
                height: 52px;
                flex-direction: row;
            }

            /* ── NAV ── */
            #mainNav {
                background: rgba(26, 26, 46);
                backdrop-filter: blur(20px);
                -webkit-backdrop-filter: blur(20px);
                padding: 30px 0;
                /*padding: 0.7rem 0;*/
                border-bottom: 1px solid rgba(201, 164, 82, 0.12);
                transition: box-shadow var(--t) var(--e);
                z-index: 500;
            }
            #mainNav.scrolled {
                box-shadow: 0 4px 40px rgba(0, 0, 0, 0.4);
            }
            .scrolled img{
                max-width: 82px !important;
            }
            .nav-brand {
                display: flex;
                align-items: center;
                gap: 0.65rem;
                text-decoration: none;
            }
            .nav-brand-mark {
                width: 40px;
                height: 40px;
                border: 1.5px solid rgba(201, 164, 82, 0.45);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-family: var(--fd);
                font-size: 1.1rem;
                font-weight: 700;
                color: var(--au);
                flex-shrink: 0;
            }
            .nav-brand-name {
                display: block;
                font-family: var(--fd);
                font-size: 0.98rem;
                font-weight: 600;
                color: var(--au2);
                letter-spacing: 0.04em;
                line-height: 1.1;
            }
            .nav-brand-sub {
                display: block;
                font-size: 0.56rem;
                color: rgba(255, 255, 255, 0.28);
                letter-spacing: 0.16em;
                text-transform: uppercase;
            }
            .nav-link {
                font-family: var(--fb);
                color: rgba(255, 255, 255, 0.65) !important;
                font-size: 0.82rem;
                font-weight: 500;
                letter-spacing: 0.05em;
                text-transform: uppercase;
                padding: 0.4rem 0.9rem !important;
                transition: color var(--t) var(--e);
                position: relative;
            }
            .nav-link::after {
                content: "";
                position: absolute;
                left: 0.9rem;
                right: 0.9rem;
                bottom: 0;
                height: 1.5px;
                background: var(--gg);
                transform: scaleX(0);
                transition: transform 0.3s var(--e);
                transform-origin: left;
            }
            .nav-link:hover,
            .nav-link.active {
                color: #fff !important;
            }
            .nav-link:hover::after,
            .nav-link.active::after {
                transform: scaleX(1);
            }
            .nav-cta-pill {
                background: var(--gg) !important;
                color: var(--ch) !important;
                border-radius: 6px;
                font-weight: 700 !important;
                padding: 0.38rem 1.05rem !important;
                box-shadow: var(--sg);
            }
            .nav-cta-pill::after {
                display: none !important;
            }
            .navbar-toggler {
                border-color: rgba(201, 164, 82, 0.3);
            }
            .navbar-toggler-icon {
                filter: invert(1);
            }

            /* ── HERO ── */
            #home {
                min-height: 100vh;
                background: var(--gd);
                position: relative;
                overflow: hidden;
                display: flex;
                align-items: center;
                padding-top: 80px;
                padding-bottom: 2rem;
            }
            .hero-noise {
                position: absolute;
                inset: 0;
                background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E");
                pointer-events: none;
            }
            .hero-glow {
                position: absolute;
                top: -150px;
                right: -100px;
                width: 600px;
                height: 600px;
                border-radius: 50%;
                background: radial-gradient(circle, rgba(201, 164, 82, 0.08) 0%, transparent 70%);
                pointer-events: none;
            }
            .hero-kicker {
                display: inline-flex;
                align-items: center;
                gap: 0.65rem;
                margin-bottom: 1.4rem;
            }
            .hero-kicker-bar {
                width: 2.2rem;
                height: 1.5px;
                background: var(--au);
            }
            .hero-kicker span {
                font-family: var(--fb);
                font-size: 12px;
                /*font-size: 0.7rem;*/
                font-weight: 600;
                letter-spacing: 0.2em;
                text-transform: uppercase;
                color: var(--au);
            }
            .hero-h1 {
                color: #fff;
                margin-bottom: 1.35rem;
            }
            .hero-h1 em {
                font-style: italic;
                color: var(--au2);
            }
            .hero-p {
                font-size: 17px;
                /*font-size: 1.05rem;*/
                color: rgba(255, 255, 255, 0.65);
                max-width: 520px;
                line-height: 1.88;
                margin-bottom: 2.4rem;
            }
            .hero-right {
                position: relative;
            }
            .hero-img-outer {
                border-radius: var(--rx) 0 var(--rx) var(--rx);
                overflow: hidden;
                position: relative;
                box-shadow: 0 32px 80px rgba(0, 0, 0, 0.5);
            }
            .hero-img-outer img {
                width: 100%;
                height: 540px;
                object-fit: cover;
            }
            .hero-img-tint {
                position: absolute;
                inset: 0;
                background: linear-gradient(to bottom, rgba(26, 26, 46, 0.1) 0%, rgba(26, 26, 46, 0.65) 100%);
            }
            .hero-tag {
                position: absolute;
                top: -3rem;
                /*top: -1rem;*/
                right: 0;
                background: var(--gg);
                border-radius: 50px;
                padding: 0.42rem 1rem;
                font-family: var(--fb);
                font-size: 0.68rem;
                font-weight: 700;
                color: var(--ch);
                letter-spacing: 0.06em;
                text-transform: uppercase;
                box-shadow: var(--sg);
                white-space: nowrap;
            }
            .hero-caption {
                position: absolute;
                bottom: 1.35rem;
                left: 1.35rem;
                right: 1.35rem;
                display: flex;
                align-items: center;
                gap: 0.85rem;
                background: rgba(26, 26, 46, 0.82);
                backdrop-filter: blur(12px);
                border: 1px solid rgba(201, 164, 82, 0.18);
                border-radius: 12px;
                padding: 0.85rem 1.1rem;
            }
            .hc-dot {
                width: 34px;
                height: 34px;
                background: var(--gg);
                border-radius: 9px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 0.95rem;
                color: var(--ch);
                flex-shrink: 0;
            }
            .hc-text strong {
                color: #fff;
                font-family: var(--fb);
                font-size: 16px;
                /*font-size: 0.82rem;*/
                display: block;
            }
            .hc-text span {
                color: rgba(255, 255, 255, 0.5);
                font-size: 13px;
                /*font-size: 0.72rem;*/
            }

            /* ── SECTIONS ── */
            section {
                padding: 5.5rem 0;
            }
            section.s-parch {
                background: var(--parch);
            }
            section.s-dark {
                background: var(--ch);
            }

            /* ── STATS STRIP ── */
            #stats-strip {
                background: #16213e;
                border-top: 1px solid rgba(201, 164, 82, 0.15);
                border-bottom: 1px solid rgba(201, 164, 82, 0.15);
                padding: 2.5rem 0;
            }
            .stats-inner {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 0;
            }
            .stat-item {
                text-align: center;
                padding: 1.25rem 1rem;
                border-right: 1px solid rgba(201, 164, 82, 0.12);
            }
            .stat-item:last-child {
                border-right: none;
            }
            .hs-n {
                font-family: var(--fd);
                font-size: 52px;
                /*font-size: 2.6rem;*/
                font-weight: 700;
                color: var(--au2);
                line-height: 1;
                display: block;
            }
            .hs-l {
                font-size: 14px;
                /*font-size: 0.78rem;*/
                color: rgba(255, 255, 255, 0.45);
                letter-spacing: 0.06em;
                text-transform: uppercase;
                margin-top: 0.25rem;
            }

            /* ── STICKY TWO-COL LAYOUT ── */
            /* Parent must have align-items:start for sticky to work */
            .sticky-pair {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 5rem;
                align-items: start;
            }
            .sticky-col {
                position: sticky;
                top: 92px;
                align-self: start;
            }
            .scroll-col {
            }

            /* ── ABOUT ── */
            .about-img {
                border-radius: var(--rx);
                overflow: hidden;
                box-shadow: var(--s3);
            }
            .about-img img {
                width: 100%;
                height: 460px;
                object-fit: cover;
            }
            .about-meta {
                display: flex;
                align-items: center;
                gap: 0.85rem;
                margin-top: 0.85rem;
                padding: 0.9rem 1.1rem;
                background: var(--white);
                border: 1px solid var(--border);
                border-radius: var(--rl);
                box-shadow: var(--s1);
            }
            .am-ic {
                width: 42px;
                height: 42px;
                /*width: 36px;
                height: 36px;*/
                background: linear-gradient(135deg, rgba(201, 164, 82, 0.12), rgba(201, 164, 82, 0.04));
                border: 1px solid rgba(201, 164, 82, 0.18);
                border-radius: 9px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--au);
                font-size: 22px;
                /*font-size: 0.9rem;*/
                flex-shrink: 0;
            }
            .am-ic + div strong {
                font-family: var(--fb);
                font-size: 16px;
                /*font-size: 0.85rem;*/
                color: var(--ch);
                display: block;
            }
            .am-ic + div span {
                font-size: 14px;
                /*font-size: 0.75rem;*/
                color: var(--muted);
            }
            .av-items {
                margin-top: 1.75rem;
            }
            .av-item {
                display: flex;
                gap: 0.9rem;
                align-items: flex-start;
                padding: 1.05rem 0;
                border-bottom: 1px solid var(--border);
            }
            .av-item:last-child {
                border-bottom: none;
            }
            .av-bullet {
                width: 42px;
                height: 42px;
                /*width: 36px;
                height: 36px;*/
                background: var(--gg);
                border-radius: 9px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--ch);
                font-size: 22px;
                /*font-size: 0.9rem;*/
                flex-shrink: 0;
                margin-top: 0.1rem;
            }
            .av-item strong {
                font-family: var(--fd);
                font-size: 18px;
                /*font-size: 1.05rem;*/
                color: var(--ch);
                display: block;
                margin-bottom: 0.2rem;
            }
            .av-item p {
                font-size: 16px;
                /*font-size: 0.94rem;*/
                color: var(--muted);
                margin: 0;
                line-height: 1.8;
            }



            /* ── SERVICES ── */
            #services {
                padding-bottom: 5.5rem;
            }
            .svc-sticky-bar {
                position: sticky;
                top: 98px;
                z-index: 200;
                background: var(--white);
                border-bottom: 1px solid var(--border);
                box-shadow: 0 2px 18px rgba(26, 26, 46, 0.06);
            }
            .svc-tab-row {
                display: flex;
                overflow-x: auto;
                scrollbar-width: none;
                -webkit-overflow-scrolling: touch;
                touch-action: pan-x pan-y;
            }
            .svc-tab-row::-webkit-scrollbar {
                display: none;
            }
            .svc-t {
                flex-shrink: 0;
                min-width: max-content;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 0.45rem;
                padding: 0.7rem 1.1rem;
                font-family: var(--fb);
                font-size: 14px;
                /*font-size: 0.82rem;*/
                font-weight: 600;
                letter-spacing: 0.04em;
                text-transform: uppercase;
                color: var(--muted);
                cursor: pointer;
                border-bottom: 2.5px solid transparent;
                transition: all var(--t) var(--e);
                white-space: nowrap;
                background: none;
                border-left: 0;
                border-right: 0;
                border-top: 0;
            }
            .svc-t i {
                font-size: 15px;
                /*font-size: 0.82rem;*/
            }
            .svc-t:hover {
                color: var(--ch);
            }
            .svc-t.active {
                color: var(--ch);
                border-bottom-color: var(--au);
                font-weight: 700;
            }
            .svc-t.active i {
                color: var(--au);
            }
            /* Service alternating image/content blocks */
            .svc-block {
                padding: 4.5rem 0;
                border-bottom: 1px solid var(--border);
            }
            .svc-block:last-child {
                border-bottom: none;
            }
            .svc-block-inner {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 4.5rem;
                align-items: start;
            }
            .svc-img-col {
                position: sticky;
                top: 140px;
                align-self: start;
            }
            .svc-img-col img {
                width: 100%;
                height: 420px;
                object-fit: cover;
                border-radius: var(--rx);
                box-shadow: var(--s3);
            }
            .svc-img-col.right {
                order: 1;
            }
            .svc-content-col {
            }
            .svc-num {
                font-family: var(--fd);
                font-size: 1rem;
                font-weight: 600;
                color: var(--au);
                letter-spacing: 0.05em;
                margin-bottom: 0.3rem;
            }
            .svc-content-col h3 {
                font-size: 1.85rem;
                margin-bottom: 0.6rem;
            }
            .svc-desc {
                font-style: italic;
                color: var(--muted);
                font-size: 16px;
                /*font-size: 1rem;*/
                margin-bottom: 1.6rem;
                padding-bottom: 1.4rem;
                border-bottom: 1px solid var(--border);
            }
            .svc-sub-h {
                font-family: var(--fb);
                font-size: 14px;
                /*font-size: 0.78rem;*/
                font-weight: 600;
                letter-spacing: 0.13em;
                text-transform: uppercase;
                color: var(--au);
                display: flex;
                align-items: center;
                gap: 0.5rem;
                margin-bottom: 0.85rem;
                margin-top: 1.25rem;
            }
            .svc-sub-h::after {
                content: "";
                flex: 1;
                height: 1px;
                background: var(--border);
            }
            .svc-list {
                list-style: none;
                display: flex;
                flex-direction: column;
                gap: 0.55rem;
            }
            .svc-list li {
                display: flex;
                gap: 0.75rem;
                align-items: flex-start;
                font-size: 0.92rem;
                color: var(--muted);
                line-height: 1.7;
                padding: 0.72rem 0.9rem;
                background: var(--parch);
                border: 1px solid var(--border);
                border-radius: var(--r);
                transition: all var(--t) var(--e);
            }
            .svc-list li:hover {
                background: var(--white);
                border-color: rgba(201, 164, 82, 0.2);
                box-shadow: var(--s1);
            }
            .svc-list li i {
                color: var(--au);
                font-size: 0.85rem;
                flex-shrink: 0;
                margin-top: 0.15rem;
            }
            .svc-list li strong {
                color: var(--ch);
                font-weight: 600;
                display: block;
                margin-bottom: 0.15rem;
                font-size: 16px;
                /*font-size: 0.95rem;*/
            }
            .comp-strip {
                display: inline-flex;
                align-items: center;
                gap: 0.55rem;
                border: 1px solid rgba(201, 164, 82, 0.22);
                background: linear-gradient(135deg, rgba(201, 164, 82, 0.08), rgba(201, 164, 82, 0.03));
                border-radius: var(--r);
                padding: 0.7rem 1.1rem;
                margin-top: 1.25rem;
            }
            .comp-strip i {
                color: var(--au);
            }
            .comp-strip strong {
                font-family: var(--fb);
                font-size: 0.9rem;
                color: var(--ch);
            }

            /* ── FOUNDER ── */
            #founder {
                background: var(--ch);
                position: relative;
            }
            .founder-portrait {
                border-radius: var(--rx);
                overflow: hidden;
                position: relative;
            }
            .founder-portrait img {
                width: 100%;
                height: 790px;
                /*height: 520px;*/
                object-fit: cover;
                filter: grayscale(5%) contrast(1.05);
            }
            .founder-tint {
                position: absolute;
                inset: 0;
                background: linear-gradient(to bottom, transparent 45%, rgba(26, 26, 46, 0.9) 100%);
            }
            .founder-foot {
                position: absolute;
                bottom: 1.4rem;
                left: 1.4rem;
                right: 1.4rem;
            }
            .founder-name-plate {
                display: inline-block;
                background: var(--gg);
                border-radius: 7px;
                padding: 0.7rem 1.1rem;
                margin-bottom: 0.6rem;
            }
            .founder-name-plate strong {
                font-family: var(--fd);
                font-size: 22px;
                /*font-size: 1.15rem;*/
                font-weight: 700;
                color: var(--ch);
                display: block;
            }
            .founder-name-plate span {
                font-size: 13px;
                font-weight: 600;
                /*font-size: 0.75rem;*/
                color: rgba(26, 26, 46, 0.6);
                letter-spacing: 0.04em;
                text-transform: uppercase;
            }
            .founder-badges {
                display: flex;
                gap: 0.4rem;
                flex-wrap: wrap;
            }
            .f-badge {
                display: inline-flex;
                align-items: center;
                gap: 0.35rem;
                background: rgba(26, 26, 46, 0.72);
                backdrop-filter: blur(6px);
                border: 1px solid rgba(201, 164, 82, 0.22);
                border-radius: 50px;
                padding: 0.32rem 0.85rem;
                font-size: 15px;
                font-family: var(--fb);
                font-weight: 600;
                color: var(--au2);
                letter-spacing: 0.03em;
            }
            .f-badge i {
                font-size: 12px;
            }
            .founder-text p {
                color: rgba(255, 255, 255, 0.67);
                line-height: 1.88;
                margin-bottom: 1rem;
                font-size: 1rem;
            }
            .founder-pull {
                border-left: 3px solid var(--au);
                padding: 0.05rem 1.2rem;
                margin: 1.6rem 0;
            }
            .founder-pull strong {
                font-family: var(--fd);
                font-size: 24px;
                /*font-size: 1.3rem;*/
                font-style: italic;
                color: rgba(255, 255, 255, 0.82);
                display: block;
                line-height: 1.4;
            }
            .acc-list {
                margin-top: 1.5rem;
            }
            .acc-row {
                display: flex;
                gap: 0.85rem;
                align-items: flex-start;
                padding: 0.8rem 0;
                border-bottom: 1px solid rgba(255, 255, 255, 0.055);
            }
            .acc-row:last-child {
                border-bottom: none;
            }
            .acc-ico {
                width: 42px;
                height: 42px;
                background: var(--gg);
                border-radius: 7px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 16px;
                color: var(--ch);
                flex-shrink: 0;
                margin-top: 0.1rem;
            }
            .acc-text strong {
                font-size: 16px;
                color: rgba(255, 255, 255, 0.8);
                font-family: var(--fb);
                display: block;
                margin-bottom: 0.1rem;
            }
            .acc-text span {
                font-size: 15px;
                color: rgba(255, 255, 255, 0.35);
            }

            /* ── PILLARS ── */
            #pillars {
                background: var(--parch);
            }
            .pillar-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 1.5rem;
            }
            .p-card {
                background: var(--white);
                border: 1px solid var(--border);
                border-radius: var(--rx);
                padding: 2.25rem;
                position: relative;
                overflow: hidden;
                transition: all var(--t) var(--e);
            }
            .p-card::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                height: 3px;
                background: var(--gg);
                transform: scaleX(0);
                transform-origin: left;
                transition: transform 0.4s var(--e);
            }
            .p-card:hover {
                transform: translateY(-7px);
                box-shadow: var(--s3);
                border-color: rgba(201, 164, 82, 0.15);
            }
            .p-card:hover::before {
                transform: scaleX(1);
            }
            .p-num {
                font-family: var(--fd);
                font-size: 5rem;
                font-weight: 700;
                color: var(--au);
                opacity: 0.07;
                position: absolute;
                top: 0.3rem;
                right: 1.1rem;
                line-height: 1;
                user-select: none;
            }
            .p-icon {
                width: 52px;
                height: 52px;
                background: var(--gd);
                border-radius: 13px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 1.35rem;
                color: var(--au2);
                margin-bottom: 1.2rem;
            }
            .p-card h4 {
                margin-bottom: 0.7rem;
                font-size: 24px;
                /*font-size: 1.08rem;*/
            }
            .p-card p {
                font-size: 16px;
                color: var(--muted);
                line-height: 1.85;
                margin: 0;
            }

            /* ── QUOTE ── */
            #quote {
                background: var(--ch);
                padding: 5.5rem 0;
                position: relative;
                overflow: hidden;
            }
            .q-bg {
                position: absolute;
                top: -3rem;
                left: -1rem;
                font-family: var(--fd);
                font-size: 24rem;
                font-weight: 700;
                color: rgba(201, 164, 82, 0.03);
                line-height: 1;
                user-select: none;
                pointer-events: none;
            }
            .q-wrap {
                max-width: 820px;
                margin: 0 auto;
                position: relative;
                z-index: 1;
            }
            .q-inner {
                padding: 3rem;
                background: rgba(255, 255, 255, 0.028);
                border: 1px solid rgba(201, 164, 82, 0.13);
                border-radius: var(--rx);
                text-align: center;
            }
            .q-mark {
                display: block;
                font-family: var(--fd);
                font-size: 3.5rem;
                color: var(--au);
                line-height: 0.5;
                margin-bottom: 1.1rem;
                opacity: 0.65;
            }
            .q-text {
                font-family: var(--fd);
                font-size: 26px;
                /*font-size: clamp(1.2rem, 2.2vw, 1.6rem);*/
                font-weight: 500;
                font-style: italic;
                color: rgba(255, 255, 255, 0.88);
                line-height: 1.72;
                max-width: 680px;
                margin: 0 auto 1.75rem;
            }
            .q-author {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 1.1rem;
            }
            .q-avatar {
                width: 56px;
                height: 56px;
                border-radius: 50%;
                border: 2px solid var(--au);
                overflow: hidden;
                background: var(--ch2);
                display: flex;
                align-items: center;
                justify-content: center;
                flex-shrink: 0;
            }
            .q-avatar i {
                font-size: 1.65rem;
                color: var(--au);
            }
            .q-line {
                width: 38px;
                height: 2px;
                background: var(--gg);
                margin-bottom: 0.45rem;
            }
            .q-name {
                font-family: var(--fd);
                font-weight: 600;
                color: var(--au2);
                font-size: 20px;
                /*font-size: 0.92rem;*/
            }
            .q-role {
                font-size: 14px;
                color: rgba(255, 255, 255, 0.38);
                letter-spacing: 0.06em;
                text-transform: uppercase;
                margin-top: 0.12rem;
            }

            /* ── BOOKS ── */
            #books {
                background: var(--ch);
            }
            .book-card {
                background: rgba(255, 255, 255, 0.038);
                border: 1px solid rgba(201, 164, 82, 0.35);
                border-radius: var(--rx);
                overflow: hidden;
                transition: all var(--t) var(--e);
            }
            .book-card:hover {
                transform: translateY(-7px);
                box-shadow: 0 28px 70px rgba(0, 0, 0, 0.38);
                border-color: rgba(201, 164, 82, 0.32);
            }
            .book-cover {
                height: 265px;
                background: linear-gradient(135deg, #252540, #1a1a2e);
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative;
                overflow: hidden;
            }
            .book-cover::before {
                content: "";
                position: absolute;
                inset: 0;
                background: repeating-linear-gradient(
                    45deg,
                    rgba(201, 164, 82, 0.02),
                    rgba(201, 164, 82, 0.02) 1px,
                    transparent 1px,
                    transparent 18px
                );
            }
            .book-3d {
                width: 144px;
                height: 205px;
                border-radius: 3px 10px 10px 3px;
                background: var(--gg);
                box-shadow:
                    8px 8px 28px rgba(0, 0, 0, 0.48),
                    inset -4px 0 14px rgba(0, 0, 0, 0.24);
                border-left: 4px solid rgba(0, 0, 0, 0.18);
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                padding: 1.3rem;
                text-align: center;
            }
            .book-3d i {
                font-size: 2.3rem;
                color: var(--ch);
                margin-bottom: 0.65rem;
                opacity: 0.75;
            }
            .book-3d span {
                font-family: var(--fd);
                font-size: 0.8rem;
                font-weight: 600;
                color: var(--ch);
                line-height: 1.35;
            }
            .book-body {
                padding: 1.6rem;
            }
            .book-body h5 {
                color: #fff;
                font-family: var(--fd);
                font-size: 24px;
                font-weight: 500;
                line-height: 34px;
                margin-bottom: 0.5rem;
            }
            .book-body p {
                font-size: 16px;
                color: rgba(255, 255, 255, 0.48);
                line-height: 1.7;
            }
            .btn-amz {
                display: inline-flex;
                align-items: center;
                gap: 0.45rem;
                background: var(--gg);
                color: var(--ch);
                border: none;
                padding: 0.57rem 1.25rem;
                border-radius: 6px;
                font-family: var(--fb);
                font-weight: 600;
                font-size: 16px;
                /*letter-spacing: 0.05em;*/
                text-transform: uppercase;
                text-decoration: none;
                transition: all var(--t) var(--e);
                margin-top: 0.95rem;
                box-shadow: var(--sg);
            }
            .btn-amz:hover {
                opacity: 0.9;
                color: var(--ch);
                transform: translateY(-2px);
            }

            /* ── GALLERY ── */
            #gallery {
                background: var(--parch);
            }
            .gf-wrap {
                display: flex;
                gap: 0.45rem;
                flex-wrap: wrap;
                justify-content: center;
                margin-bottom: 2.5rem;
            }
            .gf {
                background: var(--white);
                border: 1.5px solid var(--border);
                border-radius: 50px;
                padding: 0.5rem 1.2rem;
                font-family: var(--fb);
                font-size: 16px;
                font-weight: 500;
                color: var(--muted);
                cursor: pointer;
                transition: all var(--t) var(--e);
                letter-spacing: 0.04em;
                text-transform: uppercase;
            }
            .gf.active,
            .gf:hover {
                background: var(--ch);
                border-color: var(--ch);
                color: #fff;
            }
            .gal-grid {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
                gap: 0.9rem;
            }
            .gi {
                position: relative;
                border-radius: var(--rl);
                overflow: hidden;
                cursor: pointer;
                aspect-ratio: 4/3;
            }
            .gi.hidden {
                display: none;
            }
            .gi img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: transform 0.5s var(--e);
            }
            .gi-ov {
                position: absolute;
                inset: 0;
                background: linear-gradient(
                    to top,
                    rgba(26, 26, 46, 0.88) 0%,
                    rgba(26, 26, 46, 0.1) 55%,
                    transparent 100%
                );
                opacity: 0;
                transition: opacity var(--t) var(--e);
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: flex-end;
                padding: 1.05rem;
            }
            .gi:hover img {
                transform: scale(1.06);
            }
            .gi:hover .gi-ov {
                opacity: 1;
            }
            .gi-cat {
                font-family: var(--fb);
                font-size: 0.62rem;
                font-weight: 700;
                letter-spacing: 0.1em;
                text-transform: uppercase;
                background: var(--gg);
                color: var(--ch);
                border-radius: 50px;
                padding: 0.2rem 0.62rem;
                margin-bottom: 0.32rem;
            }
            .gi-lbl {
                color: #fff;
                font-family: var(--fb);
                font-size: 0.9rem;
                font-weight: 500;
                text-align: center;
            }
            /*.gi-zoom {
                position: absolute;
                top: 82px;
                right: 110px;
                width: 30px;
                height: 30px;
                background: rgba(255, 255, 255, 0.09);
                backdrop-filter: blur(6px);
                border: 1px solid rgba(255, 255, 255, 0.16);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #fff;
                font-size: 16px;
                opacity: 0;
                transition: opacity var(--t);
            }*/
             .gi-zoom {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto;
                background: rgba(0, 0, 0, 0.68);
                /* top: 82px; */
                /* right: 110px; */
                width: 30px;
                width: 100%;
                height: 30px;
                height: auto;
                background: rgb(0 0 0 / 61%);
                /* backdrop-filter: blur(6px); */
                border: 1px solid rgba(255, 255, 255, 0.16);
                border-radius: 50%;
                border-radius: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #fff;
                font-size: 16px;
                opacity: 0;
                transition: opacity var(--t);
            }
            .gi:hover .gi-zoom {
                opacity: 1;
            }

            /* ── LIGHTBOX ── */
            #lb {
                position: fixed;
                inset: 0;
                z-index: 9999;
                background: rgba(10, 12, 22, 0.97);
                display: none;
                align-items: center;
                justify-content: center;
                flex-direction: column;
            }
            #lb.open {
                display: flex;
            }
            .lb-x {
                position: absolute;
                top: 1.1rem;
                right: 1.3rem;
                background: rgba(255, 255, 255, 0.06);
                border: 1px solid rgba(255, 255, 255, 0.1);
                color: #fff;
                font-size: 1.35rem;
                border-radius: 50%;
                width: 40px;
                height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                transition: all var(--t);
            }
            .lb-x:hover {
                background: rgba(201, 164, 82, 0.18);
                border-color: var(--au);
                color: var(--au);
            }
            .lb-wrap {
                max-width: 88vw;
                max-height: 75vh;
                border-radius: var(--rl);
                overflow: hidden;
                box-shadow: 0 26px 65px rgba(0, 0, 0, 0.6);
                position: relative;
            }
            #lb-img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                max-height: 75vh;
            }
            .lb-nav {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                background: rgba(26, 26, 46, 0.7);
                backdrop-filter: blur(6px);
                border: 1px solid rgba(255, 255, 255, 0.12);
                color: #fff;
                border-radius: 50%;
                width: 44px;
                height: 44px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 1.1rem;
                cursor: pointer;
                transition: all var(--t);
                z-index: 10;
            }
            .lb-nav:hover {
                background: var(--au);
                border-color: var(--au);
                color: var(--ch);
            }
            #lb-prev {
                left: -52px;
            }
            #lb-next {
                right: -52px;
            }
            .lb-meta {
                margin-top: 1rem;
                text-align: center;
            }
            .lb-cat-tag {
                display: inline-block;
                background: var(--gg);
                color: var(--ch);
                border-radius: 50px;
                padding: 0.2rem 0.75rem;
                font-family: var(--fb);
                font-size: 0.68rem;
                font-weight: 700;
                letter-spacing: 0.08em;
                text-transform: uppercase;
                margin-bottom: 0.3rem;
            }
            #lb-cap {
                color: rgba(255, 255, 255, 0.58);
                font-size: 0.82rem;
            }
            #lb-cnt {
                color: rgba(255, 255, 255, 0.25);
                font-size: 0.7rem;
                margin-top: 0.2rem;
            }

            /* ── CLIENTS ── */
            .client-card {
                /*max-width: 360px;*/
                margin: 0 auto;
                text-align: center;
                background: var(--white);
                border: 1px solid var(--border);
                border-radius: var(--rx);
                /*padding: 2.75rem 2.25rem;*/
                padding: 10px;
                box-shadow: var(--s1);
                transition: all var(--t) var(--e);
            }
            .client-card:hover {
                box-shadow: var(--s2);
                transform: translateY(-3px);
            }
            .client-ring {
                width: 120px;
                height: 120px;
                border-radius: 50%;
                border: 1.5px solid var(--border);
                background: var(--parch);
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0 auto;
                overflow: hidden;
            }
            .client-ring i {
                font-size: 2.8rem;
                color: #b5bec8;
            }
            .client-card h5 {
                font-family: var(--fd);
                font-size: 1.2rem;
                color: var(--ch);
                margin-bottom: 0.35rem;
            }
            .client-card p {
                font-size: 0.9rem;
                color: var(--muted);
                margin-bottom: 1.1rem;
            }
            .ver {
                display: inline-flex;
                align-items: center;
                gap: 0.35rem;
                border: 1px solid rgba(201, 164, 82, 0.22);
                background: linear-gradient(135deg, rgba(201, 164, 82, 0.09), rgba(201, 164, 82, 0.03));
                border-radius: 50px;
                padding: 0.3rem 0.8rem;
                font-family: var(--fb);
                font-size: 0.72rem;
                font-weight: 600;
                color: var(--au);
                letter-spacing: 0.05em;
                text-transform: uppercase;
            }

            /* ── CONTACT ── */
            #contact {
                background: var(--parch);
            }
            .c-form {
                background: var(--white);
                border: 1px solid var(--border);
                border-radius: var(--rx);
                padding: 2.75rem;
                box-shadow: var(--s1);
            }
            .form-label {
                font-family: var(--fb);
                font-weight: 600;
                font-size: 0.82rem;
                color: var(--ch);
                letter-spacing: 0.04em;
                text-transform: uppercase;
                margin-bottom: 0.45rem;
            }
            .form-control,
            .form-select {
                border: 1.5px solid var(--border);
                border-radius: var(--r);
                padding: 0.8rem 0.95rem;
                font-family: var(--fb);
                font-size: 1rem;
                color: var(--ch);
                background: var(--parch);
                transition: all var(--t);
                width: 100%;
                appearance: auto;
            }
            .form-control:focus,
            .form-select:focus {
                border-color: var(--au);
                background: var(--white);
                box-shadow: 0 0 0 3px rgba(201, 164, 82, 0.1);
                outline: none;
            }
            textarea.form-control {
                min-height: 125px;
                resize: vertical;
            }
            .btn-sub {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 0.55rem;
                width: 100%;
                background: var(--gd);
                color: #fff;
                border: none;
                padding: 0.95rem;
                border-radius: var(--r);
                font-family: var(--fb);
                font-weight: 700;
                font-size: 0.88rem;
                letter-spacing: 0.06em;
                text-transform: uppercase;
                cursor: pointer;
                transition: all var(--t) var(--e);
            }
            .btn-sub:hover {
                background: linear-gradient(160deg, #252540, #1a1a2e);
                transform: translateY(-2px);
                box-shadow: var(--s2);
            }
            .ci-box {
                background: var(--gd);
                border-radius: var(--rx);
                padding: 2.5rem;
            }
            .ci-row {
                display: flex;
                gap: 0.9rem;
                align-items: flex-start;
                margin-bottom: 1.35rem;
            }
            .ci-ico {
                width: 40px;
                height: 40px;
                background: rgba(201, 164, 82, 0.1);
                border: 1px solid rgba(201, 164, 82, 0.16);
                border-radius: 10px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--au);
                font-size: 0.9rem;
                flex-shrink: 0;
            }
            .ci-row strong {
                color: rgba(255, 255, 255, 0.8);
                font-family: var(--fb);
                font-size: 14px;
                display: block;
                margin-bottom: 0.15rem;
                letter-spacing: 0.04em;
                text-transform: uppercase;
            }
            .ci-row a,
            .ci-row span {
                color: rgba(255, 255, 255, 0.55);
                font-size: 16px;
                text-decoration: none;
                display: block;
            }
            .ci-row a:hover {
                color: var(--au2);
            }
            .soc {
                display: flex;
                gap: 0.5rem;
                margin-top: 1.5rem;
            }
            .soc a {
                width: 38px;
                height: 38px;
                background: rgba(255, 255, 255, 0.05);
                border: 1px solid rgba(255, 255, 255, 0.08);
                border-radius: 10px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: rgba(255, 255, 255, 0.5);
                font-size: 1rem;
                text-decoration: none;
                transition: all var(--t) var(--e);
            }
            .soc a:hover {
                background: var(--au);
                border-color: var(--au);
                color: var(--ch);
                transform: translateY(-2px);
            }

            /* ── CTA / FOOTER ── */
            .footer-main-logo{
                max-width: 100px;
            }
            .cta-sec {
                padding: 4rem 0;
                background: var(--white);
            }
            .cta-inner {
                background: var(--gg);
                border-radius: var(--rx);
                padding: 3.75rem 3rem;
                text-align: center;
                position: relative;
                overflow: hidden;
            }
            .cta-inner::before,
            .cta-inner::after {
                content: "";
                position: absolute;
                border-radius: 50%;
                background: rgba(255, 255, 255, 0.065);
                pointer-events: none;
            }
            .cta-inner::before {
                width: 380px;
                height: 380px;
                top: -140px;
                right: -90px;
            }
            .cta-inner::after {
                width: 240px;
                height: 240px;
                bottom: -90px;
                left: -55px;
            }
            .cta-inner h2 {
                color: var(--ch);
                font-size: clamp(1.7rem, 2.8vw, 2.4rem);
                margin-bottom: 0.7rem;
            }
            .cta-inner p {
                color: rgba(26, 26, 46, 0.62);
                max-width: 470px;
                margin: 0 auto 1.85rem;
                font-size: 16px;
            }
            footer {
                background: var(--ch);
                border-top: 1px solid rgba(201, 164, 82, 0.1);
                padding: 3.25rem 0 1.75rem;
            }
            .f-brand {
                font-family: var(--fd);
                font-size: 1.3rem;
                font-weight: 700;
                color: var(--au2);
                display: inline-block;
                margin-bottom: 0.28rem;
                letter-spacing: 0.02em;
            }
            .f-tag {
                font-size: 0.75rem;
                color: rgba(255, 255, 255, 0.28);
                letter-spacing: 0.1em;
                text-transform: uppercase;
            }
            .f-rule {
                border-color: rgba(255, 255, 255, 0.07);
                margin: 1.8rem 0 1.35rem;
            }
            .f-copy {
                font-size: 0.84rem;
                color: rgba(255, 255, 255, 0.28);
            }
            .f-a {
                color: rgba(255, 255, 255, 0.28);
                font-size: 0.84rem;
                text-decoration: none;
                transition: color var(--t);
            }
            .f-a:hover {
                color: var(--au2);
            }

            /* ══════════════════════════════════════════════════════
   RESPONSIVE — ONE CLEAN BLOCK, NO CONFLICTS
══════════════════════════════════════════════════════ */
            /* Tablet: 768px–991px */
            @media (max-width: 991px) {
                .sticky-pair {
                    grid-template-columns: 1fr;
                    gap: 2.5rem;
                }
                .svc-block-inner {
                    grid-template-columns: 1fr;
                    gap: 2rem;
                }
                .pillar-grid {
                    grid-template-columns: 1fr 1fr;
                }
                #lb-prev {
                    left: -8px;
                }
                #lb-next {
                    right: -8px;
                }
            }

            /* Mobile: up to 767px */
            @media (max-width: 767px) {
                /* Layout */
                section {
                    padding: 3.5rem 0;
                }
                .container {
                    padding-left: 1.25rem;
                    padding-right: 1.25rem;
                }
                /* Typography */
                h2 {
                    font-size: 1.85rem;
                }
                h3 {
                    font-size: 1.3rem;
                }
                /* Sticky: disabled on mobile — let everything scroll naturally */
                .sticky-col {
                    position: relative;
                    top: auto;
                }
                .svc-img-col {
                    position: relative;
                    top: auto;
                }
                /* Hero */
                #home {
                    padding-top: 72px;
                    padding-bottom: 1.5rem;
                    min-height: auto;
                }
                .hero-img-outer img {
                    height: 240px;
                }
                .hero-img-outer {
                    border-radius: var(--rl);
                }
                .hero-tag {
                    top: 0.5rem;
                    right: 0.5rem;
                    font-size: 0.6rem;
                    padding: 0.28rem 0.7rem;
                }
                .hero-caption {
                    padding: 0.65rem 0.85rem;
                }
                .hc-text strong {
                    font-size: 0.72rem;
                }
                .hc-text span {
                    display: none;
                }
                .hero-p {
                    font-size: 0.96rem;
                }
                /* Stats */
                #stats-strip {
                    padding: 1.5rem 0;
                }
                .stats-inner {
                    grid-template-columns: repeat(2, 1fr);
                }
                .stat-item:nth-child(2) {
                    border-right: none;
                }
                .stat-item:nth-child(3) {
                    border-right: 1px solid rgba(201, 164, 82, 0.12);
                }
                .hs-n {
                    font-size: 2rem;
                }
                /* Services */
                .svc-img-col img {
                    height: 200px;
                }
                .svc-block-inner .svc-img-col {
                    order: -1;
                }
                /* Pillars */
                .pillar-grid {
                    grid-template-columns: 1fr;
                }
                /* Books */
                .book-card .book-body {
                    text-align: center;
                }
                .book-card .book-body .btn-amz {
                    margin: 0.95rem auto 0;
                }
                /* Contact */
                .c-form {
                    padding: 1.75rem 1.25rem;
                }
                .ci-box {
                    padding: 1.75rem 1.25rem;
                    margin-top: 1.5rem;
                }
                /* CTA */
                .cta-inner {
                    padding: 2.5rem 1.5rem;
                }
                /* Footer */
                footer {
                    padding: 2.5rem 0 1.5rem;
                }
                /* Lightbox nav */
                #lb-prev {
                    left: 0.25rem;
                }
                #lb-next {
                    right: 0.25rem;
                }
                /* FABs: hide desktop, show mobile bar */
                .fab-left-cluster {
                    display: none;
                }
                .fab-right-cluster {
                    display: none;
                }
                #mob-fab-bar {
                    display: flex;
                }
                /* Space for mobile FAB bar */
                body {
                    padding-bottom: 52px;
                    overflow: hidden;
                }
                .cus-founder-linkedin a {
                    top: 190px !important;
                    right: 10px !important;
                }
            }

            /* Small mobile */
            @media (max-width: 480px) {
                .hero-img-outer img {
                    height: 200px;
                }
                .stats-inner {
                    grid-template-columns: repeat(2, 1fr);
                }
                .hs-n {
                    font-size: 1.75rem;
                }
                .gb,
                .ob {
                    padding: 0.72rem 1.4rem;
                    font-size: 0.78rem;
                }
                .gal-grid {
                    grid-template-columns: 1fr 1fr;
                }
                h1 {
                    font-size: 2.2rem;
                }
            }

            /* Desktop: ensure desktop FABs visible */
            @media (min-width: 768px) {
                .fab-left-cluster {
                    display: flex;
                }
                .fab-right-cluster {
                    display: block;
                }
                #mob-fab-bar {
                    display: none;
                }
                body {
                    padding-bottom: 0;
                }
            }

            @media (prefers-reduced-motion: reduce) {
                *,
                *::before,
                *::after {
                    animation-duration: 0.01ms !important;
                    transition-duration: 0.01ms !important;
                }
            }


.cus-founder-linkedin a {
    position: absolute;
    top: 152px;
    right: 10px;
    border: 1px solid #c19f59;
    padding: 5px;
    border-radius: 10px;
    width: 38px;
    height: 38px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c9a762;
}

.cus-founder-linkedin a:hover {
    border: 1px solid #ffffff;
    color: #ffffff;
}