/*
 * NC Story → About hand-off v1.1.4.
 * Sole owner of the Chapter 05 white canvas and continuation control.
 */
.ncs5{
  display:none;
  position:relative;
  min-height:100dvh;
  background:#fff;
  color:#08271f;
  font-family:var(--nc-ui-font,"Afacad Flux","Segoe UI",Arial,sans-serif);
}
.ncs5[aria-hidden="false"]{display:block}

body.ncde-story-handoff-active{
  background:#fff;
}
body.ncde-story-handoff-active .site-after-gateway{
  position:relative;
  z-index:9000;
  min-height:100dvh;
  background:#fff;
  isolation:isolate;
}
body.ncde-story-handoff-active .ncde-environment-layer,
body.ncde-story-handoff-active .ncde-location-prompt{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.ncs5__intro{
  position:fixed;
  z-index:100;
  inset:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  isolation:isolate;
  background:#fff;
  color:#08271f;
}
.ncs5__intro[aria-hidden="true"]{display:none}
.ncs5__intro::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:#fff;
}
.ncs5__intro-copy{
  width:min(86vw,980px);
  opacity:0;
  transform:translateY(12px);
  transition:opacity .9s ease,transform 1.1s cubic-bezier(.22,1,.36,1);
}
.ncs5__intro-copy p{
  margin:0;
  color:#09291f;
  font:560 clamp(2.7rem,7vw,7.2rem)/.98 var(--nc-ui-font,"Afacad Flux","Segoe UI",Arial,sans-serif);
  letter-spacing:-.055em;
  text-align:center;
  text-wrap:balance;
}
.ncs5__intro.is-copy-visible .ncs5__intro-copy{opacity:1;transform:none}
.ncs5__intro.is-copy-leaving .ncs5__intro-copy{
  opacity:0;
  transform:translateY(-10px);
  transition-duration:.8s;
}

.ncs5__discover{
  position:absolute;
  left:50%;
  bottom:clamp(34px,7vh,72px);
  width:max-content;
  max-width:calc(100vw - 32px);
  min-width:min(310px,calc(100vw - 32px));
  min-height:60px;
  padding:0 27px;
  border:1px solid rgba(218,180,89,.68);
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  background:linear-gradient(135deg,#07513f,#063b30);
  color:#fff8e8;
  box-shadow:0 18px 42px rgba(5,57,45,.2),inset 0 1px rgba(255,255,255,.13);
  opacity:0;
  visibility:hidden;
  transform:translate(-50%,12px);
  cursor:pointer;
  text-decoration:none;
  transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.36,1),visibility 0s linear .8s,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.ncs5__discover:hover,
.ncs5__discover:focus-visible{
  border-color:#ddba68;
  background:linear-gradient(135deg,#09644d,#074638);
  box-shadow:0 21px 48px rgba(5,57,45,.26),inset 0 1px rgba(255,255,255,.16);
  outline:3px solid rgba(8,112,85,.18);
  outline-offset:3px;
}
.ncs5__discover:active{transform:translate(-50%,1px) scale(.985)}
.ncs5__discover span{
  font:760 clamp(13px,2.2vw,15px)/1 var(--nc-ui-font,"Afacad Flux","Segoe UI",Arial,sans-serif);
  letter-spacing:.075em;
  text-transform:uppercase;
  white-space:nowrap;
}
.ncs5__discover i{
  flex:0 0 auto;
  width:10px;
  height:10px;
  border-right:2px solid #f0cf7a;
  border-bottom:2px solid #f0cf7a;
  transform:rotate(-45deg);
  animation:ncs5DiscoverPulse 1.8s ease-in-out infinite;
}
.ncs5__intro.is-discover-visible .ncs5__discover{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
  transition-delay:0s;
}
@keyframes ncs5DiscoverPulse{
  0%,100%{transform:translateX(0) rotate(-45deg);opacity:.58}
  50%{transform:translateX(5px) rotate(-45deg);opacity:1}
}

@media(max-width:760px){
  .ncs5__intro-copy p{font-size:clamp(2.2rem,10.8vw,3.6rem);line-height:1.02}
  .ncs5__discover{
    bottom:max(26px,calc(env(safe-area-inset-bottom) + 16px));
    min-width:min(310px,calc(100vw - 32px));
    min-height:58px;
    padding:0 22px;
    gap:16px;
  }
}
@media(prefers-reduced-motion:reduce){
  .ncs5__intro-copy,.ncs5__discover{transition:none}
  .ncs5__discover i{animation:none}
}