:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f4f1e9;background:#10110f}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #d5fa80;outline-offset:7px}button{border:0;background:none} .backdrop,.shade{position:fixed;inset:0;z-index:-2}.backdrop{background:#161814 url('assets/p5-0.jpg') center/cover no-repeat;transition:opacity .35s,background-image .6s}.shade{z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.45),transparent 35%,rgba(0,0,0,.8))}header{height:118px;padding:35px 4%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4}.brand{font-family:Georgia,serif;font-size:27px;letter-spacing:-1.4px;text-align:center}.brand span{display:block;font:9px Arial,sans-serif;letter-spacing:2.2px;text-transform:uppercase;margin-top:8px}.menu{font-size:22px;width:85px;text-align:left}.hello{font-size:12px}nav{display:flex;justify-content:center;gap:30px;font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:8px 20px}nav a{padding-bottom:8px;border-bottom:1px solid transparent}nav a.current{border-color:#f4f1e9}nav.open{position:absolute;top:95px;left:4%;z-index:5;background:#e9e6dd;color:#111;padding:28px;display:flex;flex-direction:column;font-size:16px;align-items:start}.screen{min-height:calc(100svh - 154px);display:flex;flex-direction:column;padding:0 4%}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase}.screen>.eyebrow{margin-top:auto;padding-top:90px;margin-bottom:30px;color:#bbb}.project-layout{display:flex;align-items:end;justify-content:space-between;gap:40px;padding-bottom:75px}.titles{display:flex;flex-direction:column;align-items:start}.project{font-size:clamp(34px,5vw,80px);letter-spacing:-.065em;line-height:1.05;padding:0;text-align:left;color:#aaa;transition:color .2s}.project:hover,.project.active{color:#fff}.project sup{font-size:10px;letter-spacing:0;vertical-align:top;display:inline-block;margin:8px 0 0 14px}.project-info{max-width:255px;font-size:12px;line-height:1.6}.project-info p:first-child{color:#d4d4ce}.project-info p:nth-child(2){color:#aaa}.project-info button{padding:10px 0;border-bottom:1px solid #888;width:100%;text-align:left;font-size:11px}.project-info button span{float:right}footer{border-top:1px solid #ffffff35;display:flex;justify-content:space-between;gap:10px;padding:20px 0;font-size:9px;letter-spacing:.5px;color:#bbb}.page{background:#e9e6dd;color:#1b1d18;min-height:calc(100svh - 154px);padding:65px 6% 90px}.page h1{font-size:clamp(48px,7vw,105px);letter-spacing:-.065em;line-height:1;margin:30px 0}.intro{font-size:20px;line-height:1.5;max-width:600px}.filters{display:flex;gap:22px;margin:40px 0 30px}.filters button{color:#62645c;padding:8px 0;font-size:12px}.filters .selected{color:#141610;border-bottom:1px solid}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:45px 30px}.work img{width:100%;aspect-ratio:1.8;object-fit:cover}.work h2{font-size:24px;font-weight:normal;letter-spacing:-1px;margin:15px 0 8px}.work p{font-size:12px;line-height:1.6;margin:5px 0;color:#55584e}.work .year{float:right;font-size:12px}.about{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.about p:not(.intro){font-size:15px;line-height:1.7;max-width:480px}.about img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1)}.text-link{display:inline-block;border-bottom:1px solid;padding-bottom:7px;font-size:13px;margin-top:25px}.contact .email{display:inline-block;font-size:clamp(17px,3.5vw,52px);letter-spacing:-.04em;border-bottom:1px solid;padding:20px 0}.contact p{font-size:14px}.location{display:block;margin-top:70px;font-size:11px}dialog{background:#e9e6dd;color:#151711;border:0;padding:60px;max-width:650px;width:90%;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:52px;line-height:1;letter-spacing:-2px}dialog p{line-height:1.7}.close{position:absolute;right:20px;top:12px;font-size:32px}[hidden]{display:none!important}@media(max-width:650px){header{height:90px;padding:25px 6%}.brand{font-size:24px}.menu{width:65px}.hello{font-size:10px}nav{gap:15px;font-size:8px;letter-spacing:.3px;padding:10px 12px}.screen{min-height:calc(100svh - 124px);padding:0 6%}.project-layout{display:block;padding-bottom:35px}.screen>.eyebrow{padding-top:130px}.project{font-size:44px}.project sup{font-size:9px;margin-left:10px}.project-info{margin-top:25px;max-width:100%;font-size:11px}.project-info p{margin:4px 0}.project-info button{width:auto;min-width:160px;margin-top:5px}footer{font-size:8px}footer span:nth-child(2){display:none}.page{padding:45px 6%;min-height:calc(100svh - 124px)}.work-grid{grid-template-columns:1fr}.about{grid-template-columns:1fr}.about img{margin-top:30px;aspect-ratio:1.3}.filters{gap:20px}.filters button{font-size:11px}dialog{padding:40px 25px}dialog h2{font-size:40px}.backdrop{background-position:60% center}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Navigation: cinematic side panel */
header{height:118px;position:relative;z-index:30}.brand{position:absolute;left:50%;transform:translateX(-50%)}.hello{margin-left:auto}.menu{width:auto;display:flex;align-items:center;gap:14px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:12px 0;min-height:44px}.menu-icon{width:23px;height:14px;position:relative;display:block}.menu-icon:before,.menu-icon:after{content:'';position:absolute;left:0;top:3px;width:23px;height:1px;background:currentColor;transition:transform .25s,top .25s}.menu-icon:after{top:11px}.menu-open .menu-icon:before{top:7px;transform:rotate(45deg)}.menu-open .menu-icon:after{top:7px;transform:rotate(-45deg)}.menu-open{overflow:hidden}.nav-scrim{position:fixed;inset:0;z-index:19;background:#0004;width:100%;height:100%;cursor:pointer}nav,nav.open{position:fixed;inset:0 auto 0 0;width:min(510px,43vw);height:100dvh;background:#050505;color:#fff;z-index:20;padding:155px 40px 30px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:50px;overflow-y:auto;transform:translateX(-101%);transition:transform .4s cubic-bezier(.22,.61,.36,1);text-transform:none;letter-spacing:0;visibility:hidden}nav.open{transform:translateX(0);visibility:visible}.nav-items{display:flex;flex-direction:column;gap:22px}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.nav-row>a,.nav-main{font-size:clamp(35px,4.4vw,64px);font-weight:400;letter-spacing:-.055em;line-height:1.02}nav a{border:0!important;padding:0}nav a:hover{color:#aaa}nav a.current{color:#fff}.disclosure{font-size:28px;font-weight:300;min-width:44px;min-height:44px;color:#999}.disclosure:hover{color:#fff}.subnav{display:flex;flex-direction:column;gap:17px;padding:25px 0 6px 3px}.subnav a{font-size:15px;line-height:1.4;letter-spacing:-.2px;color:#aaa}.subnav small{font-size:9px;margin-left:8px}.nav-bottom{display:flex;justify-content:space-between;align-items:end;font-size:10px;line-height:1.7;color:#888;gap:20px}.nav-bottom a{color:#ccc;font-size:11px;white-space:nowrap}.screen{min-height:calc(100svh - 118px)}.page{min-height:calc(100svh - 118px)}
@media(max-width:650px){header{height:90px}.brand{font-size:23px}.brand span{font-size:8px}.menu{gap:9px}.menu-label{font-size:9px}.hello{font-size:9px}nav,nav.open{width:100%;padding:125px 7% 30px;gap:45px}.nav-row>a,.nav-main{font-size:clamp(40px,11vw,58px)}.nav-items{gap:25px}.menu-open .brand,.menu-open .hello{visibility:hidden}.nav-bottom{padding-top:20px}.screen,.page{min-height:calc(100svh - 90px)}}
@media(prefers-reduced-motion:reduce){nav,.menu-icon:before,.menu-icon:after{transition:none}}
/* Text-only work index, with photographs inside each project. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0}.work-mode{background:#050505}.work-mode .backdrop,.work-mode .shade{visibility:hidden}#trabajos,#ficha{background:#050505;color:#fff}#trabajos{padding:15px 4% 85px}#trabajos .filters{margin:10px 0 45px;gap:28px}#trabajos .filters button{color:#999}#trabajos .filters .selected{color:#fff}#work-grid{display:flex;flex-direction:column;gap:0}.work-entry{display:block;padding:28px 0 32px;border-bottom:1px solid #ffffff22}.work-entry:first-child{padding-top:0}.work-entry h2{font-size:clamp(30px,4.2vw,64px);font-weight:400;letter-spacing:-.055em;line-height:1.08;margin:0 0 15px;max-width:1100px;transition:color .2s}.work-entry:hover h2{color:#b8b8b8}.work-meta{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:12px;line-height:1.6;color:#ccc}.work-detail{padding:25px 4% 80px}.back-link{font-size:12px;display:inline-block;color:#bcbcbc;padding:12px 0}.detail-heading{margin:70px 0 40px;max-width:1100px}.detail-heading h1{font-weight:400;max-width:1100px;margin:24px 0!important}.detail-role{font-size:18px;color:#ccc}.credits{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:0 0 60px;padding:30px 0;border-top:1px solid #ffffff33}.credits dt{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#999;margin-bottom:12px}.credits dd{margin:0;font-size:14px;line-height:1.6}.work-gallery{display:flex;flex-direction:column;gap:30px;align-items:center}.work-gallery img{display:block;width:100%;height:auto;max-height:85svh;object-fit:contain;background:#050505}.bottom-back{margin-top:40px}@media(max-width:650px){#trabajos{padding:15px 6% 55px}#trabajos .filters{gap:22px;margin:5px 0 32px}.work-entry{padding:24px 0 27px}.work-entry h2{font-size:clamp(30px,8.8vw,42px);line-height:1.08;margin-bottom:14px}.work-meta{flex-direction:column;gap:3px;font-size:11px}.work-detail{padding:12px 6% 50px}.detail-heading{margin:42px 0 32px}.detail-heading h1{font-size:44px}.detail-role{font-size:15px}.credits{grid-template-columns:1fr 1fr;gap:26px 18px;margin-bottom:35px}.credits dd{font-size:12px}.work-gallery{gap:18px}}@media(prefers-reduced-motion:reduce){.work-entry h2{transition:none}}
dialog{max-height:90dvh;overflow-y:auto}#modal-production{font-size:14px;color:#45483e}#modal-imdb{margin-top:5px}#modal-selections{margin-top:35px;border-top:1px solid #1b1d1833;padding-top:25px}#modal-selections h3{font-size:12px;font-weight:normal;text-transform:uppercase;letter-spacing:1.4px;margin:0 0 22px}#selection-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:25px}#selection-list strong,#selection-list span,#selection-list em{display:block}#selection-list strong{font-size:15px;font-weight:500}#selection-list span{font-size:12px;margin-top:5px;color:#55584e}#selection-list em{font-size:12px;font-style:normal;margin-top:7px}dialog .close{position:sticky;top:0;float:right;margin:-38px -32px 0 0;background:#e9e6dd;min-width:36px;z-index:1}@media(max-width:650px){.brand span{font-size:7px;letter-spacing:1px}#selection-list{grid-template-columns:1fr}dialog .close{margin:-22px -12px 0 0}}
#sobre{background:#050505;color:#fff}#sobre .eyebrow{color:#aaa}#sobre .intro{color:#fff}#sobre p:not(.intro){color:#d6d6d6}#sobre .text-link{color:#fff;border-color:#777}
/* Consistent dark surfaces across sections and project dialogs. */
:root{color:#fff;background:#050505}.page,#contacto,dialog{background:#050505;color:#fff}dialog{border:1px solid #ffffff25}dialog .close{background:#050505;color:#fff}#modal-production,#selection-list span{color:#fff}#modal-selections{border-color:#ffffff35}#contacto .text-link,#contacto .email,dialog .text-link{color:#fff;border-color:#ffffff70}.contact .email{overflow-wrap:anywhere}
#sobre{display:block}#sobre>div{max-width:780px;margin:0 auto}#sobre p:not(.intro){max-width:700px;font-size:16px;line-height:1.8}@media(max-width:650px){#sobre p:not(.intro){font-size:15px;line-height:1.75}}