/* Soft white flares + drifting white particles — Afterglow atmosphere */

.ag-atmos {
    --ag-atmos-mote: #fff;
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
}

.ag-atmos__scene {
    position: absolute;
    inset: -8%;
    z-index: 0;
    background-color: #fcf8f2;
    background-repeat: no-repeat;
    background-size: cover;
    will-change: transform;
    animation: ag-atmos-bg-zoom 22s ease-in-out infinite;
}

.faq-page .reviews-hero {
    background-image: none;
    background-color: #fcf8f2;
}

.plyny-page .reviews-hero {
    background-image: none;
    background-color: #fcf8f2;
}

.plyny-page .ag-atmos__scene {
    inset: -16%;
    background-image:
        linear-gradient(
            180deg,
            rgba(252, 248, 242, .9) 0%,
            rgba(252, 248, 242, .78) 45%,
            rgba(252, 248, 242, .88) 100%
        ),
        url("../img/bgs/plyny-do-opalania-natryskowego.webp");
    background-position: center 55%;
    animation-name: ag-atmos-bg-zoom-strong;
    animation-duration: 16s;
}

.cennik-page .reviews-hero {
    background-image: none;
    background-color: #fcf8f2;
}

.efekty-page .reviews-hero,
.opinie-page .reviews-hero,
.faq-page .reviews-hero,
.cennik-page .reviews-hero,
.dojazd-page .reviews-hero {
    background-image: none;
    background-color: #fcf8f2;
}


.efekty-page .ag-atmos__scene, .opinie-page .ag-atmos__scene, .faq-page .ag-atmos__scene, .cennik-page .ag-atmos__scene, .dojazd-page .ag-atmos__scene {
    inset: 0;
    background-image: none;
    background-color: #fcf8f2;
    animation: none;
}

/* Scattered results collage — only on Efekty */
.ag-atmos__collage {
    display: none;
}

.efekty-page .ag-atmos__collage, .opinie-page .ag-atmos__collage, .faq-page .ag-atmos__collage, .cennik-page .ag-atmos__collage, .dojazd-page .ag-atmos__collage {
    display: block;
    position: absolute;
    inset: -6%;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

.efekty-page .ag-atmos__collage::after, .opinie-page .ag-atmos__collage::after, .faq-page .ag-atmos__collage::after, .cennik-page .ag-atmos__collage::after, .dojazd-page .ag-atmos__collage::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 20;
    background:
        radial-gradient(
            ellipse 68% 58% at 50% 40%,
            rgba(252, 248, 242, 0.88) 0%,
            rgba(252, 248, 242, 0.72) 42%,
            rgba(245, 235, 224, 0.45) 70%,
            rgba(245, 235, 224, 0.26) 100%
        ),
        linear-gradient(
            180deg,
            rgba(252, 248, 242, 0.78) 0%,
            rgba(252, 248, 242, 0.55) 40%,
            rgba(245, 235, 224, 0.58) 70%,
            rgba(252, 248, 242, 0.82) 100%
        );
}

.ag-atmos__shot {
    position: absolute;
    display: block;
    border-radius: 3px;
    background-color: #d9c4b0;
    background-size: cover;
    background-position: center;
    box-shadow:
        0 10px 28px rgba(67, 48, 42, 0.22),
        0 2px 6px rgba(67, 48, 42, 0.12);
    will-change: transform;
    opacity: 0.92;
    --shot-r: 0deg;
}

.efekty-page .ag-atmos__shot--1, .opinie-page .ag-atmos__shot--1, .faq-page .ag-atmos__shot--1, .cennik-page .ag-atmos__shot--1, .dojazd-page .ag-atmos__shot--1 {
    top: 2%;
    left: -1%;
    width: min(17vw, 10.5rem);
    aspect-ratio: 3 / 4;
    background-image: url("../img/efekty/webp/small/efekty-naturalny-efekt-proby-opalanie-natryskowe-krakow.webp");
    --shot-r: -11deg;
    animation: ag-atmos-shot-drift-a 18s cubic-bezier(.35,.05,.25,1) infinite;
}

.efekty-page .ag-atmos__shot--2, .opinie-page .ag-atmos__shot--2, .faq-page .ag-atmos__shot--2, .cennik-page .ag-atmos__shot--2, .dojazd-page .ag-atmos__shot--2 {
    top: 6%;
    left: 28%;
    width: min(15vw, 9rem);
    aspect-ratio: 3 / 4;
    background-image: url("../img/efekty/webp/small/efekty-letnia-stylizacja-blask-opalanie-natryskowe-krakow.webp");
    --shot-r: 7deg;
    animation: ag-atmos-shot-drift-b 22s cubic-bezier(.4,.02,.2,1) -3s infinite;
    z-index: 2;
}

.efekty-page .ag-atmos__shot--3, .opinie-page .ag-atmos__shot--3, .faq-page .ag-atmos__shot--3, .cennik-page .ag-atmos__shot--3, .dojazd-page .ag-atmos__shot--3 {
    top: 4%;
    left: 52%;
    width: min(14vw, 8.5rem);
    aspect-ratio: 3 / 4;
    background-image: url("../img/efekty/webp/small/efekty-zjawiskowa-kreacja-opalanie-natryskowe-krakow.webp");
    --shot-r: -6deg;
    animation: ag-atmos-shot-drift-c 16s cubic-bezier(.3,.08,.35,1) -6s infinite;
    z-index: 2;
}

.efekty-page .ag-atmos__shot--4, .opinie-page .ag-atmos__shot--4, .faq-page .ag-atmos__shot--4, .cennik-page .ag-atmos__shot--4, .dojazd-page .ag-atmos__shot--4 {
    top: -1%;
    right: -2%;
    width: min(18vw, 11rem);
    aspect-ratio: 3 / 4;
    background-image: url("../img/efekty/webp/small/efekty-panna-mloda-i-swiadkowa-opalanie-natryskowe-krakow.webp");
    --shot-r: 9deg;
    animation: ag-atmos-shot-drift-d 20s cubic-bezier(.45,.05,.15,1) -1.5s infinite;
}

.efekty-page .ag-atmos__shot--5, .opinie-page .ag-atmos__shot--5, .faq-page .ag-atmos__shot--5, .cennik-page .ag-atmos__shot--5, .dojazd-page .ag-atmos__shot--5 {
    top: 34%;
    left: 8%;
    width: min(16vw, 9.5rem);
    aspect-ratio: 3 / 4;
    background-image: url("../img/efekty/webp/small/efekty-wakacyjny-blask-plaza-opalanie-natryskowe-krakow.webp");
    --shot-r: 5deg;
    animation: ag-atmos-shot-drift-e 19s cubic-bezier(.25,.1,.3,1) -8s infinite;
    z-index: 1;
}

.efekty-page .ag-atmos__shot--6, .opinie-page .ag-atmos__shot--6, .faq-page .ag-atmos__shot--6, .cennik-page .ag-atmos__shot--6, .dojazd-page .ag-atmos__shot--6 {
    top: 30%;
    right: 6%;
    width: min(15vw, 9rem);
    aspect-ratio: 3 / 4;
    background-image: url("../img/efekty/webp/small/efekty-promienna-skora-blask-opalanie-natryskowe-krakow.webp");
    --shot-r: -13deg;
    animation: ag-atmos-shot-drift-f 17s cubic-bezier(.5,.02,.2,1) -4s infinite;
    z-index: 1;
}

.efekty-page .ag-atmos__shot--7, .opinie-page .ag-atmos__shot--7, .faq-page .ag-atmos__shot--7, .cennik-page .ag-atmos__shot--7, .dojazd-page .ag-atmos__shot--7 {
    bottom: 4%;
    left: 0;
    width: min(15vw, 9rem);
    aspect-ratio: 3 / 4;
    background-image: url("../img/efekty/webp/small/efekty-odkryte-plecy-bez-smug-opalanie-natryskowe-krakow.webp");
    --shot-r: 12deg;
    animation: ag-atmos-shot-drift-a 21s cubic-bezier(.35,.05,.25,1) -11s infinite reverse;
}

.efekty-page .ag-atmos__shot--8, .opinie-page .ag-atmos__shot--8, .faq-page .ag-atmos__shot--8, .cennik-page .ag-atmos__shot--8, .dojazd-page .ag-atmos__shot--8 {
    bottom: 2%;
    left: 30%;
    width: min(16vw, 9.5rem);
    aspect-ratio: 3 / 4;
    background-image: url("../img/efekty/webp/small/efekty-workout-ready-zumba-opalanie-natryskowe-krakow.webp");
    --shot-r: -4deg;
    animation: ag-atmos-shot-drift-b 24s cubic-bezier(.4,.02,.2,1) -5s infinite reverse;
    z-index: 2;
}

.efekty-page .ag-atmos__shot--9, .opinie-page .ag-atmos__shot--9, .faq-page .ag-atmos__shot--9, .cennik-page .ag-atmos__shot--9, .dojazd-page .ag-atmos__shot--9 {
    bottom: 6%;
    left: 52%;
    width: min(14vw, 8.5rem);
    aspect-ratio: 3 / 4;
    background-image: url("../img/efekty/webp/small/efekty-trenerka-wieczorowa-kreacja-opalanie-natryskowe-krakow.webp");
    --shot-r: 8deg;
    animation: ag-atmos-shot-drift-c 15s cubic-bezier(.3,.08,.35,1) -9s infinite reverse;
    z-index: 2;
}

