/* A gallery-first page: the real work is visible before scrolling. */
.projects-page{background:#f7f5f0}
.projects-page .navbar{background:#faf9f6;border-bottom:1px solid #d9cbb5}
.projects-page .navbar .nav-links a,.projects-page .navbar .logo-sub{color:#263d53}
.projects-page .navbar .hamburger span{background:#102d4b}
.projects-wide{width:calc(100% - 64px);max-width:1800px;margin:0 auto}
.projects-intro{padding:108px 0 20px;background:#f7f5f0}
.projects-intro-inner{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}
.projects-eyebrow{display:block;color:#9b7338;font-size:10px;letter-spacing:.19em;text-transform:uppercase;margin-bottom:8px}
.projects-intro h1{color:#102d4b;font-size:clamp(30px,3.2vw,48px);line-height:1.08;margin:0;font-weight:400}
.projects-intro p{font-size:12px;line-height:1.7;color:#62707b;margin:0 0 2px;flex-shrink:0}
.projects-gallery{padding:0 0 48px;background:#f7f5f0}
.projects-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #dfd7ca;padding:16px 0 10px}
.projects-toolbar .filter-pills{gap:8px;flex-wrap:nowrap}
.projects-toolbar .filter-pill{padding:8px 22px;font-size:12px;letter-spacing:0;min-height:38px}
.projects-gallery-hint{font-size:11px;color:#66717b}
.projects-photo-explainer{margin:0 0 16px;color:#66717b;font-size:11px;line-height:1.6;max-width:850px}
.projects-photo-explainer summary{cursor:pointer;list-style-position:inside;color:#263d53;width:fit-content}
.projects-photo-explainer summary span{margin-left:12px;color:#8d6a33;text-decoration:underline;text-underline-offset:3px}
.projects-photo-explainer p{margin:8px 0;padding:10px 14px;border-left:2px solid #bd9657;background:#eee8de}
.projects-page .masonry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;columns:auto;padding:0}
.projects-page .masonry-item{margin:0;aspect-ratio:4/3;border-radius:12px;background:#e6e1d8;isolation:isolate}
.projects-page .masonry-item>img{width:100%;height:100%;object-fit:cover}
.projects-page .masonry-item .project-enhanced{z-index:1}
.projects-page .masonry-item-overlay{z-index:2;opacity:1;align-items:flex-start;text-align:left;padding:18px;background:linear-gradient(0deg,#071b2ce0,transparent 54%)}
.projects-page .masonry-item-overlay h4{font-size:clamp(17px,1.45vw,23px);line-height:1.1;max-width:95%;margin:0;text-wrap:balance}
.projects-page .masonry-item-overlay>span{display:none}
.projects-page .masonry-item-overlay>.project-material-name{display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:#f4d6a5;margin-bottom:8px;font-size:11px;letter-spacing:0;text-transform:none}
.projects-page .project-material-name small{font-size:8px;text-transform:uppercase;letter-spacing:.06em}
.projects-page .project-material-name strong{font:600 12px/1.3 var(--font-body)}
.projects-page .masonry-item-overlay>.project-material-name.is-pending{font-size:9px;color:#e0e3e6;font-weight:400}
.projects-page .project-version{z-index:3;left:10px;top:10px;right:10px;font-size:9px}
.projects-page .project-version>span{padding:6px 9px}
.projects-page .galeria-vacia,.projects-page .galeria-error,.projects-page .galeria-cargando{grid-column:1/-1}
.projects-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1600px){.projects-wide{width:calc(100% - 80px)}.projects-page .masonry-grid{gap:22px}}
@media(max-width:1100px){.projects-intro p{max-width:260px;flex-shrink:1}.projects-gallery-hint{display:none}.projects-page .masonry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.projects-wide{width:calc(100% - 40px)}}
@media(max-width:700px){
  .projects-wide{width:calc(100% - 28px)}
  .projects-intro{padding:102px 0 16px}
  .projects-intro-inner{display:block}
  .projects-eyebrow{font-size:9px;margin-bottom:7px}
  .projects-intro h1{font-size:33px;max-width:360px}
  .projects-intro p{font-size:12px;max-width:none;margin:10px 0 0;line-height:1.5}
  .projects-intro p br{display:none}
  .projects-toolbar{padding:12px 0 8px;gap:0}
  .projects-toolbar .filter-pills{width:100%;gap:6px}
  .projects-toolbar .filter-pill{padding:8px 14px;font-size:11px;flex:1}
  .projects-photo-explainer{font-size:10px;margin-bottom:12px}
  .projects-photo-explainer summary span{margin-left:5px}
  .projects-page .masonry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .projects-page .masonry-item{aspect-ratio:3/4;border-radius:9px}
  .projects-page .masonry-item-overlay{padding:12px;background:linear-gradient(0deg,#071b2cf0,transparent 65%)}
  .projects-page .masonry-item-overlay h4{font-size:17px;max-width:100%}
  .projects-page .project-version{left:6px;top:6px;font-size:8px;right:4px}
  .projects-page .project-version>span{padding:5px 6px}
}