/* Prime Creation // Page 01 Receptor Spatial Contract 9 // canonical XYZ lane lock
   Page 01 is centered at rest. PrimeSpatialField is the sole geometry writer once Spatial is active.
   Spatial rotation contract is immutable: pitch=X, roll=Y, yaw=Z. No axis swapping or duplicate rotation.
   Prismatic remains material-only and consumes the same canonical pose as Spatial.
   Receptor presentation lives in external CSS so strict CSP cannot strip the tagline/social styling. */

/* Stale compositor copies are suppressed everywhere in Receptor except the canonical logo host. */
body.prime-v2 #main[data-app-shell] > #top[data-prime-receptor="true"] > .receptor-background-box > :is(.pc-spatial-pair,.pc-spatial-eye,.pc-spatial-texture,.pc-spatial-depth-plane),
body.prime-v2 #main[data-app-shell] > #top[data-prime-receptor="true"] .receptor-lettering-box > :is(.pc-spatial-pair,.pc-spatial-eye,.pc-spatial-texture,.pc-spatial-depth-plane){display:none!important;visibility:hidden!important;opacity:0!important;content-visibility:hidden!important;background:none!important;background-image:none!important;animation:none!important;pointer-events:none!important}

body.prime-v2 #main[data-app-shell] > #top[data-prime-receptor="true"] :is(.receptor-logo-box,.receptor-lettering-box){background:none!important;background-image:none!important}
body.prime-v2 #main[data-app-shell] > #top[data-prime-receptor="true"] .receptor-logo-box::before,
body.prime-v2 #main[data-app-shell] > #top[data-prime-receptor="true"] .receptor-lettering-box::before,
body.prime-v2 #main[data-app-shell] > #top[data-prime-receptor="true"] .receptor-lettering-box::after{content:none!important;display:none!important}

body.prime-v2 #main[data-app-shell] > #top[data-prime-receptor="true"] :is(.receptor-background-art,.receptor-logo-cutout,.receptor-lettering-art){display:block!important;visibility:visible!important;opacity:1!important;mix-blend-mode:normal!important;backface-visibility:visible!important;transform-style:preserve-3d!important}

/* PRE-INITIALIZATION CANON: only Bg.png + Logo.png + Text.png may paint inside Receptor. */
body.prime-v2 #top[data-prime-receptor="true"] .receptor-tagline-group{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;grid-auto-flow:row!important;min-width:0!important;box-sizing:border-box!important;position:relative!important;z-index:13!important;display:grid!important;place-items:center!important;width:var(--receptor-tagline-inline,var(--receptor-wordmark-inline,100%))!important;max-width:100%!important;margin:clamp(.28rem,.9dvh,.58rem) auto 0!important;padding:0 clamp(.25rem,1vw,.8rem)!important;visibility:visible!important;opacity:1!important;pointer-events:none!important;text-align:center!important;overflow:visible!important;transform:none!important;translate:none!important;rotate:none!important}
html:not([data-prime-receptor-post-init="true"]) body.prime-v2 #top[data-prime-receptor="true"] .receptor-tagline-group{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
html:not([data-prime-receptor-post-init="true"]) body.prime-v2 #top[data-prime-receptor="true"] > .prime-visit-counter{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}

