#ru-projects.ru-art-index { position:relative; isolation:isolate; }
.ru-art-backdrop { position:fixed; inset:0; z-index:0; pointer-events:none; background:#6c5444; }
.ru-art-backdrop[hidden] { display:none; }
.ru-art-backdrop canvas { width:100%; height:100%; display:block; }
.ru-art-backdrop::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#0005,transparent 82%); }
#ru-projects.ru-art-index>.desktop { position:relative; z-index:1; }
#ru-projects.ru-art-index .desktop .page { padding:0!important; background:transparent!important; color:#fff9ee!important; }
#ru-projects.ru-art-index .ru-motif-depth { display:none!important; }
#ru-projects.ru-art-index .desktop .header { position:fixed; inset:0 0 auto; margin:0; min-height:86px; padding:24px 5vw; z-index:40; color:#fff9ee!important; background:linear-gradient(#0006,transparent)!important; }
#ru-projects.ru-art-index .header .brand,#ru-projects.ru-art-index .header .menu-toggle { color:#fff9ee!important; }
#ru-projects.ru-art-index .index { position:relative; }
#ru-projects.ru-art-index .title-row { position:absolute; top:115px; left:5vw; z-index:2; margin:0; color:#fff9ee; }
#ru-projects.ru-art-index .list-layout { display:block!important; }
#ru-projects.ru-art-index .rows { width:100%; max-width:none; }
#ru-projects.ru-art-index .desktop .row { min-height:100svh; padding:120px 5vw!important; display:flex!important; flex-direction:column; justify-content:center; align-items:flex-start; gap:12px; color:#fff9ee!important; text-shadow:0 2px 18px #0005; }
#ru-projects.ru-art-index .row .name { font-size:clamp(42px,5.5vw,80px)!important; max-width:100%; line-height:1.04; letter-spacing:-.045em; }
#ru-projects.ru-art-index .desktop .row .location { font-size:clamp(16px,1.8vw,26px)!important; opacity:1; margin:0; }
#ru-projects.ru-art-index .row:hover .name,#ru-projects.ru-art-index .row:focus .name { background:transparent!important; box-shadow:none!important; transform:none!important; }
#ru-projects.ru-art-index .row:focus-visible { outline:2px solid #fff9ee; outline-offset:-12px; }
#ru-projects.ru-art-index .menu { position:fixed; top:76px; right:4vw; z-index:50; color:#242722!important; background:#f4f0e8!important; }
#ru-projects.ru-art-index .footer { position:relative; z-index:2; padding:24px 5vw; margin:0; color:#fff9ee; }
@media(max-width:650px) {
  #ru-projects.ru-art-index .desktop .header { min-height:76px; padding:20px 22px; }
  #ru-projects.ru-art-index .title-row { top:105px; left:22px; }
  #ru-projects.ru-art-index .desktop .row { padding:110px 22px!important; }
  #ru-projects.ru-art-index .row .name { font-size:clamp(34px,9vw,48px)!important; }
  #ru-projects.ru-art-index .desktop .row .location { font-size:17px!important; }
}

/* Individual project pages keep a single solid color behind the photographs. */
#ru-projects .page:has(> .detail:not([hidden])),
#ru-projects .page:has(> .detail:not([hidden])) .header,
#ru-projects .page:has(> .detail:not([hidden])) .menu {
  background:var(--scene,var(--paper))!important;
  color:var(--scene-ink,var(--ink))!important;
}
#ru-projects .page:has(> .detail:not([hidden])) .ru-motif-depth {display:none!important}