/* DIEGO U / SITE V7 · intentionally quiet, content-led */
:root { --paper:#f7f7f4;--ink:#242421;--sub:#73736c;--line:#d5d5cd;--red:#ad362e;--max:1020px }
* {box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.site-shell{width:min(var(--max),calc(100% - 56px));min-height:100dvh;margin:auto;display:flex;flex-direction:column}.site-header{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.logo{font-size:23px;line-height:1;font-weight:800;letter-spacing:-.075em;white-space:nowrap}.logo-slash{color:var(--red);font-weight:400;padding:0 1px}.nav{display:flex;align-items:center;flex-wrap:wrap;gap:26px}.nav a{position:relative;font-size:11px;color:#676761;letter-spacing:.04em;padding:11px 0}.nav a:hover,.nav a.active{color:var(--ink)}.nav a.active::after{content:"";height:1px;background:var(--red);position:absolute;bottom:4px;left:0;right:0}.site-footer{display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--line);color:var(--sub);padding:25px 0 26px;font-size:10px;letter-spacing:.055em;margin-top:auto}.home-page main{flex:1}.home-intro{padding:66px 0 40px}.eyebrow,.card-number,.work-meta,.about-facts,.about-links>span{color:var(--sub);font-size:10px;letter-spacing:.13em;font-weight:700}.accent-dot{display:inline-block;width:6px;height:6px;background:var(--red);margin-right:9px;vertical-align:1px}.home-intro h1{font-size:clamp(38px,5vw,61px);margin:19px 0 8px;letter-spacing:-.055em;line-height:1;font-weight:750}.home-intro>p:last-child{font-size:15px;color:var(--sub);line-height:1.5;margin:0}.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.category-card{display:block;min-width:0}.home-thumb{position:relative;aspect-ratio:1.34/1;background:#e3e2dc;overflow:hidden}.category-card:hover .home-thumb img{transform:scale(1.04)}.home-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.home-review{background:#d7d6d0;display:grid;place-items:center}.home-review-cover{width:66%;height:84%;background:#f5f4ef;box-shadow:10px 10px 0 #b8b8b0;display:flex;flex-direction:column;justify-content:space-between;padding:15px 18px;transform:rotate(-4deg)}.home-cover-small{font-size:8px;letter-spacing:.16em;font-weight:700}.home-review-cover strong{font-size:clamp(23px,3.3vw,46px);font-weight:900;letter-spacing:-.085em;line-height:.87}.home-video{background:#222}.home-video img{opacity:.65;filter:grayscale(100%)}.home-frame{position:absolute;left:14px;top:14px;color:#fff;font-size:9px;letter-spacing:.17em}.home-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:50px;width:50px;border:1px solid rgba(255,255,255,.8);border-radius:50%;display:grid;place-items:center;color:white;font-size:14px;padding-left:3px}.home-art{background:#e4e1db}.home-art img{object-position:center}.category-caption{padding-top:16px}.category-caption h2{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:17px;letter-spacing:-.025em;margin:10px 0 0;font-weight:700}.category-caption h2 span{font-size:20px;color:#999990;font-weight:400}.category-card:hover .category-caption h2,.work-card:hover h2,.inline-link:hover,.about-text a:hover{color:var(--red)}.page-heading{padding:51px 0 35px}.page-heading h1{margin:13px 0 9px;font-size:clamp(33px,4.4vw,51px);font-weight:750;letter-spacing:-.05em;line-height:1.07}.page-heading p{margin:0;color:var(--sub);font-size:14px;line-height:1.6;max-width:660px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px;padding-bottom:65px}.work-card{min-width:0;display:block}.work-image{aspect-ratio:1.72/1;position:relative;overflow:hidden;background:#deddd6}.work-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.work-card:hover .work-image>img{transform:scale(1.018)}.review-image img{object-position:center 46%}.review-image.black{background:#171717;color:#eee}.review-image.orange{background:#e7a467;color:#241d16}.review-image.cream{background:#dfd5c5;color:#181818}.review-image.grey{background:#d4d4cf;color:#181818}.image-fallback{display:flex;flex-direction:column;justify-content:space-between;padding:23px 26px;height:100%}.image-fallback small{font-size:10px;font-weight:700;letter-spacing:.14em}.image-fallback strong{font-size:clamp(35px,4.8vw,66px);line-height:.86;letter-spacing:-.07em}.work-meta{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:10px;letter-spacing:.06em}.work-card h2{font-size:19px;letter-spacing:-.03em;line-height:1.15;margin:10px 0 5px}.work-card p{font-size:14px;line-height:1.45;color:var(--sub);margin:0}.external{font-size:14px;color:var(--red);font-weight:400;margin-left:4px}.video-image{aspect-ratio:16/9;background:#272727;color:white}.video-image>img{filter:grayscale(.6);opacity:.93}.video-image .image-fallback{opacity:.65}.play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;width:56px;height:56px;border:1px solid white;background:rgba(0,0,0,.5);display:grid;place-items:center;color:white;font-size:15px;padding-left:3px}.art-open{width:100%;border:0;display:block;padding:0;background:none;text-align:left;cursor:zoom-in}.artwork-image{aspect-ratio:1.7/1;background:#ededeb}.artwork-image img{object-fit:contain}.artwork-card h2{margin-bottom:4px}.artwork-card .art-title{font-size:14px;color:var(--ink);font-weight:600}.artwork-card .art-detail{font-size:12px;line-height:1.5;margin-top:7px}.inline-link{display:inline-block;margin-top:13px;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:3px}.about-heading{padding-bottom:35px}.about-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:70px;padding:0 0 75px;border-top:1px solid var(--line);padding-top:34px}.about-left{display:flex;flex-direction:column;justify-content:space-between;min-height:240px}.about-monogram{font-size:88px;font-weight:750;letter-spacing:-.1em;line-height:1;color:var(--ink)}.about-facts{display:flex;flex-direction:column;gap:8px;font-size:9px;line-height:1.4}.about-text{max-width:660px}.about-text p{font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.67;color:#36362f;margin:0 0 18px}.about-text .about-lead{font-size:23px;line-height:1.4;color:#222;margin-bottom:23px}.about-text strong{font-weight:600}.about-text a{text-decoration:underline;text-decoration-color:#9c9b92;text-underline-offset:3px}.about-links{display:flex;align-items:center;gap:19px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--line);margin-top:26px}.about-links a{font-size:12px;font-family:Arial,Helvetica,sans-serif;text-decoration:none}.about-links>span{margin-right:5px}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 0 12px}.dialog-top span{font-size:13px;font-weight:700}.dialog-close{border:0;background:none;cursor:pointer;padding:5px;font-size:12px}#art-dialog{border:1px solid #e6e6e1;padding:20px;background:var(--paper);color:var(--ink);box-shadow:0 8px 50px rgba(0,0,0,.18);max-width:min(92vw,920px);max-height:94vh}#art-dialog::backdrop{background:rgba(0,0,0,.7)}#art-dialog img{max-width:100%;max-height:78vh;object-fit:contain;margin:auto}
@media(max-width:760px){.site-shell{width:calc(100% - 32px)}.site-header{min-height:73px;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:15px 0}.nav{gap:16px}.nav a{font-size:11px;padding:5px 0}.nav a.active::after{bottom:0}.home-intro{padding:35px 0 27px}.home-grid{gap:15px}.category-caption h2{font-size:14px}.home-review-cover{padding:10px}.home-cover-small{font-size:6px}.home-review-cover strong{font-size:25px}.work-grid{gap:28px 17px}.work-card h2{font-size:17px}.image-fallback{padding:17px}.image-fallback strong{font-size:clamp(30px,5vw,45px)}.about-layout{grid-template-columns:1fr;gap:20px}.about-left{min-height:auto;gap:10px}.about-monogram{font-size:54px}.about-facts{flex-direction:row;flex-wrap:wrap;gap:18px}.about-text .about-lead{font-size:21px}}
@media(max-width:525px){.nav{gap:13px;row-gap:7px}.nav a{font-size:10px}.home-intro h1{font-size:43px}.home-intro>p:last-child{font-size:13px}.home-grid{grid-template-columns:1fr;gap:20px}.category-card{display:grid;grid-template-columns:38% 1fr;gap:14px;align-items:center}.home-thumb{aspect-ratio:1.36/1}.home-review-cover strong{font-size:clamp(16px,4.2vw,26px)}.category-caption{padding:0}.category-caption h2{font-size:15px;line-height:1.3}.category-caption h2 span{margin-left:5px}.work-grid{grid-template-columns:1fr;gap:31px}.work-image{aspect-ratio:1.7/1}.page-heading{padding:36px 0 30px}.page-heading h1{font-size:34px}.site-footer{font-size:9px;flex-direction:column;gap:6px;padding:19px 0}.about-text p{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Preserve square album art in horizontal thumbnail frames. */
.home-review{background:#e7e5e5}.home-review>img{object-fit:contain}.review-image.shudder-image{background:#d3cddd}.review-image.shudder-image>img{object-fit:contain;object-position:center}

/* V8: compact archive layout, scoped to Reviews and Record Art only. */
.compact-portfolio .page-heading { padding: 31px 0 24px; }
.compact-portfolio .page-heading h1 { font-size: clamp(32px, 3.6vw, 43px); margin: 10px 0 7px; }
.compact-portfolio .page-heading p { font-size: 12px; line-height: 1.5; }
.compact-portfolio .work-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 17px;
  padding-bottom: 26px;
}
.compact-portfolio .work-image { aspect-ratio: 1 / 1; }
.compact-portfolio .review-image > img { object-fit: contain; object-position: center; }
.compact-portfolio .work-meta { font-size: 9px; margin-top: 11px; gap: 6px; flex-wrap: wrap; line-height: 1.35; }
.compact-portfolio .work-card h2 { font-size: 16px; line-height: 1.14; margin: 8px 0 4px; }
.compact-portfolio .work-card p { font-size: 12px; line-height: 1.35; }
.compact-portfolio .image-fallback { padding: 14px; }
.compact-portfolio .image-fallback small { font-size: 9px; }
.compact-portfolio .image-fallback strong { font-size: clamp(23px, 2.6vw, 34px); }
.compact-portfolio .artwork-card .art-title { font-size: 12px; line-height: 1.3; }
.compact-portfolio .artwork-card .art-detail { font-size: 11px; line-height: 1.35; margin-top: 5px; }
.compact-portfolio .inline-link { font-size: 10px; line-height: 1.35; margin-top: 7px; }
.compact-portfolio .art-open:focus-visible { outline: 2px solid var(--red); outline-offset: 4px; }

@media (max-width: 760px) and (min-width: 601px) {
  .compact-portfolio .work-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 18px; }
  .compact-portfolio .work-image { aspect-ratio: 1.4 / 1; }
}

/* On small screens, turn each project into a short editorial row. */
@media (max-width: 600px) {
  .compact-portfolio .page-heading { padding: 24px 0 20px; }
  .compact-portfolio .page-heading h1 { font-size: 32px; margin: 7px 0 5px; }
  .compact-portfolio .page-heading p { font-size: 11px; }
  .compact-portfolio .work-grid { grid-template-columns: minmax(0,1fr); gap: 0; padding-bottom: 16px; }
  .compact-portfolio .work-card {
    display: grid;
    grid-template-columns: 98px minmax(0,1fr);
    grid-auto-rows: min-content;
    column-gap: 14px;
    align-content: start;
    padding: 13px 0;
    border-top: 1px solid var(--line);
  }
  .compact-portfolio .work-card:last-child { border-bottom: 1px solid var(--line); }
  .compact-portfolio .review-image,
  .compact-portfolio .art-open {
    grid-column: 1;
    grid-row: 1 / span 5;
    width: 98px;
    height: 98px;
    aspect-ratio: 1 / 1;
  }
  .compact-portfolio .art-open .work-image { height: 98px; aspect-ratio: 1/1; }
  .compact-portfolio .work-meta { grid-column: 2; margin: 0; font-size: 8px; }
  .compact-portfolio .work-card h2 { grid-column: 2; font-size: 15px; margin: 5px 0 3px; }
  .compact-portfolio .work-card > p { grid-column: 2; font-size: 11px; line-height: 1.3; }
  .compact-portfolio .artwork-card .art-title { font-size: 11px; line-height: 1.25; }
  .compact-portfolio .artwork-card .art-detail { font-size: 10px; margin-top: 4px; }
  .compact-portfolio .inline-link { grid-column: 2; font-size: 10px; margin-top: 4px; }
  .compact-portfolio .image-fallback { padding: 10px; }
  .compact-portfolio .image-fallback small { font-size: 7px; }
  .compact-portfolio .image-fallback strong { font-size: 20px; }
}


/* V12: restrained category photography on the home only. */
.home-page .home-review > img,
.home-page .home-video > img,
.home-page .home-art > img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:1;
  filter:none;
}

/* V14: Reviews is two labeled rows. All cards share one size and layout. */
.compact-reviews .reviews-section-heading {
  display:flex;
  align-items:center;
  gap:16px;
  margin:0 0 14px;
}
.compact-reviews .reviews-section-heading h2 {
  margin:0;
  font-size:12px;
  font-weight:750;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:var(--ink);
}
.compact-reviews .reviews-section-heading::after {
  content:"";
  height:1px;
  background:var(--line);
  flex:1;
}
/* One four-column grid for both categories, so Hangar Rojo has the
   same width, cover frame and caption styling as every music card. */
.compact-reviews .music-review-grid,
.compact-reviews .movie-review-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  padding-bottom:23px;
}
.compact-reviews .review-grid .work-card,
.compact-reviews .movie-work-card {
  display:block;
  min-width:0;
  max-width:none;
}
.compact-reviews .review-grid .review-image {
  width:100%;
  height:auto;
  aspect-ratio:1.35 / 1;
  background:#dcdad7;
  overflow:hidden;
}
.compact-reviews .review-grid .review-image > img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
/* Never show fallback lettering behind an actual cover. Only display
   lettering if loading the image failed. */
.compact-reviews .review-grid .image-fallback {
  display:none;
}
.compact-reviews .review-grid .poster-unavailable .image-fallback {
  display:flex;
}
.compact-reviews .review-grid .review-image.black {background:#171717}
.compact-reviews .review-grid .review-image.orange {background:#e7a467}
.compact-reviews .review-grid .review-image.cream {background:#d3cddd}
.compact-reviews .review-grid .review-image.grey {background:#d4d4cf}
.compact-reviews .review-grid .film-image {background:#1a1113}
.compact-reviews .review-grid .work-meta {
  margin-top:11px;
}
.compact-reviews .review-grid .work-card h2 {
  font-size:16px;
  line-height:1.14;
  margin:8px 0 4px;
}
.compact-reviews .review-grid .work-card p {
  font-size:12px;
  line-height:1.35;
}
@media (min-width:601px) and (max-width:920px) {
  .compact-reviews .music-review-grid,
  .compact-reviews .movie-review-grid {gap:13px}
  .compact-reviews .review-grid .work-card h2 {font-size:14px}
}
/* Match the existing compact mobile rows across both categories. */
@media (max-width:600px) {
  .compact-reviews .reviews-section-heading {margin-bottom:6px}
  .compact-reviews .music-review-grid,
  .compact-reviews .movie-review-grid {
    grid-template-columns:minmax(0,1fr);
    gap:0;
    padding-bottom:16px;
  }
  .compact-reviews .review-grid .work-card,
  .compact-reviews .movie-work-card {
    display:grid;
    grid-template-columns:88px minmax(0,1fr);
    grid-auto-rows:min-content;
    column-gap:12px;
    align-content:start;
    padding:9px 0;
    border-top:1px solid var(--line);
  }
  .compact-reviews .review-grid .work-card:last-child {border-bottom:1px solid var(--line)}
  .compact-reviews .review-grid .review-image {
    grid-column:1;
    grid-row:1 / span 5;
    width:88px;
    height:88px;
    aspect-ratio:1 / 1;
  }
  .compact-reviews .review-grid .work-meta {grid-column:2;margin:0;font-size:8px}
  .compact-reviews .review-grid .work-card h2 {grid-column:2;font-size:15px;margin:5px 0 3px}
  .compact-reviews .review-grid .work-card p {grid-column:2;font-size:11px;line-height:1.3}
}

/* V21: five music cards in one row, consistent card dimensions for Movies. */
@media (min-width: 921px) {
  .compact-reviews .music-review-grid,
  .compact-reviews .movie-review-grid {grid-template-columns: repeat(5,minmax(0,1fr));gap:16px}
  .compact-reviews .review-grid .work-card h2 {font-size:15px}
  .compact-reviews .review-grid .work-card p {font-size:11px}
  .compact-reviews .review-grid .work-meta {font-size:8px}
}
@media (min-width: 601px) and (max-width: 920px) {
  .compact-reviews .music-review-grid,
  .compact-reviews .movie-review-grid {grid-template-columns: repeat(3,minmax(0,1fr));gap:14px}
}
.compact-reviews .review-grid .live-review-image {background:#150b0b}
.compact-reviews .review-grid .live-review-image > img {object-fit:cover}