/* POST-INITIALIZATION CANON. */
body.prime-v2 #top[data-prime-receptor="true"] .receptor-tagline-text{grid-column:1!important;grid-row:1!important;justify-self:center!important;align-self:center!important;min-height:1.15em!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;text-align:center!important;display:inline-block!important;max-width:100%!important;color:#e9fbff!important;font:800 clamp(.62rem,1.9cqw,1.08rem)/1.15 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;letter-spacing:clamp(.12em,.34vw,.24em)!important;text-transform:uppercase!important;white-space:nowrap!important;background:linear-gradient(105deg,#566b75,#f6fdff 14%,#95abb4 27%,#fff 42%,#667f89 54%,#e5fbff 68%,#718a94 82%,#fbffff)!important;background-size:240% 100%!important;background-position:52% 50%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;text-shadow:0 1px 0 rgba(255,255,255,.28),0 2px 2px rgba(0,0,0,.62),0 0 12px rgba(82,197,255,.25)!important;transform-origin:50% 50%!important}
body.prime-v2 #top[data-prime-receptor="true"] .receptor-social-links{grid-column:1!important;grid-row:2!important;justify-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(.5rem,1.2cqw,.76rem)!important;margin:clamp(.42rem,.9dvh,.7rem) auto 0!important;pointer-events:auto!important;visibility:visible!important;opacity:1!important;overflow:visible!important;transform-style:preserve-3d!important;transform:none!important;translate:none!important;rotate:none!important}
body.prime-v2 #top[data-prime-receptor="true"] .receptor-social-link{display:grid!important;place-items:center!important;width:clamp(2.18rem,4.7cqw,2.9rem)!important;height:clamp(2.18rem,4.7cqw,2.9rem)!important;flex:0 0 auto!important;margin:0!important;padding:0!important;border:1px solid rgba(218,248,255,.42)!important;border-radius:50%!important;background:linear-gradient(145deg,rgba(248,253,255,.23),rgba(10,25,34,.82) 58%,rgba(180,214,226,.18))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 14px rgba(0,0,0,.34),0 0 15px rgba(107,222,255,.10)!important;color:#eafaff!important;text-decoration:none!important;pointer-events:auto!important;transform-origin:50% 50%!important;transform-style:preserve-3d!important;overflow:hidden!important}
body.prime-v2 #top[data-prime-receptor="true"] .receptor-social-link svg{display:block!important;width:52%!important;height:52%!important;margin:auto!important;overflow:visible!important;transform-origin:50% 50%!important;transform-box:fill-box!important;backface-visibility:hidden!important}

body.prime-v2 #top[data-prime-receptor="true"] :is(.receptor-tagline-text,.receptor-social-link)[data-prime-fly-state="hidden"]{opacity:0!important;visibility:hidden!important;animation:none!important}
body.prime-v2 #top[data-prime-receptor="true"] .receptor-social-link[data-prime-fly-state="hidden"]{pointer-events:none!important}
body.prime-v2 #top[data-prime-receptor="true"] .receptor-tagline-text[data-prime-fly-state="entering"]{visibility:visible!important;animation:primeReceptorTaglineIndependentFlyIn 1.02s cubic-bezier(.16,.82,.18,1) both!important;will-change:transform,opacity,filter,background-position!important}
html body.prime-v2 #top[data-prime-receptor="true"] .receptor-social-link[data-social="facebook"][data-prime-fly-state="entering"]{visibility:visible!important;pointer-events:none!important;animation:primeReceptorFacebookCanonicalRollIn .92s cubic-bezier(.14,.84,.18,1) both!important;will-change:transform,opacity,filter!important}
html body.prime-v2 #top[data-prime-receptor="true"] .receptor-social-link[data-social="instagram"][data-prime-fly-state="entering"]{visibility:visible!important;pointer-events:none!important;animation:primeReceptorInstagramCanonicalRollIn .96s cubic-bezier(.14,.84,.18,1) both!important;will-change:transform,opacity,filter!important}
body.prime-v2 #top[data-prime-receptor="true"] :is(.receptor-tagline-text,.receptor-social-link)[data-prime-fly-state="rest"]{opacity:1!important;visibility:visible!important;animation:none!important;filter:none!important;will-change:auto!important}
body.prime-v2 #top[data-prime-receptor="true"] .receptor-social-link[data-prime-fly-state="rest"]{pointer-events:auto!important}

