html:has(body.pal-home){scrollbar-gutter:stable}
.pal-home .u-loading{transition:none}

.pal-home .u-loading .u-opening-dot,
.pal-home .u-loading .u-opening-white{animation:none;transition:none}
.pal-home .u-loading.dot .u-opening-dot,
.pal-home .u-loading.iris .u-opening-white{animation:none;transition:none}
.pal-home .u-loading.iris .u-opening-mark{transition:none}

.pal-home .u-loading.step3 .u-opening-row,
.pal-home .u-loading.step3 .u-opening-row>span{transition:none}
.pal-intro-paused *{animation-play-state:paused!important}
.pal-home .pal-opening-p{overflow:visible}
.pal-home .hero .u-segment{background:#165b38}

html[data-pal-resume]{overflow-y:auto!important}
html[data-pal-resume] .pal-home{overflow:visible}
html[data-pal-resume] .pal-home .u-loading{display:none}
html[data-pal-resume] .pal-home pal-reference-header{visibility:visible}
html[data-pal-resume] .pal-home .wordmark img,
html[data-pal-resume] .pal-home .u-hero-copy-line,
html[data-pal-resume] .pal-home .u-label i,
html[data-pal-resume] .pal-home .u-label>span,
html[data-pal-resume] .pal-home .u-text-row>span{transform:none;transition:none}
html[data-pal-resume] .pal-home .hero .scroll,
html[data-pal-resume] .pal-home .u-about-logo>div,
html[data-pal-resume] .pal-home .u-about-en{opacity:1;transition:none}

html[data-pal-resume] .pal-home .u-about-still,
html[data-pal-resume] .pal-home .u-about-gif,
html[data-pal-resume] .pal-home .u-about-wordmark{display:none!important}
html[data-pal-resume] .pal-home .u-about-final{display:block!important}
.pal-home .u-about-wordmark{position:absolute;inset:0;width:100%;height:auto;overflow:visible;pointer-events:none}


.pal-home .hero .scroll{pointer-events:none;user-select:none;cursor:default}
.pal-home .hero .u-scroll-arrow{
  animation:pal-scroll-flow 2.2s cubic-bezier(.45,0,.2,1) infinite both;
  animation-play-state:paused;
}
.pal-home:not(.u-loading-on) .hero .u-scroll-arrow{animation-play-state:running}
@keyframes pal-scroll-flow{
  0%{transform:translateY(-4px);opacity:0}
  18%{transform:translateY(0);opacity:1}
  68%{transform:translateY(10px);opacity:1}
  90%,100%{transform:translateY(16px);opacity:0}
}



.pal-home .u-about-copy{container-type:inline-size}
.pal-home .u-about-ja{font-size:min(20px,1.5vw);gap:.85em}
.pal-home .u-about-ja p{font-size:inherit;line-height:1.75;letter-spacing:.02em}
.pal-home .u-about-ja .u-text-row>span{white-space:nowrap}
@media(max-width:768px){.pal-home .u-about-ja{font-size:min(20px,3.8vw)}}
@supports(font-size:1cqw){.pal-home .u-about-ja{font-size:min(20px,4.4cqw)}}
.pal-home .u-about-ja,.pal-home .hero-copy .ja{margin-bottom:0}
body.pal-home,body.pal-home *{-webkit-user-select:none;user-select:none}
body.pal-home input,body.pal-home textarea,body.pal-home [contenteditable="true"]{-webkit-user-select:text;user-select:text}


@media(min-width:769px){
  .pal-home .u-about-copy{display:flex;flex-direction:column;justify-content:center;padding-top:5.93315026%}
}


.pal-home .hero .s1{mask-clip:no-clip}
.pal-home .hero .s1 .u-photo img{position:absolute;inset:-1px auto auto -1px;width:calc(100% + 2px);height:calc(100% + 2px)}



@media(max-width:599px){
  .pal-home .hero .u-mark{
    width:min(calc(77.46666665% - 12px),calc(27.46666665% + (100svh - 260px) * .45454545));
    top:calc(50% - 27px);
  }
}