/* NOMO: portada depurada sobre las páginas y fotografías existentes. */
body #site-shell>.header,
.home-page #site-shell>.header{
  display:flex;align-items:center;justify-content:space-between;
  height:90px;padding-inline:var(--pad);background:#fff;color:#111;
  border-bottom:0;position:relative;
}
.header .brand,.home-page .header .brand{display:block;justify-self:auto;grid-column:auto;grid-row:auto}
.header .brand img,.home-page .header .brand img{width:132px;height:auto;filter:none;mix-blend-mode:multiply}
.header .header-contact,.home-page .header-contact,.header .menu-toggle{display:none}
.header .nav,.home-page .header .nav{
  display:flex;position:static;transform:none;inset:auto;width:auto;min-width:0;max-width:none;
  flex-direction:row;align-items:center;gap:clamp(18px,2.7vw,43px);
  padding:0;border:0;box-shadow:none;background:transparent;
}
.header .nav a,.home-page .header .nav a{
  padding:8px 0;font-family:'Inter',Arial,sans-serif;font-size:12px;font-weight:400;
  line-height:1.4;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;
}
.header .nav .nav-contact{display:block;margin:0}
.header .nav .nav-contact span{display:none}
.header .nav a:hover,.header .nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}
.nomo-hero{margin-inline:16px;background:#e5e3df}
.nomo-hero img{display:block;width:100%;height:auto;aspect-ratio:1919/820;object-fit:cover;object-position:center}
.hero-note{display:grid;grid-template-columns:225px minmax(0,1fr);align-items:baseline;gap:25px;padding-block:25px 28px}
.hero-note h1,.hero-note h1 .title-tag{font:400 19px/1.45 'Inter',Arial,sans-serif;letter-spacing:-.025em;text-transform:none;background:none;color:#111;padding:0}
.hero-note p{max-width:760px;margin:0;font:400 14px/1.6 'Inter',Arial,sans-serif;color:#555}
.home-page .process-section{padding-block:62px 72px;border-top:1px solid #dedede}
.home-page .process-section h2,.home-page .projects-carousel h2,.home-page .technical-band h2{font:400 clamp(28px,2.5vw,37px)/1.2 'Inter',Arial,sans-serif;letter-spacing:-.035em;text-transform:none}
.home-page .process-section h2 .title-tag,.home-page .projects-carousel h2 .title-tag,.home-page .technical-band h2 .title-tag{display:inline;background:none;color:#111;padding:0;line-height:inherit;letter-spacing:inherit;text-transform:none}
.home-page .process-section .eyebrow,.home-page .projects-carousel .eyebrow,.home-page .technical-band .eyebrow{font-size:10px;margin-bottom:13px}
.home-page .process-section .steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:27px}
.home-page .process-section .step{display:block;border:1px solid #d8d8d8;padding:18px;min-height:158px}
.home-page .process-section .step .micro{font:400 10px/1.4 'Inter',Arial,sans-serif;letter-spacing:0;color:#777}
.home-page .process-section .step h3{font:400 17px/1.25 'Inter',Arial,sans-serif;letter-spacing:-.025em;text-transform:none;margin:20px 0 9px}
.home-page .process-section .step p{font:400 13px/1.55 'Inter',Arial,sans-serif;color:#626262}
.home-page .projects-carousel{padding-block:62px 75px;border-top:1px solid #dedede}
.home-page .projects-carousel .section-heading{margin-bottom:28px;align-items:end}
.home-page .projects-carousel .project-rail{gap:17px}
.home-page .project-rail .project-card{flex-basis:calc((100% - 68px)/5.1)}
.home-page .project-grid.selected .project-card img,.home-page .project-grid.selected .project-card:first-child img{aspect-ratio:1.22;max-height:none;object-fit:cover}
.home-page .project-grid.selected.project-rail .project-card img{filter:none}
.home-page .project-card[data-category=patrimonio] img{object-fit:cover}
.home-page .project-rail .card-info{display:block;min-height:0;margin-top:11px}
.home-page .project-rail .card-info h3{font:400 13px/1.45 'Inter',Arial,sans-serif;letter-spacing:-.015em}
.home-page .project-rail .card-info p,.home-page .project-rail .card-info .arrow{display:none}
.home-page .rail-prev,.home-page .rail-next{width:34px;height:36px;top:36%;font-size:19px}
.home-page .rail-prev{left:-12px}.home-page .rail-next{right:-12px}
.project-grid.filterable{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 22px}
.project-grid.filterable .project-card .card-info{min-height:0;margin-top:11px}
.project-grid.filterable .project-card .card-info h3{font-size:17px}
.project-grid.filterable .project-card img{aspect-ratio:1.32}
.technical-band{display:grid;grid-template-columns:210px minmax(0,1fr) auto;gap:30px;align-items:start;padding-block:52px 62px;border-top:1px solid #dedede}
.technical-band .eyebrow{margin:8px 0 0}
.technical-band h2{margin-bottom:12px}
.technical-band p{font:400 15px/1.65 'Inter',Arial,sans-serif;color:#555;max-width:650px}
.technical-band .text-link{align-self:end;white-space:nowrap;font-size:12px}
@media(max-width:1100px){
 .home-page .project-rail .project-card{flex-basis:calc((100% - 51px)/4.1)}
 .home-page .process-section .steps{overflow-x:auto;grid-template-columns:repeat(5,minmax(190px,1fr));scroll-snap-type:x proximity}
 .home-page .process-section .step{scroll-snap-align:start}
 .technical-band{grid-template-columns:170px 1fr}.technical-band .text-link{grid-column:2;justify-self:start}
}
@media(max-width:850px){
 body #site-shell>.header,.home-page #site-shell>.header{height:76px}
 .header .brand img,.home-page .header .brand img{width:108px}
 .header .menu-toggle,.home-page .header .menu-toggle{display:inline-flex;order:2;grid-column:auto;grid-row:auto;align-items:center;background:none;color:#111;font-size:12px}
 .header .nav,.home-page .header .nav{display:none;position:absolute;top:76px;left:0;right:0;transform:none;width:100%;max-width:none;min-width:0;padding:15px var(--pad) 24px;border-top:1px solid #dedede;border-bottom:1px solid #dedede;background:#fff;flex-direction:column;align-items:stretch;gap:0;z-index:40}
 .header .nav.is-open,.home-page .header .nav.is-open{display:flex}
 .header .nav a,.home-page .header .nav a{padding:12px 0;font-size:14px}
 .hero-note{grid-template-columns:1fr;gap:6px;padding-block:18px 22px}
 .hero-note h1,.hero-note h1 .title-tag{font-size:17px}
 .hero-note p{font-size:13px}
 .nomo-hero{margin-inline:10px}
 .nomo-hero img{aspect-ratio:4/4.5;object-position:72% center}
 .home-page .process-section,.home-page .projects-carousel{padding-block:48px 56px}
 .home-page .process-section .steps{grid-auto-flow:column;grid-auto-columns:74%;grid-template-columns:none;gap:12px;padding-bottom:10px}
 .home-page .process-section .step{min-height:145px}
 .home-page .project-rail .project-card{flex-basis:58%}
 .home-page .project-grid.selected .project-card img,.home-page .project-grid.selected .project-card:first-child img{aspect-ratio:1.22;max-height:190px}
 .project-grid.filterable{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 15px}
 .technical-band{grid-template-columns:1fr;gap:15px;padding-block:45px 55px}
 .technical-band .text-link{grid-column:1}
}
@media(max-width:520px){.project-grid.filterable{grid-template-columns:1fr 1fr}.project-grid.filterable .project-card .card-info h3{font-size:13px}.home-page .project-rail .project-card{flex-basis:64%}}
.contact-page .page-intro{padding-block:85px 48px;text-align:center}
.contact-page .page-intro .eyebrow{display:none}
.contact-page .page-intro h1{font:400 clamp(36px,4vw,56px)/1.2 'Inter',Arial,sans-serif;letter-spacing:-.035em;text-transform:none}
.contact-page .page-intro h1 .title-tag{display:inline;background:none;color:#111;border:0;padding:0;line-height:inherit;letter-spacing:inherit;text-transform:none}
.contact-page .contact-layout{grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);max-width:1350px;padding-bottom:110px;align-items:start}
.contact-page .contact-aside{min-width:0}
.contact-page .contact-map{display:block;width:100%;height:500px;border:1px solid #e1e1e1;filter:grayscale(1)}
.contact-page .contact-aside .eyebrow{margin:23px 0 7px;font-size:10px}
.contact-page .contact-aside address,.contact-page .contact-aside p{font-size:12px;line-height:1.65}
.contact-page .contact-aside p{margin-bottom:0}
.contact-page .contact-form{display:grid;grid-template-columns:1fr;gap:16px;align-content:start}
.contact-page .contact-form-intro{font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65;color:#333;max-width:460px;margin:32px 0 14px}
.contact-page .contact-form .inquiry-kind,.contact-page .contact-form .optional-fields,.contact-page .contact-form .field,.contact-page .contact-form .form-bottom,.contact-page .contact-form .email-draft{grid-column:1}
.contact-page .inquiry-kind{padding-bottom:14px;margin:0 0 7px;gap:6px 22px}
.contact-page .inquiry-kind legend{font-size:13px;margin-bottom:7px}
.contact-page .inquiry-kind label{font-size:12px;min-height:30px}
.contact-page .inquiry-kind input{width:15px;height:15px}
.contact-page .field label{font-size:11px;margin-bottom:5px;color:#444}
.contact-page .field input,.contact-page .field select,.contact-page .field textarea{width:100%;min-height:43px;padding:10px 14px;background:#fff;border:1px solid #202020;border-radius:0;font-size:14px;line-height:1.5;color:#111}
.contact-page .field textarea{min-height:92px}
.contact-page .optional-fields{padding:6px 0;border-block:0;border-bottom:1px solid #ddd}
.contact-page .optional-fields summary{font-size:12px}
.contact-page .optional-grid{padding-top:16px;gap:16px}
.contact-page .form-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.contact-page .form-note{font-size:11px;line-height:1.6;margin:0}
.contact-page .form-bottom .button{align-self:flex-end;margin:0;background:#111;color:white;border:1px solid #111;padding:11px 20px;font-size:12px;min-width:120px}
.contact-page .form-bottom .button:hover{background:#333}
@media(max-width:1100px){.home-page .project-rail .project-card{flex-basis:calc((100% - 54px)/4.1)}.process-section .steps{overflow-x:auto;grid-template-columns:repeat(5,minmax(190px,1fr));scroll-snap-type:x proximity}.process-section .step{scroll-snap-align:start}}
@media(max-width:760px){.home-page .cinema-frame{padding-bottom:62px}.hero-note{padding-inline:26px;padding-top:10px}.hero-note p{font-size:12px;text-align:left;max-width:420px}.home-page .projects-carousel{padding-top:24px;padding-bottom:60px}.home-page .projects-carousel .project-rail{gap:14px}.home-page .project-rail .project-card{flex-basis:57%}.home-page .project-grid.selected .project-card img,.home-page .project-grid.selected .project-card:first-child img{max-height:180px;aspect-ratio:1.25}.home-page .project-rail .card-info h3{font-size:12px}.home-page .project-rail .card-info p{font-size:10px}.process-section{padding-block:45px 60px}.process-section .steps{display:grid;grid-auto-flow:column;grid-auto-columns:72%;grid-template-columns:none;gap:12px;overflow-x:auto;padding-bottom:12px}.process-section .step{min-height:154px;padding:17px}.process-section .step h3{margin-top:20px;font-size:17px}.contact-page .page-intro{padding-block:55px 30px}.contact-page .contact-layout{grid-template-columns:1fr;gap:45px;padding-bottom:75px}.contact-page .contact-form{order:1}.contact-page .contact-aside{order:2}.contact-page .contact-form-intro{margin:0 0 10px}.contact-page .contact-map{height:340px}.contact-page .form-bottom .button{align-self:flex-start}.contact-page .optional-grid{grid-template-columns:1fr}}
.contact-page .page-intro,.contact-page .contact-layout,.contact-page .contact-form input,.contact-page .contact-form select,.contact-page .contact-form textarea,.contact-page .contact-form button{font-family:Arial,Helvetica,sans-serif}
