/* 既存B案：静かな二色の光と、世界を巡る航路。 */
.playful .magazine-cover .cover-neon{background:none;opacity:.72}
.playful .magazine-cover .cover-neon::before,.playful .magazine-cover .cover-neon::after{content:"";display:block;position:absolute;inset:0;width:auto;height:auto;transform:none;border:0;filter:none;background-size:42px 42px;background-position:21px 21px}
.playful .magazine-cover .cover-neon::before{background-image:radial-gradient(circle,#f3a0cda6 0 1px,#e653a72e 1.8px,transparent 4px);animation:neon-pink 14s ease-in-out infinite}
.playful .magazine-cover .cover-neon::after{background-image:radial-gradient(circle,#b7d9bea6 0 1px,#95cda22e 1.8px,transparent 4px);animation:neon-mint 14s ease-in-out infinite}
@keyframes neon-pink{0%,15%,100%{opacity:1}45%,65%{opacity:0}}
@keyframes neon-mint{0%,15%,100%{opacity:0}45%,65%{opacity:.85}}
@keyframes neon-route{0%,15%,100%{color:#ffb1df;stroke:#e88eba}45%,65%{color:#c1e2c7;stroke:#a1cbb0}}
.playful .magazine-cover .sea-path{animation:neon-route 14s ease-in-out infinite}
.playful .magazine-cover .hero-boat.light-traveler{animation:neon-route 14s ease-in-out infinite!important;filter:drop-shadow(0 0 4px currentColor)!important}
.hero-boat.light-traveler circle:not(:last-child){fill:currentColor}
.playful .why-manjiro .why-journey-layout{max-width:1280px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.why-journey-copy{min-width:0}.why-journey-art{position:relative;width:100%;aspect-ratio:1.5;isolation:isolate}
.journey-globe{display:block;width:100%;height:auto;transform:scale(.88);position:relative;z-index:1}
.journey-orbit{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:2}
.journey-orbit-line{fill:none;stroke:#971759;stroke-width:1.5;stroke-dasharray:3 8;opacity:.5}
.journey-vessel{filter:drop-shadow(0 3px 3px #241f2830)}
html.manjiro-snap{scroll-snap-type:y proximity;scroll-padding-top:114px}
.manjiro-snap main>section,.manjiro-snap main>.photo-strip{scroll-snap-align:start;scroll-snap-stop:normal;scroll-margin-top:0}
html.manjiro-still{scroll-snap-type:none!important}
.motion-off .magazine-cover .cover-neon::before{animation:none!important;opacity:1}
.motion-off .magazine-cover .cover-neon::after{animation:none!important;opacity:0}
.motion-off .magazine-cover .sea-path,.motion-off .magazine-cover .hero-boat{animation:none!important}
@media(max-width:960px){.playful .why-manjiro .why-journey-layout{gap:24px}.playful .why-manjiro h2{font-size:34px}}
@media(max-width:760px){.playful .why-manjiro .why-journey-layout{grid-template-columns:1fr;gap:24px}.why-journey-art{max-width:520px;margin:auto;grid-row:1}.playful .why-manjiro h2{font-size:30px}.playful .magazine-cover .cover-neon::before,.playful .magazine-cover .cover-neon::after{background-size:32px 32px;background-position:16px 16px}html.manjiro-snap{scroll-padding-top:108px}}
@media(prefers-reduced-motion:reduce){html.manjiro-snap{scroll-snap-type:none}.playful .magazine-cover .cover-neon::before{animation:none;opacity:1}.playful .magazine-cover .cover-neon::after{animation:none;opacity:0}.playful .magazine-cover .sea-path,.playful .magazine-cover .hero-boat.light-traveler{animation:none!important}}

/* FVの光の航路はFVの境界で切り、次のセクションへ重ねない。 */
.playful .magazine-cover .hero-sea{clip-path:inset(0);overflow:hidden!important}
.playful .magazine-cover{overflow:hidden!important;isolation:isolate}

/* 光はFV内の一つだけ。下部の航路には光点を表示しない。 */
.playful .voyage-ship{display:none!important}
.playful .magazine-cover{clip-path:inset(0);contain:paint}
.playful .magazine-cover .hero-sea{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;clip-path:inset(0);contain:paint;pointer-events:none}
.playful .magazine-cover .hero-sea-lines{overflow:hidden!important}
.motion-pause{display:none!important}

/* 色の交替とは少し周期をずらし、静かに呼吸する明るさ。 */
@keyframes neon-breathe{0%,100%{opacity:.48}48%{opacity:.82}}
@keyframes light-halo-breathe{0%,100%{opacity:.09;transform:scale(.88)}50%{opacity:.23;transform:scale(1.12)}}
@keyframes light-inner-breathe{0%,100%{opacity:.23}50%{opacity:.42}}
.playful .magazine-cover .cover-neon{animation:neon-breathe 8.8s ease-in-out infinite}
.playful .magazine-cover .hero-boat.light-traveler circle:first-child{transform-origin:0 0;animation:light-halo-breathe 6.4s ease-in-out infinite}
.playful .magazine-cover .hero-boat.light-traveler circle:nth-child(2){animation:light-inner-breathe 6.4s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.playful .magazine-cover .cover-neon,.playful .magazine-cover .hero-boat.light-traveler circle{animation:none!important}}
.motion-off .magazine-cover .cover-neon,.motion-off .magazine-cover .hero-boat.light-traveler circle{animation:none!important}

/* PCは写真に対して左側の可読性と相談ボタンを少し強める。 */
@media(min-width:1100px){
.playful .magazine-cover h1{font-size:clamp(36px,2.85vw,44px)!important;line-height:1.5!important}
.playful .magazine-cover .intro{font-size:15px!important;line-height:1.9!important;max-width:100%;width:auto}
.playful .magazine-cover .line-cta{font-size:16px!important;min-height:64px;padding:18px 30px!important}
}