@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&family=Manrope:wght@300;400;500;600;700&display=swap');
:root{--blue:#45566c;--bone:#f3efe6;--ink:#283746;--muted:#777d7f;--line:#d5d3cb}*{box-sizing:border-box}body{margin:0;background:var(--bone);color:var(--ink);font-family:Vazirmatn,Arial,sans-serif}html{scroll-behavior:smooth}html[lang=es] body{font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #b78e57;outline-offset:6px}header{height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:15px}.brand img{width:63px;height:63px}.brand strong{font-family:Manrope,Arial;font-size:21px;letter-spacing:5px;display:block}.brand small{font-size:10px;letter-spacing:1px}nav{display:flex;gap:25px;font-size:12px}nav a{padding:8px 0;border-bottom:1px solid transparent}nav a:hover,nav a.active{border-color:var(--blue)}.language{font-family:Manrope;font-size:12px;border:1px solid var(--line);padding:10px 13px}.menu{display:none;background:none;border:0;color:var(--blue);font-size:25px}.hero{position:relative;margin:24px 24px 0;height:min(760px,78vh);min-height:520px;background:var(--blue);color:white;overflow:hidden}.hero>img{height:100%;width:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(22,35,45,.8),transparent 90%),linear-gradient(90deg,transparent,rgba(22,35,45,.25))}.hero-copy{position:absolute;z-index:1;inset-inline-start:7%;bottom:12%;max-width:750px}.eyebrow{font-size:11px;letter-spacing:3px;display:block;margin-bottom:20px}.hero h1{font-size:clamp(44px,6vw,86px);font-weight:300;line-height:1.6;margin:0 0 24px}.hero h1 em{font-style:normal;color:#e5d5bc}.line-link{display:inline-flex;align-items:center;gap:32px;border-bottom:1px solid;padding-bottom:12px;font-size:13px}.hero-bottom{position:absolute;z-index:1;bottom:27px;inset-inline:7%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px}.wrap{max-width:1370px;margin:auto;padding:100px 6%}.intro{display:grid;grid-template-columns:1fr 1fr;gap:13%;align-items:start}.kicker{font-family:Manrope;font-size:10px;letter-spacing:3px;color:var(--muted)}h2{font-size:clamp(28px,3.6vw,48px);font-weight:400;line-height:1.7;margin:18px 0 25px}p{font-size:15px;line-height:2.2;color:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px;gap:20px}.section-head h2{margin-bottom:0}.projects{display:grid;grid-template-columns:1fr 1fr;gap:55px 32px}.project:nth-child(even){transform:translateY(70px)}.project .photo{height:470px;overflow:hidden;background:#dedcd4}.project img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project:hover img{transform:scale(1.035)}.project-meta{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-bottom:1px solid var(--line);padding-bottom:16px}.project h3{font-size:22px;font-weight:400;margin:0}.project small{color:var(--muted);font-size:11px}.projects-section{padding-top:10px;padding-bottom:160px}.band{background:var(--blue);color:var(--bone);padding:80px 9%;display:flex;justify-content:space-between;align-items:center;gap:30px}.band p{color:#cbd0d5}.band h2{margin:0}.portrait-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.portrait-section img{width:100%;max-height:650px;object-fit:cover}.page-top{padding-bottom:45px;border-bottom:1px solid var(--line);margin-bottom:50px}.page-top h1{font-size:clamp(40px,6vw,72px);font-weight:300;margin:15px 0}.breadcrumbs{font-size:12px;color:var(--muted)}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px 0;margin:20px 0 40px;border-block:1px solid var(--line)}.details span{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px}.gallery button{padding:0;border:0;background:none;overflow:hidden}.gallery button:first-child{grid-column:1/-1}.gallery img{display:block;width:100%;max-height:720px;object-fit:cover}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:50px}.person{border-top:1px solid var(--line);padding:25px 0}.person h3{font-weight:400}.phone{direction:ltr;display:inline-block;font-family:Manrope;font-size:17px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-card{border-bottom:1px solid var(--line);padding:10px 0 30px}.contact-card h3{font-weight:400}.empty{padding:70px 0;max-width:600px}.empty h2{font-size:30px}.print{background:var(--blue);border:0;padding:14px 25px;color:white}.catalog-row{border-bottom:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between}.catalog-row b{font-weight:400}footer{background:#3b4c61;color:var(--bone);padding:65px 6% 25px}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:70px}footer p{color:#cbd0d5;font-size:12px}footer nav{display:grid;grid-template-columns:1fr 1fr;gap:12px}footer .brand img{width:80px;height:80px}.copyright{border-top:1px solid #718092;margin-top:45px;padding-top:22px;font-size:10px;display:flex;justify-content:space-between}dialog{border:0;background:#17212bed;width:100vw;height:100dvh;max-width:none;max-height:none;padding:50px;position:fixed;inset:0;color:white}dialog[open]{display:flex;align-items:center;justify-content:center}dialog img{max-height:85vh;max-width:88vw;object-fit:contain}dialog button{position:absolute;background:none;color:white;border:0;font-size:35px}#close{top:10px;right:25px}#prev{left:15px}#next{right:15px}.fade{animation:appear .75s ease both}@keyframes appear{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){header{padding:0 4%;gap:12px}nav{gap:13px;font-size:11px}.brand strong{font-size:17px}.brand small{font-size:9px}.brand img{width:50px;height:50px}.project .photo{height:350px}}@media(max-width:760px){header{height:85px}.brand{gap:9px}.brand strong{font-size:16px}.menu{display:block}header nav{display:none;position:absolute;top:85px;inset-inline:0;z-index:9;background:var(--bone);padding:25px 7%;font-size:15px;box-shadow:0 15px 25px #0001}header nav.open{display:grid}.hero{margin:12px;min-height:560px;height:76vh}.hero h1{font-size:43px}.hero-copy{inset-inline:7%;bottom:17%}.hero-bottom{letter-spacing:1px;font-size:8px}.wrap{padding:65px 7%}.intro,.portrait-section,.contact-grid{grid-template-columns:1fr;gap:30px}.projects{gap:35px 16px}.project .photo{height:250px}.project:nth-child(even){transform:translateY(35px)}.project h3{font-size:18px}.project small{font-size:9px}.section-head{align-items:center}.line-link{font-size:11px;gap:15px}.projects-section{padding-bottom:110px}.band{display:block;padding:60px 7%}.band .line-link{margin-top:20px}.footer-top{grid-template-columns:1fr;gap:30px}.people{grid-template-columns:1fr}.details{grid-template-columns:1fr 1fr}.gallery{gap:12px}.gallery button{grid-column:1/-1}.copyright{gap:20px;line-height:2}.page-top h1{font-size:43px}.language{margin-inline-start:auto}}@media print{header,footer,.print{display:none}.catalog-row{break-inside:avoid}body{background:white}}
