.bn-page-diagram{position:relative;overflow:hidden}.bn-pdg__inner{max-width:1100px}.bn-pdg__h2{margin-top:0;max-width:24ch}.bn-pdg__body{margin-top:16px;max-width:62ch}.bn-pdg__fig{margin:clamp(24px,3vw,40px) 0 0}.bn-pdg__img{display:block;width:100%;height:auto;border-radius:var(--bn-r-img);background:transparent}.bn-pdg__plate--video{width:min(100%,560px);margin-inline:auto;aspect-ratio:var(--bn-pdg-video-ratio, 4 / 5);overflow:hidden;border:1px solid var(--bn-hairline-soft);border-radius:var(--bn-r-img);background:var(--bn-shot-fill);box-shadow:0 24px 54px -34px #1b211d61}.bn-pdg__video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--bn-ease-standard, cubic-bezier(.22,.61,.36,1))}.bn-pdg__cap{margin:14px 0 0;max-width:58ch;color:var(--bn-muted)}.bn-pdg__plate{position:relative}.bn-pdg__motion{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bn-pdg__motion--m{display:none}.bn-pdg__mote{--bn-mote-mineral: #43564b;--bn-mote-trace: #a8afad;position:absolute;width:var(--bn-mote-s, 1%);aspect-ratio:1;border-radius:50%;margin-left:calc(var(--bn-mote-s, 1%) / -2);margin-top:calc(var(--bn-mote-s, 1%) / -2);will-change:transform;animation:bn-pdg-drift var(--bn-mote-t, 11s) ease-in-out var(--bn-mote-d, 0s) infinite alternate}.bn-pdg__mote--mineral{background:radial-gradient(circle at 32% 28%,#ffffff80,#fff0 45%),radial-gradient(circle at 62% 72%,var(--bn-mote-mineral),color-mix(in srgb,var(--bn-mote-mineral) 78%,#ffffff));box-shadow:0 1px 2px #28322c29}.bn-pdg__mote--trace{background:radial-gradient(circle at 32% 28%,#fff9,#fff0 48%),radial-gradient(circle at 62% 72%,var(--bn-mote-trace),color-mix(in srgb,var(--bn-mote-trace) 72%,#ffffff));box-shadow:0 1px 2px #3c46421f}@keyframes bn-pdg-drift{0%{transform:translateZ(0)}to{transform:translate3d(var(--bn-mote-dx, 4px),calc(var(--bn-mote-amp, 8px) * -1),0)}}@media(prefers-reduced-motion:reduce){.bn-pdg__mote{animation:none}.bn-pdg__video{transition:none}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.bn-pdg__plate--video:hover .bn-pdg__video{transform:scale(1.012)}}@media(max-width:749px){.bn-pdg__fig{margin-top:20px}.bn-pdg__motion--d{display:none}.bn-pdg__motion--m{display:block}}@media(min-width:900px){.bn-pdg--side .bn-pdg__inner{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);align-items:center;column-gap:clamp(32px,4vw,60px);max-width:1200px}.bn-pdg--side .bn-pdg__h2{grid-column:1;grid-row:1;max-width:18ch}.bn-pdg--side .bn-pdg__body{grid-column:1;grid-row:2;max-width:46ch}.bn-pdg--side .bn-pdg__fig{grid-column:2;grid-row:1 / span 3;margin:0;align-self:center}.bn-pdg--side .bn-pdg__cap{grid-column:2;grid-row:4;margin-top:12px}.bn-pdg--side .bn-pdg__inner>*:first-child{align-self:end}}.bn-page-diagram .bn-pdg__body{margin-top:20px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bn-page-diagram.css.map */