/* C×A 1案：ヘッダー（2026-10-28 松原さん「A：フレームなし」）
   - 白いフレームを外し、元データのロゴ（logo-red.svg）を幅96pxで置く。MÜSIC の切り取りと「HAIR & MAKE」の文字はやめる
   - ロゴが写真の上でも読めるよう、写真の上の端だけ白くする（0.6 → 0.82）
   - 下に進んだらロゴを隠す（赤い面の上で赤いロゴが消えるため）。最初の画面に戻るとまた出る
   - メニューボタンは C のまま（赤い面の上では赤い丸が溶けて三本線だけになる＝OK）
   このファイルと add.js のロゴの部分を外せば、C のヘッダーに戻る。 */
html[data-variant="3"] .header-surface{display:none!important}
html[data-variant="3"] .site-header .brand{top:8px!important;left:20px!important;width:auto!important;height:auto!important;min-height:0!important;transition:opacity .3s ease}
html[data-variant="3"] .site-header .brand>:not(.logo-orig){display:none!important}
html[data-variant="3"] .site-header .brand .logo-orig{display:block;width:96px;height:65.07px;max-width:none}
html[data-variant="3"] .background-slides .slide::after{background:linear-gradient(to bottom,rgba(255,255,255,.82) 0%,rgba(255,255,255,.5) 12%,rgba(255,255,255,0) 26%)!important}
html[data-variant="3"].ready.scrolled .site-header .brand{opacity:0!important;pointer-events:none}
@media(prefers-reduced-motion:reduce){html[data-variant="3"] .site-header .brand{transition:none}}