@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#252722;--muted:#777a73;--paper:#f7f6f3;--cream:#e9e6df;--line:#dddcd6;--accent:#a69d8e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:20;background:#fff;padding:1rem}.header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:10}.brand{display:flex;flex-direction:column;line-height:1;align-items:center}.brand-symbol{font:800 30px/1 Manrope,sans-serif;letter-spacing:-.11em;padding-right:4px}.brand-o{font-weight:400}.brand-sub{font-size:9px;letter-spacing:.35em;margin-top:7px}.nav{display:flex;align-items:center;gap:36px;font-size:12px;font-weight:600}.nav a:hover,.text-link:hover{color:#8e8170}.nav-contact{border-bottom:1px solid;padding-bottom:7px}.menu-toggle{display:none;border:0;background:transparent;font-size:25px}.hero{min-height:680px;display:grid;grid-template-columns:52% 48%}.hero-copy{padding:105px 8% 35px 11.5%;display:flex;flex-direction:column}.eyebrow,.section-label{font-size:11px;font-weight:700;letter-spacing:.19em}.eyebrow{display:flex;align-items:center;gap:14px}.line{width:32px;height:1px;background:var(--ink)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.065em}h1{font-size:clamp(48px,5vw,84px);line-height:1.13;margin:55px 0 28px}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em}.hero-copy>p{font-size:15px;line-height:1.9;color:#666962;max-width:440px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:18px 24px;font-size:12px;font-weight:700;letter-spacing:.02em;max-width:max-content;margin-top:24px;transition:transform .2s}.button:hover{transform:translateY(-2px)}.dark{background:var(--ink);color:white}.hero-foot{margin-top:auto;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.15em}.hero-visual{position:relative;overflow:hidden;background:#d6d2c9;min-height:600px}.architecture-art{position:absolute;inset:0;background:linear-gradient(155deg,#dedbd4 5%,#c7c3b8 62%,#aaa69d 100%);overflow:hidden}.sun{position:absolute;right:15%;top:14%;width:180px;height:180px;border-radius:50%;background:#f5efe2;filter:blur(2px);opacity:.7}.building{position:absolute;box-shadow:30px 20px 40px #3332}.tower{height:66%;width:36%;right:20%;bottom:15%;background:repeating-linear-gradient(90deg,transparent 0 17%,#504d4745 17.5% 19%,transparent 19.5% 34%),linear-gradient(100deg,#eeeae0,#b6b2a7 70%,#8e8a80);transform:skewY(-7deg)}.volume{height:35%;width:78%;right:-13%;bottom:12%;background:repeating-linear-gradient(0deg,transparent 0 29%,#827e75 30% 31%,transparent 32% 55%),linear-gradient(115deg,#e9e5dc,#a6a297);transform:skewY(8deg)}.slab{height:8%;width:90%;right:-5%;bottom:8%;background:#77746e;transform:skewY(8deg)}.shadow{position:absolute;bottom:0;left:0;width:100%;height:15%;background:linear-gradient(0deg,#88847b80,transparent)}.visual-caption{position:absolute;bottom:28px;left:35px;right:35px;display:flex;justify-content:space-between;font-size:10px;color:white;letter-spacing:.16em}.section{padding:115px 8%}.intro{display:grid;grid-template-columns:33% 67%;gap:30px}.section-label{padding-top:10px}.intro h2,.section-top h2,.learning h2,.contact h2{font-size:clamp(39px,4.3vw,66px);line-height:1.18;margin-bottom:32px}.intro p,.learning p{max-width:680px;font-size:16px;line-height:1.95;color:#4d514b}.muted{color:var(--muted)!important}.text-link{display:inline-block;margin-top:25px;font-size:13px;font-weight:700;border-bottom:1px solid;padding-bottom:8px}.services{background:#eeece7}.section-top{margin-bottom:55px}.section-top h2{margin:30px 0 0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ccc9c1}.service{padding:30px 26px 12px 0;border-right:1px solid #ccc9c1;margin-right:25px}.service:last-child{border-right:0}.service>span{font-size:11px;color:#8a877f}.service-icon{font-size:40px;height:105px;display:flex;align-items:center;color:#77756f}.service h3{font-size:17px;font-weight:600;margin-bottom:15px}.service p{font-size:13px;line-height:1.9;color:#74756e}.portfolio .section-top{display:grid;grid-template-columns:30% 1fr}.portfolio .section-top h2{margin-top:0}.portfolio .section-top p{grid-column:2;max-width:510px;line-height:1.7}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 25px}.project-large{grid-column:span 2}.project-art{position:relative;min-height:340px;background:#d4d0c7;overflow:hidden}.project-large .project-art{min-height:480px}.art-one{background:linear-gradient(125deg,#c3c0b8 0 35%,#a5a298 35% 37%,#e0ddd5 37% 65%,#a8a398 65% 69%,#bbb7ac 69%)}.art-two{background:linear-gradient(135deg,#dfdcd3 0 45%,#96938b 45% 49%,#bbb7ad 49% 70%,#77746d 70%)}.art-three{background:linear-gradient(30deg,#c4c0b7 0 30%,#e7e3da 30% 62%,#9d9990 62% 65%,#cbc7bc 65%)}.placeholder{position:absolute;bottom:22px;left:24px;background:#f7f6f3e8;padding:11px 14px;font-size:10px;letter-spacing:.14em}.project-meta{display:flex;justify-content:space-between;gap:10px;padding-top:18px}.project-meta h3{font-size:17px;font-weight:500}.project-meta span{font-size:10px;color:#85867f;letter-spacing:.12em}.learning{display:grid;grid-template-columns:1fr 1fr;background:#e9e7e0;padding:0}.learning-visual{position:relative;min-height:570px;background:#c6c2b8;display:flex;align-items:center;justify-content:center;overflow:hidden}.learning-mark{position:relative;z-index:2;font:700 clamp(28px,3vw,50px) Manrope,sans-serif;letter-spacing:-.07em}.learning-mark span{font-weight:400}.learning-lines{position:absolute;inset:13%;border:1px solid #a6a298;transform:rotate(-14deg)}.learning-lines:before,.learning-lines:after{content:"";position:absolute;inset:15%;border:1px solid #a6a298}.learning-lines:after{inset:30%}.learning-copy{padding:90px 12%}.learning h2{margin-top:45px}.outline{border:1px solid var(--ink)}.contact{background:#292b28;color:#f5f3ed;min-height:500px}.contact h2{font-size:clamp(50px,6vw,88px);margin-top:50px}.contact p{max-width:560px;line-height:1.9;color:#c6c7c1}.light{background:#f5f3ed;color:#292b28}.contact-note{font-size:11px!important;max-width:500px;margin-top:28px}footer{background:#1e201d;color:#d5d6d1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:45px 6%;font-size:10px;letter-spacing:.13em}footer .footer-brand{font:700 28px Manrope;letter-spacing:-.07em}footer .footer-brand small{display:block;font:400 9px DM Sans;letter-spacing:.3em;text-align:center}footer>small{color:#a3a49e}@media(max-width:900px){.header{padding:0 5%}.nav{gap:17px}.hero{grid-template-columns:1fr}.hero-copy{padding:80px 7% 35px;min-height:560px}.hero-visual{min-height:480px}.intro{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.service:nth-child(2){border-right:0}.learning{grid-template-columns:1fr}.learning-visual{min-height:350px}.learning-copy{padding:70px 8%}footer{flex-wrap:wrap}}@media(max-width:600px){.header{height:75px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--paper);padding:25px 7%;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero-copy{min-height:540px}.hero-visual{min-height:420px}h1{font-size:49px}.hero-foot{margin-top:65px}.section{padding:75px 7%}.service-grid{grid-template-columns:1fr}.service{border-right:0;border-bottom:1px solid #ccc9c1;margin-right:0}.portfolio .section-top{display:block}.portfolio .section-top h2{margin-top:30px}.project-grid{grid-template-columns:1fr}.project-large{grid-column:auto}.project-art,.project-large .project-art{min-height:300px}.project-meta{display:block}.project-meta span{display:block}.learning{padding:0}.learning-copy{padding:75px 7%}.contact h2{font-size:48px}footer{padding:40px 7%;display:grid;grid-template-columns:1fr 1fr;gap:25px}.visual-caption span{display:none}}

/* Personalización desde Pages CMS */
:root{--font-body:'DM Sans',Arial,sans-serif}body{font-family:var(--font-body)}.custom-logo{max-height:62px;max-width:190px;width:auto;object-fit:contain}.project-art{background-size:cover;background-position:center}.hero-visual{background-size:cover;background-position:center}.learning-visual{background-size:cover;background-position:center}.contact-note[hidden]{display:none}