.efekty-page .ag-atmos__shot--10, .opinie-page .ag-atmos__shot--10, .faq-page .ag-atmos__shot--10, .cennik-page .ag-atmos__shot--10, .dojazd-page .ag-atmos__shot--10 {
    bottom: -1%;
    right: -1%;
    width: min(17vw, 10.5rem);
    aspect-ratio: 3 / 4;
    background-image: url("../img/efekty/webp/small/efekty-zlocista-opalenizna-panny-mlodej-opalanie-natryskowe-krakow.webp");
    --shot-r: -8deg;
    animation: ag-atmos-shot-drift-d 23s cubic-bezier(.45,.05,.15,1) -2s infinite reverse;
}

.efekty-page .ag-atmos__shot--11, .opinie-page .ag-atmos__shot--11, .faq-page .ag-atmos__shot--11, .cennik-page .ag-atmos__shot--11, .dojazd-page .ag-atmos__shot--11 {
    top: 36%;
    left: 38%;
    width: min(15vw, 9rem);
    aspect-ratio: 3 / 4;
    background-image: url("../img/efekty/webp/small/efekty-gleboki-braz-rozswietlona-skora-opalanie-natryskowe-krakow.webp");
    --shot-r: -8deg;
    animation: ag-atmos-shot-drift-e 14s cubic-bezier(.25,.1,.3,1) -7s infinite;
    z-index: 3;
}

.efekty-page .ag-atmos__shot--12, .opinie-page .ag-atmos__shot--12, .faq-page .ag-atmos__shot--12, .cennik-page .ag-atmos__shot--12, .dojazd-page .ag-atmos__shot--12 {
    top: 28%;
    left: 58%;
    width: min(13vw, 8rem);
    aspect-ratio: 3 / 4;
    background-image: url("../img/efekty/webp/small/efekty-naturalnosc-zachod-slonca-opalanie-natryskowe-krakow.webp");
    --shot-r: 11deg;
    animation: ag-atmos-shot-drift-f 26s cubic-bezier(.5,.02,.2,1) -12s infinite;
    z-index: 3;
}

@keyframes ag-atmos-shot-drift-a {
    0%, 100% { transform: translate(0, 0) rotate(var(--shot-r)) scale(1); }
    33% { transform: translate(4%, -5%) rotate(calc(var(--shot-r) + 5deg)) scale(1.06); }
    66% { transform: translate(-3%, 4%) rotate(calc(var(--shot-r) - 3deg)) scale(.96); }
}

@keyframes ag-atmos-shot-drift-b {
    0%, 100% { transform: translate(0, 0) rotate(var(--shot-r)) scale(1); }
    40% { transform: translate(-5%, 3%) rotate(calc(var(--shot-r) + 5deg)) scale(1.08); }
    70% { transform: translate(3%, -6%) rotate(calc(var(--shot-r) - 4deg)) scale(.94); }
}

@keyframes ag-atmos-shot-drift-c {
    0%, 100% { transform: translate(0, 0) rotate(var(--shot-r)) scale(1); }
    25% { transform: translate(5%, 4%) rotate(calc(var(--shot-r) + 5deg)) scale(1.05); }
    55% { transform: translate(-4%, -3%) rotate(calc(var(--shot-r) - 5deg)) scale(1.1); }
    80% { transform: translate(2%, 5%) rotate(calc(var(--shot-r) + 2deg)) scale(.97); }
}

@keyframes ag-atmos-shot-drift-d {
    0%, 100% { transform: translate(0, 0) rotate(var(--shot-r)) scale(1); }
    35% { transform: translate(-3%, -5%) rotate(calc(var(--shot-r) - 5deg)) scale(1.07); }
    65% { transform: translate(5%, 3%) rotate(calc(var(--shot-r) + 5deg)) scale(.95); }
}

@keyframes ag-atmos-shot-drift-e {
    0%, 100% { transform: translate(0, 0) rotate(var(--shot-r)) scale(1); }
    30% { transform: translate(6%, -4%) rotate(calc(var(--shot-r) + 5deg)) scale(1.09); }
    60% { transform: translate(-5%, 6%) rotate(calc(var(--shot-r) - 4deg)) scale(.93); }
}

@keyframes ag-atmos-shot-drift-f {
    0%, 100% { transform: translate(0, 0) rotate(var(--shot-r)) scale(1); }
    45% { transform: translate(-4%, -6%) rotate(calc(var(--shot-r) + 6deg)) scale(1.08); }
    75% { transform: translate(5%, 2%) rotate(calc(var(--shot-r) - 4deg)) scale(.96); }
}

.dojazd-page .reviews-hero {
    background-image: none;
    background-color: #fcf8f2;
}


.ag-atmos__flare {
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    filter: blur(28px);
    will-change: transform, opacity;
}

.ag-atmos__flare--a {
    top: -18%;
    right: 2%;
    width: min(42vw, 24rem);
    height: min(42vw, 24rem);
    background: radial-gradient(
        circle at 45% 50%,
        rgba(255, 255, 255, 0.72) 0%,
        rgba(255, 255, 255, 0.28) 38%,
        rgba(255, 255, 255, 0.08) 58%,
        transparent 74%
    );
    opacity: 0.65;
    animation: ag-atmos-flare-wander-a 14s cubic-bezier(.35,.02,.2,1) infinite;
}

.ag-atmos__flare--b {
    bottom: -28%;
    left: -10%;
    width: min(55vw, 32rem);
    height: min(55vw, 32rem);
    background: radial-gradient(
        circle at 55% 40%,
        rgba(255, 255, 255, 0.55) 0%,
        rgba(255, 255, 255, 0.22) 40%,
        rgba(255, 255, 255, 0.06) 60%,
        transparent 74%
    );
    opacity: 0.5;
    animation: ag-atmos-flare-wander-b 17s cubic-bezier(.45,.05,.15,1) 2.4s infinite;
}

.ag-atmos__flare--c {
    top: 34%;
    left: 42%;
    width: min(16vw, 7.5rem);
    height: min(16vw, 7.5rem);
    background: radial-gradient(
        circle,
        rgba(255, 255, 255, 0.85) 0%,
        rgba(255, 255, 255, 0.3) 45%,
        transparent 72%
    );
    filter: blur(14px);
    opacity: 0.55;
    animation: ag-atmos-flare-wander-c 11s cubic-bezier(.25,.08,.4,1) 1.2s infinite;
}

.ag-atmos__flare--d {
    top: 8%;
    left: 12%;
    width: min(22vw, 12rem);
    height: min(22vw, 12rem);
    background: radial-gradient(
        circle,
        rgba(255, 255, 255, 0.75) 0%,
        rgba(255, 255, 255, 0.28) 42%,
        transparent 72%
    );
    filter: blur(18px);
    opacity: 0.5;
    animation: ag-atmos-flare-wander-d 12s cubic-bezier(.5,.02,.2,1) 3.6s infinite;
}

.ag-atmos__flare--e {
    top: 52%;
    right: 18%;
    width: min(28vw, 16rem);
    height: min(28vw, 16rem);
    background: radial-gradient(
        circle at 40% 45%,
        rgba(255, 255, 255, 0.65) 0%,
        rgba(255, 255, 255, 0.22) 44%,
        transparent 74%
    );
    opacity: 0.45;
    animation: ag-atmos-flare-wander-e 16s cubic-bezier(.3,.1,.25,1) 1.8s infinite;
}

.ag-atmos__flare--f {
    bottom: 12%;
    left: 48%;
    width: min(12vw, 6.5rem);
    height: min(12vw, 6.5rem);
    background: radial-gradient(
        circle,
        rgba(255, 255, 255, 0.9) 0%,
        rgba(255, 255, 255, 0.32) 45%,
        transparent 72%
    );
    filter: blur(10px);
    opacity: 0.55;
    animation: ag-atmos-flare-wander-f 10s cubic-bezier(.4,.02,.3,1) 5s infinite reverse;
}

.ag-atmos__flare--g {
    top: 18%;
    right: 28%;
    width: min(10vw, 5rem);
    height: min(10vw, 5rem);
    background: radial-gradient(
        circle,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(255, 255, 255, 0.35) 40%,
        transparent 70%
    );
    filter: blur(8px);
    opacity: 0.6;
    animation: ag-atmos-flare-wander-g 9s cubic-bezier(.2,.05,.45,1) 0.6s infinite reverse;
}

.ag-atmos__flare--h {
    bottom: 22%;
    right: -4%;
    width: min(36vw, 20rem);
    height: min(36vw, 20rem);
    background: radial-gradient(
        circle at 35% 55%,
        rgba(255, 255, 255, 0.5) 0%,
        rgba(255, 255, 255, 0.2) 40%,
        transparent 72%
    );
    opacity: 0.42;
    animation: ag-atmos-flare-wander-h 15s cubic-bezier(.35,.08,.2,1) 4.2s infinite reverse;
}

.ag-atmos__flare--i {
    top: 68%;
    left: 22%;
    width: min(8vw, 4rem);
    height: min(8vw, 4rem);
    background: radial-gradient(
        circle,
        rgba(255, 255, 255, 0.9) 0%,
        rgba(255, 255, 255, 0.3) 42%,
        transparent 72%
    );
    filter: blur(6px);
    opacity: 0.55;
    animation: ag-atmos-flare-wander-f 8s cubic-bezier(.55,.02,.15,1) 2.8s infinite reverse;
}

.ag-atmos__flare--j {
    top: -6%;
    left: 36%;
    width: min(18vw, 9rem);
    height: min(18vw, 9rem);
    background: radial-gradient(
        circle at 50% 60%,
        rgba(255, 255, 255, 0.8) 0%,
        rgba(255, 255, 255, 0.28) 44%,
        transparent 74%
    );
    filter: blur(16px);
    opacity: 0.48;
    animation: ag-atmos-flare-wander-g 13s cubic-bezier(.25,.1,.35,1) 1s infinite;
}


