/* Sparse architectural linework, kept behind content and away from controls. */
html:not([data-accessible]) .visual-system .niisf-native-main.is-home {
  background-image:url('/assets/page-city-outline.svg'),url('/assets/page-drafting.svg'),url('/assets/page-city-outline.svg');
  background-repeat:no-repeat;
  background-size:460px 420px,400px 460px,460px 420px;
  background-position:calc(50% - 740px) 80px,calc(50% + 750px) 1300px,calc(50% - 750px) calc(100% - 180px);
}
html:not([data-accessible]) .visual-system .vs-hero {
  background:url('/assets/page-drafting.svg') no-repeat 42% 100% / 230px 260px;
}
@media(max-width:760px) {
  html:not([data-accessible]) .visual-system .niisf-native-main.is-home { background-size:240px 220px,200px 230px,240px 220px; background-position:-160px 50px,calc(100% + 140px) 1450px,-160px calc(100% - 100px); }
  html:not([data-accessible]) .visual-system .vs-hero { background-position:right bottom; background-size:160px 180px; }
}
html[data-accessible] .visual-system :is(.niisf-native-main.is-home,.vs-hero) { background-image:none!important; }
.vs-home .vs-projects { border-bottom:0; padding-bottom:32px; }
.vs-visual-pause { min-height:148px; margin:0 0 32px; padding:36px 32px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:#f7f8fa url('/assets/page-city-outline.svg') no-repeat left center/260px 238px; }
.visual-system .vs-visual-pause p { margin:0; color:#59616d; font:400 22px/1.5 'Roboto Condensed',Roboto,Arial,sans-serif; letter-spacing:.4px; text-align:center; }
.visual-system .vs-visual-pause+.vs-news>.codex-home-section:first-child { border-top:0; padding-top:12px; }
@media(max-width:760px) { .vs-visual-pause { min-height:124px; padding:28px 20px; background-position:-120px center; margin-bottom:24px; } .visual-system .vs-visual-pause p { font-size:20px; max-width:240px; } }
html[data-accessible] .vs-visual-pause { background-image:none!important; }

/* A familiar proverb in a legible handwritten Cyrillic face, served locally. */
@font-face { font-family:'Caveat'; src:url('/assets/visual-fonts/caveat-variable.ttf') format('truetype'); font-style:normal; font-weight:400 700; font-display:swap; }
html:not([data-accessible]) .visual-system .vs-visual-pause p { font-family:'Caveat','Segoe Print',cursive; font-size:40px; font-weight:400; line-height:1.3; letter-spacing:0; color:#59616d; }
@media(max-width:760px) { html:not([data-accessible]) .visual-system .vs-visual-pause p { font-size:32px; max-width:none; } }

/* Match the restrained dark lettering of the neighbouring institutional marks. */
html:not([data-accessible]) .visual-system .occ-header-label { color:#1a1f29; font-family:Roboto,Arial,sans-serif; font-size:14px; line-height:1.35; font-weight:500; letter-spacing:0; }
html:not([data-accessible]) .visual-system .occ-header-label small { font:inherit; color:inherit; }

/* A quiet full-width interval with slightly offset architectural edges. */
html:not([data-accessible]) .visual-system .niisf-native-main.is-home { overflow-x:clip; }
html:not([data-accessible]) .visual-system .vs-visual-pause { position:relative; isolation:isolate; background:none; border-radius:0; min-height:180px; padding:48px 24px; margin:12px auto 44px; }
html:not([data-accessible]) .visual-system .vs-visual-pause::before { content:''; position:absolute; z-index:-1; top:0; bottom:0; left:calc(50% - 50vw); width:100vw; background:#f7f8fa url('/assets/page-city-outline.svg') no-repeat calc(50% - 550px) center/300px 274px; clip-path:polygon(0 10%,100% 0,100% 90%,0 100%); pointer-events:none; }
.visual-system .vs-visual-pause p { position:relative; }
@media(max-width:760px) { html:not([data-accessible]) .visual-system .vs-visual-pause { min-height:156px; padding:40px 12px; margin-bottom:32px; } html:not([data-accessible]) .visual-system .vs-visual-pause::before { background-position:-90px center; background-size:220px 200px; clip-path:polygon(0 6%,100% 0,100% 94%,0 100%); } }
html[data-accessible] .vs-visual-pause::before { display:none; }