@keyframes primeReceptorTaglineIndependentFlyIn{0%{opacity:0;filter:blur(4px) brightness(.62);transform:translate3d(min(-62vw,-30rem),-.12rem,0) scaleX(.92);background-position:0% 50%}52%{opacity:.96;filter:blur(.35px) brightness(1.3);transform:translate3d(.9rem,0,0) scaleX(1.014);background-position:100% 50%}78%{opacity:1;filter:none;transform:translate3d(-.18rem,0,0) scaleX(.997)}100%{opacity:1;filter:none;transform:translate3d(0,0,0) scaleX(1);background-position:52% 50%}}
@keyframes primeReceptorFacebookCanonicalRollIn{0%{opacity:0;filter:blur(3px) brightness(.72);transform:translate3d(48vw,-.2rem,0) rotate(540deg) scale(.84)}72%{opacity:1;filter:none;transform:translate3d(-.28rem,.02rem,0) rotate(-12deg) scale(1.035)}88%{transform:translate3d(.08rem,0,0) rotate(4deg) scale(.995)}100%{opacity:1;filter:none;transform:translate3d(0,0,0) rotate(0) scale(1)}}
@keyframes primeReceptorInstagramCanonicalRollIn{0%{opacity:0;filter:blur(3px) brightness(.70);transform:translate3d(-48vw,.2rem,0) rotate(-540deg) scale(.84)}72%{opacity:1;filter:none;transform:translate3d(.28rem,-.02rem,0) rotate(12deg) scale(1.035)}88%{transform:translate3d(-.08rem,0,0) rotate(-4deg) scale(.995)}100%{opacity:1;filter:none;transform:translate3d(0,0,0) rotate(0) scale(1)}}

/* POSE-DRIVEN SPATIAL: externalized from runtime <style> injection so CSP cannot disable it. */
html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 #main[data-app-shell] > #top[data-prime-receptor="true"][data-prime-spatial-field-page="page01-two-plane"]{--prime-receptor-foreground-plane-z:0px;--prime-receptor-background-plane-z:-180px;perspective:1100px!important;perspective-origin:50% 50%!important;transform-style:preserve-3d!important}
html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 #top[data-prime-spatial-field-page="page01-two-plane"] [data-prime-spatial-field-child="true"]{translate:var(--prime-spatial-field-x,0px) var(--prime-spatial-field-y,0px) var(--prime-spatial-field-z,0px)!important;rotate:none!important;transform-style:preserve-3d!important;backface-visibility:visible!important}
html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 #top[data-prime-spatial-field-page="page01-two-plane"] :is(.receptor-logo-box,.receptor-lettering-box,.receptor-tagline-text[data-prime-fly-state="rest"],.receptor-social-link[data-prime-fly-state="rest"])[data-prime-spatial-field-child="true"]{transform:rotateX(var(--prime-spatial-field-pitch,0deg)) rotateY(var(--prime-spatial-field-roll,0deg)) rotateZ(var(--prime-spatial-field-yaw,0deg))!important;transform-origin:50% 50%!important}
html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 #main[data-app-shell] > #top[data-prime-receptor="true"] :is(.receptor-brand-group,.receptor-tagline-group,.receptor-social-links){translate:none!important;rotate:none!important;transform:none!important;transform-style:preserve-3d!important;backface-visibility:visible!important;will-change:auto!important}
html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 #main[data-app-shell] > #top[data-prime-receptor="true"] :is(.receptor-logo-box,.receptor-lettering-box)[data-prime-spatial-field-child="true"]{--prime-spatial-field-z:var(--prime-receptor-foreground-plane-z,0px)!important;transform-style:preserve-3d!important;backface-visibility:visible!important;will-change:translate,transform!important}
html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 #main[data-app-shell] > #top[data-prime-receptor="true"] .receptor-background-art[data-prime-spatial-field-child="true"]{--prime-spatial-field-z:var(--prime-receptor-background-plane-z,-180px)!important;transform:rotateX(var(--prime-spatial-field-pitch,0deg)) rotateY(var(--prime-spatial-field-roll,0deg)) rotateZ(var(--prime-spatial-field-yaw,0deg)) scale(1.26)!important;transform-origin:50% 50%!important;transform-style:preserve-3d!important;backface-visibility:visible!important;will-change:translate,transform!important}
html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 #main[data-app-shell] > #top[data-prime-receptor="true"] .receptor-tagline-text[data-prime-spatial-field-child="true"]{transform-style:preserve-3d!important;backface-visibility:visible!important;will-change:translate,transform!important}

