/* ALINACHOPRA — NEON COUTURE EDITORIAL */

.aleq-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(78px, 9vw, 135px) 24px;
    background:
        radial-gradient(ellipse at 12% 25%, rgba(175, 39, 182, .23), transparent 40%),
        radial-gradient(ellipse at 88% 75%, rgba(0, 218, 224, .15), transparent 40%),
        radial-gradient(ellipse at 50% 45%, rgba(104, 46, 155, .22), transparent 60%),
        #100b1c;
    border-block: 1px solid rgba(221, 154, 246, .22);
}

.aleq-section::before {
    content: "";
    position: absolute;
    inset: -35%;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 22% 35%, rgba(244, 42, 177, .19), transparent 23%),
        radial-gradient(circle at 77% 30%, rgba(103, 61, 255, .21), transparent 25%),
        radial-gradient(circle at 58% 75%, rgba(0, 237, 222, .13), transparent 26%);
    filter: blur(45px);
    animation: aleq-aurora 17s ease-in-out infinite alternate;
}

.aleq-section::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .32;
    background:
        linear-gradient(110deg, transparent 43%, rgba(255,255,255,.055) 50%, transparent 57%);
    background-size: 240% 100%;
    animation: aleq-light-sweep 11s linear infinite;
}

.aleq-frame {
    position: relative;
    z-index: 1;
    width: min(100%, 1150px);
    margin: auto;
    text-align: center;
}

.aleq-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    color: #f3c69c;
    font: 700 11px/1.5 Arial, sans-serif;
    letter-spacing: .32em;
    text-transform: uppercase;
    text-shadow: 0 0 18px rgba(255, 174, 217, .35);
}

.aleq-rule {
    display: block;
    width: 58px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #ff56d5, #f3c69c);
    box-shadow: 0 0 12px rgba(255, 65, 209, .65);
}

.aleq-rule:last-child {
    transform: rotate(180deg);
}

.aleq-quote-mark {
    height: 110px;
    margin-top: 15px;
    font: 165px/.9 Georgia, serif;
    color: #ff8bdc;
    text-shadow:
        0 0 16px rgba(255, 65, 198, .55),
        0 0 65px rgba(158, 69, 255, .4);
    animation: aleq-quote-glow 4s ease-in-out infinite alternate;
}

.aleq-statement {
    max-width: 1080px;
    margin: 0 auto;
    color: #f8eef8;
    font: italic 400 clamp(27px, 3.25vw, 46px)/1.48 Georgia, "Times New Roman", serif;
    letter-spacing: -.025em;
    text-wrap: balance;
    text-shadow: 0 3px 30px rgba(0,0,0,.3);
}

.aleq-statement strong {
    font-weight: 700;
    color: #fff5dc;
    text-shadow: 0 0 26px rgba(255, 197, 134, .2);
}

.aleq-statement em {
    display: inline;
    font-weight: 700;
    font-style: italic;
    background: linear-gradient(
        100deg,
        #ff91dd 0%,
        #e6a6ff 22%,
        #92eaff 48%,
        #ffe0a2 73%,
        #ff91dd 100%
    );
    background-size: 260% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: #f3b8e8;
    -webkit-text-fill-color: transparent;
    animation: aleq-gradient-flow 8s linear infinite;
    filter: drop-shadow(0 0 12px rgba(238, 113, 249, .17));
}

.aleq-signature {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-top: 42px;
    color: #ff9bdf;
}

.aleq-signature span {
    width: 85px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #e986ed, #6be4ee);
    box-shadow: 0 0 13px rgba(232, 134, 255, .6);
}

.aleq-signature span:last-child {
    transform: rotate(180deg);
}

.aleq-signature b {
    font-size: 21px;
    font-weight: 400;
    text-shadow: 0 0 18px #ff72da;
    animation: aleq-star-pulse 3s ease-in-out infinite;
}

.aleq-footnote {
    margin: 18px 0 0;
    color: #c5a9cf;
    font: 600 10px/1.6 Arial, sans-serif;
    letter-spacing: .28em;
    text-transform: uppercase;
}

@keyframes aleq-aurora {
    0%   { transform: translate(-3%, 1%) rotate(-5deg) scale(1); }
    50%  { transform: translate(3%, -3%) rotate(5deg) scale(1.09); }
    100% { transform: translate(-1%, 4%) rotate(-3deg) scale(1.04); }
}

@keyframes aleq-light-sweep {
    from { background-position: 200% 0; }
    to   { background-position: -200% 0; }
}

@keyframes aleq-gradient-flow {
    from { background-position: 0% 50%; }
    to   { background-position: 260% 50%; }
}

@keyframes aleq-quote-glow {
    from { opacity: .65; transform: translateY(0); }
    to   { opacity: 1; transform: translateY(-5px); }
}

@keyframes aleq-star-pulse {
    0%, 100% { opacity: .65; transform: scale(.9) rotate(0); }
    50%      { opacity: 1; transform: scale(1.2) rotate(45deg); }
}

@media (prefers-reduced-motion: no-preference) {
    .aleq-frame {
        animation: aleq-reveal 1.1s cubic-bezier(.2,.75,.2,1) both;
    }

    @keyframes aleq-reveal {
        from { opacity: 0; transform: translateY(32px) scale(.98); }
        to   { opacity: 1; transform: translateY(0) scale(1); }
    }
}

@media (max-width: 600px) {
    .aleq-section {
        padding: 65px 18px 75px;
    }

    .aleq-eyebrow {
        gap: 10px;
        font-size: 9px;
        letter-spacing: .17em;
    }

    .aleq-rule {
        width: 25px;
    }

    .aleq-quote-mark {
        height: 80px;
        font-size: 125px;
    }

    .aleq-statement {
        font-size: clamp(25px, 6.5vw, 35px);
        line-height: 1.52;
    }

    .aleq-signature {
        margin-top: 32px;
    }

    .aleq-footnote {
        font-size: 9px;
        letter-spacing: .15em;
    }
}

@media (prefers-reduced-motion: reduce) {
    .aleq-section::before,
    .aleq-section::after,
    .aleq-quote-mark,
    .aleq-statement em,
    .aleq-signature b,
    .aleq-frame {
        animation: none !important;
    }
}