.ag-atmos__flare--k {
    top: 44%;
    left: -6%;
    width: min(24vw, 13rem);
    height: min(24vw, 13rem);
    background: radial-gradient(circle, rgba(255,255,255,.8) 0%, rgba(255,255,255,.28) 44%, transparent 74%);
    filter: blur(16px);
    opacity: .5;
    animation: ag-atmos-flare-wander-f 13s cubic-bezier(.3,.02,.2,1) 1.4s infinite;
}

.ag-atmos__flare--l {
    top: 72%;
    right: 32%;
    width: min(14vw, 7rem);
    height: min(14vw, 7rem);
    background: radial-gradient(circle, rgba(255,255,255,.92) 0%, rgba(255,255,255,.32) 42%, transparent 72%);
    filter: blur(10px);
    opacity: .55;
    animation: ag-atmos-flare-wander-g 9s cubic-bezier(.45,.05,.15,1) 3.1s infinite;
}

.ag-atmos__flare--m {
    top: 6%;
    right: 40%;
    width: min(30vw, 17rem);
    height: min(30vw, 17rem);
    background: radial-gradient(circle at 60% 40%, rgba(255,255,255,.6) 0%, rgba(255,255,255,.2) 46%, transparent 74%);
    opacity: .42;
    animation: ag-atmos-flare-wander-h 17s cubic-bezier(.25,.08,.35,1) .8s infinite reverse;
}

.ag-atmos__flare--n {
    bottom: 8%;
    left: 28%;
    width: min(18vw, 9rem);
    height: min(18vw, 9rem);
    background: radial-gradient(circle, rgba(255,255,255,.88) 0%, rgba(255,255,255,.3) 40%, transparent 70%);
    filter: blur(12px);
    opacity: .5;
    animation: ag-atmos-flare-wander-f 11s cubic-bezier(.5,.02,.2,1) 4.5s infinite reverse;
}

.ag-atmos__flare--o {
    top: 28%;
    left: 68%;
    width: min(11vw, 5.5rem);
    height: min(11vw, 5.5rem);
    background: radial-gradient(circle, rgba(255,255,255,.95) 0%, rgba(255,255,255,.35) 38%, transparent 70%);
    filter: blur(8px);
    opacity: .58;
    animation: ag-atmos-flare-wander-g 8s cubic-bezier(.2,.1,.4,1) 2.2s infinite;
}

.ag-atmos__flare--p {
    top: 58%;
    left: 8%;
    width: min(26vw, 14rem);
    height: min(26vw, 14rem);
    background: radial-gradient(circle at 35% 60%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.24) 44%, transparent 74%);
    opacity: .46;
    animation: ag-atmos-flare-wander-h 15s cubic-bezier(.35,.02,.25,1) 5.6s infinite reverse;
}

.ag-atmos__streak {
    position: absolute;
    z-index: 1;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.08) 15%,
        rgba(255, 255, 255, 0.45) 50%,
        rgba(255, 255, 255, 0.08) 85%,
        transparent 100%
    );
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.25);
    filter: blur(0.5px);
    transform-origin: center;
    will-change: opacity, transform;
}

.ag-atmos__streak--a {
    top: 24%;
    left: -8%;
    width: min(72vw, 38rem);
    opacity: 0.55;
    transform: rotate(-7deg);
    animation: ag-atmos-streak 12s ease-in-out infinite;
}

.ag-atmos__streak--b {
    top: 62%;
    right: -10%;
    width: min(50vw, 26rem);
    opacity: 0.35;
    transform: rotate(12deg);
    animation: ag-atmos-streak 16s ease-in-out 3s infinite reverse;
}

.ag-atmos__streak--c {
    top: 42%;
    left: 18%;
    width: min(38vw, 18rem);
    opacity: 0.32;
    transform: rotate(-18deg);
    animation: ag-atmos-streak 14s ease-in-out 6s infinite;
}

.ag-atmos__streak--d {
    top: 78%;
    left: 8%;
    width: min(44vw, 22rem);
    opacity: 0.28;
    transform: rotate(8deg);
    animation: ag-atmos-streak 11s ease-in-out 1.5s infinite reverse;
}

.ag-atmos__streak--e {
    top: 12%;
    left: 20%;
    width: min(48vw, 24rem);
    opacity: .28;
    transform: rotate(22deg);
    animation: ag-atmos-streak 13s ease-in-out 2.2s infinite;
}

.ag-atmos__streak--f {
    top: 88%;
    right: 6%;
    width: min(40vw, 20rem);
    opacity: .25;
    transform: rotate(-14deg);
    animation: ag-atmos-streak 10s ease-in-out 4.8s infinite reverse;
}

.ag-atmos__orb {
    position: absolute;
    z-index: 1;
    display: block;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(255, 255, 255, 0.35) 45%,
        transparent 72%
    );
    filter: blur(1px);
    opacity: 0;
    will-change: transform, opacity;
    animation: ag-atmos-wander-1 linear infinite;
}

.ag-atmos__mote {
    position: absolute;
    z-index: 1;
    bottom: 0;
    display: block;
    border-radius: 50%;
    background: var(--ag-atmos-mote);
    box-shadow:
        0 0 5px rgba(255, 255, 255, 0.9),
        0 0 12px rgba(255, 255, 255, 0.45);
    opacity: 0;
    will-change: transform, opacity;
    animation: ag-atmos-wander-1 linear infinite;
}

.ag-atmos__orb:nth-of-type(1) { left: 4%; width: 28px; height: 28px; animation-name: ag-atmos-wander-1; animation-duration: 28s; animation-delay: -3s; animation-timing-function: cubic-bezier(0.20, 0.05, 0.15, 1); filter: blur(2px); }
.ag-atmos__orb:nth-of-type(2) { left: 9%; width: 9px; height: 9px; animation-name: ag-atmos-wander-2; animation-duration: 22s; animation-delay: -11s; animation-timing-function: cubic-bezier(0.27, 0.05, 0.26, 1); }
.ag-atmos__orb:nth-of-type(3) { left: 14%; width: 20px; height: 20px; animation-name: ag-atmos-wander-3; animation-duration: 34s; animation-delay: -7s; animation-timing-function: cubic-bezier(0.34, 0.05, 0.37, 1); }
.ag-atmos__orb:nth-of-type(4) { left: 19%; width: 6px; height: 6px; animation-name: ag-atmos-wander-4; animation-duration: 19s; animation-delay: -16s; animation-timing-function: cubic-bezier(0.41, 0.05, 0.48, 1); }
.ag-atmos__orb:nth-of-type(5) { left: 24%; width: 34px; height: 34px; animation-name: ag-atmos-wander-5; animation-duration: 40s; animation-delay: -5s; animation-timing-function: cubic-bezier(0.48, 0.05, 0.19, 1); filter: blur(2.5px); }
.ag-atmos__orb:nth-of-type(6) { left: 29%; width: 14px; height: 14px; animation-name: ag-atmos-wander-6; animation-duration: 26s; animation-delay: -19s; animation-timing-function: cubic-bezier(0.55, 0.05, 0.30, 1); }
.ag-atmos__orb:nth-of-type(7) { left: 34%; width: 22px; height: 22px; animation-name: ag-atmos-wander-7; animation-duration: 31s; animation-delay: -9s; animation-timing-function: cubic-bezier(0.62, 0.05, 0.41, 1); }
.ag-atmos__orb:nth-of-type(8) { left: 39%; width: 7px; height: 7px; animation-name: ag-atmos-wander-8; animation-duration: 17s; animation-delay: -22s; animation-timing-function: cubic-bezier(0.69, 0.05, 0.52, 1); }
.ag-atmos__orb:nth-of-type(9) { left: 44%; width: 16px; height: 16px; animation-name: ag-atmos-wander-1; animation-duration: 29s; animation-delay: -2s; animation-timing-function: cubic-bezier(0.26, 0.05, 0.23, 1); }
.ag-atmos__orb:nth-of-type(10) { left: 49%; width: 40px; height: 40px; animation-name: ag-atmos-wander-2; animation-duration: 44s; animation-delay: -14s; animation-timing-function: cubic-bezier(0.33, 0.05, 0.34, 1); filter: blur(2.5px); }
.ag-atmos__orb:nth-of-type(11) { left: 54%; width: 11px; height: 11px; animation-name: ag-atmos-wander-3; animation-duration: 24s; animation-delay: -25s; animation-timing-function: cubic-bezier(0.40, 0.05, 0.45, 1); }
.ag-atmos__orb:nth-of-type(12) { left: 59%; width: 18px; height: 18px; animation-name: ag-atmos-wander-4; animation-duration: 33s; animation-delay: -8s; animation-timing-function: cubic-bezier(0.47, 0.05, 0.16, 1); }
.ag-atmos__orb:nth-of-type(13) { left: 64%; width: 24px; height: 24px; animation-name: ag-atmos-wander-5; animation-duration: 27s; animation-delay: -4s; animation-timing-function: cubic-bezier(0.54, 0.05, 0.27, 1); }
.ag-atmos__orb:nth-of-type(14) { left: 69%; width: 8px; height: 8px; animation-name: ag-atmos-wander-6; animation-duration: 20s; animation-delay: -17s; animation-timing-function: cubic-bezier(0.61, 0.05, 0.38, 1); }
.ag-atmos__orb:nth-of-type(15) { left: 74%; width: 30px; height: 30px; animation-name: ag-atmos-wander-7; animation-duration: 38s; animation-delay: -6s; animation-timing-function: cubic-bezier(0.68, 0.05, 0.49, 1); filter: blur(2px); }
.ag-atmos__orb:nth-of-type(16) { left: 79%; width: 12px; height: 12px; animation-name: ag-atmos-wander-8; animation-duration: 23s; animation-delay: -20s; animation-timing-function: cubic-bezier(0.25, 0.05, 0.20, 1); }
.ag-atmos__orb:nth-of-type(17) { left: 84%; width: 19px; height: 19px; animation-name: ag-atmos-wander-1; animation-duration: 30s; animation-delay: -1s; animation-timing-function: cubic-bezier(0.32, 0.05, 0.31, 1); }
.ag-atmos__orb:nth-of-type(18) { left: 89%; width: 5px; height: 5px; animation-name: ag-atmos-wander-2; animation-duration: 16s; animation-delay: -13s; animation-timing-function: cubic-bezier(0.39, 0.05, 0.42, 1); }
.ag-atmos__orb:nth-of-type(19) { left: 94%; width: 26px; height: 26px; animation-name: ag-atmos-wander-3; animation-duration: 35s; animation-delay: -10s; animation-timing-function: cubic-bezier(0.46, 0.05, 0.53, 1); }
.ag-atmos__orb:nth-of-type(20) { left: 7%; width: 10px; height: 10px; animation-name: ag-atmos-wander-4; animation-duration: 21s; animation-delay: -23s; animation-timing-function: cubic-bezier(0.53, 0.05, 0.24, 1); }
.ag-atmos__orb:nth-of-type(21) { left: 22%; width: 15px; height: 15px; animation-name: ag-atmos-wander-5; animation-duration: 25s; animation-delay: -15s; animation-timing-function: cubic-bezier(0.60, 0.05, 0.35, 1); }
.ag-atmos__orb:nth-of-type(22) { left: 47%; width: 36px; height: 36px; animation-name: ag-atmos-wander-6; animation-duration: 42s; animation-delay: -3s; animation-timing-function: cubic-bezier(0.67, 0.05, 0.46, 1); filter: blur(2.5px); }
.ag-atmos__orb:nth-of-type(23) { left: 71%; width: 9px; height: 9px; animation-name: ag-atmos-wander-7; animation-duration: 18s; animation-delay: -18s; animation-timing-function: cubic-bezier(0.24, 0.05, 0.17, 1); }
.ag-atmos__orb:nth-of-type(24) { left: 96%; width: 21px; height: 21px; animation-name: ag-atmos-wander-8; animation-duration: 32s; animation-delay: -12s; animation-timing-function: cubic-bezier(0.31, 0.05, 0.28, 1); }

