/* Decorative depth, independent of the shared header and document layout. */
body.kkw-parallax main{position:relative;isolation:isolate}
.kkw-parallax>.site-header,.kkw-parallax>.corporate-header,.kkw-parallax>footer{position:relative;z-index:2;background-color:#fff}
.kkw-parallax .kkw-depth-scene{position:fixed;inset:0;height:100%;z-index:-1;overflow:hidden;pointer-events:none;user-select:none;contain:paint}
.kkw-parallax .kkw-depth-scene--end{display:none}
.kkw-parallax .kkw-depth-halo{position:absolute;display:block;width:clamp(360px,58vw,880px);aspect-ratio:1;right:-14%;top:-190px;border-radius:50%;background:radial-gradient(circle,#c8b4e878 0,#e3d8f34d 40%,transparent 70%)}
.kkw-parallax .kkw-depth-ring{--ring-stroke:24px;position:absolute;display:block;width:clamp(380px,53vw,760px);aspect-ratio:1;left:0;top:0;border-radius:50%;background:conic-gradient(from 30deg,#7860ba70,#51b9c96b,#c1b4e955,#7860ba70);mask-image:radial-gradient(farthest-side,transparent calc(100% - var(--ring-stroke) - 1px),#000 calc(100% - var(--ring-stroke)));translate:var(--ring-x,70vw) var(--ring-y,15vh);transform:translate(-50%,-50%) rotate(var(--ring-turn,0deg))}
.kkw-parallax .kkw-depth-ring{opacity:.3;z-index:1}
.kkw-parallax .kkw-depth-circle{position:absolute;display:block;left:0;top:0;aspect-ratio:1;border-radius:50%;opacity:.6;translate:var(--ring-x,var(--ring-rest-x,70vw)) var(--ring-y,var(--ring-rest-y,25vh));transform:translate(-50%,-50%) rotate(var(--ring-turn,0deg));box-sizing:border-box}
.kkw-parallax .kkw-depth-circle--double{--ring-rest-x:22vw;--ring-rest-y:65vh;width:clamp(280px,40vw,570px);border:2px solid #8f77b65e;z-index:2}
.kkw-parallax .kkw-depth-circle--double::after{content:"";position:absolute;inset:13px;border:1px solid #599fac57;border-radius:50%}
.kkw-parallax .kkw-depth-circle--dashed{--ring-rest-x:82vw;--ring-rest-y:72vh;width:clamp(140px,17vw,245px);border:2px dashed #558f9b66;z-index:3}
.kkw-parallax .kkw-depth-circle--glow{--ring-rest-x:35vw;--ring-rest-y:38vh;width:clamp(310px,36vw,560px);background:radial-gradient(circle,#b7a6de4a 0,#b1dde537 37%,transparent 70%);z-index:0}
.kkw-parallax-running .kkw-depth-ring,.kkw-parallax-running .kkw-depth-circle{will-change:translate,transform}
.kkw-parallax .kkw-depth-halo{opacity:.4}
.kkw-parallax .kkw-depth-grid{opacity:.4}
.kkw-parallax .kkw-depth-grid{position:absolute;display:block;width:clamp(240px,35vw,510px);height:340px;left:-5%;top:220px;background-image:radial-gradient(circle,#47899250 .8px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse,#0009,transparent 70%)}
.kkw-parallax .visual{margin-block:20px}
.kkw-parallax.plugin-detail .concept{padding-block:56px 54px}
.kkw-parallax .kkw-depth-item{translate:0 var(--kkw-depth-y,0px)}
.kkw-parallax.kkw-parallax-running .kkw-depth-item[data-depth-visible]{will-change:translate}
@media(max-width:760px){
 .kkw-parallax .kkw-depth-ring{--ring-stroke:17px;width:clamp(310px,85vw,540px)}
 .kkw-parallax .kkw-depth-circle--double{width:clamp(230px,70vw,380px)}
 .kkw-parallax .kkw-depth-circle--dashed{width:clamp(115px,33vw,180px);border-width:1.5px}
 .kkw-parallax .kkw-depth-circle--glow{width:clamp(250px,75vw,420px)}
 .kkw-parallax .kkw-depth-grid{left:-15%;opacity:.25}
}
@media(prefers-reduced-motion:reduce){
 .kkw-parallax .kkw-depth-item{translate:none!important;will-change:auto!important}
 .kkw-parallax .kkw-depth-ring,.kkw-parallax .kkw-depth-circle{translate:var(--ring-rest-x,70vw) var(--ring-rest-y,25vh)!important;transform:translate(-50%,-50%)!important;will-change:auto!important}
}
@media(forced-colors:active),print{
 .kkw-parallax .kkw-depth-scene{display:none}
 .kkw-parallax .kkw-depth-item{translate:none!important;will-change:auto!important}
}