/* Prime Creation // shared responsive polish
   PrimeLayout is the only geometry authority. Route modules own composition.
   This file contains no shell sizing, breakpoint system, or page layout. */

:root{--prime-shared-copy-opacity:.84}

html[data-prime-layout] body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active :where(p,.heading-copy){
  color:color-mix(in srgb,currentColor calc(var(--prime-shared-copy-opacity) * 100%),transparent)
}
html[data-prime-layout] :is(#intro .tab01-actions,#book .pc-book-actions,#sprite .sprite-launch-gate,#studio .studio-actions,#contact form) .primary{
  position:relative!important;
  z-index:3!important;
  box-shadow:0 0 0 1px rgba(117,233,255,.12) inset,0 .7rem 2rem rgba(0,0,0,.18),0 0 1.7rem rgba(84,222,255,.08)!important
}
html[data-prime-layout] :is(#intro .tab01-actions,#book .pc-book-actions) :is(.button,a):not(.primary){opacity:.78}

html[data-prime-layout] body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active,
html[data-prime-layout] body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active [data-prime-local-scroll],
html[data-prime-layout] body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active [data-prime-scroll-snap]{overflow-anchor:none!important}

html[data-prime-layout][data-prime-form-factor="desktop"][data-prime-active-input="mouse"] body.prime-v2 #portfolio .page04-room-nav,
html[data-prime-layout][data-prime-form-factor="desktop"][data-prime-active-input="keyboard"] body.prime-v2 #portfolio .page04-room-nav,
html[data-prime-layout][data-prime-form-factor="desktop"][data-prime-active-input="mouse"] body.prime-v2 #video .pc-video-playlist,
html[data-prime-layout][data-prime-form-factor="desktop"][data-prime-active-input="keyboard"] body.prime-v2 #video .pc-video-playlist{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(111,231,255,.42) rgba(4,13,20,.45)!important;
  padding-bottom:.34rem!important
}
html[data-prime-layout][data-prime-form-factor="desktop"] body.prime-v2 #portfolio .page04-room-nav::-webkit-scrollbar,
html[data-prime-layout][data-prime-form-factor="desktop"] body.prime-v2 #video .pc-video-playlist::-webkit-scrollbar{display:block!important;height:6px!important}
html[data-prime-layout][data-prime-form-factor="desktop"] body.prime-v2 #portfolio .page04-room-nav::-webkit-scrollbar-thumb,
html[data-prime-layout][data-prime-form-factor="desktop"] body.prime-v2 #video .pc-video-playlist::-webkit-scrollbar-thumb{background:rgba(111,231,255,.36)!important;border-radius:99px!important}
html[data-prime-layout][data-prime-form-factor="desktop"] body.prime-v2 #portfolio .page04-room-nav::-webkit-scrollbar-track,
html[data-prime-layout][data-prime-form-factor="desktop"] body.prime-v2 #video .pc-video-playlist::-webkit-scrollbar-track{background:rgba(4,13,20,.38)!important;border-radius:99px!important}