:root{--paper:#ecece4;--ink:#484036;--line:rgba(72,64,54,.2)}
body{background:var(--paper);color:var(--ink)}
.draft{background:#cacab0;background:#cacab0;color:var(--ink);font-size:9px;letter-spacing:.16em;padding:7px}
header{padding:28px 4%;border:0;gap:30px}.brand{font-size:17px;letter-spacing:.06em;white-space:nowrap}nav{gap:22px;font-size:11px}nav a{text-transform:uppercase;letter-spacing:.07em}
h1,h2,h3,.hero-top h1,.inner-heading h1,.section-head h2,.bio h2,.inner-page .bio h2,.project h3,.news-row h3,.contact h2,.reel-card h2,.cv-section h2,.cv-section h3{font-weight:400;letter-spacing:-.035em;line-height:1.08}
.hero{padding:0;position:relative;background:#1b302d;color:#faf5eb}.hero-photo{aspect-ratio:auto;height:83vh;min-height:560px;max-height:1050px}.hero-photo img{width:76%;transform:translate(-50%,-8%)}
.hero-top{position:absolute;inset:0;z-index:1;padding:35px 4%;pointer-events:none;display:flex;align-items:flex-end;margin:0}.hero-top h1{font-size:clamp(65px,11.6vw,190px);letter-spacing:-.065em;line-height:.9;font-weight:400;max-width:90%}.hero-top h1 br{display:none}.hero-top h1 br:after{content:' '}.hero-top p{position:absolute;right:4%;top:32px;font-size:12px;text-align:right;letter-spacing:.08em;text-transform:uppercase}.hero-caption{position:relative;padding:24px 4%;background:var(--paper);color:var(--ink);font-size:10px}
.hero+.work{padding-top:140px}.work,.gallery,.notes{padding-left:4%;padding-right:4%;padding-bottom:140px}.section-head{border:0;padding:0;margin-bottom:55px}.section-head h2{font-size:clamp(32px,4vw,58px)}.textlink{font-size:10px;text-transform:uppercase;letter-spacing:.12em;padding-bottom:8px}
.projects{grid-template-columns:1fr 1fr;gap:90px 4%}.project:nth-child(n){margin:0;width:100%}.project:nth-child(even){padding-top:140px}.project img,.project:nth-child(n) img{height:580px;object-fit:cover}.projects .project-cremallera img{height:580px;object-fit:contain;background:#d9dbd0}.project h3{font-size:25px;margin:20px 0 10px}.project p{font-size:10px;color:#666e72}.project img{transition:opacity .4s}.project:hover img{opacity:.88}
.reel{background:#cacab0;background:#cacab0;color:var(--ink);padding:85px 8% 100px}.reel .section-head{border:0}.video-note{line-height:1.7}.play{border-radius:0;background:#ecece4d9;width:auto;height:auto;padding:20px 28px;text-transform:uppercase;letter-spacing:.1em}
.bio{padding:150px 8%;gap:10%;grid-template-columns:1fr 1fr}.bio img{height:650px}.bio h2{font-size:clamp(36px,4vw,62px)}.bio h2 em{font-style:normal}.bio p{font-size:16px;line-height:1.8}.eyebrow{font-size:10px;letter-spacing:.18em}.gallery-grid{gap:4%}.gallery-grid a:nth-child(2){margin-top:120px}.gallery .textlink{margin-top:40px}.news-row{padding:35px 0}.news-row h3{font-size:26px}
.contact{background:#cacab0;background:#cacab0;padding:100px 4% 35px}.contact h2{font-size:clamp(50px,9vw,140px);margin:45px 0 85px}.representatives{max-width:100%;grid-template-columns:1fr 1fr;gap:50px}.representatives p{font-size:16px}footer{margin-top:100px}
.inner-heading{padding:80px 4% 95px}.inner-heading h1{font-size:clamp(60px,10vw,150px);margin-top:35px}.inner-heading>a,.inner-heading>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.inner-page .bio{padding:0 8% 120px}.inner-page .bio h2{font-size:40px}.inner-page .contact{padding-top:70px}.inner-footer{padding:35px 4%}.reel-collection{padding:0 4% 140px;gap:80px 4%}.reel-card h2{font-size:25px}.cv-content{padding:0 4% 120px}.cv-section{padding:45px 0;grid-template-columns:1fr 2fr}.cv-section h2{font-size:32px}.cv-section li{margin-bottom:32px}.cv-section h3{font-size:20px}.cv-section p{line-height:1.7}
@media(max-width:700px){header{padding:22px 5%;display:block}.brand{display:block;margin-bottom:20px}nav{max-width:none;justify-content:flex-start;gap:15px;font-size:9px}.hero-photo{height:65vh;min-height:440px}.hero-photo img{width:145%;top:0;transform:translate(-50%,0);mask-image:none;-webkit-mask-image:none}.hero-top{padding:30px 5%}.hero-top h1{font-size:17vw;max-width:100%}.hero-top p{top:20px;right:5%;font-size:10px}.hero-caption{padding:20px 5%;gap:20px;line-height:1.5}.hero-caption a{font-size:11px;white-space:nowrap}.hero+.work{padding-top:80px}.work,.gallery,.notes{padding:0 5% 80px}.projects{gap:45px 20px}.project:nth-child(even){padding-top:65px}.project img,.project:nth-child(n) img,.projects .project-cremallera img{height:280px}.project h3{font-size:21px}.project p{font-size:9px}.reel{padding:55px 5%}.bio{padding:80px 5%;grid-template-columns:1fr;gap:35px}.bio img{height:480px}.gallery-grid{gap:30px}.gallery-grid a:nth-child(2){margin-top:0}.contact{padding:65px 5% 30px}.contact h2{font-size:15vw;margin-bottom:55px}.representatives{grid-template-columns:1fr;gap:25px}footer{margin-top:60px}.inner-heading{padding:50px 5% 65px}.inner-heading h1{font-size:15vw}.inner-page .bio{padding:0 5% 80px}.inner-page .bio h2{font-size:32px}.reel-collection{padding:0 5% 80px;grid-template-columns:1fr;gap:45px}.cv-section{grid-template-columns:1fr;gap:25px}.cv-content{padding:0 5% 80px}}

/* Encuadre de portada aprobado: rostro y hombros, proporción 1440 × 750. */
.hero-photo{height:auto;min-height:0;max-height:none;aspect-ratio:48/25}
.hero-photo img{width:76%;height:auto;top:0;left:50%;transform:translate(-50%,-8%)}
@media(max-width:700px){
 .hero-photo{height:auto;min-height:0;aspect-ratio:4/5}
 .hero-photo img{width:145%;transform:translate(-50%,-8%)}
}

.legal-links{display:flex;flex-wrap:wrap;gap:24px;padding:25px 4%;font-size:10px;background:var(--paper);color:var(--ink)}

/* Portada aprobada 01-10-2026: menú sobre fotografía y nombre entre fondos. */
body:not(.inner-page){position:relative}
body:not(.inner-page)>header{position:absolute;top:0;left:0;width:100%;z-index:5;padding:38px 3.4%;background:linear-gradient(#15282555,transparent);color:#faf5eb;display:flex;justify-content:space-between;align-items:center;gap:28px}
body:not(.inner-page)>header .brand{font-size:clamp(22px,2.8vw,42px);font-weight:400;letter-spacing:-.055em;margin:0}
body:not(.inner-page)>header nav{font-size:clamp(10px,1vw,15px);gap:clamp(15px,2.8vw,42px);max-width:none}
body:not(.inner-page)>header nav a{letter-spacing:.045em}
body:not(.inner-page) .hero-photo{height:auto;aspect-ratio:1490/948;min-height:0;max-height:none}
body:not(.inner-page) .hero-photo img{width:83%;height:auto;top:0;left:50%;transform:translate(-50%,-8%)}
body:not(.inner-page) .hero-top{inset:0 0 auto;height:calc(100vw * 948 / 1490);padding:0 4%;align-items:flex-end;z-index:2}
body:not(.inner-page) .hero-top h1{font-size:12.5vw;max-width:none;white-space:nowrap;line-height:.95;margin:0;letter-spacing:-.065em;transform:translateY(50%);color:transparent;background:linear-gradient(to bottom,#faf5eb 50%,#484036 50%);background-clip:text;-webkit-background-clip:text}
body:not(.inner-page) .hero-top p{top:auto;right:4%;bottom:11vw;font-size:12px}
body:not(.inner-page) .hero-caption{padding:9vw 4% 28px}
@media(max-width:900px){body:not(.inner-page)>header{padding:24px 4%;display:block}body:not(.inner-page)>header .brand{display:block;margin-bottom:20px}body:not(.inner-page)>header nav{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:11px;justify-content:flex-start}}
@media(max-width:700px){body:not(.inner-page) .hero-photo{aspect-ratio:4/5}body:not(.inner-page) .hero-photo img{width:145%;transform:translate(-50%,-8%)}body:not(.inner-page) .hero-top{height:125vw}body:not(.inner-page) .hero-top p{bottom:12vw;font-size:9px}body:not(.inner-page) .hero-caption{padding-top:12vw}}

/* Fondo blanco bajo el nombre, 01-10-2026. */
body:not(.inner-page){--paper:#fff}

/* Nombre completo visible al entrar, sobre foto y crema. */
body:not(.inner-page){--paper:#ded5c5;--cover-height:calc(100svh - 6vw - 60px)}
body:not(.inner-page) .hero-photo{height:var(--cover-height);aspect-ratio:auto}
body:not(.inner-page) .hero-photo img{width:calc(var(--cover-height) * 1.305);max-width:none}
body:not(.inner-page) .hero-top{height:var(--cover-height)}
body:not(.inner-page) .hero-top h1{color:#fff;background:none;-webkit-text-fill-color:#fff}
body:not(.inner-page) .hero-caption{background:#ded5c5}
@media(max-width:700px){body:not(.inner-page){--cover-height:min(125vw,calc(100svh - 22vw - 90px))}body:not(.inner-page) .hero-photo img{width:145%}}

/* Cartel original sin franjas laterales. */
.projects .project-cremallera img{width:auto;max-width:100%;margin-left:auto;margin-right:auto;background:transparent;border:0;box-shadow:none}

/* Beige cálido y luminoso, 15-10-2026. */
:root,body,body:not(.inner-page){--paper:#faf6ef}
body{background:var(--paper)}
body:not(.inner-page) .hero-caption{background:var(--paper)}
.reel,.contact,.draft{background:#f1e8da}
.play{background:#faf6efe6}