.ag-atmos__mote:nth-of-type(25) { left: 1%; width: 2px; height: 2px; animation-name: ag-atmos-wander-1; animation-duration: 18s; animation-delay: -2s; animation-timing-function: cubic-bezier(0.15, 0.02, 0.10, 1); }
.ag-atmos__mote:nth-of-type(26) { left: 21%; width: 5px; height: 5px; animation-name: ag-atmos-wander-2; animation-duration: 27s; animation-delay: -8s; animation-timing-function: cubic-bezier(0.24, 0.02, 0.23, 1); }
.ag-atmos__mote:nth-of-type(27) { left: 41%; width: 1.5px; height: 1.5px; animation-name: ag-atmos-wander-3; animation-duration: 17s; animation-delay: -13s; animation-timing-function: cubic-bezier(0.33, 0.02, 0.36, 1); }
.ag-atmos__mote:nth-of-type(28) { left: 61%; width: 3.5px; height: 3.5px; animation-name: ag-atmos-wander-4; animation-duration: 24s; animation-delay: -7s; animation-timing-function: cubic-bezier(0.42, 0.02, 0.49, 1); }
.ag-atmos__mote:nth-of-type(29) { left: 81%; width: 7px; height: 7px; animation-name: ag-atmos-wander-5; animation-duration: 33s; animation-delay: -22s; animation-timing-function: cubic-bezier(0.51, 0.02, 0.17, 1); }
.ag-atmos__mote:nth-of-type(30) { left: 36%; width: 2px; height: 2px; animation-name: ag-atmos-wander-6; animation-duration: 21s; animation-delay: -14s; animation-timing-function: cubic-bezier(0.60, 0.02, 0.30, 1); }
.ag-atmos__mote:nth-of-type(31) { left: 56%; width: 4px; height: 4px; animation-name: ag-atmos-wander-7; animation-duration: 28s; animation-delay: -20s; animation-timing-function: cubic-bezier(0.69, 0.02, 0.43, 1); }
.ag-atmos__mote:nth-of-type(32) { left: 76%; width: 1px; height: 1px; animation-name: ag-atmos-wander-8; animation-duration: 15s; animation-delay: -3s; animation-timing-function: cubic-bezier(0.23, 0.02, 0.11, 1); }
.ag-atmos__mote:nth-of-type(33) { left: 96%; width: 6px; height: 6px; animation-name: ag-atmos-wander-1; animation-duration: 32s; animation-delay: -22s; animation-timing-function: cubic-bezier(0.32, 0.02, 0.24, 1); }
.ag-atmos__mote:nth-of-type(34) { left: 19%; width: 2.5px; height: 2.5px; animation-name: ag-atmos-wander-2; animation-duration: 21s; animation-delay: -8s; animation-timing-function: cubic-bezier(0.41, 0.02, 0.37, 1); }
.ag-atmos__mote:nth-of-type(35) { left: 71%; width: 3px; height: 3px; animation-name: ag-atmos-wander-3; animation-duration: 24s; animation-delay: -19s; animation-timing-function: cubic-bezier(0.50, 0.02, 0.50, 1); }
.ag-atmos__mote:nth-of-type(36) { left: 91%; width: 8px; height: 8px; animation-name: ag-atmos-wander-4; animation-duration: 38s; animation-delay: -5s; animation-timing-function: cubic-bezier(0.59, 0.02, 0.18, 1); }
.ag-atmos__mote:nth-of-type(37) { left: 14%; width: 1.5px; height: 1.5px; animation-name: ag-atmos-wander-5; animation-duration: 16s; animation-delay: -17s; animation-timing-function: cubic-bezier(0.68, 0.02, 0.31, 1); }
.ag-atmos__mote:nth-of-type(38) { left: 34%; width: 4.5px; height: 4.5px; animation-name: ag-atmos-wander-6; animation-duration: 28s; animation-delay: -14s; animation-timing-function: cubic-bezier(0.22, 0.02, 0.44, 1); }
.ag-atmos__mote:nth-of-type(39) { left: 54%; width: 2px; height: 2px; animation-name: ag-atmos-wander-7; animation-duration: 22s; animation-delay: -24s; animation-timing-function: cubic-bezier(0.31, 0.02, 0.12, 1); }
.ag-atmos__mote:nth-of-type(40) { left: 9%; width: 5.5px; height: 5.5px; animation-name: ag-atmos-wander-8; animation-duration: 29s; animation-delay: -6s; animation-timing-function: cubic-bezier(0.40, 0.02, 0.25, 1); }
.ag-atmos__mote:nth-of-type(41) { left: 29%; width: 3px; height: 3px; animation-name: ag-atmos-wander-1; animation-duration: 23s; animation-delay: -19s; animation-timing-function: cubic-bezier(0.49, 0.02, 0.38, 1); }
.ag-atmos__mote:nth-of-type(42) { left: 49%; width: 1px; height: 1px; animation-name: ag-atmos-wander-2; animation-duration: 15s; animation-delay: -13s; animation-timing-function: cubic-bezier(0.58, 0.02, 0.51, 1); }
.ag-atmos__mote:nth-of-type(43) { left: 69%; width: 4px; height: 4px; animation-name: ag-atmos-wander-3; animation-duration: 25s; animation-delay: -23s; animation-timing-function: cubic-bezier(0.67, 0.02, 0.19, 1); }
.ag-atmos__mote:nth-of-type(44) { left: 89%; width: 9px; height: 9px; animation-name: ag-atmos-wander-4; animation-duration: 39s; animation-delay: -18s; animation-timing-function: cubic-bezier(0.21, 0.02, 0.32, 1); }
.ag-atmos__mote:nth-of-type(45) { left: 44%; width: 2.5px; height: 2.5px; animation-name: ag-atmos-wander-5; animation-duration: 20s; animation-delay: -33s; animation-timing-function: cubic-bezier(0.30, 0.02, 0.45, 1); }
.ag-atmos__mote:nth-of-type(46) { left: 64%; width: 3.5px; height: 3.5px; animation-name: ag-atmos-wander-6; animation-duration: 26s; animation-delay: -2s; animation-timing-function: cubic-bezier(0.39, 0.02, 0.13, 1); }
.ag-atmos__mote:nth-of-type(47) { left: 84%; width: 1.5px; height: 1.5px; animation-name: ag-atmos-wander-7; animation-duration: 16s; animation-delay: -16s; animation-timing-function: cubic-bezier(0.48, 0.02, 0.26, 1); }
.ag-atmos__mote:nth-of-type(48) { left: 7%; width: 6px; height: 6px; animation-name: ag-atmos-wander-8; animation-duration: 33s; animation-delay: -9s; animation-timing-function: cubic-bezier(0.57, 0.02, 0.39, 1); }
.ag-atmos__mote:nth-of-type(49) { left: 27%; width: 2px; height: 2px; animation-name: ag-atmos-wander-1; animation-duration: 17s; animation-delay: -25s; animation-timing-function: cubic-bezier(0.66, 0.02, 0.52, 1); }
.ag-atmos__mote:nth-of-type(50) { left: 79%; width: 4px; height: 4px; animation-name: ag-atmos-wander-2; animation-duration: 25s; animation-delay: -8s; animation-timing-function: cubic-bezier(0.20, 0.02, 0.20, 1); }
.ag-atmos__mote:nth-of-type(51) { left: 2%; width: 3px; height: 3px; animation-name: ag-atmos-wander-3; animation-duration: 23s; animation-delay: -34s; animation-timing-function: cubic-bezier(0.29, 0.02, 0.33, 1); }
.ag-atmos__mote:nth-of-type(52) { left: 22%; width: 7px; height: 7px; animation-name: ag-atmos-wander-4; animation-duration: 34s; animation-delay: -17s; animation-timing-function: cubic-bezier(0.38, 0.02, 0.46, 1); }
.ag-atmos__mote:nth-of-type(53) { left: 42%; width: 1px; height: 1px; animation-name: ag-atmos-wander-5; animation-duration: 15s; animation-delay: -6s; animation-timing-function: cubic-bezier(0.47, 0.02, 0.14, 1); }
.ag-atmos__mote:nth-of-type(54) { left: 62%; width: 5px; height: 5px; animation-name: ag-atmos-wander-6; animation-duration: 30s; animation-delay: -21s; animation-timing-function: cubic-bezier(0.56, 0.02, 0.27, 1); }
.ag-atmos__mote:nth-of-type(55) { left: 17%; width: 2.5px; height: 2.5px; animation-name: ag-atmos-wander-7; animation-duration: 19s; animation-delay: -11s; animation-timing-function: cubic-bezier(0.65, 0.02, 0.40, 1); }
.ag-atmos__mote:nth-of-type(56) { left: 37%; width: 3.5px; height: 3.5px; animation-name: ag-atmos-wander-8; animation-duration: 24s; animation-delay: -28s; animation-timing-function: cubic-bezier(0.19, 0.02, 0.53, 1); }
.ag-atmos__mote:nth-of-type(57) { left: 57%; width: 4px; height: 4px; animation-name: ag-atmos-wander-1; animation-duration: 35s; animation-delay: -34s; animation-timing-function: cubic-bezier(0.28, 0.02, 0.21, 1); }
.ag-atmos__mote:nth-of-type(58) { left: 77%; width: 2px; height: 2px; animation-name: ag-atmos-wander-2; animation-duration: 16s; animation-delay: -13s; animation-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1); }
.ag-atmos__mote:nth-of-type(59) { left: 97%; width: 10px; height: 10px; animation-name: ag-atmos-wander-3; animation-duration: 43s; animation-delay: -22s; animation-timing-function: cubic-bezier(0.46, 0.02, 0.47, 1); }
.ag-atmos__mote:nth-of-type(60) { left: 52%; width: 1.5px; height: 1.5px; animation-name: ag-atmos-wander-4; animation-duration: 17s; animation-delay: -23s; animation-timing-function: cubic-bezier(0.55, 0.02, 0.15, 1); }
.ag-atmos__mote:nth-of-type(61) { left: 72%; width: 5px; height: 5px; animation-name: ag-atmos-wander-5; animation-duration: 27s; animation-delay: -13s; animation-timing-function: cubic-bezier(0.64, 0.02, 0.28, 1); }
.ag-atmos__mote:nth-of-type(62) { left: 92%; width: 3px; height: 3px; animation-name: ag-atmos-wander-6; animation-duration: 21s; animation-delay: -33s; animation-timing-function: cubic-bezier(0.18, 0.02, 0.41, 1); }
.ag-atmos__mote:nth-of-type(63) { left: 15%; width: 2px; height: 2px; animation-name: ag-atmos-wander-7; animation-duration: 24s; animation-delay: -8s; animation-timing-function: cubic-bezier(0.27, 0.02, 0.54, 1); }
.ag-atmos__mote:nth-of-type(64) { left: 35%; width: 4.5px; height: 4.5px; animation-name: ag-atmos-wander-8; animation-duration: 29s; animation-delay: -22s; animation-timing-function: cubic-bezier(0.36, 0.02, 0.22, 1); }
.ag-atmos__mote:nth-of-type(65) { left: 87%; width: 1px; height: 1px; animation-name: ag-atmos-wander-1; animation-duration: 18s; animation-delay: -8s; animation-timing-function: cubic-bezier(0.45, 0.02, 0.35, 1); }
.ag-atmos__mote:nth-of-type(66) { left: 10%; width: 6.5px; height: 6.5px; animation-name: ag-atmos-wander-2; animation-duration: 37s; animation-delay: -20s; animation-timing-function: cubic-bezier(0.54, 0.02, 0.48, 1); }
.ag-atmos__mote:nth-of-type(67) { left: 30%; width: 2.5px; height: 2.5px; animation-name: ag-atmos-wander-3; animation-duration: 19s; animation-delay: -10s; animation-timing-function: cubic-bezier(0.63, 0.02, 0.16, 1); }
.ag-atmos__mote:nth-of-type(68) { left: 50%; width: 3px; height: 3px; animation-name: ag-atmos-wander-4; animation-duration: 26s; animation-delay: -23s; animation-timing-function: cubic-bezier(0.17, 0.02, 0.29, 1); }
.ag-atmos__mote:nth-of-type(69) { left: 70%; width: 8px; height: 8px; animation-name: ag-atmos-wander-5; animation-duration: 32s; animation-delay: -9s; animation-timing-function: cubic-bezier(0.26, 0.02, 0.42, 1); }
.ag-atmos__mote:nth-of-type(70) { left: 25%; width: 1.5px; height: 1.5px; animation-name: ag-atmos-wander-6; animation-duration: 14s; animation-delay: -31s; animation-timing-function: cubic-bezier(0.35, 0.02, 0.10, 1); }
.ag-atmos__mote:nth-of-type(71) { left: 45%; width: 4px; height: 4px; animation-name: ag-atmos-wander-7; animation-duration: 29s; animation-delay: -8s; animation-timing-function: cubic-bezier(0.44, 0.02, 0.23, 1); }
.ag-atmos__mote:nth-of-type(72) { left: 65%; width: 2px; height: 2px; animation-name: ag-atmos-wander-8; animation-duration: 23s; animation-delay: -24s; animation-timing-function: cubic-bezier(0.53, 0.02, 0.36, 1); }
.ag-atmos__mote:nth-of-type(73) { left: 85%; width: 2px; height: 2px; animation-name: ag-atmos-wander-1; animation-duration: 18s; animation-delay: -8s; animation-timing-function: cubic-bezier(0.62, 0.02, 0.49, 1); }
.ag-atmos__mote:nth-of-type(74) { left: 8%; width: 5px; height: 5px; animation-name: ag-atmos-wander-2; animation-duration: 27s; animation-delay: -7s; animation-timing-function: cubic-bezier(0.16, 0.02, 0.17, 1); }
.ag-atmos__mote:nth-of-type(75) { left: 60%; width: 1.5px; height: 1.5px; animation-name: ag-atmos-wander-3; animation-duration: 17s; animation-delay: -12s; animation-timing-function: cubic-bezier(0.25, 0.02, 0.30, 1); }
.ag-atmos__mote:nth-of-type(76) { left: 80%; width: 3.5px; height: 3.5px; animation-name: ag-atmos-wander-4; animation-duration: 24s; animation-delay: -6s; animation-timing-function: cubic-bezier(0.34, 0.02, 0.43, 1); }
.ag-atmos__mote:nth-of-type(77) { left: 3%; width: 7px; height: 7px; animation-name: ag-atmos-wander-5; animation-duration: 33s; animation-delay: -21s; animation-timing-function: cubic-bezier(0.43, 0.02, 0.11, 1); }
.ag-atmos__mote:nth-of-type(78) { left: 23%; width: 2px; height: 2px; animation-name: ag-atmos-wander-6; animation-duration: 21s; animation-delay: -13s; animation-timing-function: cubic-bezier(0.52, 0.02, 0.24, 1); }
.ag-atmos__mote:nth-of-type(79) { left: 43%; width: 4px; height: 4px; animation-name: ag-atmos-wander-7; animation-duration: 28s; animation-delay: -19s; animation-timing-function: cubic-bezier(0.61, 0.02, 0.37, 1); }
.ag-atmos__mote:nth-of-type(80) { left: 95%; width: 1px; height: 1px; animation-name: ag-atmos-wander-8; animation-duration: 15s; animation-delay: -9s; animation-timing-function: cubic-bezier(0.70, 0.02, 0.50, 1); }
.ag-atmos__mote:nth-of-type(81) { left: 18%; width: 6px; height: 6px; animation-name: ag-atmos-wander-1; animation-duration: 32s; animation-delay: -21s; animation-timing-function: cubic-bezier(0.24, 0.02, 0.18, 1); }
.ag-atmos__mote:nth-of-type(82) { left: 38%; width: 2.5px; height: 2.5px; animation-name: ag-atmos-wander-2; animation-duration: 21s; animation-delay: -7s; animation-timing-function: cubic-bezier(0.33, 0.02, 0.31, 1); }
.ag-atmos__mote:nth-of-type(83) { left: 58%; width: 3px; height: 3px; animation-name: ag-atmos-wander-3; animation-duration: 24s; animation-delay: -18s; animation-timing-function: cubic-bezier(0.42, 0.02, 0.44, 1); }
.ag-atmos__mote:nth-of-type(84) { left: 78%; width: 8px; height: 8px; animation-name: ag-atmos-wander-4; animation-duration: 38s; animation-delay: -4s; animation-timing-function: cubic-bezier(0.51, 0.02, 0.12, 1); }
.ag-atmos__mote:nth-of-type(85) { left: 33%; width: 1.5px; height: 1.5px; animation-name: ag-atmos-wander-5; animation-duration: 16s; animation-delay: -16s; animation-timing-function: cubic-bezier(0.60, 0.02, 0.25, 1); }
.ag-atmos__mote:nth-of-type(86) { left: 53%; width: 4.5px; height: 4.5px; animation-name: ag-atmos-wander-6; animation-duration: 28s; animation-delay: -13s; animation-timing-function: cubic-bezier(0.69, 0.02, 0.38, 1); }
.ag-atmos__mote:nth-of-type(87) { left: 73%; width: 2px; height: 2px; animation-name: ag-atmos-wander-7; animation-duration: 22s; animation-delay: -30s; animation-timing-function: cubic-bezier(0.23, 0.02, 0.51, 1); }
.ag-atmos__mote:nth-of-type(88) { left: 93%; width: 5.5px; height: 5.5px; animation-name: ag-atmos-wander-8; animation-duration: 29s; animation-delay: -5s; animation-timing-function: cubic-bezier(0.32, 0.02, 0.19, 1); }
.ag-atmos__mote:nth-of-type(89) { left: 16%; width: 3px; height: 3px; animation-name: ag-atmos-wander-1; animation-duration: 23s; animation-delay: -18s; animation-timing-function: cubic-bezier(0.41, 0.02, 0.32, 1); }
.ag-atmos__mote:nth-of-type(90) { left: 68%; width: 1px; height: 1px; animation-name: ag-atmos-wander-2; animation-duration: 15s; animation-delay: -12s; animation-timing-function: cubic-bezier(0.50, 0.02, 0.45, 1); }
.ag-atmos__mote:nth-of-type(91) { left: 88%; width: 4px; height: 4px; animation-name: ag-atmos-wander-3; animation-duration: 25s; animation-delay: -22s; animation-timing-function: cubic-bezier(0.59, 0.02, 0.13, 1); }
.ag-atmos__mote:nth-of-type(92) { left: 11%; width: 9px; height: 9px; animation-name: ag-atmos-wander-4; animation-duration: 39s; animation-delay: -17s; animation-timing-function: cubic-bezier(0.68, 0.02, 0.26, 1); }
.ag-atmos__mote:nth-of-type(93) { left: 31%; width: 2.5px; height: 2.5px; animation-name: ag-atmos-wander-5; animation-duration: 20s; animation-delay: -32s; animation-timing-function: cubic-bezier(0.22, 0.02, 0.39, 1); }
.ag-atmos__mote:nth-of-type(94) { left: 51%; width: 3.5px; height: 3.5px; animation-name: ag-atmos-wander-6; animation-duration: 26s; animation-delay: -8s; animation-timing-function: cubic-bezier(0.31, 0.02, 0.52, 1); }
.ag-atmos__mote:nth-of-type(95) { left: 6%; width: 1.5px; height: 1.5px; animation-name: ag-atmos-wander-7; animation-duration: 16s; animation-delay: -15s; animation-timing-function: cubic-bezier(0.40, 0.02, 0.20, 1); }
.ag-atmos__mote:nth-of-type(96) { left: 26%; width: 6px; height: 6px; animation-name: ag-atmos-wander-8; animation-duration: 33s; animation-delay: -8s; animation-timing-function: cubic-bezier(0.49, 0.02, 0.33, 1); }

