.projects-chapter{padding:clamp(3.5rem,5vw,5rem) clamp(22px,7vw,110px);border-top:1px solid #292929;color:#fff}.projects-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:clamp(2rem,7vw,8rem);align-items:end;margin-bottom:clamp(2rem,3vw,3rem)}.projects-head h2{margin:.75rem 0 0;font-size:clamp(2.7rem,4.5vw,4.9rem);line-height:.94;letter-spacing:-.065em;text-transform:uppercase}.projects-head h2 span{color:#f35a24;font-style:italic}.projects-head>p{max-width:430px;margin:0;color:#aaa;line-height:1.65}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,2rem)}.project-card{min-width:0;color:#fff;text-decoration:none}.project-card figure{position:relative;margin:0;overflow:hidden;border:1px solid #333;aspect-ratio:4/3;background:#181818}.project-card figure:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,#080808d9);opacity:0;transition:opacity .45s}.project-card img{display:block;width:100%;height:100%;object-fit:cover;filter:none;transition:transform .75s cubic-bezier(.2,.75,.2,1)}.project-card figure span{position:absolute;right:1rem;bottom:1rem;z-index:2;padding:.7rem .9rem;background:#f35a24;color:#111;font-size:.72rem;font-weight:800;text-transform:uppercase;opacity:0;transform:translateY(10px);transition:.35s}.project-card-copy{padding:1.3rem 0 1.8rem;border-bottom:1px solid #3c3c3c}.project-card-copy small{color:#f35a24;font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.project-card-copy h3{margin:.75rem 0 0;font-size:clamp(1.15rem,1.6vw,1.65rem);line-height:1.15}.project-card:hover img{transform:scale(1.045)}.project-card:hover figure:after,.project-card:hover figure span{opacity:1}.project-card:hover figure span{transform:none}.project-card:hover .project-card-copy{border-color:#f35a24}
.project-page{--project-accent:#f35a24;color:#f8f8f7}.project-page .eyebrow i{background:var(--project-accent)}.project-page .site-header nav a[aria-current=page]{color:var(--project-accent)}
.project-hero{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(480px,1.15fr);grid-template-rows:auto auto 1fr;column-gap:clamp(2rem,5vw,6rem);padding:clamp(1.75rem,3vw,3rem) clamp(22px,7vw,110px) clamp(3rem,5vw,5rem);border-bottom:1px solid #303030}.project-hero-meta{grid-column:1/-1;display:flex;justify-content:space-between;gap:1rem;padding-bottom:1rem;margin-bottom:clamp(2rem,4vw,3.5rem);border-bottom:1px solid #3b3b3b;color:#999;font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.project-hero-meta a{color:#ddd;text-decoration:none;transition:color .25s}.project-hero-meta a:hover{color:var(--project-accent)}.project-hero>.eyebrow{grid-column:1;align-self:end;margin:0 0 1rem}.project-hero h1{grid-column:1;align-self:start;max-width:650px;margin:0;font-size:clamp(2.45rem,4.25vw,4.8rem);line-height:.96;letter-spacing:-.05em;text-wrap:balance}.project-cover{grid-column:2;grid-row:2/4;align-self:stretch;min-height:370px;max-height:540px;margin:0;overflow:hidden;border-top:2px solid var(--project-accent);background:#181818}
.project-story{padding:clamp(3.5rem,6vw,6rem) clamp(22px,7vw,110px)}.project-lead{max-width:1050px;margin:0 auto clamp(2.5rem,4vw,4rem);font-size:clamp(1.35rem,2.05vw,2.25rem);font-weight:600;line-height:1.35;letter-spacing:-.02em;text-align:center}.project-facts{display:grid;grid-template-columns:repeat(3,1fr);max-width:1050px;margin:0 auto;border-block:1px solid #424242}.project-facts>div{padding:1.15rem 1.3rem;border-right:1px solid #424242}.project-facts>div:last-child{border:0}.project-facts small{display:block;margin-bottom:.4rem;color:#888;font-size:.61rem;letter-spacing:.12em;text-transform:uppercase}.project-facts strong{font-size:clamp(.88rem,1.1vw,1.08rem)}.project-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem);max-width:1200px;margin:clamp(2.75rem,5vw,4.5rem) auto 0}.project-columns article{padding:clamp(1.4rem,2.5vw,2.25rem);border:1px solid #363636;border-top:2px solid var(--project-accent);background:#101010}.project-columns h2{margin:0 0 .85rem;font-size:clamp(1.55rem,2.2vw,2.45rem);line-height:1;text-transform:uppercase}.project-columns p{max-width:580px;margin:0;color:#aaa;font-size:clamp(.9rem,1vw,1rem);line-height:1.65}
.project-article-link{max-width:1200px;margin:clamp(1.5rem,3vw,2.25rem) auto 0;text-align:center}
.project-article-link a{display:inline-flex;align-items:center;gap:.6rem;color:var(--project-accent);font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--project-accent);padding-bottom:.3rem;transition:opacity .25s ease}
.project-article-link a:hover{opacity:.75}
.project-video{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:clamp(2rem,5vw,5rem);align-items:center;max-width:1000px;margin:clamp(3rem,5vw,5rem) auto 0;padding:clamp(2rem,3vw,3rem);border:1px solid #363636;background:#101010}.project-video-copy h2{margin:.8rem 0;font-size:clamp(2rem,3.2vw,3.6rem);line-height:.95;text-transform:uppercase}.project-video-copy>p:last-child{max-width:480px;margin-bottom:0;color:#aaa;line-height:1.65}.project-video-frame{position:relative;width:230px;aspect-ratio:9/16;overflow:hidden;border:1px solid #404040;box-shadow:10px 10px 0 #1b1b1b}.project-video-frame:before{content:"";position:absolute;inset:-1px;z-index:1;border-top:2px solid var(--project-accent);pointer-events:none}.project-video-frame iframe,.project-video-frame video{display:block;width:100%;height:100%;border:0;object-fit:cover;background:#000}
.project-video-frame--instagram{width:min(100%,340px);aspect-ratio:auto}
.project-video-frame--instagram iframe{height:auto!important;min-height:400px}
.project-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.6rem,1vw,1rem);max-width:1500px;margin:0 auto;padding:0 clamp(22px,4vw,65px) clamp(4rem,7vw,7rem)}.project-gallery-item{position:relative;display:block;width:100%;height:clamp(220px,22vw,340px);margin:0;padding:0;overflow:hidden;border:1px solid #303030;background:#181818;cursor:zoom-in}.project-gallery-item img{display:block;width:100%;height:100%;object-fit:cover;filter:none;transition:transform .6s cubic-bezier(.2,.75,.2,1),filter .35s}.project-gallery-item span{position:absolute;right:.75rem;bottom:.75rem;padding:.55rem .7rem;background:#0a0a0add;color:#fff;font:700 .62rem Pogonia,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translateY(6px);transition:.3s}.project-gallery-item:hover img{transform:scale(1.035);filter:brightness(.78)}.project-gallery-item:hover span,.project-gallery-item:focus-visible span{opacity:1;transform:none}
.project-lightbox{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:clamp(1rem,3vw,2.5rem);border:0;background:#050505f7;color:#fff;overflow:hidden}.project-lightbox[open]{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center}.project-lightbox::backdrop{background:#000e;backdrop-filter:blur(10px)}.project-lightbox figure{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;margin:0;min-height:0}.project-lightbox figure img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.project-lightbox figcaption{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0 0;color:#aaa;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.lightbox-close,.lightbox-nav{border:1px solid #555;background:#0e0e0ecc;color:#fff;cursor:pointer}.lightbox-close{position:fixed;z-index:2;top:1rem;right:1rem;width:46px;height:46px;font-size:1.8rem}.lightbox-nav{width:48px;height:48px;border-radius:50%;font-size:1.25rem}.lightbox-nav:hover,.lightbox-close:hover{border-color:var(--project-accent);color:var(--project-accent)}
@media(max-width:1050px){.project-hero{grid-template-columns:minmax(260px,.8fr) minmax(380px,1.2fr)}.project-gallery{grid-template-columns:repeat(2,1fr)}.project-gallery-item{height:clamp(250px,38vw,390px)}}@media(max-width:760px){.projects-head{grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr}.project-hero{display:block}.project-hero-meta{margin-bottom:2rem}.project-hero h1{margin-bottom:2rem;font-size:clamp(2.55rem,12vw,4.5rem)}.project-cover{height:auto;min-height:0;aspect-ratio:4/3}.project-lead{text-align:left}.project-facts,.project-columns{grid-template-columns:1fr}.project-facts>div{border-right:0;border-bottom:1px solid #424242}.project-video{grid-template-columns:1fr}.project-video-frame{width:min(100%,220px)}.project-gallery{grid-template-columns:1fr 1fr;padding-inline:14px}.project-gallery-item{height:42vw;min-height:155px}.project-lightbox[open]{grid-template-columns:42px minmax(0,1fr) 42px;padding:.75rem}.lightbox-nav{width:38px;height:38px}}@media(prefers-reduced-motion:reduce){.project-card img,.project-gallery-item img{transition:none}}
/* Immersive project cover: image, message and motion in one compact scene. */
.project-hero{display:block;position:relative;isolation:isolate;min-height:clamp(720px,92svh,1080px);overflow:hidden;border-bottom:1px solid #303030}
.project-cover{grid-column:auto;grid-row:auto;position:absolute;inset:0;z-index:0;display:block;min-height:0;max-height:none;margin:0;padding:0;overflow:hidden;border:0;background:#111;cursor:zoom-in}
.project-cover::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(4,4,4,.85) 0%,rgba(4,4,4,.42) 30%,transparent 56%),linear-gradient(90deg,rgba(4,4,4,.5) 0%,transparent 42%);pointer-events:none}
.project-cover::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 78% 35%,transparent 0,transparent 45%,rgba(0,0,0,.12) 85%);pointer-events:none}
.project-cover-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1) contrast(1.02);animation:project-cover-arrive 1.8s cubic-bezier(.2,.75,.2,1) both}
.project-cover-action{position:absolute;right:clamp(22px,4vw,65px);bottom:clamp(3rem,6vw,5rem);z-index:2;display:flex;align-items:center;gap:.8rem;padding:.75rem 1rem;border:1px solid #ffffff8f;background:#090909b8;color:#fff;font:700 .66rem Pogonia,sans-serif;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(10px);transition:border-color .3s,background .3s,transform .3s}
.project-cover-action b{color:var(--project-accent);font-size:1rem}
.project-cover:hover .project-cover-action,.project-cover:focus-visible .project-cover-action{border-color:var(--project-accent);background:#090909e8;transform:translateY(-3px)}
.project-hero-meta{position:absolute;top:clamp(1.5rem,3vw,2.5rem);left:clamp(22px,7vw,110px);right:clamp(22px,7vw,110px);z-index:2;margin:0;border-color:#ffffff3d;color:#bbb}.project-hero-meta a{color:#fff}
.project-hero-copy{position:absolute;left:clamp(22px,7vw,110px);right:clamp(22px,7vw,110px);bottom:clamp(4rem,9vw,7rem);z-index:2}
.project-hero-copy .eyebrow{width:min(520px,60%);margin:0 0 1.1rem;font-size:.8rem;animation:project-copy-rise .85s .18s both}
.project-hero-copy h1{width:min(760px,66%);max-width:none;margin:0;font-size:clamp(2.4rem,4.8vw,4.6rem);line-height:1.04;letter-spacing:-.03em;text-shadow:0 10px 34px #000;animation:project-copy-rise .95s .3s both}
.project-hero-copy h1::after{content:"";display:block;width:clamp(60px,7vw,110px);height:3px;margin-top:1.4rem;background:var(--project-accent);transform-origin:left;animation:project-line-draw 1s .8s both}
.project-story{position:relative;z-index:3}
.project-lead{max-width:1120px;margin:0 auto clamp(2.5rem,4vw,4rem);padding:clamp(1.1rem,1.8vw,1.6rem) clamp(1.3rem,2.3vw,2rem);border:1px solid #2c2c2c;border-top:2px solid var(--project-accent);background:#0d0d0dbb;box-shadow:none;text-align:left;backdrop-filter:blur(6px);font-size:clamp(1.1rem,1.5vw,1.5rem);font-weight:500}
@keyframes project-cover-arrive{from{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1.035)}}@keyframes project-copy-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes project-line-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:760px){.project-hero-copy .eyebrow,.project-hero-copy h1{width:100%}.project-hero-copy h1{font-size:clamp(2.1rem,9vw,3.2rem)}.project-cover::before{background:linear-gradient(0deg,rgba(4,4,4,.88) 0%,rgba(4,4,4,.5) 32%,transparent 62%)}.project-cover-action{right:18px;bottom:2.5rem}.project-lead{margin-inline:-4px}}
@media(prefers-reduced-motion:reduce){.project-cover-photo,.project-hero-copy .eyebrow,.project-hero-copy h1,.project-hero-copy h1::after{animation:none}}

.projects-swipe-hint{display:none}
@media(max-width:760px){
 .projects-chapter{padding-top:3.5rem;padding-right:0;padding-bottom:3.5rem;overflow:hidden}
 .projects-head{padding-right:22px;margin-bottom:1.5rem}
 .projects-head h2{font-size:clamp(2.45rem,11vw,3.45rem);line-height:.94}
 .projects-swipe-hint{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;margin:0;padding:0 22px 1rem 0;color:#999;font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
 .projects-swipe-hint b{color:#f35a24;font-size:1.15rem;animation:projects-swipe-cue 1.4s ease-in-out infinite}
 .projects-grid{display:flex;grid-template-columns:none;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:0;overscroll-behavior-inline:contain;touch-action:pan-x;padding:0 22px 18px 0;scrollbar-width:none}
 .projects-grid::-webkit-scrollbar{display:none}
 .project-card,.project-card:first-child{flex:0 0 min(82vw,360px);grid-column:auto;scroll-snap-align:start;scroll-snap-stop:always}
 .project-card:last-child{margin-right:22px}
 .project-card figure,.project-card:first-child figure{aspect-ratio:4/3}
 .project-card-copy{min-height:142px}
 @keyframes projects-swipe-cue{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}
}
@media(prefers-reduced-motion:reduce){.projects-swipe-hint b{animation:none}}
@media(max-width:760px){.project-video-frame--instagram{width:100%;min-width:0}}

/* Fase 05 · medio público normalizado */
.project-video-frame img{display:block;width:100%;height:100%;object-fit:cover;background:#111}.project-video-frame--youtube{width:min(100%,420px);aspect-ratio:16/9}.project-video-frame--facebook{width:min(100%,360px);aspect-ratio:4/5}.project-video-frame--tiktok{width:min(100%,230px);aspect-ratio:9/16}.project-video-frame--image{width:min(100%,340px);aspect-ratio:4/5}.project-video-frame--video{width:min(100%,340px);aspect-ratio:9/16}.project-video-frame--instagram{width:min(100%,340px);aspect-ratio:auto;overflow:visible}.project-video-frame--instagram:before{display:none}@media(max-width:760px){.project-video-frame--youtube,.project-video-frame--facebook,.project-video-frame--tiktok,.project-video-frame--image,.project-video-frame--video{width:100%}}

/* =========================================================
   Fase 05 · Refinamiento visual de "Así se vivió"
   ========================================================= */

.project-video {
    grid-template-columns:
        minmax(0, 1fr)
        minmax(326px, 380px);
    gap: clamp(2rem, 4vw, 4.5rem);
    align-items: center;
    max-width: 1100px;
    margin-inline: auto;
    padding: clamp(2rem, 3vw, 3rem);
}

.project-video-copy {
    min-width: 0;
    align-self: center;
}

.project-video-copy h2 {
    max-width: 560px;
}

.project-video-copy > p:last-child {
    max-width: 520px;
}

/* Instagram */
.project-video-frame--instagram {
    width: 100%;
    max-width: 380px;
    min-width: 0;
    aspect-ratio: auto;
    justify-self: end;
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.project-video-frame--instagram::before {
    display: none;
}

.project-instagram-shell {
    width: 100%;
    max-width: 380px;
    margin: 0;
}

.project-instagram-shell .instagram-media {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 380px !important;
    margin: 0 !important;
}

.project-video-frame--instagram iframe {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 380px !important;
    margin: 0 !important;
}

/* Otros medios */
.project-video-frame--youtube {
    width: min(100%, 520px);
}

.project-video-frame--facebook {
    width: min(100%, 380px);
}

.project-video-frame--tiktok {
    width: min(100%, 300px);
}

.project-video-frame--image,
.project-video-frame--video {
    width: min(100%, 400px);
}

@media (max-width: 900px) {
    .project-video {
        grid-template-columns: 1fr;
        max-width: 720px;
    }

    .project-video-frame {
        justify-self: center;
    }

    .project-video-frame--instagram,
    .project-instagram-shell {
        width: min(100%, 360px);
    }
}

@media (max-width: 520px) {
    .project-video {
        padding: 1.25rem;
        gap: 1.75rem;
    }

    .project-video-frame--instagram,
    .project-instagram-shell {
        width: 100%;
        max-width: 340px;
    }
}

/* Fase 07: relaciones públicas normalizadas. */
.project-hero-copy .eyebrow a,.project-facts strong a{color:inherit;text-decoration:none}.project-hero-copy .eyebrow a:hover,.project-facts strong a:hover{color:var(--project-accent)}.project-article-link{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem 1.2rem}.project-cover--empty{min-height:370px;background:linear-gradient(135deg,#181818,#101010)}