.inner-page { background: var(--paper); }
.inner-page .site-header.is-scrolled { color: var(--ink); }
.inner-page .site-header:not(.detail-header) { background: rgba(241,243,240,.94); }
.project-index-main { display: block; padding-top: 82px; }
.project-index-hero { min-height: 70vh; padding: 12vh var(--pad) 9vh; display: flex; flex-direction: column; justify-content: space-between; }
.project-index-title { display: grid; grid-template-columns: 1.45fr .55fr; gap: 9vw; align-items: end; }
.project-index-title h1 { margin: 0; font: 400 clamp(52px,7vw,108px)/1.02 var(--serif); letter-spacing: -.055em; }
.project-index-title p { margin: 0 0 8px; font-size: 13px; line-height: 1.9; color: rgba(16,38,47,.68); }
.project-browser { padding: 0 var(--pad) clamp(110px,14vw,210px); }
.project-filters { position: sticky; z-index: 10; top: 66px; display: flex; gap: 8px; padding: 18px 0; background: rgba(241,243,240,.92); backdrop-filter: blur(12px); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.project-filters button { border: 0; background: transparent; color: rgba(16,38,47,.5); padding: 10px 15px; cursor: pointer; display: flex; gap: 9px; align-items: baseline; }
.project-filters button span { font: 8px var(--utility); }.project-filters button b { font-size: 11px; font-weight: 500; }.project-filters button.is-active { color: var(--ink); background: var(--mist); }
.project-browser-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 10vw 3vw; padding-top: 8vw; }
.browser-card[hidden] { display: none; }.browser-card:nth-child(even) { margin-top: 12vw; }
.browser-card figure { margin: 0; aspect-ratio: 16/10; overflow: hidden; background: var(--mist); }.browser-card img { height: 100%; object-fit: cover; filter: saturate(.72); transition: transform .8s,filter .5s; }.browser-card:hover img { transform: scale(1.025); filter: saturate(1); }
.browser-card > div { margin-top: 15px; padding-top: 18px; border-top: 1px solid var(--line); display: grid; grid-template-columns: auto 1fr; gap: 5px 24px; }.browser-card span { grid-row: span 2; font: 8px var(--utility); letter-spacing: .12em; opacity: .55; }.browser-card h2 { margin: 0; font: 400 clamp(24px,2.8vw,42px) var(--serif); }.browser-card p { margin: 0; font-size: 10px; opacity: .6; }

.detail-main { display: block; }
.detail-hero { height: 100svh; min-height: 680px; position: relative; overflow: hidden; color: var(--white); }.detail-hero > img { height: 100%; object-fit: cover; }.detail-hero-shade { position: absolute; inset: 0; background: linear-gradient(0deg,rgba(5,20,26,.78),transparent 55%),linear-gradient(90deg,rgba(5,20,26,.2),transparent); }.detail-back { position: absolute; z-index: 2; top: 120px; left: var(--pad); display: flex; gap: 10px; font-size: 10px; letter-spacing: .08em; }.detail-back b { font-weight: 400; }.detail-hero-title { position: absolute; z-index: 2; left: var(--pad); right: var(--pad); bottom: 8vh; }.detail-hero-title > p:first-child { font: 9px var(--utility); letter-spacing: .15em; }.detail-hero-title h1 { max-width: 1100px; margin: 15px 0 12px; font: 400 clamp(55px,8vw,125px)/.98 var(--serif); letter-spacing: -.055em; }.detail-hero-title > p:last-child { font-size: 11px; letter-spacing: .12em; }
.detail-intro { padding: clamp(100px,13vw,190px) var(--pad); display: grid; grid-template-columns: .65fr 1.35fr; gap: 10vw; }.detail-facts { display: grid; align-content: start; }.detail-facts div { display: grid; grid-template-columns: 90px 1fr; padding: 14px 0; border-top: 1px solid var(--line); }.detail-facts div:last-child { border-bottom: 1px solid var(--line); }.detail-facts span { font-size: 10px; opacity: .5; }.detail-facts b { font-size: 11px; font-weight: 500; }.detail-statement h2 { max-width: 900px; margin: 0 0 38px; font: 400 clamp(38px,5vw,76px)/1.12 var(--serif); letter-spacing: -.04em; }.detail-statement > p:last-child { max-width: 660px; margin: 0 0 0 auto; font-size: 14px; line-height: 1.9; color: rgba(16,38,47,.7); }
.detail-gallery { padding: 0 var(--pad); display: grid; grid-template-columns: repeat(12,1fr); gap: 6vw 2vw; }.detail-gallery figure { margin: 0; grid-column: 1/-1; overflow: hidden; }.detail-gallery figure:nth-child(2n) { grid-column: 3/-1; }.detail-gallery figure:nth-child(3n) { grid-column: 1/10; }.detail-gallery img { width: 100%; max-height: 84vh; object-fit: cover; }
.detail-concept { padding: clamp(120px,16vw,230px) var(--pad); display: grid; grid-template-columns: .6fr 1.4fr; gap: 8vw; }.detail-concept h2 { margin: 0 0 35px; font: 400 clamp(38px,4.5vw,68px)/1.12 var(--serif); }.detail-concept p { max-width: 680px; margin: 0; font-size: 14px; line-height: 1.9; opacity: .68; }
.detail-next { min-height: 65vh; background: var(--ink); color: var(--white); display: flex; flex-direction: column; justify-content: center; padding: 90px var(--pad); }.detail-next .eyebrow { color: var(--gold); }.detail-next a { display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid rgba(255,255,255,.35); padding-bottom: 25px; }.detail-next span { font: 400 clamp(42px,7vw,105px)/1 var(--serif); }.detail-next i { font-style: normal; font-size: 25px; }

@media (max-width: 760px) {
  .project-index-main { padding-top: 66px; }.project-index-hero { min-height: 620px; padding-top: 90px; }.project-index-title { grid-template-columns: 1fr; gap: 45px; }.project-index-title h1 { font-size: 42px; line-height: 1.08; }.project-filters { overflow-x: auto; }.project-filters button { flex: 0 0 auto; }.project-browser-grid { grid-template-columns: 1fr; gap: 75px; }.browser-card:nth-child(even) { margin-top: 0; }
  .detail-hero { min-height: 720px; }.detail-hero-title h1 { font-size: 53px; }.detail-intro,.detail-concept { grid-template-columns: 1fr; gap: 70px; }.detail-gallery figure,.detail-gallery figure:nth-child(2n),.detail-gallery figure:nth-child(3n) { grid-column: 1/-1; }.detail-gallery { gap: 24px; }.detail-gallery img { min-height: 280px; }.detail-next { min-height: 520px; }.detail-next span { font-size: 44px; }
}