body {    font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif;    color: #1f2937;    background-color: var(--ganem-background);    line-height: 1.6;    margin: 0;}.site-header {    padding-top: 0.85rem;}@media (min-width: 992px) {    .site-header {        padding-top: 1.25rem;    }}.site-preloader {    position: fixed;    inset: 0;    background: radial-gradient(circle at 20% 20%, rgba(246, 181, 0, 0.12), transparent 58%),        radial-gradient(circle at 80% 15%, rgba(59, 130, 246, 0.18), transparent 60%),        linear-gradient(135deg, rgba(8, 19, 32, 0.94), rgba(12, 31, 54, 0.92));    display: flex;    align-items: center;    justify-content: center;    z-index: 4000;    transition: opacity .6s ease, visibility .6s ease;}.site-preloader.is-hidden {    opacity: 0;    visibility: hidden;    pointer-events: none;}.preloader-inner {    text-align: center;    display: flex;    flex-direction: column;    align-items: center;    gap: 1.75rem;    color: #e2e8f0;    letter-spacing: .08em;}.preloader-logo {    width: 150px;    height: 150px;    border-radius: 999px;    background: radial-gradient(circle, rgba(255, 255, 255, 0.2), rgba(148, 163, 184, 0.08));    display: flex;    align-items: center;    justify-content: center;    box-shadow: 0 30px 80px -50px rgba(15, 23, 42, 0.9);    border: 1px solid rgba(255, 255, 255, 0.2);}.preloader-logo img {    max-width: 70%;    filter: drop-shadow(0 10px 18px rgba(255, 255, 255, 0.25));}.preloader-logo-text {    font-size: 2.4rem;    font-weight: 700;    letter-spacing: .28em;}.preloader-title {    font-size: 1rem;    font-weight: 600;    letter-spacing: .5em;    text-transform: uppercase;    color: #dbeafe;}.glow {    animation: preloader-glow 2.8s ease-in-out infinite;}@keyframes preloader-glow {    0% {        box-shadow: 0 25px 65px -45px rgba(15, 23, 42, 0.9);    }    50% {        box-shadow: 0 35px 95px -45px rgba(59, 130, 246, 0.65);    }    100% {        box-shadow: 0 25px 65px -45px rgba(15, 23, 42, 0.9);    }}.tracking-wide {    letter-spacing: .12em;    font-size: .78rem;}.navbar-glass {    margin-top: 0.4rem;    background: rgba(255, 255, 255, 0.92);    border-radius: 999px;    padding: .65rem 1.25rem;    box-shadow: 0 10px 35px rgba(31, 41, 55, 0.08);    backdrop-filter: blur(14px);}.navbar-glass .navbar-brand {    color: #111827;}.brand-logo {    width: 72px;    height: 72px;    border-radius: 20px;    background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(255,255,255,0.65));    transform: rotate(-8deg);    padding: 8px;    transition: transform .3s ease, box-shadow .3s ease;}.brand-logo img {    display: block;    max-height: 62px;    transform: rotate(8deg);}.navbar-glass .navbar-nav {    gap: .35rem;}.navbar-brand:hover .brand-logo {    transform: rotate(-4deg);    box-shadow: 0 18px 35px rgba(17, 24, 39, 0.12);}.navbar-glass .nav-link {    color: #1f2937;    border-radius: 999px;    font-weight: 500;    transition: all .2s ease;}.navbar-glass .nav-link:hover,.navbar-glass .nav-link:focus,.navbar-glass .nav-link.active {    background: var(--ganem-primary);    color: #fff !important;    box-shadow: 0 8px 20px rgba(26, 77, 122, 0.25);}.header-gradient {    position: absolute;    inset: 0;    z-index: -1;    background: radial-gradient(circle at 10% 20%, rgba(26, 77, 122, 0.18), transparent 55%),        radial-gradient(circle at 90% 10%, rgba(246, 181, 0, 0.15), transparent 60%),        linear-gradient(135deg, rgba(26, 77, 122, 0.08), rgba(255, 255, 255, 0));}.btn-primary {    background-color: var(--ganem-primary);    border-color: var(--ganem-primary);    box-shadow: 0 12px 20px -12px rgba(26, 77, 122, 0.6);}.btn-primary:hover,.btn-primary:focus {    filter: brightness(0.92);}.btn-secondary {    background-color: var(--ganem-secondary);    border-color: var(--ganem-secondary);    color: #1f2937;    box-shadow: 0 12px 20px -12px rgba(246, 181, 0, 0.6);}.btn-secondary:hover,.btn-secondary:focus {    filter: brightness(0.9);    color: #111827;}.btn-outline-primary {    color: var(--ganem-primary);    border-color: rgba(26, 77, 122, 0.3);    background-color: rgba(26, 77, 122, 0.08);}.btn-outline-primary:hover,.btn-outline-primary:focus {    color: #fff;    background-color: var(--ganem-primary);    border-color: var(--ganem-primary);}.cta-floating {    position: fixed;    right: 22px;    top: 50%;    transform: translateY(-50%);    z-index: 1050;}.cta-icon {    width: 54px;    height: 54px;    border-radius: 18px;    display: inline-flex;    align-items: center;    justify-content: center;    background: rgba(17, 24, 39, 0.88);    color: #fff;    font-size: 1.4rem;    box-shadow: 0 16px 30px -20px rgba(17, 24, 39, 0.9);    border: none;    cursor: pointer;    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;}.cta-icon:hover,.cta-icon:focus {    transform: translateY(-2px) scale(1.03);    box-shadow: 0 18px 32px -16px rgba(17, 24, 39, 0.95);}.cta-icon.whatsapp {    background: #1ebe57;    box-shadow: 0 18px 32px -20px rgba(30, 190, 87, 0.85);}.cta-icon.phone {    background: var(--ganem-secondary);    color: #1f2937;    box-shadow: 0 16px 28px -18px rgba(246, 181, 0, 0.65);}.hero-slide {    position: relative;    min-height: 560px;    color: #fff;    background-position: center;    background-size: cover;    border-radius: 42px;    overflow: hidden;    margin: 0.65rem 0 1rem;    box-shadow: 0 45px 80px -60px rgba(15, 23, 42, 0.45);}.hero-overlay {    background: linear-gradient(120deg, rgba(17, 24, 39, .82), rgba(17, 24, 39, .35));    position: absolute;    inset: 0;    z-index: 1;}.hero-slide::after {    content: '';    position: absolute;    right: -160px;    bottom: -140px;    width: 420px;    height: 420px;    background: radial-gradient(circle, rgba(255, 255, 255, .28) 0%, transparent 70%);    z-index: 1;}.hero-slide .content {    position: relative;    z-index: 2;    max-width: 640px;    opacity: 0;    transform: translateY(28px);    transition: opacity .6s ease, transform .6s ease;}.hero-badge {    display: inline-flex;    align-items: center;    gap: .5rem;    padding: .5rem 1rem;    background: rgba(255, 255, 255, 0.12);    border-radius: 999px;    backdrop-filter: blur(4px);    margin-bottom: 1rem;    font-weight: 500;}.hero-highlights {    display: flex;    flex-wrap: wrap;    gap: 1rem;    margin-top: 2.5rem;}.hero-slide .hero-actions,.hero-slide .hero-highlights {    opacity: 0;    transform: translateY(32px);    transition: opacity .6s ease, transform .6s ease;}#mainSlider .carousel-item.active .content,#mainSlider .carousel-item.active .hero-actions,#mainSlider .carousel-item.active .hero-highlights {    opacity: 1;    transform: translateY(0);}#mainSlider .carousel-item.active .hero-actions {    transition-delay: .1s;}#mainSlider .carousel-item.active .hero-highlights {    transition-delay: .2s;}.hero-actions .btn-outline-light {    border-color: rgba(255, 255, 255, 0.55);    background-color: rgba(255, 255, 255, 0.08);}.hero-actions .btn-outline-light:hover,.hero-actions .btn-outline-light:focus {    color: #0f172a;    background-color: #fff;}.hero-highlights .highlight-item {    display: flex;    align-items: center;    gap: .75rem;    padding: .85rem 1.35rem;    border-radius: 20px;    background: rgba(15, 23, 42, 0.55);    box-shadow: 0 18px 38px -28px rgba(0, 0, 0, .55);}.hero-highlights .highlight-icon {    width: 38px;    height: 38px;    display: inline-flex;    align-items: center;    justify-content: center;    border-radius: 12px;    background: rgba(255, 255, 255, 0.2);    color: var(--ganem-secondary);}#mainSlider .carousel-indicators {    position: absolute;    right: 2.75rem;    bottom: 2.75rem;    left: auto;    margin: 0;    gap: .65rem;}#mainSlider .carousel-indicators [data-bs-target] {    width: 16px;    height: 16px;    background: rgba(255, 255, 255, 0.35);    opacity: 1;    border-radius: 50%;    border: 1px solid rgba(255, 255, 255, 0.35);    transition: transform .3s ease, background .3s ease, box-shadow .3s ease;}#mainSlider .carousel-indicators .active,#mainSlider .carousel-indicators [data-bs-target]:hover,#mainSlider .carousel-indicators [data-bs-target]:focus {    background: var(--ganem-secondary);    transform: scale(1.2);    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.15);}.carousel-control-prev,.carousel-control-next {    width: 56px;    height: 56px;    top: 50%;    transform: translateY(-50%);    background: rgba(15, 23, 42, 0.65);    border-radius: 50%;    opacity: 1;    transition: background .2s ease;}.carousel-control-prev:hover,.carousel-control-next:hover {    background: rgba(15, 23, 42, 0.85);}.section-title {    margin-bottom: 2rem;}.section-title h2 {    font-weight: 700;}.section-title p {    color: #6b7280;}.section-kicker {    display: inline-flex;    align-items: center;    gap: .5rem;    font-size: .85rem;    font-weight: 600;    letter-spacing: .22em;    text-transform: uppercase;    color: var(--ganem-secondary);    margin-bottom: .75rem;}.section-kicker::before {    content: '';    width: 36px;    height: 1px;    background: currentColor;    opacity: .45;}.section-kicker.section-kicker-light {    color: rgba(255, 255, 255, 0.75);}.section-kicker.section-kicker-light::before {    background: currentColor;    opacity: .35;}.intro-card {    border-radius: 28px;    box-shadow: 0 25px 40px -40px rgba(15, 23, 42, 0.55);    border: none;}.feature-icon {    width: 56px;    height: 56px;    display: inline-flex;    align-items: center;    justify-content: center;    border-radius: 20px;    background: rgba(26, 77, 122, 0.12);    color: var(--ganem-primary);    font-size: 1.35rem;    margin-bottom: 1rem;}.feature-card {    border: none;    border-radius: 24px;    padding: 1.75rem;    transition: transform .2s ease, box-shadow .2s ease;    background: #fff;}.feature-card:hover {    transform: translateY(-8px);    box-shadow: 0 25px 45px -30px rgba(15, 23, 42, 0.4);}.stat-card {    border-radius: 24px;    padding: 2rem;    background: linear-gradient(135deg, rgba(26, 77, 122, 0.92), rgba(26, 77, 122, 0.75));    color: #fff;    box-shadow: 0 20px 35px -28px rgba(15, 23, 42, 0.6);}.stat-card h3 {    font-size: 2.75rem;    font-weight: 700;    margin-bottom: .25rem;}.card-zoom {    border-radius: 24px;    overflow: hidden;    transition: transform .25s ease, box-shadow .25s ease;}.card-zoom:hover {    transform: translateY(-10px);    box-shadow: 0 28px 45px -35px rgba(15, 23, 42, 0.65);}.card-zoom img {    height: 230px;    object-fit: cover;}.gallery-tile {    border-radius: 24px;    overflow: hidden;    position: relative;    box-shadow: 0 20px 35px -30px rgba(15, 23, 42, 0.5);}.gallery-tile::after {    content: '';    position: absolute;    inset: 0;    background: linear-gradient(180deg, transparent 40%, rgba(15, 23, 42, 0.5));    opacity: 0;    transition: opacity .2s ease;}.gallery-tile:hover::after {    opacity: 1;}.object-fit-cover {    object-fit: cover;}.cta-section {    border-radius: 32px;    background: linear-gradient(135deg, rgba(26, 77, 122, 0.92), rgba(26, 77, 122, 0.78));    color: #fff;    position: relative;    overflow: hidden;    box-shadow: 0 25px 45px -35px rgba(15, 23, 42, 0.65);}.cta-section::after {    content: '';    position: absolute;    width: 260px;    height: 260px;    background: radial-gradient(circle, rgba(255, 255, 255, 0.28), transparent 65%);    bottom: -130px;    right: -90px;}.badge-soft {    border-radius: 999px;    background: rgba(255, 255, 255, 0.16);    color: #fff;    padding: .4rem 1rem;    font-weight: 500;}@media (max-width: 991.98px) {    .navbar-glass {        border-radius: 28px;        padding: 1rem;    }    .hero-slide {        height: auto;        min-height: 460px;    }    .hero-highlights {        flex-direction: column;    }    #mainSlider .carousel-indicators {        right: 50%;        left: 50%;        bottom: 1.5rem;        transform: translateX(-50%);    }}@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {    .navbar-glass {        background: #ffffff;    }    .cta-floating .btn,    .hero-badge {        background: rgba(255, 255, 255, 0.85);        color: #111827;    }}.search-overlay {    position: fixed;    inset: 0;    background: rgba(15, 23, 42, 0.82);    backdrop-filter: blur(6px);    display: flex;    align-items: center;    justify-content: center;    padding: 2rem;    opacity: 0;    pointer-events: none;    transition: opacity .25s ease;    z-index: 2000;}.search-overlay.open {    opacity: 1;    pointer-events: auto;}.search-overlay-content {    position: relative;    max-width: 720px;    width: 100%;    background: rgba(255, 255, 255, 0.95);    border-radius: 28px;    padding: 2.5rem;    box-shadow: 0 45px 90px -70px rgba(15, 23, 42, 0.9);}.search-close {    position: absolute;    top: 18px;    right: 18px;    border: none;    background: rgba(15, 23, 42, 0.08);    border-radius: 999px;    width: 42px;    height: 42px;    display: inline-flex;    align-items: center;    justify-content: center;    color: #0f172a;}.search-close:hover {    background: rgba(15, 23, 42, 0.12);}.search-form .form-control {    background: transparent;    box-shadow: none;}.search-form .form-control:focus {    box-shadow: none;}.section-title {    border-left: 4px solid var(--ganem-secondary);    padding-left: 1rem;}.section-title h1,.section-title h2,.section-title h3 {    margin-bottom: .35rem;}.section-title p {    margin-bottom: 0;}.gallery-grid {    position: relative;}.gallery-section {    --gallery-watermark-size: min(65%, 320px);    --gallery-watermark-opacity: 0.14;}.gallery-watermarked {    position: relative;    z-index: 0;}.gallery-watermarked::after {    content: "";    position: absolute;    inset: 0;    background-image: var(--gallery-watermark);    background-repeat: no-repeat;    background-position: center;    background-size: var(--gallery-watermark-size);    opacity: var(--gallery-watermark-opacity);    z-index: 0;    pointer-events: none;}.gallery-grid figure {    position: relative;    overflow: hidden;    border-radius: 20px;    margin: 0;    cursor: pointer;    transition: transform .3s ease, box-shadow .3s ease;}.badge-category {    background: rgba(15, 23, 42, 0.75);    color: #fff;    padding: .45rem .75rem;    border-radius: 999px;    font-size: .8rem;    letter-spacing: .02em;    display: inline-flex;    align-items: center;    gap: .25rem;}.gallery-grid figure img {    display: block;    width: 100%;    height: auto;    position: relative;    z-index: 1;    transition: transform .35s ease;}.gallery-watermarked img {    position: relative;    z-index: 1;}.gallery-grid figure .badge-category {    position: relative;    z-index: 2;}.gallery-watermarked figcaption,.gallery-watermarked .carousel-caption {    z-index: 2;}.gallery-grid figure:hover img {    transform: scale(1.05);}.gallery-grid figure:hover {    transform: translateY(-6px);    box-shadow: 0 28px 40px -28px rgba(15, 23, 42, 0.45);}.lightbox-modal .carousel-item.gallery-watermarked {    background: #0f172a;}.lightbox-modal .carousel-item.gallery-watermarked::after {    inset: 6%;}.home-gallery-grid .home-gallery-tile {    width: 100%;    border: none;    border-radius: 20px;    padding: 0;    background: transparent;    overflow: hidden;    position: relative;    cursor: pointer;    box-shadow: 0 24px 45px -35px rgba(15, 23, 42, 0.55);    transition: transform .3s ease, box-shadow .3s ease;}.home-gallery-grid .home-gallery-tile img {    width: 100%;    height: 220px;    object-fit: cover;    display: block;    transition: transform .35s ease;}.home-gallery-grid.home-gallery-grid-compact .home-gallery-tile img {    height: 170px;}@media (min-width: 992px) {    .home-gallery-grid.home-gallery-grid-compact .home-gallery-tile img {        height: 150px;    }}@media (max-width: 576px) {    .home-gallery-grid .home-gallery-tile img {        height: 160px;    }}.home-gallery-grid .home-gallery-tile:hover,.home-gallery-grid .home-gallery-tile:focus-visible {    transform: translateY(-6px);    box-shadow: 0 40px 45px -32px rgba(15, 23, 42, 0.6);}.home-gallery-grid .home-gallery-tile:focus-visible {    outline: 3px solid var(--ganem-secondary);    outline-offset: 3px;}.home-gallery-overlay {    position: absolute;    inset: 0;    background: linear-gradient(180deg, rgba(15, 23, 42, 0.05), rgba(15, 23, 42, 0.8));    color: #fff;    display: flex;    align-items: flex-end;    padding: 1rem;    font-weight: 600;    letter-spacing: .02em;    opacity: 0;    transition: opacity .3s ease;}.home-gallery-grid .home-gallery-tile:hover .home-gallery-overlay,.home-gallery-grid .home-gallery-tile:focus-visible .home-gallery-overlay {    opacity: 1;}.home-gallery-scroll-wrapper {    overflow: hidden;    position: relative;}.home-gallery-scroll-track {    display: flex;    gap: 1.25rem;    overflow-x: auto;    scroll-behavior: smooth;    padding: .25rem .25rem 1.25rem;    scrollbar-width: thin;}.home-gallery-scroll-track::-webkit-scrollbar {    height: 6px;}.home-gallery-scroll-track::-webkit-scrollbar-thumb {    background: rgba(15, 23, 42, 0.3);    border-radius: 999px;}.home-gallery-scroll-track::-webkit-scrollbar-track {    background: transparent;}.home-gallery-scroll-item {    flex: 0 0 210px;}@media (min-width: 1200px) {    .home-gallery-scroll-item {        flex-basis: 240px;    }}.home-gallery-scroll-track .home-gallery-tile img {    height: 150px;}.home-gallery-modal .modal-content {    background: rgba(15, 23, 42, 0.95);    border: none;}.home-gallery-modal .modal-body {    padding: 0;}.home-gallery-modal .carousel-item img {    max-height: 70vh;    object-fit: contain;}.home-gallery-caption {    position: absolute;    left: 1.5rem;    bottom: 1.5rem;    background: rgba(15, 23, 42, 0.75);    padding: .5rem 1rem;    border-radius: 999px;    font-weight: 600;    letter-spacing: .02em;}.lightbox-modal .modal-content {    background-color: rgba(15, 23, 42, 0.92);    border: none;}.lightbox-modal .modal-body {    padding: 0;}.lightbox-modal .carousel-item img {    max-height: 80vh;    object-fit: contain;}.lightbox-modal .btn-close {    filter: invert(1);}.footer-social a {    width: 44px;    height: 44px;    border-radius: 14px;    display: inline-flex;    align-items: center;    justify-content: center;    background: rgba(255,255,255,0.12);    color: #fff;    transition: transform .2s ease, background .2s ease;}.footer-social a:hover {    transform: translateY(-2px);    background: rgba(255,255,255,0.22);}.form-feedback {    border-radius: 14px;    padding: .85rem 1.2rem;    font-size: .95rem;    font-weight: 500;    margin-bottom: 1.25rem;    box-shadow: 0 25px 45px -35px rgba(15, 23, 42, 0.55);    transition: opacity .4s ease, transform .4s ease;}.form-feedback ul {    margin-bottom: 0;    padding-left: 1.15rem;}.form-feedback-success {    background: #ecfdf5;    border: 1px solid #bbf7d0;    color: #047857;}.form-feedback-error {    background: #fef2f2;    border: 1px solid #fecaca;    color: #b91c1c;}.form-feedback.is-fading {    opacity: 0;    transform: translateY(-6px);}.status-badge {    display: inline-flex;    align-items: center;    gap: .35rem;    padding: .4rem .95rem;    border-radius: 999px;    font-size: .78rem;    font-weight: 600;    letter-spacing: .1em;    text-transform: uppercase;    background: rgba(26, 77, 122, 0.88);    color: #fff;    border: none;    box-shadow: 0 18px 32px -20px rgba(15, 23, 42, 0.55);    backdrop-filter: blur(6px);}.status-badge i {    font-size: .9rem;}.status-ongoing {    background: linear-gradient(135deg, rgba(14, 165, 233, 0.95), rgba(59, 130, 246, 0.85));    color: #fff;}.status-completed {    background: linear-gradient(135deg, rgba(22, 163, 74, 0.95), rgba(34, 197, 94, 0.9));    color: #fff;}.status-planned {    background: rgba(251, 191, 36, 0.94);    color: #1f2937;}.project-hero {    position: relative;    padding: 4.5rem 0 3.5rem;    background: linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(26, 77, 122, 0.86));    color: #fff;    overflow: hidden;}.project-hero-with-image {    background: linear-gradient(135deg, rgba(6, 16, 32, 0.78), rgba(15, 23, 42, 0.92));    background-image: var(--project-hero-image);    background-size: cover;    background-position: center;}.project-hero-overlay {    position: absolute;    inset: 0;    background: linear-gradient(120deg, rgba(6, 16, 32, 0.78) 12%, rgba(15, 23, 42, 0.92) 45%, rgba(26, 77, 122, 0.6) 100%);}.project-breadcrumb {    position: relative;    z-index: 1;    margin-bottom: 1.5rem;}.project-breadcrumb .breadcrumb {    background: transparent;    padding: 0;    margin-bottom: 0;}.project-breadcrumb .breadcrumb-item,.project-breadcrumb .breadcrumb-item a {    color: rgba(255, 255, 255, 0.7);    font-weight: 500;}.project-breadcrumb .breadcrumb-item.active {    color: #fff;}.project-hero-content {    position: relative;    z-index: 1;    display: flex;    flex-direction: column;    gap: 1.25rem;}.project-meta-card {    position: relative;    z-index: 1;    background: rgba(15, 23, 42, 0.78);    color: rgba(255, 255, 255, 0.92);    border-radius: 24px;    padding: 1.5rem;    backdrop-filter: blur(12px);    border: 1px solid rgba(148, 163, 184, 0.25);}.project-meta-item {    display: flex;    align-items: center;    gap: 1rem;    padding: .75rem 0;}.project-meta-item + .project-meta-item {    border-top: 1px solid rgba(148, 163, 184, 0.18);}.project-meta-icon {    width: 42px;    height: 42px;    border-radius: 14px;    background: rgba(255, 255, 255, 0.12);    display: inline-flex;    align-items: center;    justify-content: center;    font-size: 1.2rem;}.project-meta-label {    display: block;    font-size: .78rem;    letter-spacing: .16em;    text-transform: uppercase;    color: rgba(148, 163, 184, 0.85);    margin-bottom: .25rem;}.project-meta-value {    display: block;    font-weight: 600;    font-size: 1.05rem;}.project-body-card {    background: #fff;    border-radius: 30px;    padding: 2.75rem;    border: 1px solid rgba(15, 23, 42, 0.05);}.project-body-section {    background: linear-gradient(180deg, rgba(248, 250, 252, 0.9), rgba(255, 255, 255, 0.95));}.project-media-strip {    background: #f8fafc;    border-bottom: 1px solid rgba(15, 23, 42, 0.05);}.project-media-scroll {    display: flex;    gap: 1rem;    overflow-x: auto;    padding: 0.5rem 0;}.project-media-thumb {    border: none;    background: #fff;    border-radius: 1.25rem;    padding: 0;    min-width: 220px;    position: relative;    cursor: pointer;    box-shadow: 0 15px 35px -25px rgba(15, 23, 42, 0.4);    transition: transform .2s ease, box-shadow .2s ease;}.project-media-thumb img {    width: 100%;    height: 140px;    object-fit: cover;    border-radius: 1.25rem;}.project-media-thumb-cover img {    height: 160px;}.project-media-thumb:hover {    transform: translateY(-4px);    box-shadow: 0 25px 35px -25px rgba(15, 23, 42, 0.5);}.project-media-label {    position: absolute;    left: 1rem;    bottom: 1rem;    background: rgba(15, 23, 42, 0.85);    color: #fff;    padding: .35rem .85rem;    border-radius: 999px;    font-size: .85rem;    letter-spacing: .03em;}.project-media-thumb-cover .project-media-label {    background: rgba(248, 255, 255, 0.9);    color: #0f172a;}.project-description {    font-size: 1.05rem;    color: #374151;}.project-description h2,.project-description h3,.project-description h4 {    margin-top: 2.25rem;    margin-bottom: 1rem;    font-weight: 700;}.project-gallery-section .btn {    border-radius: 999px;}.project-gallery-grid {    display: grid;    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));    gap: 1rem;}.project-gallery-item {    display: flex;    flex-direction: column;    gap: .55rem;    border-radius: 16px;    padding: .6rem;    border: 1px solid rgba(15, 23, 42, 0.08);    background: #fff;    text-align: left;    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;    box-shadow: 0 20px 40px -36px rgba(15, 23, 42, 0.55);    color: inherit;}.project-gallery-item:hover,.project-gallery-item:focus {    transform: translateY(-4px);    box-shadow: 0 30px 55px -40px rgba(15, 23, 42, 0.6);    border-color: rgba(26, 77, 122, 0.28);}.project-gallery-item:focus {    outline: 3px solid rgba(26, 77, 122, 0.35);    outline-offset: 2px;}.project-gallery-thumb {    display: block;    border-radius: 12px;    overflow: hidden;    background: #f3f4f6;    aspect-ratio: 16 / 10;}.project-gallery-thumb img {    width: 100%;    height: 100%;    object-fit: cover;    display: block;}.project-gallery-caption {    font-size: .82rem;    font-weight: 600;    color: #1f2937;    line-height: 1.3;}.project-card {    border-radius: 22px;    background: #fff;    overflow: hidden;    display: flex;    flex-direction: column;    transition: transform .25s ease, box-shadow .25s ease;    border: 1px solid rgba(15, 23, 42, 0.06);}.category-card {    border-radius: 20px;    background: #fff;    overflow: hidden;    display: flex;    flex-direction: column;    border: 1px solid rgba(15, 23, 42, 0.06);    transition: transform .25s ease, box-shadow .25s ease;}.category-card:hover,.category-card:focus-within {    transform: translateY(-6px);    box-shadow: 0 28px 45px -30px rgba(15, 23, 42, 0.45);}.category-card-image {    position: relative;    display: block;    overflow: hidden;    aspect-ratio: 4 / 3;    background: #0f172a;}.category-card-image img {    width: 100%;    height: 100%;    object-fit: cover;    transition: transform .4s ease;}.category-card:hover .category-card-image img,.category-card:focus-within .category-card-image img {    transform: scale(1.05);}.category-card-placeholder {    position: absolute;    inset: 0;    display: flex;    align-items: center;    justify-content: center;    color: rgba(255, 255, 255, 0.65);    letter-spacing: .18em;    text-transform: uppercase;    font-weight: 600;}.category-card-body {    padding: 1.25rem 1.5rem 1.5rem;}.category-card-title {    font-size: 1.1rem;    margin: 0;    overflow-wrap: anywhere;}.category-grid .col {    min-width: 0;}.category-card-title a {    color: inherit;    text-decoration: none;}.category-card-title a:hover,.category-card-title a:focus {    color: var(--ganem-primary);}.project-card:hover,.project-card:focus-within {    transform: translateY(-6px);    box-shadow: 0 32px 55px -38px rgba(15, 23, 42, 0.55);}.project-card-image {    position: relative;    display: block;    overflow: hidden;    aspect-ratio: 4 / 3;    background: #0f172a;}.project-card-image img {    width: 100%;    height: 100%;    object-fit: cover;    transition: transform .4s ease;}.project-card:hover .project-card-image img,.project-card:focus-within .project-card-image img {    transform: scale(1.05);}.project-card-status {    position: absolute;    top: 1rem;    left: 1rem;    z-index: 2;}.project-card-placeholder {    position: absolute;    inset: 0;    display: flex;    align-items: center;    justify-content: center;    color: rgba(255, 255, 255, 0.65);    letter-spacing: .18em;    text-transform: uppercase;    font-weight: 600;}.project-card-body {    padding: 1.75rem 1.75rem 2rem;    display: flex;    flex-direction: column;    gap: 1rem;}.project-card-title {    font-size: 1.2rem;    margin: 0;}.project-card-title a {    color: inherit;    text-decoration: none;}.project-card-title a:hover,.project-card-title a:focus {    color: var(--ganem-primary);}.project-card-text {    flex-grow: 1;}.project-gallery-modal .modal-content {    border-radius: 28px;    border: none;}.project-gallery-modal .modal-body {    padding: 0 1.5rem 2rem;}.project-gallery-modal .carousel-item img {    max-height: 70vh;    object-fit: contain;    margin: 0 auto;}.project-gallery-modal-caption {    margin-top: 1.25rem;    font-size: 1.05rem;    text-align: center;    color: rgba(255, 255, 255, 0.85);}.project-gallery-counter {    display: inline-flex;    align-items: center;    gap: .35rem;    font-size: .82rem;    color: rgba(255, 255, 255, 0.6);    letter-spacing: .12em;}.blog-card {    display: flex;    flex-direction: column;    border-radius: 22px;    overflow: hidden;    background: #fff;    box-shadow: 0 24px 45px -38px rgba(15, 23, 42, 0.6);    text-decoration: none;    color: inherit;    transition: transform .2s ease, box-shadow .2s ease;}.blog-card:hover,.blog-card:focus {    transform: translateY(-8px);    box-shadow: 0 30px 60px -40px rgba(15, 23, 42, 0.65);}.blog-card-image {    position: relative;    overflow: hidden;    aspect-ratio: 4 / 3;}.blog-card-image img {    width: 100%;    height: 100%;    object-fit: cover;    transition: transform .3s ease;}.blog-card:hover .blog-card-image img {    transform: scale(1.05);}.blog-card-body {    padding: 1.4rem 1.6rem 1.6rem;}.blog-card-date {    font-size: .8rem;    font-weight: 600;    text-transform: uppercase;    color: #9ca3af;    letter-spacing: .18em;    margin-bottom: .75rem;}.blog-card-title {    font-weight: 700;    margin-bottom: .6rem;}.blog-card-excerpt {    font-size: .92rem;    line-height: 1.5;    margin-bottom: 1.1rem;}.blog-card-link {    display: inline-flex;    align-items: center;    gap: .4rem;    font-weight: 600;    color: var(--ganem-primary);}.blog-card-link::after {    content: '\2192';    font-size: 1rem;    transition: transform .2s ease;}.blog-card:hover .blog-card-link::after,.blog-card:focus .blog-card-link::after {    transform: translateX(4px);}.blog-grid {    margin-top: 1.5rem;}.blog-card-compact {    border-radius: 18px;    box-shadow: 0 22px 45px -38px rgba(15, 23, 42, 0.6);}.blog-card-compact .blog-card-image {    aspect-ratio: 16 / 10;    min-height: 150px;}.blog-card-compact .blog-card-body {    padding: 1.15rem 1.35rem 1.4rem;}.blog-card-compact .blog-card-title {    font-size: 1rem;    line-height: 1.45;}.blog-card-compact .blog-card-excerpt {    font-size: .88rem;    margin-bottom: .9rem;}.blog-featured-card {    display: block;    position: relative;    border-radius: 28px;    overflow: hidden;    box-shadow: 0 36px 68px -48px rgba(15, 23, 42, 0.65);    transition: transform .4s ease, box-shadow .4s ease;}.blog-featured-card:hover,.blog-featured-card:focus {    transform: translateY(-6px);    box-shadow: 0 48px 88px -52px rgba(15, 23, 42, 0.7);}.blog-featured-image {    position: relative;    width: 100%;    padding-top: 66%;    background: #0f172a;}.blog-featured-image img {    position: absolute;    inset: 0;    width: 100%;    height: 100%;    object-fit: cover;}.blog-featured-placeholder {    display: flex;    align-items: center;    justify-content: center;    background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.04) 12px, rgba(255, 255, 255, 0.08) 12px, rgba(255, 255, 255, 0.08) 24px);    color: rgba(255, 255, 255, 0.65);    height: 100%;    min-height: 280px;    font-weight: 600;    letter-spacing: .18em;    text-transform: uppercase;    border-radius: 28px;}.blog-featured-content a {    color: inherit;    text-decoration: none;}.blog-featured-content a:hover,.blog-featured-content a:focus {    color: var(--ganem-primary);}.blog-featured-meta {    font-size: .95rem;    letter-spacing: .12em;    text-transform: uppercase;}.blog-hero {    position: relative;    padding: 4rem 0 3rem;    background: linear-gradient(135deg, rgba(30, 64, 175, 0.88), rgba(30, 41, 59, 0.9));    color: #fff;    overflow: hidden;}.blog-hero-with-image {    background: linear-gradient(135deg, rgba(15, 23, 42, 0.86), rgba(30, 64, 175, 0.82));    background-image: var(--blog-hero-image);    background-size: cover;    background-position: center;}.blog-hero-overlay {    position: absolute;    inset: 0;    background: linear-gradient(130deg, rgba(8, 28, 58, 0.82) 12%, rgba(15, 23, 42, 0.88) 56%, rgba(37, 99, 235, 0.32) 100%);}.blog-breadcrumb {    position: relative;    z-index: 1;    margin-bottom: 1.75rem;}.blog-breadcrumb .breadcrumb {    margin-bottom: 0;    background: transparent;    padding: 0;}.blog-breadcrumb .breadcrumb-item,.blog-breadcrumb .breadcrumb-item a {    color: rgba(255, 255, 255, 0.75);    font-weight: 500;}.blog-breadcrumb .breadcrumb-item.active {    color: #fff;}.blog-hero-content {    position: relative;    z-index: 1;    display: flex;    flex-direction: column;    gap: 1.25rem;}.blog-hero-content .section-kicker {    color: rgba(255, 255, 255, 0.78);}.blog-hero-meta {    display: flex;    gap: 1.5rem;    align-items: center;    font-weight: 600;    letter-spacing: .08em;    text-transform: uppercase;    color: rgba(255, 255, 255, 0.72);}.blog-hero-card {    position: relative;    z-index: 1;    background: rgba(15, 23, 42, 0.7);    border-radius: 24px;    padding: 1.25rem;    border: 1px solid rgba(148, 163, 184, 0.25);    backdrop-filter: blur(10px);    color: rgba(255, 255, 255, 0.88);}.blog-body-section {    background: linear-gradient(180deg, rgba(248, 250, 252, 0.95), #fff);}.blog-detail-card {    background: #fff;    border-radius: 28px;    padding: 2.5rem;    border: 1px solid rgba(15, 23, 42, 0.06);}.blog-detail-card .blog-content {    font-size: 1.05rem;    line-height: 1.8;    color: #374151;}.blog-detail-card .blog-content h2,.blog-detail-card .blog-content h3,.blog-detail-card .blog-content h4 {    margin-top: 2.4rem;    margin-bottom: 1.1rem;    font-weight: 700;}.blog-cover-figure {    margin: 0 0 2rem 0;}.blog-cover-figure img {    width: 100%;    border-radius: 24px;}.blog-cover-figure figcaption {    margin-top: .85rem;    color: #6b7280;}.blog-detail-card .blog-content::after {    content: '';    display: block;    clear: both;}@media (max-width: 991.98px) {    .blog-hero {        text-align: center;        padding: 3.25rem 0 2.5rem;    }    .blog-hero-content {        align-items: center;    }}.marquee-section {    background: #05070c;    padding: 3.25rem 0;}.marquee-panel {    background: #000;    color: #fff;    min-height: 100%;    padding: 3rem 1.75rem;    display: flex;    flex-direction: column;    justify-content: center;    border: 1px solid rgba(255, 255, 255, 0.08);}.marquee-panel + .marquee-panel {    border-left: none;}.marquee-heading {    font-size: .92rem;    letter-spacing: .22em;    text-transform: uppercase;    color: rgba(255, 255, 255, 0.62);    margin-bottom: 1.5rem;}.marquee-wrapper {    overflow: hidden;    mask-image: linear-gradient(to right, transparent 0%, #000 12%, #000 88%, transparent 100%);    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 12%, #000 88%, transparent 100%);}.marquee-track {    display: flex;    align-items: center;    gap: 3rem;    animation: marquee-left 20s linear infinite;}.marquee-track-reverse {    animation-name: marquee-right;}.marquee-item {    font-size: 1.4rem;    font-weight: 600;    letter-spacing: .18em;    text-transform: uppercase;    white-space: nowrap;}@keyframes marquee-left {    from { transform: translateX(0); }    to { transform: translateX(-50%); }}@keyframes marquee-right {    from { transform: translateX(-50%); }    to { transform: translateX(0); }}@media (max-width: 991.98px) {    .navbar-glass {        border-radius: 24px;        padding: .65rem 1rem;    }    .project-hero {        padding: 3.5rem 0 2.75rem;        text-align: center;    }    .project-hero-content {        align-items: center;    }    .project-meta-card {        margin-top: 1.75rem;    }    .marquee-panel {        padding: 2.5rem 1.5rem;    }    .cta-floating {        right: 16px;        top: auto;        bottom: 24px;        transform: none;        flex-direction: row !important;        gap: 0.75rem;    }    .cta-icon {        width: 48px;        height: 48px;    }    .hero-slide {        border-radius: 28px;        margin: 1.5rem 0 0.5rem;    }}@media (max-width: 575.98px) {    .search-overlay {        padding: 1.25rem;    }    .search-overlay-content {        padding: 1.5rem;    }    #mainSlider .carousel-indicators {        bottom: 1.25rem;        gap: .45rem;    }    #mainSlider .carousel-indicators [data-bs-target] {        width: 12px;        height: 12px;    }    .project-body-card {        padding: 1.85rem;    }    .marquee-section {        padding: 2.5rem 0;    }    .marquee-panel {        padding: 2rem 1.25rem;    }}@media (prefers-reduced-motion: reduce) {    .hero-slide .content,    .hero-slide .hero-actions,    .hero-slide .hero-highlights,    #mainSlider .carousel-item.active .content,    #mainSlider .carousel-item.active .hero-actions,    #mainSlider .carousel-item.active .hero-highlights {        transition: none;        transform: none;        opacity: 1;    }}.project-gallery-trigger {    cursor: zoom-in;}.project-gallery-thumb {    width: 72px;    height: 72px;    padding: 0;    border: 2px solid transparent;    border-radius: 0.75rem;    background-color: transparent;    overflow: hidden;    transition: border-color 0.2s ease;}.project-gallery-thumb img {    width: 100%;    height: 100%;    object-fit: cover;    display: block;}.project-gallery-thumb.active,.project-gallery-thumb:focus-visible {    border-color: var(--bs-primary);}