/* PC版（1001px〜1800px）専用CSS - PC用ガード（現時点では最小限の差分のみ） */
@media (min-width:1001px) and (max-width:1800px) {
    :root {
        /* ここは将来のPC調整用。現状は空でOK（差分ゼロ） */
    }

    /* マニフェストレインボーテキストのPC版縦読み復元 */
    .manifesto .manifesto__rainbow-text {
        writing-mode: vertical-rl !important;
        text-orientation: mixed !important;
        font-family: var(--font-en) !important;
        font-size: clamp(40px, 10vw, 75px) !important;
        font-weight: 900 !important;
        line-height: 0.9 !important;
        background: var(--rainbow-gradient) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
        color: transparent !important;
        opacity: 0 !important;
        transform: translateX(30px) !important;
        transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
        /* レスポンシブCSSの影響を無効化 */
        display: block !important;
        flex-direction: unset !important;
        align-items: unset !important;
        justify-content: unset !important;
        width: auto !important;
        max-width: none !important;
        text-align: unset !important;
        /* 右端から少しだけ内側に寄せる（デザイン通りの左寄せに近づける） */
        margin: 0 clamp(16px, 2vw, 32px) 0 0 !important;
        padding: unset !important;
    }

    .manifesto .manifesto__rainbow-text.is-visible {
        opacity: 1 !important;
        transform: translateX(0) !important;
    }
}

/* ========================================
   トップページPCヘッダー上部の「わずかな隙間」をピクセル単位で吸収する
   対象: body.home かつ 1001px以上（PCナビ表示時）のみ
   他ページ・モバイルには一切影響しない
   ======================================== */
@media screen and (min-width: 1001px) {

    /* ヘッダーを数pxだけ上に押し上げて、描画誤差によるヘアライン隙間を確実に潰す */
    body.home header.site-header {
        top: -3px !important;
        margin-top: 0 !important;
    }
}