:root {
    --auv-bg: #071327;
    --auv-bg-2: #05101f;
    --auv-card: rgba(18, 31, 54, .92);

    --auv-primary: #00b7df;

    --auv-text: rgba(255,255,255,.72);

    --auv-border: rgba(255,255,255,.08);

    --auv-shadow:
        0 24px 80px rgba(0,0,0,.32);
}

/* ======================================================
SECTION
====================================================== */

.aethorax-auv {
    position: relative;

    overflow: hidden;

    padding:
        clamp(70px, 8vw, 120px)
        0;

    min-height: 100vh;

    color: #fff;

    background:
        radial-gradient(
            circle at 88% 14%,
            rgba(0,183,223,.14),
            transparent 28%
        ),

        radial-gradient(
            circle at 40% 60%,
            rgba(0,183,223,.05),
            transparent 38%
        ),

        linear-gradient(
            180deg,
            var(--auv-bg) 0%,
            var(--auv-bg-2) 100%
        );
}

/* ======================================================
TITLE
====================================================== */

.auv-title {
	color: var(--auv-primary);
	font-size: clamp(2.2rem, 4vw, 2.8rem);
	font-weight: 800;
	letter-spacing: .05em;
	line-height: 1.05;
	margin-bottom: 22px;
} 

.auv-line {
    width: 100%;

    max-width: 430px;

    height: 12px;

    border-radius: 999px;

    background:
        rgba(0,183,223,.16);

    margin-bottom: 32px;
}

/* ======================================================
DESCRIPTION
====================================================== */

.auv-description {
    color: var(--auv-text);

    font-size:
        clamp(1rem, 1.1vw, 1.12rem);

    line-height: 1.9;

    margin-bottom: 40px;

    max-width: 680px;
}

/* ======================================================
LEFT MEDIA GRID
====================================================== */

.auv-media-grid {
    display: grid;

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

    gap: 18px;
}

.auv-media-item {
    position: relative;

    overflow: hidden;

    border-radius: 22px;

    border:
        1px solid var(--auv-border);

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

    box-shadow:
        var(--auv-shadow);
}

/* FIRST IMAGE LARGE */

.auv-media-item.is-large {
    grid-column: span 2;
}

.auv-media-item img {
	width: 100%;
	display: block;
	object-fit: cover;
	height: clamp(220px, 22vw, 440px);
	transition: transform .4s ease;
}

.auv-media-item.is-large img {
	height: clamp(324px, 45vw, 600px);
}

.auv-media-item:hover img {
    transform: scale(1.03);
}
    
/* ======================================================
TABLE
====================================================== */

.auv-table-wrap {
    overflow: hidden;

    border-radius: 24px;

    border:
        1px solid var(--auv-border);

    background:
        var(--auv-card);

    box-shadow:
        var(--auv-shadow);

    backdrop-filter:
        blur(10px);
}

.auv-table {
    width: 100%;

    border-collapse: collapse;
}

.auv-table th,
.auv-table td {
    padding:
        18px
        22px;

    text-align: left;

    border-bottom:
        1px solid rgba(255,255,255,.06);

    font-size:
        clamp(.92rem, 1vw, 1rem);

    line-height: 1.55;
}

.auv-table th {
    background:
        rgba(0,183,223,.08);

    color:
        var(--auv-primary);

    font-weight: 800;
}

.auv-table td {
    color:
        var(--auv-text);
}

.auv-table td:first-child {
    color: #fff;

    font-weight: 700;

    width: 45%;
}

.auv-table tr:last-child td {
    border-bottom: 0;
}

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

.auv-content {
    padding-left:
        clamp(0px, 2vw, 40px);
}



/* FIX WP VIDEO WRAPPER */


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

@media(max-width: 991px) {

    .auv-content {
        padding-left: 0;
    }

    .auv-table-wrap {
        overflow-x: auto;
    }

    .auv-table {
        min-width: 620px;
    }

}

@media(max-width: 767px) {

    .aethorax-auv {
        padding:
            60px
            0;
    }

    .auv-media-grid {
        grid-template-columns: 1fr;
    }

    .auv-media-item.is-large {
        grid-column: span 1;
    }

    .auv-media-item img,
    .auv-media-item.is-large img {
        height: 260px;
    }

    .auv-title {
        font-size:
            clamp(2rem, 9vw, 3rem);
    }


}


.wp-video {
	margin: 0 auto;
}