:root {
    --blue: #B9DFFF;
    --blue-bright: #8FCBFF;
    --light-blue: #B9DFFF;
    --light-blue-soft: #DCEFFF;

    --navy: #0B0B10;
    --navy-2: #15151D;
    --black: #0B0B10;

    --white: #FFFFFF;
    --off-white: #F7F8FA;

    --text: #17171E;
    --muted: #5F626A;

    --border: #D9DCE2;

    --pink: #E9A9C7;
    --pink-dark: #D98EB2;
    --pink-soft: #F7DCE8;

    --purple: #9855B8;
    --purple-dark: #7A4D9A;

    --silver: #B8BEC8;
    --silver-light: #F1F2F5;

    --ease: cubic-bezier(.16, 1, .3, 1);
    --ease-soft: cubic-bezier(.2, .7, .2, 1);

    --container: 1180px;

    --shadow-sm: 0 10px 30px rgba(11, 11, 16, .06);
    --shadow-md: 0 20px 50px rgba(11, 11, 16, .10);
    --shadow-lg: 0 30px 70px rgba(11, 11, 16, .14);
}


/* =========================================================
   RESET
========================================================= */

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

html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}
body {
    margin: 0;
    font-family: "Inter", Arial, sans-serif;
    color: var(--text);
    background: var(--white);
    line-height: 1.6;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

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

button,
input,
textarea,
select {
    font: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

button {
    cursor: pointer;
}

a {
    color: inherit;
    text-decoration: none;
}

::selection {
    background: var(--pink);
    color: #111117;
}


/* =========================================================
   ACCESSIBILITY / FOCUS
========================================================= */

:focus {
    outline: none;
}

:focus-visible {
    outline: 3px solid var(--purple);
    outline-offset: 4px;
    border-radius: 6px;
}

button,
a {
    min-height: 44px;
}

.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.skip-link {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 100000;

    padding: 12px 18px;
    border-radius: 8px;

    background: #111117;
    color: white;

    font-size: 14px;
    font-weight: 800;

    transform: translateY(-150%);
    transition: transform .2s ease;
}

.skip-link:focus {
    transform: translateY(0);
}


/* =========================================================
   LOADER
========================================================= */

.loader {
    position: fixed;
    inset: 0;
    z-index: 99999;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        radial-gradient(
            circle at 30% 30%,
            rgba(233, 169, 199, .45),
            transparent 40%
        ),
        radial-gradient(
            circle at 70% 70%,
            rgba(185, 223, 255, .45),
            transparent 40%
        ),
        linear-gradient(
            135deg,
            #fff5fa,
            #f8f2ff,
            #f1f8ff
        );

    opacity: 1;
    visibility: visible;

    transition:
        opacity .5s ease,
        visibility .5s ease;
}

.loader.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.loader-logo {
    display: flex;
    align-items: center;
    gap: 14px;
}

.loader-logo img {
    width: 58px;
    height: 58px;
    object-fit: contain;
}

.loader-logo strong {
    color: #17131d;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 2px;
}


/* =========================================================
   FLOATING NAV
========================================================= */

.floating-nav {
    position: fixed;
    top: 20px;
    left: 50%;
    z-index: 1000;

    width: min(calc(100% - 40px), 1160px);

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 12px 16px 12px 18px;

    transform: translateX(-50%);

    background: rgba(255, 255, 255, .88);

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

    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 18px;

    box-shadow:
        0 20px 60px rgba(11, 11, 16, .10),
        inset 0 1px rgba(255, 255, 255, .8);

    transition:
        background .3s ease,
        box-shadow .3s ease;
}

.floating-nav.scrolled {
    background: rgba(255, 255, 255, .96);

    box-shadow:
        0 24px 70px rgba(11, 11, 16, .14);
}


/* =========================================================
   NAV BRAND / BWEIN LOGO
========================================================= */

.nav-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.brand-icon {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
    border-radius: 12px;

    background: transparent;
}

.brand-icon img {
    width: 100%;
    height: 100%;

    padding: 6px;

    object-fit: contain;
}

.brand-text {
    display: flex;
    flex-direction: column;
    line-height: 1.05;
}

.brand-text strong {
    color: #111117;
    font-size: 14px;
    letter-spacing: .12em;
}

.brand-text small {
    margin-top: 4px;

    color: #737984;
    font-size: 8px;
    letter-spacing: .14em;
}


/* =========================================================
   DESKTOP MENU
========================================================= */

.nav-menu {
    display: flex;
    align-items: center;
    gap: 30px;
}

.nav-menu a {
    position: relative;

    color: #555A63;

    font-size: 12px;
    font-weight: 600;

    transition: color .25s ease;
}

.nav-menu a:hover,
.nav-menu a.active {
    color: var(--pink-dark);
}

.nav-menu a::after {
    content: "";

    position: absolute;
    left: 0;
    right: 0;
    bottom: -7px;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--pink),
            var(--light-blue)
        );

    transform: scaleX(0);
    transform-origin: center;

    transition: transform .25s ease;
}

.nav-menu a:hover::after,
.nav-menu a.active::after {
    transform: scaleX(1);
}

.nav-menu a.active {
    font-weight: 800;
}


/* =========================================================
   NAV CTA
========================================================= */

.nav-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 12px 18px;

    border-radius: 11px;

    background:
        linear-gradient(
            135deg,
            var(--pink),
            var(--light-blue)
        );

    color: #111117;

    font-size: 12px;
    font-weight: 800;

    box-shadow:
        0 15px 35px rgba(233, 169, 199, .24);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.nav-cta:hover {
    transform: translateY(-2px);

    box-shadow:
        0 20px 45px rgba(233, 169, 199, .34);
}


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

.mobile-toggle {
    display: none;

    width: 44px;
    height: 44px;
    min-width: 44px;

    padding: 0;

    border: 2px solid transparent;
    border-radius: 12px;

    background: var(--silver-light);
}

.mobile-toggle span {
    display: block;

    width: 19px;
    height: 2px;

    margin: 5px auto;

    background: #111117;

    transition: transform .25s ease;
}

.mobile-toggle:hover {
    background: #E8E9ED;
}

.mobile-nav {
    position: fixed;

    top: 88px;
    left: 20px;
    right: 20px;

    z-index: 999;

    display: none;
    flex-direction: column;
    gap: 5px;

    padding: 12px;

    background: rgba(255, 255, 255, .97);

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

    border: 1px solid var(--border);
    border-radius: 18px;

    box-shadow:
        0 25px 60px rgba(11, 11, 16, .12);
}

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

.mobile-nav a {
    display: flex;
    align-items: center;

    padding: 14px;

    border-radius: 10px;

    color: #17171E;
    font-weight: 600;

    transition: background .2s ease;
}

.mobile-nav a:hover,
.mobile-nav a.active {
    background: var(--pink-soft);
}


/* =========================================================
   HERO
========================================================= */

.hero {
    position: relative;

    min-height: 820px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding:
        170px
        max(6vw, 40px)
        80px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 78% 28%,
            rgba(233, 169, 199, .13),
            transparent 28%
        ),
        #FFFFFF;
}

/* =========================================================
   HERO VIDEO BACKGROUND
========================================================= */

.hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}


/* VIDEO */

.hero-video {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover;

    display: block;

    z-index: -3 !important;

    opacity: 1;

    pointer-events: none;
}


/* OVERLAY */

.hero-video-overlay {
    position: absolute;

    inset: 0;

    z-index: -2;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.95) 0%,
            rgba(255,255,255,.82) 40%,
            rgba(255,255,255,.45) 100%
        );

    pointer-events: none;
}


/* EXISTING BACKGROUND */

.hero .grid-bg {
    position: absolute;

    inset: 0;

    z-index: -1;
}


/* CONTENT */

.hero-content {
    position: relative;

    z-index: 5;
}

.grid-bg {
    position: absolute;
    inset: 0;

    opacity: .65;

    background-image:
        linear-gradient(
            rgba(185, 223, 255, .12) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(185, 223, 255, .12) 1px,
            transparent 1px
        );

    background-size: 70px 70px;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            black,
            transparent 80%
        );

    mask-image:
        linear-gradient(
            to bottom,
            black,
            transparent 80%
        );

    pointer-events: none;
}

.hero-glow,
.hero::before {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.hero-glow {
    width: 500px;
    height: 500px;

    right: -180px;
    top: 150px;

    background:
        radial-gradient(
            circle,
            rgba(185, 223, 255, .20),
            transparent 68%
        );
}

.hero::before {
    content: "";

    width: 520px;
    height: 520px;

    top: 100px;
    right: -220px;

    background:
        radial-gradient(
            circle,
            rgba(233, 169, 199, .10),
            transparent 68%
        );
}

.hero-content {
    position: relative;
    z-index: 2;

    width: min(800px, 100%);

    min-height: 430px;
}

.location-label {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 24px;

    color: #555A63;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
}

.location-label span {
    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    border-radius: 50%;

    background: var(--pink);

    box-shadow:
        0 0 12px rgba(233, 169, 199, .60);
}

.hero h1 {
    max-width: 850px;

    color: #111117;

    font-size: clamp(48px, 7vw, 88px);
    line-height: .98;

    letter-spacing: -.055em;
    font-weight: 800;

    /* Prevent font loading from changing layout */
    min-height: 1.96em;
}

.hero h1 span {
    display: inline;

    background:
        linear-gradient(
            90deg,
            #D98EB2,
            #91CFFF
        );

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

.hero-description {
    max-width: 650px;

    margin-top: 28px;

    color: #5F626A;

    font-size: 16px;
    line-height: 1.8;
}

.hero-actions {
    display: flex;
    align-items: center;
    gap: 24px;

    margin-top: 35px;
}

.primary-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

    padding: 15px 22px;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            var(--pink),
            var(--light-blue)
        );

    color: #111117;

    font-size: 13px;
    font-weight: 800;

    box-shadow:
        0 10px 25px rgba(233, 169, 199, .22);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.primary-button:hover {
    transform: translateY(-2px);

    box-shadow:
        0 15px 35px rgba(233, 169, 199, .32);
}

.text-button {
    display: inline-flex;
    align-items: center;

    color: #17171E;

    font-size: 13px;
    font-weight: 700;

    transition: color .25s ease;
}

.text-button:hover {
    color: var(--pink-dark);
}


/* =========================================================
   HERO STATS
========================================================= */

.hero-stats {
    position: relative;
    z-index: 2;

    display: flex;

    width: min(620px, 100%);

    margin-top: 75px;

    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.hero-stat {
    flex: 1;

    padding: 22px 24px;

    border-right: 1px solid var(--border);
}

.hero-stat:first-child {
    padding-left: 0;
}

.hero-stat:last-child {
    border-right: 0;
}

.hero-stat strong {
    display: block;

    color: #15151D;
    font-size: 27px;
}

.hero-stat span {
    display: block;

    margin-top: 3px;

    color: #555A63;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
}


/* =========================================================
   SCROLL REVEAL
========================================================= */

.reveal {
    opacity: 0;
    transform: translate3d(0, 28px, 0);

    transition:
        opacity .8s var(--ease),
        transform .8s var(--ease);

    will-change: opacity, transform;
}

.reveal.visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}


/* =========================================================
   INDUSTRY MARQUEE
========================================================= */

.industry-marquee {
    position: relative;
    overflow: hidden;

    padding: 19px 0;

    background: #FFFFFF;

    border-top: 1px solid #E0E2E7;
    border-bottom: 1px solid #E0E2E7;
}

.marquee-track {
    display: flex;
    width: max-content;

    animation: marquee 35s linear infinite;
    will-change: transform;
}

.marquee-item {
    display: flex;
    align-items: center;
    gap: 28px;

    padding: 0 28px;

    color: #252731;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .15em;

    white-space: nowrap;
}

.marquee-item i {
    color: var(--pink-dark);
    font-style: normal;
}

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

    to {
        transform: translate3d(-50%, 0, 0);
    }
}


/* =========================================================
   GENERAL SECTIONS
========================================================= */

.section {
    padding:
        120px
        max(6vw, 40px);
}

.section-label {
    color: #C17F9E;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .18em;
}

.large-title {
    margin-top: 18px;

    color: #111117;

    font-size: clamp(42px, 6vw, 72px);
    line-height: 1.02;
    letter-spacing: -.05em;
}

.large-title span {
    color: var(--pink-dark);
}

.section-description {
    max-width: 620px;

    margin-top: 25px;

    color: #5F626A;

    font-size: 15px;
    line-height: 1.8;
}


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

.portfolio-intro {
    background: #F7F8FA;
}

.sector-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;

    margin-top: 40px;
}

.sector-tabs button {
    min-width: 44px;
    min-height: 44px;

    padding: 11px 16px;

    border: 1px solid var(--border);
    border-radius: 999px;

    background: #FFFFFF;
    color: #737984;

    font-size: 11px;
    font-weight: 700;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;
}

.sector-tabs button:hover,
.sector-tabs button.active {
    background:
        linear-gradient(
            135deg,
            var(--pink),
            var(--light-blue)
        );

    border-color: transparent;
    color: #111117;

    transform: translateY(-1px);
}


/* =========================================================
   VENTURES
========================================================= */
/* =========================================================
 /* =========================================================
    VENTURE GRID
 ========================================================= */

.venture-grid-section {
    padding: 70px max(6vw, 40px) 120px;
    background: #F7F8FA;
}

.venture-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    max-width: var(--container);
    margin: auto;
}

