:root{--green:#252a25;--paper:#eae7de;--olive:#a0a484;--clay:#b78870;--line:rgba(37,42,37,.23)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--green);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--clay);outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);padding:15px}.skip:focus{top:10px}header{height:84px;margin:0 4.3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.small-brand{font-size:27px;font-family:Georgia,serif;letter-spacing:-3px;display:flex;align-items:center;gap:14px}.brand-line{display:block;width:34px;height:1px;background:var(--green)}nav{display:flex;gap:35px;font-size:12px}nav a{padding:10px 0}nav span{font-size:10px;margin-left:4px;opacity:.65}.header-note,.eyebrow,.edition,.section-label,.hero-bottom,.frame-label,.tag,.art-number,.art-caption,.status,.portfolio-note,.contact-placeholder,.proposal-strip,.dialog-type{font-size:10px;text-transform:uppercase;letter-spacing:1.4px}.header-note{letter-spacing:.9px}.hero{padding:44px 4.3% 0}.hero-top{display:flex;justify-content:space-between}.edition{opacity:.55}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(48px,10.05vw,180px);letter-spacing:-.063em;line-height:1.1;white-space:nowrap;margin:24px 0 29px}.title-dot{color:#9a705b}.hero-image{height:clamp(420px,43vw,690px);position:relative;overflow:hidden;background:#4a5043}.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.image-shade{position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(16,24,20,.55))}.hero-caption{position:absolute;bottom:68px;left:4.6%;right:4.6%;display:flex;align-items:end;justify-content:space-between;color:var(--paper)}.hero-caption p{font:400 clamp(38px,4.6vw,72px)/1.08 Georgia,serif;letter-spacing:-2px;margin:0}.hero-caption em,h2 em{font-weight:400}.round-arrow{height:56px;width:56px;display:grid;place-items:center;border:1px solid #eae7de80;border-radius:50%;font-size:25px;transition:background .2s}.round-arrow:hover{background:#eae7de25}.frame-label{position:absolute;bottom:21px;left:4.6%;color:#eae7deb0;font-size:8px;letter-spacing:1px}.hero-bottom{display:flex;justify-content:space-between;margin-top:17px;font-size:9px;letter-spacing:1px}.section-pad{padding:115px 4.3%}.about{display:grid;grid-template-columns:23% 77%;padding-bottom:100px}.section-label{display:flex;justify-content:space-between;align-items:start;font-size:10px}.about>.section-label{padding-right:55px;padding-top:12px}.square{width:6px;height:6px;background:var(--clay);margin-top:2px}h2{font:400 clamp(32px,3.8vw,57px)/1.13 Georgia,serif;letter-spacing:-1.6px;margin:0}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:38px;max-width:790px}p{font-size:14px;line-height:1.8;margin:0}.about-columns p{color:#5b6056}.people{display:flex;gap:90px;margin:42px 0}.people .eyebrow{font-size:8px;letter-spacing:1.2px;opacity:.65}.people p{font-family:Georgia,serif;font-size:22px;margin-top:8px}.fiveb{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;display:grid;grid-template-columns:85px 1fr auto;gap:24px;align-items:start}.fiveb-mark{font-size:35px;letter-spacing:-2px;font-weight:bold}.fiveb-mark>span{display:block;font:9px Arial,sans-serif;letter-spacing:0;margin-top:1px}.fiveb h3{font-weight:400;font-size:13px;margin:0 0 10px}.fiveb p{font-size:12px;line-height:1.7;color:#5b6056;max-width:460px}.status{display:inline-block;font-size:8px;letter-spacing:.7px;border:1px solid var(--line);border-radius:20px;padding:7px 10px;white-space:nowrap}.projects{background:var(--green);color:var(--paper);padding-top:85px;padding-bottom:70px}.projects-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.projects h2{margin-top:25px}.projects-heading>p{font-size:12px;opacity:.65;line-height:1.7}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project-open{display:block;background:none;border:0;padding:0;text-align:left;width:100%}.project-art{aspect-ratio:1.3;position:relative;overflow:hidden;background:#333a31}.film-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(16,24,20,.38));pointer-events:none}.film-art .poster-title,.film-art .tag,.film-art .art-number,.film-art .art-caption{z-index:1}.film-art img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform .7s}.project-open:hover .film-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(16,24,20,.38));pointer-events:none}.film-art .poster-title,.film-art .tag,.film-art .art-number,.film-art .art-caption{z-index:1}.film-art img{transform:scale(1.09)}.tag{position:absolute;top:23px;left:23px;border:1px solid #eae7de60;padding:8px 10px;font-size:8px;background:#252a2525}.art-number{position:absolute;right:24px;top:32px;font-size:9px;opacity:.6}.poster-title{position:absolute;left:8%;right:8%;top:34%;font:clamp(34px,4.5vw,70px)/.98 Georgia,serif;letter-spacing:-2px;text-align:center}.poster-title small{display:block;margin-top:27px;font:7px Arial,sans-serif;letter-spacing:2px}.art-caption{position:absolute;bottom:18px;left:23px;font-size:7px;letter-spacing:.9px;opacity:.55}.metro-art{background:#777565;isolation:isolate}.metro-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1b21183d,transparent 50%,#151b1550);z-index:-1}.tunnel{position:absolute;inset:-80% -50% -120%;transform:perspective(450px) rotateX(6deg);background:repeating-radial-gradient(ellipse at 55% 55%,#252a25 0px,#252a25 22px,#737264 24px,#45493d 35px,#8d8a75 38px,#363b31 40px);filter:blur(1px);z-index:-2}.tunnel div{position:absolute;inset:40% 43%;background:#141d16;box-shadow:0 0 80px 60px #131b14}.metro-title{position:absolute;left:8%;bottom:16%;font:clamp(34px,4.5vw,70px)/1.05 Georgia,serif;letter-spacing:-2px}.project-line{display:flex;justify-content:space-between;align-items:center;margin:21px 0 8px}.project-line h3{font:25px Georgia,serif;margin:0;letter-spacing:-.6px}.project-line>span{font-size:23px;transition:transform .2s}.project-open:hover .project-line>span{transform:translate(3px,-3px)}.project-open>p{font-size:10px;letter-spacing:.4px;opacity:.55}.pending-list{margin-top:47px}.pending-project{background:transparent;border:0;border-top:1px solid #eae7de30;width:100%;display:grid;grid-template-columns:65px 1fr 160px 22px;text-align:left;padding:27px 0;align-items:center}.pending-project:last-child{border-bottom:1px solid #eae7de30}.pending-project:hover .pending-title{color:var(--olive)}.pending-no{font-size:10px;opacity:.5}.pending-title{font:25px Georgia,serif;transition:color .2s}.pending-title small{display:block;font:10px Arial,sans-serif;opacity:.5;margin-top:9px}.pending-state{font-size:9px;text-transform:uppercase;letter-spacing:1px;opacity:.5}.portfolio-note{font-size:8px;opacity:.5;margin-top:26px;letter-spacing:.8px}.contact{padding-top:80px;padding-bottom:40px}.contact-main{display:flex;justify-content:space-between;align-items:center;margin-top:42px;margin-bottom:70px}.contact h2{font-size:clamp(45px,6.1vw,91px);line-height:1.02;letter-spacing:-3px}.contact-note{max-width:285px;position:relative;padding-left:25px}.contact-note p{font-size:12px;color:#62675d}.contact-indicator{width:6px;height:6px;border-radius:50%;background:#897c59;position:absolute;left:0;top:9px}.contact-placeholder{display:block;font-size:8px;letter-spacing:.6px;margin-top:20px}.proposal-strip{border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:23% 1fr}.proposal-strip>span{font-size:8px}.proposal-strip>p{font-size:10px;text-transform:none;letter-spacing:0;max-width:550px;opacity:.65}footer{background:var(--green);color:var(--paper);padding:45px 4.3% 25px}.footer-brand{display:flex;justify-content:space-between;font:clamp(29px,6vw,86px) Georgia,serif;letter-spacing:-.06em;align-items:center}.footer-brand>span{font:30px Arial,sans-serif}footer>div{display:flex;justify-content:space-between;border-top:1px solid #eae7de30;padding-top:20px;margin-top:28px;font-size:8px;letter-spacing:.7px;opacity:.65}dialog{border:0;background:var(--paper);color:var(--green);max-width:740px;width:calc(100% - 32px);padding:34px 42px 40px;max-height:90dvh;overflow:auto}dialog::backdrop{background:#101910bf;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.dialog-top .eyebrow{font-size:8px}.close-dialog{background:none;border:0;font-size:22px;padding:8px}.dialog-status{margin-bottom:20px}dialog h2{font-size:50px}.dialog-type{opacity:.6;margin:17px 0 30px}.dialog-body p{margin:0 0 18px;font-size:14px}.dialog-body .muted{font-size:12px;color:#6d7065}.dialog-back{display:flex;justify-content:space-between;width:100%;border:0;border-top:1px solid var(--line);padding:20px 0 0;margin-top:35px;background:none;font-size:11px}body.modal-open{overflow:hidden}@media(min-width:1700px){body{max-width:2000px;margin:auto}}@media(max-width:900px){.header-note{display:none}.about{grid-template-columns:1fr;gap:30px}.about>.section-label{max-width:160px}.about-content h2 br{display:none}.section-pad{padding-top:75px;padding-bottom:75px}.hero-top .eyebrow{font-size:8px}.edition{font-size:8px}.fiveb{grid-template-columns:60px 1fr auto}.contact-note{max-width:230px}.contact-main{gap:40px}.projects-heading>p{max-width:210px}.projects-heading>p br{display:none}}@media(max-width:600px){html{scroll-padding-top:20px}header{height:70px;margin:0 6%}nav{gap:22px;font-size:11px}.small-brand{font-size:25px}.brand-line{display:none}.hero{padding:30px 6% 0}.edition{display:none}h1{font-size:10.1vw;letter-spacing:-.065em;margin:25px 0}.hero-image{height:490px}.hero-caption{left:7%;right:7%;bottom:70px}.hero-caption p{font-size:42px;letter-spacing:-1.5px}.round-arrow{width:42px;height:42px;font-size:21px}.frame-label{left:7%;right:7%;line-height:1.7;font-size:7px;bottom:20px;max-width:200px}.hero-bottom{font-size:7px;letter-spacing:.4px;gap:20px;line-height:1.6}.hero-bottom>span:last-child{text-align:right;max-width:95px}.section-pad{padding:64px 6%}.about-columns{grid-template-columns:1fr;gap:18px;margin-top:26px}h2{font-size:36px;letter-spacing:-1px}.about-columns p{font-size:13px}.people{gap:35px;margin:28px 0}.people .eyebrow{font-size:7px}.people p{font-size:20px}.fiveb{grid-template-columns:50px 1fr;gap:20px}.fiveb .status{grid-column:2;justify-self:start}.fiveb p{font-size:11px}.projects-heading{display:block;margin-bottom:30px}.projects-heading>p{margin-top:20px;max-width:none;font-size:11px}.project-grid{grid-template-columns:1fr;gap:35px}.project-art{aspect-ratio:1.1}.poster-title,.metro-title{font-size:54px}.project-line h3{font-size:24px}.pending-project{grid-template-columns:30px 1fr 18px;gap:5px;padding:25px 0}.pending-title{font-size:21px}.pending-state{display:none}.portfolio-note{font-size:7px;line-height:1.8}.contact-main{display:block;margin-top:30px;margin-bottom:40px}.contact h2{font-size:53px;letter-spacing:-2px}.contact-note{margin-top:35px;max-width:280px}.proposal-strip{grid-template-columns:1fr;gap:15px}footer{padding:35px 6% 24px}.footer-brand{font-size:9vw}footer>div{gap:20px;font-size:7px;line-height:1.5}footer>div>span:last-child{text-align:right}dialog{padding:22px 24px 28px}dialog h2{font-size:37px}.dialog-top{margin-bottom:25px}.dialog-top .eyebrow{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Pictorial cover study: keep the artwork unobstructed. */
.hero .hero-caption{position:static;color:var(--green);margin:0 0 34px;align-items:center;gap:28px}
.hero .hero-caption p{font-size:clamp(27px,3.1vw,46px);line-height:1.1;letter-spacing:-1px}
.hero .hero-caption p br{display:none}
.hero .hero-caption p em{margin-left:.18em}
.hero .round-arrow{border-color:var(--line);width:44px;height:44px;flex-shrink:0;font-size:21px}
.hero .round-arrow:hover{background:#252a2510}
.hero .hero-image{height:auto;aspect-ratio:2/1;background:var(--paper)}
.hero .hero-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:600px){.hero .hero-caption{margin-bottom:26px;gap:18px}.hero .hero-caption p{font-size:29px;max-width:255px}.hero .hero-caption p br{display:block}.hero .hero-caption p em{margin-left:0}.hero .hero-image{height:420px;aspect-ratio:auto}.hero .hero-image>img{object-position:58% center}.hero-bottom>span:first-child{max-width:210px;line-height:1.7}}

/* Portraits and professional profiles */
.people.team-profiles{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;margin:52px 0 48px}
.person-profile{min-width:0;border-top:1px solid var(--line);padding-top:24px}
.person-intro{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}
.person-intro img{display:block;width:165px;height:190px;object-fit:cover;object-position:center 35%}
.person-index{font-size:9px;opacity:.5;letter-spacing:1px;padding-top:3px}
.team-profiles .person-profile>.eyebrow{font-size:8px;letter-spacing:1.2px;line-height:1.6;display:block}
.person-profile h3{font:400 32px/1.1 Georgia,serif;letter-spacing:-.7px;margin:10px 0 22px}
.team-profiles .person-bio p{font:13px/1.8 Arial,Helvetica,sans-serif;color:#5b6056;margin:0 0 15px}
@media(max-width:600px){.people.team-profiles{grid-template-columns:1fr;gap:32px;margin:35px 0}.person-intro img{width:150px;height:175px}.person-profile h3{font-size:30px}.team-profiles .person-bio p{font-size:13px}}

.filmography{margin-top:28px}.filmography h4{font:400 8px Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:1.4px;margin:0 0 15px;opacity:.65}.filmography ul{list-style:none;margin:0;padding:0}.filmography li{display:flex;justify-content:space-between;align-items:baseline;gap:15px;border-top:1px solid var(--line);padding:13px 0;font:17px/1.2 Georgia,serif}.filmography li:last-child{border-bottom:1px solid var(--line)}.filmography li small{display:block;font:9px/1.5 Arial,Helvetica,sans-serif;opacity:.6;margin-top:5px}.filmography time,.filmography .film-stage{font:9px Arial,Helvetica,sans-serif;opacity:.65;flex-shrink:0}.filmography .film-stage{font-size:8px}

.metro-art{background:#171b17}.metro-art:after{display:none}.metro-art>img{display:block;width:100%;height:100%;object-fit:contain}

/* Supplied Campo Abierto Films wordmark; crop only blank outer margins in the layout. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero h1.hero-wordmark{position:relative;display:block;width:100%;aspect-ratio:3.7;margin:24px 0 32px;line-height:0;font-size:inherit;letter-spacing:normal;overflow:hidden}
.hero-wordmark>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%}
@media(max-width:600px){.hero h1.hero-wordmark{aspect-ratio:3.1;margin:25px 0 28px}.hero-wordmark>img{object-position:center 52%}}

/* Logo-led cover */
.hero{padding-bottom:28px}.hero .hero-caption{margin-bottom:0}

/* Fichas de proyecto con guion */
.dialog-body .logline{font:400 22px/1.38 Georgia,serif;letter-spacing:-.3px;margin:0 0 28px;text-wrap:balance}
.dialog-body h3{font:400 9px Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:1.4px;opacity:.6;margin:30px 0 12px}
.dialog-body .facts{display:grid;grid-template-columns:150px minmax(0,1fr);margin:0;border-top:1px solid var(--line)}
.dialog-body .facts dt,.dialog-body .facts dd{margin:0;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.5}
.dialog-body .facts dt{font-size:9px;text-transform:uppercase;letter-spacing:1.1px;opacity:.6;padding-top:14px}
.dialog-body .dialog-link{display:inline-flex;gap:10px;align-items:center;border:1px solid var(--green);padding:11px 16px;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;margin:6px 0 4px;transition:background .2s,color .2s}
.dialog-body .dialog-link:hover{background:var(--green);color:var(--paper)}
@media(max-width:600px){.dialog-body .logline{font-size:19px}.dialog-body .facts{grid-template-columns:1fr}.dialog-body .facts dt{border-bottom:0;padding-bottom:0}}

/* Imágenes que aún no están en la carpeta assets */
.img-missing{background:#d6d2c4}
.hero-wordmark.no-logo{aspect-ratio:auto!important;line-height:1.05!important;font:400 clamp(48px,10.05vw,180px) Georgia,'Times New Roman',serif!important;letter-spacing:-.063em!important}
.hero-wordmark.no-logo img{display:none}
.hero-wordmark.no-logo .sr-only{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal}

/* Portada más compacta: menos aire entre el lema y «Nosotros» */
.hero{padding-bottom:0}
.hero .hero-caption p{font-size:clamp(22px,2.2vw,32px);letter-spacing:-.5px}
.hero .round-arrow{width:38px;height:38px;font-size:18px}
.about.section-pad{padding-top:64px}
@media(max-width:600px){.hero .hero-caption p{font-size:24px}.about.section-pad{padding-top:44px}}

/* El tiempo, detenido: título abajo a la izquierda, sin tapar el rostro */
.film-art .poster-title{top:auto;bottom:52px;left:7%;right:auto;text-align:left;font-size:clamp(30px,3.6vw,56px)}
.film-art .poster-title small{margin-top:18px}
.film-art:after{background:linear-gradient(75deg,rgba(16,24,20,.62),transparent 55%)}
.film-art img{object-position:62% center}

/* Carteles verticales de Earworm y Vídeos y fuego */
.poster-grid{margin-top:56px}
.poster-art{aspect-ratio:3/4;background:#141814}
.poster-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s}
.project-open:hover .poster-art img{transform:scale(1.03)}
.poster-art .tag,.poster-art .art-number{z-index:1;color:var(--paper)}
@media(max-width:600px){.poster-art{aspect-ratio:3/4}.film-art .poster-title{font-size:40px;bottom:44px}}
@media(prefers-reduced-motion:reduce){.poster-art img{transition:none}}

/* Carteles al mismo tamaño que las tarjetas de arriba: cartel entero sobre un fondo desenfocado de sí mismo */
.poster-grid{margin-top:30px}
.poster-art,.poster-art{aspect-ratio:1.3}
.poster-art .poster-bg{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(28px) brightness(.45) saturate(.9);transform:none!important}
.poster-art .poster-img{position:relative;display:block;height:100%;width:auto;margin:0 auto;object-fit:contain;box-shadow:0 10px 40px rgba(0,0,0,.45)}
.project-open:hover .poster-art .poster-img{transform:scale(1.03)}
@media(max-width:600px){.poster-art{aspect-ratio:1.1}}
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.poster-art .poster-img{position:absolute;top:0;bottom:0;left:50%;height:100%;width:auto;max-width:none;margin:0;transform:translateX(-50%);transition:transform .7s}
.project-open:hover .poster-art .poster-img{transform:translateX(-50%) scale(1.03)}
@media(max-width:600px){.project-grid{grid-template-columns:1fr}}

/* Correos de contacto */
.contact-note{max-width:340px}
.contact-mails{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:16px}
.contact-mails li{display:grid;gap:4px;border-top:1px solid var(--line);padding-top:12px}
.contact-mails span{font-size:8px;text-transform:uppercase;letter-spacing:1.2px;opacity:.6}
.contact-mails a{font:17px/1.3 Georgia,serif;overflow-wrap:anywhere;user-select:text}
.contact-mails a:hover{color:var(--clay)}
.contact-mails{gap:0}.contact-mails li{padding:12px 0}.contact-mails li:last-child{border-bottom:1px solid var(--line)}