/* Final visual layer: Barranquilla signature edition. */
.site-status-banner { display: none !important; }
.preloader-barranquilla { background:#020a18 !important; }
.preloader-barranquilla .preloader-city,.preloader-barranquilla .preloader-brand,.preloader-barranquilla .preloader-location,.preloader-barranquilla .preloader-index,.preloader-barranquilla .preloader-kicker { display:none !important; }
.preloader-barranquilla .preloader-cinematic-shade { background:radial-gradient(circle at 50% 50%,rgba(22,93,160,.12),transparent 22%),#020a18 !important; }
.preloader-barranquilla .preloader-editorial { top:50% !important; left:50% !important; width:90px !important; text-align:center !important; transform:translate(-50%,-50%) !important; }
.preloader-barranquilla .preloader-editorial h2 { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; white-space:nowrap !important; }
.preloader-blocks { display:grid; width:64px; margin:0 auto; }
.preloader-blocks i { display:grid; width:64px; aspect-ratio:1; place-items:center; border:1px solid rgba(202,223,255,.45); color:#f5ba0a; background:rgba(5,25,48,.72); box-shadow:0 0 0 1px rgba(44,141,215,.08),0 0 42px rgba(17,118,195,.18); transform:rotate(45deg) scale(.72); opacity:.72; animation:loaderBlock 1.25s cubic-bezier(.2,.8,.2,1) infinite; }
.preloader-blocks i b { font-size:13px; font-style:normal; letter-spacing:.02em; transform:rotate(-45deg); }
.preloader-barranquilla .preloader-loading { left:50% !important; right:auto !important; bottom:12vh !important; width:92px !important; transform:translateX(-50%); }
.preloader-barranquilla .preloader-loading-meta { justify-content:center; }
.preloader-barranquilla .preloader-loading-meta span:first-child,.preloader-barranquilla .loading-bar { display:none !important; }
@keyframes loaderBlock { 0%,100%{opacity:.55;transform:rotate(45deg) scale(.72)} 50%{opacity:1;transform:rotate(135deg) scale(1);background:rgba(9,54,92,.9);box-shadow:0 0 42px rgba(52,169,244,.36)} }

/* Services navigation: final specificity layer to prevent the white-on-white panel. */
.services-dropdown .dropdown-menu.dropdown-simple {
    left: 50%;
    width: min(318px, calc(100vw - 32px));
    padding: 9px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 18px;
    background:
        radial-gradient(circle at 12% 0%, rgba(245, 186, 10, .13), transparent 38%),
        rgba(3, 20, 33, .98);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .34);
    backdrop-filter: blur(24px) saturate(1.12);
    transform: translate(-50%, 14px) scale(.98);
    transform-origin: top center;
}

.services-dropdown:hover .dropdown-menu.dropdown-simple,
.services-dropdown:focus-within .dropdown-menu.dropdown-simple {
    transform: translate(-50%, 0) scale(1);
}

.services-dropdown .dropdown-section {
    padding: 6px;
    border: 0;
    border-radius: 13px;
    color: #fffdf7;
    background: transparent;
    box-shadow: none;
}

.services-dropdown .dropdown-label {
    margin: 0;
    padding: 7px 11px 9px;
    color: #f5ba0a;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .18em;
}

.services-dropdown .dropdown-link {
    position: relative;
    width: 100%;
    min-height: 42px;
    padding: 11px 36px 11px 13px;
    border: 0;
    border-radius: 10px;
    color: rgba(255, 253, 247, .88);
    background: transparent;
    text-align: left;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .035em;
}

.services-dropdown .dropdown-link::after {
    content: '↗';
    position: absolute;
    top: 50%;
    right: 13px;
    color: rgba(245, 186, 10, .74);
    font-size: 13px;
    transform: translateY(-50%);
    transition: transform .24s ease, color .24s ease;
}

.services-dropdown .dropdown-link:hover,
.services-dropdown .dropdown-link:focus-visible {
    color: #031421;
    outline: none;
    background: #f5ba0a;
    transform: translateX(2px);
}

.services-dropdown .dropdown-link:hover::after,
.services-dropdown .dropdown-link:focus-visible::after {
    color: #031421;
    transform: translate(2px, -50%);
}

.hero-barranquilla-visual {
    position: absolute;
    inset: 0;
    z-index: 1;
    margin: 0;
    overflow: hidden;
    background: #041420;
}
.hero-barranquilla-visual::before,
.hero-barranquilla-visual::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}
.hero-barranquilla-visual::before {
    background:
        linear-gradient(90deg, rgba(4,17,27,.84), rgba(4,17,27,.28) 38%, transparent 66%),
        linear-gradient(0deg, rgba(3,15,24,.62), transparent 46%);
}
.hero-barranquilla-visual::after {
    background: linear-gradient(115deg, transparent 38%, rgba(245,186,10,.1) 50%, transparent 62%);
    animation: barranquillaLightSweep 8s cubic-bezier(.2,.7,.2,1) 1.2s infinite;
}
.hero-barranquilla-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.9) contrast(1.06);
    animation: barranquillaHeroDrift 18s ease-in-out infinite alternate;
}
.hero .slider-track,
.hero .slider-glow { opacity: 0 !important; }
.hero-building-grid { z-index: 2; opacity: .46; }
.hero-overlay { z-index: 4; }
.hero-particles { z-index: 3; }
.hero-title .hero-word-vive {
    top: 20%;
    left: 4.2%;
    max-width: 73vw;
    font-size: clamp(82px, 10.5vw, 194px);
    letter-spacing: -.075em;
}
.hero-title .hero-word-home {
    top: auto;
    left: 5.1%;
    bottom: 10%;
    font-size: clamp(70px, 8.6vw, 158px);
}
.hero-title .hero-word-level {
    top: 41%;
    right: 4.5%;
    bottom: auto;
    width: min(42vw, 720px);
    font-size: clamp(56px, 6.5vw, 124px);
}
.architecture-exterior { filter: brightness(.68) saturate(.9) contrast(1.05); }
.architecture-exterior img { object-position: center 52%; }
.architecture-intro h2 { font-size: clamp(72px, 9vw, 170px); }

