:root{--h:310;--bg:#08111b;--water:#183d55;--deep:#0b283c;--line:#59768a;--foam:#d8f6ff;--ink:#edf8fb;--mut:#a8c2cc;--acc:hsl(var(--h) 78% 64%);--acc2:hsl(calc(var(--h) + 35) 78% 58%);--display:'Marmelad',sans-serif;--body:'El Messiri',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body.sl{margin:0;background:linear-gradient(180deg,#07111b,#0b1d2b 48%,#06101a);color:var(--ink);font:16px/1.7 var(--body);overflow-x:hidden}.slwrap{width:min(1160px,calc(100% - 36px));margin:auto}a{color:inherit}.slbar{position:sticky;top:0;z-index:20;background:#07111be8;backdrop-filter:blur(12px);border-bottom:1px solid #385262}.slbar .slwrap{height:66px;display:flex;align-items:center;gap:22px}.sllogo{font:700 22px var(--display);text-decoration:none;color:var(--foam)}.slnav{margin-left:auto;display:flex;gap:20px}.slnav a{text-decoration:none;color:var(--mut)}.slbtn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#170716;border-radius:8px;padding:11px 20px;text-decoration:none;font-weight:700;box-shadow:0 12px 28px #0008}.slhero{padding:58px 0 24px}.slhero h1,.slhead h2{font-family:var(--display);line-height:1.14}.slhero h1{font-size:clamp(32px,6vw,62px);max-width:900px;margin:0 0 18px}.sllead{max-width:760px;color:var(--mut);font-size:18px}.slstats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.slstats div{background:#0e2230;border:1px solid #385262;border-radius:8px;padding:16px}.slstats .slval{display:block;font:700 24px var(--display);color:var(--acc)}.slsection{padding:42px 0}.slhead{display:grid;grid-template-columns:90px 1fr;gap:20px;align-items:start;margin-bottom:22px}.slmark{font:700 12px var(--display);letter-spacing:.14em;color:var(--acc);border-top:2px solid var(--acc);padding-top:7px}.slhead h2{font-size:clamp(24px,4vw,38px);margin:0}.slhead p{margin:8px 0 0;color:var(--mut);max-width:780px}.slchambers{display:grid;grid-template-columns:repeat(4,1fr);align-items:end;min-height:340px;border-left:12px solid #334a58;border-right:12px solid #334a58;border-bottom:16px solid #263d4b;background:#07111b;position:relative}.slchamber{height:var(--level);padding:18px 14px;background:linear-gradient(180deg,#315f76cc,#12384d 55%,#0d293b);border-right:8px solid #4c626d;position:relative}.slchamber::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--foam);box-shadow:0 0 15px #bcefff}.slchamber h3{font:700 17px var(--display);margin:0 0 8px}.slchamber p{font-size:14px;margin:0;color:#d1e7ee}.slruler{position:absolute;left:-46px;bottom:0;height:100%;width:30px;background:repeating-linear-gradient(0deg,transparent 0 29px,#a5bdc7 30px 31px);font-size:10px;color:var(--mut)}.slgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.slcard{background:linear-gradient(160deg,#102635,#091923);border:1px solid #385262;border-radius:10px;padding:20px}.slcard h3{font:700 18px var(--display);margin:0 0 9px}.slcard p{color:var(--mut);margin:0 0 9px}.sltable{width:100%;border-collapse:collapse;background:#0a1b27}.sltable th,.sltable td{text-align:left;padding:13px;border-bottom:1px solid #314b5a}.sltable th{color:var(--acc);font-size:13px}.sllevels{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.sllevel{background:#0e2432;border-top:4px solid var(--acc);padding:15px 12px;min-height:180px}.sllevel h3{font:700 15px var(--display);margin:0 0 7px}.sllevel .slval{color:var(--acc);font-size:21px}.slfaq details{border-bottom:1px solid #385262;padding:16px 0}.slfaq summary{font:700 17px var(--display);cursor:pointer}.slfaq p{color:var(--mut)}.slfoot{padding:36px 0;border-top:1px solid #385262;color:var(--mut)}.sllegal{display:flex;gap:18px;align-items:flex-start}.slage{flex:none;width:42px;height:42px;border:2px solid var(--acc);border-radius:50%;display:grid;place-items:center;color:var(--acc);font-weight:700}@media(max-width:850px){.slnav{display:none}.slstats,.slgrid{grid-template-columns:1fr 1fr}.sllevels{grid-template-columns:repeat(3,1fr)}.slchambers{grid-template-columns:1fr 1fr;align-items:stretch}.slchamber{height:auto;min-height:190px}.slruler{display:none}}@media(max-width:560px){.slstats,.slgrid,.sllevels,.slchambers{grid-template-columns:1fr}.slhead{grid-template-columns:1fr}.slchamber{min-height:170px}.slbar .slbtn{padding:9px 12px}.slhero{padding-top:38px}}

/* Gates, elevation marks and chamber instrumentation */
.slchamber::after{content:"";position:absolute;right:-8px;top:-16px;width:8px;height:calc(100% + 16px);background:repeating-linear-gradient(180deg,#708995 0 7px,#243946 7px 13px);box-shadow:-3px 0 8px #0008,3px 0 8px #0008}
.slchamber:last-child::after{display:none}.slchamber:nth-child(2){filter:saturate(.86)}.slchamber:nth-child(3){filter:saturate(.94)}.slchamber:nth-child(4){filter:saturate(1.02)}.slchamber:nth-child(5){filter:saturate(1.1)}
.slchamber h3::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;background:var(--acc);box-shadow:0 0 10px var(--acc)}
.slchambers::before{content:"0 · 2 · 4 · 6 · 8 м";position:absolute;z-index:4;left:8px;top:8px;font:600 10px var(--body);letter-spacing:.16em;color:#d8f6ff99;writing-mode:vertical-rl}
.slchambers::after{content:"перепад уровня";position:absolute;z-index:4;right:10px;bottom:8px;font:600 10px var(--body);letter-spacing:.14em;text-transform:uppercase;color:#d8f6ff99}
.slcard{position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.slcard::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--acc),var(--acc2));transform:scaleX(.24);transform-origin:left;transition:transform .2s ease}.slcard:hover{transform:translateY(-3px);border-color:#678696}.slcard:hover::after{transform:scaleX(1)}
.sltable tbody tr{transition:background .18s ease}.sltable tbody tr:hover{background:#173448}.sltable td:first-child{font-family:var(--display);color:var(--foam)}
.sllevel{position:relative;overflow:hidden;transition:transform .2s ease}.sllevel::after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-52px;bottom:-55px;background:var(--acc);opacity:.08}.sllevel:hover{transform:translateY(-4px)}
.slfaq details[open]{background:linear-gradient(90deg,#15304499,transparent);padding-left:14px}.slfaq summary::marker{color:var(--acc)}
.slbtn:focus-visible,.slnav a:focus-visible,.slfaq summary:focus-visible{outline:3px solid var(--foam);outline-offset:3px}.slbtn:active{transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slcard,.sllevel,.slbtn{transition:none}}
@media(max-width:850px){.slchamber::after{right:0;top:auto;bottom:-8px;width:100%;height:8px}.slchamber:last-child::after{display:block}.slchambers::before,.slchambers::after{display:none}}
