@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:#1b1b1c;--muted:#686568;--pink:#d7809e;--paper:#faf9f6;--line:#dedbd6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a,button,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #af466c;outline-offset:5px}header{max-width:1400px;margin:auto;height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 5%}header img{display:block}nav{display:flex;gap:34px;font-size:13px}nav a:hover,.text-link:hover{color:#a94769}.header-right{display:flex;align-items:center;gap:30px}.languages{display:flex;gap:7px;align-items:center;font-size:11px}.languages button{border:0;background:none;padding:6px;color:#787477;cursor:pointer;font-size:11px}.languages button[aria-pressed=true]{color:var(--ink);font-weight:700}.nav-cta{font-size:13px;border-bottom:1px solid var(--ink);padding:8px 0}.hero{position:relative;text-align:center;min-height:680px;padding:62px 5% 0;overflow:hidden}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;display:flex;gap:10px;align-items:center}.hero>.eyebrow{justify-content:center}.dot{width:6px;height:6px;border-radius:50%;background:var(--pink)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Manrope',Arial,sans-serif;font-weight:500;letter-spacing:-3px}h1{font-size:clamp(45px,5.8vw,82px);line-height:1.1;margin:25px 0 23px}em{font-family:Georgia,serif;font-weight:400;color:#ae5877;letter-spacing:-2px}.hero-copy{max-width:475px;margin:0 auto;color:var(--muted);line-height:1.8;font-size:14px}.actions{display:flex;align-items:center;justify-content:center;gap:28px;margin:29px 0 0;position:relative;z-index:2}.button{display:inline-flex;align-items:center;justify-content:center;padding:17px 24px;border:1px solid var(--ink);font-size:12px;cursor:pointer;transition:background .2s}.dark{background:var(--ink);color:white}.dark:hover{background:#414043}.text-link{font-size:12px;border-bottom:1px solid #b4afb0;padding-bottom:5px}.city-art{height:210px;margin:0 -6%;color:#c6b9b9;opacity:.65;pointer-events:none}.city-art svg{width:100%;height:100%}.city-labels{display:flex;justify-content:space-between;align-items:center;max-width:1260px;margin:0 auto;padding:17px 0 23px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1.7px}.city-labels small{display:block;font-size:8px;color:var(--muted);margin-top:6px;letter-spacing:1px}.bridge{color:var(--muted);font-family:Georgia,serif;letter-spacing:0;font-style:italic;font-size:14px}.section{max-width:1260px;margin:auto;padding:95px 0}.section-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}h2{font-size:clamp(32px,3.5vw,48px);line-height:1.18;margin:20px 0 0;letter-spacing:-1.8px}.section-top p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 4px}.project-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:25px}.project-art{height:285px;display:block;position:relative;overflow:hidden;border:1px solid #00000008;transition:transform .3s}.project-art:hover{transform:translateY(-5px)}.potato{background:#e8dbc0;color:#393522}.painters{background:#e2e6e0;color:#243f35}.concrete{background:#d5d2ca;color:#303633}.browser-dots{font-size:7px;letter-spacing:2px;display:block;padding:13px 16px;border-bottom:1px solid #00000012}.browser-dots span{font-size:8px;letter-spacing:0;float:right;opacity:.6}.mock-title{position:absolute;left:10%;top:27%;font-family:Georgia,serif;font-size:48px;line-height:1;letter-spacing:-2px;z-index:1}.mock-title i{font-weight:400}.mock-title span{display:block;font:12px 'DM Sans',Arial,sans-serif;letter-spacing:4px;margin-top:12px}.painters .mock-title{top:34%;font-family:'Manrope',sans-serif;font-weight:800;font-size:37px}.paint-swatch{position:absolute;width:160px;height:360px;background:#c5cfc2;transform:rotate(30deg);right:-20px;top:-20px}.concrete{background:repeating-linear-gradient(120deg,#d6d4cc,#cecec5 2px,#deddd6 5px,#d1d0c9 7px)}.concrete .mock-title{top:36%;font:600 48px 'Manrope',sans-serif;letter-spacing:1px}.concrete .mock-title span{font-size:8px;letter-spacing:2px}.mock-system{position:absolute;top:73%;left:10%;display:flex;gap:6px;font-size:8px}.mock-system span{border:1px solid #6a604455;padding:6px 10px}.concept{position:absolute;bottom:15px;left:14px;font-size:8px;opacity:.65}.circle-arrow{position:absolute;right:14px;bottom:12px;border:1px solid #0003;border-radius:50%;padding:7px 10px}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.project-meta h3{font-size:16px;font-weight:500;margin:0}.project-meta>span{font-size:10px;color:var(--muted)}.project>p{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0 14px}.project>.text-link{font-size:10px}.services{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.services>div>p{max-width:320px;font-size:14px;line-height:1.8;color:var(--muted);margin-top:24px}.service-list article{display:flex;gap:24px;border-top:1px solid var(--line);padding:25px 0}.service-list article:last-child{border-bottom:1px solid var(--line)}.service-list article>span{font-size:11px;color:#8d566a;padding-top:4px}.service-list article>span:last-child{margin-left:auto;font-size:19px}.service-list h3{font-size:18px;font-weight:500;margin-bottom:10px}.service-list p{font-size:13px;line-height:1.8;color:var(--muted);margin:0;max-width:380px}.studio{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;background:#f0eeea;max-width:none;padding:75px max(5%,calc((100vw - 1260px)/2));align-items:center}.studio-mark{text-align:center}.studio-mark img{max-width:85%}.studio-mark>span{display:block;letter-spacing:3px;font-size:9px;color:#8d566a;margin-top:20px}.studio p{max-width:500px;font-size:14px;line-height:1.9;color:var(--muted);margin-top:24px}.founder{display:flex;align-items:center;gap:14px;margin-top:27px;font-size:13px}.founder-line{height:1px;width:34px;background:var(--pink)}.founder small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-top:7px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:140px}.contact h2{font-size:54px}.contact p{font-size:14px;line-height:1.8;max-width:380px;color:var(--muted);margin-top:25px}.contact .contact-note{font-size:12px;max-width:330px}form{display:flex;flex-direction:column}label{font-size:11px;margin:8px 0}input,select,textarea{border:0;border-bottom:1px solid #c9c4c1;background:transparent;padding:10px 0;margin-bottom:18px;border-radius:0;width:100%;color:var(--ink)}textarea{resize:vertical}form .button{align-self:flex-start}#form-status{font-size:12px;margin:14px 0}footer{max-width:1260px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;gap:20px}footer>span{font-size:12px;color:var(--muted)}footer small{font-size:10px;color:var(--muted)}footer>a:last-child{font-size:23px}.skip{position:absolute;left:10px;top:-70px;background:white;padding:15px;z-index:10}.skip:focus{top:10px}@media(min-width:1600px){.hero{max-width:1400px;margin:auto}}@media(max-width:1380px){.section,footer{margin-left:6%;margin-right:6%}.studio{margin:0;padding-left:6%;padding-right:6%}.project-art{height:250px}.mock-title{font-size:40px}.contact{gap:80px}}@media(max-width:850px){header{height:95px}nav{gap:18px}.header-right{gap:18px}.nav-cta{display:none}.hero{padding-top:50px;min-height:640px}.project-grid{grid-template-columns:1fr 1fr}.featured{grid-column:1/-1}.featured .project-art{height:300px}.featured .mock-title{font-size:65px}.services,.studio{gap:45px;grid-template-columns:1fr 1.3fr}.contact{gap:40px}.contact h2{font-size:44px}.section{padding-top:70px;padding-bottom:70px}.section-top p{display:none}}@media(max-width:580px){header{padding:0 6%;height:88px}header img{width:105px;height:auto}nav{gap:13px;font-size:11px}nav a:last-child{display:none}.header-right{gap:0}.hero{padding-top:34px;min-height:600px}h1{font-size:45px;letter-spacing:-2.5px}.eyebrow{font-size:8px;letter-spacing:1.4px}.hero>.eyebrow{font-size:7px}.hero-copy{font-size:13px;max-width:325px}.actions{gap:18px;flex-direction:column}.button{padding:15px 21px}.city-art{margin-top:20px;height:150px;min-width:800px;transform:translateX(calc((100vw - 800px)/2 - 5vw))}.city-labels{font-size:7px;letter-spacing:.6px}.city-labels small{font-size:6px}.bridge{font-size:11px;max-width:75px;line-height:1.4}.section{margin-left:6%;margin-right:6%;padding:58px 0}.section-top{margin-bottom:28px}h2{font-size:35px}.project-grid{grid-template-columns:1fr;gap:35px}.featured{grid-column:auto}.project-art,.featured .project-art{height:280px}.featured .mock-title{font-size:48px}.project-meta{margin-top:16px}.services,.studio,.contact{grid-template-columns:1fr;gap:30px}.studio{margin:0;padding:45px 6%;display:flex;flex-direction:column-reverse;align-items:stretch}.studio-mark{padding-top:15px}.studio-mark img{width:200px;height:auto}.contact h2{font-size:44px}footer{flex-wrap:wrap;padding:20px 0;gap:10px}footer>span{order:3;flex-basis:100%;font-size:11px}footer small{margin-left:auto}footer img{width:85px;height:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:580px){.city-art{min-width:0;transform:none;height:140px;margin:20px -6% 0}.city-art svg{overflow:visible}}
/* Revision: identity first, quiet white layout. */
:root{--paper:#fff;--pink:#e52683;--line:#ececec;--muted:#6b6b6b}header{height:100px;max-width:1280px}header img{width:145px;height:95px;object-fit:contain}.hero{padding:8px 5% 0;min-height:660px;isolation:isolate;max-width:1400px;margin:auto}.hero-logo{display:block;width:430px;max-width:70%;height:auto;margin:0 auto -4px;position:relative;z-index:2}.hero h1{font-size:30px;letter-spacing:-.9px;margin:0 0 13px;position:relative;z-index:2}.hero-copy{font-size:15px;position:relative;z-index:2}.hero .actions{margin-top:24px}.button{background:#171717;color:white;border:none;font-size:13px;padding:16px 23px}.city-art{position:absolute;left:0;right:0;bottom:70px;margin:0;height:255px;opacity:.38;z-index:-1;color:#aaa}.city-art svg{height:100%;width:100%}.city-labels{position:absolute;bottom:0;left:6%;right:6%;padding:22px 0;max-width:none}.bridge{font-style:normal;font-family:inherit;font-size:10px;letter-spacing:1px}.section{max-width:1120px;padding:70px 0}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#777}h2{font-size:36px;letter-spacing:-1px;line-height:1.25;margin-top:15px}.section-top{margin-bottom:32px}.section-top>p{display:none}.project-grid{display:block}.project{display:grid;grid-template-columns:1.1fr 1.3fr auto;align-items:center;gap:25px;border-top:1px solid var(--line);padding:28px 0}.project:last-child{border-bottom:1px solid var(--line)}.project-meta{margin:0}.project-meta h3{font-size:20px}.project-meta>span{display:none}.project>p{margin:0;font-size:13px}.project>.text-link{font-size:11px;border:0}.services{gap:70px;border-top:0;grid-template-columns:1fr 1.5fr}.services>div>p{font-size:14px}.service-list article{gap:15px}.service-list article>span{display:none}.service-list h3{font-size:17px}.studio{background:white;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:1120px;margin:auto;padding:65px 0;gap:70px;grid-template-columns:1fr 1.5fr}.studio-mark img{width:290px;height:auto}.studio-mark>span{display:none}.studio h2{font-size:32px}.contact{gap:70px;grid-template-columns:1fr 1.5fr}.contact h2{font-size:36px;max-width:330px}.contact p{font-size:14px}.contact-note{max-width:340px!important}footer{max-width:1120px}footer img{width:130px;height:85px;object-fit:contain}footer>span{display:none}.founder-line{background:#e52683}.text-link:hover{color:#c11869}@media(max-width:1250px){.studio{margin:0 6%}.hero{min-height:620px}}@media(max-width:850px){.project{grid-template-columns:1fr 1.2fr}.project>.text-link{grid-column:2}.services,.studio,.contact{gap:40px;grid-template-columns:1fr 1.3fr}.hero{min-height:610px}.hero-logo{width:410px}.hero h1{font-size:28px}}@media(max-width:580px){header{height:82px}header img{width:115px;height:78px}.hero{padding-top:20px;min-height:640px}.hero-logo{max-width:100%;width:345px;margin:0 auto 8px}.hero h1{font-size:25px;letter-spacing:-.8px}.hero-copy{font-size:13px;max-width:260px}.hero .actions{gap:20px;margin-top:24px}.city-art{min-width:0;transform:none;margin:0;left:-5%;right:-5%;bottom:83px;height:165px;opacity:.4}.city-labels{left:6%;right:6%;font-size:7px;min-height:74px}.bridge{font-size:8px;max-width:85px;letter-spacing:.3px}.section{padding:48px 0}.project{display:block;padding:24px 0}.project>p{margin:10px 0 14px}.project-meta h3{font-size:20px}.services,.contact{display:block}.service-list{margin-top:32px}.studio{display:block;margin:0 6%;padding:45px 0}.studio-mark{display:none}.studio h2{font-size:30px}.contact h2{font-size:33px}.contact form{margin-top:35px}.contact .contact-note{margin-top:15px}footer{padding:15px 0}footer img{width:100px;height:65px}h2{font-size:31px}}
.city-art{opacity:.48}@media(max-width:580px){.city-art{height:175px;opacity:.48}}
@media(max-width:580px){.city-art{left:0;right:0}}
/* Reference-based photographic header. Logo stays an independent original asset. */
.hero{max-width:none;min-height:680px;padding-top:0;background:white;overflow:hidden}.hero-landscape{position:absolute;inset:0;background:url('hero-cities-v3.png') center 40% / 100% 100% no-repeat;z-index:-1;pointer-events:none}.hero-logo{width:470px;max-width:44%;margin:0 auto 5px}.hero h1{font-size:28px;margin-top:0}.hero-copy{font-size:14px}.hero .actions{margin-top:22px}.city-labels{left:6%;right:6%;padding-bottom:22px;border-bottom:1px solid #eee}.hero-landscape:after{content:'';position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(transparent,#fff)}@media(min-width:1500px){.hero{min-height:720px}.hero-landscape{background-size:1500px 720px}}@media(max-width:850px){.hero{min-height:620px}.hero-logo{width:430px;max-width:60%}.hero h1{font-size:25px}.hero-landscape{background-size:auto 100%;background-position:center}}@media(max-width:580px){.hero{min-height:690px;padding-top:15px}.hero-logo{width:350px;max-width:92%;margin-bottom:10px}.hero h1{font-size:23px}.hero-copy{font-size:13px;max-width:250px}.hero .actions{margin-top:22px}.hero-landscape{top:220px;bottom:65px;background-size:100% 100%;background-position:center}.hero-landscape:after{height:45px}.city-labels{min-height:68px}.hero .actions .text-link{background:#ffffffbd;padding:7px 12px}.hero h1,.hero-copy{position:relative;z-index:2}}
/* Keep both cities beside AJ, above the heading and buttons. */
.hero-landscape{top:-160px;bottom:auto;height:580px;background-size:100% 100%;background-position:center}.hero-landscape:after{height:75px}.hero{min-height:610px}@media(min-width:1500px){.hero-landscape{top:-160px;height:580px;background-size:1500px 580px}.hero{min-height:630px}}@media(max-width:850px){.hero-landscape{top:-125px;height:510px;background-size:100% 100%}.hero{min-height:590px}}@media(max-width:580px){.hero-landscape{top:-70px;bottom:auto;height:400px;background-size:100% 100%}.hero-landscape:after{height:50px}.hero{min-height:610px}.hero-logo{width:325px}}

/* Remove lower city-caption strip and its reserved spacing. */
.hero{min-height:510px;padding-bottom:45px}@media(min-width:1500px){.hero{min-height:530px}}@media(max-width:850px){.hero{min-height:490px}}@media(max-width:580px){.hero{min-height:490px;padding-bottom:40px}}
/* Separate pages, with one clear destination per navigation item. */
.site-header{position:relative;max-width:1360px}.site-header nav{gap:27px}.site-header nav a{font-size:12px;padding:10px 0}.site-header nav a[aria-current=page]{color:#b12d69;border-bottom:1px solid #dd8ab0}.menu-toggle{display:none}.footer-nav{display:flex;gap:24px;font-size:11px}.page-cta{max-width:1120px;margin:20px auto 60px;display:flex;gap:25px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:35px}.page-cta p{font-family:'Manrope',Arial,sans-serif;font-size:23px;letter-spacing:-.6px;max-width:500px;margin:0}.page-proyectos #projects,.page-servicios #services,.page-contacto #contact{padding-top:55px;padding-bottom:45px}.page-estudio #studio{margin-top:30px;min-height:470px;border-top:0}.papa-case{border-top:1px solid var(--line);padding-top:55px}.case-intro{max-width:650px}.case-intro p{font-size:14px;color:var(--muted);line-height:1.9;margin:24px 0 0}.case-intro h2{font-size:42px}.system-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.system-card{background:#f5f4f0;border:1px solid #e7e5e0;padding:28px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.system-card:hover{transform:translateY(-4px);border-color:#d984a5}.system-card>span{font-size:11px;color:#998e81;display:flex;justify-content:space-between}.system-card b{font-weight:400;color:#a44b70;font-size:20px}.system-card h3{font-size:26px;font-weight:500;margin:28px 0 13px;letter-spacing:-.8px}.system-card p{font-size:12px;color:#77716a;line-height:1.8;margin:0 0 28px}.system-card small{font-size:11px;margin-top:auto;border-top:1px solid #ddd6cc;padding-top:18px;color:#39352f}.case-note{font-size:11px;color:#90847a;line-height:1.9;max-width:750px;margin:23px 0 0}.project-actions{display:flex;flex-direction:column;gap:15px}.small-live-link{font-size:10px;color:#8a8077}.all-work{display:inline-block;font-size:12px;border-bottom:1px solid #d5a6b8;padding:15px 0 8px;margin-top:24px}.process-section{border-top:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:35px}.process-grid span{font-size:11px;color:#b25e80}.process-grid h3{font-size:17px;font-weight:500;margin:20px 0 12px}.process-grid p{font-size:12px;color:var(--muted);line-height:1.8}.page-contacto #contact{min-height:650px}a,button{touch-action:manipulation}@media(max-width:1250px){.page-cta{margin-left:6%;margin-right:6%}}@media(max-width:850px){.site-header nav{gap:16px}.system-cards{gap:12px}.system-card{padding:20px}.process-grid{grid-template-columns:1fr 1fr}.page-cta p{font-size:21px}.case-intro h2{font-size:36px}}@media(max-width:700px){.site-header{height:90px;padding:0 6%;gap:18px}.site-header> a{margin-right:auto}.menu-toggle{display:block;border:0;background:none;font-size:12px;padding:10px 0;cursor:pointer;color:#393039}.site-header nav{display:none;position:absolute;top:88px;left:0;right:0;background:white;box-shadow:0 15px 20px #0000000a;padding:17px 6%;z-index:50;gap:0}.site-header nav.menu-open{display:flex;flex-direction:column}.site-header nav a,.site-header nav a:last-child{display:block;font-size:15px;padding:14px 0}.site-header nav a[aria-current=page]{border-bottom:0;color:#b12d69}.site-header .header-right{margin-left:3px}.system-cards{grid-template-columns:1fr}.system-card h3{margin-top:20px}.system-card p{margin-bottom:20px}.system-card{padding:24px}.page-cta{display:block;padding-top:25px;margin-bottom:40px}.page-cta p{margin-bottom:23px;font-size:22px}.footer-nav{gap:15px;font-size:10px}.page-proyectos #projects,.page-servicios #services,.page-contacto #contact{padding-top:35px}.case-intro h2{font-size:33px}.page-estudio #studio{min-height:0;margin-top:0}.page-estudio .studio-mark{display:block;padding:20px 0}.page-estudio .studio-mark img{width:230px}.process-grid{gap:24px}.process-grid h3{font-size:16px}.page-contacto #contact{min-height:0}.project-actions{margin-top:17px;gap:13px}}

h1.page-title{font-size:42px;letter-spacing:-1.4px;line-height:1.2;font-weight:500;margin:20px 0 0}.page-contacto h1.page-title,.page-estudio h1.page-title{font-size:36px}@media(max-width:580px){h1.page-title{font-size:33px}.page-contacto h1.page-title,.page-estudio h1.page-title{font-size:31px}}

.system-card{overflow:hidden}.system-shot{display:block;width:calc(100% + 56px);height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;margin:-28px -28px 25px;border-bottom:1px solid #dedbd4;filter:saturate(.8)}@media(max-width:850px){.system-shot{width:calc(100% + 40px);margin:-20px -20px 22px}}@media(max-width:700px){.system-shot{width:calc(100% + 48px);margin:-24px -24px 23px}}