@keyframes ag-atmos-bg-zoom {
    0%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.055);
    }
}

@keyframes ag-atmos-bg-zoom-strong {
    0%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.16);
    }
}

@keyframes ag-atmos-flare-wander-a {
    0% { transform: translate(0,0) scale(1); opacity:.42; }
    18% { transform: translate(-7%,5%) scale(1.14) rotate(4deg); opacity:.8; }
    37% { transform: translate(5%,-6%) scale(.88) rotate(-3deg); opacity:.5; }
    61% { transform: translate(-4%,-3%) scale(1.2) rotate(6deg); opacity:.78; }
    82% { transform: translate(6%,4%) scale(.95) rotate(-2deg); opacity:.55; }
    100% { transform: translate(-2%,-5%) scale(1.06) rotate(3deg); opacity:.45; }
}
@keyframes ag-atmos-flare-wander-b {
    0% { transform: translate(0,0) scale(1); opacity:.38; }
    22% { transform: translate(8%,-4%) scale(1.18) rotate(-5deg); opacity:.72; }
    48% { transform: translate(-6%,7%) scale(.9) rotate(4deg); opacity:.48; }
    73% { transform: translate(4%,-8%) scale(1.12) rotate(-6deg); opacity:.76; }
    100% { transform: translate(-5%,3%) scale(.97) rotate(2deg); opacity:.4; }
}
@keyframes ag-atmos-flare-wander-c {
    0% { transform: translate(0,0) scale(.9); opacity:.32; }
    15% { transform: translate(9%,6%) scale(1.25) rotate(7deg); opacity:.8; }
    40% { transform: translate(-8%,-5%) scale(.85) rotate(-8deg); opacity:.45; }
    66% { transform: translate(3%,9%) scale(1.15) rotate(3deg); opacity:.7; }
    100% { transform: translate(-6%,-2%) scale(1.05) rotate(-4deg); opacity:.38; }
}
@keyframes ag-atmos-flare-wander-d {
    0% { transform: translate(0,0) scale(1); opacity:.36; }
    28% { transform: translate(-9%,-7%) scale(1.22) rotate(-6deg); opacity:.74; }
    52% { transform: translate(7%,4%) scale(.86) rotate(8deg); opacity:.5; }
    79% { transform: translate(-3%,8%) scale(1.16) rotate(-3deg); opacity:.78; }
    100% { transform: translate(5%,-5%) scale(.98) rotate(5deg); opacity:.4; }
}
@keyframes ag-atmos-flare-wander-e {
    0% { transform: translate(0,0) scale(1.02); opacity:.38; }
    20% { transform: translate(6%,-9%) scale(.88) rotate(5deg); opacity:.68; }
    45% { transform: translate(-8%,3%) scale(1.24) rotate(-7deg); opacity:.82; }
    70% { transform: translate(4%,7%) scale(.92) rotate(4deg); opacity:.52; }
    100% { transform: translate(-5%,-4%) scale(1.1) rotate(-2deg); opacity:.42; }
}
@keyframes ag-atmos-flare-wander-f {
    0% { transform: translate(0,0) scale(1); opacity:.4; }
    25% { transform: translate(-10%,4%) scale(1.18) rotate(9deg); opacity:.76; }
    50% { transform: translate(8%,-8%) scale(.84) rotate(-5deg); opacity:.48; }
    75% { transform: translate(-2%,9%) scale(1.14) rotate(3deg); opacity:.72; }
    100% { transform: translate(6%,-3%) scale(.96) rotate(-4deg); opacity:.42; }
}
@keyframes ag-atmos-flare-wander-g {
    0% { transform: translate(0,0) scale(.95); opacity:.35; }
    30% { transform: translate(7%,8%) scale(1.28) rotate(-8deg); opacity:.8; }
    55% { transform: translate(-9%,-2%) scale(.88) rotate(6deg); opacity:.5; }
    85% { transform: translate(3%,-7%) scale(1.12) rotate(-3deg); opacity:.7; }
    100% { transform: translate(-4%,5%) scale(1) rotate(2deg); opacity:.4; }
}
@keyframes ag-atmos-flare-wander-h {
    0% { transform: translate(0,0) scale(1); opacity:.38; }
    16% { transform: translate(5%,-6%) scale(1.1) rotate(4deg); opacity:.65; }
    42% { transform: translate(-7%,5%) scale(1.2) rotate(-9deg); opacity:.78; }
    68% { transform: translate(9%,2%) scale(.9) rotate(6deg); opacity:.52; }
    100% { transform: translate(-3%,-8%) scale(1.08) rotate(-2deg); opacity:.4; }
}
@keyframes ag-atmos-streak {
    0%, 100% { opacity: .18; }
    30% { opacity: .55; }
    55% { opacity: .28; }
    78% { opacity: .48; }
}
@keyframes ag-atmos-wander-1 {
    0% { transform: translate3d(0,10vh,0) scale(.7); opacity:0; }
    8% { opacity:.9; }
    18% { transform: translate3d(58px,-12vh,0) scale(1.1); opacity:.95; }
    32% { transform: translate3d(-42px,-28vh,0) scale(.85); opacity:.8; }
    48% { transform: translate3d(70px,-48vh,0) scale(1.2); opacity:.95; }
    63% { transform: translate3d(-25px,-68vh,0) scale(.9); opacity:.6; }
    78% { transform: translate3d(48px,-88vh,0) scale(1.05); opacity:.4; }
    100% { transform: translate3d(-35px,-118vh,0) scale(.55); opacity:0; }
}
@keyframes ag-atmos-wander-2 {
    0% { transform: translate3d(0,14vh,0) scale(.65); opacity:0; }
    10% { opacity:.85; }
    22% { transform: translate3d(-65px,-8vh,0) scale(1.15); opacity:.95; }
    38% { transform: translate3d(35px,-30vh,0) scale(.8); opacity:.75; }
    55% { transform: translate3d(-50px,-52vh,0) scale(1.25); opacity:.9; }
    72% { transform: translate3d(60px,-76vh,0) scale(.88); opacity:.5; }
    100% { transform: translate3d(-20px,-115vh,0) scale(.5); opacity:0; }
}
@keyframes ag-atmos-wander-3 {
    0% { transform: translate3d(0,4vh,0) scale(.75); opacity:0; }
    12% { opacity:.9; transform: translate3d(20px,-6vh,0) scale(1); }
    28% { transform: translate3d(80px,-24vh,0) scale(1.18); opacity:.95; }
    44% { transform: translate3d(-55px,-42vh,0) scale(.82); opacity:.7; }
    60% { transform: translate3d(30px,-62vh,0) scale(1.22); opacity:.85; }
    80% { transform: translate3d(-70px,-90vh,0) scale(.95); opacity:.4; }
    100% { transform: translate3d(25px,-120vh,0) scale(.6); opacity:0; }
}
@keyframes ag-atmos-wander-4 {
    0% { transform: translate3d(0,16vh,0) scale(.6); opacity:0; }
    14% { opacity:.8; transform: translate3d(-30px,-5vh,0) scale(.95); }
    30% { transform: translate3d(75px,-22vh,0) scale(1.3); opacity:1; }
    46% { transform: translate3d(-60px,-45vh,0) scale(.78); opacity:.7; }
    64% { transform: translate3d(45px,-70vh,0) scale(1.15); opacity:.85; }
    82% { transform: translate3d(-40px,-95vh,0) scale(.85); opacity:.35; }
    100% { transform: translate3d(55px,-122vh,0) scale(.5); opacity:0; }
}
@keyframes ag-atmos-wander-5 {
    0% { transform: translate3d(0,2vh,0) scale(.8); opacity:0; }
    9% { opacity:.75; }
    24% { transform: translate3d(-80px,-18vh,0) scale(1.12); opacity:.95; }
    40% { transform: translate3d(40px,-36vh,0) scale(.88); opacity:.8; }
    56% { transform: translate3d(-30px,-58vh,0) scale(1.28); opacity:.9; }
    74% { transform: translate3d(65px,-82vh,0) scale(.92); opacity:.45; }
    100% { transform: translate3d(-15px,-125vh,0) scale(.6); opacity:0; }
}
@keyframes ag-atmos-wander-6 {
    0% { transform: translate3d(0,8vh,0) scale(.7); opacity:0; }
    11% { opacity:.85; transform: translate3d(45px,-10vh,0) scale(1.05); }
    26% { transform: translate3d(-70px,-26vh,0) scale(1.2); opacity:.95; }
    43% { transform: translate3d(55px,-50vh,0) scale(.8); opacity:.65; }
    59% { transform: translate3d(-35px,-66vh,0) scale(1.18); opacity:.85; }
    77% { transform: translate3d(20px,-92vh,0) scale(.9); opacity:.4; }
    100% { transform: translate3d(-50px,-118vh,0) scale(.55); opacity:0; }
}
@keyframes ag-atmos-wander-7 {
    0% { transform: translate3d(0,12vh,0) scale(.65); opacity:0; }
    16% { opacity:.9; transform: translate3d(-25px,-8vh,0) scale(1.1); }
    33% { transform: translate3d(90px,-32vh,0) scale(.85); opacity:.8; }
    50% { transform: translate3d(-45px,-55vh,0) scale(1.25); opacity:.95; }
    68% { transform: translate3d(30px,-78vh,0) scale(.9); opacity:.55; }
    100% { transform: translate3d(-60px,-120vh,0) scale(.5); opacity:0; }
}
@keyframes ag-atmos-wander-8 {
    0% { transform: translate3d(0,6vh,0) scale(.75); opacity:0; }
    13% { opacity:.8; transform: translate3d(35px,-14vh,0) scale(1); }
    29% { transform: translate3d(-85px,-30vh,0) scale(1.22); opacity:1; }
    47% { transform: translate3d(50px,-48vh,0) scale(.82); opacity:.7; }
    65% { transform: translate3d(-20px,-72vh,0) scale(1.15); opacity:.85; }
    83% { transform: translate3d(70px,-98vh,0) scale(.88); opacity:.35; }
    100% { transform: translate3d(-40px,-124vh,0) scale(.55); opacity:0; }
}





