/* Title */
.title-box
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
    padding-bottom: 34px;
    text-align: center;
}

.title-kr
{
    font-size: 38px;
    font-weight: 700;
    font-family: 'HeirofLightBold', serif;
    margin-bottom: 10px;
    color: #ffffff;
}

.title-en
{
    font-size: 19px;
    font-family: 'Orbitron', sans-serif;
    color: #aaaaaa;
    letter-spacing: 2px;
}


/* Copyright */
.copyright
{
    position: fixed;        /* 화면 고정 */
    bottom: 10px;           /* 하단 여백 */
    left: 20px;             /* 좌측 여백 */
    font-size: 19px;        /* 글씨 크기 */
    color: #ffffff;       /* 글자 색상 */
    
    
    /* font-family: 'Arial', sans-serif; */  /* 기본 폰트 (비활성화됨) */

    font-family: 'Smooch Sans', sans-serif; /* 사용 폰트 */
    letter-spacing: 0.5px;                  /* 글자 사이 간격 */
    z-index: 1000;                          /* 우선순위 */
}

/* Logo */
.overspell-logo
{
    max-width: 100%;
    height: auto;
}


.blue-box 
{
    background: linear-gradient(to right, rgba(0, 50, 100, 0.6), rgba(0, 20, 50, 0.6));
    border: 1px solid #00aaff;
    border-radius: 4px;
    padding: 16px 24px;
    color: #ffffff;
    text-align: center;
    box-shadow: 0 0 12px rgba(0, 170, 255, 0.4);
    font-size: 15px;
    line-height: 1.6;
}

.notice-ai
{
    font-size: 14px;
    text-align: center;
}


/* Video */
.video-wrapper
{
    position: relative;
    width: 100%;
    padding-top: 20%; /* 2:1 비율 → 1 / 2 * 100 = 50% */
    overflow: hidden;
}

.video-wrapper video
{
    position: absolute;
    top: -10%;           /* 윗부분 자르기 */
    left: 0;
    width: 100%;
    height: 120%;        /* 높이 늘려서 윗부분 잘라내기 */
    object-fit: cover;
    object-position: center 90%;
}


/* News Video */
.news-video-wrapper
{
    position: relative;
    width: 100%;
    padding-top: 30%; /* 2:1 비율 → 1 / 2 * 100 = 50% */
    overflow: hidden;
}

.news-video-wrapper video
{
    position: absolute;
    top: -10%;           /* 윗부분 자르기 */
    left: 0;
    width: 100%;
    height: 140%;        /* 높이 늘려서 윗부분 잘라내기 */
    object-fit: cover;
    object-position: center 90%;
}


/* Codex Video */
.codex-video-wrapper
{
    position: relative;
    width: 100%;
    padding-top: 30%; /* 2:1 비율 → 1 / 2 * 100 = 50% */
    overflow: hidden;
}

.codex-video-wrapper video
{
    position: absolute;
    top: -10%;           /* 윗부분 자르기 */
    left: 0;
    width: 100%;
    height: 140%;        /* 높이 늘려서 윗부분 잘라내기 */
    object-fit: cover;
    object-position: center 90%;
}

/* episode Video */
.episode-video-wrapper
{
    position: relative;
    width: 100%;
    padding-top: 30%; /* 2:1 비율 → 1 / 2 * 100 = 50% */
    overflow: hidden;
}

.episode-video-wrapper video
{
    position: absolute;
    top: 0%;           /* 윗부분 자르기 */
    left: 0;
    width: 100%;
    height: 140%;        /* 높이 늘려서 윗부분 잘라내기 */
    object-fit: cover;
    object-position: center 90%;
}

.episode-video-wrapper::after
{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    pointer-events: none;
}

.media-video-wrapper
{
    position: relative;
    width: 100%;
    padding-top: 20%;
    overflow: hidden;
}

.media-video-wrapper video
{
    position: absolute;
    top: -10%;
    left: 0;
    width: 100%;
    height: 120%;
    object-fit: cover;
    object-position: center 90%;
}

.media-video-wrapper::after
{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    pointer-events: none;
}

.ost-video-wrapper
{
    position: relative;
    width: 100%;
    padding-top: 20%;
    overflow: hidden;
}

.ost-video-wrapper video
{
    position: absolute;
    top: -10%;
    left: 0;
    width: 100%;
    height: 210%;
    object-fit: cover;
    object-position: center 90%;
}

.official-video-wrapper
{
    position: relative;
    width: 100%;
    padding-top: 20%;
    overflow: hidden;
}

.official-video-wrapper video
{
    position: absolute;
    top: -20%;
    left: 0;
    width: 100%;
    height: 120%;
    object-fit: cover;
    object-position: center 20%;
}