/* RUSDRAM — BUILDING. Architectural story: alternating image / text rows. */

.bld-hero {
  position: relative; min-height: 70vh; display: flex; align-items: flex-end;
  padding: calc(var(--header-h) + 4rem) 0 3rem; overflow: hidden; isolation: isolate;
}
.bld-hero::before {
  content: ""; position: absolute; inset: 0; z-index: -2;
  background: url('../img/photos/facade-2008.jpg') center/cover;
  filter: contrast(1.05) brightness(.7);
}
.bld-hero::after {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, rgba(12,10,11,.45) 0%, rgba(12,10,11,.2) 40%, rgba(12,10,11,.96) 100%);
}
.bld-hero .kicker { color: var(--brass-br); }
.bld-hero h1 { font-family: var(--f-display); font-size: clamp(2.2rem,1.5rem+4vw,4.6rem); color: var(--paper); margin: 1rem 0 .8rem; max-width: 18ch; }
.bld-hero p { max-width: 56ch; color: var(--smoke); font-size: 1.1rem; }

.rows { padding: clamp(3.5rem,7vw,6rem) 0; background: var(--black); }
.row {
  display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.6rem,4vw,3.5rem);
  align-items: center; margin-bottom: clamp(3rem,6vw,5rem);
}
.row:last-child { margin-bottom: 0; }
.row:nth-child(even) .row-media { order: 2; }
@media (max-width: 820px){ .row{ grid-template-columns: 1fr; } .row:nth-child(even) .row-media{ order: 0; } }
.row-media { border: 1px solid var(--line); overflow: hidden; position: relative; }
.row-media img { width: 100%; aspect-ratio: 4/3; object-fit: cover; transition: transform .6s var(--ease); }
.row-media:hover img { transform: scale(1.04); }
.row-media .yr {
  position: absolute; inset-block-end: 0; inset-inline-start: 0;
  font-family: var(--f-display); font-size: 2.4rem; color: var(--paper);
  background: linear-gradient(90deg, rgba(122,22,38,.95), transparent); padding: .4rem 1.2rem .5rem;
}
.row-copy .kicker { margin-bottom: .8rem; }
.row-copy h2 { font-family: var(--f-display); font-size: clamp(1.6rem,1.2rem+1.6vw,2.4rem); color: var(--paper); margin-bottom: 1rem; }
.row-copy p { color: var(--smoke-dim); }

/* where band */
.where {
  padding: clamp(3rem,6vw,5rem) 0; background: var(--velvet-dp); position: relative; overflow: hidden; isolation: isolate;
}
.where::before { content:""; position:absolute; inset:0; z-index:-1; background: url('../img/photos/exterior-2009.jpg') center/cover; opacity:.16; }
.where-box { max-width: 60ch; }
.where-box h2 { font-family: var(--f-display); color: var(--paper); font-size: clamp(1.6rem,1.2rem+1.6vw,2.4rem); margin: 1rem 0; }
.where-box p { color: var(--paper); opacity: .88; margin-bottom: .8rem; }
.where-box .note { font-size: .82rem; font-style: italic; opacity: .65; }