/* Dojazd: map-pin collage (footer fa-map-marker-alt SVG) */
.dojazd-page .ag-atmos__shot {
    background-image: linear-gradient(160deg, rgba(255, 255, 255, 0.72) 0%, rgba(232, 213, 195, 0.55) 100%) !important;
    display: grid;
    place-items: center;
    opacity: 0.88;
    width: min(28vw, 18rem);
    aspect-ratio: 1;
}

.dojazd-page .ag-atmos__shot::before {
    content: "";
    display: block;
    width: 58%;
    height: 58%;
    background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22%3E%3Cpath fill=%22%23bb8762%22 d=%22M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6%22/%3E%3C/svg%3E") center / contain no-repeat;
}

.dojazd-page .ag-atmos__shot--2::before,
.dojazd-page .ag-atmos__shot--6::before,
.dojazd-page .ag-atmos__shot--10::before {
    width: 72%;
    height: 72%;
    opacity: 0.85;
}

.dojazd-page .ag-atmos__shot--4::before,
.dojazd-page .ag-atmos__shot--8::before,
.dojazd-page .ag-atmos__shot--12::before {
    width: 46%;
    height: 46%;
    opacity: 0.75;
}

.dojazd-page .ag-atmos__shot--3::before,
.dojazd-page .ag-atmos__shot--7::before,
.dojazd-page .ag-atmos__shot--11::before {
    width: 64%;
    height: 64%;
}

