:root{color-scheme:light;--paper:#fdfdfc;--ink:#171716;--muted:#73736e;--space:clamp(22px,4.8vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #151515;outline-offset:5px}::selection{background:#dadacf}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;top:-100px;left:10px;background:#fff;padding:12px 16px;z-index:300}.skip-link:focus{top:10px}
.site-header{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding:34px var(--space) 0;z-index:50;min-height:140px}
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:max-content}
.brand-name{font-size:clamp(24px,2.22vw,36px);font-weight:700;letter-spacing:-.076em;line-height:.96;white-space:nowrap}
.brand-line{font-size:11px;letter-spacing:.003em;line-height:1.3;font-weight:400}
.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(20px,2.4vw,44px);padding-top:4px}
.site-nav a{font-size:13px;line-height:1.2;letter-spacing:-.015em;transition:opacity .18s;white-space:nowrap}
.site-nav a:hover{opacity:.43}
.site-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}
.menu-toggle{display:none;background:none;border:0;padding:0;font-size:13px;cursor:pointer}
.gallery{margin:0 auto;padding:0 var(--space) 150px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(22px,3.7vw,72px);row-gap:clamp(64px,9vw,170px);align-items:start;max-width:1780px}
.work{display:block;min-width:0;transition:opacity .22s}.work:hover .work-image img{transform:scale(1.012)}.work:hover .work-title{opacity:.55}
.work-image{background:#f2f1ed;display:block;overflow:hidden;width:100%;}
.work-image img{width:100%;height:auto;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.2,1)}
.work-title{display:block;margin-top:11px;font-size:14px;font-weight:400;line-height:1.3;letter-spacing:-.02em;transition:opacity .25s}
/* A measured irregular editorial rhythm: pairs form visual chapters but no dividing lines. */
.work:nth-child(1){grid-column:1 / span 7}
.work:nth-child(2){grid-column:9 / span 4;margin-top:18%}
.work:nth-child(3){grid-column:2 / span 4;margin-top:3%}
.work:nth-child(4){grid-column:7 / span 6;margin-top:7%}
.work:nth-child(5){grid-column:1 / span 6}
.work:nth-child(6){grid-column:8 / span 5;margin-top:28%}
.work:nth-child(7){grid-column:3 / span 4}
.work:nth-child(8){grid-column:8 / span 5;margin-top:12%}
.work:nth-child(9){grid-column:1 / span 5}
.work:nth-child(10){grid-column:7 / span 6;margin-top:13%}
.work:nth-child(11){grid-column:2 / span 6}
.work:nth-child(12){grid-column:9 / span 4;margin-top:21%}
/* Architectural photos are kept portrait so their lettering and compositions remain readable. */
.work:nth-child(3) img,.work:nth-child(5) img,.work:nth-child(7) img,.work:nth-child(1) img {aspect-ratio:4/5;object-fit:cover}
.site-footer{padding:0 var(--space) 36px;display:flex;gap:20px;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;font-size:11px;line-height:1.55;letter-spacing:.01em}
.site-footer .demo-note{color:#777770;max-width:400px}
.project-main{padding:0 var(--space) 90px;max-width:1620px;margin:auto}
.project-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin:7px 0 36px}
.project-heading h1{font-size:clamp(29px,4.4vw,68px);font-weight:500;letter-spacing:-.06em;line-height:1.04;margin:0}
.project-heading a{font-size:12px;letter-spacing:0;flex-shrink:0}
.project-series{display:flex;flex-direction:column;align-items:center;gap:clamp(45px,7vw,108px)}
.project-series>figure{margin:0;width:100%}
.project-series .hero{text-align:center}
.project-series .hero img{max-width:100%;max-height:86vh;width:auto;height:auto;margin:auto;object-fit:contain}
.project-series .detail-wide{width:min(88%,1050px);align-self:flex-start}
.project-series .detail-portrait{width:min(54%,610px);align-self:flex-end}
.project-series img{width:100%;height:auto}
.project-video{width:min(86%,1060px);align-self:center}
.project-video video{width:100%;background:#15211c}
.project-footer{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-top:clamp(80px,10vw,170px);font-size:13px}
.project-disclaimer{font-size:11px;color:#8b8b82;margin:24px 0 0}
.information{padding:0 var(--space) 120px;max-width:1550px;margin:0 auto;min-height:66vh}
.information h1{margin:0 0 62px;font-weight:500;font-size:clamp(42px,8.5vw,125px);letter-spacing:-.075em;line-height:.95}
.information .copy{max-width:800px;font-size:clamp(21px,3vw,43px);line-height:1.14;letter-spacing:-.045em;margin:0 0 88px}
.information .small-copy{font-size:16px;line-height:1.55;max-width:590px;margin:0}
.information .tiny{font-size:12px;color:var(--muted);line-height:1.5;margin-top:80px}
.services-list{display:flex;flex-direction:column;gap:22px;padding:0;list-style:none;margin:0;max-width:980px}
.services-list li{font-size:clamp(26px,4.4vw,62px);line-height:1.1;font-weight:400;letter-spacing:-.055em}
.contact-email{font-size:clamp(23px,4.6vw,67px);letter-spacing:-.055em;word-break:break-word;text-decoration:underline;text-underline-offset:.13em;text-decoration-thickness:1px}
@media(max-width:900px){
 .site-header{min-height:120px;padding-top:25px}
 .gallery{column-gap:22px;row-gap:70px;padding-bottom:110px}
 .work:nth-child(1){grid-column:1/span7}.work:nth-child(2){grid-column:9/span4}
 .project-series .detail-wide{width:95%}.project-series .detail-portrait{width:68%}
}
@media(max-width:670px){
 :root{--space:20px}
 .site-header{min-height:112px;align-items:flex-start;gap:8px;padding-top:24px}
 .brand-name{font-size:24px}.brand-line{font-size:10px}
 .menu-toggle{display:flex;align-items:center;gap:9px;line-height:1;padding-top:6px}
 .site-nav{display:none;position:absolute;top:78px;left:var(--space);right:var(--space);background:var(--paper);box-shadow:0 22px 38px #fdfdfc;padding:14px 0 22px;z-index:30;flex-direction:column;align-items:flex-start;gap:20px}
 .site-header.nav-open .site-nav{display:flex}.site-nav a{font-size:18px}
 .gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:15px;row-gap:48px;padding:0 var(--space) 105px}
 .work:nth-child(n){margin-top:0}
 .work:nth-child(4n+1){grid-column:1 / span 4}
 .work:nth-child(4n+2){grid-column:3 / span 4;margin-top:35px}
 .work:nth-child(4n+3){grid-column:1 / span 5;margin-top:0}
 .work:nth-child(4n){grid-column:2 / span 5;margin-top:12px}
 .work-title{font-size:13px;margin-top:9px}
 .project-main{padding:0 var(--space) 60px}.project-heading{margin:5px 0 30px;gap:10px}.project-heading h1{font-size:38px}
 .project-heading a{font-size:11px}.project-series{gap:46px}.project-series .hero img{max-height:none}
 .project-series .detail-wide{width:100%}.project-series .detail-portrait{width:80%}.project-video{width:100%}
 .project-footer{margin-top:80px}
 .information{padding-bottom:80px;min-height:50vh}.information h1{margin-bottom:45px}.information .copy{margin-bottom:55px}
 .site-footer{align-items:flex-start;flex-direction:column;gap:8px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:0.01ms!important}}


/* CRECK STUDIO V07 — Variaciones de composición por proyecto.
   Se conservan la portada y los títulos bajo cada imagen. */
.project-heading h1 { font-weight:500; letter-spacing:-.058em; }
.project-main { max-width:1760px; }
.project-series { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); column-gap:clamp(18px,3.3vw,58px); row-gap:clamp(48px,7vw,126px); align-items:start; }
.project-series>figure { margin:0; align-self:start; width:auto; min-width:0; }
.project-series img{width:100%; height:auto; object-fit:contain;}
.project-series .hero img{height:auto;width:100%;max-width:100%;max-height:none;}
.project-series .project-video {width:auto;align-self:start;}
.project-series .project-video video {width:100%;height:auto;max-height:80vh;object-fit:contain;}
/* 1. Exposición: imagen grande y dos piezas más discretas. */
.layout-exhibition .hero {grid-column:2/12;}
.layout-exhibition .detail-wide {grid-column:1/8;}
.layout-exhibition .detail-portrait {grid-column:9/13; margin-top:15%;}
/* 2. Doble página editorial: dos imágenes comparten la primera fila. */
.layout-spread .hero {grid-column:1/8;}
.layout-spread .detail-wide {grid-column:9/13; margin-top:24%;}
.layout-spread .detail-portrait {grid-column:4/11;}
.layout-spread .project-heading {margin-bottom:58px}
/* 3. Minimal: hero de escala contenida, espacios mayores. */
.layout-minimal .hero {grid-column:3/11;}
.layout-minimal .detail-wide {grid-column:2/9;}
.layout-minimal .detail-portrait {grid-column:9/13; margin-top:20%;}
.layout-minimal .project-series {row-gap:clamp(85px,13vw,180px)}
/* 4. Imagen principal panorámica y fotos en díptico inferior. */
.layout-wide .hero {grid-column:1/-1;}
.layout-wide .hero img {max-height:84vh;object-fit:contain;}
.layout-wide .detail-wide {grid-column:1/7;}
.layout-wide .detail-portrait {grid-column:8/13; margin-top:12%;}
/* 5. Retrato: imagen de entrada desplazada, secuencia alternada. */
.layout-portrait .hero {grid-column:5/12;}
.layout-portrait .detail-wide {grid-column:1/8;}
.layout-portrait .detail-portrait {grid-column:8/13; margin-top:24%;}
.layout-portrait .project-heading h1 {font-size:clamp(32px,5.4vw,76px)}
/* 6. Secuencia: recorrido amplio izquierda-derecha. */
.layout-sequence .hero {grid-column:1/10;}
.layout-sequence .detail-wide {grid-column:5/13;}
.layout-sequence .detail-portrait {grid-column:2/8;}
.layout-sequence .project-series{row-gap:clamp(65px,10vw,170px)}
/* 7. Galería: composición dos columnas de pesos distintos. */
.layout-gallery .hero{grid-column:2/8;}
.layout-gallery .detail-wide{grid-column:9/13;margin-top:12%;}
.layout-gallery .detail-portrait{grid-column:3/12;}
/* 8. Movimiento: el video tiene máxima prioridad. */
.layout-cinema .hero{grid-column:3/11;}
.layout-cinema .detail-wide{grid-column:1/7;}
.layout-cinema .project-video{grid-column:1/-1;}
.layout-cinema .detail-portrait{grid-column:8/13;}
.layout-cinema .project-video video{max-height:86vh;background:#e9e9e7}
/* En todos los formatos hay título visible en la apertura y en la portada. */
@media (max-width:700px){
 .project-series {display:flex;flex-direction:column;gap:40px;}
 .project-series>figure {width:100%; margin:0!important;}
 .layout-exhibition .detail-portrait,.layout-spread .detail-wide,.layout-minimal .detail-portrait,.layout-wide .detail-portrait,.layout-portrait .detail-portrait,.layout-sequence .detail-portrait,.layout-gallery .detail-wide,.layout-cinema .detail-portrait {width:76%;align-self:flex-end;}
 .layout-exhibition .detail-wide,.layout-spread .detail-portrait,.layout-minimal .detail-wide,.layout-wide .detail-wide,.layout-portrait .detail-wide,.layout-sequence .detail-wide,.layout-gallery .detail-portrait,.layout-cinema .detail-wide {width:92%;align-self:flex-start;}
 .layout-minimal .project-series,.layout-sequence .project-series {row-gap:40px}
 .project-heading h1,.layout-portrait .project-heading h1{font-size:clamp(34px,9vw,52px)}
}

/* Override de dimensiones heredadas de V06: el grid define el ancho real de cada imagen. */
.project-main .project-series > figure { width:100%; }
@media(max-width:700px){
 .project-main .project-series > figure{ width:100%; }
 .project-main .project-series > figure.detail-wide{width:92%;}
 .project-main .project-series > figure.detail-portrait{width:76%;}
 .project-main.layout-spread .project-series > figure.detail-wide,
 .project-main.layout-gallery .project-series > figure.detail-wide,
 .project-main.layout-exhibition .project-series > figure.detail-portrait {align-self:flex-end;}
}


/* ==========================================================
   CRECK STUDIO V08 | Edición editorial contenida
   Cabecera siempre visible + proyectos más pequeños.
   ========================================================== */
:root { --paper:#fdfdfc; --space:clamp(22px,4.25vw,72px); }
html { scroll-padding-top:100px; }
/* Fixed-in-flow sticky header: remains at the top while scrolling. */
.site-header {
  position:sticky;
  top:0;
  z-index:200;
  min-height:0;
  padding:18px var(--space) 16px;
  background:rgba(253,253,252,.97);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  align-items:center;
}
.brand {gap:3px;}
.brand-name {font-size:clamp(22px,2vw,29px);letter-spacing:-.075em;}
.brand-line {font-size:10px;line-height:1.2;}
.site-nav {padding-top:0;}
.site-nav a {font-size:12px;}
/* Homepage continues with the same 12-item editorial archive. */
.gallery{padding-top:clamp(28px,4vw,70px);}
/* Project pages: quiet, small title and pictures sized like a photographer portfolio. */
.project-main {
  max-width:1120px;
  width:100%;
  margin:0 auto;
  padding:clamp(25px,3vw,42px) var(--space) 90px;
}
.project-heading, .layout-spread .project-heading {
  margin:0 0 clamp(32px,4.5vw,66px);
  display:flex;
  align-items:baseline;
  gap:20px;
}
.project-heading h1, .layout-portrait .project-heading h1 {
  font-size:clamp(27px,2.8vw,40px);
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:500;
}
.project-heading a {font-size:12px;}
.project-series {
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:clamp(14px,2.25vw,34px);
  row-gap:clamp(52px,6.2vw,90px);
}
.project-series>figure {min-width:0; width:100%; margin:0;}
.project-series img {
  width:100%; height:auto;
  object-fit:contain;
  max-height:740px;
}
.project-series .hero img {max-height:740px;object-fit:contain;}
.project-series .project-video video {max-height:610px;}
/* Main visuals: variable but always restrained */
.layout-exhibition .hero {grid-column:3/11;max-width:680px;justify-self:center;}
.layout-exhibition .detail-wide {grid-column:1/8;max-width:560px;}
.layout-exhibition .detail-portrait {grid-column:9/13;max-width:330px;margin-top:12%;}
.layout-spread .hero {grid-column:1/8;max-width:610px;}
.layout-spread .detail-wide {grid-column:9/13;max-width:340px;margin-top:18%;}
.layout-spread .detail-portrait {grid-column:4/11;max-width:580px;justify-self:center;}
.layout-minimal .hero {grid-column:4/10;max-width:550px;justify-self:center;}
.layout-minimal .detail-wide {grid-column:2/9;max-width:560px;}
.layout-minimal .detail-portrait {grid-column:9/13;max-width:320px;margin-top:15%;}
.layout-minimal .project-series {row-gap:clamp(70px,9vw,135px);}
.layout-wide .hero {grid-column:2/12;max-width:790px;justify-self:center;}
.layout-wide .hero img {max-height:640px;}
.layout-wide .detail-wide {grid-column:1/7;max-width:485px;}
.layout-wide .detail-portrait {grid-column:8/13;max-width:385px;margin-top:9%;}
.layout-portrait .hero {grid-column:5/12;max-width:590px;justify-self:center;}
.layout-portrait .detail-wide {grid-column:2/8;max-width:495px;}
.layout-portrait .detail-portrait {grid-column:9/13;max-width:330px;margin-top:17%;}
.layout-sequence .hero {grid-column:2/10;max-width:680px;}
.layout-sequence .detail-wide {grid-column:5/12;max-width:570px;}
.layout-sequence .detail-portrait {grid-column:3/8;max-width:400px;}
.layout-sequence .project-series {row-gap:clamp(64px,8vw,118px);}
.layout-gallery .hero {grid-column:2/8;max-width:560px;}
.layout-gallery .detail-wide {grid-column:9/13;max-width:330px;margin-top:9%;}
.layout-gallery .detail-portrait {grid-column:4/11;max-width:580px;justify-self:center;}
.layout-cinema .hero {grid-column:4/10;max-width:580px;justify-self:center;}
.layout-cinema .detail-wide {grid-column:2/7;max-width:480px;}
.layout-cinema .project-video {grid-column:2/12;max-width:770px;justify-self:center;}
.layout-cinema .detail-portrait {grid-column:9/13;max-width:310px;}
.project-footer {font-size:12px;margin-top:clamp(55px,8vw,115px);}
/* No documentary/temporary warning occupies the designed public pages. */
.site-footer {padding-top:38px;}
@media(max-width:900px) {
 .project-main {max-width:100%;}
 .site-header {padding-top:15px;padding-bottom:15px;}
 .project-series {row-gap:50px;}
}
@media(max-width:700px){
 :root{--space:20px;}
 .site-header {min-height:0;padding:16px var(--space) 14px;align-items:center;}
 .brand-name{font-size:22px;}.brand-line{font-size:10px;}
 .menu-toggle{padding-top:0;font-size:12px;}
 .site-nav{top:100%;left:0;right:0;padding:22px var(--space) 26px;background:var(--paper);box-shadow:0 12px 20px rgba(0,0,0,.055);}
 .gallery{padding-top:32px;}
 .project-main {padding:30px var(--space) 70px;}
 .project-heading, .layout-spread .project-heading {margin:0 0 30px;gap:12px;}
 .project-heading h1,.layout-portrait .project-heading h1{font-size:clamp(25px,7.2vw,33px);}
 .project-heading a{font-size:11px;white-space:nowrap;}
 .project-series{display:flex;flex-direction:column;align-items:center;gap:40px;}
 .project-series>figure,.project-main .project-series>figure{max-width:100%;width:100%;}
 .project-series .hero,.project-main .project-series .hero{max-width:85%;width:85%;align-self:center;margin:0;}
 .layout-wide .project-series .hero {max-width:100%;width:100%;}
 .layout-minimal .project-series .hero,.layout-gallery .project-series .hero{width:80%;}
 .project-series .hero img,.project-series img{max-height:75vh;}
 .project-series .detail-wide,.project-main .project-series>figure.detail-wide{width:84%;max-width:520px;align-self:flex-start;margin:0;}
 .project-series .detail-portrait,.project-main .project-series>figure.detail-portrait{width:68%;max-width:355px;align-self:flex-end;margin:0;}
 .project-series .project-video,.project-main .project-series .project-video{width:100%;max-width:100%;align-self:center;}
 .project-series .project-video video{max-height:62vh;}
 .project-footer {margin-top:65px;}
}


/* ==========================================================
   CRECK STUDIO V09 | más espacio para imágenes + aperturas distintas
   ========================================================== */
.project-main{max-width:1320px;padding:clamp(28px,3.1vw,48px) var(--space) 100px;}
.project-heading,.layout-spread .project-heading{margin:0 0 clamp(34px,4.8vw,72px);}
.project-heading h1,.layout-portrait .project-heading h1{font-size:clamp(30px,3vw,44px);}
.project-series{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2.4vw,38px);row-gap:clamp(42px,5.2vw,84px);align-items:start;}
.project-series>figure{width:100%;margin:0;min-width:0;}
.project-series img,.project-series .hero img{width:100%;height:auto;max-height:880px;object-fit:contain;}
.project-series .crop-wide img{width:100%;aspect-ratio:16/10;object-fit:cover;max-height:none;}
.project-series .crop-square img{width:100%;aspect-ratio:1/1;object-fit:cover;max-height:none;}
.project-series .crop-tall img{width:100%;aspect-ratio:4/5;object-fit:cover;max-height:none;}
.project-series .project-video video{width:100%;max-height:780px;object-fit:cover;background:#e7e6e1;}
.project-footer{margin-top:clamp(72px,8vw,118px);font-size:12px;}

/* Unique openings per project */
.layout-atlas .slot-1{grid-column:2/9;}
.layout-atlas .slot-2{grid-column:9/13;margin-top:16%;}
.layout-atlas .slot-3{grid-column:2/6;}
.layout-atlas .slot-4{grid-column:7/10;margin-top:10%;}
.layout-atlas .slot-5{grid-column:1/7;}
.layout-atlas .slot-6{grid-column:9/13;margin-top:-4%;}

.layout-offset .slot-1{grid-column:1/7;}
.layout-offset .slot-2{grid-column:8/13;margin-top:14%;}
.layout-offset .slot-3{grid-column:3/7;}
.layout-offset .slot-4{grid-column:8/11;}
.layout-offset .slot-5{grid-column:1/6;}
.layout-offset .slot-6{grid-column:7/13;margin-top:8%;}

.layout-column .slot-1{grid-column:5/11;}
.layout-column .slot-2{grid-column:1/5;margin-top:10%;}
.layout-column .slot-3{grid-column:2/5;}
.layout-column .slot-4{grid-column:8/12;margin-top:12%;}
.layout-column .slot-5{grid-column:5/11;}

.layout-stage .slot-1{grid-column:2/12;}
.layout-stage .slot-2{grid-column:1/6;}
.layout-stage .slot-3{grid-column:8/12;margin-top:16%;}
.layout-stage .slot-4{grid-column:6/9;margin-top:-6%;}
.layout-stage .slot-5{grid-column:7/13;}

.layout-frame .slot-1{grid-column:6/12;}
.layout-frame .slot-2{grid-column:1/7;}
.layout-frame .slot-3{grid-column:1/4;margin-top:18%;}
.layout-frame .slot-4{grid-column:8/12;}
.layout-frame .slot-5{grid-column:4/9;margin-top:6%;}
.layout-frame .slot-6{grid-column:9/13;}

.layout-ribbon .slot-1{grid-column:1/10;}
.layout-ribbon .slot-2{grid-column:8/13;margin-top:24%;}
.layout-ribbon .slot-3{grid-column:2/5;}
.layout-ribbon .slot-4{grid-column:5/8;margin-top:10%;}
.layout-ribbon .slot-5{grid-column:1/7;}
.layout-ribbon .slot-6{grid-column:8/13;}

.layout-archive .slot-1{grid-column:3/9;}
.layout-archive .slot-2{grid-column:9/13;margin-top:12%;}
.layout-archive .slot-3{grid-column:1/4;}
.layout-archive .slot-4{grid-column:5/8;}
.layout-archive .slot-5{grid-column:7/13;margin-top:8%;}

.layout-stagger .slot-1{grid-column:1/6;}
.layout-stagger .slot-2{grid-column:7/13;margin-top:8%;}
.layout-stagger .slot-3{grid-column:2/5;}
.layout-stagger .slot-4{grid-column:6/9;margin-top:18%;}
.layout-stagger .slot-5{grid-column:8/13;}

.layout-window .slot-1{grid-column:4/10;}
.layout-window .slot-2{grid-column:1/5;margin-top:18%;}
.layout-window .slot-3{grid-column:10/13;margin-top:4%;}
.layout-window .slot-4{grid-column:2/6;}
.layout-window .slot-5{grid-column:7/12;margin-top:10%;}
.layout-window .slot-6{grid-column:1/4;}

.layout-block .slot-1{grid-column:2/8;}
.layout-block .slot-2{grid-column:8/13;}
.layout-block .slot-3{grid-column:1/4;margin-top:12%;}
.layout-block .slot-4{grid-column:5/8;}
.layout-block .slot-5{grid-column:6/12;margin-top:8%;}

.layout-drift .slot-1{grid-column:3/10;}
.layout-drift .slot-2{grid-column:1/6;}
.layout-drift .slot-3{grid-column:9/13;margin-top:18%;}
.layout-drift .slot-4{grid-column:6/9;}
.layout-drift .slot-5{grid-column:2/8;margin-top:4%;}
.layout-drift .slot-6{grid-column:8/12;}

.layout-cinema-plus .slot-1{grid-column:3/10;}
.layout-cinema-plus .slot-2{grid-column:1/5;margin-top:16%;}
.layout-cinema-plus .slot-3{grid-column:10/13;}
.layout-cinema-plus .slot-4{grid-column:1/6;}
.layout-cinema-plus .slot-5{grid-column:6/13;margin-top:8%;}
.layout-cinema-plus .slot-6{grid-column:3/7;}

.closing-statement{max-width:1320px;margin:0 auto;padding:24px var(--space) 88px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2.2vw,34px);align-items:start;}
.closing-kicker{grid-column:1/4;margin:0;font-size:12px;letter-spacing:.04em;line-height:1.5;}
.closing-copy{grid-column:5/11;margin:0;font-size:clamp(22px,2.3vw,32px);line-height:1.14;letter-spacing:-.035em;}
.closing-link{grid-column:11/13;justify-self:end;align-self:end;font-size:13px;white-space:nowrap;}
.site-footer{padding-top:12px;}

@media(max-width:900px){
  .project-main{max-width:100%;}
}
@media(max-width:700px){
  .project-main{padding:28px var(--space) 74px;}
  .project-heading h1,.layout-portrait .project-heading h1{font-size:clamp(28px,7.3vw,36px);}
  .project-series{display:flex;flex-direction:column;align-items:center;gap:34px;}
  .project-series>figure{width:100%;max-width:100%;margin:0!important;}
  .project-series .slot-1{width:96%;align-self:center;}
  .project-series .slot-2,.project-series .slot-5{width:92%;align-self:flex-start;}
  .project-series .slot-3,.project-series .slot-6{width:70%;align-self:flex-end;}
  .project-series .slot-4{width:76%;align-self:center;}
  .project-series .project-video{width:100%;align-self:center;}
  .closing-statement{display:flex;flex-direction:column;gap:16px;padding:20px var(--space) 74px;}
  .closing-kicker{font-size:11px;}
  .closing-copy{font-size:24px;}
  .closing-link{justify-self:auto;align-self:auto;font-size:13px;}
}


/* =========================================================
 CRECK STUDIO V10 / Tipografía editorial
 Titulares de proyecto limpios y un cierre con voz propia.
 ========================================================= */
.brand-name, .work-title, .closing-statement{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.work-title{
  display:block;
  margin-top:15px;
  color:#101010;
  font-weight:600;
  font-size:clamp(17px,1.45vw,23px);
  letter-spacing:-.052em;
  line-height:1.12;
  transition:opacity .2s ease;
}
.work:hover .work-title{opacity:.58}
.gallery{padding-bottom:clamp(75px,9vw,128px)}
.closing-statement{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:clamp(18px,3vw,52px);
  gap:0;
  max-width:1640px;
  margin:0 auto;
  padding:clamp(24px,3vw,52px) var(--space) clamp(105px,10vw,166px);
  align-items:start;
}
.closing-kicker{
  grid-column:1/4;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  margin:clamp(5px,1vw,18px) 0 0;
  color:#191919;
  font-size:clamp(12px,1vw,15px);
  font-weight:600;
  line-height:1.2;
  letter-spacing:-.018em;
}
.closing-kicker span:last-child{font-weight:400;letter-spacing:0}
.closing-content{grid-column:5/13;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(34px,4.5vw,72px)}
.closing-heading{
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  color:#050505;
  font-size:clamp(48px,6.5vw,104px);
  font-weight:700;
  letter-spacing:-.08em;
  line-height:.99;
  margin:0;
  max-width:100%;
  overflow-wrap:normal;
}
.closing-heading span{display:block;font-weight:400;letter-spacing:-.077em}
.closing-link{
  display:inline-flex;
  align-items:center;
  gap:14px;
  font-size:clamp(15px,1.2vw,18px);
  font-weight:500;
  letter-spacing:-.02em;
  line-height:1.35;
  border-bottom:1px solid #111;
  padding:0 0 7px;
  transition:opacity .2s ease;
  justify-self:auto;
  align-self:flex-start;
  white-space:normal;
}
.closing-link:hover{opacity:.5}
.closing-link span{font-size:1.18em;line-height:1}
@media(max-width:1000px){
  .closing-kicker{grid-column:1/5}
  .closing-content{grid-column:5/13}
  .closing-heading{font-size:clamp(44px,6.8vw,83px)}
}
@media(max-width:700px){
  .work-title{font-size:clamp(16px,4.35vw,19px);margin-top:11px;line-height:1.13}
  .gallery{padding-bottom:65px}
  .closing-statement{display:flex;flex-direction:column;gap:28px;padding:22px var(--space) 84px}
  .closing-kicker{margin:0;gap:3px;font-size:12px}
  .closing-content{gap:28px;width:100%}
  .closing-heading{font-size:clamp(42px,10.4vw,64px);line-height:.99;letter-spacing:-.078em;}
  .closing-heading span{letter-spacing:-.077em}
  .closing-link{font-size:15px}
}


/* =========================================================
   CRECK STUDIO V11 | Ajustes solicitados por el usuario
   - cierre más a la izquierda
   - sin kicker lateral
   - títulos de proyectos más grandes
   ========================================================= */
.closing-kicker{display:none!important;}
.closing-statement{max-width:1640px;}
.closing-content{grid-column:3/13;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(34px,4.5vw,72px);}
.closing-heading{max-width:min(1180px,100%);}
.work-title{font-size:clamp(24px,1.95vw,32px);font-weight:600;letter-spacing:-.062em;line-height:1.02;margin-top:15px;}
@media(max-width:1000px){.closing-content{grid-column:2/13;}}
@media(max-width:700px){.closing-content{width:100%;}.work-title{font-size:clamp(20px,5.1vw,25px);margin-top:12px;line-height:1.04;}}


/* ==========================================================
   CRECK STUDIO V12 — Fotografías interiores un poco mayores.
   Conserva el ritmo asimétrico propio de cada proyecto.
   ========================================================== */
@media (min-width:701px){
 .project-main { max-width:1460px; }
 .project-series { column-gap:clamp(16px,2.35vw,38px); row-gap:clamp(44px,5vw,80px); }
 .project-series img, .project-series .hero img { max-height:940px; }
 .project-series .project-video video { max-height:830px; }
 /* La primera imagen tiene algo más de presencia sin llenar el ancho. */
 .layout-atlas .slot-1 { grid-column:1/9; }
 .layout-offset .slot-1 { grid-column:1/8; }
 .layout-column .slot-1 { grid-column:4/11; }
 .layout-frame .slot-1 { grid-column:5/12; }
 .layout-archive .slot-1 { grid-column:2/9; }
 .layout-stagger .slot-1 { grid-column:1/7; }
 .layout-window .slot-1 { grid-column:4/11; }
 .layout-block .slot-1 { grid-column:1/8; }
 .layout-drift .slot-1 { grid-column:2/10; }
}
@media (max-width:700px){
 /* En pantallas pequeñas, ampliar sin recortar ni provocar scroll horizontal. */
 .project-series .slot-1 { width:100%; max-width:100%; }
 .project-series .slot-2,
 .project-series .slot-5 { width:96%; max-width:100%; }
 .project-series .slot-3,
 .project-series .slot-6 { width:80%; max-width:100%; }
 .project-series .slot-4 { width:86%; max-width:100%; }
 .project-series .project-video { width:100%; max-width:100%; }
}

@media(max-width:700px){
  .project-main .project-series > figure.slot-1 {width:95%;max-width:95%;align-self:center;}
  .project-main .project-series > figure.slot-2,
  .project-main .project-series > figure.slot-5 {width:96%;max-width:96%;align-self:flex-start;}
  .project-main .project-series > figure.slot-3,
  .project-main .project-series > figure.slot-6 {width:80%;max-width:80%;align-self:flex-end;}
  .project-main .project-series > figure.slot-4 {width:86%;max-width:86%;align-self:center;}
  .project-main .project-series > figure.project-video {width:100%;max-width:100%;align-self:center;}
}


/* ==========================================================
   CRECK STUDIO V13 | proyectos en secuencia ordenada editorial
   Inspirado en portfolios tipo Cartel: flujo vertical limpio,
   tamaños variables pero con lectura ordenada al bajar.
   ========================================================== */
.project-main{
  max-width:1460px;
  padding:clamp(30px,3.2vw,52px) var(--space) 110px;
}
.project-heading,
.layout-spread .project-heading{
  max-width:1180px;
  margin:0 auto clamp(34px,4.6vw,62px);
  align-items:flex-start;
}
.project-heading h1,
.layout-portrait .project-heading h1{
  font-size:clamp(30px,3.2vw,46px);
  line-height:1.03;
  letter-spacing:-.05em;
  font-weight:500;
}
.project-heading a{
  font-size:12px;
  padding-top:8px;
}

.project-series{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:clamp(28px,3.7vw,58px);
  max-width:1180px;
  margin:0 auto;
  --s1:min(100%, 980px);
  --s2:min(76%, 760px);
  --s3:min(52%, 520px);
  --s4:min(88%, 900px);
  --s5:min(64%, 660px);
  --s6:min(72%, 740px);
  --sv:min(84%, 860px);
  --a1:center;
  --a2:flex-start;
  --a3:flex-end;
  --a4:center;
  --a5:flex-start;
  --a6:flex-end;
  --av:center;
}
.project-series > figure{
  width:100%;
  margin:0;
  min-width:0;
}
.project-series .slot-1{width:var(--s1);align-self:var(--a1);}
.project-series .slot-2{width:var(--s2);align-self:var(--a2);}
.project-series .slot-3{width:var(--s3);align-self:var(--a3);}
.project-series .slot-4{width:var(--s4);align-self:var(--a4);}
.project-series .slot-5{width:var(--s5);align-self:var(--a5);}
.project-series .slot-6{width:var(--s6);align-self:var(--a6);}
.project-series .project-video{width:var(--sv);align-self:var(--av);}
.project-series img,
.project-series .hero img{
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
}
.project-series .crop-wide img{aspect-ratio:auto; object-fit:cover;}
.project-series .crop-square img{aspect-ratio:auto; object-fit:cover;}
.project-series .crop-tall img{aspect-ratio:auto; object-fit:cover;}
.project-series .project-video video{
  width:100%;
  height:auto;
  max-height:none;
  object-fit:cover;
  background:#e7e6e1;
}

/* Variaciones: mismo orden vertical, distinta cadencia por proyecto. */
.layout-atlas .project-series{
  --s1:min(100%, 1000px); --s2:min(62%, 660px); --s3:min(44%, 450px);
  --s4:min(84%, 860px); --s5:min(70%, 710px); --s6:min(54%, 560px);
  --a2:flex-start; --a3:flex-end; --a4:center; --a5:flex-start; --a6:flex-end;
}
.layout-offset .project-series{
  --s1:min(86%, 900px); --s2:min(60%, 620px); --s3:min(48%, 490px);
  --s4:min(80%, 820px); --s5:min(58%, 600px); --s6:min(92%, 950px);
  --a1:flex-start; --a2:flex-end; --a3:center; --a4:flex-start; --a5:flex-end; --a6:center;
}
.layout-column .project-series{
  --s1:min(64%, 680px); --s2:min(38%, 390px); --s3:min(92%, 930px);
  --s4:min(46%, 470px); --s5:min(70%, 720px); --s6:min(50%, 520px);
  --a1:center; --a2:flex-start; --a3:center; --a4:flex-end; --a5:flex-start; --a6:flex-end;
}
.layout-stage .project-series{
  --s1:min(100%, 1040px); --s2:min(54%, 560px); --s3:min(50%, 520px);
  --s4:min(42%, 430px); --s5:min(82%, 840px); --s6:min(62%, 640px);
  --a1:center; --a2:flex-start; --a3:flex-end; --a4:center; --a5:center; --a6:flex-end;
}
.layout-frame .project-series{
  --s1:min(82%, 860px); --s2:min(70%, 720px); --s3:min(46%, 470px);
  --s4:min(58%, 600px); --s5:min(86%, 880px); --s6:min(48%, 500px);
  --a1:center; --a2:flex-start; --a3:flex-end; --a4:center; --a5:center; --a6:flex-end;
}
.layout-ribbon .project-series{
  --s1:min(100%, 1020px); --s2:min(56%, 590px); --s3:min(42%, 430px);
  --s4:min(78%, 800px); --s5:min(62%, 640px); --s6:min(88%, 900px);
  --a1:center; --a2:flex-start; --a3:flex-end; --a4:center; --a5:flex-start; --a6:center;
}
.layout-archive .project-series{
  --s1:min(76%, 790px); --s2:min(52%, 540px); --s3:min(40%, 410px);
  --s4:min(100%, 1040px); --s5:min(60%, 620px); --s6:min(46%, 470px);
  --a1:flex-start; --a2:flex-end; --a3:flex-start; --a4:center; --a5:flex-end; --a6:center;
}
.layout-stagger .project-series{
  --s1:min(90%, 940px); --s2:min(48%, 500px); --s3:min(58%, 600px);
  --s4:min(72%, 760px); --s5:min(44%, 460px); --s6:min(84%, 860px);
  --a1:center; --a2:flex-start; --a3:flex-end; --a4:flex-start; --a5:flex-end; --a6:center;
}
.layout-window .project-series{
  --s1:min(68%, 710px); --s2:min(100%, 1020px); --s3:min(36%, 380px);
  --s4:min(70%, 720px); --s5:min(54%, 560px); --s6:min(46%, 470px);
  --a1:center; --a2:center; --a3:flex-end; --a4:flex-start; --a5:flex-end; --a6:center;
}
.layout-block .project-series{
  --s1:min(100%, 1000px); --s2:min(66%, 680px); --s3:min(50%, 510px);
  --s4:min(60%, 620px); --s5:min(78%, 800px); --s6:min(56%, 580px);
  --a1:center; --a2:flex-start; --a3:flex-end; --a4:flex-start; --a5:center; --a6:flex-end;
}
.layout-drift .project-series{
  --s1:min(80%, 830px); --s2:min(42%, 430px); --s3:min(100%, 1000px);
  --s4:min(48%, 490px); --s5:min(64%, 660px); --s6:min(54%, 560px);
  --a1:flex-start; --a2:flex-end; --a3:center; --a4:flex-start; --a5:flex-end; --a6:center;
}
.layout-cinema-plus .project-series{
  --s1:min(92%, 960px); --s2:min(58%, 600px); --s3:min(40%, 410px);
  --s4:min(62%, 640px); --s5:min(90%, 920px); --s6:min(50%, 520px); --sv:min(88%, 900px);
  --a1:center; --a2:flex-start; --a3:flex-end; --a4:center; --a5:center; --a6:flex-end; --av:center;
}

@media(max-width:900px){
  .project-main{max-width:100%;padding:28px var(--space) 88px;}
  .project-series{max-width:100%;gap:34px;}
}
@media(max-width:700px){
  .project-main{padding:26px var(--space) 72px;}
  .project-heading,.layout-spread .project-heading{margin:0 auto 26px;gap:12px;}
  .project-heading h1,.layout-portrait .project-heading h1{font-size:clamp(26px,7vw,34px);}
  .project-heading a{font-size:11px;padding-top:6px;}
  .project-series{
    gap:28px;
    --s1:100%;
    --s2:88%;
    --s3:72%;
    --s4:92%;
    --s5:84%;
    --s6:76%;
    --sv:100%;
    --a1:center; --a2:flex-start; --a3:flex-end; --a4:center; --a5:flex-start; --a6:flex-end; --av:center;
  }
}


/* ==========================================================
   CRECK STUDIO V14 — archivo vertical, cabecera doble fija
   ========================================================== */
:root { --site-header-height: 78px; }
.project-main { max-width: 1410px; padding: 0 var(--space) 104px; }
.project-heading,
.layout-spread .project-heading {
  position: sticky;
  top: var(--site-header-height);
  z-index: 150;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 22px;
  max-width: 1160px;
  width: 100%;
  margin: 0 auto clamp(34px, 4.4vw, 64px);
  padding: clamp(16px, 1.8vw, 27px) 0 clamp(12px, 1.4vw, 19px);
  background: var(--paper);
}
.project-heading h1,
.layout-portrait .project-heading h1 {
  font-size: clamp(29px, 3vw, 44px);
  line-height: 1.04;
  font-weight: 500;
  letter-spacing: -.053em;
}
.project-heading a { padding-top: 0; font-size: 12px; }

/* Las fotos nunca llenan la pantalla: conservar su proporción
   y mostrar el archivo en tamaño grande, mediano o contenido. */
.project-series {
  max-width: 1130px;
  gap: clamp(42px, 5vw, 72px);
}
.project-series > figure,
.project-main .project-series > figure {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  min-width: 0;
}
.project-series img,
.project-series .hero img,
.project-series .crop-wide img,
.project-series .crop-tall img,
.project-series .crop-square img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: min(66vh, 680px);
  aspect-ratio: auto;
  object-fit: contain;
  margin: 0 auto;
}
.project-series .hero img,
.project-series .slot-1 img { max-height: min(71vh, 740px); }
.project-series .slot-3 img,
.project-series .slot-6 img { max-height: min(57vh, 560px); }
.project-series .project-video video {
  width: 100%; height: auto;
  max-height: min(68vh, 710px);
  object-fit: contain;
}

/* Se preserva la variación editorial de tamaños de V13,
   con límite para los espacios disponibles en cada proyecto. */
.project-series .slot-1 { max-width: 920px; }
.project-series .slot-2 { max-width: 760px; }
.project-series .slot-3 { max-width: 540px; }
.project-series .slot-4 { max-width: 850px; }
.project-series .slot-5 { max-width: 690px; }
.project-series .slot-6 { max-width: 590px; }
.project-series .project-video { max-width: 900px; }

@media (max-width: 700px) {
  .project-main { max-width: 100%; padding: 0 var(--space) 76px; }
  .project-heading,
  .layout-spread .project-heading {
    top: var(--site-header-height);
    padding: 13px 0 13px;
    margin: 0 auto 28px;
    align-items: baseline;
    gap: 10px;
  }
  .project-heading h1,
  .layout-portrait .project-heading h1 { font-size: clamp(25px, 7vw, 33px); }
  .project-heading a { font-size: 11px; }
  .project-main .project-series { gap: 32px; }
  .project-series img,
  .project-series .hero img,
  .project-series .crop-wide img,
  .project-series .crop-tall img,
  .project-series .crop-square img { max-height: 69vh; }
  .project-series .slot-3 img,
  .project-series .slot-6 img { max-height: 58vh; }
  /* Mismo orden vertical y variaciones sutiles de ancho en móvil. */
  .project-main .project-series {
    --s1: 100%; --s2: 91%; --s3: 77%;
    --s4: 96%; --s5: 87%; --s6: 79%;
    --sv: 100%;
    --a1: center; --a2: flex-start; --a3: flex-end;
    --a4: center; --a5: flex-start; --a6: flex-end;
  }
  .project-main .project-series > figure.slot-1 { width: var(--s1); align-self: var(--a1); }
  .project-main .project-series > figure.slot-2 { width: var(--s2); align-self: var(--a2); }
  .project-main .project-series > figure.slot-3 { width: var(--s3); align-self: var(--a3); }
  .project-main .project-series > figure.slot-4 { width: var(--s4); align-self: var(--a4); }
  .project-main .project-series > figure.slot-5 { width: var(--s5); align-self: var(--a5); }
  .project-main .project-series > figure.slot-6 { width: var(--s6); align-self: var(--a6); }
  .project-main .project-series > figure.project-video { width: var(--sv); }
}

/* ==========================================================
   CRECK STUDIO V16 — corrección puntual SOLO para páginas de proyecto
   Mantiene intacta la portada de V14.
   ========================================================== */
article.project-main .project-heading,
article.project-main.layout-spread .project-heading {
  position: sticky;
  top: var(--site-header-height);
  z-index: 150;
}

article.project-main .project-series {
  max-width: 1120px;
  gap: clamp(38px, 4.7vw, 68px);
}

article.project-main .project-series > figure {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

article.project-main .project-series img,
article.project-main .project-series .hero img,
article.project-main .project-series .crop-wide img,
article.project-main .project-series .crop-tall img,
article.project-main .project-series .crop-square img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: min(62vh, 660px);
  object-fit: contain;
  margin: 0 auto;
}

article.project-main .project-series .hero img,
article.project-main .project-series .slot-1 img {
  max-height: min(66vh, 710px);
}

article.project-main .project-series .slot-3 img,
article.project-main .project-series .slot-6 img {
  max-height: min(54vh, 520px);
}

article.project-main .project-series .project-video video {
  width: 100%;
  height: auto;
  max-height: min(62vh, 660px);
  object-fit: contain;
}

/* Mantener variedad editorial sin que las piezas ocupen toda la pantalla */
article.project-main .project-series .slot-1 { max-width: 880px; }
article.project-main .project-series .slot-2 { max-width: 720px; }
article.project-main .project-series .slot-3 { max-width: 500px; }
article.project-main .project-series .slot-4 { max-width: 820px; }
article.project-main .project-series .slot-5 { max-width: 660px; }
article.project-main .project-series .slot-6 { max-width: 560px; }
article.project-main .project-series .project-video { max-width: 860px; }

@media (max-width: 700px) {
  article.project-main .project-series {
    gap: 30px;
  }
  article.project-main .project-series img,
  article.project-main .project-series .hero img,
  article.project-main .project-series .crop-wide img,
  article.project-main .project-series .crop-tall img,
  article.project-main .project-series .crop-square img,
  article.project-main .project-series .project-video video {
    max-height: 64vh;
  }
  article.project-main .project-series .slot-3 img,
  article.project-main .project-series .slot-6 img {
    max-height: 56vh;
  }
}

/* =======================================================
   CRECK STUDIO V17 — ÚNICAMENTE ajustes solicitados
   Inicio: se reduce SOLO la miniatura cuya altura real
   no cabe completa en una ventana (sin tocar las otras).
   Proyecto: lectura lineal por imágenes, un bloque por fila.
   ======================================================= */
/* Aplicado solo a imágenes que lo necesiten vía app.js */
.gallery .work-image img.fit-home-screen {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: var(--home-visible-photo-height);
  aspect-ratio: auto;
  object-fit: contain;
  object-position: left top;
}
/* Los proyectos mantienen tamaños variados pero siguen un flujo vertical continuo. */
article.project-main .project-series {
  display: flex;
  flex-direction: column;
  align-items: center;
}
article.project-main .project-series > figure {
  margin-block: 0 !important;
}


/* ==========================================================
   CRECK STUDIO V18 | VERDADERA LECTURA LINEAL AL ABRIR PROYECTOS
   La home mantiene exactamente su estructura y comportamiento V17.
   Todas las fotografías de un proyecto quedan en una columna central,
   una POR FILA, en el orden del HTML, con anchos editoriales variados.
   ========================================================== */
article.project-main .project-series {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  max-width: 1060px;
  margin-inline: auto;
  gap: clamp(40px, 5.4vw, 76px);
}

/* Se anulan todos los desplazamientos y alineaciones alternadas
   heredados de las antiguas plantillas de collage. */
article.project-main .project-series > figure,
article.project-main .project-series > figure.hero,
article.project-main .project-series > figure.project-video {
  display: block;
  grid-column: auto !important;
  grid-row: auto !important;
  justify-self: center !important;
  align-self: center !important;
  margin: 0 auto !important;
  padding: 0;
  float: none;
  flex: 0 0 auto;
  min-width: 0;
  max-width: 100% !important;
  width: min(100%, 800px) !important;
}
/* Todos alineados al mismo eje vertical, sin dos fotos lado a lado. */
article.project-main .project-series > figure.slot-1 { width: min(100%, 900px) !important; }
article.project-main .project-series > figure.slot-2 { width: min(100%, 735px) !important; }
article.project-main .project-series > figure.slot-3 { width: min(100%, 515px) !important; }
article.project-main .project-series > figure.slot-4 { width: min(100%, 850px) !important; }
article.project-main .project-series > figure.slot-5 { width: min(100%, 660px) !important; }
article.project-main .project-series > figure.slot-6 { width: min(100%, 570px) !important; }
article.project-main .project-series > figure.project-video { width: min(100%, 860px) !important; }

article.project-main .project-series > figure img,
article.project-main .project-series > figure.hero img,
article.project-main .project-series > figure.crop-wide img,
article.project-main .project-series > figure.crop-square img,
article.project-main .project-series > figure.crop-tall img,
article.project-main .project-series > figure video {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: min(66svh, 700px);
  aspect-ratio: auto;
  margin: 0 auto;
  object-fit: contain;
}
article.project-main .project-series > figure.slot-3 img,
article.project-main .project-series > figure.slot-6 img {
  max-height: min(58svh, 590px);
}

@media (max-width: 700px) {
  article.project-main .project-series { gap: 34px; max-width: 100%; }
  article.project-main .project-series > figure.slot-1 { width: 100% !important; }
  article.project-main .project-series > figure.slot-2 { width: 92% !important; }
  article.project-main .project-series > figure.slot-3 { width: 80% !important; }
  article.project-main .project-series > figure.slot-4 { width: 96% !important; }
  article.project-main .project-series > figure.slot-5 { width: 86% !important; }
  article.project-main .project-series > figure.slot-6 { width: 78% !important; }
  article.project-main .project-series > figure.project-video { width: 100% !important; }
}


/* =================================================================
 CRECK STUDIO V19 — escala referencial del archivo de CARTEL and Co.
 SOLO interior de cada proyecto, sin cambios a INICIO.
 Las imágenes se centran, una por fila, y conservan el aspecto real.
 Las verticales tienen dimensión similar al ejemplo (≈520 × 650 en
 una pantalla grande). Las horizontales no ocupan todo el ancho.
 ================================================================= */
article.project-main .project-series {
  display:flex;
  flex-flow:column nowrap;
  align-items:center;
  gap:clamp(46px,5vw,76px);
  max-width:1100px;
  width:100%;
  margin:0 auto;
}
article.project-main .project-series > figure,
article.project-main .project-series > figure.hero,
article.project-main .project-series > figure.project-video {
  grid-column:auto !important;
  grid-row:auto !important;
  align-self:center !important;
  justify-self:center !important;
  flex:none;
  margin:0 auto !important;
  padding:0;
  max-width:100% !important;
  width:min(100%, 800px) !important;
}
/* Vertical: tamaño editorial. No se hace panorámica ni se recorta. */
article.project-main .project-series > figure.media-portrait,
article.project-main .project-series > figure.media-portrait.hero {
  width:min(100%,clamp(350px,30.6vw,550px)) !important;
}
/* Horizontal: más ancha, pero con márgenes laterales generosos. */
article.project-main .project-series > figure.media-landscape,
article.project-main .project-series > figure.media-landscape.hero,
article.project-main .project-series > figure.project-video {
  width:min(100%,clamp(610px,51.5vw,885px)) !important;
}
/* Mantener ligeras variaciones entre imágenes de una misma serie. */
article.project-main .project-series > figure.media-portrait.slot-3 {width:min(100%,clamp(330px,27.5vw,495px)) !important;}
article.project-main .project-series > figure.media-portrait.slot-6 {width:min(100%,clamp(345px,29vw,525px)) !important;}
article.project-main .project-series > figure.media-landscape.slot-4 {width:min(100%,clamp(610px,49vw,830px)) !important;}
article.project-main .project-series > figure.media-landscape.slot-5 {width:min(100%,clamp(590px,47vw,810px)) !important;}
article.project-main .project-series > figure img,
article.project-main .project-series > figure.hero img,
article.project-main .project-series > figure.crop-wide img,
article.project-main .project-series > figure.crop-square img,
article.project-main .project-series > figure.crop-tall img {
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:min(76svh,720px,calc(100svh - var(--site-header-height, 80px) - 165px));
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
  margin:0 auto;
}
article.project-main .project-series > figure.media-landscape img {
  max-height:min(64svh,560px);
}
article.project-main .project-series > figure video {
  display:block;
  width:100%;
  height:auto;
  max-height:min(64svh,560px);
  object-fit:contain;
  margin:0 auto;
}
@media(max-width:700px){
  article.project-main .project-series { gap:36px; }
  article.project-main .project-series > figure.media-portrait,
  article.project-main .project-series > figure.media-portrait.hero,
  article.project-main .project-series > figure.media-portrait.slot-3,
  article.project-main .project-series > figure.media-portrait.slot-6 {width:min(86%,420px) !important;}
  article.project-main .project-series > figure.media-landscape,
  article.project-main .project-series > figure.media-landscape.hero,
  article.project-main .project-series > figure.media-landscape.slot-4,
  article.project-main .project-series > figure.media-landscape.slot-5,
  article.project-main .project-series > figure.project-video {width:100% !important;}
  article.project-main .project-series > figure img,
  article.project-main .project-series > figure.hero img,
  article.project-main .project-series > figure video {max-height:70svh;}
}

/* El primer elemento queda completamente visible al entrar al proyecto. */
article.project-main .project-heading,
article.project-main.layout-spread .project-heading {
  margin-bottom:clamp(24px,3vw,42px);
}

/* V21 — eliminar únicamente la franja beige que queda a la derecha
   cuando una portada de Inicio se reduce para caber en pantalla.
   Conserva el ancho de la retícula y el de la imagen sin recortarla. */
.gallery .work-image.fitted-no-strip { background: transparent; }


/* CRECK STUDIO V26 — Inicio: portada Prueba 02.
   Alinear el BORDE DERECHO de la fotografía con el borde derecho
   de «Servicios» en el menú superior. Corregido el -clamp() inválido
   de las versiones anteriores, que los navegadores descartaban.
   La traslación también mueve el título y solo afecta al escritorio. */
@media (min-width: 701px) {
  .gallery > .work[data-proyecto="prueba-02"] {
    transform: translateX(calc(-45px - 2.5vw));
  }
}

/* En pantallas ultraanchas, la galería deja de crecer (max-width: 1780px),
   mientras la navegación sigue anclada al lado derecho de la ventana. */
@media (min-width: 1780px) {
  .gallery > .work[data-proyecto="prueba-02"] {
    transform: translateX(calc(50vw - 980px));
  }
}

/* CRECK STUDIO V27/V28 — SOLO portada en video de Proyecto 03.
   Respetar el resto de la reticula y la alineacion V26 de Prueba 02. */
/* V28 — ajuste localizado según la referencia enviada: 
   video desde el margen izquierdo y con 6 columnas de ancho,
   manteniendo la separación con Umbral (que comienza en columna 7).
   El título conserva el sangrado editorial de la referencia. */
.gallery > .work[data-proyecto="proyecto-03"] {
  grid-column: 1 / span 6;
}
/* V36 — El título de Lost future comienza al mismo borde izquierdo que su portada,
   tanto en escritorio como en móvil. No modificar la posición ni el tamaño del video. */
.gallery > .work[data-proyecto="proyecto-03"] .work-title {
  padding-left: 0;
  text-align: left;
}
.gallery > .work[data-proyecto="proyecto-03"] .work-image { background: transparent; }
.gallery > .work[data-proyecto="proyecto-03"] .work-image video {
  width: 100%; height: auto; aspect-ratio: 16 / 9;
  object-fit: contain; display: block; pointer-events: none;
}
@media (max-width: 670px) {
  .gallery > .work[data-proyecto="proyecto-03"] { grid-column: 1 / span 5; }
}
/* La pagina interior permanece vacia hasta recibir el contenido. */
.project-awaiting-content { min-height: 48vh; }
.project-awaiting-content .project-footer { margin-top:clamp(160px,30vh,360px); }

/* V29 — SOLO INTERIOR DE PROYECTO 03. Vídeos originales con audio manual.
   Se mantiene intacta la portada de Inicio, la retícula y el resto de proyectos. */
article.project-main[data-proyecto="proyecto-03"] .project-series {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:clamp(52px,6.5vw,95px);
}
article.project-main[data-proyecto="proyecto-03"] .project-series > figure.project-video.media-portrait {
  width:min(100%, 460px) !important;
  max-width:100% !important;
  align-self:center !important;
}
article.project-main[data-proyecto="proyecto-03"] .project-series > figure.project-video.media-landscape {
  width:min(100%, 760px) !important;
  max-width:100% !important;
  align-self:center !important;
}
article.project-main[data-proyecto="proyecto-03"] .project-series > figure.project-video video {
  display:block;
  height:auto;
  width:auto;
  max-width:100%;
  max-height:min(78svh,780px);
  margin:0 auto;
  object-fit:contain;
  aspect-ratio:auto;
  background:#191919;
}
@media (max-width:700px) {
  article.project-main[data-proyecto="proyecto-03"] .project-series > figure.project-video.media-portrait {
    width:min(100%, 420px) !important;
  }
  article.project-main[data-proyecto="proyecto-03"] .project-series > figure.project-video.media-landscape {
    width:100% !important;
  }
}

/* V31 — reproductor HTML5 nativo: sin botones extra ni superposiciones
   permanentes. El JS muestra controles en hover/focus; en movil hay
   controles accesibles al tacto. No alterar tamaños de V28-V30. */
article.project-main[data-proyecto="proyecto-03"] .project-series > figure.project-video { position: relative; }
article.project-main[data-proyecto="proyecto-03"] .project-series > figure.project-video video { cursor: auto; }

/* V33: la portada horizontal de Proyecto 05 conserva la fotografía completa,
   sin recortar el encuadre de la escena navideña. No altera otros proyectos. */
.gallery > .work[data-proyecto="proyecto-05"] .work-image {background:transparent;}
.gallery > .work[data-proyecto="proyecto-05"] .work-image img {
  width:100%; height:auto; aspect-ratio:auto; object-fit:contain; display:block;
}
/* La secuencia del Proyecto 05 mantiene nueve imágenes en un eje vertical,
   con márgenes editoriales y tamaños ligeramente variados. */
article.project-main[data-proyecto="proyecto-05"] .project-series > figure.slot-7.media-landscape {
  width:min(100%,clamp(500px,48vw,770px)) !important;
}
article.project-main[data-proyecto="proyecto-05"] .project-series > figure.slot-8.media-landscape {
  width:min(100%,clamp(500px,44vw,720px)) !important;
}
article.project-main[data-proyecto="proyecto-05"] .project-series > figure.slot-9.media-landscape {
  width:min(100%,clamp(500px,48vw,760px)) !important;
}
@media(max-width:700px){
 article.project-main[data-proyecto="proyecto-05"] .project-series > figure.slot-7.media-landscape,
 article.project-main[data-proyecto="proyecto-05"] .project-series > figure.slot-8.media-landscape,
 article.project-main[data-proyecto="proyecto-05"] .project-series > figure.slot-9.media-landscape {width:100% !important;}
}


/* V34 — Descripciones breves en las páginas interiores, sin cambiar la galería de Inicio. */
article.project-main.has-description .project-heading {
  margin-bottom:clamp(16px,2vw,26px);
}
article.project-main > .project-description {
  width:100%;
  max-width:1160px;
  margin:0 auto clamp(34px,4.4vw,64px);
  color:#555;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:clamp(14px,1.15vw,16px);
  font-weight:400;
  line-height:1.55;
  letter-spacing:-.012em;
}
article.project-main > .project-description > span {display:block;max-width:720px;}
@media(max-width:700px) {
  article.project-main > .project-description {
    margin-bottom:32px;
    font-size:14px;
    line-height:1.5;
  }
}


/* ===========================================================
   CRECK STUDIO V35 — SOLO LA PORTADA ES CLICABLE EN INICIO
   Evita que las zonas vacias de la reticula y los titulos
   abran el proyecto. La imagen/video conserva su enlace.
   No cambia anchos, margenes, escalas ni posicion de portadas.
   =========================================================== */
.gallery > a.work { pointer-events: none; }
.gallery > a.work .work-image img,
.gallery > a.work .work-image video { pointer-events: auto; cursor: pointer; }
.gallery > a.work .work-title { pointer-events: none; cursor: default; }
/* La portada animada tenia pointer-events:none en V28.
   Aqui se permite de forma explicita hacer clic SOLO en video. */
.gallery > a.work[data-proyecto="proyecto-03"] .work-image video {
  pointer-events: auto;
  cursor: pointer;
}

/* V37 — Caping studies: mostrar completa la portada editorial en Inicio. */
.gallery > .work[data-proyecto="proyecto-06"] .work-image {background: transparent;}
.gallery > .work[data-proyecto="proyecto-06"] .work-image img {
  display:block; width:100%; height:auto; aspect-ratio:auto; object-fit:contain;
}
/* Pieza 7: continuidad de la columna vertical sin alterar el resto del sitio. */
article.project-main[data-proyecto="proyecto-06"] .project-series > figure.slot-7 {
  width:min(100%, 720px) !important;
  align-self:center !important;
}
@media(max-width:700px) {
 article.project-main[data-proyecto="proyecto-06"] .project-series > figure.slot-7 {width:100% !important;}
}


/* ==============================================================
   CRECK STUDIO V40 — VISUAL ARCHIVE: RITMO EDITORIAL IRREGULAR
   Tres imágenes en cada fila de escritorio, sin recortes.
   Se alternan anchos y pequeños desplazamientos verticales.
   Solo afecta al contenido interior de Visual Archive.
   ============================================================== */
article.project-main[data-proyecto="proyecto-07"] .project-series.archive-editorial {
  display:flex !important;
  flex-direction:column;
  gap:clamp(44px,5.6vw,88px);
  width:100%;
  max-width:1240px;
  margin:0 auto;
  align-items:stretch;
}
article.project-main[data-proyecto="proyecto-07"] .archive-row {
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  column-gap:clamp(18px,2.7vw,38px);
  align-items:start;
  width:100%;
  min-width:0;
}
/* Proporciones deliberadamente distintas: una pieza dominante y dos acompañantes. */
article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-a {grid-template-columns:1.20fr .84fr .96fr;}
article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-b {grid-template-columns:.87fr 1.22fr .91fr;}
article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-c {grid-template-columns:.96fr .89fr 1.15fr;}
article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-d {grid-template-columns:1.08fr 1.02fr .90fr;}
article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-e {grid-template-columns:.92fr 1.07fr 1.01fr;}
article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-f {grid-template-columns:1.04fr .90fr 1.06fr;}
article.project-main[data-proyecto="proyecto-07"] .archive-row:nth-child(4n+3) {width:95%;margin-left:auto;}
article.project-main[data-proyecto="proyecto-07"] .archive-row:nth-child(5n+2) {width:96%;margin-right:auto;}
article.project-main[data-proyecto="proyecto-07"] .archive-row > figure,
article.project-main[data-proyecto="proyecto-07"] .archive-row > figure.archive-piece {
  display:block;
  grid-column:auto !important;
  margin:0;
  padding:0;
  width:100% !important;
  max-width:100% !important;
  min-width:0;
  justify-self:stretch;
  align-self:start;
}
/* El desplazamiento es en el contenedor, no sobre la imagen. */
article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-a > figure:nth-child(2) {padding-top:12%;}
article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-a > figure:nth-child(3) {padding-top:5%;}
article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-b > figure:nth-child(1) {padding-top:8%;}
article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-b > figure:nth-child(3) {padding-top:17%;}
article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-c > figure:nth-child(1) {padding-top:14%;}
article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-c > figure:nth-child(2) {padding-top:3%;}
article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-d > figure:nth-child(2) {padding-top:9%;}
article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-e > figure:nth-child(1) {padding-top:10%;}
article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-e > figure:nth-child(3) {padding-top:6%;}
article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-f > figure:nth-child(2) {padding-top:15%;}
article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-f > figure:nth-child(3) {padding-top:3%;}
article.project-main[data-proyecto="proyecto-07"] .archive-row img,
article.project-main[data-proyecto="proyecto-07"] .archive-row > figure img {
  display:block;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  aspect-ratio:auto !important;
  margin:0;
}
/* El último díptico deja espacio negativo: evita una figura de relleno. */
article.project-main[data-proyecto="proyecto-07"] .archive-row.archive-row-end {
  grid-template-columns:1.10fr .91fr .99fr;
}
/* Portada de Inicio: mantener PRISMA completa sin cambiar su tamaño. */
.gallery > .work[data-proyecto="proyecto-07"] .work-image {background:transparent;}
.gallery > .work[data-proyecto="proyecto-07"] .work-image img {object-fit:contain;aspect-ratio:auto;}
@media (max-width:900px) {
  article.project-main[data-proyecto="proyecto-07"] .project-series.archive-editorial {gap:45px;}
  article.project-main[data-proyecto="proyecto-07"] .archive-row,
  article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-a,
  article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-b,
  article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-c,
  article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-d,
  article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-e,
  article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-f,
  article.project-main[data-proyecto="proyecto-07"] .archive-row.archive-row-end {
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    margin-left:0;
    margin-right:0;
    gap:28px;
  }
  article.project-main[data-proyecto="proyecto-07"] .archive-row > figure {padding-top:0 !important;}
}
@media (max-width:620px) {
  article.project-main[data-proyecto="proyecto-07"] .project-series.archive-editorial {gap:26px;}
  article.project-main[data-proyecto="proyecto-07"] .archive-row,
  article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-a,
  article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-b,
  article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-c,
  article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-d,
  article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-e,
  article.project-main[data-proyecto="proyecto-07"] .archive-row.rhythm-f,
  article.project-main[data-proyecto="proyecto-07"] .archive-row.archive-row-end {
    grid-template-columns:minmax(0,1fr);
    gap:26px;
  }
}


/* V41 — Visual Archive: quitar sticky del encabezado y evitar la franja blanca al hacer scroll. */
article.project-main[data-proyecto="proyecto-07"] .project-heading {
  position: static !important;
  top: auto !important;
  z-index: auto !important;
  background: transparent !important;
}

/* V41 — Visual Archive: ligera separación consistente entre título, texto y primera fila. */
article.project-main[data-proyecto="proyecto-07"] > .project-description {
  margin-bottom: clamp(30px, 4vw, 52px);
}


/* V42 — NUEVO PROYECTO 08: GALERÍA MONOCROMÁTICA EDITORIAL. */
article.project-main[data-proyecto="proyecto-08"] .project-heading {
  position:static !important;
  top:auto !important;
  z-index:auto !important;
  background:transparent !important;
}
article.project-main[data-proyecto="proyecto-08"] > .project-description {
  margin-bottom:clamp(30px,4vw,52px);
}
article.project-main[data-proyecto="proyecto-08"] .project-series.mono-editorial {
  display:flex !important;
  flex-direction:column;
  align-items:stretch;
  width:100%;
  max-width:1240px;
  margin:0 auto;
  gap:clamp(48px,6vw,92px);
}
article.project-main[data-proyecto="proyecto-08"] .mono-row {
  display:grid;
  grid-template-columns:1.2fr .84fr .96fr;
  gap:clamp(18px,2.7vw,38px);
  align-items:start;
  width:100%;
  min-width:0;
}
article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-b {grid-template-columns:.92fr 1.21fr .87fr;}
article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-c {grid-template-columns:.91fr .87fr 1.22fr;}
article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-d {grid-template-columns:1.07fr 1fr .93fr;}
article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-e {grid-template-columns:.90fr 1.14fr .96fr;}
article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-f {grid-template-columns:1.12fr .91fr .97fr;}
article.project-main[data-proyecto="proyecto-08"] .mono-row:nth-child(4n+3) {width:95%;margin-left:auto;}
article.project-main[data-proyecto="proyecto-08"] .mono-row:nth-child(5n+2) {width:96%;margin-right:auto;}
article.project-main[data-proyecto="proyecto-08"] .mono-row > figure {
  display:block; margin:0; padding:0;
  width:100% !important; max-width:100% !important;
  min-width:0; align-self:start; justify-self:stretch;
}
article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-a > figure:nth-child(2) {padding-top:12%;}
article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-a > figure:nth-child(3) {padding-top:5%;}
article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-b > figure:nth-child(1) {padding-top:8%;}
article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-b > figure:nth-child(3) {padding-top:15%;}
article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-c > figure:nth-child(1) {padding-top:13%;}
article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-c > figure:nth-child(2) {padding-top:4%;}
article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-d > figure:nth-child(2) {padding-top:8%;}
article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-e > figure:nth-child(1) {padding-top:12%;}
article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-e > figure:nth-child(3) {padding-top:6%;}
article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-f > figure:nth-child(2) {padding-top:14%;}
article.project-main[data-proyecto="proyecto-08"] .mono-row img,
article.project-main[data-proyecto="proyecto-08"] .mono-row > figure img {
  display:block; width:100% !important; height:auto !important;
  max-width:100% !important; max-height:none !important;
  object-fit:contain !important; aspect-ratio:auto !important; margin:0;
}
article.project-main[data-proyecto="proyecto-08"] .mono-row.mono-row-end {grid-template-columns:1.12fr .94fr .94fr;}
.gallery > .work[data-proyecto="proyecto-08"] .work-image {background:transparent;}
.gallery > .work[data-proyecto="proyecto-08"] .work-image img {object-fit:contain; aspect-ratio:auto;}
@media(max-width:900px) {
  article.project-main[data-proyecto="proyecto-08"] .project-series.mono-editorial {gap:44px;}
  article.project-main[data-proyecto="proyecto-08"] .mono-row,
  article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-b,
  article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-c,
  article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-d,
  article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-e,
  article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-f,
  article.project-main[data-proyecto="proyecto-08"] .mono-row.mono-row-end {
    grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:0;gap:28px;
  }
  article.project-main[data-proyecto="proyecto-08"] .mono-row > figure {padding-top:0 !important;}
}
@media(max-width:620px) {
  article.project-main[data-proyecto="proyecto-08"] .project-series.mono-editorial {gap:26px;}
  article.project-main[data-proyecto="proyecto-08"] .mono-row,
  article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-b,
  article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-c,
  article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-d,
  article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-e,
  article.project-main[data-proyecto="proyecto-08"] .mono-row.rhythm-f,
  article.project-main[data-proyecto="proyecto-08"] .mono-row.mono-row-end {
    grid-template-columns:minmax(0,1fr);gap:26px;
  }
}


/* ==============================================================
   V43 — PROYECTO 09: EDITORIAL CROMÁTICA, SIN RECORTES NI STICKY.
   Tres piezas por fila en escritorio; escalas y márgenes alternados.
   ============================================================= */
article.project-main[data-proyecto="proyecto-09"] .project-heading {
  position:static !important;
  top:auto !important;
  z-index:auto !important;
  background:transparent !important;
}
article.project-main[data-proyecto="proyecto-09"] > .project-description {
  margin-bottom:clamp(32px,4vw,56px);
}
article.project-main[data-proyecto="proyecto-09"] .project-series.chromatic-editorial {
  display:flex !important;
  flex-direction:column;
  align-items:stretch;
  width:100%;
  max-width:1220px;
  margin:0 auto;
  gap:clamp(50px,6.2vw,96px);
}
article.project-main[data-proyecto="proyecto-09"] .chromatic-row {
  display:grid;
  grid-template-columns:1.22fr .84fr .94fr;
  column-gap:clamp(18px,2.8vw,42px);
  align-items:start;
  min-width:0;
  width:100%;
}
article.project-main[data-proyecto="proyecto-09"] .chromatic-row.rhythm-b {grid-template-columns:.86fr 1.23fr .91fr;}
article.project-main[data-proyecto="proyecto-09"] .chromatic-row.rhythm-c {grid-template-columns:.96fr .88fr 1.16fr;}
article.project-main[data-proyecto="proyecto-09"] .chromatic-row.rhythm-d {grid-template-columns:1.12fr 1fr .88fr;}
article.project-main[data-proyecto="proyecto-09"] .chromatic-row:nth-child(3n+2) {width:96%;margin-left:auto;}
article.project-main[data-proyecto="proyecto-09"] .chromatic-row > figure {
  display:block;
  margin:0;
  padding:0;
  width:100% !important;
  max-width:100% !important;
  min-width:0;
  align-self:start;
  justify-self:stretch;
  grid-column:auto !important;
}
article.project-main[data-proyecto="proyecto-09"] .chromatic-row.rhythm-a > figure:nth-child(2) {padding-top:13%;}
article.project-main[data-proyecto="proyecto-09"] .chromatic-row.rhythm-a > figure:nth-child(3) {padding-top:6%;}
article.project-main[data-proyecto="proyecto-09"] .chromatic-row.rhythm-b > figure:nth-child(1) {padding-top:9%;}
article.project-main[data-proyecto="proyecto-09"] .chromatic-row.rhythm-b > figure:nth-child(3) {padding-top:15%;}
article.project-main[data-proyecto="proyecto-09"] .chromatic-row.rhythm-c > figure:nth-child(1) {padding-top:14%;}
article.project-main[data-proyecto="proyecto-09"] .chromatic-row.rhythm-c > figure:nth-child(2) {padding-top:4%;}
article.project-main[data-proyecto="proyecto-09"] .chromatic-row.rhythm-d > figure:nth-child(2) {padding-top:8%;}
article.project-main[data-proyecto="proyecto-09"] .chromatic-row img,
article.project-main[data-proyecto="proyecto-09"] .chromatic-row > figure img {
  display:block;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  aspect-ratio:auto !important;
  margin:0;
}
/* La última pieza cierra centrada, con presencia propia, sin estirar la foto. */
article.project-main[data-proyecto="proyecto-09"] .chromatic-row.chromatic-row-end {
  grid-template-columns:1fr 1.14fr 1fr;
  width:100%;
  margin:0;
}
article.project-main[data-proyecto="proyecto-09"] .chromatic-row.chromatic-row-end > figure {
  grid-column:2 !important;
  justify-self:center;
  padding-top:0;
}
.gallery > .work[data-proyecto="proyecto-09"] .work-image {background:transparent;}
.gallery > .work[data-proyecto="proyecto-09"] .work-image img {object-fit:contain;aspect-ratio:auto;}
@media (max-width:900px) {
  article.project-main[data-proyecto="proyecto-09"] .project-series.chromatic-editorial {gap:46px;}
  article.project-main[data-proyecto="proyecto-09"] .chromatic-row,
  article.project-main[data-proyecto="proyecto-09"] .chromatic-row.rhythm-b,
  article.project-main[data-proyecto="proyecto-09"] .chromatic-row.rhythm-c,
  article.project-main[data-proyecto="proyecto-09"] .chromatic-row.rhythm-d,
  article.project-main[data-proyecto="proyecto-09"] .chromatic-row.chromatic-row-end {
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;margin:0;gap:28px;
  }
  article.project-main[data-proyecto="proyecto-09"] .chromatic-row > figure {padding-top:0 !important;}
  article.project-main[data-proyecto="proyecto-09"] .chromatic-row.chromatic-row-end > figure {grid-column:1 / -1 !important;width:min(100%,420px) !important;}
}
@media (max-width:620px) {
  article.project-main[data-proyecto="proyecto-09"] .project-series.chromatic-editorial {gap:30px;}
  article.project-main[data-proyecto="proyecto-09"] .chromatic-row,
  article.project-main[data-proyecto="proyecto-09"] .chromatic-row.rhythm-b,
  article.project-main[data-proyecto="proyecto-09"] .chromatic-row.rhythm-c,
  article.project-main[data-proyecto="proyecto-09"] .chromatic-row.rhythm-d,
  article.project-main[data-proyecto="proyecto-09"] .chromatic-row.chromatic-row-end {
    grid-template-columns:minmax(0,1fr);
    width:100%;margin:0;gap:30px;
  }
  article.project-main[data-proyecto="proyecto-09"] .chromatic-row.chromatic-row-end > figure {grid-column:1 !important;}
}


/* Proyecto 10 — retratos sintéticos y archivo híbrido */
article.project-main[data-proyecto="proyecto-10"] .hybrid-row {
  display:grid;
  grid-template-columns:1.06fr .88fr 1.18fr;
  gap:clamp(14px,2vw,26px);
  align-items:start;
  width:min(100%,1140px);
  margin:0 auto clamp(16px,2.8vw,28px);
}
article.project-main[data-proyecto="proyecto-10"] .hybrid-row.rhythm-b {grid-template-columns:.9fr 1.22fr .84fr;}
article.project-main[data-proyecto="proyecto-10"] .hybrid-row.rhythm-c {grid-template-columns:1.14fr .94fr .92fr;}
article.project-main[data-proyecto="proyecto-10"] .hybrid-row.rhythm-d {grid-template-columns:.84fr .98fr 1.24fr;}
article.project-main[data-proyecto="proyecto-10"] .hybrid-row.rhythm-e {grid-template-columns:1.2fr .86fr .96fr;}
article.project-main[data-proyecto="proyecto-10"] .hybrid-row:nth-child(2n) {width:96%; margin-left:auto;}
article.project-main[data-proyecto="proyecto-10"] .hybrid-row:nth-child(3n) {width:95%; margin-right:auto;}
article.project-main[data-proyecto="proyecto-10"] .hybrid-row > figure {margin:0;}
article.project-main[data-proyecto="proyecto-10"] .hybrid-row img,
article.project-main[data-proyecto="proyecto-10"] .hybrid-row > figure img {display:block; width:100%; height:auto; background:#efefec;}
article.project-main[data-proyecto="proyecto-10"] .hybrid-row.rhythm-a > figure:nth-child(2) {padding-top:14%;}
article.project-main[data-proyecto="proyecto-10"] .hybrid-row.rhythm-a > figure:nth-child(3) {padding-top:4%;}
article.project-main[data-proyecto="proyecto-10"] .hybrid-row.rhythm-b > figure:nth-child(1) {padding-top:10%;}
article.project-main[data-proyecto="proyecto-10"] .hybrid-row.rhythm-b > figure:nth-child(3) {padding-top:16%;}
article.project-main[data-proyecto="proyecto-10"] .hybrid-row.rhythm-c > figure:nth-child(2) {padding-top:6%;}
article.project-main[data-proyecto="proyecto-10"] .hybrid-row.rhythm-c > figure:nth-child(3) {padding-top:13%;}
article.project-main[data-proyecto="proyecto-10"] .hybrid-row.rhythm-d > figure:nth-child(1) {padding-top:15%;}
article.project-main[data-proyecto="proyecto-10"] .hybrid-row.rhythm-d > figure:nth-child(2) {padding-top:3%;}
article.project-main[data-proyecto="proyecto-10"] .hybrid-row.rhythm-e > figure:nth-child(2) {padding-top:12%;}
article.project-main[data-proyecto="proyecto-10"] .hybrid-row.rhythm-e > figure:nth-child(3) {padding-top:7%;}
@media (max-width: 900px) {
  article.project-main[data-proyecto="proyecto-10"] .hybrid-row,
  article.project-main[data-proyecto="proyecto-10"] .hybrid-row.rhythm-b,
  article.project-main[data-proyecto="proyecto-10"] .hybrid-row.rhythm-c,
  article.project-main[data-proyecto="proyecto-10"] .hybrid-row.rhythm-d,
  article.project-main[data-proyecto="proyecto-10"] .hybrid-row.rhythm-e {
    grid-template-columns:repeat(2, minmax(0,1fr));
    width:100%;
    gap:14px;
  }
  article.project-main[data-proyecto="proyecto-10"] .hybrid-row > figure {padding-top:0 !important;}
}
@media (max-width: 640px) {
  article.project-main[data-proyecto="proyecto-10"] .hybrid-row,
  article.project-main[data-proyecto="proyecto-10"] .hybrid-row.rhythm-b,
  article.project-main[data-proyecto="proyecto-10"] .hybrid-row.rhythm-c,
  article.project-main[data-proyecto="proyecto-10"] .hybrid-row.rhythm-d,
  article.project-main[data-proyecto="proyecto-10"] .hybrid-row.rhythm-e {
    grid-template-columns:1fr;
  }
}


/* Proyecto 11 — archivo uncanny / retratos y máscaras */
article.project-main[data-proyecto="proyecto-11"] .uncanny-row {
  display:grid;
  grid-template-columns:1.16fr .88fr 1.02fr;
  gap:clamp(14px,2vw,26px);
  align-items:start;
  width:min(100%,1140px);
  margin:0 auto clamp(16px,2.8vw,30px);
}
article.project-main[data-proyecto="proyecto-11"] .uncanny-row.rhythm-b {grid-template-columns:.92fr 1.18fr .9fr;}
article.project-main[data-proyecto="proyecto-11"] .uncanny-row.rhythm-c {grid-template-columns:1.05fr .94fr 1.12fr;}
article.project-main[data-proyecto="proyecto-11"] .uncanny-row.rhythm-d {grid-template-columns:.84fr 1.12fr 1fr;}
article.project-main[data-proyecto="proyecto-11"] .uncanny-row.rhythm-e {grid-template-columns:1.2fr .9fr .86fr;}
article.project-main[data-proyecto="proyecto-11"] .uncanny-row:nth-child(2n){width:96%; margin-left:auto;}
article.project-main[data-proyecto="proyecto-11"] .uncanny-row:nth-child(3n){width:95%; margin-right:auto;}
article.project-main[data-proyecto="proyecto-11"] .uncanny-row > figure{margin:0;}
article.project-main[data-proyecto="proyecto-11"] .uncanny-row img{display:block; width:100%; height:auto; background:#efefec;}
article.project-main[data-proyecto="proyecto-11"] .uncanny-row.rhythm-a > figure:nth-child(2){padding-top:15%;}
article.project-main[data-proyecto="proyecto-11"] .uncanny-row.rhythm-a > figure:nth-child(3){padding-top:4%;}
article.project-main[data-proyecto="proyecto-11"] .uncanny-row.rhythm-b > figure:nth-child(1){padding-top:7%;}
article.project-main[data-proyecto="proyecto-11"] .uncanny-row.rhythm-b > figure:nth-child(3){padding-top:14%;}
article.project-main[data-proyecto="proyecto-11"] .uncanny-row.rhythm-c > figure:nth-child(2){padding-top:4%;}
article.project-main[data-proyecto="proyecto-11"] .uncanny-row.rhythm-c > figure:nth-child(3){padding-top:12%;}
article.project-main[data-proyecto="proyecto-11"] .uncanny-row.rhythm-d > figure:nth-child(1){padding-top:12%;}
article.project-main[data-proyecto="proyecto-11"] .uncanny-row.rhythm-d > figure:nth-child(2){padding-top:2%;}
article.project-main[data-proyecto="proyecto-11"] .uncanny-row.rhythm-e > figure:nth-child(2){padding-top:10%;}
article.project-main[data-proyecto="proyecto-11"] .uncanny-row.rhythm-e > figure:nth-child(3){padding-top:6%;}
article.project-main[data-proyecto="proyecto-11"] .uncanny-row.is-single{grid-template-columns:minmax(0, .8fr); justify-content:center; width:min(100%,620px);}
article.project-main[data-proyecto="proyecto-11"] .uncanny-row.is-single > figure{padding-top:0 !important;}
@media (max-width: 900px){
  article.project-main[data-proyecto="proyecto-11"] .uncanny-row,
  article.project-main[data-proyecto="proyecto-11"] .uncanny-row.rhythm-b,
  article.project-main[data-proyecto="proyecto-11"] .uncanny-row.rhythm-c,
  article.project-main[data-proyecto="proyecto-11"] .uncanny-row.rhythm-d,
  article.project-main[data-proyecto="proyecto-11"] .uncanny-row.rhythm-e{grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; gap:14px;}
  article.project-main[data-proyecto="proyecto-11"] .uncanny-row > figure{padding-top:0 !important;}
  article.project-main[data-proyecto="proyecto-11"] .uncanny-row.is-single{grid-template-columns:1fr; width:100%;}
}
@media (max-width: 640px){
  article.project-main[data-proyecto="proyecto-11"] .uncanny-row,
  article.project-main[data-proyecto="proyecto-11"] .uncanny-row.rhythm-b,
  article.project-main[data-proyecto="proyecto-11"] .uncanny-row.rhythm-c,
  article.project-main[data-proyecto="proyecto-11"] .uncanny-row.rhythm-d,
  article.project-main[data-proyecto="proyecto-11"] .uncanny-row.rhythm-e{grid-template-columns:1fr;}
}


/* ================================================================
   CRECK STUDIO V46 — TODAS LAS GALERÍAS FOTOGRÁFICAS SIN FRANJAS
   Excepción única: Lost future (proyecto-03) mantiene sus vídeos.
   Las imágenes se muestran a su aspecto intrínseco completo:
   sin altura artificial, sin barras grises ni recorte de contenido.
   ================================================================ */
article.project-main:not([data-proyecto="proyecto-03"]) .project-series figure {
  background:transparent !important;
  overflow:visible;
}
article.project-main:not([data-proyecto="proyecto-03"]) .project-series figure > img,
article.project-main:not([data-proyecto="proyecto-03"]) .project-series figure.hero > img,
article.project-main:not([data-proyecto="proyecto-03"]) .project-series figure.crop-wide > img,
article.project-main:not([data-proyecto="proyecto-03"]) .project-series figure.crop-square > img,
article.project-main:not([data-proyecto="proyecto-03"]) .project-series figure.crop-tall > img {
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:none !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
/* Mantener los encabezados por encima de la galería solo al principio:
   no dejar una franja opaca sobre las fotos durante el desplazamiento. */
article.project-main:not([data-proyecto="proyecto-03"]) .project-heading {
  position:static !important;
  top:auto !important;
  z-index:auto !important;
  background:transparent !important;
}
/* Los trabajos antiguos ahora siguen una secuencia editorial de 3 por fila. */
article.project-main .project-series.three-editorial {
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  max-width:1200px !important;
  width:100% !important;
  gap:clamp(32px,4.8vw,72px) !important;
  margin:0 auto;
}
article.project-main .project-series.three-editorial > .v46-row {
  display:grid !important;
  grid-template-columns:1.18fr .86fr .96fr;
  align-items:start;
  column-gap:clamp(16px,2.3vw,32px);
  width:100%;
  min-width:0;
  margin:0;
}
article.project-main .project-series.three-editorial > .v46-row.rhythm-b {grid-template-columns:.92fr 1.2fr .88fr;}
article.project-main .project-series.three-editorial > .v46-row.rhythm-c {grid-template-columns:1.04fr .9fr 1.06fr;}
article.project-main .project-series.three-editorial > .v46-row.rhythm-d {grid-template-columns:.88fr 1.04fr 1.08fr;}
article.project-main .project-series.three-editorial > .v46-row.rhythm-e {grid-template-columns:1.1fr 1.02fr .88fr;}
article.project-main .project-series.three-editorial > .v46-row.rhythm-f {grid-template-columns:.98fr .86fr 1.16fr;}
article.project-main .project-series.three-editorial > .v46-row:nth-child(4n+2) {width:97%;margin-left:auto;}
article.project-main .project-series.three-editorial > .v46-row:nth-child(4n+3) {width:96%;margin-right:auto;}
article.project-main .project-series.three-editorial > .v46-row > figure,
article.project-main .project-series.three-editorial > .v46-row > figure.hero,
article.project-main .project-series.three-editorial > .v46-row > figure.media-portrait,
article.project-main .project-series.three-editorial > .v46-row > figure.media-landscape,
article.project-main .project-series.three-editorial > .v46-row > figure.project-video {
  position:relative;
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:0;
  align-self:start !important;
  justify-self:stretch !important;
  grid-column:auto !important;
  grid-row:auto !important;
}
article.project-main .project-series.three-editorial > .v46-row.rhythm-a > figure:nth-child(2) {padding-top:12%;}
article.project-main .project-series.three-editorial > .v46-row.rhythm-a > figure:nth-child(3) {padding-top:5%;}
article.project-main .project-series.three-editorial > .v46-row.rhythm-b > figure:nth-child(1) {padding-top:8%;}
article.project-main .project-series.three-editorial > .v46-row.rhythm-b > figure:nth-child(3) {padding-top:14%;}
article.project-main .project-series.three-editorial > .v46-row.rhythm-c > figure:nth-child(2) {padding-top:6%;}
article.project-main .project-series.three-editorial > .v46-row.rhythm-c > figure:nth-child(3) {padding-top:10%;}
article.project-main .project-series.three-editorial > .v46-row.rhythm-d > figure:nth-child(1) {padding-top:13%;}
article.project-main .project-series.three-editorial > .v46-row.rhythm-e > figure:nth-child(2) {padding-top:11%;}
article.project-main .project-series.three-editorial > .v46-row.rhythm-f > figure:nth-child(3) {padding-top:12%;}
article.project-main .project-series.three-editorial > .v46-row.row-duo {
  grid-template-columns:1.04fr .96fr;
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}
article.project-main .project-series.three-editorial > .v46-row.row-single {
  grid-template-columns:minmax(0,1fr);
  max-width:470px;
  margin-left:auto;
  margin-right:auto;
}
article.project-main .project-series.three-editorial > .v46-row.row-single > figure,
article.project-main .project-series.three-editorial > .v46-row.row-duo > figure {
  padding-top:0 !important;
}
article.project-main .project-series.three-editorial > .v46-row video {
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  background:transparent;
}
@media (max-width:900px) {
  article.project-main .project-series.three-editorial > .v46-row,
  article.project-main .project-series.three-editorial > .v46-row.rhythm-b,
  article.project-main .project-series.three-editorial > .v46-row.rhythm-c,
  article.project-main .project-series.three-editorial > .v46-row.rhythm-d,
  article.project-main .project-series.three-editorial > .v46-row.rhythm-e,
  article.project-main .project-series.three-editorial > .v46-row.rhythm-f {
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    column-gap:clamp(12px,2.4vw,26px);
    row-gap:24px;
    margin:0;
  }
  article.project-main .project-series.three-editorial > .v46-row.row-single {grid-template-columns:1fr;max-width:470px;margin:auto;}
  article.project-main .project-series.three-editorial > .v46-row > figure {padding-top:0 !important;}
}
@media (max-width:620px) {
  article.project-main .project-series.three-editorial > .v46-row,
  article.project-main .project-series.three-editorial > .v46-row.rhythm-b,
  article.project-main .project-series.three-editorial > .v46-row.rhythm-c,
  article.project-main .project-series.three-editorial > .v46-row.rhythm-d,
  article.project-main .project-series.three-editorial > .v46-row.rhythm-e,
  article.project-main .project-series.three-editorial > .v46-row.rhythm-f,
  article.project-main .project-series.three-editorial > .v46-row.row-single,
  article.project-main .project-series.three-editorial > .v46-row.row-duo {
    grid-template-columns:minmax(0,1fr);
    width:100%;
    max-width:100%;
    gap:clamp(22px,7vw,34px);
  }
}


/* CRECK STUDIO V47 — Silent holiday: dos fotografías por línea, sin recortes. */
article.project-main[data-proyecto="proyecto-05"] .project-series.holiday-two-column {
  max-width:1280px !important;
  row-gap:clamp(38px,5.2vw,78px) !important;
}
article.project-main[data-proyecto="proyecto-05"] .project-series.holiday-two-column > .v46-row,
article.project-main[data-proyecto="proyecto-05"] .project-series.holiday-two-column > .v46-row.rhythm-b,
article.project-main[data-proyecto="proyecto-05"] .project-series.holiday-two-column > .v46-row.rhythm-c,
article.project-main[data-proyecto="proyecto-05"] .project-series.holiday-two-column > .v46-row.rhythm-d,
article.project-main[data-proyecto="proyecto-05"] .project-series.holiday-two-column > .v46-row.rhythm-e {
  display:grid !important;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr) !important;
  column-gap:clamp(18px,3vw,44px);
  width:100% !important;
  max-width:none;
  margin:0 auto;
  align-items:start;
}
article.project-main[data-proyecto="proyecto-05"] .project-series.holiday-two-column > .v46-row:nth-child(even) {
  grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr) !important;
}
article.project-main[data-proyecto="proyecto-05"] .project-series.holiday-two-column > .v46-row.row-single {
  grid-template-columns:minmax(0,1fr) !important;
  width:min(100%,640px) !important;
  margin:0 auto;
}
article.project-main[data-proyecto="proyecto-05"] .project-series.holiday-two-column > .v46-row > figure {
  padding-top:0 !important;
}
article.project-main[data-proyecto="proyecto-05"] .project-series.holiday-two-column > .v46-row:nth-child(even) > figure:nth-child(2) {
  padding-top:4% !important;
}
@media (max-width:700px) {
  article.project-main[data-proyecto="proyecto-05"] .project-series.holiday-two-column > .v46-row,
  article.project-main[data-proyecto="proyecto-05"] .project-series.holiday-two-column > .v46-row.rhythm-b,
  article.project-main[data-proyecto="proyecto-05"] .project-series.holiday-two-column > .v46-row.rhythm-c,
  article.project-main[data-proyecto="proyecto-05"] .project-series.holiday-two-column > .v46-row.rhythm-d,
  article.project-main[data-proyecto="proyecto-05"] .project-series.holiday-two-column > .v46-row.rhythm-e,
  article.project-main[data-proyecto="proyecto-05"] .project-series.holiday-two-column > .v46-row:nth-child(even) {
    grid-template-columns:minmax(0,1fr) !important;
    width:100% !important;
    gap:24px;
  }
  article.project-main[data-proyecto="proyecto-05"] .project-series.holiday-two-column > .v46-row > figure {
    padding-top:0 !important;
  }
}

/* V47 — Visor modal común a todas las fotografías del portafolio. */
article.project-main:not([data-proyecto="proyecto-03"]) .project-series figure img[data-creck-zoom] {
  cursor:pointer;
}
article.project-main:not([data-proyecto="proyecto-03"]) .project-series figure img[data-creck-zoom]:focus-visible {
  outline:3px solid #202020;
  outline-offset:5px;
}
body.creck-viewer-open { overflow:hidden; }
.creck-viewer[hidden] {display:none !important;}
.creck-viewer {
  position:fixed;
  inset:0;
  z-index:10000;
  display:grid;
  grid-template-rows:1fr auto;
  align-items:center;
  justify-items:center;
  padding:clamp(14px,2vw,30px);
  background:rgba(22,23,24,.65);
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
  box-sizing:border-box;
  color:#fff;
}
.creck-viewer, .creck-viewer * {box-sizing:border-box;}
.creck-viewer__stage {
  width:100%;
  height:100%;
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  padding:42px clamp(36px,6vw,88px) 18px;
}
.creck-viewer__image {
  display:block;
  max-width:100%;
  max-height:calc(100dvh - 154px);
  width:auto;
  height:auto;
  object-fit:contain;
  border:0;
  background:transparent;
  box-shadow:0 16px 44px rgba(0,0,0,.13);
  user-select:none;
  -webkit-user-drag:none;
}
.creck-viewer__button {
  display:grid;
  place-items:center;
  cursor:pointer;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid rgba(255,255,255,.36);
  border-radius:50%;
  background:rgba(25,25,25,.42);
  color:#fff;
  font:inherit;
  font-size:24px;
  line-height:1;
  transition:background .15s ease, opacity .15s ease;
}
.creck-viewer__button:hover:not(:disabled) { background:rgba(20,20,20,.75); }
.creck-viewer__button:focus-visible { outline:2px solid #fff; outline-offset:4px; }
.creck-viewer__button:disabled { opacity:.2; cursor:default; }
.creck-viewer__close {position:absolute;right:clamp(12px,2.6vw,32px);top:clamp(12px,2.6vw,30px);z-index:2;font-size:28px;}
.creck-viewer__previous, .creck-viewer__next {position:absolute;top:50%;transform:translateY(-50%);z-index:2;}
.creck-viewer__previous {left:clamp(3px,.9vw,16px);}
.creck-viewer__next {right:clamp(3px,.9vw,16px);}
.creck-viewer__count {
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  line-height:1.4;
  letter-spacing:.08em;
  text-align:center;
  padding-bottom:5px;
  color:rgba(255,255,255,.92);
  font-variant-numeric:tabular-nums;
}
@media (max-width:700px) {
  .creck-viewer {padding:10px;}
  .creck-viewer__stage {padding:48px 18px 12px;}
  .creck-viewer__button {width:36px;height:36px;font-size:23px;}
  .creck-viewer__image {max-height:calc(100dvh - 145px);}
  .creck-viewer__close {right:14px;top:14px;}
  .creck-viewer__previous {left:0;}
  .creck-viewer__next {right:0;}
}


/* CRECK STUDIO V48 — mano al pasar sobre fotografías, sin lupa. */
article.project-main:not([data-proyecto="proyecto-03"]) .project-series figure img[data-creck-zoom] {
  cursor:pointer;
}

/* Proyecto 12 — galería irregular de tres columnas con variación editorial. */
article.project-main[data-proyecto="proyecto-12"] .project-heading {
  position:static !important;
  top:auto !important;
  z-index:auto !important;
  background:transparent !important;
}
article.project-main[data-proyecto="proyecto-12"] .project-series.v48-editorial {
  display:block;
  width:100%;
  max-width:1180px;
  margin:0 auto;
}
article.project-main[data-proyecto="proyecto-12"] .v48-row {
  display:grid;
  grid-template-columns:1.13fr .87fr 1.02fr;
  column-gap:clamp(15px,2.15vw,30px);
  align-items:start;
  margin:0 auto clamp(20px,3vw,42px);
  width:100%;
}
article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-b {grid-template-columns:.89fr 1.22fr .9fr;}
article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-c {grid-template-columns:1.05fr .96fr 1.12fr;}
article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-d {grid-template-columns:.98fr .91fr 1.19fr;}
article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-e {grid-template-columns:1.17fr 1fr .86fr;}
article.project-main[data-proyecto="proyecto-12"] .v48-row:nth-child(2n) {width:96%;margin-left:auto;}
article.project-main[data-proyecto="proyecto-12"] .v48-row:nth-child(3n) {width:97%;margin-right:auto;}
article.project-main[data-proyecto="proyecto-12"] .v48-row figure {
  width:100% !important;
  min-width:0;
  max-width:none !important;
  margin:0;
  padding:0;
  display:block;
  background:transparent;
  align-self:start;
}
article.project-main[data-proyecto="proyecto-12"] .v48-row figure img {
  display:block;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain;
  aspect-ratio:auto;
  margin:0;
  background:transparent;
}
article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-a figure:nth-child(2) {padding-top:15%;}
article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-a figure:nth-child(3) {padding-top:6%;}
article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-b figure:nth-child(1) {padding-top:9%;}
article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-b figure:nth-child(3) {padding-top:14%;}
article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-c figure:nth-child(2) {padding-top:13%;}
article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-c figure:nth-child(3) {padding-top:4%;}
article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-d figure:nth-child(1) {padding-top:8%;}
article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-d figure:nth-child(3) {padding-top:10%;}
article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-e figure:nth-child(2) {padding-top:12%;}
article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-e figure:nth-child(3) {padding-top:3%;}
@media(max-width:900px) {
  article.project-main[data-proyecto="proyecto-12"] .v48-row,
  article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-b,
  article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-c,
  article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-d,
  article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-e {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
    width:100%;
  }
  article.project-main[data-proyecto="proyecto-12"] .v48-row figure {padding-top:0 !important;}
}
@media(max-width:670px) {
  article.project-main[data-proyecto="proyecto-12"] .v48-row,
  article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-b,
  article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-c,
  article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-d,
  article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-e {
    grid-template-columns:1fr;
    gap:26px;
    width:100%;
  }
}


/* ===========================================================
   CRECK STUDIO V49 — limpieza de Home, ritmo de páginas,
   alineación de marca y acceso a Instagram en todo el sitio.
   =========================================================== */
/* Una estructura vertical consistente mantiene el pie al fondo del viewport
   en páginas breves (Contacto) y bajo contenido en proyectos largos. */
html {min-height:100%;}
body {min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;}
body > main {flex:1 0 auto;min-width:0;}
body > .site-footer {flex-shrink:0;margin-top:auto;}

/* La marca y el descriptor parten de la MISMA coordenada izquierda. */
.site-header .brand {display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:3px;margin:0;padding:0;}
.site-header .brand .brand-name,
.site-header .brand .brand-line {display:block;position:relative;left:0;margin:0;padding:0;text-indent:0;text-align:left;align-self:flex-start;}

/* Separación editorial debajo del encabezado fijo en Estudio, Servicios, Contacto. */
body > main > .information {padding-top:clamp(34px,4.5vw,74px);}
body > main > .information h1 {margin-top:0;}

/* Pie uniforme y discreto en todas las páginas. */
.site-footer {display:flex;justify-content:space-between;align-items:baseline;flex-direction:row;gap:20px;padding:clamp(32px,4vw,56px) var(--space) clamp(32px,3.3vw,52px);}
.footer-links {display:flex;align-items:baseline;gap:clamp(22px,2.7vw,48px);font:inherit;}
.footer-links a {font-size:inherit;line-height:inherit;border-bottom:1px solid transparent;transition:opacity .18s ease,border-color .18s ease;white-space:nowrap;}
.footer-links a:hover {border-color:currentColor;opacity:.7;}
.footer-links a:focus-visible {outline-offset:4px;}
.contact-social-note {font-size:clamp(13px,1.1vw,16px);line-height:1.5;letter-spacing:-.01em;color:var(--muted);margin:30px 0 0;}
.contact-social-note a {color:var(--ink);border-bottom:1px solid currentColor;padding-bottom:3px;}
.contact-social-note a:hover {opacity:.55;}

/* Los dos prototipos removidos jamás ocupan un espacio en la grilla pública. */
.gallery > .work[data-proyecto="contorno"],
.gallery > .work[data-proyecto="transito"] {display:none !important;}

@media(max-width:670px) {
  body > main > .information {padding-top:clamp(22px,6vw,36px);}
  .site-footer {flex-direction:column;align-items:flex-start;gap:15px;padding-bottom:30px;}
  .footer-links {gap:24px;flex-wrap:wrap;}
}


/* CRECK STUDIO V50 — marca según referencia y páginas informativas */
.site-header .brand {
  display: inline-flex;
  width: max-content;
  max-width: min(100%, 380px);
  flex-direction: column;
  align-items: stretch;
  gap: 5px;
  text-align: left;
}
.site-header .brand .brand-name {
  align-self: auto;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: clamp(24px, 2.25vw, 34px);
  font-weight: 800;
  letter-spacing: -.073em;
  line-height: .99;
  white-space: nowrap;
}
.site-header .brand .brand-line {
  align-self: flex-end;
  text-align: right;
  font-size: clamp(10px, .94vw, 13px);
  letter-spacing: -.015em;
  line-height: 1.12;
  margin-top: 2px;
}
.studio-information .small-copy {
  max-width: 770px;
  line-height: 1.7;
  font-size: clamp(15px, 1.2vw, 18px);
}
.studio-information .tiny { margin-top: clamp(45px, 6vw, 95px); }
.services-information {max-width: 1550px;}
.services-information .services-lead {
  max-width: 780px;
  margin: 0 0 clamp(54px, 7vw, 112px);
  font-size: clamp(21px, 3vw, 43px);
  line-height: 1.18;
  letter-spacing: -.045em;
}
.services-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(36px, 6vw, 110px);
  row-gap: clamp(55px, 7vw, 110px);
  align-items: start;
}
.service-card {min-width:0;}
.service-visual {margin: 0 0 22px; overflow: hidden;}
.service-visual img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.42 / 1;
  object-fit: cover;
  object-position: center;
}
.service-card h2 {
  display: flex;
  gap: 17px;
  align-items: baseline;
  margin: 0 0 14px;
  font-size: clamp(22px, 2.5vw, 38px);
  font-weight: 500;
  line-height: 1.13;
  letter-spacing: -.045em;
}
.service-number {
  font-size: 12px;
  letter-spacing: -.01em;
  font-weight: 400;
  color: #777770;
  flex-shrink:0;
}
.service-description {
  max-width: 510px;
  margin: 0 0 0 31px;
  font-size: clamp(14px, 1.1vw, 16px);
  line-height: 1.62;
  letter-spacing: -.01em;
  color: #4b4b48;
}
.services-contact {
  display:flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 24px;
  padding-top: clamp(52px, 7vw, 100px);
  margin-top: clamp(52px, 7vw, 100px);
  border-top: 1px solid #d8d8d3;
}
.services-contact p {margin:0; font-size: clamp(20px, 2.2vw, 32px); letter-spacing: -.035em;}
.services-contact a {font-size:clamp(15px, 1.3vw, 19px); border-bottom:1px solid currentColor; white-space:nowrap;}
.services-contact a:hover {opacity:.6;}
@media (max-width: 670px) {
  .site-header .brand .brand-name { font-size: clamp(22px, 5.5vw, 29px); }
  .site-header .brand .brand-line { font-size: 10px; }
  .services-grid {grid-template-columns: 1fr; row-gap: 50px;}
  .service-visual img {aspect-ratio: 1.4/1;}
  .services-contact {flex-direction:column;gap:15px;}
}

/* CRECK STUDIO V53 — dos nuevas obras al final de Collected Forms.
   Tres unidades de grilla; la imagen horizontal ocupa dos para respetar su formato. */
@media(min-width:901px) {
  article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-final {
    grid-template-columns:1fr 1fr 1fr;
  }
  article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-final > figure:nth-child(1) { padding-top:7%; }
  article.project-main[data-proyecto="proyecto-12"] .v48-row.rhythm-final > figure:nth-child(2) { grid-column:2 / span 2; }
}


/* CRECK STUDIO V54 — Portrait Index: nueva galería editorial sin recortes ni bandas grises. */
article.project-main[data-proyecto="prueba-01"] .project-series.three-editorial > .v46-row > figure {
  background:transparent !important;
  overflow:visible !important;
}
article.project-main[data-proyecto="prueba-01"] .project-series.three-editorial > .v46-row > figure img {
  display:block;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:none !important;
  object-fit:contain !important;
  aspect-ratio:auto !important;
  background:transparent !important;
}


/* CRECK STUDIO V55 — Proyecto audiovisual Altered State, estilo editorial. */
.gallery > a.work[data-proyecto="proyecto-13"] {grid-column: 1 / span 8; margin-top: 5%;}
.gallery > a.work[data-proyecto="proyecto-13"] .work-image {background: transparent;}
.gallery > a.work[data-proyecto="proyecto-13"] .work-image video {width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:contain;}
article.project-main[data-proyecto="proyecto-13"] {max-width: 1350px;}
article.project-main[data-proyecto="proyecto-13"] .project-description {max-width: 760px;}
article.project-main[data-proyecto="proyecto-13"] .motion-series {display:block;max-width:1150px;margin:0 auto;}
article.project-main[data-proyecto="proyecto-13"] .motion-series figure {margin:0;min-width:0;max-width:none;width:100%;background:transparent;}
article.project-main[data-proyecto="proyecto-13"] .motion-hero {width:100%;margin:0 0 clamp(56px,8vw,104px);}
article.project-main[data-proyecto="proyecto-13"] .motion-hero video {display:block;width:100%;height:auto;max-height:none;aspect-ratio:16/9;object-fit:contain;background:#121212;}
article.project-main[data-proyecto="proyecto-13"] .motion-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(66px,9vw,126px) clamp(30px,7.2vw,100px);align-items:start;max-width:900px;margin:0 auto;}
article.project-main[data-proyecto="proyecto-13"] .motion-grid .motion-piece:nth-child(2n) {padding-top:clamp(28px,5vw,76px);}
article.project-main[data-proyecto="proyecto-13"] .motion-grid .motion-piece-final {grid-column:1 / span 2;width:min(100%,380px);justify-self:center;padding-top:0;}
article.project-main[data-proyecto="proyecto-13"] .motion-piece video {width:100%;height:auto;max-height:none;aspect-ratio:2/3;object-fit:contain;background:#111;display:block;}
article.project-main[data-proyecto="proyecto-13"] .motion-caption {display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:12px 0 0;font-size:clamp(12px,1vw,15px);letter-spacing:-.015em;line-height:1.45;}
article.project-main[data-proyecto="proyecto-13"] .motion-number,article.project-main[data-proyecto="proyecto-13"] .motion-duration {color:#777;}
article.project-main[data-proyecto="proyecto-13"] .motion-showreel-toggle {font:inherit;font-size:12px;letter-spacing:0;border:0;border-bottom:1px solid #aaa;background:none;color:#333;padding:2px 0;cursor:pointer;white-space:nowrap;}
article.project-main[data-proyecto="proyecto-13"] .motion-showreel-toggle:hover {color:#777;}
article.project-main[data-proyecto="proyecto-13"] .motion-endnote {margin:clamp(80px,12vw,160px) 0 0;text-align:center;color:#777;font-size:clamp(12px,1.1vw,15px);letter-spacing:-.012em;}
@media(max-width:700px) {
  .gallery > a.work[data-proyecto="proyecto-13"] {grid-column:1 / span 6;margin-top:0;}
  article.project-main[data-proyecto="proyecto-13"] .motion-grid {grid-template-columns:1fr;gap:65px;max-width:490px;}
  article.project-main[data-proyecto="proyecto-13"] .motion-grid .motion-piece,article.project-main[data-proyecto="proyecto-13"] .motion-grid .motion-piece:nth-child(2n),article.project-main[data-proyecto="proyecto-13"] .motion-grid .motion-piece-final {grid-column:1;padding-top:0;width:100%;max-width:450px;justify-self:center;}
  article.project-main[data-proyecto="proyecto-13"] .motion-hero {margin-bottom:65px;}
  article.project-main[data-proyecto="proyecto-13"] .motion-caption {font-size:12px;}
}
@media(prefers-reduced-motion:reduce){
 .gallery > a.work[data-proyecto="proyecto-13"] .work-image video {transition:none;}
}

/* CRECK STUDIO V56 — Vídeo editorial: portada contigua, scroll silencioso y visor. */
article.project-main.creck-video-project .project-series video.creck-video-click-to-expand {
  cursor:pointer !important;
  display:block;
  max-width:100%;
  touch-action:pan-y;
}
article.project-main.creck-video-project .project-series video.creck-video-click-to-expand:focus-visible {
  outline:2px solid #171716;
  outline-offset:5px;
}
article.project-main.creck-video-project .project-series .creck-inline-controls {
  display:flex;
  width:100%;
  align-items:center;
  gap:clamp(8px,1.4vw,16px);
  background:transparent;
  margin-top:9px;
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.2;
  font-size:12px;
  color:#444;
  min-height:26px;
}
.creck-inline-controls button {
  border:0;
  background:transparent;
  color:#252525;
  padding:5px 2px;
  cursor:pointer;
  font-size:12px;
  white-space:nowrap;
}
.creck-inline-controls button:hover{opacity:.5;}
.creck-inline-controls .creck-inline-play{font-size:15px;min-width:22px;text-align:left;}
.creck-inline-controls .creck-inline-sound{min-width:52px;text-align:left;}
.creck-inline-controls .creck-inline-progress {
  width:100%;flex:1;min-width:40px;
  height:3px;cursor:pointer;accent-color:#232323;
}
.creck-inline-controls .creck-inline-timer{
  font-variant-numeric:tabular-nums;
  min-width:29px;
  font-size:11px;
  color:#777;
  text-align:right;
}
article.project-main[data-proyecto="proyecto-13"] .motion-hero,
article.project-main[data-proyecto="proyecto-13"] .motion-grid .motion-piece {
  overflow:visible;
}
article.project-main[data-proyecto="proyecto-13"] .motion-hero .creck-inline-controls,
article.project-main[data-proyecto="proyecto-13"] .motion-piece .creck-inline-controls{margin:10px 0 0;}
article.project-main[data-proyecto="proyecto-13"] .motion-hero .motion-caption{margin-top:7px;}
article.project-main[data-proyecto="proyecto-13"] .motion-piece .motion-caption{margin-top:8px;}
/* Home triptych has genuinely seamless panels in the video asset. */
.gallery > a.work[data-proyecto="proyecto-13"] .work-image video {
  background:transparent;object-fit:contain;
}
body.creck-video-dialog-open{overflow:hidden;}
.creck-video-viewer[hidden]{display:none!important;}
.creck-video-viewer{
  position:fixed;inset:0;z-index:10020;
  box-sizing:border-box;
  display:grid;
  place-items:center;
  padding:clamp(12px,2.4vw,36px);
  background:rgba(22,23,24,.72);
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
}
.creck-video-viewer *{box-sizing:border-box;}
.creck-video-viewer__stage{
  width:100%;height:100%;min-height:0;
  display:flex;align-items:center;justify-content:center;
  gap:clamp(9px,2.1vw,32px);
  position:relative;
  padding:clamp(36px,4.5vw,60px) clamp(25px,4vw,55px) 22px;
}
.creck-video-viewer__media{
  max-width:min(100%,1240px);
  max-height:100%;
  min-width:0;
  display:flex;flex-direction:column;align-items:stretch;justify-content:center;
}
.creck-video-viewer__media video{
  max-width:100%;
  width:auto;height:auto;
  max-height:calc(100dvh - 195px);
  margin:auto;
  object-fit:contain;
  background:#111;
  box-shadow:0 18px 55px rgba(0,0,0,.18);
}
.creck-video-viewer__below{
  display:flex;justify-content:space-between;align-items:center;
  gap:18px;
  font-size:12px;line-height:1.5;
  margin:12px auto 0;
  width:100%;max-width:980px;
  color:rgba(255,255,255,.95);
}
.creck-video-viewer__count{font-variant-numeric:tabular-nums;}
.creck-video-viewer__sound{
  border:1px solid rgba(255,255,255,.6);
  background:rgba(23,23,23,.45);
  color:#fff;
  font:inherit;
  padding:6px 12px;
  cursor:pointer;
  white-space:nowrap;
}
.creck-video-viewer__close,
.creck-video-viewer__previous,
.creck-video-viewer__next {
  flex:0 0 auto;
  display:grid;place-items:center;
  width:42px;height:42px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:50%;
  background:rgba(25,25,25,.42);
  color:#fff;
  font:inherit;font-size:26px;
  line-height:1;
  cursor:pointer;
}
.creck-video-viewer__close{position:absolute;top:clamp(12px,2vw,29px);right:clamp(12px,2vw,29px);z-index:2;font-size:27px;}
.creck-video-viewer button:disabled{opacity:.22;cursor:default;}
.creck-video-viewer button:hover:not(:disabled){background:rgba(20,20,20,.76);}
.creck-video-viewer button:focus-visible,.creck-inline-controls button:focus-visible{
  outline:2px solid #fff;outline-offset:3px;
}
@media(max-width:700px){
  .creck-video-viewer{padding:8px;}
  .creck-video-viewer__stage{gap:3px;padding:40px 2px 10px;}
  .creck-video-viewer__close,
  .creck-video-viewer__previous,
  .creck-video-viewer__next{width:29px;height:35px;border:0;font-size:26px;background:none;}
  .creck-video-viewer__media video{max-height:calc(100dvh - 200px);}
  .creck-video-viewer__below{font-size:10px;gap:8px;flex-wrap:wrap;}
  article.project-main.creck-video-project .project-series .creck-inline-controls{gap:8px;}
}


/* CRECK STUDIO V57: editorial conversion + video UX refinements */
.project-discipline {font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:#666;max-width:850px;margin:0 auto 12px;}
.project-inquiry{max-width:1120px;margin:clamp(65px,10vw,155px) auto 38px;padding:32px 0;border-top:1px solid #d2d2ce;display:flex;gap:22px;align-items:baseline;justify-content:space-between;}
.project-inquiry p{font-size:clamp(18px,2.5vw,30px);letter-spacing:-.04em;margin:0;}
.project-inquiry a{font-size:clamp(14px,1.2vw,18px);white-space:nowrap;border-bottom:1px solid currentColor;padding-bottom:2px;}
.project-inquiry a:hover{opacity:.55;}
.studio-extra,.contact-description{max-width:730px;font-size:clamp(15px,1.15vw,18px);line-height:1.65;letter-spacing:-.01em;color:#454545;margin-top:25px;}
.studio-cta{display:inline-block;border-bottom:1px solid #171717;padding-bottom:4px;margin-top:28px;font-size:17px;}
.studio-cta:hover{opacity:.58;}
.contact-description{margin-bottom:30px;}
.services-information .service-card h2{display:block;font-size:clamp(22px,2.1vw,34px);max-width:580px;}
.services-information .service-card .service-description{margin-left:0;max-width:560px;}
.services-information .service-visual{margin-bottom:23px;}
.service-media-link{display:block;color:inherit;cursor:pointer;}
.service-media-link:hover img,.service-media-link:hover video{filter:contrast(1.025);}
.service-visual img,.service-visual video{display:block;width:100%;height:auto;aspect-ratio:1.42/1;object-fit:cover;object-position:center;}
.service-visual video{background:#f3f3f1;}
.creck-volume-group{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;}
article.project-main.creck-video-project .project-series .creck-inline-sound{width:26px;min-width:26px;height:26px;padding:2px;display:inline-grid;place-items:center;}
.creck-inline-volume{width:clamp(45px,5.8vw,75px);height:3px;cursor:pointer;accent-color:#222;flex:0 0 auto;}
.creck-inline-sound svg,.creck-video-viewer__sound svg{display:block;}
.creck-video-viewer__sound{border:0;display:inline-grid;place-items:center;width:34px;height:32px;padding:6px;background:transparent;}
.creck-viewer-volume .creck-viewer-volume-range{width:80px;max-width:20vw;height:3px;accent-color:#fff;cursor:pointer;}
.creck-inline-volume:focus-visible,.creck-viewer-volume-range:focus-visible{outline:2px solid #999;outline-offset:4px;}
.creck-volume-group .creck-video-viewer__sound:hover{background:transparent;opacity:.7;}
/* Preserve restrained hierarchy and avoid a too narrow final gallery cell. */
.project-series > div:last-child > figure:only-child{max-width:100%;}
@media(max-width:700px){
 .project-inquiry{flex-direction:column;gap:18px;margin-top:65px;}
 .creck-inline-volume{width:48px;}
 .creck-viewer-volume .creck-viewer-volume-range{width:64px;max-width:18vw;}
 .project-discipline{font-size:10px;letter-spacing:.06em;}
}


/* V60 — Activador prácticamente invisible del recorrido automático de Inicio.
   Nunca tapa los enlaces del menú: su área táctil se limita a la esquina superior. */
.creck-tour-trigger {
  position:fixed;
  z-index:250;
  top:1px;
  right:1px;
  width:21px;
  height:21px;
  display:grid;
  place-items:center;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#191919;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.creck-tour-trigger__dot {
  display:block;
  width:4px;
  height:4px;
  background:currentColor;
  opacity:.11;
  border-radius:50%;
  transition:opacity .2s ease,transform .2s ease;
  pointer-events:none;
}
.creck-tour-trigger:hover .creck-tour-trigger__dot,
.creck-tour-trigger:focus-visible .creck-tour-trigger__dot {opacity:.65;transform:scale(1.35);}
.creck-tour-trigger[aria-pressed="true"] .creck-tour-trigger__dot {opacity:.48;}
.creck-tour-trigger:focus-visible {outline:1px solid #222;outline-offset:0;border-radius:2px;background:rgba(255,255,255,.96);}
@media(prefers-reduced-motion:reduce) {
  .creck-tour-trigger__dot {transition:none;}
}


/* ==============================================================
   CRECK STUDIO V66 — Editorial asimétrica, versión móvil aprobada
   Solo viewport <= 670px. No modifica el escritorio.
   ============================================================== */
.mobile-dossier-label{display:none;}
@media(max-width:670px){
 :root {--space:19px;}
 html,body{overflow-x:clip;}
 .site-header{
   position:sticky;top:0;z-index:200;
   min-height:0;align-items:center;gap:12px;
   padding:18px 19px 15px;
   background:rgba(253,253,252,.97);
   -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
 }
 .site-header .brand{display:inline-flex;max-width:calc(100% - 105px);flex-direction:column;align-items:stretch;gap:3px;}
 .site-header .brand .brand-name{
   font-family:Arial,Helvetica,sans-serif;
   font-size:clamp(20px,6vw,24px);font-weight:800;
   line-height:.98;letter-spacing:-.074em;white-space:nowrap;
 }
 .site-header .brand .brand-line{font-size:10px;line-height:1.1;letter-spacing:-.015em;align-self:flex-end;text-align:right;margin-top:2px;}
 .menu-toggle{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 0 12px 12px;min-height:44px;min-width:83px;flex:0 0 auto;line-height:1;font-size:12px;letter-spacing:.01em;touch-action:manipulation;}
 .site-nav{top:100%;left:0;right:0;box-shadow:0 17px 25px rgba(21,21,20,.045);padding:16px 19px 26px;border-top:1px solid #ecece8;gap:4px;background:var(--paper);}
 .site-nav a{display:flex;align-items:center;min-height:49px;padding:7px 0;font-size:20px;line-height:1.2;letter-spacing:-.035em;}
 .mobile-dossier-label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:9px 19px 0;padding-top:16px;border-top:1px solid #e9e9e6;color:#73736e;font-size:10px;line-height:1.4;letter-spacing:.035em;}
 /* Propuesta A: una pieza por tramo, escalonada y de tamaño generoso. */
 .gallery{display:block;max-width:none;margin:0;padding:34px 19px 91px;}
 .gallery > a.work:nth-child(n){display:block;position:relative;grid-column:auto;transform:none;margin-top:0;min-width:0;max-width:100%;margin-bottom:74px;}
 .gallery > a.work:nth-child(6n+1){width:95%;margin-left:0;margin-right:auto;margin-bottom:72px;}
 .gallery > a.work:nth-child(6n+2){width:79%;margin-left:auto;margin-right:0;margin-bottom:74px;}
 .gallery > a.work:nth-child(6n+3){width:100%;margin-left:0;margin-right:0;margin-bottom:78px;}
 .gallery > a.work:nth-child(6n+4){width:82%;margin-left:0;margin-right:auto;margin-bottom:67px;}
 .gallery > a.work:nth-child(6n+5){width:87%;margin-left:auto;margin-right:0;margin-bottom:77px;}
 .gallery > a.work:nth-child(6n){width:75%;margin-left:0;margin-right:auto;margin-bottom:78px;}
 .gallery > a.work[data-proyecto="proyecto-13"]{width:100%;margin-left:0;margin-right:0;}
 .gallery .work-image{width:100%;background:transparent;}
 .gallery > a.work .work-image img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;max-height:none;display:block;}
 .gallery > a.work .work-image video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;}
 .gallery .work-title{margin-top:11px;font-size:14px;font-weight:500;line-height:1.28;letter-spacing:-.015em;}
 .gallery .work-image img.fit-home-screen{height:auto!important;max-height:none!important;object-fit:contain!important;}
 .closing-statement{margin-top:22px;}
 .creck-tour-trigger{display:none!important;}
 /* Interior pages: hierarchy and tighter usable mobile widths. */
 body > main > .information{padding:31px 19px 65px;}
 .information h1{font-size:clamp(48px,12vw,72px);line-height:.98;letter-spacing:-.075em;margin-bottom:37px;}
 .information .copy{font-size:clamp(27px,7.4vw,37px);line-height:1.15;letter-spacing:-.055em;margin-bottom:38px;}
 .information .small-copy,.studio-extra,.contact-description{font-size:15px;line-height:1.64;}
 .studio-information .tiny{margin-top:43px;}
 .studio-cta{font-size:15px;margin-top:25px;}
 .contact-email{font-size:clamp(18px,5.05vw,27px);overflow-wrap:anywhere;line-height:1.25;}
 .contact-social-note{margin-top:24px;}
 .services-information .services-lead{font-size:clamp(22px,6vw,30px);line-height:1.24;letter-spacing:-.04em;margin-bottom:41px;}
 .services-information .services-grid{grid-template-columns:minmax(0,1fr);row-gap:50px;}
 .services-information .service-visual{margin-bottom:17px;}
 .services-information .service-visual img,.services-information .service-visual video{width:100%;height:auto;aspect-ratio:1.42/1;object-fit:cover;}
 .services-information .service-card h2{font-size:clamp(24px,6.3vw,31px);line-height:1.15;margin-bottom:12px;letter-spacing:-.04em;}
 .services-information .service-description{font-size:14px;line-height:1.68;max-width:38em;}
 .services-contact{margin-top:53px;padding-top:28px;gap:12px;}
 .services-contact p{font-size:23px;}
 .project-main{padding:25px 19px 58px;}
 .project-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 25px!important;}
 .project-heading h1{font-size:clamp(33px,9.5vw,48px);line-height:1.02;letter-spacing:-.058em;min-width:0;overflow-wrap:break-word;}
 .project-heading a{min-height:42px;display:inline-flex;align-items:center;font-size:12px;}
 .project-description{font-size:15px;line-height:1.62;max-width:100%;}
 .project-discipline{margin-bottom:13px;}
 .project-main .project-series.three-editorial{gap:clamp(30px,8vw,46px)!important;}
 /* One-column photographs on phones: preserve image proportions and allow generous white space. */
 article.project-main .project-series.three-editorial > .v46-row,
 article.project-main .project-series.three-editorial > .v46-row.rhythm-b,
 article.project-main .project-series.three-editorial > .v46-row.rhythm-c,
 article.project-main .project-series.three-editorial > .v46-row.rhythm-d,
 article.project-main .project-series.three-editorial > .v46-row.rhythm-e,
 article.project-main .project-series.three-editorial > .v46-row.rhythm-f,
 article.project-main .project-series.three-editorial > .v46-row.row-single,
 article.project-main .project-series.three-editorial > .v46-row.row-duo{
   display:flex!important;flex-direction:column;gap:clamp(25px,8vw,40px);max-width:100%;width:100%;
 }
 article.project-main .project-series.three-editorial > .v46-row > figure{width:100%!important;max-width:100%!important;padding-top:0!important;}
 article.project-main .project-series.three-editorial > .v46-row:nth-child(3n+1) > figure:nth-child(3n+2){width:87%!important;max-width:87%!important;align-self:flex-end!important;}
 article.project-main .project-series.three-editorial > .v46-row:nth-child(3n+2) > figure:nth-child(3n+1){width:91%!important;max-width:91%!important;align-self:flex-start!important;}
 article.project-main .project-series.three-editorial > .v46-row:nth-child(3n) > figure:nth-child(3n){width:86%!important;max-width:86%!important;align-self:flex-end!important;}
 article.project-main .project-series.three-editorial img{max-width:100%;height:auto!important;max-height:none;object-fit:contain;}
 .project-inquiry{padding-top:25px;margin-top:56px;}
 .project-inquiry p{font-size:22px;}
 .project-inquiry a{min-height:44px;display:inline-flex;align-items:center;}
 .project-footer{margin-top:50px;}
 /* Videos: keep vertical film ratios and accessible thumb controls. */
 article.project-main[data-proyecto="proyecto-13"] .motion-grid{grid-template-columns:1fr;gap:45px;}
 article.project-main[data-proyecto="proyecto-13"] .motion-hero{margin-bottom:44px;}
 article.project-main.creck-video-project .project-series .creck-inline-controls{min-height:44px;gap:5px;}
 .creck-inline-controls button{min-height:44px;min-width:35px;}
 article.project-main.creck-video-project .project-series .creck-inline-sound{width:40px;min-width:40px;height:44px;}
 .creck-inline-volume{width:46px;}
 .creck-video-viewer__previous,.creck-video-viewer__next{min-width:37px;min-height:44px;}
 .creck-video-viewer__close{min-width:44px;min-height:44px;}
 .creck-video-viewer__media video{max-height:calc(100dvh - 155px);}
 /* Footer remains lightweight but not cramped. */
 .site-footer{padding:25px 19px 30px;gap:17px;font-size:11px;}
 .footer-links{gap:27px;}
}
@media (max-width:360px){
 .site-header .brand .brand-name{font-size:20px;}
 .gallery{padding-left:16px;padding-right:16px;}
 .mobile-dossier-label{margin-left:16px;margin-right:16px;}
 .project-main{padding-left:16px;padding-right:16px;}
}

/* CRECK STUDIO V67 — ajustes específicos a portadas de Servicios.
   La cubierta audiovisual conserva completo el encuadre original (16:9),
   sin recortar cabezas, tipografía ni movimientos. */
.services-information .service-visual--motion {
  position: relative;
  isolation: isolate;
  background: #181c1c;
}
.services-information .service-visual--motion::before {
  content: "";
  position: absolute;
  inset: -18px;
  background: url("assets/altered-state/hero.webp") center / cover no-repeat;
  filter: blur(22px) brightness(.43);
  transform: scale(1.05);
  z-index: -1;
  pointer-events: none;
}
.services-information .service-visual--motion .service-media-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1.42 / 1;
  overflow: hidden;
}
.services-information .service-visual--motion video {
  width: 100%;
  height: 100%;
  max-height: 100%;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center center;
  background: transparent;
}
.services-information .service-card:first-child .service-visual img {
  object-position: center 38%;
}
.services-information .service-card:nth-child(2) .service-visual img {
  object-position: center 45%;
}
@media (max-width:700px) {
  .services-information .service-visual--motion .service-media-link {
    aspect-ratio: 1.42 / 1;
  }
  .services-information .service-visual--motion video {
    width:100%;
    height:100%;
    object-fit:contain;
  }
}