/* Project groups on the ALMA HOUSE introduction. */
.alma-brand-page .page-opening{padding-bottom:36px}
.reference-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.reference-overview a{display:block;min-width:0}
.reference-overview .overview-image{display:block;overflow:hidden;background:var(--panel)}
.reference-overview img{display:block;width:100%;height:auto;aspect-ratio:1.25;object-fit:cover;transition:transform .5s}
.reference-overview a:hover img{transform:scale(1.025)}
.reference-overview .overview-title{display:block;margin-top:10px;font-size:10px;line-height:1.7;color:var(--muted)}
.reference-overview-note{display:flex;justify-content:space-between;gap:20px;padding:18px 0 24px;border-bottom:1px solid var(--line-soft);font-size:10px;line-height:1.8;color:var(--muted)}
.reference-overview-note a{color:var(--text);white-space:nowrap}
.reference-archive{padding:64px 0 70px;border-bottom:1px solid var(--line-soft);scroll-margin-top:16px}
.reference-archive-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.reference-archive-heading h2{font-size:clamp(27px,3vw,38px);line-height:1.5;letter-spacing:-.055em;margin-top:14px}
.reference-archive-heading>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:24em}
.reference-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}
.reference-project{min-width:0;scroll-margin-top:16px}
.reference-card{display:block;min-width:0}
.reference-photos{overflow:hidden;background:var(--panel)}
.reference-cover{overflow:hidden}
.reference-cover img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;transition:transform .5s}
.reference-card:hover .reference-cover img{transform:scale(1.025)}
.reference-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px}
.reference-thumbnails img{display:block;width:100%;height:auto;aspect-ratio:1.2;object-fit:cover;min-width:0}
.reference-meta{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-top:14px;margin-top:13px;border-top:1px solid var(--line)}
.reference-meta h3{font-size:18px;font-weight:400;line-height:1.6;letter-spacing:-.035em;overflow-wrap:anywhere}
.reference-meta>span{font-size:20px;color:var(--muted)}
.reference-destination{font-size:10px;line-height:1.7;color:var(--muted);margin-top:5px}
.reference-archive-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid var(--line-soft);margin-top:40px;padding-top:25px}
.reference-archive-footer p{font-size:12px;line-height:1.9;color:var(--muted)}
.reference-archive-footer .text-link{font-size:12px;white-space:nowrap}
.reference-card:focus-visible,.reference-overview a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.alma-brand-page .editorial{padding:64px 0}
.studplate-brand-page .editorial+.editorial{padding-top:64px}
@media(max-width:1050px){
  .reference-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}
  .reference-overview{gap:10px}
  .reference-overview img{aspect-ratio:1.1}
  .reference-archive-heading{gap:24px}
  .reference-archive-heading>p{font-size:11px}
}
@media(max-width:760px){
  .alma-brand-page .page-opening{padding-bottom:28px}
  .reference-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
  .reference-overview img{aspect-ratio:1.4}
  .reference-overview .overview-title{font-size:9px;margin-top:7px}
  .reference-overview-note{font-size:9px;padding:17px 0 20px;gap:12px}
  .reference-archive{padding:38px 0 42px;scroll-margin-top:12px}
  .reference-archive-heading{display:block;margin-bottom:24px}
  .reference-archive-heading h2{font-size:27px;margin-top:12px}
  .reference-archive-heading>p{font-size:11px;max-width:none;margin-top:12px}
  .reference-projects{gap:28px 16px}
  .reference-thumbnails{gap:4px;margin-top:4px}
  .reference-meta{padding-top:11px;margin-top:10px;gap:10px}
  .reference-meta h3{font-size:16px}
  .reference-destination{font-size:10px}
  .reference-project{scroll-margin-top:12px}
  .reference-archive-footer{display:block;margin-top:30px;padding-top:22px}
  .reference-archive-footer p{font-size:11px}
  .reference-archive-footer .text-link{margin-top:16px;font-size:11px}
  .alma-brand-page .editorial{padding:42px 0}
  .studplate-brand-page .editorial+.editorial{padding-top:42px}
}
@media(max-width:560px){
  .reference-projects{grid-template-columns:minmax(0,1fr);gap:32px}
  .reference-cover img{aspect-ratio:1.5}
  .reference-thumbnails img{aspect-ratio:1.5}
}
@media(prefers-reduced-motion:reduce){
  .reference-overview img,.reference-cover img{transition:none}
}