/* AI × 相方: two independent forces resolve into the original DIN wordmark.
   222（2026-10-14）：画面全体で表現（ヘッダーより上・左右／上下に割れて開く） */
.aikata-opening111{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;overflow:hidden;pointer-events:none;background:transparent;color:#fff;isolation:isolate}
.aikata-opening111 *{box-sizing:border-box}
html.op222-on,html.op222-on body{overflow:hidden}
/* 二つに割れる背景（つなぎ目が見えないよう、同じグラデーションを半分ずつ） */
.op222-half{position:absolute;overflow:hidden;will-change:transform;z-index:0}
.op222-half>i{position:absolute;inset:0;display:block;background:linear-gradient(112deg,#080717 0%,#151044 42%,#30278f 76%,#5140b0 100%)}
.op222-half>i::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 62% 48%,rgba(175,159,255,.26),transparent 70%)}
.op222-a{left:0;top:0;bottom:0;width:50.2%}
.op222-b{right:0;top:0;bottom:0;width:50%}
.op222-a>i{right:auto;width:199.2%}
.op222-b>i{left:auto;width:200%}
.is-portrait .op222-a{right:0;bottom:auto;width:auto;height:50.2%}
.is-portrait .op222-b{left:0;top:auto;width:auto;height:50%}
.is-portrait .op222-a>i{width:auto;right:0;bottom:auto;height:199.2%}
.is-portrait .op222-b>i{width:auto;left:0;top:auto;height:200%}
/* 画面いっぱいの「AI」「相方」 */
.op222-giant{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;pointer-events:none}
.op222-giant b{display:block;text-align:center;font:700 min(30vw,64vh)/1 'Noto Sans JP',sans-serif;letter-spacing:-.02em;color:rgba(255,255,255,.035);-webkit-text-stroke:1.5px rgba(222,214,255,.5);white-space:nowrap;will-change:transform,opacity}
.op222-giant .op222-g2{font-size:min(21vw,48vh)}
.is-portrait .op222-giant{grid-template-columns:1fr;grid-template-rows:1fr 1fr}
.is-portrait .op222-giant b{font-size:min(48vw,30vh)}
.is-portrait .op222-giant .op222-g2{font-size:min(40vw,24vh)}
.aikata-opening111__wind{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}
/* 中央のロゴ（「AI × 相方」は大きな文字で見せるので小さい式は出さない） */
.aikata-opening111__equation{display:none!important}
.aikata-opening111__content{position:relative;z-index:2;text-align:center;width:min(720px,100%);padding:30px 24px;mix-blend-mode:screen}
.aikata-opening111__equation{display:flex;justify-content:center;align-items:center;gap:22px;margin:0 0 30px;font:500 clamp(18px,2vw,24px)/1.5 'Noto Sans JP',sans-serif;letter-spacing:.15em;color:#e3dcff}
.aikata-opening111__equation i{font-style:normal;font-weight:300;color:#bcb0ff;font-size:24px}
.aikata-opening111__mark{position:relative;width:288px;height:84px;margin:0 auto;mix-blend-mode:screen;transform:scale(1.15)}
.aikata-opening111__piece{position:absolute;inset:0;display:block;background:#fff url('/aikata/assets/aikata-logo-source.webp') no-repeat -2802px -50px;background-size:3200px 1800px;filter:invert(1);transform-origin:center;will-change:transform,opacity}
.aikata-opening111__ai{clip-path:inset(0 67% 0 0)}
.aikata-opening111__kata{clip-path:inset(0 0 0 33%)}
.aikata-opening111__caption{margin:40px 0 0!important;color:#fff!important;font:500 clamp(18px,2.2vw,26px)/1.8 'Noto Sans JP',sans-serif!important;letter-spacing:.08em}
@media(max-width:600px){.aikata-opening111__content{padding-inline:16px}.aikata-opening111__mark{transform:scale(.95)}.aikata-opening111__equation{margin-bottom:22px;gap:18px}.aikata-opening111__caption{margin-top:24px!important}}
@media(prefers-reduced-motion:reduce){.aikata-opening111{display:none!important}}

/* 223：FVのチャット（吹き出し・入力中の点）は、演出が開くまで止めておく（遅延の時間も止まる） */
html.op222-pre .hero110 .c165,html.op222-pre .hero110 .c165 i,
html.op222-on:not(.op222-split) .hero110 .c165,html.op222-on:not(.op222-split) .hero110 .c165 i{animation-play-state:paused!important}