@charset "utf-8";

/* -----------------------------------------------------------
    初回訪問イントロアニメーション（cast top）
----------------------------------------------------------- */
.intro-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    pointer-events: none;
}

.intro-panel {
    width: 50%;
    height: 100%;
    background: #fff;
}

/* 再訪問時（sessionStorage判定済み）はオーバーレイ自体を出さない */
html.no-intro .intro-overlay {
    display: none;
}

/* アニメーション実行中はスクロールと操作をブロック */
html.intro-running {
    overflow: hidden;
}

html.intro-running .intro-overlay {
    pointer-events: auto;
}

/* 初回訪問時のみ、MVエリアを隠した状態から開始する */
html:not(.no-intro) .mv-area {
    opacity: 0;
    transform: scale(.96);
}