/* A portrait crosses the seam, with depth restrained to the foreground. */
#pribeh{position:relative;isolation:isolate;overflow:visible;padding-top:85px;min-height:660px}
#pribeh .section-marker,#pribeh .intro-grid{position:relative;z-index:2;width:55%}
#pribeh .intro-grid{display:block}#pribeh .intro-grid h2{font-size:clamp(38px,3.7vw,60px);margin-bottom:35px}
.geralt-crossing{position:absolute;right:5%;top:-145px;width:min(40vw,540px);height:720px;z-index:3;pointer-events:none;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 78%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 65%,transparent 96%);mask-composite:intersect}
.geralt-crossing img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center top;transform:translateY(var(--drift,0px));filter:drop-shadow(-18px 12px 23px #0009);mask-image:linear-gradient(#000 0 65%,transparent 94%)}
.geralt-aura{position:absolute;inset:5% -12% 0;background:radial-gradient(ellipse at 50% 45%,#9fae9629,transparent 67%)}
.geralt-mist{position:absolute;bottom:8%;left:-15%;width:125%;height:29%;background:radial-gradient(ellipse at 35% 60%,#acb9a72b,transparent 55%),radial-gradient(ellipse at 72% 45%,#c2c8b71a,transparent 55%);filter:blur(17px);animation:crossing-mist 14s ease-in-out infinite alternate;animation-play-state:paused}
.geralt-crossing.is-visible .geralt-mist{animation-play-state:running}
@keyframes crossing-mist{to{transform:translateX(-25px) scaleX(1.12);opacity:.55}}
.voice-dialog .voice-details{transform-origin:left center}
.voice-dialog .voice-art{transform-origin:center center;backface-visibility:hidden}
html{scrollbar-gutter:stable}
.voice-dialog .voice-flight{position:fixed!important;margin:0!important;padding:0!important;max-width:none!important;pointer-events:none;overflow:hidden;transform-origin:top left;z-index:30;outline:2px solid #b9a06a;outline-offset:-4px;background:radial-gradient(ellipse at center,#3a4438,#101610);border:3px double #d7be7d}
.voice-flight>img{position:absolute!important;inset:0 0 105px!important;width:100%!important;height:calc(100% - 105px)!important;object-fit:contain!important;padding:12px!important;transform:none!important}
.voice-flight .card-game-logo img{position:static!important;height:100%!important;padding:0!important}
.voice-flight:before{z-index:10;inset:0;border:0;background:linear-gradient(115deg,transparent 30%,#fff2c65c 48%,transparent 65%);background-size:250% 100%;animation:draw-glint .7s ease-out both;pointer-events:none}
@keyframes draw-glint{from{background-position:140% 0}to{background-position:-70% 0}}
.wolf-medallion{display:block;flex:0 0 58px;width:58px;height:68px;filter:drop-shadow(0 3px 4px #000b)}
.wolf-medallion svg{display:block;width:100%;height:100%}
.wolf-light{opacity:calc(.15 + var(--voice-energy,0)*1.05);filter:drop-shadow(0 0 5px #ffbd4a)}
.wolf-runes{opacity:calc(.12 + var(--voice-energy,0));filter:drop-shadow(0 0 3px #ffc86c)}
@media(max-width:900px){.geralt-crossing{right:0;width:43%;height:610px;top:-90px}#pribeh .section-marker,#pribeh .intro-grid{width:57%}#pribeh{min-height:600px}.wolf-medallion{flex-basis:43px;width:43px;height:53px}}
@media(max-width:600px){#pribeh{padding-top:310px;min-height:0}#pribeh .section-marker,#pribeh .intro-grid{width:100%}.geralt-crossing{width:280px;height:410px;top:-85px;right:calc(50% - 140px)}#pribeh .intro-grid h2{font-size:38px}.wolf-medallion{flex-basis:38px;width:38px;height:47px}.relic-player{gap:7px}.geralt-crossing img{transform:none}}
@media(prefers-reduced-motion:reduce){.geralt-crossing img{transform:none}.geralt-mist,.voice-flight:before{animation:none}.wolf-light,.wolf-runes{opacity:.25;filter:none}}