.venture-card {
    position: relative;

    min-height: 470px;

    overflow: hidden;
    border-radius: 24px;

    background: #0B0B10;

    transition:
        transform .3s var(--ease),
        box-shadow .3s ease;

    contain: paint;
}

/* Restaurant / large card */
.venture-card.large {
    grid-column: span 2;
    min-height: 580px;
}

.venture-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 30px 70px rgba(11, 11, 16, .20);
}


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

.venture-image {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    overflow: hidden;
}

.venture-image img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center center;

    transform: scale(1);

    /* Smooth cinematic zoom */
    animation: ventureSlowZoom 8s ease-in-out infinite alternate;

    will-change: transform;
}


/* =========================================================
   SMOOTH ZOOM
   No horizontal sliding
 ========================================================= */

@keyframes ventureSlowZoom {

    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.06);
    }

}


/* =========================================================
   HOVER
 ========================================================= */

.venture-card:hover .venture-image img {
    animation-play-state: paused;

    transform: scale(1.10);

    transition:
        transform 1.2s cubic-bezier(.16, 1, .3, 1);
}


/* =========================================================
   OVERLAY
 ========================================================= */

.venture-overlay,
.venture-info {
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    z-index: 2;

    color: white;

    background:
        linear-gradient(
            to top,
            rgba(0, 0, 0, .90),
            rgba(0, 0, 0, 0)
        );
}

.venture-overlay {
    padding: 42px;
}

.venture-info {
    padding: 35px;
}

.venture-overlay span,
.venture-info > span {
    color: var(--pink);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .15em;
}

.venture-overlay h3 {
    max-width: 550px;

    margin-top: 12px;

    font-size: 34px;
    line-height: 1.1;
}

.venture-overlay a {
    display: inline-flex;
    align-items: center;

    margin-top: 20px;

    color: white;

    font-size: 12px;
    font-weight: 700;
}

.venture-info h3 {
    margin-top: 9px;
    font-size: 25px;
}

.venture-info p {
    margin-top: 10px;

    color: rgba(255, 255, 255, .72);

    font-size: 13px;
}


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

@media (max-width: 768px) {

    .venture-grid {
        grid-template-columns: 1fr;
    }

    .venture-card.large {
        grid-column: span 1;
    }

    .venture-card {
        min-height: 420px;
    }

    .venture-card.large {
        min-height: 480px;
    }

}


/* =========================================================
   REDUCED MOTION
 ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .venture-image img {
        animation: none;
        transform: scale(1);
    }

    .venture-card:hover .venture-image img {
        animation: none;
        transform: scale(1);
    }

}

/* Smooth vertical-safe zoom
   NO horizontal movement */
@keyframes ventureZoom {

    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.07);
    }

}


/* Hover */
.venture-card:hover .venture-image img {
    animation-play-state: paused;
    transform: scale(1.10);

    transition:
        transform 1.2s cubic-bezier(.16, 1, .3, 1);
}


/* Overlay stays above image */

.venture-overlay,
.venture-info {
    z-index: 2;
}


/* Reduced motion */

@media (prefers-reduced-motion: reduce) {

    .venture-image img {
        animation: none;
        transform: scale(1);
    }

    .venture-card:hover .venture-image img {
        transform: scale(1);
    }

}

/* Smooth zoom + slight movement */
@keyframes ventureImageMotion {

    0% {
        transform: scale(1.08) translate3d(0, 0, 0);
    }

    50% {
        transform: scale(1.13) translate3d(-1%, -1%, 0);
    }

    100% {
        transform: scale(1.08) translate3d(1%, 1%, 0);
    }

}


/* Hover = stronger smooth zoom */
.venture-card:hover .venture-image img {
    transform: scale(1.16);
    animation-play-state: paused;

    transition:
        transform 1.2s cubic-bezier(.16, 1, .3, 1);
}


/* Keep overlay above image */
.venture-overlay,
.venture-info {
    z-index: 2;
}


/* Accessibility */
@media (prefers-reduced-motion: reduce) {

    .venture-image img {
        animation: none;
        transform: scale(1);
    }

    .venture-card:hover .venture-image img {
        transform: scale(1);
    }

}

/* =========================================================
   APPS
========================================================= */

.apps {
    background: #FFFFFF;
}

.apps-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 20px;

    max-width: var(--container);

    margin: 60px auto 0;
}

.app-card {
    overflow: hidden;

    border: 1px solid var(--border);
    border-radius: 22px;

    background: #FFFFFF;

    transition:
        transform .3s var(--ease),
        box-shadow .3s ease;

    contain: paint;
}

.app-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 25px 60px rgba(11, 11, 16, .10);
}

.app-image {
    position: relative;

    height: 310px;

    overflow: hidden;

    background: #0B0B10;
}

.app-image img {
    width: 100%;
    height: 100%;

    object-fit: contain;

    transition: transform .7s var(--ease);
    will-change: transform;
}

.app-card:hover .app-image img {
    transform: scale(1.05);
}

.app-badge {
    position: absolute;
    left: 18px;
    top: 18px;

    width: 42px;
    height: 42px;

    display: grid;
    place-items: center;

    border-radius: 12px;

    background: rgba(255, 255, 255, .94);

    color: #17171E;
    font-weight: 800;

    box-shadow:
        0 10px 25px rgba(0, 0, 0, .12);
}

.app-details {
    position: relative;
    padding: 25px;
}

.app-details small {
    color: #A0788E;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .15em;
}

.app-details h3 {
    margin-top: 6px;

    color: #15151D;
    font-size: 24px;
}

.app-details p {
    margin-top: 16px;

    color: #5F626A;

    font-size: 13px;
    line-height: 1.7;
}

.arrow {
    position: absolute;

    top: 25px;
    right: 25px;

    color: var(--pink-dark);
    font-size: 20px;
}


/* =========================================================
   INTELLIGENCE
========================================================= */

.intelligence {
    position: relative;
    overflow: hidden;

    background: #FFFFFF;
}

.intelligence::before {
    content: "";

    position: absolute;

    width: 600px;
    height: 600px;

    right: -250px;
    top: 100px;

    background:
        radial-gradient(
            circle,
            rgba(233, 169, 199, .14),
            transparent 68%
        );

    pointer-events: none;
}

.insight-list {
    position: relative;
    z-index: 2;

    max-width: var(--container);

    margin: 65px auto 0;

    border-top: 1px solid #E0E2E7;
}

.insight {
    position: relative;

    display: grid;
    grid-template-columns: 100px 1fr;

    gap: 35px;

    padding: 38px 25px;

    border-bottom: 1px solid #E0E2E7;

    transition:
        background .3s ease,
        padding .3s ease;
}

.insight:hover {
    background: #FCFAFB;
    padding-left: 35px;
}

.insight-number {
    color: var(--pink-dark);

    font-size: 13px;
    font-weight: 800;
}

.insight small {
    color: #555A63;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .15em;
}

.insight h3 {
    margin-top: 8px;

    color: #15151D;
    font-size: 25px;
}

.insight:hover h3 {
    color: var(--pink-dark);
}

.insight p {
    max-width: 650px;

    margin-top: 10px;

    color: #5F626A;

    font-size: 13px;
}


/* =========================================================
   GLOBAL CONTAINER
========================================================= */

.container {
    position: relative;
    z-index: 2;

    width: min(var(--container), 100%);

    margin: auto;
}


/* =========================================================
   PRESENCE
========================================================= */

.presence-section {
    position: relative;

    min-height: 680px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    overflow: hidden;

    background: #0B0B10;
}

.presence-background,
.presence-background img,
.presence-overlay {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;
}

.presence-background img {
    object-fit: cover;
    opacity: .45;
}

.presence-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(11, 11, 16, .96),
            rgba(11, 11, 16, .55),
            rgba(11, 11, 16, .85)
        );
}

.presence-overlay::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 75% 20%,
            rgba(185, 223, 255, .14),
            transparent 35%
        );
}

.presence-content {
    position: relative;
    z-index: 2;

    width: min(
        var(--container),
        calc(100% - 80px)
    );

    margin: auto;
}

.presence-eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;

    color: #E9B8CF;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .18em;
}

.presence-eyebrow span {
    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    border-radius: 50%;
    background: var(--pink);
}

.presence-title {
    margin-top: 20px;

    color: white;

    font-size: clamp(50px, 7vw, 90px);
    line-height: .98;
    letter-spacing: -.05em;
}

.presence-title span {
    color: var(--light-blue);
}

.presence-description {
    max-width: 560px;

    margin-top: 25px;

    color: rgba(255, 255, 255, .78);

    font-size: 15px;
}

.presence-stats {
    position: relative;
    z-index: 2;

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

    width: min(
        var(--container),
        calc(100% - 80px)
    );

    margin: 70px auto 0;

    overflow: hidden;

    border-radius: 18px;

    background:
        linear-gradient(
            100deg,
            #F7DCE8,
            #DCEFFF
        );
}

.presence-stat {
    position: relative;

    padding: 25px 30px;

    border-left: 1px solid rgba(120, 130, 145, .22);
}

.presence-stat:first-child {
    border-left: 0;
}

.presence-stat::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            var(--pink),
            var(--light-blue)
        );
}

.presence-stat strong {
    display: block;

    color: #C9799F;
    font-size: 32px;
}

.presence-stat span {
    color: #68717E;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .15em;
}


/* =========================================================
   FUTURE
========================================================= */

.future-section {
    position: relative;
    overflow: hidden;

    padding:
        120px
        max(6vw, 40px);

    background: #FFFFFF;
    color: #15151D;
}

.future-bg,
.future-grid {
    position: absolute;
    inset: 0;

    pointer-events: none;
}

.future-glow {
    position: absolute;

    width: 600px;
    height: 600px;

    right: -250px;
    top: 50px;

    background:
        radial-gradient(
            circle,
            rgba(233, 169, 199, .13),
            transparent 68%
        );
}

.future-grid {
    opacity: .35;

    background-image:
        linear-gradient(
            rgba(185, 223, 255, .08) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(185, 223, 255, .08) 1px,
            transparent 1px
        );

    background-size: 70px 70px;
}

.section-intro {
    display: flex;
    align-items: center;
    gap: 20px;

    padding-bottom: 25px;

    border-bottom: 1px solid var(--border);
}

.future-section .section-number {
    color: #555A63;

    font-size: 11px;
    font-weight: 800;
}

.future-section .section-label {
    color: #C9799F;
}

.future-heading {
    max-width: 800px;
    margin-top: 60px;
}

.future-heading .eyebrow {
    color: #555A63;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .18em;
}

.display-title {
    margin-top: 15px;

    color: #111117;

    font-size: clamp(48px, 7vw, 84px);
    line-height: .98;
    letter-spacing: -.055em;
}

.display-title em {
    color: var(--pink-dark);
    font-style: normal;
}

.future-heading > p {
    max-width: 650px;

    margin-top: 25px;

    color: #5F626A;

    font-size: 14px;
    line-height: 1.8;
}

.future-timeline {
    margin-top: 70px;

    border-top: 1px solid var(--border);
}

.future-item {
    position: relative;

    display: grid;
    grid-template-columns: 90px 1fr 45px;

    gap: 30px;
    align-items: start;

    padding: 35px 20px;

    border-bottom: 1px solid var(--border);

    transition:
        background .3s ease,
        padding .3s ease;
}

.future-item::before {
    content: "";

    position: absolute;
    inset: 0;

    opacity: 0;

    background:
        linear-gradient(
            90deg,
            rgba(233, 169, 199, .10),
            transparent 80%
        );

    transition: opacity .3s ease;
}

.future-item:hover {
    padding-left: 30px;
}

.future-item:hover::before {
    opacity: 1;
}

.future-number,
.future-content,
.future-item > i {
    position: relative;
    z-index: 2;
}

.future-number {
    color: #555A63;

    font-size: 12px;
    font-weight: 800;
}

.future-item:hover .future-number {
    color: var(--pink-dark);
}

.future-content > span {
    color: #C9799F;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .16em;
}

.future-content h3 {
    margin-top: 8px;

    color: #15151D;
    font-size: 25px;
}

.future-item:hover .future-content h3 {
    color: var(--pink-dark);
}

.future-content p {
    max-width: 650px;

    margin-top: 9px;

    color: #5F626A;

    font-size: 13px;
}

.future-item > i {
    width: 44px;
    height: 44px;

    display: grid;
    place-items: center;

    border: 1px solid var(--border);
    border-radius: 50%;

    color: #555A63;

    font-size: 12px;

    transition: .3s ease;
}

.future-item:hover > i {
    background:
        linear-gradient(
            135deg,
            var(--pink),
            var(--light-blue)
        );

    border-color: transparent;
    color: #111117;
}


/* =========================================================
   FOUNDER / CEO
========================================================= */
/* =========================================================
   FOUNDER / CEO
========================================================= */

#founder {
    scroll-margin-top: 100px;
}

.founder-section {
    position: relative;
    overflow: hidden;

    padding: 130px 7%;

    background:
        radial-gradient(
            circle at 8% 15%,
            rgba(221, 180, 255, .20),
            transparent 30%
        ),
        radial-gradient(
            circle at 92% 75%,
            rgba(255, 182, 214, .18),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #fffafd 0%,
            #fff8fc 50%,
            #fdf7ff 100%
        );

    color: #241A29;
}

.founder-section::before,
.founder-section::after {
    content: "";

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    filter: blur(110px);

    opacity: .7;
}

.founder-section::before {
    width: 520px;
    height: 520px;

    top: -260px;
    right: -180px;

    background: rgba(211, 174, 255, .18);
}

