/* Prime Creation // shared responsive polish
   PrimeLayout is the only page geometry authority. Route modules own composition.
   PrimePillSystem is body-root viewport chrome and is outside this stylesheet. */

: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}

/* Page 01 logo + lettering silhouette masks. */
body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-logo-box{
  filter:none!important;
  isolation:isolate!important
}
body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-logo-cutout,
body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-logo-box>.pc-spatial-pair[data-prime-spatial-pair="true"],
body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-logo-box>.pc-spatial-texture[data-prime-spatial-texture="true"],
body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-logo-box::after{
  -webkit-mask-image:url('/api/brand-material?role=logo&v=20260901-simplified-core-r14')!important;
  mask-image:url('/api/brand-material?role=logo&v=20260901-simplified-core-r14')!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  -webkit-mask-mode:luminance!important;
  mask-mode:luminance!important
}
body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-lettering-art,
body.prime-v2 #top.hero.hero[data-prime-receptor="true"] .receptor-lettering-box>.pc-spatial-pair[data-prime-spatial-pair="true"],
body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-lettering-box>.pc-spatial-texture[data-prime-spatial-texture="true"]{
  -webkit-mask-image:url('/api/brand-material?role=lettering&v=20260901-simplified-core-r14')!important;
  mask-image:url('/api/brand-material?role=lettering&v=20260901-simplified-core-r14')!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  -webkit-mask-mode:luminance!important;
  mask-mode:luminance!important
}
body.prime-v2 #top.hero[data-prime-receptor="true"] :is(.receptor-logo-cutout,.receptor-lettering-art){
  background:transparent!important;
  mix-blend-mode:screen!important;
  transform:translateZ(0)!important
}
body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-logo-cutout{
  filter:contrast(3.8) brightness(.70) saturate(1.08)!important
}
body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-lettering-art{
  filter:contrast(4.6) brightness(.64) saturate(1.12)!important
}
body.prime-v2 #top.hero[data-prime-receptor="true"] :is(.receptor-logo-box,.receptor-lettering-box)>.pc-spatial-pair,
body.prime-v2 #top.hero[data-prime-receptor="true"] :is(.receptor-logo-box,.receptor-lettering-box)>.pc-spatial-texture{
  overflow:hidden!important;
  background-clip:border-box!important;
  box-shadow:none!important;
  border:0!important
}
@media(max-width:680px){
  html[data-prime-form-factor="phone"][data-prime-viewport-authority] body.prime-v2 #top.hero[data-prime-receptor="true"] .receptor-brand-group{
    --receptor-wordmark-inline:min(80rem,var(--receptor-native-inline),var(--receptor-native-block))!important
  }
}
html[data-prime-viewport-authority].prime-brand-intro-landed[data-prime-viewport-active="top"] body.prime-v2 #main[data-app-shell] #top.hero[data-prime-receptor="true"] .receptor-logo-box::after,
html[data-prime-viewport-authority][data-prime-boot-motion="loading-degraded"][data-prime-viewport-active="top"] body.prime-v2 #main[data-app-shell] #top.hero[data-prime-receptor="true"] .receptor-logo-box::after{
  -webkit-mask-mode:luminance!important;
  mask-mode:luminance!important
}

/* Page 04 protected artwork lanes. */

@media(orientation:portrait){
  
  
  
  html[data-prime-layout][data-prime-viewport-authority] body.prime-v2 .page04-fullscreen-viewer[open] .page04-fullscreen-stage{
    inset:4.05rem clamp(.22rem,.7vw,.4rem) clamp(.22rem,.7vw,.4rem)!important
  }
}
@media(orientation:landscape){
  
  
  
  html[data-prime-layout][data-prime-viewport-authority] body.prime-v2 .page04-fullscreen-viewer[open] .page04-fullscreen-stage{
    inset:clamp(.22rem,.7vw,.4rem) clamp(.22rem,.7vw,.4rem) clamp(.22rem,.7vw,.4rem) 4.05rem!important
  }
}