/* Cennik: checkmark collage (icons.css fa-check / bi-check-lg) */
.cennik-page .ag-atmos__shot {
    background-image: linear-gradient(160deg, rgba(255, 255, 255, 0.72) 0%, rgba(232, 213, 195, 0.55) 100%) !important;
    display: grid;
    place-items: center;
    opacity: 0.88;
    width: min(28vw, 18rem);
    aspect-ratio: 1;
}

.cennik-page .ag-atmos__shot::before {
    content: "";
    display: block;
    width: 58%;
    height: 58%;
    background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22%3E%3Cpath fill=%22%23bb8762%22 d=%22M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z%22/%3E%3C/svg%3E") center / contain no-repeat;
}

.cennik-page .ag-atmos__shot--2::before,
.cennik-page .ag-atmos__shot--6::before,
.cennik-page .ag-atmos__shot--10::before {
    width: 72%;
    height: 72%;
    opacity: 0.85;
}

.cennik-page .ag-atmos__shot--4::before,
.cennik-page .ag-atmos__shot--8::before,
.cennik-page .ag-atmos__shot--12::before {
    width: 46%;
    height: 46%;
    opacity: 0.75;
}

.cennik-page .ag-atmos__shot--3::before,
.cennik-page .ag-atmos__shot--7::before,
.cennik-page .ag-atmos__shot--11::before {
    width: 64%;
    height: 64%;
}

/* FAQ: question-mark collage */
.faq-page .ag-atmos__shot {
    background-image: none !important;
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.72) 0%, rgba(232, 213, 195, 0.55) 100%);
    display: grid;
    place-items: center;
    opacity: 0.88;
    width: min(28vw, 18rem);
    aspect-ratio: 1;
}

.faq-page .ag-atmos__shot::before {
    content: "?";
    font-family: "Playfair Display", Georgia, serif;
    font-weight: 600;
    font-style: normal;
    font-size: clamp(7.5rem, 22vw, 14rem);
    line-height: 1;
    color: #bb8762;
    text-shadow: 0 2px 10px rgba(67, 48, 42, 0.08);
}

.faq-page .ag-atmos__shot--2::before,
.faq-page .ag-atmos__shot--5::before,
.faq-page .ag-atmos__shot--8::before,
.faq-page .ag-atmos__shot--11::before {
    font-style: italic;
    font-weight: 400;
}

.faq-page .ag-atmos__shot--3::before,
.faq-page .ag-atmos__shot--7::before,
.faq-page .ag-atmos__shot--10::before {
    font-weight: 700;
}

/* Opinie: quotation-mark collage instead of photos */
.opinie-page .ag-atmos__shot {
    background-image: none !important;
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.72) 0%, rgba(232, 213, 195, 0.55) 100%);
    display: grid;
    place-items: center;
    opacity: 0.88;
}

.opinie-page .ag-atmos__shot::before {
    content: "\201C";
    font-family: "Playfair Display", Georgia, serif;
    font-weight: 600;
    font-style: normal;
    font-size: clamp(7.5rem, 22vw, 14rem);
    line-height: 1;
    color: #bb8762;
    text-shadow: 0 2px 10px rgba(67, 48, 42, 0.08);
}

.opinie-page .ag-atmos__shot--1::before { content: "\201C"; } /* “ */
.opinie-page .ag-atmos__shot--2::before { content: "\201D"; } /* ” */
.opinie-page .ag-atmos__shot--4::before { content: "\201E"; } /* „ */
.opinie-page .ag-atmos__shot--5::before { content: "\201C"; } /* “ */
.opinie-page .ag-atmos__shot--6::before { content: "\201D"; } /* ” */
.opinie-page .ag-atmos__shot--8::before { content: "\201E"; } /* „ */
.opinie-page .ag-atmos__shot--9::before {
    content: "★★★★★";
    font-size: clamp(3rem, 8vw, 5.5rem);
    letter-spacing: 0.12em;
    color: #d6aa51;
}
.opinie-page .ag-atmos__shot--10::before {
    content: "★";
    font-size: clamp(7.5rem, 22vw, 14rem);
    color: #d6aa51;
}
.opinie-page .ag-atmos__shot--12::before { content: "\201C"; } /* “ */