.founder-section::after {
    width: 450px;
    height: 450px;

    bottom: -240px;
    left: -180px;

    background: rgba(255, 190, 220, .15);
}

.founder-container {
    position: relative;
    z-index: 2;

    width: min(1180px, 100%);

    margin: 0 auto;
}


/* =========================================================
   LEADERSHIP LABEL
========================================================= */

.founder-label {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 55px;

    color: #A158BD;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: .22em;

    text-transform: uppercase;
}

.founder-label span {
    width: 34px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #A158BD,
            #E5A0C6
        );
}


/* =========================================================
   MAIN FOUNDER
========================================================= */

.founder-grid {
    display: grid;

    grid-template-columns:
        minmax(330px, .82fr)
        minmax(0, 1.18fr);

    gap: 90px;

    align-items: center;
}

.founder-visual {
    position: relative;
}

.founder-image {
    position: relative;

    width: 100%;

    aspect-ratio: 4 / 5;

    overflow: hidden;

    border-radius: 30px;

    background:
        linear-gradient(
            145deg,
            #f3e5ff,
            #fff0f7
        );

    border: 1px solid rgba(158, 91, 188, .16);

    box-shadow:
        0 35px 80px rgba(91, 49, 105, .13),
        0 10px 30px rgba(91, 49, 105, .07);

    contain: paint;
}

.founder-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform .7s cubic-bezier(.22, 1, .36, 1);

    will-change: transform;
}

.founder-image:hover img {
    transform: scale(1.035);
}

.founder-image::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(39, 20, 47, .25),
            transparent 45%
        );

    pointer-events: none;
}

.founder-image-caption {
    display: flex;

    flex-direction: column;

    gap: 5px;

    margin-top: 18px;

    padding-left: 5px;
}

.founder-image-caption strong {
    color: #3C293F;

    font-size: 12px;

    letter-spacing: .14em;
}

.founder-image-caption small {
    color: #6F6172;

    font-size: 11px;
}


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

.founder-content {
    max-width: 650px;
}

.founder-eyebrow {
    display: inline-block;

    margin-bottom: 18px;

    color: #A158BD;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: .18em;

    text-transform: uppercase;
}

.founder-content h2 {
    margin: 0 0 28px;

    color: #281B2E;

    font-size: clamp(48px, 5.2vw, 76px);

    line-height: .96;

    letter-spacing: -.055em;

    font-weight: 800;
}

.founder-content h2 span,
.purpose-heading h3 span,
.commitment-content h3 span {
    background:
        linear-gradient(
            100deg,
            #9855B8,
            #D779A8
        );

    -webkit-background-clip: text;
    background-clip: text;

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

.founder-content p {
    max-width: 620px;

    margin: 0 0 17px;

    color: #5F626A;

    font-size: 15px;

    line-height: 1.8;
}

.founder-intro {
    color: #514355 !important;

    font-size: 17px !important;

    font-weight: 500;
}

.founder-quote {
    margin: 30px 0 0;

    padding: 20px 0 20px 22px;

    border-left: 2px solid #D28BB7;

    color: #4A374D;

    font-size: 16px;

    line-height: 1.7;

    font-weight: 600;
}

.founder-quote p {
    color: inherit;

    margin: 0;
}


/* =========================================================
   PUBLISHED WORK
========================================================= */

.founder-book {
    position: relative;

    margin-top: 120px;

    padding-top: 80px;

    border-top: 1px solid rgba(150, 91, 170, .12);

    text-align: center;
}


/* BOOK INTRO */

.book-heading {
    max-width: 760px;

    margin: 0 auto 55px;
}

.book-heading .founder-eyebrow {
    margin-bottom: 16px;
}

.book-heading h3 {
    margin: 0 0 20px;

    color: #2B1D31;

    font-size: clamp(34px, 4.5vw, 58px);

    line-height: 1;

    letter-spacing: -.045em;

    font-weight: 800;
}

.book-heading > p {
    max-width: 650px;

    margin: 0 auto 18px;

    color: #5F626A;

    font-size: 14px;

    line-height: 1.8;
}

.book-author {
    color: #746577;

    font-size: 12px;

    letter-spacing: .02em;
}

.book-author strong {
    color: #3C293F;

    font-weight: 700;
}


/* BOOK IMAGE */

.book-visual {
    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;
}

.book-image {
    position: relative;

    width: 100%;

    max-width: 980px;

    overflow: hidden;

    border-radius: 18px;

    background: rgba(255, 255, 255, .45);

    border: 1px solid rgba(158, 91, 188, .10);

    box-shadow:
        0 35px 90px rgba(91, 49, 105, .12),
        0 12px 30px rgba(91, 49, 105, .06);

    transition:
        transform .5s cubic-bezier(.22, 1, .36, 1),
        box-shadow .5s ease;
}

.book-image img {
    display: block;

    width: 100%;

    height: auto;

    /*
       IMPORTANT:
       No fixed height.
       No object-fit: cover.
       This keeps the complete book image visible.
    */

    object-fit: contain;

    transition:
        transform .6s cubic-bezier(.22, 1, .36, 1);
}

.book-image:hover {
    transform: translateY(-7px);

    box-shadow:
        0 45px 100px rgba(91, 49, 105, .16),
        0 15px 35px rgba(91, 49, 105, .08);
}

.book-image:hover img {
    transform: scale(1.015);
}


/* =========================================================
   FOUNDER PURPOSE
========================================================= */

.founder-purpose {
    margin-top: 125px;

    padding-top: 75px;

    border-top: 1px solid rgba(150, 91, 170, .12);
}

.purpose-heading {
    max-width: 650px;

    margin-bottom: 45px;
}

.purpose-heading h3,
.commitment-content h3 {
    margin: 5px 0 14px;

    color: #2B1D31;

    font-size: clamp(34px, 4vw, 52px);

    line-height: 1;

    letter-spacing: -.045em;
}

.purpose-heading p {
    margin: 0;

    color: #5F626A;

    font-size: 14px;
}

.purpose-values {
    display: grid;

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

    gap: 14px;
}

.purpose-card {
    padding: 25px 20px;

    border-radius: 18px;

    background: rgba(255, 255, 255, .68);

    border: 1px solid rgba(153, 87, 177, .11);

    box-shadow:
        0 10px 35px rgba(91, 48, 105, .045);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.purpose-card:hover {
    transform: translateY(-5px);

    border-color: rgba(157, 87, 181, .24);

    box-shadow:
        0 20px 45px rgba(91, 48, 105, .09);
}

.purpose-card > span {
    display: block;

    margin-bottom: 22px;

    color: #B16AC5;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: .14em;
}

.purpose-card h4 {
    margin: 0 0 9px;

    color: #35253A;

    font-size: 14px;
}

.purpose-card p {
    margin: 0;

    color: #5F626A;

    font-size: 11px;

    line-height: 1.65;
}


/* =========================================================
   FOUNDER COMMITMENT
========================================================= */

.founder-commitment {
    display: grid;

    grid-template-columns: 80px 1fr;

    gap: 35px;

    margin-top: 110px;

    padding: 65px 0;

    border-top: 1px solid rgba(150, 91, 170, .12);

    border-bottom: 1px solid rgba(150, 91, 170, .12);
}

.commitment-number {
    color: #B16AC5;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: .12em;
}

.commitment-content {
    max-width: 700px;
}

.commitment-content p {
    max-width: 650px;

    margin: 0 0 12px;

    color: #5F626A;

    font-size: 14px;

    line-height: 1.8;
}


/* =========================================================
   FOUNDER CTA
========================================================= */

.founder-cta {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 40px;

    margin-top: 90px;

    padding: 45px 50px;

    border-radius: 25px;

    background:
        linear-gradient(
            135deg,
            #f5eaff,
            #fff0f7
        );

    border: 1px solid rgba(154, 87, 181, .12);
}

.founder-cta > div > span {
    color: #A158BD;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: .18em;
}

.founder-cta h3 {
    margin: 10px 0 0;

    color: #2B1D31;

    font-size: clamp(28px, 3vw, 40px);

    letter-spacing: -.04em;
}

.founder-cta h3 em {
    font-style: normal;

    background:
        linear-gradient(
            100deg,
            #9855B8,
            #D779A8
        );

    -webkit-background-clip: text;

    background-clip: text;

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

.founder-button {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    min-height: 50px;

    padding: 0 24px;

    border-radius: 999px;

    color: white;

    background:
        linear-gradient(
            135deg,
            #9855B8,
            #C86F9F
        );

    box-shadow:
        0 12px 30px rgba(154, 84, 183, .22);

    font-size: 12px;

    font-weight: 800;

    text-decoration: none;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.founder-button:hover {
    transform: translateY(-3px);

    box-shadow:
        0 18px 38px rgba(154, 84, 183, .30);
}

.founder-button span {
    font-size: 17px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

    .founder-section {
        padding: 100px 5%;
    }

    .founder-grid {
        gap: 55px;
    }

    .purpose-values {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .founder-book {
        margin-top: 100px;

        padding-top: 65px;
    }

    .book-image {
        max-width: 850px;
    }

}


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

@media (max-width: 700px) {

    .founder-section {
        padding: 80px 20px;
    }


    /* Founder */

    .founder-label {
        margin-bottom: 40px;
    }

    .founder-grid {
        grid-template-columns: 1fr;

        gap: 45px;
    }

    .founder-content h2 {
        font-size: clamp(44px, 13vw, 62px);
    }

    .founder-content p {
        font-size: 14px;
    }

    

    /* Book */

    .founder-book {
        margin-top: 75px;

        padding-top: 55px;
    }

    .book-heading {
        margin-bottom: 35px;
    }

    .book-heading h3 {
        font-size: clamp(32px, 10vw, 46px);

        line-height: 1.02;
    }

    .book-heading > p {
        font-size: 13px;
    }

    .book-image {
        border-radius: 12px;

        box-shadow:
            0 25px 60px rgba(91, 49, 105, .11);
    }

    .book-image:hover {
        transform: none;
    }

    .book-image:hover img {
        transform: none;
    }


    /* Purpose */

    .founder-purpose {
        margin-top: 80px;

        padding-top: 55px;
    }

    .purpose-values {
        grid-template-columns: 1fr;

        gap: 12px;
    }

    .purpose-card {
        padding: 23px 20px;
    }


    /* Commitment */

    .founder-commitment {
        grid-template-columns: 1fr;

        gap: 20px;

        margin-top: 80px;

        padding: 50px 0;
    }


    /* CTA */

    .founder-cta {
        flex-direction: column;

        align-items: flex-start;

        margin-top: 65px;

        padding: 35px 25px;

        border-radius: 20px;
    }

    .founder-button {
        width: 100%;
    }

}


/* =========================================================
   SMALL PHONES
========================================================= */

@media (max-width: 420px) {

    .founder-section {
        padding: 65px 15px;
    }

    .founder-image {
        border-radius: 22px;
    }

    .founder-content h2 {
        font-size: 43px;
    }

    .founder-quote {
        padding-left: 17px;

        font-size: 14px;
    }

    .founder-book {
        margin-top: 60px;

        padding-top: 45px;
    }

    .book-heading h3 {
        font-size: 31px;
    }

    .book-image {
        border-radius: 9px;
    }

    .purpose-heading h3,
    .commitment-content h3 {
        font-size: 34px;
    }

    .founder-cta h3 {
        font-size: 30px;
    }

}




/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .founder-image img,
    .book-image,
    .book-image img,
    .purpose-card,
    .founder-button {
        transition: none;
    }

    .founder-image:hover img,
    .book-image:hover,
    .book-image:hover img,
    .purpose-card:hover,
    .founder-button:hover {
        transform: none;
    }

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

.contact-section {
    position: relative;

    padding:
        120px
        max(6vw, 40px);

    overflow: hidden;

    background:
        radial-gradient(
            circle at 80% 30%,
            rgba(233, 169, 199, .16),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #0B0B10,
            #17151D
        );
}

.contact-grid {
    width: min(var(--container), 100%);

    margin: auto;

    display: grid;

    grid-template-columns:
        minmax(0, .85fr)
        minmax(0, 1fr);

    gap: 90px;

    align-items: center;
}

.contact-copy .section-label {
    color: #C9799F;
}

.contact-copy h2 {
    margin-top: 18px;

    color: white;

    font-size: clamp(46px, 6vw, 76px);
    line-height: .98;
    letter-spacing: -.05em;
}

.contact-copy h2 span {
    background:
        linear-gradient(
            90deg,
            #E9A9C7,
            #B9DFFF
        );

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

.contact-copy > p {
    max-width: 500px;

    margin-top: 25px;

    color: rgba(255, 255, 255, .78);

    font-size: 14px;
    line-height: 1.8;
}

.contact-details {
    display: flex;
    flex-direction: column;
    gap: 8px;

    margin-top: 30px;
}

.contact-details a {
    display: inline-flex;
    align-items: center;

    color: #FFFFFF;

    font-size: 14px;
    font-weight: 700;
}

.contact-details span {
    color: rgba(255, 255, 255, .70);
    font-size: 12px;
}


/* =========================================================
   CONTACT FORM
========================================================= */

.contact-form {
    padding: 35px;

    border: 1px solid rgba(233, 169, 199, .16);
    border-radius: 22px;

    background: rgba(255, 255, 255, .045);

    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}

.contact-form label {
    display: block;

    margin-bottom: 20px;

    color: #FFFFFF;

    font-size: 11px;
    font-weight: 700;
}

.form-row {
    display: grid;

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

    gap: 15px;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
    width: 100%;

    min-height: 48px;

    margin-top: 8px;
    padding: 14px 15px;

    border: 2px solid rgba(255, 255, 255, .12);
    border-radius: 10px;

    outline: none;

    background: rgba(255, 255, 255, .04);

    color: white;

    font-size: 13px;

    transition:
        border-color .25s ease,
        background .25s ease;
}

.contact-form select option {
    color: #111117;
    background: white;
}

.contact-form textarea {
    min-height: 140px;
    resize: vertical;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: rgba(255, 255, 255, .45);
}

.contact-form input:focus-visible,
.contact-form select:focus-visible,
.contact-form textarea:focus-visible {
    outline: 3px solid var(--light-blue);

    outline-offset: 3px;

    border-color: var(--pink);

    background: rgba(255, 255, 255, .10);
}

.contact-form input[aria-invalid="true"],
.contact-form select[aria-invalid="true"],
.contact-form textarea[aria-invalid="true"] {
    border-color: #FF8A9B;
}

.send-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;
    gap: 12px;

    width: 100%;
    min-height: 48px;

    padding: 15px;

    border: 0;
    border-radius: 11px;

    background:
        linear-gradient(
            135deg,
            var(--pink),
            var(--light-blue)
        );

    color: #111117;

    font-size: 13px;
    font-weight: 800;

    transition:
        transform .25s ease,
        opacity .25s ease;
}

.send-button:hover {
    transform: translateY(-2px);

    background:
        linear-gradient(
            135deg,
            #F0B7D1,
            #C8E7FF
        );
}

.send-button:disabled {
    opacity: .55;
    cursor: wait;
}

.form-message {
    min-height: 20px;

    margin-top: 14px;

    color: var(--light-blue);

    font-size: 12px;
    font-weight: 700;
}

.form-message.success {
    color: var(--light-blue);
}

.form-message.error {
    color: #FFB3BE;
}


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

.footer {
    position: relative;
    overflow: hidden;

    padding:
        80px
        max(6vw, 40px)
        25px;

    background:
        linear-gradient(
            135deg,
            #0B0B10,
            #14131A
        );

    color: white;
}

.footer-grid {
    position: relative;
    z-index: 2;

    width: min(var(--container), 100%);

    margin: auto;

    display: grid;

    grid-template-columns:
        1.5fr
        .7fr
        .8fr;

    gap: 70px;
}

.footer-logo {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer-logo img {
    width: 60px;
    height: 60px;

    object-fit: contain;

    filter: brightness(0) invert(1);
}

.footer-logo div {
    display: flex;
    flex-direction: column;
}

.footer-logo strong {
    font-size: 14px;
    letter-spacing: .12em;
}

.footer-logo small {
    margin-top: 3px;

    color: rgba(255, 255, 255, .55);

    font-size: 8px;
    letter-spacing: .13em;
}

.footer-brand > p {
    max-width: 400px;

    margin-top: 22px;

    color: rgba(255, 255, 255, .78);

    font-size: 12px;
    line-height: 1.8;
}

.footer-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 11px;
}

.footer-column h4 {
    margin-bottom: 8px;

    color: rgba(255, 255, 255, .65);

    font-size: 9px;
    letter-spacing: .16em;
}

.footer-column a {
    display: inline-flex;
    align-items: center;

    min-height: 44px;

    color: rgba(255, 255, 255, .82);

    font-size: 12px;

    transition: color .2s ease;
}

.footer-column a:hover {
    color: var(--pink);
}

.clock-row {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 160px;

    color: rgba(255, 255, 255, .5);

    font-size: 11px;
}

.clock-row strong {
    color: white;
    font-size: 11px;
}

.footer-socials {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-socials a {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;

    color: rgba(255, 255, 255, .7);

    transition:
        color .3s ease,
        border-color .3s ease,
        background .3s ease,
        transform .3s ease;
}

.footer-socials a:hover {
    color: white;

    border-color: var(--pink);

    background: rgba(233, 169, 199, .12);

    transform: translateY(-3px);
}

.footer-socials .email-symbol {
    font-size: 17px;
    line-height: 1;
}

.footer-watermark {
    margin-top: 70px;

    color: rgba(255, 255, 255, .025);

    font-size: clamp(90px, 18vw, 240px);
    font-weight: 800;

    line-height: .7;

    text-align: center;
    letter-spacing: -.08em;

    pointer-events: none;
}

.footer-bottom {
    position: relative;
    z-index: 2;

    width: min(var(--container), 100%);

    margin: 25px auto 0;
    padding-top: 20px;

    border-top: 1px solid rgba(255, 255, 255, .08);

    display: flex;
    align-items: center;
    justify-content: space-between;

    color: rgba(255, 255, 255, .45);

    font-size: 10px;
}

/* =========================================================
   HERO BACKGROUND VIDEO
========================================================= */

.hero {
    position: relative;
    overflow: hidden;
}


/* Video */

.hero-video {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    z-index: 0;

    pointer-events: none;
}


/* Video overlay */

.hero-video-overlay {
    position: absolute;

    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(255, 255, 255, .96) 0%,
            rgba(255, 255, 255, .88) 35%,
            rgba(255, 255, 255, .58) 65%,
            rgba(255, 255, 255, .30) 100%
        );
}


/* Keep existing effects above video */

.hero .grid-bg,
.hero .hero-glow {
    z-index: 2;
}


/* Keep content above everything */

.hero-content {
    position: relative;

    z-index: 3;
}


/* =========================================================
   FIXED HERO VIDEO
========================================================= */

.hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: transparent;
}

/* Video stays behind all hero content */
.hero-video {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover;
    object-position: center;

    display: block !important;

    z-index: -2 !important;

    opacity: 1 !important;

    pointer-events: none;
}
.hero-video {
    object-fit: cover;
    object-position: center 37%;
}
/* White transparent overlay */
.hero-video-overlay {
    position: absolute !important;
    inset: 0 !important;

    z-index: -1 !important;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.90) 0%,
            rgba(255,255,255,.70) 40%,
            rgba(255,255,255,.35) 75%,
            rgba(255,255,255,.15) 100%
        );

    pointer-events: none;
}

/* Hero content remains above video */
.hero-content {
    position: relative;
    z-index: 5;
}

/* Grid/effects above video but below content */
.hero .grid-bg {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}

.hero .hero-glow,
.hero::before {
    z-index: -1;
}


/* =========================================================
   CLOUTÉ — VENTURES SECTION
   MODERN / EDITORIAL / PREMIUM
========================================================= */

.ventures-section {
    position: relative;

    width: 100%;

    padding: 80px 6vw 110px;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8f7f5 100%
        );

    color: #25252a;

    overflow: hidden;
}


/* =========================================================
   VENTURES LIST
========================================================= */

.ventures-list {
    position: relative;

    width: min(100%, 1320px);

    margin: 0 auto;

    border-top:
        1px solid rgba(37,37,42,.12);
}


/* =========================================================
   VENTURE ROW
========================================================= */

.venture-row {
    position: relative;

    min-height: 190px;

    display: grid;

    grid-template-columns:
        75px
        minmax(0,1fr)
        58px;

    align-items: center;

    gap: 30px;

    padding: 30px 0;

    box-sizing: border-box;

    border-bottom:
        1px solid rgba(37,37,42,.12);

    color: #25252a;

    text-decoration: none;

    overflow: visible;

    opacity: 0;

    transform: translateY(30px);

    animation:
        ventureReveal
        .85s
        cubic-bezier(.16,1,.3,1)
        forwards;

    transition:
        padding .5s cubic-bezier(.16,1,.3,1);
}


/* =========================================================
   STAGGERED ENTRANCE
========================================================= */

.venture-row:nth-child(1) {
    animation-delay: .12s;
}

.venture-row:nth-child(2) {
    animation-delay: .28s;
}

.venture-row:nth-child(3) {
    animation-delay: .44s;
}


/* =========================================================
   NUMBER
========================================================= */

.venture-number {
    align-self: start;

    padding-top: 10px;

    font-size: .68rem;

    font-weight: 700;

    letter-spacing: .1em;

    color: #9999a0;

    transition:
        color .35s ease,
        transform .4s ease;
}


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

.venture-main {
    position: relative;

    z-index: 5;

    min-width: 0;
}


/* =========================================================
   CATEGORY
========================================================= */

.venture-category {
    display: inline-flex;

    align-items: center;

    margin-bottom: 12px;

    padding: 6px 11px;

    border-radius: 999px;

    background: #f9e8ef;

    color: #8b5d70;

    font-size: .6rem;

    font-weight: 750;

    letter-spacing: .15em;

    line-height: 1;

    transition:
        background .35s ease,
        color .35s ease,
        transform .35s ease;
}


/* =========================================================
   MAIN TITLE
========================================================= */
.venture-main h3 {
    margin: 0;

    max-width: 850px;

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

    line-height: .94;

    letter-spacing: -.05em;

    font-weight: 750;

    color: #25252a;
}

.venture-main h3 span {
    display: block;

    margin-top: 4px;

    font-size: .58em;

    line-height: 1.05;

    letter-spacing: -.035em;

    font-weight: 520;

    color: #85858b;

    transition:
        color .4s ease,
        transform .4s ease;
}

/* =========================================================
   ARROW
========================================================= */

.venture-arrow {
    position: relative;

    z-index: 7;

    width: 50px;
    height: 50px;

    display: flex;

    align-items: center;
    justify-content: center;

    border:
        1px solid rgba(37,37,42,.18);

    border-radius: 50%;

    background: rgba(255,255,255,.7);

    color: #45454b;

    font-size: 1rem;

    flex-shrink: 0;

    transition:
        transform .55s cubic-bezier(.16,1,.3,1),
        background .4s ease,
        color .4s ease,
        border-color .4s ease,
        box-shadow .4s ease;
}


/* =========================================================
   IMAGE PREVIEW — DESKTOP
========================================================= */

.venture-preview {
    position: absolute;

    top: 50%;

    right: 10%;

    width: 290px;
    height: 190px;

    overflow: hidden;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    z-index: 2;

    border-radius: 8px;

    background: #ffffff;

    box-shadow:
        0 25px 60px rgba(37,37,42,.15);

    transform:
        translate(35px,-50%)
        rotate(3deg)
        scale(.9);

    transition:
        opacity .4s ease,
        visibility .4s ease,
        transform .7s cubic-bezier(.16,1,.3,1);
}


.venture-preview img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transform: scale(1.06);

    transition:
        transform .9s cubic-bezier(.16,1,.3,1);
}


