/* UPLINK-Toyama cinematic field chapters */
body.cinematic-fields-ready{--chapter-p:0;--chapter-enter:0}
.cinematic-fields-ready .field-instrument{display:block!important;min-height:165svh;padding:0!important;overflow:clip;background:#041a20;scroll-margin-top:0!important}
.cinematic-fields-ready .field-instrument-grid{position:sticky;z-index:2;top:0;min-height:100svh;align-items:center;padding-block:clamp(6rem,10vh,9rem);perspective:1600px}
.cinematic-fields-ready .field-instrument>.shell{opacity:1!important;transform:none!important}
.cinematic-fields-ready .field-instrument::after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(2,19,25,.94) 0 34%,rgba(2,19,25,.35) 55%,rgba(2,19,25,.04));pointer-events:none}
.cinematic-fields-ready .field-instrument-copy{position:relative;z-index:5;color:#f2fffc;text-shadow:0 1.2rem 3rem rgba(0,0,0,.7);transform:translate3d(0,var(--chapter-copy-y,0),70px)}
.cinematic-fields-ready .field-instrument-copy .eyebrow{color:var(--page-accent,#86f5d6)!important}
.cinematic-fields-ready .field-instrument-copy>p:not(.eyebrow){color:rgba(235,255,250,.78)!important}
.cinematic-fields-ready .field-instrument-copy h2{max-width:none;font-size:clamp(3.4rem,7.2vw,8.8rem);line-height:.84;letter-spacing:-.075em;text-wrap:balance}
.cinematic-fields-ready #pc-instrument-title,.cinematic-fields-ready #aqua-instrument-title,.cinematic-fields-ready #welfare-instrument-title,.cinematic-fields-ready #web-instrument-title{font-size:clamp(3rem,4vw,5.2rem);line-height:.9;word-break:keep-all}
.cinematic-fields-ready .field-instrument-copy>p:not(.eyebrow){max-width:36rem;font-size:clamp(1rem,1.45vw,1.28rem);line-height:2;word-break:auto-phrase;text-wrap:pretty}
.cinematic-fields-ready .field-instrument-keys{gap:.45rem;margin-top:2rem}
.cinematic-fields-ready .field-instrument-keys span{border-color:rgba(224,255,250,.22);background:rgba(2,18,24,.52);backdrop-filter:blur(14px)}
.cinematic-fields-ready .field-instrument-visual{z-index:2;width:min(66vw,62rem);min-height:min(72svh,48rem);margin-right:-8vw;border:1px solid color-mix(in srgb,var(--page-accent,#64e0bf) 40%,transparent);border-radius:1.25rem!important;clip-path:inset(0 round 1.25rem)!important;background:#061c24!important;box-shadow:0 4rem 9rem rgba(0,0,0,.42);transform:perspective(1400px) rotateY(var(--chapter-ry,-8deg)) rotateX(var(--chapter-rx,2deg)) translate3d(var(--chapter-x,0),0,0);transition:transform .12s linear}
.cinematic-fields-ready .field-instrument-visual::before,.cinematic-fields-ready .field-instrument-visual::after{display:none!important}
.cinematic-fields-ready .semantic-field-canvas{z-index:0;inset:0;width:100%;height:100%;opacity:1;mix-blend-mode:normal}
.cinematic-fields-ready .field-instrument-visual>.instrument-axis{display:none!important}
.cinematic-fields-ready .instrument-core,.cinematic-fields-ready .instrument-node{z-index:3;opacity:var(--hud-opacity,.88);backdrop-filter:blur(16px);box-shadow:0 1.4rem 4rem rgba(0,0,0,.28)!important;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s!important}
.cinematic-fields-ready .instrument-core{left:68%!important;top:52%!important;width:clamp(8.5rem,12vw,12rem)!important;aspect-ratio:1!important;border:1px solid rgba(235,255,252,.3)!important;border-radius:1rem!important;clip-path:none!important;background:rgba(1,17,24,.62)!important;transform:translate(-50%,-50%) translateZ(70px)!important}
.cinematic-fields-ready .instrument-node{left:auto!important;right:5%!important;width:auto!important;min-width:8rem;aspect-ratio:auto!important;padding:.7rem 1rem!important;border-radius:.3rem!important;background:rgba(1,17,24,.6)!important;font:720 .69rem/1.2 ui-monospace,monospace!important;letter-spacing:.08em;text-align:left!important}
.cinematic-fields-ready .instrument-node:nth-of-type(2){top:7%!important;bottom:auto!important}
.cinematic-fields-ready .instrument-node:nth-of-type(3){top:18%!important;bottom:auto!important}
.cinematic-fields-ready .instrument-node:nth-of-type(4){top:auto!important;bottom:18%!important}
.cinematic-fields-ready .instrument-node:nth-of-type(5){top:auto!important;bottom:7%!important}
.cinematic-fields-ready .instrument-node.is-signal-active{color:#041a20!important;background:var(--page-accent,#9fffe2)!important;transform:translate3d(-1rem,0,75px)!important}
.ui-chapter-word{position:absolute;z-index:1;right:-.04em;bottom:-.12em;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--page-accent,#64e0bf) 24%,transparent);font:900 clamp(8rem,25vw,28rem)/.72 Arial,sans-serif;letter-spacing:-.09em;white-space:nowrap;opacity:.8;transform:translate3d(var(--chapter-word-x,4rem),0,0);pointer-events:none}
.ui-chapter-counter{position:absolute;z-index:4;right:2.4rem;top:50%;display:grid;gap:.7rem;translate:0 -50%;color:rgba(235,255,252,.5);font:700 .55rem/1 ui-monospace,monospace;letter-spacing:.18em;writing-mode:vertical-rl}
.ui-chapter-counter::before{content:"";width:1px;height:5rem;margin:auto;background:linear-gradient(transparent,var(--page-accent,#64e0bf),transparent)}

.cinematic-fields-ready main>.section:has(.feature-grid){overflow:clip}
.cinematic-fields-ready .feature-grid{--rail:0rem;display:flex!important;width:max-content;max-width:none!important;gap:clamp(1rem,2.5vw,2.4rem);transform:translate3d(var(--rail),0,0);transition:transform .15s linear}
.cinematic-fields-ready .feature-grid .feature{width:min(37vw,31rem);min-height:28rem;flex:0 0 auto;padding:clamp(2rem,4vw,4.2rem);border-radius:1.4rem;transform:perspective(1200px) rotateY(var(--card-ry,0deg)) translateZ(var(--card-z,0))}
.cinematic-fields-ready .feature-grid .feature h3{margin-top:clamp(8rem,15vh,13rem);font-size:clamp(1.8rem,3vw,3.2rem);line-height:1}
.cinematic-fields-ready .feature-grid .feature b{font:750 .67rem/1 ui-monospace,monospace;letter-spacing:.16em}
.cinematic-fields-ready .process{display:grid;grid-template-columns:repeat(var(--process-count,3),minmax(0,1fr));gap:0!important;border-block:1px solid color-mix(in srgb,var(--page-accent,#64e0bf) 30%,transparent)}
.cinematic-fields-ready .process article{min-height:28rem;border:0!important;border-right:1px solid color-mix(in srgb,var(--page-accent,#64e0bf) 26%,transparent);border-radius:0!important;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--page-accent,#64e0bf) 7%,transparent))!important}
.cinematic-fields-ready .process article:last-child{border-right:0!important}

@media(max-width:900px){
  .cinematic-fields-ready .field-instrument{min-height:auto}
  .cinematic-fields-ready .field-instrument-grid{position:relative;min-height:auto;padding-block:6rem}
  .cinematic-fields-ready .field-instrument::after{background:linear-gradient(180deg,rgba(2,19,25,.86),rgba(2,19,25,.18))}
  .cinematic-fields-ready .field-instrument-copy h2{font-size:clamp(3.3rem,12vw,6.4rem)}
  .cinematic-fields-ready #pc-instrument-title,.cinematic-fields-ready #aqua-instrument-title,.cinematic-fields-ready #welfare-instrument-title,.cinematic-fields-ready #web-instrument-title{font-size:clamp(2.4rem,9vw,5rem)}
  .cinematic-fields-ready .field-instrument-visual{width:100%;min-height:34rem;margin:2rem 0 0;transform:none}
  .ui-chapter-counter{display:none}
  .cinematic-fields-ready .feature-grid{width:100%;overflow:auto;scroll-snap-type:x mandatory;transform:none!important;padding-bottom:1rem}
  .cinematic-fields-ready .feature-grid .feature{width:min(82vw,28rem);scroll-snap-align:start}
  .cinematic-fields-ready .process{grid-template-columns:1fr}
  .cinematic-fields-ready .process article{min-height:auto;border-right:0!important;border-bottom:1px solid color-mix(in srgb,var(--page-accent,#64e0bf) 26%,transparent)}
}
@media(max-width:600px){
  .cinematic-fields-ready .field-instrument-visual{min-height:28rem}
  .cinematic-fields-ready .instrument-core{left:50%!important;top:48%!important;width:8rem!important}
  .cinematic-fields-ready .instrument-node{right:3%!important;min-width:6.7rem;font-size:.58rem!important}
}
@media(prefers-reduced-motion:reduce){.cinematic-fields-ready .field-instrument{min-height:auto}.cinematic-fields-ready .field-instrument-grid{position:relative}.cinematic-fields-ready .field-instrument-visual,.cinematic-fields-ready .feature-grid{transform:none!important}}