.projects-v2{background:var(--chapter-bg);color:var(--chapter-ink)}
.j-wrap{--gutter:var(--shell-gutter);width:100%;max-width:1920px;padding-inline:var(--gutter);margin-inline:auto}
.j-hero{padding-top:32px;padding-bottom:80px}
.projects-v2 .breadcrumbs{font-size:14px;line-height:1.4;margin:0 0 44px}
.projects-v2 .breadcrumbs ol{align-items:center;gap:14px}
.projects-v2 .breadcrumbs li{display:inline-flex;align-items:center;gap:14px;min-height:32px}
.projects-v2 .breadcrumbs li+li:before{content:"";width:5px;height:5px;margin:0 2px 0 0;border-top:1px solid #c1b397;border-right:1px solid #c1b397;transform:rotate(45deg);flex-shrink:0}
.projects-v2 .breadcrumbs a{position:relative;isolation:isolate;display:inline-flex;align-items:center;min-height:32px;color:#59606a;text-decoration:none;transition:color .25s ease}
.projects-v2 .breadcrumbs a:before{content:"";position:absolute;inset:2px -8px;z-index:-1;background:#c1b397;border-radius:999px;opacity:0;transition:opacity .25s ease}
.projects-v2 .breadcrumbs a:hover:before,.projects-v2 .breadcrumbs a:focus-visible:before{opacity:.18}
.projects-v2 .breadcrumbs [aria-current]{color:#393e46;font-weight:500}
.j-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:48px}
.projects-v2 .j-display{font-family:"Lorimer No. 2 Condensed",sans-serif;font-size:190px;font-weight:500;line-height:.9;letter-spacing:-.018em;margin:0;text-transform:uppercase;text-wrap:initial}
.j-letter-row{display:block;white-space:nowrap;clip-path:inset(-8% -3% -12% -3%)}
.j-letter{display:inline-block;transform-origin:50% 85%}
.j-scroll-mask{display:block}
.j-yes{color:var(--leaf);font-weight:500}
.j-hero-support{padding-bottom:8px}
.j-hero-support p,.j-detail-intro{font-size:28px;line-height:1.25;letter-spacing:-.02em;margin:0;max-width:620px}
.j-star{display:inline-block;width:28px;height:28px;vertical-align:-3px;margin-right:10px;overflow:visible}
.j-action{display:inline-flex;align-items:center;gap:12px;min-height:48px;font-size:16px;font-weight:500;line-height:1.3;letter-spacing:0;max-width:100%}
.j-action>svg{order:-1;flex:0 0 48px;width:48px;height:48px;padding:13px;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:50%;transition:transform .5s cubic-bezier(.16,1,.3,1),background-color .3s ease,border-color .3s ease,color .3s ease}
.j-action:hover>svg,.j-action:focus-visible>svg{background:#c1b397;border-color:#c1b397;color:#393e46;transform:translate(2px,-2px)}
.j-down:hover>svg,.j-down:focus-visible>svg{transform:translateY(3px)}
.j-hero-support .j-action{margin-top:32px}
.projects-v2 main :focus-visible{outline:2px solid currentColor;outline-offset:6px}
.j-chapter{padding-bottom:112px}
.j-cover{position:relative;isolation:isolate;display:flex;align-items:end;min-height:640px;border-radius:28px;overflow:hidden;padding:40px;color:#fff;background:#393e46}
.j-cover figure{position:absolute;inset:0;z-index:-2;margin:0;overflow:hidden}
.j-cover figure img,.j-detail-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.j-cover[href="/portafolio/org-narino/"] figure img,.j-detail-photo[aria-label="ORG Nariño"] img{object-position:50% 0%}
.j-cover:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0000 45%,#00000099 100%)}
.projects-v2 .j-cover-title{font-family:"Lorimer No. 2 Condensed",sans-serif;font-size:100px;font-weight:500;line-height:.95;letter-spacing:-.01em;margin:0;text-wrap:initial}
.j-cover-arrow{position:absolute;top:32px;right:32px;display:flex;align-items:center;justify-content:center;width:64px;height:64px;flex:0 0 64px;border:1px solid #ffffff80;border-radius:50%;margin:0;transition:background-color .3s ease,border-color .3s ease,color .3s ease}
.j-cover-arrow svg{width:24px;height:24px;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.j-cover:hover figure img,.j-cover:focus-visible figure img{transform:scale(1.035)}
.j-cover:hover .j-cover-arrow,.j-cover:focus-visible .j-cover-arrow{background:#c1b397;border-color:#c1b397;color:#393e46}
.j-cover:hover .j-cover-arrow svg,.j-cover:focus-visible .j-cover-arrow svg{transform:rotate(45deg)}
.j-caption{display:flex;justify-content:space-between;align-items:start;gap:48px;padding-top:32px}
.j-caption p{font-size:28px;line-height:1.3;letter-spacing:-.02em;max-width:800px;margin:0}
.j-caption .j-action{flex-shrink:0;margin-top:4px}
.j-chapter--dark{padding-top:96px;background:#000;color:#fff}
.projects-v2.has-chapter-theme .j-chapter--dark{background:transparent;color:var(--chapter-ink)}
.projects-v2 .j-detail-title{font-size:140px}
.j-detail-hero .j-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}
.j-tags{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;padding:0;margin:24px 0 0;font-size:14px;font-weight:500;line-height:1.4}
.j-tags li{display:inline-flex;align-items:center;gap:8px}
.j-tags li:before{content:"";width:4px;height:4px;border-radius:50%;background:#c1b397}
.j-detail-photo figure{height:680px;border-radius:28px;overflow:hidden;margin:0}
.j-document{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;padding-top:96px;padding-bottom:80px}
.projects-v2 .j-document-title{font-family:"Lorimer No. 2 Condensed",sans-serif;font-size:100px;font-weight:500;line-height:.95;letter-spacing:-.01em;text-transform:uppercase;margin:0}
.j-document-copy>p{font-size:26px;line-height:1.3;letter-spacing:-.02em}
.j-document-actions{display:flex;flex-direction:column;align-items:start;gap:24px;margin-top:32px}
.j-return{padding-top:24px;padding-bottom:96px}
.j-reveal[data-reveal=pending],.j-reveal[data-reveal=queued]{pointer-events:none}
@media(min-width:1600px){.projects-v2 .j-display{font-size:216px}.j-cover{min-height:760px;padding:48px}.j-hero-support p,.j-detail-intro,.j-caption p{font-size:32px}.j-detail-photo figure{height:800px}.projects-v2 .j-detail-title{font-size:168px}}
@media(max-width:1279px){.j-hero-grid{grid-template-columns:1fr;gap:32px}.j-hero-support{max-width:800px}.j-hero-support .j-action{margin-top:24px}.j-cover{min-height:560px;padding:32px}.j-caption{gap:32px}.j-caption p{font-size:26px}.j-caption .j-action{flex-shrink:1}.projects-v2 .j-detail-title{font-size:120px}.j-detail-intro{font-size:26px}.j-detail-hero .j-hero-grid{grid-template-columns:1fr 1fr;gap:32px}.j-detail-photo figure{height:600px}}
@media(max-width:1023px){.j-hero{padding-top:28px;padding-bottom:64px}.projects-v2 .j-display{font-size:144px}.j-hero-support p,.j-detail-intro{font-size:28px}.j-cover{min-height:500px;padding:28px}.j-caption{display:block}.j-caption .j-action{margin-top:24px}.j-chapter{padding-bottom:80px}.j-chapter--dark{padding-top:72px}.projects-v2 .j-detail-title{font-size:108px}.j-detail-hero .j-hero-grid{grid-template-columns:1fr}.j-detail-photo figure{height:560px}.j-document{gap:40px;padding-top:72px}.projects-v2 .j-document-title{font-size:84px}}
@media(max-width:767px){.j-hero{padding-top:24px;padding-bottom:48px}.projects-v2 .breadcrumbs{margin-bottom:32px}.projects-v2 .j-display{font-size:112px}.j-hero-support p,.j-detail-intro{font-size:26px}.j-cover{min-height:440px;padding:24px;border-radius:24px}.projects-v2 .j-cover-title{font-size:76px}.j-cover-arrow{top:24px;right:24px}.j-caption{padding-top:24px}.j-caption p{font-size:24px}.j-chapter{padding-bottom:64px}.j-chapter--dark{padding-top:56px}.projects-v2 .j-detail-title{font-size:96px}.j-detail-photo figure{height:440px;border-radius:24px}.j-document{grid-template-columns:1fr;gap:28px;padding-top:56px;padding-bottom:56px}.projects-v2 .j-document-title{font-size:76px}.j-document-copy>p{font-size:24px}.j-return{padding-top:0;padding-bottom:64px}}
@media(max-width:599px){.projects-v2 .j-display{font-size:100px}.projects-v2 .j-detail-title{font-size:90px}}
@media(max-width:479px){.projects-v2 .j-display{font-size:80px}.j-hero-support p,.j-detail-intro{font-size:24px}.j-cover{min-height:400px;border-radius:22px}.projects-v2 .j-cover-title{font-size:64px}.j-caption p{font-size:22px}.j-detail-photo figure{height:400px;border-radius:22px}.projects-v2 .j-detail-title{font-size:80px}.projects-v2 .j-document-title{font-size:64px}.j-star{width:22px;height:22px}.j-document-actions{gap:20px}}
@media(max-width:359px){.projects-v2 .j-display{font-size:72px}.projects-v2 .j-detail-title{font-size:72px}.projects-v2 .j-cover-title{font-size:56px}}
@media(prefers-reduced-motion:no-preference){html.home-motion-pending .projects-v2 main{visibility:hidden}}
@media(prefers-reduced-motion:reduce){.j-cover figure img,.j-action>svg,.j-cover-arrow,.j-cover-arrow svg,.projects-v2 .breadcrumbs a,.projects-v2 .breadcrumbs a:before{transition:none}.j-cover:hover figure img,.j-cover:hover .j-cover-arrow svg,.j-action:hover>svg{transform:none}}