/* =========================================================
   DESKTOP HOVER
========================================================= */

.venture-row:hover {
    padding-left: 14px;
    padding-right: 14px;
}


.venture-row:hover .venture-number {
    color: #8b5d70;

    transform: translateX(3px);
}


.venture-row:hover .venture-main h3 {
    transform: translateX(7px);
}


.venture-row:hover .venture-main h3 span {
    color: #68686f;
}


.venture-row:hover .venture-category {
    background:
        linear-gradient(
            110deg,
            #f3c6d8,
            #e4d2ee
        );

    color: #51464d;

    transform: translateY(-2px);
}


.venture-row:hover .venture-arrow {
    transform:
        rotate(45deg)
        scale(1.07);

    background:
        linear-gradient(
            135deg,
            #f3c6d8,
            #dcc8ef
        );

    color: #25252a;

    border-color: transparent;

    box-shadow:
        0 10px 28px rgba(186,153,176,.22);
}


.venture-row:hover .venture-preview {
    opacity: 1;

    visibility: visible;

    transform:
        translate(0,-50%)
        rotate(0deg)
        scale(1);
}


.venture-row:hover .venture-preview img {
    transform: scale(1);
}


/* =========================================================
   BACKGROUND ACCENT
========================================================= */

.ventures-section::before {
    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    top: -280px;
    right: -160px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(243,198,216,.18) 0%,
            rgba(243,198,216,0) 70%
        );

    pointer-events: none;
}


/* =========================================================
   ENTRANCE ANIMATION
========================================================= */