/* Social bubbles own canonical XYZ. Their SVG children keep static local depth only and never reuse live X/Y/Z. */
html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 #top[data-prime-spatial-field-page="page01-two-plane"] .receptor-social-link[data-prime-spatial-field-child="true"][data-prime-fly-state="rest"]{translate:var(--prime-spatial-field-x,0px) var(--prime-spatial-field-y,0px) var(--prime-spatial-field-z,0px)!important;rotate:none!important;transform:rotateX(var(--prime-spatial-field-pitch,0deg)) rotateY(var(--prime-spatial-field-roll,0deg)) rotateZ(var(--prime-spatial-field-yaw,0deg))!important;transform-style:preserve-3d!important;backface-visibility:visible!important;will-change:translate,transform!important}
html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 #top[data-prime-spatial-field-page="page01-two-plane"] .receptor-social-link[data-prime-spatial-field-child="true"][data-prime-fly-state="rest"] svg{transform:translateZ(14px)!important;will-change:auto!important}

/* Canonical logo compositor output is explicitly allowed. */
html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 #main[data-app-shell] > #top[data-prime-receptor="true"] .receptor-logo-box > :is(.pc-spatial-pair,.pc-spatial-texture,.pc-spatial-depth-plane){visibility:visible!important;content-visibility:visible!important;pointer-events:none!important}
html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 #main[data-app-shell] > #top[data-prime-receptor="true"] .receptor-logo-box > .pc-spatial-pair > .pc-spatial-eye{visibility:visible!important;pointer-events:none!important}

body.prime-v2 #main[data-app-shell] > #top[data-prime-receptor="true"] .receptor-logo-box > .receptor-logo-glint-stack{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
body.prime-v2 #main[data-app-shell] > #top[data-prime-receptor="true"] .receptor-logo-box::after{transform:translate3d(0,0,28px)!important;transform-style:preserve-3d!important}
html[data-prime-receptor-post-init="true"] body.prime-v2 #main[data-app-shell] > #top[data-prime-receptor="true"] .receptor-logo-box::after{will-change:background-position,opacity!important;animation:primeReceptorLogoSpatialShine 2.3s cubic-bezier(.2,.72,.2,1) infinite!important}
@keyframes primeReceptorLogoSpatialShine{0%,54%{background-position:180% 50%;opacity:0}60%{opacity:.14}72%{background-position:48% 50%;opacity:.92}82%{opacity:.42}92%,100%{background-position:-90% 50%;opacity:0}}

@media(max-width:680px){body.prime-v2 #top[data-prime-receptor="true"] .receptor-tagline-text{font-size:clamp(.46rem,2.35cqw,.7rem)!important;letter-spacing:clamp(.075em,.45vw,.15em)!important}}
@media(prefers-reduced-motion:reduce){html[data-prime-receptor-post-init="true"] body.prime-v2 #main[data-app-shell] > #top[data-prime-receptor="true"] .receptor-logo-box::after{animation:none!important;background-position:50% 50%!important;opacity:.12!important;will-change:auto!important}body.prime-v2 #top[data-prime-receptor="true"] :is(.receptor-tagline-text,.receptor-social-link)[data-prime-fly-state="entering"]{animation:none!important;opacity:1!important;visibility:visible!important;filter:none!important;transform:none!important}html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 #main[data-app-shell] > #top[data-prime-receptor="true"] [data-prime-spatial-field-child="true"]{will-change:auto!important}html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"] body.prime-v2 #top[data-prime-spatial-field-page="page01-two-plane"] .receptor-social-link[data-prime-spatial-field-child="true"] svg{transform:none!important;will-change:auto!important}}