:root{--font:"Manrope",-apple-system,sans-serif}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;overflow:hidden;font-family:var(--font);background-color:#2b2a28;color:#fff}.branches{display:flex;width:100%;height:100vh;position:relative}body.layout-horizontal .branches{flex-direction:row}body.layout-vertical .branches{flex-direction:column}.branch{position:relative;flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;text-decoration:none;color:#fff;cursor:pointer;transition:flex .5s}.branch:hover{flex:1.18}.branch__bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .6s,filter .6s;filter:brightness(.5) saturate(.8)}.branch:hover .branch__bg{transform:scale(1.06);filter:brightness(.65) saturate(1)}.branch__overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(43,42,40,.7) 0,rgba(43,42,40,.2) 100%);transition:opacity .4s}.branch:hover .branch__overlay{opacity:.6}.branch::after{content:"";position:absolute;background-color:#fcc200;transition:.4s;z-index:5}body.layout-horizontal .branch::after{bottom:0;left:0;right:0;height:4px}body.layout-vertical .branch::after{right:0;top:0;bottom:0;width:4px}.branch:hover::after{background-color:#fcc200;box-shadow:0 0 18px rgba(252,194,0,.7)}.branch__info{position:relative;z-index:10;padding:90px 40px 40px;display:flex;flex-direction:column;gap:16px;max-width:420px}.branch__city{font-size:clamp(2rem, 4vw, 3.2rem);font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#fcc200;text-shadow:0 2px 12px rgba(0,0,0,.8);line-height:1.1;transition:letter-spacing .3s}.branch:hover .branch__city{letter-spacing:5px}.branch__details{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:4px}.branch__detail{display:flex;align-items:center;gap:10px;font-size:clamp(.82rem, 1.4vw, 1rem);font-weight:400;color:rgba(255,255,255,.92);text-shadow:0 1px 6px rgba(0,0,0,.9);background:rgba(43,42,40,.45);padding:6px 12px;border-radius:6px;border-left:3px solid #fcc200;backdrop-filter:blur(4px);transition:background .3s,transform .3s}.branch:hover .branch__detail{background:rgba(43,42,40,.65);transform:translateX(4px)}.icon{font-size:1.1em;flex-shrink:0}.branch__btn{display:inline-block;margin-top:10px;padding:12px 28px;background-color:#fcc200;color:#2b2a28;font-weight:700;font-size:.9rem;letter-spacing:1.5px;text-transform:uppercase;border-radius:4px;transition:background-color .3s,transform .3s,box-shadow .3s;align-self:flex-start;box-shadow:0 4px 14px rgba(252,194,0,.3)}.branch:hover .branch__btn{background-color:#ffe066;transform:translateY(-2px);box-shadow:0 8px 24px rgba(252,194,0,.55)}.divider{position:absolute;z-index:20;display:flex;align-items:center;justify-content:center;background-color:#fcc200;color:#2b2a28;font-size:1.4rem;border-radius:50%;box-shadow:0 0 0 5px #2b2a28,0 0 20px rgba(252,194,0,.5);transition:transform .4s;pointer-events:none}.divider:hover{transform:rotate(90deg)}body.layout-horizontal .divider,body.layout-vertical .divider{top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px}::-webkit-scrollbar{display:none}body{scrollbar-width:none}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInTop{from{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBottom{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}body.layout-horizontal .branch--donetsk{animation:.8s both fadeInLeft}body.layout-horizontal .branch--lugansk{animation:.8s .15s both fadeInRight}body.layout-vertical .branch--donetsk{animation:.8s both fadeInTop}body.layout-vertical .branch--lugansk{animation:.8s .15s both fadeInBottom}@media (max-height:500px),(max-width:480px){.branch__info{padding:80px 20px 20px;gap:10px}.branch__city{font-size:1.6rem}.branch__detail{font-size:.75rem;padding:4px 8px}.branch__btn{padding:9px 18px;font-size:.78rem}}