/* 폰트: notoSerif = Noto Serif KR Black(900) (도메인 골드 3D 텍스트, 한글 전수+라틴 서브셋), nsSans = Noto Sans SemiBold (텔레그램 ID) */
@font-face {
    font-family: notoSerif;
    font-style: normal;
    font-weight: 900;
    src: url(_font/NotoSerifKR-Black.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: nsSans;
    font-style: normal;
    font-weight: 700;
    src: url(_font/NotoSans-SemiBold.woff2) format('woff2');
    font-display: swap;
}

/* 기본 스타일 초기화 및 전체 화면 설정 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000000;
}

/* 랜딩 컨테이너 - 화면 중앙 정렬 */
.landing-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000000;
}

/* 이미지 래퍼 - 원본 비율(853:1280) 고정, 오버레이 텍스트가 이미지와 함께 비례 스케일되도록 컨테이너 선언 */
.image-wrapper {
    position: relative;
    aspect-ratio: 853 / 1280;
    height: min(100vh, calc(100vw * 1280 / 853));
    container-type: size;
}

/* 랜딩 이미지 - 래퍼 전체를 채움 (비율이 같으므로 왜곡 없음) */
.landing-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    display: block;
}

/* 클릭 영역 - absolute positioning */
.click-area {
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 10;
}

/* 평생도메인 주소 - 골드 3D 텍스트 (SVG)
   viewBox(853x1280)가 이미지와 1:1 매핑 → 전 뷰포트 비례 스케일
   text-anchor=middle(x528) → 도메인 텍스트 변경 시에도 센터링 유지
   3레이어: pd-shadow(블러 드롭섀도) / pd-edge(하단 어두운 엣지) / pd-face(골드 그라디언트+스펙큘러 비벨) */
.ov-domain {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 5;
}

.pd-t {
    font-family: notoSerif, serif;
    font-weight: 900;
    font-size: 96px;
}

.pd-face {
    paint-order: stroke fill;
    stroke: #6e4a16;
    stroke-width: 1.5;
    stroke-linejoin: miter;
}

.pd-shadow {
    fill: rgba(45, 28, 6, 0.45);
    filter: url(#pdShadowBlur);
}

.pd-x {
    fill: #7a4e18;
}

/* 텔레그램 ID 텍스트
   원본 이미지 텍스트 bbox: x 492~652, y 1103~1139 (853x1280 기준) */
.ov-tg {
    position: absolute;
    left: 57.679%;
    top: 86.172%;
    width: 18.875%;
    height: 2.891%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: nsSans, sans-serif;
    font-weight: 700;
    font-size: 5.744cqw;
    line-height: 1;
    color: #491f0f;
    white-space: nowrap;
}