/* ==================================================
   AIRVENTURE ABOUT BRIEF
================================================== */

.dr1064aboutbrief {

    position: relative;

    padding: 140px 0;

    background:
        linear-gradient(
            180deg,
            #071A2E 0%,
            #0C2742 100%
        );

    overflow: hidden;
}

/* Decorative Glow */

.dr1064aboutbrief::before {

    content: "";

    position: absolute;

    width: 700px;
    height: 700px;

    top: -250px;
    right: -250px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(56,217,255,.18),
            transparent 70%
        );

    pointer-events: none;
}

.dr1064aboutbriefContainer {

    width: min(1400px,92%);
    margin: auto;

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 80px;

    align-items: center;
}

/* ==================================================
   IMAGE
================================================== */

.dr1064aboutbriefVisual {

    position: relative;

    margin: 0;

    perspective: 1200px;
}

.dr1064aboutbriefVisual img {

    width: 100%;

    display: block;

    border-radius: 36px;

    box-shadow:
        0 50px 120px rgba(0,0,0,.45);

    transform:
        rotateY(-6deg)
        rotateX(2deg);

    transition: .6s;
}

.dr1064aboutbriefVisual:hover img {

    transform:
        rotateY(0)
        rotateX(0)
        scale(1.02);
}

.dr1064aboutbriefFloatingCard {

    position: absolute;

    right: -30px;
    bottom: 50px;

    padding: 24px 28px;

    border-radius: 22px;

    background:
        rgba(255,255,255,.10);

    border:
        1px solid rgba(255,255,255,.15);

    backdrop-filter: blur(25px);

    box-shadow:
        0 30px 80px rgba(0,0,0,.35);

    animation:
        dr1064AboutFloat 6s ease-in-out infinite;
}

.dr1064aboutbriefFloatingCard strong {

    display: block;

    color: #38D9FF;

    font-size: 20px;

    margin-bottom: 8px;
}

.dr1064aboutbriefFloatingCard span {

    color:
        rgba(255,255,255,.85);
}

/* ==================================================
   CONTENT
================================================== */

.dr1064aboutbriefContent {

    color: #ffffff;
}

.dr1064aboutbriefTag {

    display: inline-flex;

    padding: 12px 22px;

    border-radius: 999px;

    background:
        rgba(56,217,255,.12);

    border:
        1px solid rgba(56,217,255,.20);

    color: #38D9FF;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;

    margin-bottom: 28px;
}

.dr1064aboutbriefContent h2 {

    font-size: 62px;

    line-height: 1.1;

    margin-bottom: 30px;

    font-weight: 900;
}

.dr1064aboutbriefContent h2 span {

    color: #38D9FF;
}

.dr1064aboutbriefContent p {

    font-size: 18px;

    line-height: 1.9;

    color:
        rgba(255,255,255,.82);

    margin-bottom: 24px;
}

/* ==================================================
   STATS
================================================== */

.dr1064aboutbriefStats {

    display: grid;

    grid-template-columns:
        repeat(4,1fr);

    gap: 18px;

    margin:
        40px 0;
}

.dr1064aboutbriefStats article {

    padding: 24px;

    border-radius: 20px;

    background:
        rgba(255,255,255,.06);

    border:
        1px solid rgba(255,255,255,.08);

    backdrop-filter: blur(25px);
}

.dr1064aboutbriefStats strong {

    display: block;

    color: #38D9FF;

    font-size: 22px;

    margin-bottom: 8px;
}

.dr1064aboutbriefStats span {

    color:
        rgba(255,255,255,.75);

    font-size: 13px;
}

/* ==================================================
   FEATURES
================================================== */

.dr1064aboutbriefFeatures {

    display: grid;

    grid-template-columns: 1fr;

    gap: 18px;

    margin-top: 20px;
}

.dr1064aboutbriefFeatures div {

    display: flex;

    align-items: flex-start;

    gap: 16px;

    padding: 18px 22px;

    border-radius: 18px;

    background:
        rgba(255,255,255,.05);

    border:
        1px solid rgba(255,255,255,.08);

    backdrop-filter: blur(20px);

    transition:
        transform .35s ease,
        border-color .35s ease,
        background .35s ease;
}

.dr1064aboutbriefFeatures div:hover {

    transform:
        translateX(8px);

    border-color:
        rgba(56,217,255,.30);

    background:
        rgba(255,255,255,.08);
}

.dr1064aboutbriefFeatures i {

    flex-shrink: 0;

    width: 42px;
    height: 42px;

    min-width: 42px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        linear-gradient(
            135deg,
            #00C6FF,
            #38D9FF
        );

    color: #071A2E;

    font-style: normal;

    font-weight: 900;

    font-size: 15px;

    margin-top: 2px;
}

.dr1064aboutbriefFeatures span {

    display: block;

    flex: 1;

    color:
        rgba(255,255,255,.92);

    line-height: 1.8;

    font-size: 15px;
}

/* ==================================================
   FLOAT
================================================== */

@keyframes dr1064AboutFloat {

    0%,100% {

        transform:
            translateY(0);
    }

    50% {

        transform:
            translateY(-16px);
    }
}

/* ==================================================
   RESPONSIVE
================================================== */

@media (max-width:1200px){

    .dr1064aboutbriefContent h2{

        font-size:52px;
    }

    .dr1064aboutbriefStats{

        grid-template-columns:
            repeat(2,1fr);
    }
}

@media (max-width:991px){

    .dr1064aboutbriefContainer{

        grid-template-columns:1fr;

        gap:60px;
    }

    .dr1064aboutbriefContent{

        text-align:center;
    }

    .dr1064aboutbriefFeatures div{

        justify-content:center;
    }

    .dr1064aboutbriefFloatingCard{

        right:20px;
    }
}

@media (max-width:768px){

    .dr1064aboutbrief{

        padding:100px 0;
    }

    .dr1064aboutbriefContent h2{

        font-size:38px;
    }

    .dr1064aboutbriefContent p{

        font-size:16px;
    }

    .dr1064aboutbriefStats{

        grid-template-columns:1fr;
    }

    .dr1064aboutbriefFloatingCard{

        position:relative;

        right:auto;
        bottom:auto;

        margin-top:20px;
    }

    .dr1064aboutbriefFeatures div{

        text-align:left;

        justify-content:flex-start;

        align-items:flex-start;

        padding:16px;
    }

    .dr1064aboutbriefFeatures i{

        width:36px;
        height:36px;

        min-width:36px;

        font-size:13px;
    }

    .dr1064aboutbriefFeatures span{

        font-size:14px;

        line-height:1.7;
    }
}