/* Proyectos como exposición editorial: un titular legible, una película y un índice breve. */
.project-cinema-hero{grid-template-columns:minmax(420px,.74fr) minmax(0,1.26fr);min-height:clamp(650px,calc(100svh - 84px),820px);background:var(--surface-page);color:var(--ink-primary)}
.project-cinema-hero__copy{display:flex;align-self:stretch;flex-direction:column;justify-content:center;padding:clamp(54px,6vw,94px) clamp(34px,4.5vw,72px);background:var(--surface-page)}
.project-cinema-hero__copy .eyebrow,.project-cinema-hero__copy .lead{color:var(--ink-secondary)}
.project-cinema-hero__copy h1{max-width:9ch;margin:20px 0 26px;font-size:clamp(4.2rem,6.35vw,7.6rem);font-weight:300;line-height:.88;letter-spacing:-.065em;text-wrap:balance}
.project-cinema-hero__copy .lead{max-width:35ch;font-size:clamp(.98rem,1.1vw,1.15rem);line-height:1.55}
.project-cinema-hero__copy .text-link{color:var(--ink-primary)}
.project-cinema-hero__ledger{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:clamp(34px,5vh,58px);padding:1px;background:var(--border)}
.project-cinema-hero__ledger a{display:grid;align-content:start;min-width:0;min-height:104px;padding:14px;background:var(--surface-page);color:var(--ink-primary);text-decoration:none}
.project-cinema-hero__ledger span{font-size:clamp(1.25rem,1.8vw,2rem);font-weight:300;line-height:1;letter-spacing:-.05em}
.project-cinema-hero__ledger small{margin-top:14px;color:var(--ink-secondary);font:400 .52rem/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase}
.project-cinema-hero__ledger strong{margin-top:3px;font-size:.68rem;font-weight:400;line-height:1.25}
.project-cinema-hero__ledger a:hover span{color:var(--signal-primary)}
.project-cinema{border-left:1px solid var(--border)}
.project-cinema .architecture-hero__media{min-height:100%}
.project-cinema .architecture-hero__media video{object-position:52% center}
.project-cinema figcaption{padding:14px 20px 16px}
.project-cinema__folio strong{font-size:clamp(2rem,3vw,3.8rem)}
[data-theme=dark] .project-cinema-hero,[data-theme=dark] .project-cinema-hero__copy{background:#001410;color:#eae9e7}
[data-theme=dark] .project-cinema-hero__copy .eyebrow,[data-theme=dark] .project-cinema-hero__copy .lead{color:#b2b3b6}
[data-theme=dark] .project-cinema-hero__copy .text-link{color:#eae9e7}
[data-theme=dark] .project-cinema-hero__ledger{background:#b2b3b642}
[data-theme=dark] .project-cinema-hero__ledger a{background:#001410;color:#eae9e7}
@media(min-width:1200px){
 body:has(.project-cinema-hero) .principal,body:has(.project-cinema-hero) .pie,body:has(.project-family-hero) .principal,body:has(.project-family-hero) .pie{margin-left:0}
 body:has(.project-cinema-hero) .nav-visible,body:has(.project-family-hero) .nav-visible{display:none}
 body:has(.project-cinema-hero) .cabecera>.marca,body:has(.project-family-hero) .cabecera>.marca{width:auto}
 body:has(.project-cinema-hero) .cabecera,body:has(.project-family-hero) .cabecera{padding-left:var(--gutter)}
 body:has(.project-cinema-hero) .menu,body:has(.project-family-hero) .menu{left:0}
}
.portfolio-live{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;padding:1px;background:var(--border);border:0}
.portfolio-live__item{padding:clamp(28px,3.3vw,52px);background:var(--surface-page)}
.portfolio-live__item h2{font-size:clamp(2.8rem,5vw,6rem);line-height:.9;margin:26px 0 18px}
.portfolio-live__item>p:not(.eyebrow){min-height:0;font-size:1rem}
.portfolio-live__item .project-visual{margin-top:32px;border:0}
.portfolio-live__item .project-visual picture{aspect-ratio:16/8.5;max-height:360px}
.portfolio-live__item .project-visual figcaption{display:none}
.portfolio-live__dot{display:inline-block;width:7px;height:7px;margin-right:10px;border-radius:50%;background:var(--signal-primary)}
.portfolio-live__item>.text-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;margin-top:26px}
.portfolio-live__item--factu .project-visual__identity{background:var(--signal-primary)}
.portfolio-live__item .project-platforms--available{margin-top:22px}

.pipeline-board{margin:0;padding:clamp(64px,8vw,124px) var(--gutter);background:#001410;color:#eae9e7;scroll-margin-top:100px}
.pipeline-board__head{display:flex;justify-content:space-between;gap:40px;max-width:var(--measure);margin:0 auto clamp(34px,5vw,70px);align-items:end}
.pipeline-board__head .eyebrow{color:#b2b3b6}
.pipeline-board__head h2{font-size:clamp(3rem,6.2vw,7.4rem);line-height:.9;max-width:11ch;letter-spacing:-.06em}
.pipeline-board__head>p{color:#c7c8c8;font-size:clamp(.95rem,1.15vw,1.12rem);line-height:1.65}
.portfolio-stages{display:flex;flex-wrap:wrap;gap:20px 40px;max-width:var(--measure);margin:0 auto;padding:18px 0;border-block:1px solid #b2b3b64a;list-style:none;color:#eae9e7}
.portfolio-stages li{display:flex;align-items:baseline;gap:10px;flex:1 1 150px;justify-content:space-between;padding-right:20px;border-right:1px solid #b2b3b63d;font-size:.82rem}
.portfolio-stages li:last-child{border-right:0}.portfolio-stages li>span{color:#b2b3b6}.portfolio-stages li:first-child>span{color:#e34525}
.project-collection{display:block;max-width:var(--measure);margin:0 auto}
.project-entry{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);grid-template-areas:"header header" "visual intro" "visual stage" "visual platforms" "visual detail";gap:0 clamp(34px,5vw,82px);padding:clamp(46px,6vw,86px) 0;border-top:1px solid #b2b3b64a;scroll-margin-top:100px;color:#eae9e7}
.project-entry:nth-child(even){grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);grid-template-areas:"header header" "intro visual" "stage visual" "platforms visual" "detail visual"}
.project-entry:target{border-top-color:#e34525}
.project-entry__header{display:grid;grid-area:header;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:clamp(18px,2.6vw,40px);padding-bottom:28px}
.project-entry__number{font-size:clamp(3.3rem,6vw,7rem);font-weight:300;line-height:.75;color:#e34525}
.project-entry__header .eyebrow{margin:0 0 9px;color:#b2b3b6;font-size:.58rem;letter-spacing:.1em}
.project-entry__header h3{font-size:clamp(2.6rem,5vw,6rem);font-weight:300;line-height:.84;letter-spacing:-.06em}
.project-entry__status{display:flex;align-items:center;gap:7px;align-self:start;min-height:24px;color:#eae9e7;text-transform:uppercase;letter-spacing:.1em;font:400 .58rem/1.4 var(--mono)}
.project-entry__status::before{content:"";width:5px;height:5px;border-radius:50%;background:#e34525}
.project-entry .project-visual{grid-area:visual;height:100%;min-height:clamp(360px,36vw,520px);margin:0;border:0;background:#0b211c}
.project-entry .project-visual__media,.project-entry .project-visual picture{height:100%;min-height:inherit;max-height:none;aspect-ratio:auto}
.project-entry .project-visual figcaption{display:none}
.project-entry__intro{grid-area:intro;padding:14px 0 0;align-self:start}
.project-entry__intro h4{max-width:17ch;margin:0 0 22px;font-size:clamp(1.8rem,3vw,3.3rem);font-weight:300;line-height:1;letter-spacing:-.045em;color:#eae9e7}
.project-entry__intro p{max-width:46ch;min-height:0!important;color:#c7c8c8;font-size:.92rem;line-height:1.65}
.project-entry__value{display:block;margin-top:25px!important;padding-top:17px;border-color:#b2b3b63d;color:#eae9e7!important}
.project-entry__value span{display:block;margin-bottom:8px;color:#e34525}
.project-entry__stage{display:flex;align-items:center;justify-content:space-between;gap:20px;grid-area:stage;margin:30px 0 20px;padding:14px 0;border-block:1px solid #b2b3b63d;color:#eae9e7;font-size:.73rem}
.project-entry__stage .micro{margin-left:12px;color:#b2b3b6;font-size:.6rem;white-space:nowrap}.project-entry__track{display:flex;gap:4px;flex-shrink:0}.project-entry__track i{width:19px;height:3px;background:#58625f}.project-entry__track i.is-current{background:#e34525}
.project-entry .project-platforms{grid-area:platforms;margin:0 0 10px;padding:0;border:0}
.project-entry .project-platforms__label{color:#b2b3b6}
.project-entry .project-platforms__links{gap:8px;background:transparent;border:0}
.project-entry .project-platform{min-height:52px;padding:9px 12px;border:1px solid #b2b3b642;background:transparent;color:#eae9e7;flex:0 1 auto}
.project-entry .project-platform:hover{background:#0b211c;color:#eae9e7}
.project-entry .project-platform img{width:30px;height:30px}
.project-entry .project-platform--wordmark{min-width:118px;justify-content:center}
.project-entry .project-platform--wordmark img{filter:grayscale(1) brightness(0) invert(1);width:86px!important;height:28px!important}
.project-entry .project-detail{grid-area:detail;border-color:#b2b3b64a}
.project-entry .project-detail summary{color:#eae9e7;border-color:#b2b3b64a}
.project-entry .project-detail summary:focus-visible{outline-color:#eae9e7}
.project-entry .project-detail>div{padding-right:0;color:#c7c8c8}.project-entry__details>div{margin:18px 0 26px}.project-entry__details h4{margin:0 0 8px;color:#eae9e7;font-size:.77rem;font-weight:500}.project-entry__details p{margin:0;color:#c7c8c8;font-size:.88rem;line-height:1.6}

@media(max-width:800px){
 .project-cinema-hero{grid-template-columns:1fr;min-height:0}
 .project-cinema-hero__copy{padding:48px var(--gutter) 38px}
 .project-cinema-hero__copy h1{max-width:10ch;margin-block:17px 21px;font-size:clamp(3.1rem,14.2vw,5rem);line-height:.9}
 .project-cinema-hero__copy .lead{font-size:1rem}
 .project-cinema-hero__ledger{margin-top:30px}
 .project-cinema-hero__ledger a{min-height:90px;padding:11px}
 .project-cinema{border-left:0;border-top:1px solid var(--border)}
 .project-cinema .architecture-hero__media{aspect-ratio:16/10}
 .portfolio-live{grid-template-columns:1fr;gap:1px;margin:0}
 .portfolio-live__item{padding:38px var(--gutter) 46px}
 .portfolio-live__item .project-visual picture{aspect-ratio:16/10}
 .pipeline-board{margin:0;padding-block:64px}
 .pipeline-board__head{align-items:start;flex-direction:column;gap:20px;margin-bottom:36px}.pipeline-board__head h2{font-size:clamp(3.4rem,15vw,5.8rem)}
 .portfolio-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-bottom:0}
 .portfolio-stages li{min-height:48px;padding:12px 14px;border-right:1px solid #b2b3b63d;border-bottom:1px solid #b2b3b63d}
 .portfolio-stages li:nth-child(2n){border-right:0}.portfolio-stages li:nth-last-child(-n+2){border-bottom:0}
 .project-entry,.project-entry:nth-child(even){grid-template-columns:1fr;grid-template-areas:"header" "visual" "intro" "stage" "platforms" "detail";gap:0;padding:48px 0}
 .project-entry__header{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px 18px;padding-bottom:22px}
 .project-entry__number{font-size:2.5rem;line-height:.9}.project-entry__header h3{font-size:clamp(2.5rem,12vw,4.6rem);line-height:.88}
 .project-entry__status{grid-column:2;grid-row:2;margin:0}
 .project-entry .project-visual{min-height:0;height:auto}.project-entry .project-visual__media,.project-entry .project-visual picture{height:auto;min-height:0;aspect-ratio:16/10}
 .project-entry__intro{padding-top:28px}.project-entry__intro h4{font-size:clamp(1.9rem,8.5vw,3rem)}
 .project-entry .project-platform{flex:1 1 130px}
}
@media(max-width:380px){.project-cinema-hero__copy h1{font-size:2.85rem}.project-cinema-hero__ledger{grid-template-columns:1fr}.project-cinema-hero__ledger a{grid-template-columns:88px 1fr;min-height:62px;align-items:center}.project-cinema-hero__ledger small,.project-cinema-hero__ledger strong{grid-column:2;margin-top:0}.project-cinema-hero__ledger small{align-self:end}.project-cinema-hero__ledger strong{align-self:start}.project-cinema-hero__ledger span{grid-row:1/3}}
@media(max-width:380px){.portfolio-stages{grid-template-columns:1fr}.portfolio-stages li,.portfolio-stages li:nth-child(2n){border-right:0;border-bottom:1px solid #b2b3b63d}.portfolio-stages li:last-child{border-bottom:0}.project-entry__header{grid-template-columns:1fr}.project-entry__status{grid-column:1;grid-row:auto}.project-entry__number{font-size:2.2rem}}

/* Tres áreas mantienen la portada breve y llevan el detalle a páginas propias. */
.project-families{padding:clamp(72px,9vw,136px) var(--gutter);background:var(--surface-page)}
.project-families>header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:8%;align-items:end;max-width:var(--measure);margin:0 auto clamp(38px,6vw,76px)}
.project-families>header h2{max-width:12ch;margin:0;font-size:clamp(3rem,6.3vw,7.2rem);font-weight:300;line-height:.9;letter-spacing:-.06em}
.project-families>header>p{max-width:40ch;margin:0;color:var(--ink-secondary);line-height:1.65}
.project-family-grid{max-width:var(--measure);margin:auto;border-top:1px solid var(--border)}
.project-family-card{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);min-width:0;padding:clamp(28px,4vw,58px) 0;border-bottom:1px solid var(--border);color:var(--ink-primary);text-decoration:none}
.project-family-card:nth-child(even){grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr)}
.project-family-card:nth-child(even) figure{grid-column:2}.project-family-card:nth-child(even) .project-family-card__copy{grid-column:1;grid-row:1;padding-left:0;padding-right:clamp(30px,5vw,74px)}
.project-family-card figure{position:relative;min-width:0;margin:0;overflow:hidden;background:#001410}
.project-family-card picture{display:block;height:100%;min-height:420px;overflow:hidden}
.project-family-card figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.82);transition:transform 700ms var(--ease-out),filter 300ms ease}
.project-family-card:hover figure img{transform:scale(1.025);filter:saturate(1)}
.project-family-card figcaption{position:absolute;inset:auto 18px 16px;display:flex;justify-content:space-between;gap:18px;color:#eae9e7;font:400 .58rem/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.project-family-card__copy{display:flex;flex-direction:column;min-width:0;padding:18px 0 0 clamp(30px,5vw,74px)}
.project-family-card__copy h3{max-width:13ch;margin:18px 0;font-size:clamp(2.1rem,4vw,4.9rem);font-weight:300;line-height:.94;letter-spacing:-.055em}
.project-family-card__copy>p:not(.eyebrow){max-width:39ch;color:var(--ink-secondary);font-size:.95rem;line-height:1.6}
.project-family-card__marks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:auto;padding-top:32px}
.project-family-card__marks img{width:100%;height:46px;padding:11px 12px;object-fit:contain;background:#001410;box-sizing:border-box}
.project-family-card__link{display:flex;justify-content:space-between;gap:20px;margin-top:1px;padding:14px 0;border-top:1px solid var(--border);font-size:.73rem;text-transform:uppercase;letter-spacing:.08em}
.project-family-card__link b{font-size:1.15rem;font-weight:400;color:var(--signal-primary)}

.project-family-hero{display:grid;grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr);min-height:650px;background:#001410;color:#eae9e7}
.project-family-hero__copy{align-self:center;padding:clamp(58px,8vw,126px) clamp(34px,5vw,82px) clamp(58px,8vw,126px) var(--gutter)}
.project-family-hero__copy .eyebrow,.project-family-hero__copy .lead{color:#c7c8c8}
.project-family-hero__copy h1{max-width:none;margin:24px 0;font-size:clamp(3.2rem,4.7vw,5.4rem);font-weight:300;line-height:.9;letter-spacing:-.06em}
.project-family-hero__copy .lead{max-width:39ch;line-height:1.6}
.project-family-hero__copy .text-link{color:#eae9e7}
.project-family-hero>figure{position:relative;min-width:0;margin:0;overflow:hidden;background:#0b211c}
.project-family-hero>figure picture,.project-family-hero>figure img{display:block;width:100%;height:100%}.project-family-hero>figure img{object-fit:cover;filter:saturate(.82)}
.project-family-hero>figure figcaption{position:absolute;inset:auto 22px 20px;display:flex;justify-content:space-between;color:#eae9e7;font:400 .58rem/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.project-family-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;background:var(--border)}
.project-family-switch a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px;padding:18px var(--gutter);background:var(--surface-page);color:var(--ink-primary);font-size:.8rem;text-decoration:none}
.project-family-switch a::after{content:"↗";font-size:1.1rem;color:var(--signal-primary)}
.project-family-switch a[aria-current="page"]{background:var(--signal-primary);color:#001410}
.project-family-board{padding-top:clamp(64px,7vw,108px)}
.project-family-board .pipeline-board__head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:end}
.project-family-board .pipeline-board__head h2{max-width:13ch;font-size:clamp(3rem,5.7vw,6.7rem);overflow-wrap:normal;word-break:normal;text-wrap:balance}

/* En páginas de cartera las escenas son estáticas: una sola película en el hero. */
.project-visual{position:relative;min-width:0;overflow:hidden;color:#001410;background:#eae9e7}
.project-visual__media{position:relative;height:100%;overflow:hidden;background:#001410}
.project-visual picture{display:block;position:relative;width:100%;height:100%;overflow:hidden}
.project-visual .visual-chapter__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.project-visual__identity{position:absolute;left:0;bottom:0;z-index:2;max-width:82%;padding:18px 24px;border-top:3px solid #e34525;background:#001410}
.project-visual__identity img{display:block;width:clamp(210px,24vw,290px);height:auto;max-width:100%}

@media(max-width:800px){
 .project-families{padding-block:64px}.project-families>header{grid-template-columns:1fr;gap:22px}.project-families>header h2{font-size:clamp(3.2rem,14vw,5.4rem)}
 .project-family-card,.project-family-card:nth-child(even){grid-template-columns:1fr;padding:34px 0}
 .project-family-card:nth-child(even) figure,.project-family-card:nth-child(even) .project-family-card__copy{grid-column:1;grid-row:auto;padding-right:0}
 .project-family-card picture{min-height:0;aspect-ratio:16/11}.project-family-card__copy{padding:28px 0 0}.project-family-card__copy h3{font-size:clamp(2.25rem,10.5vw,3.7rem)}
 .project-family-card__marks{margin-top:22px;padding-top:0}.project-family-card__marks img{height:42px;padding:10px 8px}
 .project-family-hero{grid-template-columns:1fr;min-height:0}.project-family-hero__copy{padding:58px var(--gutter)}.project-family-hero__copy h1{font-size:clamp(3.15rem,14vw,5.5rem)}
 .project-family-hero>figure{aspect-ratio:16/11}.project-family-switch{grid-template-columns:1fr}.project-family-switch a{min-height:58px;padding-inline:var(--gutter)}
 .project-family-board .pipeline-board__head{grid-template-columns:1fr}.project-family-board .pipeline-board__head h2{font-size:clamp(3.35rem,14.5vw,5.6rem)}
}
@media(max-width:380px){.project-family-card__marks{grid-template-columns:1fr}.project-family-card__marks img{height:38px}.project-family-hero__copy h1{font-size:3rem}}
@media(prefers-reduced-motion:reduce){.project-family-card figure img{transition:none!important}.project-family-card:hover figure img{transform:none}}