*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#151515;background:#f8f8f6}header{height:96px;padding:24px 4vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(248,248,246,.94);backdrop-filter:blur(10px);z-index:10;border-bottom:1px solid #ddd}.brand{text-decoration:none;color:inherit;letter-spacing:.18em}.brand strong{display:block;font-weight:400;font-size:22px}.brand span{display:block;font-size:10px;letter-spacing:.45em;margin-top:7px}nav{display:flex;gap:28px}nav a{font-size:12px;letter-spacing:.13em;text-decoration:none;color:inherit}#menu{display:none;border:0;background:none;font-size:25px}.hero{height:calc(100vh - 96px);background:#111;position:relative;overflow:hidden}.hero img{width:100%;height:100%;object-fit:cover;object-position:center 36%;filter:grayscale(100%)}.scroll{position:absolute;bottom:24px;left:4vw;color:#fff;font-size:10px;letter-spacing:.3em}.section{padding:100px 5vw;max-width:1400px;margin:auto}.section h1{font-size:32px;font-weight:400;letter-spacing:.14em;margin:0 0 50px}.bio{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:start}.bio p{font-size:18px;line-height:1.65;margin:0 0 24px}.bio>img,.contact img{width:100%;max-height:760px;object-fit:cover}.button{display:inline-block;margin-top:20px;background:#171717;color:#fff;padding:18px 22px;text-decoration:none;font-size:11px;letter-spacing:.15em}.grid{display:grid;gap:12px}.photos{grid-template-columns:repeat(2,1fr)}.photos img{width:100%;height:70vh;object-fit:cover}.works{grid-template-columns:repeat(3,1fr)}.works img{width:100%;height:420px;object-fit:cover}.videos{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.videos iframe{width:100%;aspect-ratio:16/9;border:0}.contact{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:center}.contact-link{font-size:24px;color:inherit;text-underline-offset:8px}.contact p{margin-top:30px;color:#666}footer{padding:50px 5vw;border-top:1px solid #ddd;font-size:11px;letter-spacing:.25em}@media(max-width:760px){header{height:78px}.brand strong{font-size:17px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#f8f8f6;padding:30px 5vw;flex-direction:column;border-bottom:1px solid #ddd}nav.open{display:flex}#menu{display:block}.hero{height:calc(100svh - 78px)}.hero img{object-position:center top}.section{padding:70px 6vw}.section h1{font-size:25px;margin-bottom:32px}.bio,.contact{grid-template-columns:1fr;gap:45px}.bio p{font-size:16px}.bio>img{order:-1}.photos,.works,.videos{grid-template-columns:1fr}.photos img{height:auto}.works img{height:auto}.contact-link{font-size:20px}}
.zoomable{cursor:zoom-in}.no-scroll{overflow:hidden}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:100;display:none;align-items:center;justify-content:center;padding:5vh 7vw}.lightbox.open{display:flex}.lightbox img{max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain}.lightbox button{position:absolute;border:0;background:transparent;color:#fff;cursor:pointer;font-weight:200}.lb-close{top:18px;right:24px;font-size:46px}.lb-prev,.lb-next{top:50%;transform:translateY(-50%);font-size:64px;padding:20px}.lb-prev{left:12px}.lb-next{right:12px}.instagram-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.instagram-head a{color:inherit;text-decoration:none;font-size:12px;letter-spacing:.12em}.instagram-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:820px;margin:0 auto}.instagram-grid a{display:block;aspect-ratio:1/1;overflow:hidden;background:#eee}.instagram-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.instagram-grid a:hover img{transform:scale(1.015)}
@media(max-width:760px){.lightbox{padding:60px 12px}.lb-prev,.lb-next{font-size:48px}.lb-prev{left:0}.lb-next{right:0}.instagram-head{align-items:flex-start;flex-direction:column;margin-bottom:25px}.instagram-head h1{margin-bottom:0}.instagram-grid{grid-template-columns:repeat(3,1fr);gap:5px;width:100%;max-width:none}}

/* Secciones desplegables: una fila completa + un avance de la siguiente */
#fotos .photos,#trabajos .works,#videos .videos{overflow:hidden;transition:max-height .55s ease}
.expand-toggle{display:block;margin:22px auto 0;border:0;background:transparent;color:#151515;font-size:28px;font-weight:300;line-height:1;cursor:pointer;padding:10px 28px;transition:transform .2s ease}
.expand-toggle:hover{transform:translateY(2px)}
@media(max-width:760px){.expand-toggle{margin-top:14px;font-size:26px;padding:10px 30px}}
