/* 07-hcar-conformance-rev50.css — Home #doors carousel: canonical conformance layer
   BRI-539 · 2026-08-15 · ADDITIVE FILE. Enqueue AFTER 02-page-styles-rev49.css.
   Ports the growth-deck canonical's interactive polish (pointer tilt, specular
   glare, stronger glow, internal parallax, transition timing) onto the existing
   .bnl-rot / .bnl-dcard markup. ZERO body edits — card text, card count and
   page colors untouched per Austen's 2026-08-15 ruling on BRI-539.
   Geometry lineage: the deck took its coverflow geometry FROM home rev49
   #doors (deck source comment), so base transforms already match; pos-0 is
   restated below only to add the tilt custom properties.
   Values are byte-derived from the deployed deck (curl, 2026-08-15), not
   retyped from memory. Rollback: delete this file + 08-hcar-tilt-rev50.js.
   BRI-324 discipline: depth-walk run on this file before upload. */

.bnl-page--home .bnl-rot__item{
  transition:transform .66s cubic-bezier(.22,.61,.36,1),opacity .66s ease,filter .66s ease;
  will-change:transform}
.bnl-page--home .bnl-rot__stage.is-drag .bnl-rot__item{transition:none}
.bnl-page--home .bnl-rot__item.is-tracking{transition:transform .12s linear}

/* pos-0 restated with pointer-tilt vars (base angles unchanged from lineage) */
.bnl-page--home .bnl-rot__item[data-pos="0"]{
  transform:translateX(0) translateZ(0)
    rotateY(calc(-9deg + var(--bnl-ry,0deg))) rotateX(calc(3.5deg + var(--bnl-rx,0deg))) scale(1)}

/* stronger glow behind the stage — page-local color via the site primary token */
.bnl-page--home .bnl-rot__glow{
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--color-primary,#00A9B5) 16%,transparent) 0%,transparent 68%)}

/* front-card halo + glare containment */
.bnl-page--home .bnl-rot__item[data-pos="0"] .bnl-dcard__inner{
  position:relative;overflow:hidden;
  box-shadow:-16px 28px 48px -20px rgba(0,0,0,.9),
    0 0 48px -12px color-mix(in srgb,var(--color-primary,#00A9B5) 55%,transparent)}

/* cursor-tracked specular glare on the front card */
.bnl-page--home .bnl-rot__item[data-pos="0"] .bnl-dcard__inner::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;
  background:radial-gradient(240px circle at var(--bnl-mx,50%) var(--bnl-my,26%),
    rgba(255,255,255,.16),rgba(255,255,255,.05) 38%,transparent 64%);
  opacity:0;transition:opacity .32s ease;mix-blend-mode:screen}
.bnl-page--home .bnl-rot__item[data-pos="0"].is-tracking .bnl-dcard__inner::after{opacity:1}

/* internal parallax — content floats above the front card face (canonical stack) */
.bnl-page--home .bnl-rot__item[data-pos="0"] .bnl-dcard__head{transform:translateZ(30px)}
.bnl-page--home .bnl-rot__item[data-pos="0"] .bnl-dcard__verb{transform:translateZ(24px)}
.bnl-page--home .bnl-rot__item[data-pos="0"] .bnl-dcard__rule{transform:translateZ(18px)}
.bnl-page--home .bnl-rot__item[data-pos="0"] .bnl-dcard__hook{transform:translateZ(13px)}
.bnl-page--home .bnl-rot__item[data-pos="0"] .bnl-dcard__list{transform:translateZ(8px)}
.bnl-page--home .bnl-rot__item[data-pos="0"] .bnl-dcard__cta{transform:translateZ(20px)}

/* idle float where there is no cursor to track (canonical) */
@media (hover:none){
  @keyframes bnlrotfloat{0%,100%{--bnl-ry:-3.5deg;--bnl-rx:2.2deg}50%{--bnl-ry:3.5deg;--bnl-rx:4.8deg}}
  .bnl-page--home .bnl-rot__item[data-pos="0"]{animation:bnlrotfloat 7s ease-in-out infinite}
}
@media (prefers-reduced-motion:reduce){
  .bnl-page--home .bnl-rot__item{transition:none}
  .bnl-page--home .bnl-rot__item[data-pos="0"]{animation:none}
}