:root{--ink:#171713;--cream:#f1efe8;--paper:#faf9f5;--line:rgba(23,23,19,.18);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}.site-header{position:fixed;z-index:50;inset:0 0 auto;height:92px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid #ffffff38;transition:.4s}.site-header.scrolled{height:76px;background:#faf9f5ef;backdrop-filter:blur(16px);color:var(--ink);border-color:var(--line)}.brand{width:150px}.brand img{height:auto;filter:brightness(0) invert(1);transition:.4s}.site-header.scrolled .brand img{filter:none}.desktop-nav{display:flex;gap:36px}.desktop-nav a,.header-cta{font-size:13px;letter-spacing:.04em}.desktop-nav a{position:relative}.desktop-nav a:after{content:'';position:absolute;left:0;bottom:-7px;width:0;height:1px;background:currentColor;transition:.3s}.desktop-nav a:hover:after{width:100%}.header-cta{border-bottom:1px solid;line-height:2}.header-cta span,.text-link span,.button span{margin-left:10px}.menu-button,.mobile-menu{display:none}.hero{height:100svh;min-height:680px;color:#fff;position:relative;display:flex;align-items:flex-end;padding:0 6vw 10vh;overflow:hidden}.hero-media{position:absolute;inset:0;background:url('../imagenes/img_5628.png') center/cover;animation:heroZoom 16s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c0d0aad,#0c0d0a1a 68%),linear-gradient(0deg,#0c0d0a8c,transparent 45%)}@keyframes heroZoom{from{transform:scale(1.08)}to{transform:scale(1)}}.hero-content{position:relative;z-index:2;max-width:920px}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:10px;font-weight:600;display:flex;align-items:center;gap:12px;margin-bottom:28px}.eyebrow span{width:38px;height:1px;background:currentColor}.light{color:#fff}.hero h1,.section-heading h2,.intro h2,.project-content h2,.mosaic h2,.cta-final h2{font-family:var(--serif);font-weight:500;line-height:.96;letter-spacing:-.04em}.hero h1{font-size:clamp(54px,7.2vw,110px);margin-bottom:28px}.hero h1 em,h2 em{font-weight:500}.hero-copy{font-family:'Manrope',sans-serif;max-width:540px;font-size:clamp(16px,1.5vw,20px);color:#ffffffd1}.hero-actions{display:flex;gap:35px;align-items:center;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 22px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;transition:.3s}.button:hover{transform:translateY(-2px)}.button-light{background:#fff;color:var(--ink)}.button-outline{border:1px solid #ffffff73;color:#fff}.text-link{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:.11em;border-bottom:1px solid;padding-bottom:5px}.hero-note{position:absolute;right:5vw;bottom:10vh;z-index:2;display:flex;gap:16px;font-size:11px}.hero-note span{opacity:.5}.scroll-cue{position:absolute;z-index:2;right:4.5vw;top:48%;font-size:9px;text-transform:uppercase;letter-spacing:.2em;writing-mode:vertical-rl}.scroll-cue i{height:55px;width:1px;background:#ffffff80;display:inline-block;margin-top:15px}.section-pad{padding:130px 6vw}.intro{display:grid;grid-template-columns:28% 1fr;gap:8vw}.experience{margin-top:100px}.experience strong{font:500 72px var(--serif)}.experience small{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-left:14px}.intro h2{font-size:clamp(45px,5.5vw,80px);margin:0}.intro-copy{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-top:70px;padding-top:28px;border-top:1px solid var(--line)}.intro-copy p{max-width:510px;color:#5b5b53}.intro-copy .text-link{justify-self:end}.materials{background:var(--cream)}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:end;margin-bottom:64px}.section-heading .eyebrow{align-self:start}.section-heading h2{font-size:clamp(42px,4.5vw,66px);margin:0}.section-heading>p:last-child{font-size:14px;color:#67675f;max-width:300px}.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.material-card{height:540px;position:relative;overflow:hidden;color:#fff;padding:25px;display:flex;align-items:flex-end}.material-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a0a08b3,transparent 55%)}.material-card img{position:absolute;inset:0;transition:transform .7s}.material-card:hover img{transform:scale(1.055)}.material-card>span,.material-card>div,.material-card>b{z-index:1;position:relative}.material-index{position:absolute!important;top:25px;left:25px;font-size:10px}.material-card div{flex:1}.material-card h3{font:500 32px var(--serif);margin:0 0 5px}.material-card p{font-size:11px;opacity:.75;margin:0}.material-card b{font-weight:400;font-size:20px}.project-feature{min-height:780px;background:#1e211c;color:#fff;display:grid;grid-template-columns:57% 43%}.project-image{margin:55px 0 55px 5vw;overflow:hidden}.project-content{padding:90px 7vw;display:flex;flex-direction:column;justify-content:center}.project-number{font-size:10px;letter-spacing:.2em;color:#a4a79d;margin:15px 0 50px}.project-content h2{font-size:clamp(45px,4.5vw,69px)}.project-content>p:not(.eyebrow):not(.project-number){color:#bec0b8;font-size:14px;max-width:410px}.project-content dl{margin:35px 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff2e;padding-top:20px}.project-content dt{text-transform:uppercase;font-size:9px;letter-spacing:.15em;color:#8d9187}.project-content dd{font-size:12px;margin:7px 0}.project-content .button{align-self:flex-start}.services .section-heading{grid-template-columns:1fr 3fr}.service-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:8% 30% 1fr;gap:30px;padding:35px 0;border-bottom:1px solid var(--line);transition:.3s}.service:hover{padding-left:15px;background:#777c6b0f}.service span{font-size:10px;color:#7b7b72}.service h3{font:500 25px var(--serif);margin:0}.service p{font-size:13px;color:#6c6c64;max-width:480px;margin:0}.mosaic{background:var(--cream);display:grid;grid-template-columns:1.05fr .75fr .65fr;gap:22px;align-items:end}.mosaic-copy{align-self:center;padding-right:6vw}.mosaic h2{font-size:clamp(42px,4.4vw,66px)}.mosaic-copy>p:last-child{color:#696960}.mosaic figure{margin:0;overflow:hidden}.mosaic-a{height:630px}.mosaic-b{height:440px}.mosaic figure img{transition:.7s}.mosaic figure:hover img{transform:scale(1.04)}.cta-final{height:740px;position:relative;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.cta-bg{position:absolute;inset:0;background:url('../imagenes/20220503_084416.jpg') center/cover fixed}.cta-shade{position:absolute;inset:0;background:#11120f9e}.cta-content{position:relative;z-index:1}.cta-content .eyebrow{justify-content:center}.cta-final h2{font-size:clamp(50px,6vw,88px);margin-bottom:45px}.whatsapp{position:absolute;z-index:2;right:4vw;bottom:4vw;width:58px;height:58px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;font-size:11px;font-weight:600}footer{padding:80px 6vw 30px;background:#12130f;color:#d9d9d2;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}footer h4{text-transform:uppercase;font-size:9px;letter-spacing:.18em;color:#777a70;margin-bottom:20px}footer a{display:block;font-size:12px;margin:11px 0}.footer-brand img{filter:brightness(0) invert(1);width:180px;height:auto}.footer-brand p{font:italic 20px var(--serif);margin-top:24px;color:#8e9188}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff24;padding-top:25px;margin-top:40px;display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#777a70}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:74px;padding:0 22px}.brand{width:125px}.desktop-nav,.header-cta{display:none}.menu-button{display:flex;width:40px;height:40px;border:0;background:none;flex-direction:column;justify-content:center;gap:7px;color:inherit}.menu-button span{width:24px;height:1px;background:currentColor;transition:.3s}.menu-button.active span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button.active span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{display:flex;position:fixed;z-index:45;inset:0;background:var(--paper);padding:120px 7vw 40px;flex-direction:column;transform:translateY(-100%);transition:.45s}.mobile-menu.open{transform:none}.mobile-menu a{font:500 38px var(--serif);border-bottom:1px solid var(--line);padding:13px}.hero{padding:0 24px 70px}.hero-media{background-position:62% center}.hero h1{font-size:56px}.hero-note,.scroll-cue{display:none}.hero-copy{font-size:15px}.section-pad{padding:85px 24px}.intro{grid-template-columns:1fr}.experience{margin-top:30px}.intro-copy,.section-heading{grid-template-columns:1fr;margin-top:45px}.intro-copy .text-link{justify-self:start}.section-heading{gap:12px}.material-grid{grid-template-columns:1fr 1fr}.material-card{height:450px}.project-feature{grid-template-columns:1fr}.project-image{height:500px;margin:25px 24px 0}.project-content{padding:70px 24px}.services .section-heading{grid-template-columns:1fr}.service{grid-template-columns:10% 40% 1fr}.mosaic{grid-template-columns:1fr 1fr}.mosaic-copy{grid-column:1/-1;margin-bottom:25px}.mosaic-a{height:520px}.mosaic-b{height:390px}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:560px){.hero{min-height:700px}.hero h1{font-size:47px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.intro h2,.section-heading h2,.project-content h2,.mosaic h2{font-size:39px}.material-grid{grid-template-columns:1fr}.material-card{height:400px}.project-image{height:390px}.service{grid-template-columns:40px 1fr}.service p{grid-column:2}.mosaic{grid-template-columns:1fr}.mosaic-copy{grid-column:auto}.mosaic-a{height:470px}.mosaic-b{height:340px}.cta-final{height:650px}.cta-bg{background-attachment:scroll}.cta-final h2{font-size:44px}footer{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-media{animation:none}.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){.menu-button{position:absolute;right:22px;top:17px;z-index:3}.menu-button:after{content:'MENÚ';font:600 9px var(--sans);letter-spacing:.14em}.menu-button span{display:none}.menu-button.active:after{content:'CERRAR'}}
@media(max-width:560px){.hero-content{width:100%;min-width:0}.hero h1{font-size:40px}.hero h1 em{display:block}.hero-copy{max-width:330px}}
.hero-media{background-image:url('../imagenes/20200601_143525_img_3178.jpeg');background-position:center 55%}
.mosaic-b{background:url('../imagenes/20211009_123851.jpg') center/cover no-repeat}.mosaic-b img{display:none}
.cta-bg{background-image:url('../imagenes/20200806_150511.jpg');background-position:center 42%}
@media(max-width:900px){.hero-media{background-position:58% center}.cta-bg{background-position:center}}