.property-card-signature {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(340px,.92fr) minmax(460px,1.08fr);
    border-radius: 30px;
    background: #fffdf8;
    box-shadow: 0 28px 80px rgba(4,20,32,.16);
}
.property-card-signature:hover { transform: translateY(-5px); }
.property-card-signature .project-image {
    inset: auto;
    width: 100%;
    min-width: 0;
    max-width: none;
    min-height: 720px;
    height: 100%;
    transform: none;
}
.property-card-signature .project-image img { object-position: center; }
.property-card-signature .project-content {
    position: relative;
    z-index: 2;
    min-width: 0;
    padding: clamp(34px,4vw,66px);
    background: #fffdf8;
}
.property-card-signature .project-title {
    max-width: 760px;
    margin: 18px 0;
    font-family: var(--editorial-display);
    font-size: clamp(42px,4.4vw,78px);
    font-weight: 300;
    line-height: .96;
    letter-spacing: -.055em;
}
.property-card-signature .property-price {
    display: inline-flex;
    margin: 0 0 22px;
    padding: 10px 16px;
    border: 1px solid rgba(10,59,81,.18);
    border-radius: 999px;
    color: #0a3b51;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.property-card-signature .project-description { max-width: 720px; color: #43535d; font-size: 16px; line-height: 1.8; }
.property-card-signature .project-features { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; padding: 22px 0; }
.property-card-signature .project-features span { min-height: 72px; padding: 10px 16px; border-left: 1px solid rgba(10,59,81,.12); font-size: 12px; }
.property-card-signature .project-features span:nth-child(3n + 1) { border-left: 0; }
.casa-15-highlights ul,
.monimar-highlights ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 26px; }
.casa-15-highlights li,
.monimar-highlights li { position: relative; padding-left: 20px; color: #53636c; line-height: 1.55; }
.casa-15-highlights li::before,
.monimar-highlights li::before { content: ''; position: absolute; top: .72em; left: 0; width: 8px; height: 1px; background: #d7a600; }
.property-card-monimar .project-image img { object-position: center 58%; }
.property-details { margin: 26px 0; border-block: 1px solid rgba(10,59,81,.14); }
.property-details summary { padding: 18px 0; color: #0a3b51; cursor: pointer; font-size: 11px; font-weight: 800; letter-spacing: .13em; list-style: none; text-transform: uppercase; }
.property-details summary::after { content: '+'; float: right; color: #d7a600; font-size: 20px; font-weight: 300; }
.property-details[open] summary::after { content: '−'; }
.property-details-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 30px; padding: 4px 0 26px; }
.property-details-grid h4 { margin: 0 0 8px; color: #0a3b51; }
.property-details-grid p { margin: 0; color: #5e6970; font-size: 13px; line-height: 1.65; }

@media (max-width: 980px) {
    .property-card-signature { grid-template-columns: 1fr; }
    .property-card-signature .project-image { min-height: min(72vw,620px); }
}
@media (max-width: 1180px) {
    .nav .services-dropdown .dropdown-menu.dropdown-simple {
        left: auto;
        width: 100%;
        max-width: none;
        margin-top: 7px;
        padding: 6px;
        border: 1px solid rgba(255, 255, 255, .09);
        border-radius: 14px;
        background: rgba(255, 255, 255, .035);
        box-shadow: none;
        transform: none;
    }
    .services-dropdown:hover .dropdown-menu.dropdown-simple,
    .services-dropdown:focus-within .dropdown-menu.dropdown-simple {
        transform: none;
    }
    .services-dropdown .dropdown-section {
        background: transparent;
    }
    .services-dropdown .dropdown-link {
        color: rgba(255, 253, 247, .86);
    }
    .services-dropdown .dropdown-link:hover,
    .services-dropdown .dropdown-link:focus-visible {
        color: #031421;
    }
}
@media (max-width: 760px) {
    .hero-barranquilla-visual img { object-position: 61% center; }
    .hero-barranquilla-visual::before { background: linear-gradient(0deg,rgba(4,17,27,.92),rgba(4,17,27,.2) 68%,rgba(4,17,27,.44)); }
    .hero-title .hero-word-vive { top: 24%; left: 22px; max-width: calc(100vw - 44px); font-size: clamp(54px,16.7vw,78px); }
    .hero-title .hero-word-home { left: 24px; bottom: 27%; font-size: clamp(48px,15vw,68px); }
    .hero-title .hero-word-level { top: 44%; right: 22px; width: 72vw; font-size: clamp(42px,13.5vw,62px); }
    .architecture-intro h2 { font-size: clamp(48px,14.8vw,70px); }
    .property-card-signature { border-radius: 22px; }
    .property-card-signature .project-image { min-height: 72vw; }
    .property-card-signature .project-content { padding: 28px 22px 32px; }
    .property-card-signature .project-title { font-size: clamp(38px,12vw,54px); }
    .property-card-signature .project-features,
    .casa-15-highlights ul,
    .monimar-highlights ul,
    .property-details-grid { grid-template-columns: 1fr; }
    .property-card-signature .project-features span { border-left: 0; border-top: 1px solid rgba(10,59,81,.08); }
}
@media (prefers-reduced-motion: reduce) {
    .hero-barranquilla-visual img,
    .hero-barranquilla-visual::after { animation: none !important; }
}

/* ==============================================================
   777 IMMERSIVE — Inicio y explorador de inmuebles
   ============================================================== */
body.active-view-inicio,
body.active-view-proyectos { background: #020c18; }
body.active-view-inicio .topbar,
body.active-view-proyectos .topbar,
body.active-view-inicio .site-status-banner,
body.active-view-proyectos .site-status-banner { display: none !important; }

body.active-view-inicio .header,
body.active-view-proyectos .header {
    top: 36px;
    left: 3.4vw;
    right: 3.4vw;
    width: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    transition: opacity .35s ease, transform .35s ease;
}
body.active-view-proyectos:has(.projects-map.has-panel) .header { opacity:0; transform:translateY(-18px); pointer-events:none; }
body.active-view-inicio .header-container,
body.active-view-proyectos .header-container { max-width: none; height: 66px; padding-inline: 22px 12px; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; }
body.active-view-inicio .brand-logo-number,
body.active-view-proyectos .brand-logo-number { fill: #f5ba0a; }
body.active-view-inicio .brand-logo-name,
body.active-view-proyectos .brand-logo-name { fill: #fff; }
body.active-view-inicio .nav-link,
body.active-view-proyectos .nav-link { color: rgba(237, 244, 255, .72); font-size: 10px; letter-spacing: .075em; }
body.active-view-inicio .nav-link:hover,
body.active-view-inicio .nav-link.active,
body.active-view-proyectos .nav-link:hover,
body.active-view-proyectos .nav-link.active { color: #fff; background: transparent; }
body.active-view-inicio .nav-indicator,
body.active-view-proyectos .nav-indicator { display: none; }
body.active-view-inicio .btn-search,
body.active-view-proyectos .btn-search { color: #fff; border-color: rgba(255,255,255,.15); background: rgba(255,255,255,.025); }
body.active-view-inicio .header-actions .btn-primary,
body.active-view-proyectos .header-actions .btn-primary {
    min-height: 42px;
    border-radius: 2px 2px 14px 2px;
    color: #03101e;
    background: #f5ba0a;
}
body.active-view-inicio .cursor-orb,
body.active-view-inicio .cursor-trail,
body.active-view-proyectos .cursor-orb,
body.active-view-proyectos .cursor-trail { display:none !important; }
body.active-view-inicio .hamburger,
body.active-view-proyectos .hamburger {
    display:flex;
    width:44px;
    height:44px;
    align-items:center;
    justify-content:center;
    padding:10px;
    border:1px solid rgba(230,240,255,.22);
    border-radius:50%;
    background:rgba(4,17,33,.7);
    box-shadow:none;
}
body.active-view-inicio .hamburger span,
body.active-view-proyectos .hamburger span { width:20px; height:1px; background:#f3f7ff; }
body.menu-open.active-view-inicio::after,
body.menu-open.active-view-proyectos::after {
    content:'';
    position:fixed;
    z-index:2100;
    inset:0;
    background:rgba(1,7,16,.68);
    backdrop-filter:blur(7px);
}
body.menu-open.active-view-inicio .header,
body.menu-open.active-view-proyectos .header {
    z-index:2150;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100% !important;
    height:100% !important;
    transform:none !important;
    pointer-events:none;
    background:transparent !important;
    backdrop-filter:none !important;
}
body.menu-open.active-view-inicio .header-container,
body.menu-open.active-view-proyectos .header-container { background:transparent!important; backdrop-filter:none!important; }
body.menu-open.active-view-inicio .header .logo,
body.menu-open.active-view-inicio .header .header-actions,
body.menu-open.active-view-proyectos .header .logo,
body.menu-open.active-view-proyectos .header .header-actions { opacity:0; pointer-events:none; }
body.menu-open.active-view-inicio .nav.active,
body.menu-open.active-view-proyectos .nav.active {
    position:fixed;
    z-index:2200;
    top:14px;
    right:14px;
    bottom:14px;
    left:auto;
    display:flex;
    width:min(430px,calc(100vw - 28px));
    height:calc(100dvh - 28px);
    max-height:none;
    padding:88px 34px 62px;
    overflow:auto;
    border:1px solid rgba(7,21,37,.2);
    border-radius:0;
    color:#071525;
    background:#dce6f5;
    box-shadow:-30px 0 90px rgba(0,0,0,.28);
    clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
}
body.menu-open.active-view-inicio .nav.active::before,
body.menu-open.active-view-proyectos .nav.active::before {
    content:'777 / NAVEGACIÓN';
    position:absolute;
    top:30px;
    left:34px;
    color:#31526d;
    font-size:9px;
    font-weight:900;
    letter-spacing:.18em;
}
body.menu-open.active-view-inicio .nav.active::after,
body.menu-open.active-view-proyectos .nav.active::after {
    content:'BARRANQUILLA · COLOMBIA · 2026';
    position:absolute;
    right:34px;
    bottom:27px;
    color:#587085;
    font-size:8px;
    font-weight:800;
    letter-spacing:.13em;
}
body.menu-open.active-view-inicio .nav.active .nav-list,
body.menu-open.active-view-proyectos .nav.active .nav-list { width:100%; flex-direction:column; align-items:stretch; gap:0; }
body.menu-open.active-view-inicio .nav.active .nav-item,
body.menu-open.active-view-proyectos .nav.active .nav-item { width:100%; border-bottom:1px solid rgba(7,21,37,.16); }
body.menu-open.active-view-inicio .nav.active .nav-link,
body.menu-open.active-view-proyectos .nav.active .nav-link {
    width:100%;
    min-height:62px;
    justify-content:space-between;
    padding:0;
    color:#071525;
    background:transparent;
    font-size:clamp(22px,2.1vw,30px);
    font-weight:500;
    letter-spacing:-.025em;
    text-align:left;
}
body.menu-open.active-view-inicio .nav.active .nav-link::after,
body.menu-open.active-view-proyectos .nav.active .nav-link::after { content:'↗'; color:#31526d; font-size:14px; }
body.menu-open.active-view-inicio .nav.active .nav-caret,
body.menu-open.active-view-proyectos .nav.active .nav-caret,
body.menu-open.active-view-inicio .nav.active .dropdown-menu,
body.menu-open.active-view-proyectos .nav.active .dropdown-menu { display:none !important; }
body.menu-open.active-view-inicio .hamburger,
body.menu-open.active-view-proyectos .hamburger { position:fixed; z-index:2300; top:28px; right:28px; border-color:rgba(7,21,37,.25); background:#071525; pointer-events:auto; }
body.menu-open.active-view-inicio .nav.active,
body.menu-open.active-view-proyectos .nav.active { pointer-events:auto; }

.hub-hero {
    height: 100svh;
    min-height: 680px;
    padding: 0;
    color: #f4f7ff;
    background: #020c18;
    overflow: hidden;
}
.hub-hero .premium-slider,
.hub-hero .slider-viewport { height: 100%; min-height: inherit; }
.hub-hero .slider-viewport { position: relative; }
.hub-hero .hero-barranquilla-visual { inset: 0; }
#hubWorldCanvas { position:absolute; z-index:1; inset:0; width:100%; height:100%; display:block; opacity:1; transition:opacity .45s ease; }
#hubWorldGL { position:absolute; z-index:2; inset:0; width:100%; height:100%; display:block; opacity:0; transition:opacity .8s ease; }
.hub-hero.has-webgl #hubWorldGL { opacity:1; }
.hub-hero.has-webgl #hubWorldCanvas { opacity:0; visibility:hidden; }
.hub-hero.has-webgl .hero-barranquilla-visual img { opacity:0; }
.hub-hero.has-webgl .hub-hero__energy { opacity:0; visibility:hidden; animation:none; }
.hub-hero .hero-barranquilla-visual::before {
    z-index: 2;
    background:
        radial-gradient(circle at 52% 43%, rgba(10, 129, 227, .2), transparent 30%),
        linear-gradient(90deg, rgba(1, 10, 22, .96) 0%, rgba(1, 12, 27, .48) 45%, rgba(1, 10, 22, .78) 100%),
        linear-gradient(0deg, rgba(1, 8, 18, .9), transparent 56%);
}
.hub-hero .hero-barranquilla-visual::after {
    z-index: 3;
    opacity: .8;
    background:
        repeating-linear-gradient(90deg, transparent 0 119px, rgba(88, 163, 255, .045) 120px),
        repeating-linear-gradient(0deg, transparent 0 119px, rgba(88, 163, 255, .04) 120px),
        linear-gradient(112deg, transparent 34%, rgba(34, 154, 255, .12) 49%, transparent 64%);
    animation: hubScan 7s ease-in-out infinite;
}
.hub-hero .hero-barranquilla-visual img {
    opacity:.08;
    filter: saturate(.7) hue-rotate(165deg) contrast(1.18) brightness(.42);
    transform: scale(1.04);
    animation: hubImageBreath 14s ease-in-out infinite alternate;
}
.hub-hero__energy {
    position: absolute;
    z-index: 4;
    top: 27%; left: 50%;
    width: min(24vw, 330px); aspect-ratio: 1;
    border: 1px solid rgba(115, 190, 255, .6);
    background: radial-gradient(circle, rgba(0, 158, 255, .5), rgba(6, 65, 131, .15) 50%, transparent 72%);
    box-shadow: 0 0 90px rgba(0, 139, 255, .35), inset 0 0 70px rgba(77, 184, 255, .25);
    transform: translate(-50%, -50%) rotate(45deg);
    animation: hubCore 6s ease-in-out infinite;
}
.hub-hero__energy::before,
.hub-hero__energy::after { content: ''; position: absolute; inset: 14%; border: 1px solid rgba(230,245,255,.38); }
.hub-hero__energy::after { inset: 30%; background: rgba(129, 211, 255, .18); box-shadow: 0 0 45px rgba(40,163,255,.6); }
.hub-frame { position: absolute; z-index: 8; inset: 30px 2.35vw; border: 1px solid rgba(193, 216, 255, .18); border-radius: 0; clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 0 calc(100% - 16px), 0 16px); pointer-events: none; }
.hub-frame::before,
.hub-frame::after { content: ''; position: absolute; width: 20px; height: 20px; border-color: rgba(245,186,10,.7); }
.hub-frame::before { left: -1px; bottom: -1px; border-left: 1px solid; border-bottom: 1px solid; }
.hub-frame::after { right: -1px; top: -1px; border-right: 1px solid; border-top: 1px solid; }
.hub-hero__rail {
    position: absolute; z-index: 9; left: 3.2vw; top: 39%;
    display: grid; gap: 17px; color: rgba(224,235,252,.28);
    font-size: 9px; font-weight: 800; letter-spacing: .23em; text-transform: uppercase;
}
.hub-hero__rail strong { position: relative; color: #f5f8ff; }
.hub-hero__rail strong::before { content: ''; position: absolute; left: -14px; top: 50%; width: 6px; height: 6px; background: #f5ba0a; transform: translateY(-50%); }
.hub-hero__content {
    position: absolute; z-index: 9; top: 61%; left: 50%;
    width: min(680px, 58vw); text-align: center; transform: translate(-50%, -8%);
}
.hub-hero__city { margin: 0 0 12px; color: #f5ba0a; font-size: 9px; font-weight: 800; letter-spacing: .24em; text-transform: uppercase; }
.hub-hero__content h1 { margin: 0; font-size: clamp(32px, 3.25vw, 49px); line-height: .94; letter-spacing: -.045em; text-transform: uppercase; }
.hub-title-line { display:inline-block; white-space:nowrap; }
.hub-title-word { display:inline-block; white-space:nowrap; }
.hub-title-char {
    display:inline-block;
    transform-origin:50% 82%;
    will-change:opacity,transform,filter;
}
#hub-hero-title.is-entering .hub-title-char {
    animation:hubTitleGlyph .72s cubic-bezier(.18,.78,.2,1) both;
    animation-delay:calc(var(--glyph-index) * 18ms);
}
#hub-hero-title.is-exiting .hub-title-char {
    opacity:0;
    filter:blur(7px);
    transform:translate3d(0,-22px,0) rotateX(72deg) scale(.92);
    transition:opacity .22s ease,transform .32s cubic-bezier(.4,0,.8,.3),filter .22s ease;
    transition-delay:calc(var(--glyph-index) * 3ms);
}
.hub-hero__content > p:not(.hub-hero__city) { width: min(560px, 84%); margin: 18px auto; color: rgba(237,244,255,.72); font-size: clamp(11px, .9vw, 14px); line-height: 1.55; }
.hub-action {
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    min-height: 48px; padding: 0 22px; border: 1px solid rgba(213,229,255,.26); border-radius: 2px 2px 12px 2px;
    color: #fff; background: rgba(10,33,63,.72); box-shadow: 0 14px 45px rgba(0,0,0,.2);
    font: inherit; font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; cursor: pointer;
    transition: color .25s ease, background .25s ease, transform .25s ease;
}
.hub-action:hover { color: #03101e; background: #f5ba0a; transform: translateY(-2px); }
.hub-hero__foot {
    position: absolute; z-index: 10; left: 2.35vw; right: 2.35vw; bottom: 30px;
    display: grid; grid-template-columns: 1fr 1fr 1fr; min-height: 58px; align-items: center;
    border-top: 1px solid rgba(193,216,255,.16); color: rgba(237,244,255,.8); font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
}
.hub-hero__foot > * { height: 100%; display: flex; align-items: center; justify-content: center; border-right: 1px solid rgba(193,216,255,.14); }
.hub-hero__foot > :last-child { border-right: 0; }
.hub-hero__foot a { color: inherit; text-decoration: none; }
.hub-hero__foot button { padding:0; border:0; color:inherit; background:transparent; font:inherit; letter-spacing:inherit; text-transform:inherit; cursor:pointer; }
.hub-hero__foot .hub-scroll b { display:none; }
.hub-scroll i { width: 5px; height: 5px; margin-right: 10px; border-right: 1px solid #f5ba0a; border-bottom: 1px solid #f5ba0a; transform: rotate(45deg); animation: hubScroll 1.8s ease-in-out infinite; }

.projects-map {
    position: relative; height: 100dvh; min-height: 620px; overflow: hidden;
    color: #eef4ff; background: #010814; isolation: isolate;
}
.projects-map::before { content:''; position:absolute; z-index:1; inset:0; pointer-events:none; background:radial-gradient(circle at 53% 51%,transparent 32%,rgba(0,5,14,.28) 67%,rgba(0,4,12,.9) 100%),linear-gradient(180deg,rgba(0,9,23,.18),rgba(0,9,23,.08) 55%,rgba(0,5,14,.5)); }
.projects-map::after { content:''; position:absolute; z-index:2; inset:0; pointer-events:none; opacity:.12; background-image:linear-gradient(rgba(138,201,255,.14) 1px,transparent 1px); background-size:100% 4px; mix-blend-mode:screen; }
.projects-map__surface { position:absolute; inset:0; z-index:-2; overflow:hidden; background:#010814; }
#projectsMapCanvas { position:absolute; inset:0; width:100%; height:100%; display:block; opacity:.72; filter:saturate(.58) brightness(.72); transform:scale(.955) rotateX(0deg); transform-origin:50% 55%; transition:opacity .9s ease,filter 1.2s ease,transform 1.6s cubic-bezier(.16,.8,.2,1); }
#projectsMapGL { position:absolute; z-index:1; inset:0; width:100%; height:100%; display:block; opacity:0; transition:opacity .8s ease,filter 1.1s ease; }
.projects-map.has-map-webgl #projectsMapGL { opacity:1; }
.projects-map.has-map-webgl #projectsMapCanvas { opacity:0; visibility:hidden; }
.projects-map.has-map-webgl .projects-map__world { inset:0; transform:none; }
.projects-map.has-map-webgl[data-map-phase="guide"] #projectsMapGL { filter:saturate(.55) brightness(.62); }
.projects-map.has-map-webgl[data-map-phase="entering"] #projectsMapGL { filter:saturate(1.08) brightness(.94); }
.projects-map.has-map-webgl[data-map-phase="explore"] #projectsMapGL { filter:saturate(1.02) brightness(.92); }
.project-telemetry {
    position:absolute;
    z-index:980;
    top:142px;
    right:3.2vw;
    width:min(330px,calc(100vw - 36px));
    padding:24px 22px 18px;
    border:1px solid rgba(145,199,239,.42);
    color:#eaf5ff;
    background:rgba(3,17,33,.92);
    box-shadow:0 28px 80px rgba(0,0,0,.42),inset 0 0 45px rgba(20,113,180,.08);
    clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate3d(22px,0,0);
    transition:opacity .35s ease,transform .55s cubic-bezier(.2,.8,.2,1),visibility .35s;
}
.project-telemetry.is-open { opacity:1; visibility:visible; pointer-events:auto; transform:none; }
.project-telemetry__close { position:absolute; top:12px; right:12px; width:30px; height:30px; border:1px solid rgba(194,224,250,.3); border-radius:50%; color:#ddecf8; background:transparent; cursor:pointer; }
.project-telemetry>p { display:flex; justify-content:space-between; margin:0 42px 18px 0; color:#65bdf1; font-size:8px; font-weight:900; letter-spacing:.15em; }
.project-telemetry__scan { position:relative; height:78px; margin:0 -8px 18px; overflow:hidden; border-block:1px solid rgba(134,196,238,.16); background:linear-gradient(90deg,transparent,rgba(39,145,218,.12),transparent); }
.project-telemetry__scan::before,.project-telemetry__scan::after { content:''; position:absolute; inset:50% 0 auto; border-top:1px solid rgba(92,176,231,.2); }
.project-telemetry__scan::after { inset:0 auto 0 50%; border-top:0; border-left:1px solid rgba(92,176,231,.2); }
.project-telemetry__scan i { position:absolute; left:50%; top:50%; width:42px; height:42px; border:1px solid #f5ba0a; transform:translate(-50%,-50%) rotate(45deg); box-shadow:0 0 28px rgba(245,186,10,.18); }
.project-telemetry__scan span { position:absolute; left:0; right:0; top:0; height:1px; background:linear-gradient(90deg,transparent,#66c7ff,transparent); animation:telemetrySweep 2.4s linear infinite; }
.project-telemetry>small { color:#f5ba0a; font-size:8px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.project-telemetry h2 { margin:9px 0 18px; font-size:clamp(24px,2.2vw,34px); line-height:.96; letter-spacing:-.04em; text-transform:uppercase; }
.project-telemetry dl { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:0 0 18px; background:rgba(140,198,236,.12); }
.project-telemetry dl div { min-width:0; padding:10px 8px; background:#07172a; }
.project-telemetry dt { color:#708ba0; font-size:7px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.project-telemetry dd { overflow:hidden; margin:5px 0 0; color:#e7f1fa; font-size:9px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.project-telemetry__discover { display:flex; width:100%; min-height:44px; align-items:center; justify-content:space-between; padding:0 14px; border:0; color:#071525; background:#dce6f5; font:inherit; font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; }
@keyframes telemetrySweep { from{transform:translateY(0)} to{transform:translateY(78px)} }
.projects-map__surface::before { content:''; position:absolute; z-index:2; inset:-15%; pointer-events:none; background:radial-gradient(circle at 52% 50%,rgba(18,126,236,.08),transparent 34%),radial-gradient(ellipse,transparent 42%,rgba(1,7,18,.86) 78%); }
.projects-map__surface::after { content:''; position:absolute; z-index:3; inset:0; pointer-events:none; opacity:.17; background-image:linear-gradient(rgba(85,164,244,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(85,164,244,.11) 1px,transparent 1px); background-size:72px 72px; mask-image:radial-gradient(circle,#000 0 40%,transparent 78%); }
.projects-map__scan { position:absolute; z-index:4; top:-18%; bottom:-18%; left:-8%; width:18%; pointer-events:none; opacity:.18; background:linear-gradient(90deg,transparent,rgba(80,177,255,.42),transparent); filter:blur(12px); transform:skewX(-14deg); animation:mapScan 8s linear infinite; }
.projects-map[data-map-phase="entering"] #projectsMapCanvas { opacity:1; filter:saturate(1.2) brightness(1); transform:scale(1.035) rotateX(7deg); }
.projects-map[data-map-phase="explore"] #projectsMapCanvas { opacity:.96; filter:saturate(1.05) brightness(.9); transform:scale(1) rotateX(0deg); }
.map-zone { position: absolute; color: rgba(176,207,240,.24); font-size: 9px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.map-zone--north { top: 25%; left: 48%; }.map-zone--river { top: 60%; left: 63%; transform: rotate(62deg); }.map-zone--coast { top: 76%; left: 27%; }
.projects-map__heading { position: absolute; z-index: 3; top: 118px; left: 4.2vw; display:none; }
.projects-map__heading p { margin: 0 0 7px; color: #f5ba0a; font-size: 9px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.projects-map__heading h1 { margin: 0; font-size: clamp(27px,3.1vw,52px); line-height: .9; letter-spacing: -.04em; text-transform: uppercase; }
.projects-map__heading > span { display: block; margin-top: 12px; color: rgba(225,237,255,.45); font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }
.projects-map__cities { position: absolute; z-index: 5; top: 40%; left: 3.2vw; display: grid; gap: 15px; }
.projects-map__cities button { position: relative; padding: 0; border: 0; color: rgba(216,230,250,.3); background: transparent; font-size: 9px; font-weight: 800; letter-spacing: .19em; text-align: left; text-transform: uppercase; cursor: pointer; }
.projects-map__cities button.is-active { color: #fff; }
.projects-map__cities button.is-active::before { content: ''; position: absolute; left: -14px; top: 3px; width: 6px; height: 6px; background: #f5ba0a; }
.projects-map__cities small { width:150px; margin-top:9px; padding-top:12px; border-top:1px solid rgba(213,230,255,.14); color:rgba(220,234,253,.42); font-size:7px; font-weight:800; line-height:1.5; letter-spacing:.14em; text-transform:uppercase; }
.map-marker { position:absolute; z-index:5; display:grid; place-items:center; width:30px; height:30px; border:1px solid rgba(210,234,255,.85); border-radius:2px; color:#061421; background:#f5ba0a; box-shadow:0 0 0 1px rgba(245,186,10,.18),0 0 30px rgba(39,154,255,.44); cursor:pointer; opacity:0; transform:translateY(22px) rotate(45deg) scale(calc(1 / var(--map-scale))); transition:opacity .55s ease,filter .35s ease,transform .7s cubic-bezier(.2,.85,.2,1); }
.map-marker::before { content:''; position:absolute; left:50%; top:100%; width:1px; height:44px; background:linear-gradient(#f5ba0a,transparent); transform:rotate(-45deg); transform-origin:top; }
.map-marker::after { content:''; position:absolute; inset:-8px; border:1px solid rgba(115,190,255,.3); border-radius:50%; animation:markerRadar 2.7s ease-in-out infinite; }
.map-marker span { font-size: 9px; font-weight: 900; }
.map-marker b { position:absolute; left:39px; width:max-content; padding:6px 8px; color:rgba(242,247,255,.84); border-left:1px solid rgba(245,186,10,.55); background:rgba(2,12,27,.66); backdrop-filter:blur(8px); font-size:8px; letter-spacing:.1em; text-transform:uppercase; transform:rotate(-45deg); }
.projects-map[data-map-phase="explore"] .map-marker { opacity:1; transform:translateY(0) rotate(45deg) scale(calc(1 / var(--map-scale))); }
.map-marker--casa { top: 38%; left: 41%; }.map-marker--oficina { top: 57%; left: 52%; animation-delay: -.7s; }.map-marker--aquarela { top: 31%; left: 68%; animation-delay: -1.3s; }.map-marker--tunjos { top: 65%; left: 77%; animation-delay: -2s; }
.map-marker.is-dimmed,
.map-marker.is-filtered-out { opacity:0 !important; visibility:hidden; pointer-events:none; transform:translateY(16px) rotate(45deg) scale(calc(.7 / var(--map-scale))) !important; }
.projects-map__compass { position: absolute; z-index: 4; right: 6vw; bottom: 14%; display: grid; place-items: center; width: 104px; height: 104px; border: 1px dashed rgba(204,224,255,.25); border-radius: 50%; color: #f4f7ff; pointer-events:none; }
.projects-map__compass::before { content: ''; position: absolute; width: 58%; height: 58%; border: 1px solid rgba(204,224,255,.2); transform: rotate(45deg); }
.projects-map__compass span { position:absolute; top:-18px; font-size:10px; }.projects-map__compass i { position:absolute; bottom:-18px; font-style:normal; font-size:9px; }.projects-map__compass em { position:absolute; right:-18px; font-style:normal; font-size:9px; }.projects-map__compass b { position:absolute; left:-19px; font-size:9px; }.projects-map__compass strong { font-size:16px; line-height:.7; text-align:center; }.projects-map__compass small { color:rgba(231,241,255,.54); font-size:7px; }
.projects-map__minimap { position:absolute; z-index:4; left:4.2vw; bottom:18%; width:108px; height:84px; border:1px solid rgba(220,237,255,.68); opacity:0; transform:translateY(10px); transition:.4s ease; background:radial-gradient(circle at 35% 62%,rgba(39,154,255,.8) 0 2px,rgba(39,154,255,.22) 3px 12px,transparent 13px),repeating-linear-gradient(27deg,transparent 0 15px,rgba(133,192,244,.16) 16px 17px,transparent 18px 31px),#061224; }
.projects-map__minimap::after { content:''; position:absolute; inset:12px 16px; border:1px solid rgba(245,186,10,.58); transform:rotate(-8deg); }.projects-map__minimap b{position:absolute;left:0;top:calc(100% + 7px);font-size:7px;letter-spacing:.12em}.projects-map__minimap span{position:absolute;left:34%;top:57%;width:5px;height:5px;border-radius:50%;background:#f5ba0a;box-shadow:0 0 14px #f5ba0a}
.projects-map.is-map-close .projects-map__minimap { opacity:1; transform:none; }
.projects-map__scale { position: absolute; z-index: 4; left: 4.2vw; bottom: 13%; display: flex; align-items: center; gap: 12px; color: rgba(226,237,255,.48); font-size: 8px; letter-spacing: .15em; text-transform: uppercase; }
.projects-map__scale i { width: 84px; height: 3px; border-inline: 1px solid #fff; border-bottom: 1px solid #fff; }.projects-map__scale b { color: #fff; }
.projects-map__foot { position: absolute; z-index: 10; left: 2.35vw; right: 2.35vw; bottom: 30px; display: grid; grid-template-columns: 1fr 1fr 1fr; min-height: 58px; border-top: 1px solid rgba(193,216,255,.16); }
.projects-map__foot > * { display: flex; align-items: center; justify-content: center; border: 0; border-right: 1px solid rgba(193,216,255,.14); color: rgba(237,244,255,.73); background: transparent; font: inherit; font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.projects-map__foot button { cursor: pointer; }.projects-map__foot button:hover { color: #f5ba0a; }.projects-map__foot b { margin-left: 6px; color: #f5ba0a; }
.projects-map__intro { position:absolute; z-index:20; inset:0; display:grid; place-items:center; overflow:hidden; contain:paint; padding:110px 24px 84px; background:rgba(2,11,24,.68); backdrop-filter:blur(1px); transition:background .7s ease,backdrop-filter .7s ease; }
.projects-map__intro.is-exiting { pointer-events:none; background:rgba(2,11,24,.12); backdrop-filter:blur(0); }
.projects-map__intro.is-dismissed { display:none; }
.projects-map__intro-panel { width: min(760px, 86vw); text-align: center; opacity:1; transform:translate3d(0,0,0) scale(1); transition:opacity .42s ease,transform .7s cubic-bezier(.2,.8,.2,1); }
.projects-map__intro.is-exiting .projects-map__intro-panel { opacity:0; transform:translate3d(0,-18px,0) scale(.985); }
.projects-map__intro-panel > p { color: #f5ba0a; font-size: 9px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.projects-map__intro-panel h2 { margin: 14px 0 28px; font-size: clamp(42px, 5vw, 74px); line-height: .92; letter-spacing: -.04em; text-transform: uppercase; }
.map-guide { display: grid; grid-template-columns: repeat(3,1fr); margin-bottom: 32px; text-align: left; }
.map-guide article { position: relative; min-height: 220px; padding: 18px; border: 1px solid rgba(183,211,246,.16); background: rgba(14,33,61,.3); clip-path: polygon(7% 0,100% 0,100% 91%,93% 100%,0 100%,0 9%); }
.map-guide article + article { border-left: 0; }.map-guide span { float: right; color: rgba(230,240,255,.6); font-size: 8px; letter-spacing: .17em; }.map-guide i { display: grid; place-items: center; width: 78px; height: 78px; margin: 36px 0 26px; border-radius: 50%; color: #fff; background: rgba(139,180,230,.09); font-style: normal; font-size: 28px; }.map-guide h3 { margin: 0 0 4px; font-size: 17px; text-transform: uppercase; }.map-guide p { margin: 0; color: rgba(220,232,249,.45); font-size: 11px; }

.project-filter-panel,
.project-list-panel { display: none; }
body.project-list-open .project-list-panel { display: block; }
body.project-filters-open .project-filter-panel { display: block; }
.project-filter-panel { position: relative; z-index: 2; margin: 0; padding: 72px 0 18px; color: #fff; background: #020c18; }
.project-filter-panel .quick-search-box { border: 1px solid rgba(185,215,248,.16); color: #fff; background: rgba(12,31,56,.7); box-shadow: none; }
.project-filter-panel label { color: rgba(234,243,255,.68); }.project-filter-panel select { color: #fff; border-color: rgba(255,255,255,.18); background: #07182b; }
.project-list-panel { position: relative; z-index: 2; padding-top: 94px; color: #071525; background: #f3f0e8; }
.project-list-panel .section-header { padding-right: 64px; }.project-list-close { position: absolute; z-index: 4; top: 42px; right: max(4vw,24px); width: 46px; height: 46px; border: 1px solid rgba(4,24,40,.2); border-radius: 50%; color: #071525; background: transparent; font-size: 28px; cursor: pointer; }

@keyframes hubScan { 0%,100% { opacity:.45; transform:translateX(-4%); } 50% { opacity:.9; transform:translateX(4%); } }
@keyframes hubImageBreath { from { transform:scale(1.04); } to { transform:scale(1.1); } }
@keyframes hubCore { 0%,100% { opacity:.58; transform:translate(-50%,-50%) rotate(45deg) scale(.92); } 50% { opacity:1; transform:translate(-50%,-50%) rotate(135deg) scale(1.04); } }
@keyframes hubScroll { 0%,100% { transform:translateY(-2px) rotate(45deg); opacity:.4; } 50% { transform:translateY(4px) rotate(45deg); opacity:1; } }
@keyframes hubTitleGlyph {
    0% { opacity:0; filter:blur(8px); transform:translate3d(0,28px,0) rotateX(-78deg) scale(.9); }
    55% { opacity:1; filter:blur(1px); }
    100% { opacity:1; filter:blur(0); transform:translate3d(0,0,0) rotateX(0) scale(1); }
}
@keyframes mapDrift { to { transform:translate3d(3%,-2%,0) rotate(.7deg); } }
@keyframes markerPulse { 0%,100% { box-shadow:0 0 0 9px rgba(39,154,255,.08),0 0 30px rgba(39,154,255,.4); } 50% { box-shadow:0 0 0 16px rgba(39,154,255,0),0 0 42px rgba(39,154,255,.75); } }
@keyframes mapScan { from { transform:translateX(-40vw) skewX(-14deg); } to { transform:translateX(130vw) skewX(-14deg); } }
@keyframes markerRadar { 0%,100% { opacity:.7; transform:scale(.72); } 55% { opacity:0; transform:scale(1.65); } }

@media (max-width: 1180px) {
    body.active-view-inicio .header,
    body.active-view-proyectos .header { top: 14px; left: 14px; right: 14px; }
    .hub-frame { inset: 16px 14px; }
    .hub-hero__foot,.projects-map__foot { left:14px; right:14px; bottom:16px; }
}
@media (max-width: 760px) {
    .hub-hero { height:100dvh; min-height:540px; }
    .hub-hero__rail { display:none; }
    .hub-hero__content { top: 48%; width: calc(100% - 44px); transform: translate(-50%,-45%); }
    .hub-hero__content h1 { font-size: clamp(39px,12vw,58px); }
    .hub-hero__content > p:not(.hub-hero__city) { width:100%; font-size:13px; }
    .hub-hero__energy { top:29%; width:44vw; }
    .hub-hero__foot { grid-template-columns:repeat(3,1fr); }
    .projects-map__foot { grid-template-columns:1fr 1fr; }
    .projects-map__foot > :first-child { display:none; }
    .hub-hero__foot .hub-scroll span,.hub-hero__foot .hub-scroll i { display:none; }
    .hub-hero__foot .hub-scroll b { display:block; }
    .hub-hero .hero-barranquilla-visual img { object-position:62% center; }
    .projects-map { height:100dvh; min-height:540px; }
    .projects-map__heading,.projects-map__cities { display:none !important; }
    .map-marker { transform:scale(.86); }
    .map-marker b { display:none; }
    .map-marker--casa { top:40%; left:28%; }.map-marker--oficina { top:55%; left:47%; }.map-marker--aquarela { top:36%; left:72%; }.map-marker--tunjos { top:66%; left:76%; }
    .projects-map__compass { right:36px; bottom:18%; width:72px; height:72px; }
    .projects-map__minimap { left:28px; bottom:23%; width:82px; height:64px; }
    .projects-map__scale { left:28px; bottom:17%; }
    .projects-map__intro { padding:100px 18px 82px; overflow:auto; align-items:start; }
    .projects-map__intro-panel { width:100%; }
    .projects-map__intro-panel h2 { font-size:42px; }
    .map-guide { grid-template-columns:1fr; }
    .map-guide article { min-height:94px; padding:14px 14px 14px 92px; }
    .map-guide article + article { border-left:1px solid rgba(183,211,246,.16); border-top:0; }
    .map-guide i { position:absolute; left:14px; top:12px; width:58px; height:58px; margin:0; }
    .project-list-panel { padding-top:72px; }
}
@media (prefers-reduced-motion: reduce) {
    .preloader-blocks i,.hub-hero__energy,.hub-hero .hero-barranquilla-visual img,.hub-hero .hero-barranquilla-visual::after,.projects-map__surface::before,.projects-map__scan,.map-marker,.map-marker::after { animation:none !important; transition-duration:.01ms !important; }
    #hub-hero-title,.hub-title-char,.hub-title-line { animation:none !important; transition:none !important; transform:none !important; filter:none !important; }
    .projects-map__world,.projects-drawer,.project-dossier,.hub-hero__content,#hubWorldGL,#projectsMapGL,.project-telemetry { transition:none !important; }
    .project-telemetry__scan span { animation:none !important; transform:translateY(39px); }
}

@media (max-height: 700px) {
    .hub-hero,.projects-map { min-height:100dvh; }
    .hub-hero__foot,.projects-map__foot { bottom:8px; }
    .projects-map__intro { padding-top:76px; padding-bottom:58px; }
    .hub-hero__content { top:49%; }
    .hub-hero__content h1 { font-size:clamp(36px,5.4vw,64px); }
    .hub-hero__content > p:not(.hub-hero__city) { margin-top:16px; margin-bottom:16px; }
}

/* Full interaction model: scroll chapters, map navigation and project dossiers. */
body.active-view-inicio,
body.active-view-proyectos { height: 100dvh; overflow: hidden; }
body.active-view-inicio .footer,
body.active-view-proyectos .footer,
body.active-view-inicio .floating-buttons,
body.active-view-proyectos .floating-buttons,
body.active-view-inicio .whatsapp-float,
body.active-view-proyectos .whatsapp-float { display: none !important; }

.hub-hero__rail button {
    position: relative;
    padding: 0;
    border: 0;
    color: rgba(224,235,252,.28);
    background: transparent;
    font: inherit;
    text-align: left;
    text-transform: uppercase;
    cursor: pointer;
    transition: color .35s ease, transform .35s ease;
}
.hub-hero__rail button::before { content: ''; position: absolute; left: -14px; top: 50%; width: 6px; height: 6px; background: #f5ba0a; opacity: 0; transform: translateY(-50%) scale(.2); transition: opacity .3s ease, transform .3s ease; }
.hub-hero__rail button.is-active { color: #f7f9ff; transform: translateX(4px); }
.hub-hero__rail button.is-active::before { opacity: 1; transform: translateY(-50%) scale(1); }
.hub-hero__content { transition: transform .55s cubic-bezier(.2,.8,.2,1); }
.hub-hero__city,.hub-hero__content>p:not(.hub-hero__city),.hub-hero__content .hub-action { transition:opacity .28s ease,transform .42s ease; }
.hub-hero.is-changing .hub-hero__content { transform: translate(-50%,0) scale(.985); }
.hub-hero.is-changing .hub-hero__city,.hub-hero.is-changing .hub-hero__content>p:not(.hub-hero__city),.hub-hero.is-changing .hub-hero__content .hub-action { opacity:0; transform:translateY(12px); }
.hub-hero.is-scrubbing .hub-hero__content { opacity:0; transform:translate(-50%,7%) scale(.97); }
.hub-hero__content .hub-action[hidden] { display:none !important; }
.hub-hero .hero-barranquilla-visual img { transition: opacity .42s ease, filter .8s ease, transform 1.2s cubic-bezier(.2,.8,.2,1); }
.hub-hero.is-changing .hero-barranquilla-visual img { opacity: .08; transform: scale(1.16); }
.hub-hero[data-scene="1"] .hero-barranquilla-visual img { filter: saturate(.72) hue-rotate(150deg) contrast(1.2) brightness(.5); }
.hub-hero[data-scene="2"] .hero-barranquilla-visual img { filter: saturate(.62) hue-rotate(175deg) contrast(1.24) brightness(.48); }
.hub-hero[data-scene="3"] .hero-barranquilla-visual img { filter: saturate(.78) hue-rotate(135deg) contrast(1.16) brightness(.5); }
.hub-hero[data-scene="4"] .hero-barranquilla-visual img { filter: saturate(.55) hue-rotate(185deg) contrast(1.3) brightness(.44); }
.hub-hero[data-scene="5"] .hero-barranquilla-visual img { filter: saturate(.9) hue-rotate(160deg) contrast(1.18) brightness(.52); }
.hub-hero[data-scene="1"] .hub-hero__energy { border-radius: 50%; transform: translate(-50%,-50%) rotate(90deg) scale(.7); }
.hub-hero[data-scene="2"] .hub-hero__energy { width: min(34vw,440px); border-radius: 50%; clip-path: polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%); }
.hub-hero[data-scene="3"] .hub-hero__energy { width: min(18vw,250px); border-radius: 50%; box-shadow: 0 0 130px rgba(0,139,255,.58); }
.hub-hero[data-scene="4"] .hub-hero__energy { width: min(42vw,560px); border: 0; border-radius: 50%; background: radial-gradient(circle, transparent 36%, rgba(29,154,255,.23) 37% 39%, transparent 40% 52%, rgba(29,154,255,.16) 53% 55%, transparent 56%); box-shadow: none; }
.hub-hero[data-scene="5"] .hub-hero__energy { top: 47%; width: min(54vw,700px); border: 0; background: repeating-radial-gradient(ellipse, transparent 0 28px, rgba(33,159,255,.18) 30px 32px); box-shadow: 0 0 100px rgba(0,139,255,.25); }
.hub-hero__scene-meta { position: absolute; z-index: 10; right: 4vw; top: 42%; display: grid; grid-template-columns: auto 74px auto; align-items: center; gap: 10px; color: rgba(233,242,255,.5); font-size: 9px; font-weight: 800; letter-spacing: .14em; }
.hub-hero__scene-meta i { height: 1px; overflow: hidden; background: rgba(255,255,255,.18); }
.hub-hero__scene-meta b { display:block; width:16.666%; height:100%; background:#f5ba0a; transition:width .55s ease; }
.hub-hero__scene-nav { position:absolute; z-index:11; right:4vw; top:calc(42% + 28px); display:flex; gap:7px; }
.hub-hero__scene-nav button { width:38px; height:38px; border:1px solid rgba(205,225,255,.18); border-radius:50%; color:#fff; background:rgba(5,22,42,.42); cursor:pointer; transition:.25s ease; }
.hub-hero__scene-nav button:hover { color:#061421; background:#f5ba0a; }
.hub-hero__scene-meta,.hub-hero__scene-nav { display:none; }

.projects-map__world {
    --map-scale: 1.25;
    --map-x: 0px;
    --map-y: 0px;
    position: absolute;
    z-index: 0;
    inset: -12%;
    transform: translate3d(var(--map-x),var(--map-y),0) scale(var(--map-scale));
    transition: transform .45s cubic-bezier(.2,.8,.2,1), filter 1.1s ease;
    cursor: grab;
    touch-action:none;
    will-change: transform;
}
.projects-map[data-map-phase="guide"] .projects-map__world { filter:blur(.6px) brightness(.76); }
.projects-map[data-map-phase="entering"] .projects-map__world { transition:transform 1.65s cubic-bezier(.16,.82,.18,1),filter 1s ease; filter:none; }
.projects-map__world.is-dragging { cursor: grabbing; transition: none; }
.projects-map__world .projects-map__surface { inset: 0; z-index: 0; }
.projects-map__world.is-overview .map-marker { opacity:0; visibility:hidden; filter:saturate(.2); pointer-events:none; }
.projects-map:not([data-map-phase="explore"]) .map-marker { pointer-events:none; }
.projects-map[data-map-phase="explore"] .projects-map__world.is-close .map-marker { opacity:1; }
.projects-map[data-map-phase="explore"] .projects-map__world:not(.is-overview):not(.is-close) .map-marker {
  width:10px;height:10px;border-radius:50%;border-color:rgba(153,220,255,.92);background:#4db8f0;
  box-shadow:0 0 0 5px rgba(77,184,240,.08),0 0 22px rgba(77,184,240,.75);
  transform:translateY(0) rotate(0deg) scale(calc(1 / var(--map-scale)));
}
.projects-map__world:not(.is-close) .map-marker::before,
.projects-map__world:not(.is-close) .map-marker span,
.projects-map__world:not(.is-close) .map-marker b { display:none; }
.projects-map__heading,
.projects-map__cities,
.projects-map__compass,
.projects-map__scale,
.projects-map__foot { transition: opacity .35s ease; }
.projects-map[data-map-phase="guide"] .projects-map__cities,
.projects-map[data-map-phase="guide"] .projects-map__compass,
.projects-map[data-map-phase="guide"] .projects-map__scale,
.projects-map[data-map-phase="guide"] .projects-map__foot { opacity:.12; pointer-events:none; }
.projects-map.has-panel .projects-map__heading,
.projects-map.has-panel .projects-map__cities,
.projects-map.has-panel .projects-map__compass,
.projects-map.has-panel .projects-map__scale { opacity: .16; pointer-events: none; }

.projects-drawer {
    position: absolute;
    z-index: 1300;
    top: 38px;
    bottom: 38px;
    width: min(420px,calc(100vw - 50px));
    display: flex;
    flex-direction: column;
    color: #071525;
    background: #dce6ff;
    box-shadow: 0 35px 100px rgba(0,0,0,.45);
    clip-path: polygon(14px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,14px 100%,0 calc(100% - 14px),0 14px);
    opacity: 0;
    visibility: hidden;
    transition: transform .5s cubic-bezier(.2,.85,.2,1), opacity .35s ease, visibility .35s ease;
}
.projects-drawer--list { left: 3.2vw; transform: translateX(-115%); }
.projects-drawer--filters { right: 3.2vw; transform: translateX(115%); }
.projects-drawer--filters > h2 { padding:28px 28px 20px; font-size:clamp(44px,4.7vw,64px); }
.projects-drawer--filters fieldset { padding:17px 0; }
.projects-drawer--filters fieldset button { min-height:34px; }
.projects-drawer.is-open { opacity:1; visibility:visible; transform:translateX(0); transition:transform .5s cubic-bezier(.2,.85,.2,1),opacity .35s ease; }
.projects-drawer__head { display:flex; align-items:center; justify-content:space-between; min-height:54px; padding:0 12px 0 20px; border-bottom:1px solid rgba(5,23,40,.14); font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.projects-drawer__head span::before { content:''; display:inline-block; width:6px; height:6px; margin-right:8px; background:#071525; }
.projects-drawer__head button { min-height:38px; padding:0 15px; border:0; border-radius:2px 2px 10px 2px; color:#fff; background:#061326; font:inherit; font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; }
.projects-drawer > h2 { margin:0; padding:42px 20px 38px; border-bottom:1px solid rgba(5,23,40,.14); font-size:clamp(42px,4vw,66px); line-height:.82; letter-spacing:-.055em; text-transform:uppercase; }
.projects-drawer__items { flex:1; min-height:0; overflow:auto; }
.project-drawer-item { position:relative; width:100%; display:grid; grid-template-columns:72px 1fr auto; align-items:center; gap:14px; min-height:88px; padding:10px 18px 10px 10px; border:0; border-bottom:1px solid rgba(5,23,40,.13); color:#071525; background:transparent; text-align:left; cursor:pointer; transition:background .24s ease,color .24s ease; }
.project-drawer-item:hover { color:#fff; background:#071525; }
.project-drawer-item img { width:72px; height:62px; object-fit:cover; filter:saturate(.7); }
.project-drawer-item strong { display:block; margin-bottom:5px; font-size:12px; }.project-drawer-item small { color:inherit; opacity:.55; font-size:10px; }.project-drawer-item > span { font-size:8px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.projects-drawer__foot { min-height:60px; display:flex; align-items:center; justify-content:space-between; padding:0 18px; border-top:1px solid rgba(5,23,40,.14); font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.projects-drawer__foot button { border:0; background:transparent; font:inherit; font-weight:800; text-transform:uppercase; cursor:pointer; }
.projects-drawer fieldset { display:grid; gap:8px; margin:0 28px; padding:28px 0; border:0; border-bottom:1px solid rgba(5,23,40,.14); }.projects-drawer legend { margin-bottom:14px; font-size:10px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }.projects-drawer fieldset button { min-height:42px; border:1px solid rgba(5,23,40,.2); color:#071525; background:transparent; font:inherit; font-size:10px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; cursor:pointer; }.projects-drawer fieldset button.is-active { color:#fff; background:#071525; }
.projects-drawer__apply { margin-top:auto; display:grid; grid-template-columns:1fr 1fr; min-height:62px; border-top:1px solid rgba(5,23,40,.14); }.projects-drawer__apply button { border:0; color:#071525; background:transparent; font:inherit; font-size:9px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; cursor:pointer; }.projects-drawer__apply button:last-child { color:#fff; background:#071525; }
.projects-drawer--filters { overflow-y:auto; }
.projects-drawer--filters .projects-drawer__head { position:sticky; top:0; z-index:3; flex:0 0 54px; background:#dce6ff; }
.projects-drawer--filters > h2 { flex:0 0 auto; padding:24px 28px 18px; font-size:clamp(40px,4vw,56px); }
.projects-drawer--filters fieldset { flex:0 0 auto; padding:14px 0; }
.projects-drawer--filters fieldset button { min-height:32px; }
.projects-drawer--filters .projects-drawer__apply { position:sticky; bottom:0; z-index:3; flex:0 0 62px; margin-top:auto; background:#dce6ff; }

.project-dossier { position:absolute; z-index:1400; inset:0; display:grid; place-items:center; padding:38px 3.2vw; background:rgba(1,8,19,.82); backdrop-filter:blur(12px); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .45s ease,visibility .45s ease; }
.project-dossier.is-open { opacity:1; visibility:visible; pointer-events:auto; transition:opacity .45s ease; }
.project-dossier__frame { position:relative; width:100%; height:100%; overflow:hidden; border:1px solid rgba(197,218,252,.48); color:#f3f7ff; background:#061326; clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px); }
.project-dossier__frame::before { content:''; position:absolute; inset:0; z-index:0; background:radial-gradient(circle at 70% 35%,rgba(30,134,239,.2),transparent 33%),repeating-radial-gradient(ellipse at 65% 46%,transparent 0 55px,rgba(43,139,230,.055) 56px 58px); }
.project-dossier__close { position:absolute; z-index:5; top:12px; right:12px; min-height:42px; padding:0 18px; border:0; border-radius:2px 2px 11px 2px; color:#071525; background:#dce6ff; font:inherit; font-size:9px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; }
.project-dossier__status { position:absolute; z-index:4; top:22px; left:24px; margin:0; color:#f5ba0a; font-size:9px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
.project-dossier figure { position:absolute; z-index:1; top:18%; right:9%; width:min(38vw,560px); height:43%; margin:0; overflow:hidden; clip-path:polygon(5% 0,100% 0,100% 90%,95% 100%,0 100%,0 10%); transition:transform .65s ease,opacity .45s ease; }
.project-dossier figure img { width:100%; height:100%; object-fit:cover; filter:saturate(.7) hue-rotate(160deg) contrast(1.18) brightness(.72); }
.project-dossier__copy { position:absolute; z-index:3; left:3%; bottom:17%; width:min(58vw,780px); transition:opacity .25s ease,transform .5s ease; }
.project-dossier.is-changing .project-dossier__copy { opacity:0; transform:translateY(18px); }
.project-dossier__copy > p { margin:0 0 12px; color:#f5ba0a; font-size:9px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.project-dossier__copy h2 { max-width:850px; margin:0 0 18px; font-size:clamp(46px,7.5vw,112px); line-height:.82; letter-spacing:-.055em; text-transform:uppercase; }
.project-dossier__copy #dossierBody { max-width:680px; color:rgba(236,244,255,.68); font-size:14px; line-height:1.7; }.project-dossier__copy #dossierBody ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px 28px; padding:0; list-style:none; }.project-dossier__copy #dossierBody li { border-bottom:1px solid rgba(255,255,255,.12); padding:8px 0; }
.project-dossier__chapters { position:absolute; z-index:4; top:24%; left:3%; display:grid; gap:13px; }.project-dossier__chapters button { padding:0; border:0; color:rgba(232,242,255,.28); background:transparent; font:inherit; font-size:9px; font-weight:900; letter-spacing:.13em; text-align:left; text-transform:uppercase; cursor:pointer; }.project-dossier__chapters button.is-active { color:#fff; }
.project-dossier__foot { position:absolute; z-index:5; left:0; right:0; bottom:0; display:grid; grid-template-columns:150px 110px 150px 1fr; min-height:58px; border-top:1px solid rgba(205,224,252,.2); }.project-dossier__foot > * { display:flex; align-items:center; justify-content:center; border:0; border-right:1px solid rgba(205,224,252,.15); color:#fff; background:transparent; font:inherit; font-size:9px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }.project-dossier__foot button { cursor:pointer; }.project-dossier__foot button:last-child { justify-self:end; min-width:190px; color:#071525; background:#f5ba0a; }
.project-dossier__foot button:disabled { opacity:.28; cursor:default; }
.project-dossier__scroll { position:absolute; z-index:1; inset:0; height:100%; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scroll-snap-type:y mandatory; scrollbar-width:none; }
.project-dossier__scroll::-webkit-scrollbar { display:none; }
.project-dossier__section { position:relative; min-height:100%; overflow:hidden; padding:clamp(82px,10vh,116px) clamp(34px,6vw,90px) 88px; scroll-snap-align:start; scroll-snap-stop:always; isolation:isolate; }
.project-dossier__section::before { content:''; position:absolute; z-index:-1; inset:0; pointer-events:none; background:linear-gradient(120deg,rgba(12,63,108,.2),transparent 42%),repeating-linear-gradient(90deg,transparent 0 89px,rgba(105,171,233,.035) 90px 91px); }
.project-dossier__section--hero { display:flex; align-items:flex-end; background:#061326; }
.project-dossier__visual { position:absolute!important; z-index:-1!important; inset:0!important; width:100%!important; height:100%!important; margin:0!important; clip-path:none!important; opacity:.62; }
.project-dossier__visual::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,10,23,.95) 0,rgba(2,10,23,.52) 48%,rgba(2,10,23,.18)),linear-gradient(0deg,#061326 0,transparent 52%); }
.project-dossier__visual img { width:100%; height:100%; object-fit:cover; filter:saturate(.58) hue-rotate(160deg) contrast(1.16) brightness(.72); }
.project-dossier__hero-copy { position:relative; z-index:2; width:min(78%,1000px); padding-left:clamp(0px,3vw,44px); }
.project-dossier__hero-copy>p,.project-dossier__editorial>p:first-child,.project-dossier__media-title>p { margin:0 0 14px; color:#f5ba0a; font-size:9px; font-weight:900; letter-spacing:.17em; text-transform:uppercase; }
.project-dossier__hero-copy h2,.project-dossier__editorial h2,.project-dossier__media-title h2 { margin:0; font-size:clamp(54px,8.5vw,132px); line-height:.78; letter-spacing:-.062em; text-transform:uppercase; }
.project-dossier__hero-copy>div { display:flex; align-items:end; gap:30px; margin-top:26px; color:rgba(235,243,255,.72); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.project-dossier__hero-copy strong { color:#fff; font-size:clamp(16px,2vw,28px); letter-spacing:-.02em; }
.project-dossier__section--about { display:grid; grid-template-columns:minmax(180px,.7fr) minmax(320px,1.3fr); align-items:center; gap:8vw; color:#061326; background:#dce6ff; }
.project-dossier__section--about::before { background:repeating-radial-gradient(ellipse at 20% 50%,transparent 0 48px,rgba(6,19,38,.055) 49px 51px); }
.project-dossier__index { align-self:start; padding-top:5vh; font-size:clamp(100px,18vw,250px); line-height:.72; letter-spacing:-.09em; opacity:.12; }
.project-dossier__editorial { max-width:760px; }
.project-dossier__editorial h2 { margin-bottom:30px; font-size:clamp(54px,7vw,110px); }
.project-dossier__editorial>p:not(:first-child) { max-width:660px; margin:0 0 22px; font-size:clamp(15px,1.35vw,20px); line-height:1.75; }
.project-dossier__editorial small { display:block; padding-top:20px; border-top:1px solid rgba(6,19,38,.18); font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.project-dossier__section--location { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:7vw; background:#061326; }
.project-dossier__coordinates { display:grid; align-content:center; min-height:56vh; padding:7%; border:1px solid rgba(132,192,245,.2); background:radial-gradient(circle at 48% 52%,rgba(37,137,225,.24),transparent 32%),repeating-radial-gradient(ellipse at 48% 52%,transparent 0 42px,rgba(68,158,236,.12) 43px 44px); }
.project-dossier__coordinates span { margin-bottom:auto; color:#f5ba0a; font-size:9px; font-weight:900; letter-spacing:.16em; }
.project-dossier__coordinates strong { font-size:clamp(30px,4.5vw,70px); line-height:.95; letter-spacing:-.04em; }
.project-dossier__section--location .project-dossier__editorial ul { display:grid; gap:0; margin:28px 0 0; padding:0; list-style:none; }
.project-dossier__section--location .project-dossier__editorial li { padding:12px 0; border-bottom:1px solid rgba(214,231,255,.16); color:rgba(235,243,255,.7); font-size:12px; }
.project-dossier__section--media { min-height:100%; background:#030c1b; }
.project-dossier__media-visual { position:absolute!important; z-index:-1!important; inset:0!important; width:100%!important; height:100%!important; margin:0!important; clip-path:none!important; opacity:.4; }
.project-dossier__media-visual::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#030c1b 0,rgba(3,12,27,.76) 48%,rgba(3,12,27,.2)),linear-gradient(0deg,#030c1b 0,transparent 55%); }
.project-dossier__media-visual img { width:100%; height:100%; object-fit:cover; filter:saturate(.52) hue-rotate(160deg) contrast(1.2); }
.project-dossier__media-title { position:absolute; left:6vw; top:18%; }
.project-dossier__media-meta { position:absolute; right:6vw; top:20%; display:grid; gap:10px; color:rgba(230,240,255,.6); font-size:9px; font-weight:800; letter-spacing:.12em; text-align:right; text-transform:uppercase; }
.project-dossier__amenities { position:absolute; right:6vw; bottom:110px; width:min(420px,42vw); color:rgba(235,244,255,.72); font-size:12px; line-height:1.7; }
.project-dossier__amenities button { min-height:46px; margin-top:20px; padding:0 24px; border:0; color:#061326; background:#f5ba0a; font:inherit; font-size:9px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; }

@media(max-width:760px){
  body.active-view-inicio .header,body.active-view-proyectos .header{top:24px;left:24px;right:24px;background:rgba(2,12,26,.28);backdrop-filter:blur(10px)}body.active-view-inicio .header-container,body.active-view-proyectos .header-container{border-radius:18px;background:rgba(6,27,46,.55);backdrop-filter:blur(12px)}
  body.active-view-inicio .header-actions .btn-primary,body.active-view-proyectos .header-actions .btn-primary{display:none}
  .hub-hero__scene-meta{right:22px;top:auto;bottom:106px;grid-template-columns:auto 48px auto}.hub-hero__scene-nav{right:22px;top:auto;bottom:132px}.hub-hero__rail{display:none}.hub-hero__content{top:auto;bottom:94px;left:24px;width:calc(100% - 48px);text-align:left;transform:none}.hub-hero__content>p:not(.hub-hero__city){width:100%;margin:13px 0;font-size:12px;line-height:1.5}.hub-hero.is-changing .hub-hero__content,.hub-hero.is-scrubbing .hub-hero__content{transform:translateY(7px) scale(.97)}.hub-hero__content h1{max-width:100%;font-size:clamp(26px,7.35vw,35px);line-height:.98}.hub-title-line{display:inline;white-space:normal}.hub-title-word{white-space:nowrap}
  .projects-map__world{inset:-8%;}.projects-drawer{top:14px;bottom:14px;width:calc(100vw - 28px)}.projects-drawer--list{left:14px}.projects-drawer--filters{right:14px}.projects-drawer>h2{padding:30px 18px;font-size:44px}.project-dossier{padding:14px}.project-dossier figure{top:17%;right:5%;width:90%;height:30%}.project-dossier__copy{left:6%;bottom:18%;width:88%}.project-dossier__copy h2{font-size:clamp(38px,12vw,58px)}.project-dossier__chapters{top:50%;left:6%;grid-template-columns:repeat(2,auto)}.project-dossier__copy #dossierBody{font-size:12px}.project-dossier__copy #dossierBody ul{grid-template-columns:1fr}.project-dossier__foot{grid-template-columns:1fr 74px 1fr}.project-dossier__foot button:last-child{position:absolute;right:0;bottom:58px;min-height:44px;min-width:160px}.project-dossier__status{max-width:180px}.projects-map__foot{z-index:12}
  .project-telemetry{top:auto;right:14px;bottom:82px;left:14px;width:auto;max-width:none;box-sizing:border-box;padding:19px 18px 15px;transform:none!important}.project-telemetry__scan{height:54px;margin-bottom:13px}.project-telemetry h2{max-width:86%;font-size:25px}.project-telemetry dl{margin-bottom:13px}
  .project-dossier__section{min-height:100%;padding:78px 22px 92px}.project-dossier__chapters{display:none}.project-dossier__hero-copy{width:100%;padding:0}.project-dossier__hero-copy h2,.project-dossier__editorial h2,.project-dossier__media-title h2{font-size:clamp(38px,12vw,58px)}.project-dossier__hero-copy>div{display:grid;gap:8px}.project-dossier__section--about,.project-dossier__section--location{grid-template-columns:1fr;align-content:center;gap:22px}.project-dossier__index{position:absolute;right:12px;top:100px;font-size:120px}.project-dossier__coordinates{min-height:32vh;padding:20px}.project-dossier__coordinates strong{font-size:30px}.project-dossier__media-title{left:22px;top:18%}.project-dossier__media-meta{right:22px;top:auto;bottom:220px}.project-dossier__amenities{right:22px;bottom:104px;width:calc(100% - 44px)}
}