/* Quiet human–AI scene; the foreground board exhibition is removed. */
.jx .jx-cover1106b{display:flex!important;align-items:center;min-height:850px!important;position:relative;isolation:isolate;background:#e6eee2!important;overflow:hidden;padding:65px 4%!important}
.jx .jx-cover1106b::before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/joseki-woman-robot1109.png') center 60%/cover no-repeat;filter:blur(.45px) saturate(.83);transform:scale(1.003)}
.jx .jx-cover1106b::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#edf4e9f5 0%,#edf4e9e6 26%,#edf4e9a8 43%,#e8f0e333 61%,#e5eee326 100%);pointer-events:none}
.jx .jx-cover1106b .wg-hero-copy{width:40%;max-width:560px;position:relative;z-index:1}
@media(max-width:1100px){.jx .jx-cover1106b .wg-hero-copy{width:53%;max-width:600px}.jx .jx-cover1106b::before{background-position:62% center}}
@media(max-width:700px){.jx .jx-cover1106b{display:block!important;min-height:930px!important;padding:32px 6% 340px!important}.jx .jx-cover1106b .wg-hero-copy{width:100%;max-width:none}.jx .jx-cover1106b::before{background-size:auto 640px;background-position:76% bottom}.jx .jx-cover1106b::after{background:linear-gradient(180deg,#edf4e9 0%,#edf4e9f5 35%,#edf4e9a8 57%,#e8f0e329 76%,#e8f0e31a 100%)}.jx .jx-cover1106b .wg-hero-copy h1{font-size:34px}}
.jx .jx-cover1106b::before,.jx .jx-cover1106b::after{display:block!important}
.jx .jx-cover1106b::before{display:none!important}
.joseki-human-ai-scene{position:absolute;z-index:-2;pointer-events:none}.joseki-human-ai-scene svg{width:100%;height:100%;display:block}
.jx .jx-cover1106b::after{background:linear-gradient(90deg,#edf4e9f5 0%,#edf4e9df 26%,#edf4e98c 43%,#e8f0e312 61%,transparent 100%)}
.joseki-versus{position:absolute;left:52%;right:4%;top:19%;text-align:center;font-size:clamp(19px,2vw,30px);font-weight:700;letter-spacing:1px;color:#153e35;text-shadow:0 1px 10px #f8ffeac9,0 0 24px #f2f5e2;animation:joseki-breathe 8s ease-in-out infinite;pointer-events:none}.joseki-versus span{font-family:Georgia,serif;font-style:italic;color:#8c6b2f;font-size:.8em;padding:0 8px}
@keyframes joseki-breathe{0%,100%{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}
@media(max-width:700px){.joseki-versus{left:10%;right:4%;top:auto;bottom:360px;font-size:20px}.jx .jx-cover1106b::after{background:linear-gradient(180deg,#edf4e9 0%,#edf4e9f5 35%,#edf4e9a0 57%,#e8f0e310 76%,transparent 100%)}}
@media(prefers-reduced-motion:reduce){.joseki-versus{animation:none;opacity:1}}
/* Mobile: the seated players form the first panel; reading starts beneath it. */
@media(max-width:700px),(max-width:900px) and (orientation:portrait){
 .jx .jx-cover1106b{display:flex!important;flex-direction:column;align-items:stretch;min-height:0!important;padding:0!important;gap:0!important;background:#edf4e9!important}
 .jx .jx-cover1106b::after{display:none!important}
 .jx .jx-cover1106b .joseki-human-ai-scene{position:relative;z-index:0;flex:none;aspect-ratio:936/660;overflow:hidden}
 .jx .jx-cover1106b .joseki-human-ai-scene svg{width:100%;height:100%;aspect-ratio:936/660}
 .jx .jx-cover1106b .wg-hero-copy{width:100%;max-width:none;padding:30px 6% 38px;background:#edf4e9}
 .jx .jx-cover1106b .joseki-versus{z-index:2;left:5%;right:5%;top:16px;bottom:auto;font-size:clamp(18px,4.6vw,28px);color:#143c30;text-shadow:0 1px 4px #fff,0 0 14px #f7ffe5}
}
