@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Instrument+Serif:ital@0;1&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f0ede6;color:#20201d;font-family:'DM Sans',sans-serif}.portfolio-header{position:absolute;z-index:3;color:white;width:100%;padding:30px 4vw;display:flex;justify-content:space-between}.portfolio-header a{color:inherit;text-decoration:none}.portfolio-header nav{display:flex;gap:32px;font-size:12px}.portfolio-hero{height:100svh;min-height:650px;padding:0 4vw 7vh;display:flex;align-items:end;justify-content:space-between;color:white;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.05)),url('assets/proyectos/asador/1.png') center/cover}.portfolio-hero p,.statement>p,.work-head,.card span{font-size:10px;letter-spacing:.16em;text-transform:uppercase}.portfolio-hero h1{font-size:clamp(65px,10vw,150px);line-height:.8;letter-spacing:-.055em;font-weight:300;margin:30px 0}.portfolio-hero em,.statement em{font-family:'Instrument Serif';font-weight:400}.portfolio-hero>span{writing-mode:vertical-rl;font-size:11px}.statement{padding:140px 4vw;display:grid;grid-template-columns:1fr 3fr;gap:40px}.statement h2{font-size:clamp(50px,7.2vw,105px);line-height:.93;letter-spacing:-.05em;font-weight:300;margin:0}.statement-copy{grid-column:2;max-width:560px;margin:50px 0 0 auto;font-size:19px;line-height:1.6}.work{padding:20px 4vw 130px}.work-head{padding:18px 0 70px;border-top:1px solid #aaa;display:flex;justify-content:space-between}.card{margin-bottom:120px}.card a{text-decoration:none;color:inherit}.card img{display:block;width:100%;object-fit:cover;transition:filter .5s}.card a:hover img{filter:saturate(.65)}.card div{position:relative;padding-top:15px;border-top:1px solid #aaa;margin-top:15px}.card h2{font-family:'Instrument Serif';font-size:36px;font-weight:400;margin:8px 0}.card b{position:absolute;right:0;top:18px;font-weight:400}.card-wide{width:86%}.card-wide img{height:68vw;max-height:900px}.card-pair{display:grid;grid-template-columns:1.35fr .7fr;gap:9vw;align-items:end}.card-portrait img{height:70vw;max-height:950px}.card-small img{height:40vw;max-height:600px}.card-cinema img{height:82vh;min-height:600px}.portfolio-contact{background:#d9ff43;padding:120px 4vw 50px}.portfolio-contact>span{font-size:13px}.portfolio-contact h2{font-family:'Instrument Serif';font-size:clamp(110px,21vw,300px);font-weight:400;line-height:.75;margin:35px 0 90px}.portfolio-contact div{margin-left:45%}.portfolio-contact a{display:block;border-top:1px solid;padding:18px 0;color:inherit;text-decoration:none}.portfolio-contact p{border-top:1px solid;margin-top:90px;padding-top:18px;font-size:11px}@media(max-width:700px){.portfolio-header nav{display:none}.portfolio-hero{padding-left:6vw}.portfolio-hero h1{font-size:18vw}.portfolio-hero>span{display:none}.statement{grid-template-columns:1fr;padding:90px 6vw}.statement-copy{grid-column:auto}.work{padding:10px 6vw 80px}.card-wide{width:100%}.card-wide img,.card-portrait img{height:110vw}.card-pair{grid-template-columns:1fr}.card-small{width:80%;margin-left:auto}.card-small img{height:80vw}.portfolio-contact{padding:90px 6vw 40px}.portfolio-contact h2{font-size:29vw}.portfolio-contact div{margin-left:0}}