.datlas {
    --atlas-ink:#061426;
    --atlas-sapphire:#0b2852;
    --atlas-electric:#76c7ff;
    --atlas-silver:#d9e9f5;
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:clamp(95px,11vw,170px) 22px clamp(90px,10vw,150px);
    color:#f4f8ff;
    background:
        radial-gradient(ellipse at 50% -15%,rgba(45,121,211,.33),transparent 58%),
        radial-gradient(ellipse at 100% 75%,rgba(15,78,158,.24),transparent 45%),
        linear-gradient(145deg,#040e1e 0%,#071a36 45%,#020c1a 100%);
}
.datlas::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    opacity:.28;
    background-image:
        linear-gradient(rgba(167,210,255,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(167,210,255,.055) 1px,transparent 1px);
    background-size:84px 84px;
    mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 80%,transparent);
}
.datlas-container{position:relative;max-width:1320px;margin:0 auto;z-index:1}
.datlas-glow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(65px)}
.datlas-glow-one{width:460px;height:460px;top:-220px;left:-170px;background:rgba(40,117,229,.17)}
.datlas-glow-two{width:560px;height:560px;right:-280px;bottom:-240px;background:rgba(47,126,191,.13)}
.datlas-orbit{
    position:absolute;width:760px;height:760px;top:-480px;right:-220px;
    border:1px solid rgba(150,206,255,.13);border-radius:50%;pointer-events:none;
    box-shadow:0 0 0 90px rgba(123,190,255,.015),0 0 0 185px rgba(123,190,255,.012);
}
.datlas-heading-wrap{text-align:center;max-width:940px;margin:0 auto 70px}
.datlas-eyebrow{display:flex;justify-content:center;align-items:center;gap:18px;font:700 11px/1.4 system-ui,sans-serif;letter-spacing:.35em;color:#93d5ff}
.datlas-eyebrow-line{width:34px;height:1px;background:linear-gradient(90deg,transparent,#91cfff)}
.datlas-eyebrow-line:last-child{transform:rotate(180deg)}
.datlas h2{font:normal clamp(47px,7.6vw,112px)/1.06 Georgia,serif;letter-spacing:-.067em;margin:27px 0 25px;text-wrap:balance}
.datlas h2 em{font-weight:normal;color:#b6dfff;font-style:italic;text-shadow:0 0 48px rgba(77,156,255,.25)}
.datlas-intro{max-width:600px;margin:auto;color:#a9bed3;font:16px/1.9 system-ui,sans-serif}
.datlas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.datlas-card{
    position:relative;display:flex;flex-direction:column;justify-content:space-between;
    min-height:370px;overflow:hidden;padding:27px;border:1px solid rgba(161,209,255,.22);
    border-radius:22px;color:#f2f8ff;text-decoration:none!important;
    background:linear-gradient(150deg,rgba(28,65,112,.7),rgba(7,25,52,.95));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 15px 40px rgba(0,0,0,.1);
    transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .45s,box-shadow .45s;
}
.datlas-card:nth-child(5n+2){background:linear-gradient(145deg,#173a64,#07192f)}
.datlas-card:nth-child(5n+3){background:linear-gradient(145deg,#10294c,#102e4b)}
.datlas-card:nth-child(5n+4){background:linear-gradient(145deg,#1b4167,#06162d)}
.datlas-card:nth-child(5n+5){background:linear-gradient(145deg,#102b58,#061a35)}
.datlas-card::after{
    content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
    background:linear-gradient(130deg,rgba(199,228,255,.09),transparent 35%,transparent 65%,rgba(90,178,255,.08));
}
.datlas-card-ambient{
    position:absolute;width:240px;height:240px;right:-100px;top:-90px;border-radius:50%;
    border:1px solid rgba(175,215,255,.16);box-shadow:0 0 0 42px rgba(165,213,255,.025),0 0 0 92px rgba(165,213,255,.018);
    transition:transform .65s ease;
}
.datlas-card-photo{
    position:absolute;inset:0;background-size:cover;background-position:center;
    opacity:.26;filter:saturate(.7);transition:transform .8s ease,opacity .5s ease;
    mask-image:linear-gradient(to bottom,#000,transparent 95%);
}
.datlas-card-top,.datlas-card-bottom{position:relative;z-index:1}
.datlas-card-top{display:flex;justify-content:space-between;align-items:flex-start}
.datlas-pin{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(173,220,255,.35);border-radius:50%;font-size:24px;color:#b9e2ff;background:rgba(7,30,58,.55)}
.datlas-card-number{font:12px/1.4 system-ui,sans-serif;letter-spacing:.2em;color:#9cb9d3}
.datlas-card-region{display:block;font:700 10px/1.6 system-ui,sans-serif;letter-spacing:.22em;color:#a3c5e4;text-transform:uppercase}
.datlas-card-name{display:block;font:normal clamp(31px,3.3vw,47px)/1.15 Georgia,serif;letter-spacing:-.04em;margin:10px 0 24px;overflow-wrap:anywhere}
.datlas-card-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:18px;border-top:1px solid rgba(200,227,255,.2);font:12px/1.4 system-ui,sans-serif;color:#c1d5e8}
.datlas-card-arrow{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(178,220,255,.3);border-radius:50%;font-size:19px;transition:background .3s,transform .3s}
.datlas-card:hover,.datlas-card:focus-visible{transform:translateY(-9px);border-color:rgba(150,210,255,.8);box-shadow:0 20px 65px rgba(38,120,214,.22),inset 0 1px 0 rgba(255,255,255,.15)}
.datlas-card:hover .datlas-card-photo{transform:scale(1.09);opacity:.39}
.datlas-card:hover .datlas-card-ambient{transform:translate(-20px,20px)}
.datlas-card:hover .datlas-card-arrow{background:#b9e2ff;color:#0b2445;transform:rotate(45deg)}
.datlas-card:focus-visible{outline:2px solid #a9ddff;outline-offset:4px}
.datlas-empty{text-align:center;max-width:700px;margin:0 auto;padding:70px 28px;border:1px solid rgba(169,217,255,.2);border-radius:28px;background:rgba(32,74,118,.17)}
.datlas-empty-symbol{display:block;font-size:54px;color:#a9ddff}
.datlas-empty h3{font:normal clamp(30px,4vw,48px)/1.2 Georgia,serif;margin:10px 0}
.datlas-empty p{color:#abc5db}
.datlas-bottom{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:70px;color:#779ab9;font:700 10px/1.5 system-ui,sans-serif;letter-spacing:.28em}
.datlas-bottom-line{height:1px;width:70px;background:linear-gradient(90deg,transparent,#729dc4)}
.datlas-bottom-line:last-child{transform:rotate(180deg)}
.datlas [data-atlas-reveal]{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.datlas [data-atlas-reveal].is-visible{opacity:1;transform:translateY(0)}
.datlas-card[data-atlas-reveal]{transition-delay:calc(min(var(--atlas-index),6)*65ms)}
@media(max-width:980px){.datlas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.datlas-card{min-height:330px}}
@media(max-width:620px){.datlas{padding:85px 17px}.datlas-heading-wrap{margin-bottom:45px}.datlas-grid{grid-template-columns:1fr;gap:14px}.datlas-card{min-height:280px;padding:24px}.datlas h2{font-size:clamp(43px,11vw,70px)}.datlas-card-name{font-size:38px}.datlas-bottom{margin-top:45px}}
@media(prefers-reduced-motion:reduce){.datlas [data-atlas-reveal]{opacity:1;transform:none;transition:none}.datlas-card,.datlas-card-photo,.datlas-card-arrow{transition:none}}