.opinie-page .ag-atmos__shot--3::before,
.opinie-page .ag-atmos__shot--7::before,
.opinie-page .ag-atmos__shot--11::before {
    content: "★★★★★";
    font-family: "Playfair Display", Georgia, serif;
    font-weight: 600;
    font-style: normal;
    font-size: clamp(3rem, 8vw, 5.5rem);
    letter-spacing: 0.08em;
    color: #d6aa51;
}

.opinie-page .ag-atmos__shot--7::before { letter-spacing: 0.14em; }
.opinie-page .ag-atmos__shot--11::before { letter-spacing: 0.2em; }

.opinie-page .ag-atmos__shot--3,
.opinie-page .ag-atmos__shot--7,
.opinie-page .ag-atmos__shot--9,
.opinie-page .ag-atmos__shot--11 {
    aspect-ratio: 5 / 2;
    width: min(48vw, 32rem);
}

.opinie-page .ag-atmos__shot--1,
.opinie-page .ag-atmos__shot--2,
.opinie-page .ag-atmos__shot--4,
.opinie-page .ag-atmos__shot--5,
.opinie-page .ag-atmos__shot--6,
.opinie-page .ag-atmos__shot--8,
.opinie-page .ag-atmos__shot--10,
.opinie-page .ag-atmos__shot--12 {
    width: min(28vw, 18rem);
    aspect-ratio: 1;
}

/* Page anchors: keep content above atmosphere */
.dojazd-hero,
.dojazd-hero__intro,
.faq-page .reviews-hero,
.plyny-page .reviews-hero,
.cennik-page .reviews-hero,
.efekty-page .reviews-hero,
.opinie-page .reviews-hero,
.faq-page .reviews-hero,
.cennik-page .reviews-hero,
.dojazd-page .reviews-hero {
    position: relative;
    isolation: isolate;
}

.dojazd-hero .ag-atmos {
    z-index: 0;
}

.dojazd-hero__intro-wrap {
    position: relative;
    z-index: 2;
}

.dojazd-hero__copy-col,
.dojazd-hero__photo-col {
    position: relative;
    z-index: 3;
}

.faq-page .reviews-hero .ag-atmos,
.plyny-page .reviews-hero .ag-atmos,
.cennik-page .reviews-hero .ag-atmos,
.efekty-page .reviews-hero .ag-atmos,
.opinie-page .reviews-hero .ag-atmos,
.dojazd-page .reviews-hero .ag-atmos {
    z-index: 1;
}

.faq-page .reviews-hero__glow,
.plyny-page .reviews-hero__glow,
.cennik-page .reviews-hero__glow,
.efekty-page .reviews-hero__glow,
.opinie-page .reviews-hero__glow,
.dojazd-page .reviews-hero__glow {
    z-index: 0;
}

.faq-page .reviews-hero__inner,
.plyny-page .reviews-hero__inner,
.cennik-page .reviews-hero__inner,
.efekty-page .reviews-hero__inner,
.opinie-page .reviews-hero__inner,
.dojazd-page .reviews-hero__inner {
    position: relative;
    z-index: 2;
}

@media (max-width: 767.98px) {
    .ag-atmos__flare--a {
        opacity: 0.55;
        width: min(58vw, 17rem);
        height: min(58vw, 17rem);
        filter: blur(22px);
    }

    .ag-atmos__flare--b {
        opacity: 0.4;
    }

    .ag-atmos__flare--c,
    .ag-atmos__flare--f,
    .ag-atmos__flare--g,
    .ag-atmos__flare--i,
    .ag-atmos__flare--k,
    .ag-atmos__flare--l,
    .ag-atmos__flare--n,
    .ag-atmos__flare--o,
    .ag-atmos__flare--p,
    .ag-atmos__streak--b,
    .ag-atmos__streak--c,
    .ag-atmos__streak--d,
    .ag-atmos__streak--e,
    .ag-atmos__streak--f,
    .ag-atmos__orb:nth-of-type(n+10),
    .ag-atmos__mote:nth-of-type(n+48),
    .efekty-page .ag-atmos__shot--1, .opinie-page .ag-atmos__shot--1, .faq-page .ag-atmos__shot--1, .cennik-page .ag-atmos__shot--1, .dojazd-page .ag-atmos__shot--1,
    .efekty-page .ag-atmos__shot--4, .opinie-page .ag-atmos__shot--4, .faq-page .ag-atmos__shot--4, .cennik-page .ag-atmos__shot--4, .dojazd-page .ag-atmos__shot--4,
    .efekty-page .ag-atmos__shot--7, .opinie-page .ag-atmos__shot--7, .faq-page .ag-atmos__shot--7, .cennik-page .ag-atmos__shot--7, .dojazd-page .ag-atmos__shot--7,
    .efekty-page .ag-atmos__shot--10, .opinie-page .ag-atmos__shot--10, .faq-page .ag-atmos__shot--10, .cennik-page .ag-atmos__shot--10, .dojazd-page .ag-atmos__shot--10 {
        display: none;
    }

    .efekty-page .ag-atmos__shot--2, .opinie-page .ag-atmos__shot--2, .faq-page .ag-atmos__shot--2, .cennik-page .ag-atmos__shot--2, .dojazd-page .ag-atmos__shot--2 {
        top: 8%;
        left: 8%;
    }

    .efekty-page .ag-atmos__shot--3, .opinie-page .ag-atmos__shot--3, .faq-page .ag-atmos__shot--3, .cennik-page .ag-atmos__shot--3, .dojazd-page .ag-atmos__shot--3 {
        top: 4%;
        left: auto;
        right: 6%;
    }

    .efekty-page .ag-atmos__shot--5, .opinie-page .ag-atmos__shot--5, .faq-page .ag-atmos__shot--5, .cennik-page .ag-atmos__shot--5, .dojazd-page .ag-atmos__shot--5 {
        top: 36%;
        left: 4%;
    }

    .efekty-page .ag-atmos__shot--6, .opinie-page .ag-atmos__shot--6, .faq-page .ag-atmos__shot--6, .cennik-page .ag-atmos__shot--6, .dojazd-page .ag-atmos__shot--6 {
        top: 34%;
        right: 2%;
        left: auto;
    }

    .efekty-page .ag-atmos__shot--8, .opinie-page .ag-atmos__shot--8, .faq-page .ag-atmos__shot--8, .cennik-page .ag-atmos__shot--8, .dojazd-page .ag-atmos__shot--8 {
        bottom: 8%;
        left: 18%;
    }

    .efekty-page .ag-atmos__shot--9, .opinie-page .ag-atmos__shot--9, .faq-page .ag-atmos__shot--9, .cennik-page .ag-atmos__shot--9, .dojazd-page .ag-atmos__shot--9 {
        bottom: 6%;
        left: auto;
        right: 14%;
    }

    .efekty-page .ag-atmos__shot--11, .opinie-page .ag-atmos__shot--11, .faq-page .ag-atmos__shot--11, .cennik-page .ag-atmos__shot--11, .dojazd-page .ag-atmos__shot--11 {
        top: 28%;
        left: 34%;
    }

    .efekty-page .ag-atmos__shot--12, .opinie-page .ag-atmos__shot--12, .faq-page .ag-atmos__shot--12, .cennik-page .ag-atmos__shot--12, .dojazd-page .ag-atmos__shot--12 {
        top: 42%;
        left: 52%;
    }

    .ag-atmos__streak--a {
        opacity: 0.35;
        width: 90vw;
    }

    .ag-atmos__scene {
        inset: -5%;
        animation-duration: 28s;
    }

    .faq-page .ag-atmos__scene,
    .plyny-page .ag-atmos__scene,
    .cennik-page .ag-atmos__scene,
    .dojazd-page .ag-atmos__scene {
        inset: -10%;
        animation-duration: 20s;
    }

    .efekty-page .ag-atmos__shot, .opinie-page .ag-atmos__shot, .faq-page .ag-atmos__shot, .cennik-page .ag-atmos__shot, .dojazd-page .ag-atmos__shot {
        width: min(34vw, 8.5rem) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ag-atmos__scene,
    .ag-atmos__flare,
    .ag-atmos__streak,
    .ag-atmos__orb,
    .ag-atmos__mote,
    .ag-atmos__shot {
        animation: none !important;
    }

    .ag-atmos__scene {
        transform: none;
        inset: 0;
    }

    .ag-atmos__shot {
        transform: rotate(var(--shot-r, 0deg));
    }

    .ag-atmos__flare--a {
        opacity: 0.55;
    }

    .ag-atmos__flare--b {
        opacity: 0.4;
    }

    .ag-atmos__flare--c,
    .ag-atmos__flare--d,
    .ag-atmos__flare--e,
    .ag-atmos__flare--f,
    .ag-atmos__flare--g,
    .ag-atmos__flare--h,
    .ag-atmos__flare--i,
    .ag-atmos__flare--j,
    .ag-atmos__flare--k,
    .ag-atmos__flare--l,
    .ag-atmos__flare--m,
    .ag-atmos__flare--n,
    .ag-atmos__flare--o,
    .ag-atmos__flare--p {
        opacity: 0.35;
    }

    .ag-atmos__streak {
        opacity: 0.28;
    }

    .ag-atmos__orb,
    .ag-atmos__mote {
        display: none;
    }
}