:root { --paper:#f4f2ec; --ink:#10201c; --numen:#5fc9f7; }
* { box-sizing:border-box; }
html, body { margin:0; min-height:100%; }
body { background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
main { min-height:100vh; }
.home-header { height:clamp(150px,22vw,300px); display:flex; align-items:flex-end; justify-content:space-between; gap:32px; padding:0 3vw 2.2vw; }
.home-header h1 { margin:0; color:var(--numen); font-family:Georgia,"Times New Roman",serif; font-size:clamp(76px,17vw,250px); font-weight:400; letter-spacing:-.075em; line-height:.72; }
.site-nav { flex:0 0 auto; padding-bottom:.5vw; }
.site-nav a { display:inline-flex; align-items:center; gap:18px; border-bottom:1px solid currentColor; padding:12px 0 9px; font-size:clamp(17px,1.4vw,22px); letter-spacing:-.02em; transition:color .18s ease; }
.site-nav a:hover,.site-nav a:focus-visible { color:#209fd5; outline:none; }
.city-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--paper); }
.city { min-height:clamp(330px,38vw,580px); position:relative; display:flex; align-items:flex-end; overflow:hidden; isolation:isolate; padding:30px; background:#c5c2b7; }
.city h2 { position:relative; z-index:3; margin:0; color:#fff; font-family:Georgia,"Times New Roman",serif; font-size:clamp(34px,4vw,62px); font-weight:400; letter-spacing:-.055em; line-height:.9; }
.map-lines { position:absolute; inset:-8%; background-image:linear-gradient(27deg,transparent 47%,rgba(255,255,255,.28) 48%,rgba(255,255,255,.28) 49%,transparent 50%),linear-gradient(112deg,transparent 48%,rgba(16,32,28,.18) 49%,transparent 50%); background-size:92px 78px,78px 116px; transform:rotate(-3deg); }
.map-lines::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 35%,rgba(8,22,18,.32)); }
.line,.river { position:absolute; display:block; height:2px; background:rgba(255,255,255,.72); transform-origin:left; }
.line-one { width:95%; left:4%; top:24%; transform:rotate(18deg); }
.line-two { width:105%; left:-8%; top:56%; transform:rotate(-13deg); }
.line-three { width:88%; left:22%; top:8%; transform:rotate(61deg); }
.line-four { width:80%; left:2%; top:83%; transform:rotate(-36deg); }
.river { width:120%; height:82px; left:-10%; top:43%; background:transparent; border:12px solid rgba(238,246,245,.82); border-left:0; border-right:0; border-radius:50%; transform:rotate(-20deg); }
.ufa { background:#d89b62; }
.tyumen { background:#6d9eaa; }
.ekaterinburg { background:#8a7470; }
.perm { background:#718d79; }
.samara { background:#7b8fb0; }
.land-bank { background:#cbbda8 url('/land-bank/cover.webp') center/cover no-repeat; align-items:flex-end; }
.land-bank-shade { position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(16,32,28,.04) 24%,rgba(16,32,28,.72) 100%); }
.city-kicker { position:absolute; top:30px; left:30px; z-index:3; color:#fff; font-size:14px; letter-spacing:.08em; text-transform:uppercase; }
.city:last-child:nth-child(3n + 2) { grid-column:span 2; }
.city-link { cursor:pointer; }
.city-link::after { content:""; position:absolute; inset:0; z-index:4; border:0 solid var(--numen); transition:border-width .2s ease; }
.city-link:hover::after,.city-link:focus-visible::after { border-width:8px; }
.city-link:focus-visible { outline:none; }
.map-page { height:100vh; min-height:520px; display:grid; grid-template-rows:84px 1fr; }
.map-header { display:flex; align-items:center; justify-content:space-between; padding:0 28px; }
.map-header a { color:var(--numen); font-family:Georgia,"Times New Roman",serif; font-size:38px; letter-spacing:-.06em; }
.map-header h1 { margin:0; font-family:Georgia,"Times New Roman",serif; font-size:36px; font-weight:400; letter-spacing:-.05em; }
.map-frame { width:100%; height:100%; border:0; background:#e6e4df; }
.document-page { height:100vh; min-height:520px; display:grid; grid-template-rows:84px 1fr; background:#2f302d; }
.document-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:0 28px; background:var(--paper); }
.document-header a { color:var(--numen); font-family:Georgia,"Times New Roman",serif; font-size:38px; letter-spacing:-.06em; }
.document-title { min-width:0; text-align:right; }
.document-title h1 { margin:0; font-family:Georgia,"Times New Roman",serif; font-size:30px; font-weight:400; letter-spacing:-.04em; }
.document-title p { margin:3px 0 0; font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.document-frame { width:100%; height:100%; border:0; background:#2f302d; }
.document-fallback { color:#fff; font-size:18px; line-height:1.5; }
.document-fallback a { color:var(--numen); text-decoration:underline; }
@media(max-width:900px){.home-header{padding:0 22px 28px}.city-grid{grid-template-columns:repeat(2,1fr)}.city:last-child:nth-child(3n + 2){grid-column:auto}}
@media(max-width:560px){.home-header{height:210px;align-items:flex-start;flex-direction:column;justify-content:flex-end;gap:24px}.home-header h1{font-size:25vw}.site-nav{width:100%;padding:0}.site-nav a{width:100%;justify-content:space-between}.city-grid{grid-template-columns:1fr}.city{min-height:390px;padding:24px}.city h2{font-size:48px}.city-kicker{top:24px;left:24px}.map-page,.document-page{grid-template-rows:68px 1fr}.map-header,.document-header{padding:0 18px}.map-header a,.map-header h1,.document-header a{font-size:28px}.document-title h1{font-size:22px}.document-title p{display:none}}
@media(prefers-reduced-motion:reduce){.city-link::after,.site-nav a{transition:none}}