@keyframes ventureReveal {

    from {
        opacity: 0;

        transform:
            translateY(30px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .ventures-section {
        padding:
            70px 5vw
            90px;
    }


    .venture-row {
        min-height: 165px;

        grid-template-columns:
            55px
            minmax(0,1fr)
            50px;

        gap: 20px;

        padding: 25px 0;
    }


    .venture-main h3 {
        font-size:
            clamp(2.6rem, 5.5vw, 4rem);
    }


    /* Disable floating images */

    .venture-preview {
        display: none !important;

        opacity: 0 !important;

        visibility: hidden !important;
    }

}


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

@media (max-width: 700px) {

    .ventures-section {

        width: 100%;

        padding:
            60px 20px
            75px;

        box-sizing: border-box;

        overflow: hidden;
    }


    .ventures-list {

        width: 100%;

        margin: 0;

    }


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

    .venture-row {

        width: 100%;

        min-height: 0;

        display: grid;

        grid-template-columns:
            28px
            minmax(0,1fr)
            40px;

        align-items: center;

        gap: 10px;

        padding:
            24px 0;

        box-sizing: border-box;

        overflow: hidden;
    }


    /* =====================================================
       NUMBER
    ===================================================== */

    .venture-number {

        padding-top: 4px;

        font-size: .57rem;

        letter-spacing: .07em;
    }


    /* =====================================================
       MAIN
    ===================================================== */

    .venture-main {

        width: 100%;

        min-width: 0;

        overflow: hidden;
    }


    /* =====================================================
       CATEGORY
    ===================================================== */

    .venture-category {

        margin-bottom: 8px;

        padding:
            5px 8px;

        font-size: .52rem;

        letter-spacing: .12em;
    }


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

    .venture-main h3 {

        width: 100%;

        max-width: none;

        margin: 0;

        font-size:
            clamp(2rem, 9vw, 3rem);

        line-height: .97;

        letter-spacing: -.042em;

        overflow-wrap: break-word;

        word-break: normal;
    }


    .venture-main h3 span {

        display: inline;

    }


    /* =====================================================
       ARROW
    ===================================================== */

    .venture-arrow {

        width: 38px;
        height: 38px;

        font-size: .8rem;

        flex-shrink: 0;
    }


    /* =====================================================
       IMPORTANT — NO IMAGE ON MOBILE
    ===================================================== */

    .venture-preview {

        display: none !important;

        width: 0 !important;
        height: 0 !important;

        opacity: 0 !important;

        visibility: hidden !important;

        pointer-events: none !important;

        transform: none !important;
    }


    .venture-preview img {

        display: none !important;

        width: 0 !important;
        height: 0 !important;
    }


    /* =====================================================
       REMOVE DESKTOP HOVER EFFECTS
    ===================================================== */

    .venture-row:hover {

        padding-left: 3px;
        padding-right: 3px;
    }


    .venture-row:hover .venture-number {

        transform: none;
    }


    .venture-row:hover .venture-main h3 {

        transform: none;
    }


    .venture-row:hover .venture-category {

        transform: none;

        background: #f9e8ef;

        color: #8b5d70;
    }


    .venture-row:hover .venture-arrow {

        transform: none;

        background: rgba(255,255,255,.7);

        color: #45454b;

        border-color:
            rgba(37,37,42,.18);

        box-shadow: none;
    }


    .ventures-section::before {

        width: 300px;
        height: 300px;

        top: -180px;
        right: -150px;
    }

}


/* =========================================================
   SMALL PHONES
========================================================= */

@media (max-width: 380px) {

    .ventures-section {

        padding-left: 16px;
        padding-right: 16px;
    }


    .venture-row {

        grid-template-columns:
            24px
            minmax(0,1fr)
            36px;

        gap: 8px;
    }


    .venture-main h3 {

        font-size:
            1.85rem;
    }


    .venture-arrow {

        width: 34px;
        height: 34px;

        font-size: .75rem;
    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .venture-row {

        opacity: 1;

        transform: none;

        animation: none;
    }


    .venture-row,
    .venture-main h3,
    .venture-number,
    .venture-category,
    .venture-arrow,
    .venture-preview,
    .venture-preview img {

        transition: none;
    }

}



@media (min-width: 901px) {

    .venture-row {
        position: relative;
        overflow: visible;
    }

    .venture-preview {
        position: absolute !important;

        top: 50% !important;
        right: 8% !important;

        width: 280px !important;
        height: 180px !important;

        display: block !important;

        opacity: 0 !important;
        visibility: hidden !important;

        pointer-events: none !important;

        z-index: 1 !important;

        transform:
            translate(35px, -50%)
            rotate(3deg)
            scale(.92) !important;

        overflow: hidden !important;

        border-radius: 8px !important;
    }

    .venture-preview img {
        position: absolute !important;

        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        max-width: none !important;

        display: block !important;

        object-fit: cover !important;

        z-index: 1 !important;
    }

    .venture-main,
    .venture-number,
    .venture-arrow {
        position: relative;

        z-index: 5;
    }

    .venture-row:hover .venture-preview {
        opacity: 1 !important;

        visibility: visible !important;

        transform:
            translate(0, -50%)
            rotate(0deg)
            scale(1) !important;
    }
}


/* =========================================================
   TABLET + MOBILE
   COMPLETELY REMOVE PREVIEW IMAGE
========================================================= */

@media (max-width: 900px) {

    .venture-row {
        position: relative !important;

        display: grid !important;

        overflow: hidden !important;
    }


    /* Kill the preview container */

    .venture-preview {
        position: static !important;

        display: none !important;

        width: 0 !important;
        height: 0 !important;

        min-width: 0 !important;
        min-height: 0 !important;

        max-width: 0 !important;
        max-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        opacity: 0 !important;

        visibility: hidden !important;

        pointer-events: none !important;

        transform: none !important;

        overflow: hidden !important;

        z-index: -999 !important;
    }


    /* Kill the actual image too */

    .venture-preview img {
        position: static !important;

        display: none !important;

        width: 0 !important;
        height: 0 !important;

        min-width: 0 !important;
        min-height: 0 !important;

        max-width: 0 !important;
        max-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        opacity: 0 !important;

        visibility: hidden !important;

        pointer-events: none !important;

        transform: none !important;
    }


    /* Keep text safely above */

    .venture-main {
        position: relative !important;

        z-index: 10 !important;

        min-width: 0 !important;

        width: 100% !important;

        overflow: hidden !important;
    }


    .venture-main h3 {
        position: relative !important;

        z-index: 11 !important;

        width: 100% !important;

        max-width: 100% !important;

        overflow: visible !important;
    }


    .venture-number {
        position: relative !important;

        z-index: 10 !important;
    }


    .venture-arrow {
        position: relative !important;

        z-index: 10 !important;
    }

}


/* =========================================================
   SMALL PHONE EXTRA SAFETY
========================================================= */

@media (max-width: 600px) {

    .ventures-section {
        width: 100% !important;

        overflow: hidden !important;

        box-sizing: border-box !important;
    }


    .ventures-list {
        width: 100% !important;

        overflow: hidden !important;
    }


    .venture-row {
        width: 100% !important;

        grid-template-columns:
            28px
            minmax(0, 1fr)
            40px !important;

        gap: 10px !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }


    .venture-main {
        width: 100% !important;

        min-width: 0 !important;

        overflow: hidden !important;
    }


    .venture-main h3 {
        font-size:
            clamp(2rem, 9vw, 3rem) !important;

        line-height: .98 !important;

        overflow-wrap: break-word !important;

        word-break: normal !important;
    }


    /* ABSOLUTE FINAL IMAGE KILL */

    .ventures-section .venture-preview,
    .ventures-section .venture-preview img {
        display: none !important;

        position: static !important;

        width: 0 !important;
        height: 0 !important;

        max-width: 0 !important;
        max-height: 0 !important;

        opacity: 0 !important;

        visibility: hidden !important;

        transform: none !important;
    }

}


/* =========================================================
   TOUCH DEVICES
========================================================= */

@media (hover: none) and (pointer: coarse) {

    .venture-preview,
    .venture-preview img {
        display: none !important;

        visibility: hidden !important;

        opacity: 0 !important;

        width: 0 !important;

        height: 0 !important;

        pointer-events: none !important;
    }


    .venture-row:hover {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    .venture-row:hover .venture-main h3 {
        transform: none !important;
    }


    .venture-row:hover .venture-arrow {
        transform: none !important;
    }

}


/* =========================================================
   FINAL VENTURES IMAGE / MOBILE FIX
========================================================= */



/* =========================
   DESKTOP
========================= */

@media (min-width: 901px) {

    .venture-row {
        position: relative;
        overflow: visible;
    }

    .venture-preview {
        position: absolute;

        top: 50%;
        right: 8%;

        width: 280px;
        height: 180px;

        display: block;

        opacity: 0;
        visibility: hidden;

        pointer-events: none;

        z-index: 1;

        overflow: hidden;

        border-radius: 8px;

        background: #ffffff;

        box-shadow:
            0 25px 60px rgba(37,37,42,.15);

        transform:
            translate(35px, -50%)
            rotate(3deg)
            scale(.92);

        transition:
            opacity .4s ease,
            visibility .4s ease,
            transform .7s cubic-bezier(.16,1,.3,1);
    }

    .venture-preview img {
        position: absolute;

        inset: 0;

        width: 100%;
        height: 100%;

        display: block;

        max-width: none;

        object-fit: cover;

        transform: scale(1.06);

        transition:
            transform .9s cubic-bezier(.16,1,.3,1);
    }

    .venture-main,
    .venture-number,
    .venture-arrow {
        position: relative;
        z-index: 5;
    }

    .venture-row:hover .venture-preview {
        opacity: 1;
        visibility: visible;

        transform:
            translate(0, -50%)
            rotate(0deg)
            scale(1);
    }

    .venture-row:hover .venture-preview img {
        transform: scale(1);
    }
}


/* =========================
   TABLET + MOBILE
========================= */

@media (max-width: 900px) {

    .venture-row {
        position: relative;
        display: grid;
        overflow: hidden;
    }

    .venture-preview,
    .venture-preview img {
        display: none !important;

        position: static !important;

        width: 0 !important;
        height: 0 !important;

        min-width: 0 !important;
        min-height: 0 !important;

        max-width: 0 !important;
        max-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        opacity: 0 !important;
        visibility: hidden !important;

        pointer-events: none !important;

        transform: none !important;
    }

    .venture-main {
        position: relative;
        z-index: 10;

        min-width: 0;
        width: 100%;

        overflow: hidden;
    }

    .venture-main h3 {
        position: relative;
        z-index: 11;

        width: 100%;
        max-width: 100%;

        overflow-wrap: break-word;
    }

    .venture-number,
    .venture-arrow {
        position: relative;
        z-index: 10;
    }
}


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

@media (max-width: 600px) {

    .ventures-section {
        width: 100%;
        overflow: hidden;
        box-sizing: border-box;
    }

    .ventures-list {
        width: 100%;
        overflow: hidden;
    }

    .venture-row {
        width: 100%;

        grid-template-columns:
            28px
            minmax(0, 1fr)
            40px;

        gap: 10px;

        box-sizing: border-box;
        overflow: hidden;
    }

    .venture-main {
        width: 100%;
        min-width: 0;
        overflow: hidden;
    }

    .venture-main h3 {
        width: 100%;

        font-size:
            clamp(2rem, 9vw, 3rem);

        line-height: .98;

        overflow-wrap: break-word;
        word-break: normal;
    }

    .venture-preview,
    .venture-preview img {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
}


/* =========================
   TOUCH DEVICES
========================= */

@media (hover: none) and (pointer: coarse) {

    .venture-preview,
    .venture-preview img {
        display: none !important;
    }

    .venture-row:hover {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .venture-row:hover .venture-main h3 {
        transform: none !important;
    }

    .venture-row:hover .venture-arrow {
        transform: none !important;
    }
}






/* =========================================================
   GLOBAL MOBILE RESPONSIVENESS
   Add this at the VERY END of your CSS
========================================================= */

@media (max-width: 768px) {

    /* -----------------------------------------------------
       GLOBAL
    ----------------------------------------------------- */

    html {
        scroll-padding-top: 85px;
    }

    body {
        width: 100%;
        overflow-x: hidden;
    }

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

    .section {
        padding: 75px 20px;
    }

    .container {
        width: 100%;
        max-width: 100%;
    }


    /* -----------------------------------------------------
       NAVBAR
    ----------------------------------------------------- */

    .floating-nav {
        top: 12px;
        left: 12px;
        right: 12px;

        width: auto;

        padding: 9px 10px 9px 12px;

        border-radius: 15px;
    }

    .brand-icon {
        width: 36px;
        height: 36px;
    }

    .brand-icon img {
        padding: 4px;
    }

    .brand-text strong {
        font-size: 12px;
    }

    .brand-text small {
        font-size: 7px;
        letter-spacing: .10em;
    }

    .nav-menu,
    .nav-cta {
        display: none;
    }

    .mobile-toggle {
        display: block;
    }

    .mobile-nav {
        top: 72px;
        left: 12px;
        right: 12px;

        width: auto;

        max-height: calc(100vh - 90px);
        overflow-y: auto;

        border-radius: 15px;
    }


    /* -----------------------------------------------------
       HERO
    ----------------------------------------------------- */

    .hero {
        min-height: auto;

        padding:
            145px
            20px
            65px;

        justify-content: flex-start;
    }

    .hero-content {
        width: 100%;
        min-height: auto;
    }

    .location-label {
        margin-bottom: 18px;

        font-size: 9px;
        letter-spacing: .12em;
    }

    .hero h1 {
        max-width: 100%;

        font-size: clamp(40px, 12vw, 58px);

        line-height: .98;

        letter-spacing: -.05em;

        min-height: auto;
    }

    .hero-description {
        max-width: 100%;

        margin-top: 22px;

        font-size: 14px;
        line-height: 1.7;
    }

    .hero-actions {
        flex-wrap: wrap;

        gap: 12px;

        margin-top: 28px;
    }

    .primary-button {
        min-height: 46px;

        padding: 12px 18px;

        font-size: 12px;
    }

    .text-button {
        font-size: 12px;
    }

    .hero-stats {
        width: 100%;

        margin-top: 50px;
    }

    .hero-stat {
        padding: 17px 12px;
    }

    .hero-stat:first-child {
        padding-left: 0;
    }

    .hero-stat strong {
        font-size: 21px;
    }

    .hero-stat span {
        font-size: 8px;
        letter-spacing: .08em;
    }


    /* -----------------------------------------------------
       MARQUEE
    ----------------------------------------------------- */

    .industry-marquee {
        padding: 15px 0;
    }

    .marquee-item {
        gap: 18px;
        padding: 0 18px;

        font-size: 9px;
        letter-spacing: .12em;
    }


    /* -----------------------------------------------------
       SECTION HEADINGS
    ----------------------------------------------------- */

    .large-title {
        font-size: clamp(38px, 11vw, 52px);
        line-height: 1;
    }

    .section-description {
        font-size: 14px;
        line-height: 1.7;
    }


    /* -----------------------------------------------------
       PORTFOLIO TABS
    ----------------------------------------------------- */

    .sector-tabs {
        margin-top: 28px;

        gap: 7px;
    }

    .sector-tabs button {
        min-height: 40px;

        padding: 9px 13px;

        font-size: 10px;
    }


    /* -----------------------------------------------------
       VENTURE GRID
    ----------------------------------------------------- */

    .venture-grid-section {
        padding:
            55px
            20px
            75px;
    }

    .venture-grid {
        width: 100%;

        grid-template-columns: 1fr;

        gap: 14px;
    }

    .venture-card,
    .venture-card.large {
        grid-column: auto;

        width: 100%;

        min-height: 400px;

        border-radius: 18px;
    }

    .venture-image {
        position: absolute;

        inset: 0;

        width: 100%;
        height: 100%;
    }

    .venture-image img {
        width: 100%;
        height: 100%;

        object-fit: cover;
        object-position: center;
    }

    .venture-overlay {
        padding: 28px 22px;
    }

    .venture-info {
        padding: 25px 20px;
    }

    .venture-overlay span,
    .venture-info > span {
        font-size: 9px;
        letter-spacing: .12em;
    }

    .venture-overlay h3 {
        max-width: 90%;

        margin-top: 8px;

        font-size: 27px;
        line-height: 1.05;
    }

    .venture-info h3 {
        font-size: 21px;
    }

    .venture-info p {
        font-size: 12px;
        line-height: 1.6;
    }


    /* -----------------------------------------------------
       APPS SECTION
    ----------------------------------------------------- */

    .apps {
        width: 100%;
        overflow: hidden;
    }

    .apps-grid {
        width: 100%;

        grid-template-columns: 1fr;

        gap: 16px;

        margin-top: 35px;
    }

    .app-card {
        width: 100%;

        border-radius: 18px;
    }

    .app-image {
        width: 100%;

        height: 260px;
    }

    .app-image img {
        width: 100%;
        height: 100%;

        object-fit: contain;
    }

    .app-details {
        padding: 20px;
    }

    .app-details h3 {
        font-size: 21px;
    }

    .app-details p {
        margin-top: 12px;

        font-size: 12px;
        line-height: 1.65;
    }

    .app-badge {
        top: 14px;
        left: 14px;

        width: 38px;
        height: 38px;

        border-radius: 10px;
    }

    .arrow {
        top: 20px;
        right: 20px;

        font-size: 18px;
    }


    /* -----------------------------------------------------
       INTELLIGENCE
    ----------------------------------------------------- */

    .insight-list {
        margin-top: 40px;
    }

    .insight {
        grid-template-columns: 45px 1fr;

        gap: 15px;

        padding: 25px 5px;
    }

    .insight:hover {
        padding-left: 10px;
    }

    .insight-number {
        font-size: 11px;
    }

    .insight h3 {
        font-size: 20px;
        line-height: 1.15;
    }

    .insight p {
        font-size: 12px;
        line-height: 1.65;
    }


    /* -----------------------------------------------------
       PRESENCE
    ----------------------------------------------------- */

    .presence-section {
        min-height: auto;

        padding:
            90px
            20px
            60px;
    }

    .presence-content {
        width: 100%;
    }

    .presence-title {
        margin-top: 15px;

        font-size: clamp(42px, 12vw, 60px);

        line-height: .98;
    }

    .presence-description {
        font-size: 13px;
        line-height: 1.7;
    }

    .presence-stats {
        grid-template-columns: 1fr;

        width: 100%;

        margin-top: 45px;

        border-radius: 15px;
    }

    .presence-stat {
        padding: 20px;

        border-left: 0;
        border-bottom: 1px solid rgba(120, 130, 145, .22);
    }

    .presence-stat:last-child {
        border-bottom: 0;
    }

    .presence-stat strong {
        font-size: 27px;
    }


    /* -----------------------------------------------------
       FUTURE / COMING SOON
    ----------------------------------------------------- */

    .future-section {
        padding:
            75px
            20px;
    }

    .section-intro {
        gap: 12px;

        padding-bottom: 18px;
    }

    .future-section .section-number {
        font-size: 10px;
    }

    .future-heading {
        margin-top: 40px;
    }

    .future-heading .eyebrow {
        font-size: 9px;
    }

    .display-title {
        margin-top: 12px;

        font-size: clamp(42px, 12vw, 60px);

        line-height: .98;
    }

    .future-heading > p {
        margin-top: 20px;

        font-size: 13px;
        line-height: 1.7;
    }

    .future-timeline {
        margin-top: 45px;
    }

    .future-item {
        grid-template-columns: 42px 1fr;

        gap: 15px;

        padding: 25px 5px;
    }

    .future-number {
        font-size: 10px;
    }

    .future-content > span {
        font-size: 8px;
    }

    .future-content h3 {
        margin-top: 7px;

        font-size: 20px;
        line-height: 1.15;
    }

    .future-content p {
        margin-top: 8px;

        font-size: 12px;
        line-height: 1.65;
    }

    .future-item > i {
        display: none;
    }


    /* -----------------------------------------------------
       FOUNDER
    ----------------------------------------------------- */

    .founder-section {
        width: 100%;

        padding: 75px 20px;
    }

    .founder-container {
        width: 100%;
    }

    .founder-label {
        margin-bottom: 35px;

        font-size: 9px;
        letter-spacing: .16em;
    }

    .founder-grid {
        grid-template-columns: 1fr;

        gap: 38px;
    }

    .founder-visual,
    .founder-content {
        width: 100%;
        max-width: 100%;
    }

    .founder-image {
        width: 100%;

        aspect-ratio: 4 / 5;

        border-radius: 20px;
    }

    .founder-content h2 {
        font-size: clamp(40px, 12vw, 58px);
        line-height: .98;
    }

    .founder-content p {
        font-size: 13px;
        line-height: 1.75;
    }

   
    .founder-quote {
        margin-top: 25px;

        padding:
            15px
            0
            15px
            18px;

        font-size: 14px;
        line-height: 1.65;
    }


    /* -----------------------------------------------------
       BOOK
    ----------------------------------------------------- */

    .founder-book {
        width: 100%;

        margin-top: 70px;

        padding-top: 50px;
    }

    .book-heading {
        width: 100%;

        margin-bottom: 30px;
    }

    .book-heading h3 {
        font-size: clamp(30px, 9vw, 44px);
        line-height: 1.02;
    }

    .book-heading > p {
        font-size: 12px;
        line-height: 1.7;
    }

    .book-visual {
        width: 100%;
    }

    .book-image {
        width: 100%;

        max-width: 100%;

        border-radius: 12px;
    }


    /* -----------------------------------------------------
       PURPOSE
    ----------------------------------------------------- */

    .founder-purpose {
        margin-top: 70px;

        padding-top: 50px;
    }

    .purpose-heading {
        width: 100%;

        margin-bottom: 35px;
    }

    .purpose-heading h3,
    .commitment-content h3 {
        font-size: clamp(30px, 9vw, 44px);
        line-height: 1.02;
    }

    .purpose-heading p {
        font-size: 13px;
        line-height: 1.7;
    }

    .purpose-values {
        grid-template-columns: 1fr;

        gap: 10px;
    }

    .purpose-card {
        padding: 21px 18px;

        border-radius: 15px;
    }

    .purpose-card > span {
        margin-bottom: 17px;

        font-size: 9px;
    }

    .purpose-card h4 {
        font-size: 13px;
    }

    .purpose-card p {
        font-size: 11px;
    }


    /* -----------------------------------------------------
       COMMITMENT
    ----------------------------------------------------- */

    .founder-commitment {
        grid-template-columns: 1fr;

        gap: 15px;

        margin-top: 70px;

        padding: 45px 0;
    }

    .commitment-number {
        font-size: 10px;
    }

    .commitment-content p {
        font-size: 13px;
        line-height: 1.7;
    }


    /* -----------------------------------------------------
       FOUNDER CTA
    ----------------------------------------------------- */

    .founder-cta {
        width: 100%;

        flex-direction: column;

        align-items: stretch;

        gap: 25px;

        margin-top: 60px;

        padding: 28px 20px;

        border-radius: 18px;
    }

    .founder-cta h3 {
        font-size: 27px;
        line-height: 1.1;
    }

    .founder-button {
        width: 100%;

        min-height: 48px;

        font-size: 11px;
    }

}


/* =========================================================
   VERY SMALL PHONES
========================================================= */

@media (max-width: 420px) {

    .section {
        padding-left: 16px;
        padding-right: 16px;
    }

    .floating-nav {
        left: 8px;
        right: 8px;
    }

    .hero {
        padding-left: 16px;
        padding-right: 16px;
    }

    .hero h1 {
        font-size: clamp(37px, 12vw, 52px);
    }

    .hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .primary-button,
    .text-button {
        width: 100%;
    }

    .text-button {
        justify-content: center;
    }

    .hero-stats {
        flex-direction: column;
    }

    .hero-stat,
    .hero-stat:first-child {
        padding: 15px 0;

        border-right: 0;
        border-bottom: 1px solid var(--border);
    }

    .hero-stat:last-child {
        border-bottom: 0;
    }

    .venture-grid-section {
        padding-left: 16px;
        padding-right: 16px;
    }

    .venture-card,
    .venture-card.large {
        min-height: 360px;

        border-radius: 16px;
    }

    .venture-overlay {
        padding: 24px 18px;
    }

    .venture-overlay h3 {
        font-size: 24px;
    }

    .app-image {
        height: 230px;
    }

    .presence-section {
        padding-left: 16px;
        padding-right: 16px;
    }

    .future-section {
        padding-left: 16px;
        padding-right: 16px;
    }

    .founder-section {
        padding-left: 16px;
        padding-right: 16px;
    }

    .founder-image {
        border-radius: 17px;
    }

}


/* =========================================================
   LANDSCAPE PHONES
========================================================= */

@media (max-width: 900px) and (orientation: landscape) {

    .hero {
        min-height: auto;
        padding-top: 120px;
    }

    .mobile-nav {
        max-height: 70vh;
    }

    .venture-card,
    .venture-card.large {
        min-height: 360px;
    }

}

/* =========================================================
   FINAL CLOUTÉ MOBILE RESPONSIVE OVERRIDES
   Place at the end of CSS
========================================================= */
html,body{width:100%;max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}

@media (max-width:900px){
  .floating-nav{
    position:fixed!important;top:10px!important;left:10px!important;right:10px!important;
    width:auto!important;max-width:none!important;min-height:58px;
    padding:8px 9px 8px 11px!important;transform:none!important;
    z-index:10000!important;border-radius:16px!important;
  }
  .nav-brand{min-width:0;max-width:calc(100% - 52px)}
  .brand-icon{width:38px!important;height:38px!important;min-width:38px}
  .brand-text{min-width:0;overflow:hidden}
  .brand-text strong,.brand-text small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .nav-menu,.nav-cta{display:none!important}
  .mobile-toggle{
    display:flex!important;align-items:center;justify-content:center;
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
    margin-left:auto;flex-shrink:0
  }
  .mobile-nav{
    position:fixed!important;top:76px!important;left:10px!important;right:10px!important;
    width:auto!important;max-width:none!important;max-height:calc(100dvh - 88px)!important;
    overflow-y:auto;z-index:9999!important;border-radius:16px!important
  }
  .mobile-nav a{width:100%;min-height:46px!important}

  .hero{
    width:100%!important;min-height:0!important;
    padding:125px 20px 60px!important;
  }
  .hero-content{width:100%!important;max-width:100%!important}
  .hero h1{max-width:100%!important;font-size:clamp(38px,11vw,58px)!important;line-height:.98!important}
  .hero-description{max-width:100%!important;font-size:14px!important;line-height:1.7!important}
  .hero-actions{width:100%;flex-wrap:wrap!important}
  .hero-stats{width:100%!important;max-width:100%!important}
  .hero-stat{min-width:0}

  .section,.ventures-section,.contact-section,.footer{
    width:100%!important;max-width:100%!important;
    padding-left:20px!important;padding-right:20px!important;
  }

  .ventures-section{padding-top:65px!important;padding-bottom:75px!important;overflow:hidden!important}
  .ventures-list{width:100%!important;max-width:100%!important}
  .venture-row{
    width:100%!important;max-width:100%!important;
    grid-template-columns:28px minmax(0,1fr) 40px!important;
    gap:9px!important;padding:24px 0!important;overflow:hidden!important
  }
  .venture-main{min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
  .venture-main h3{
    width:100%!important;max-width:100%!important;
    font-size:clamp(1.85rem,8.8vw,3rem)!important;
    line-height:.98!important;overflow-wrap:anywhere!important
  }
  .venture-preview,.venture-preview img{
    display:none!important;width:0!important;height:0!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important
  }
  .venture-arrow{width:38px!important;height:38px!important;min-width:38px!important}

  .contact-section{padding-top:75px!important;padding-bottom:80px!important}
  .contact-grid{width:100%!important;grid-template-columns:minmax(0,1fr)!important;gap:45px!important}
  .contact-copy,.contact-form{width:100%!important;min-width:0!important}
  .contact-copy h2{font-size:clamp(40px,11vw,60px)!important}
  .contact-copy>p{max-width:100%!important}
  .contact-form{padding:22px!important}
  .form-row{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
  .contact-form input,.contact-form select,.contact-form textarea{width:100%!important;min-width:0!important}

  .footer{padding-top:65px!important;padding-bottom:25px!important}
  .footer-grid{width:100%!important;grid-template-columns:minmax(0,1fr)!important;gap:38px!important}
  .footer-brand,.footer-column{width:100%;min-width:0}
  .footer-brand>p{max-width:100%!important}
  .footer-bottom{width:100%!important;flex-direction:column!important;align-items:flex-start!important;gap:12px}
}

@media (max-width:480px){
  .floating-nav{top:8px!important;left:8px!important;right:8px!important}
  .mobile-nav{top:68px!important;left:8px!important;right:8px!important}
  .hero{padding:112px 17px 52px!important}
  .hero h1{font-size:clamp(35px,10.8vw,50px)!important}
  .section,.ventures-section,.contact-section,.footer{padding-left:17px!important;padding-right:17px!important}
  .hero-actions{align-items:stretch}
  .primary-button,.text-button{width:100%!important;justify-content:center}
  .hero-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .venture-row{grid-template-columns:24px minmax(0,1fr) 36px!important;gap:7px!important}
  .venture-main h3{font-size:clamp(1.7rem,8.4vw,2.5rem)!important}
  .venture-arrow{width:34px!important;height:34px!important;min-width:34px!important}
  .contact-form{padding:18px!important}
}

@media (max-width:360px){
  .brand-text{display:none!important}
  .hero{padding-top:105px!important}
  .hero h1{font-size:34px!important}
  .hero-stats{grid-template-columns:1fr!important}
  .venture-row{grid-template-columns:22px minmax(0,1fr) 34px!important}
  .venture-main h3{font-size:1.65rem!important}
}

@media (min-width:769px) and (max-width:1100px){
  .floating-nav{width:calc(100% - 30px)!important}
  .hero{padding-left:35px!important;padding-right:35px!important}
  .contact-grid{gap:45px!important}
  .footer-grid{gap:35px!important}
}

/* =========================================================
   FOUNDER BOOK SECTION
   ========================================================= */

.founder-book {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
    align-items: center;
    gap: 70px;
    max-width: 1200px;
    margin: 80px auto;
    padding: 70px 50px;
    border-radius: 32px;
    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.08),
            rgba(255, 255, 255, 0.025)
        );

    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow:
        0 25px 70px rgba(0, 0, 0, 0.25);
}


/* Subtle background glow */

.founder-book::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    top: -220px;
    right: -180px;
    border-radius: 50%;

    background: rgba(214, 174, 255, 0.12);

    filter: blur(80px);
    pointer-events: none;
}

.founder-book::after {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    bottom: -180px;
    left: -160px;
    border-radius: 50%;

    background: rgba(255, 150, 210, 0.08);

    filter: blur(80px);
    pointer-events: none;
}


/* =========================================================
   BOOK INFORMATION
   ========================================================= */

.book-heading {
    position: relative;
    z-index: 2;
}

.founder-eyebrow {
    display: inline-block;
    margin-bottom: 15px;

    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;

    opacity: 0.7;
}

.book-heading h3 {
    margin: 0 0 18px;

    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.05;
    letter-spacing: -0.03em;
}

.book-heading > p {
    max-width: 600px;
    margin: 0;

    font-size: 1rem;
    line-height: 1.8;

    opacity: 0.78;
}


/* Author */

.book-author {
    margin-top: 20px;

    font-size: 0.9rem;
    line-height: 1.6;

    opacity: 0.75;
}

.book-author strong {
    opacity: 1;
}


/* =========================================================
   DEDICATION
   ========================================================= */

.book-dedication {
    margin-top: 26px;
    padding: 18px 20px;

    border-left: 2px solid currentColor;
    border-radius: 0 14px 14px 0;

    background: rgba(255, 255, 255, 0.035);
}

.dedication-label {
    display: block;
    margin-bottom: 7px;

    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;

    opacity: 0.65;
}

.book-dedication p {
    margin: 0;

    font-size: 0.9rem;
    line-height: 1.65;

    opacity: 0.8;
}


/* =========================================================
   SPECTACULAR SMITH REVIEW
   ========================================================= */

.book-review {
    position: relative;

    margin-top: 28px;
    padding: 24px;

    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;

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

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

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}


/* Featured Review label */

.review-eyebrow {
    display: block;
    margin-bottom: 9px;

    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;

    opacity: 0.6;
}


/* Review heading */

.book-review h4 {
    margin: 0;

    font-size: 1.2rem;
    line-height: 1.3;
}

.review-context {
    margin: 6px 0 13px;

    font-size: 0.85rem;
    font-weight: 600;

    opacity: 0.75;
}

.review-description {
    margin: 0;

    font-size: 0.88rem;
    line-height: 1.7;

    opacity: 0.72;
}


/* =========================================================
   COMPANY / ACCOLADES
   ========================================================= */

.review-company {
    display: flex;
    align-items: center;
    gap: 16px;

    margin-top: 20px;
    padding-top: 18px;

    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.review-company img {
    flex: 0 0 auto;

    width: 72px;
    height: 72px;

    object-fit: contain;

    padding: 8px;

    border-radius: 14px;

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

    border: 1px solid rgba(255, 255, 255, 0.1);
}

.review-accolades {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.review-accolades span {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;

    opacity: 0.55;
}

.review-accolades strong {
    font-size: 0.95rem;
}

.review-accolades small {
    font-size: 0.75rem;
    line-height: 1.4;

    opacity: 0.65;
}


/* =========================================================
   AMAZON BUTTON
 /* =========================
   FOUNDER BOOK SECTION
========================= */

.founder-book {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    align-items: center;
    gap: 70px;

    padding: 80px 7%;
    background: #ffffff;
}


/* =========================
   BOOK INFORMATION
========================= */

.book-heading {
    max-width: 650px;
}

.founder-eyebrow {
    display: inline-block;
    margin-bottom: 14px;

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;

    color: #d946a6;
}

.book-heading h3 {
    margin: 0 0 18px;

    font-size: clamp(32px, 4vw, 52px);
    line-height: 1.08;
    font-weight: 800;

    color: #111111;
}

.book-heading > p {
    margin: 0 0 22px;

    font-size: 17px;
    line-height: 1.7;

    color: #666666;
}


/* =========================
   AUTHOR
========================= */

.book-author {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;

    margin-bottom: 28px;

    font-size: 15px;
    color: #555555;
}

.book-author strong {
    color: #111111;
    font-weight: 800;
}

.author-title {
    display: inline-flex;
    align-items: center;

    margin-left: 5px;
    padding: 5px 11px;

    border-radius: 50px;

    background: #111111;
    color: #ffffff;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}


/* =========================
   BOOK RECOGNITION
========================= */

.book-dedication {
    margin-bottom: 30px;
    padding: 20px 22px;

    border-left: 3px solid #d946a6;
    border-radius: 0 12px 12px 0;

    background: #fafafa;
}

.dedication-label {
    display: block;
    margin-bottom: 8px;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;

    color: #d946a6;
}

.book-dedication p {
    margin: 0;

    font-size: 14px;
    line-height: 1.65;

    color: #555555;
}


/* =========================
   FEATURED REVIEW
========================= */

.book-review {
    margin-bottom: 30px;
    padding: 24px;

    border: 1px solid #eeeeee;
    border-radius: 16px;

    background: #ffffff;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}

.review-eyebrow {
    display: block;
    margin-bottom: 8px;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;

    color: #d946a6;
}

.book-review h4 {
    margin: 0 0 4px;

    font-size: 20px;
    color: #111111;
}

.review-context {
    margin: 0 0 10px;

    font-size: 13px;
    font-weight: 700;

    color: #777777;
}

.review-description {
    margin: 0 0 20px;

    font-size: 14px;
    line-height: 1.65;

    color: #666666;
}


/* =========================
   REVIEW COMPANY
========================= */

.review-company {
    display: flex;
    align-items: center;
    gap: 15px;

    padding-top: 18px;

    border-top: 1px solid #eeeeee;
}

.review-company img {
    width: 62px;
    height: 62px;

    object-fit: contain;

    border-radius: 10px;

    background: #ffffff;
}

.review-accolades {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.review-accolades span {
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.2px;

    color: #d946a6;
}

.review-accolades strong {
    font-size: 15px;
    color: #111111;
}

.review-accolades small {
    font-size: 11px;
    color: #777777;
}


/* =========================
   AMAZON BUTTON
========================= */

.book-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 50px;
    padding: 14px 24px;

    border: 1px solid #111111;
    border-radius: 10px;

    background: #111111;
    color: #ffffff;

    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.3px;

    text-decoration: none;

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.book-link:hover {
    background: #d946a6;
    border-color: #d946a6;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow: 0 12px 25px rgba(217, 70, 166, 0.25);
}


/* =========================
   BOOK VISUAL
========================= */

.book-visual {
    display: flex;
    justify-content: center;
    align-items: center;
}

.book-image {
    width: 100%;
    max-width: 480px;

    padding: 18px;

    border-radius: 22px;

    background: #fafafa;

    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.12);

    transition: transform 0.4s ease;
}

.book-image:hover {
    transform: translateY(-6px);
}

.book-image img {
    display: block;

    width: 100%;
    height: auto;

    border-radius: 14px;

    object-fit: cover;
}


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

@media (max-width: 900px) {

    .founder-book {
        grid-template-columns: 1fr;
        gap: 45px;

        padding: 65px 6%;
    }

    .book-heading {
        max-width: 100%;
    }

    .book-visual {
        order: -1;
    }

    .book-image {
        max-width: 420px;
    }
}


@media (max-width: 600px) {

    .founder-book {
        padding: 50px 20px;
    }

    .book-heading h3 {
        font-size: 32px;
    }

    .book-heading > p {
        font-size: 15px;
    }

    .book-review {
        padding: 18px;
    }

    .review-company {
        align-items: flex-start;
    }

    .book-author {
        align-items: flex-start;
        flex-direction: column;
    }

    .author-title {
        margin-left: 0;
    }

    .book-link {
        width: 100%;
    }
}


/* =========================
   FL REALTOR SECTION
========================= */

.fl-realtor {
    display: grid;
    grid-template-columns: 1fr 0.75fr;
    align-items: center;
    gap: 45px;

    margin: 50px auto;
    padding: 45px 7%;

    max-width: 1200px;

    background: #fafafa;
    border: 1px solid #eeeeee;
    border-radius: 22px;

    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06);
}


/* CONTENT */
/* =========================================
   FL REALTOR SECTION
========================================= */

.fl-realtor {
    display: grid;
    grid-template-columns: 1fr 0.82fr;
    align-items: center;
    gap: 60px;

    max-width: 1180px;
    margin: 65px auto;
    padding: 55px 6%;

    background: #fafafa;
    border: 1px solid #eeeeee;
    border-radius: 24px;

    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.06);
}


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

.realtor-content {
    max-width: 600px;
}


/* Small eyebrow */

.realtor-eyebrow {
    display: block;

    margin: 0 0 12px;

    color: #d946a6;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.4;
    text-transform: uppercase;
}


/* =========================================
   TITLE + COMPANY LOGO
========================================= */

.realtor-title-row {
    display: flex;
    align-items: center;
    gap: 20px;

    margin: 0 0 18px;
}


/* Heading */

.realtor-title-row h3 {
    margin: 0;

    color: #111111;

    font-size: clamp(32px, 4vw, 46px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.8px;
}


/* Company logo */

.realtor-logo {
    display: block;

    width: 72px;
    height: 72px;

    padding: 9px;

    flex: 0 0 72px;

    border-radius: 50%;

    background: #111111;

    object-fit: contain;

    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.14);

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

.realtor-logo:hover {
    transform: translateY(-3px);

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


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

.realtor-content > p {
    max-width: 560px;

    margin: 0 0 25px;

    color: #666666;

    font-size: 15px;
    line-height: 1.75;
}


/* =========================================
   REALTOR BADGE
========================================= */

.realtor-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    min-height: 44px;
    padding: 7px 15px 7px 8px;

    border-radius: 50px;

    background: #111111;
    color: #ffffff;

    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.12);
}


/* FL circle */

.realtor-badge span {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    flex: 0 0 30px;

    border-radius: 50%;

    background: #d946a6;

    color: #ffffff;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.5px;
}


/* Badge text */

.realtor-badge strong {
    color: #ffffff;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.1px;
    line-height: 1;
}


/* =========================================
   REALTOR CARD
========================================= */

.realtor-card {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
}


.realtor-card img {
    display: block;

    width: 100%;
    max-width: 390px;
    height: auto;

    border-radius: 16px;

    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);

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


.realtor-card img:hover {
    transform: translateY(-5px);

    box-shadow: 0 23px 48px rgba(0, 0, 0, 0.17);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .fl-realtor {
        grid-template-columns: 1fr 0.85fr;
        gap: 35px;

        margin: 50px 25px;
        padding: 45px 5%;
    }

    .realtor-title-row {
        gap: 15px;
    }

    .realtor-logo {
        width: 65px;
        height: 65px;
        flex-basis: 65px;
    }

    .realtor-card img {
        max-width: 350px;
    }
}


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

@media (max-width: 700px) {

    .fl-realtor {
        grid-template-columns: 1fr;
        gap: 35px;

        margin: 40px 18px;
        padding: 35px 25px;
    }

    .realtor-card {
        order: -1;
    }

    .realtor-card img {
        width: 100%;
        max-width: 400px;
    }

    .realtor-content {
        max-width: 100%;
    }
}


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

@media (max-width: 480px) {

    .fl-realtor {
        gap: 28px;

        margin: 30px 14px;
        padding: 30px 20px;

        border-radius: 20px;
    }

    .realtor-eyebrow {
        margin-bottom: 9px;

        font-size: 10px;
        letter-spacing: 1.7px;
    }

    .realtor-title-row {
        gap: 12px;
        margin-bottom: 15px;
    }

    .realtor-title-row h3 {
        font-size: 30px;
        letter-spacing: -0.5px;
    }

    .realtor-logo {
        width: 58px;
        height: 58px;
        flex-basis: 58px;
        padding: 7px;
    }

    .realtor-content > p {
        margin-bottom: 20px;

        font-size: 14px;
        line-height: 1.7;
    }

    .realtor-badge {
        min-height: 42px;
        padding-right: 13px;
    }

    .realtor-badge span {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
    }

    .realtor-badge strong {
        font-size: 9px;
        letter-spacing: 0.8px;
    }
}
/* Founder dedication */

.founder-dedication {
    margin-top: 18px;
    padding: 16px 18px;

    border-left: 3px solid #d946a6;
    border-radius: 0 10px 10px 0;

    background: #fafafa;

    color: #666666;
    font-size: 14px;
    line-height: 1.65;
}

.founder-dedication strong {
    display: inline-block;
    margin-bottom: 4px;

    color: #111111;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
/* =========================================
   FOUNDER BOOK NOTE
========================================= */

.founder-book-note {
    margin: 24px 0;
    padding: 18px 20px;

    background: #fafafa;

    border: 1px solid #eeeeee;
    border-left: 3px solid #d946a6;

    border-radius: 0 14px 14px 0;

    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
}


/* AUTHOR LABEL */

.founder-book-note > span {
    display: block;

    margin-bottom: 8px;

    color: #d946a6;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}


/* BOOK DESCRIPTION */

.founder-book-note p {
    margin: 0 0 9px;

    color: #444444;

    font-size: 14px;
    font-weight: 500;
    line-height: 1.65;
}

.founder-book-note p strong {
    color: #111111;
    font-weight: 800;
}


/* DEDICATION */

.founder-book-note small {
    display: block;

    color: #888888;

    font-size: 11.5px;
    line-height: 1.6;
}


/* MOBILE */

@media (max-width: 600px) {

    .founder-book-note {
        margin: 20px 0;
        padding: 16px 17px;
    }

    .founder-book-note p {
        font-size: 13.5px;
    }

    .founder-book-note small {
        font-size: 11px;
    }
}\\\/* =========================================
   FOUNDER TEXT
========================================= */

.founder-content {
    max-width: 620px;
}


/* Highlight Intro */

.founder-intro {
    max-width: 560px;

    margin: 0 0 28px !important;

    color: #514355 !important;

    font-size: 18px !important;
    font-weight: 600 !important;

    line-height: 1.6 !important;
    letter-spacing: -0.1px;
}


/* Regular Bio Paragraphs */

.founder-content > p:not(.founder-intro) {
    max-width: 570px;

    margin: 0 0 20px;

    color: #6b626c;

    font-size: 14.5px;
    font-weight: 400;

    line-height: 1.8;
}


/* Strong text inside paragraphs */

.founder-content > p strong {
    color: #3f3342;
    font-weight: 700;
}


/* Last paragraph */

.founder-content > p:last-of-type {
    margin-bottom: 0;
}


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

@media (max-width: 600px) {

    .founder-content {
        max-width: 100%;
    }

    .founder-intro {
        margin-bottom: 22px !important;

        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .founder-content > p:not(.founder-intro) {
        margin-bottom: 17px;

        font-size: 14px;
        line-height: 1.75;
    }
}

/* =========================================
   REVIEW RECOGNITION
========================================= */

.review-recognition {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;

    margin-top: 16px;
}

.recognition-item {
    padding: 14px 15px;

    background: #fafafa;

    border: 1px solid #eeeeee;
    border-radius: 11px;
}

.recognition-label {
    display: block;

    margin-bottom: 5px;

    color: #d946a6;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.recognition-item strong {
    display: block;

    margin-bottom: 3px;

    color: #111111;

    font-size: 14px;
    font-weight: 800;
}

.recognition-item small {
    display: block;

    color: #777777;

    font-size: 10.5px;
    line-height: 1.5;
}


/* =========================================
   REVIEW COMPANY IMPROVEMENT
========================================= */

.review-company {
    display: flex;
    align-items: center;
    gap: 15px;

    padding-top: 18px;
    margin-top: 4px;

    border-top: 1px solid #eeeeee;
}

.review-company img {
    width: 64px;
    height: 64px;

    flex: 0 0 64px;

    padding: 5px;

    object-fit: contain;

    border-radius: 12px;

    background: #ffffff;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.review-accolades {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.review-accolades span {
    color: #d946a6;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.review-accolades strong {
    color: #111111;

    font-size: 15px;
    font-weight: 800;
}

.review-accolades small {
    color: #777777;

    font-size: 11px;
}


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

@media (max-width: 600px) {

    .review-recognition {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .recognition-item {
        padding: 13px 14px;
    }

    .review-company {
        gap: 12px;
    }

    .review-company img {
        width: 58px;
        height: 58px;
        flex-basis: 58px;
    }
}

/* ================================
   COMPANY STATS
================================ */

.review-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin: 24px 0;
}

.stat-item {
    padding: 18px 14px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
    transition: transform 0.3s ease, border-color 0.3s ease;
}

.stat-item:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 255, 255, 0.3);
}

.stat-item strong {
    display: block;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 6px;
}

.stat-item span {
    display: block;
    font-size: 0.72rem;
    line-height: 1.4;
    opacity: 0.7;
}


/* ================================
   RECOGNITION CARDS
================================ */

.review-recognition {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 18px;
}

.recognition-item {
    padding: 18px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.035);
    transition: all 0.3s ease;
}

.recognition-item:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 255, 255, 0.25);
}

.recognition-label {
    display: block;
    margin-bottom: 8px;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    opacity: 0.55;
}

.recognition-item strong {
    display: block;
    font-size: 1rem;
    line-height: 1.35;
    margin-bottom: 6px;
}

.recognition-item small {
    display: block;
    font-size: 0.75rem;
    line-height: 1.5;
    opacity: 0.65;
}


/* ================================
   COMPANY AREA
================================ */

.review-company {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 24px;
}

.review-company img {
    width: 75px;
    height: 75px;
    object-fit: contain;
    border-radius: 12px;
}

.review-accolades span {
    display: block;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    opacity: 0.55;
    margin-bottom: 5px;
}

.review-accolades strong {
    display: block;
    font-size: 1.1rem;
    margin-bottom: 4px;
}

.review-accolades small {
    font-size: 0.75rem;
    opacity: 0.65;
}


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

@media (max-width: 768px) {

    .review-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .review-recognition {
        grid-template-columns: 1fr;
    }

    .review-company {
        align-items: flex-start;
    }

}


@media (max-width: 480px) {

    .review-stats {
        gap: 10px;
    }

    .stat-item {
        padding: 15px 10px;
    }

    .stat-item strong {
        font-size: 1.1rem;
    }

    .stat-item span {
        font-size: 0.68rem;
    }

}

@media (max-width: 900px) {

    .floating-nav {
        z-index: 999999 !important;
    }

    .mobile-toggle {
        position: relative !important;
        z-index: 1000000 !important;
        pointer-events: auto !important;
        cursor: pointer !important;
    }

    .mobile-nav {
        z-index: 999998 !important;
    }

}
/* =========================================================
   SPECTACULAR SMITH — PREMIUM PROFILE
========================================================= */

.spectacular-profile {
    display: grid;
    grid-template-columns: 96px 1fr;
    align-items: center;
    gap: 20px;

    margin-top: 24px;
    padding: 20px;

    border: 1px solid #e8e8e8;
    border-radius: 16px;

    background: linear-gradient(
        135deg,
        #ffffff 0%,
        #fafafa 100%
    );

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.045);
}


/* SMITH PHOTO */

.spectacular-photo {
    width: 96px;
    height: 96px;

    overflow: hidden;

    border-radius: 14px;

    background: #f2f2f2;

    border: 1px solid #e2e2e2;

    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

.spectacular-photo img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;
}


/* SMITH INFORMATION */

.spectacular-details {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.spectacular-details p {
    position: relative;

    margin: 0;
    padding-left: 14px;

    font-size: 12px;
    line-height: 1.5;

    color: #666;
}

.spectacular-details p::before {
    content: "";

    position: absolute;
    left: 0;
    top: 7px;

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: #d946a6;
}

.spectacular-details p:first-child {
    color: #222;
    font-weight: 700;
}


/* =========================================================
   SECTION LABEL
========================================================= */

.recognition-label {
    display: block;

    margin-bottom: 14px;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 1.5px;
    text-transform: uppercase;

    color: #d946a6;
}


/* =========================================================
   SPECTACULAR ACADEMY
========================================================= */

.academy-profile {
    margin-top: 28px;
    padding-top: 26px;

    border-top: 1px solid #eeeeee;
}

.academy-image {
    width: 100%;
    max-width: 100%;
    overflow: hidden;

    border: 1px solid #e6e6e6;
    border-radius: 14px;

    background: #f7f7f7;

    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.05);
}

.academy-image img {
    width: 100%;
    height: auto;

    display: block;

    object-fit: contain;
}


.academy-details {
    display: flex;
    flex-direction: column;
    gap: 4px;

    margin-top: 12px;
}

.academy-details strong {
    font-size: 14px;
    font-weight: 700;

    color: #111;
}

.academy-details small {
    font-size: 11px;

    color: #777;
}


/* =========================================================
   ACADEMY STATS
========================================================= */

.review-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 10px;

    margin-top: 18px;
}

.stat-item {
    padding: 15px 12px;

    text-align: center;

    border: 1px solid #eeeeee;
    border-radius: 12px;

    background: #fafafa;
}

.stat-item strong {
    display: block;

    margin-bottom: 4px;

    font-size: 18px;
    line-height: 1.2;

    color: #111;
}

.stat-item span {
    display: block;

    font-size: 9px;
    line-height: 1.4;

    color: #777;

    text-transform: uppercase;
    letter-spacing: 0.4px;
}


/* =========================================================
   COMPANY ACCOLADES
========================================================= */

.company-accolades {
    margin-top: 28px;
    padding-top: 26px;

    border-top: 1px solid #eeeeee;
}

.accolades-grid {
    display: grid;

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

    gap: 12px;
}

.accolade-item {
    display: flex;
    align-items: center;
    gap: 12px;

    min-height: 86px;

    padding: 12px;

    border: 1px solid #e8e8e8;
    border-radius: 13px;

    background: #ffffff;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.accolade-item:hover {
    transform: translateY(-2px);

    border-color: #dddddd;

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.accolade-item img {
    width: 54px;
    height: 54px;

    flex: 0 0 54px;

    display: block;

    object-fit: contain;

    border-radius: 9px;

    background: #f8f8f8;
}

.accolade-item strong {
    font-size: 10px;
    line-height: 1.45;

    color: #333;
}


/* =========================================================
   PRETTY RICKY
========================================================= */

.pretty-ricky-profile {
    margin-top: 28px;
    padding-top: 26px;

    border-top: 1px solid #eeeeee;
}

.pretty-ricky-content {
    display: grid;
    grid-template-columns: 100px 1fr;
    align-items: center;

    gap: 18px;

    padding: 14px;

    border: 1px solid #e8e8e8;
    border-radius: 14px;

    background: #fafafa;
}

.album-image {
    width: 100px;
    height: 100px;

    overflow: hidden;

    border-radius: 10px;

    background: #eeeeee;

    border: 1px solid #e1e1e1;

    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.07);
}

.album-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}

.pretty-ricky-details {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.pretty-ricky-details strong {
    font-size: 15px;
    font-weight: 700;

    color: #111;
}

.pretty-ricky-details small {
    font-size: 11px;

    color: #777;
}


/* =========================================================
   AMAZON BUTTON — PREMIUM
========================================================= */

.book-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 46px;

    margin-top: 24px;
    padding: 0 22px;

    border-radius: 10px;

    background: #111;

    color: #fff;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 0.3px;

    text-decoration: none;

    transition:
        background 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.book-link:hover {
    background: #d946a6;

    transform: translateY(-2px);

    box-shadow: 0 8px 20px rgba(217, 70, 166, 0.2);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .spectacular-profile {
        grid-template-columns: 82px 1fr;
    }

    .spectacular-photo {
        width: 82px;
        height: 82px;
    }

    .academy-image img {
        height: 190px;
    }
}


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

@media (max-width: 600px) {

    .spectacular-profile {
        grid-template-columns: 72px 1fr;

        gap: 14px;

        padding: 15px;
    }

    .spectacular-photo {
        width: 72px;
        height: 72px;

        border-radius: 12px;
    }

    .spectacular-details p {
        font-size: 11px;
    }


    .academy-image img {
        height: 170px;
    }


    .review-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .stat-item {
        padding: 13px 8px;
    }

    .stat-item strong {
        font-size: 16px;
    }


    .accolades-grid {
        grid-template-columns: 1fr;
    }


    .pretty-ricky-content {
        grid-template-columns: 82px 1fr;

        gap: 14px;
    }

    .album-image {
        width: 82px;
        height: 82px;
    }


    .book-link {
        width: 100%;
    }
}