.b3d{--b3d-max: 30rem;--b3d-rest: 2.5deg;container-type:inline-size;width:100%;max-width:var(--b3d-max);margin-inline:auto;overflow:visible}.b3d--card{--b3d-max: 15rem}.b3d--epic{--b3d-max: 38rem}.b3d--feature{--b3d-max: 22rem}.b3d--showcase{--b3d-rest: 24deg}.b3d-stage{display:block;position:relative;width:100%;aspect-ratio:100 / 141;padding:0;border:0;background:none;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;perspective:300cqw;perspective-origin:50% 45%}.b3d.is-dragging .b3d-stage{cursor:grabbing}.b3d--flat .b3d-stage{cursor:pointer}.b3d-stage:focus-visible{outline:2px solid var(--color-brass, #a07c42);outline-offset:4px;border-radius:2cqw}.b3d-float{position:absolute;left:11cqw;top:5cqw;width:78cqw;height:117cqw;transform-style:preserve-3d;animation:b3d-float 6.5s ease-in-out infinite}.b3d.is-dragging .b3d-float{animation-play-state:paused}.b3d-tilt{display:block;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(var(--b3d-rest));transition:transform .42s cubic-bezier(.23,.9,.32,1)}.b3d-book{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(0);transition:transform .95s cubic-bezier(.19,1,.22,1);will-change:transform}.b3d-face{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.b3d-face img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.b3d-face--front,.b3d-face--back{inset:0;border-radius:1.2cqw;box-shadow:inset 0 0 0 1px #ffffff0d;background:#0d1322}.b3d-face--front{transform:rotateY(0) translateZ(7.5cqw)}.b3d-face--back{transform:rotateY(180deg) translateZ(7.5cqw)}.b3d-face--front:after,.b3d-face--back:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,#fff0 42%,#ffffff13,#fff0 58%);background-size:260% 100%;background-position:50% 0}.b3d.is-turning .b3d-face--front:after,.b3d.is-turning .b3d-face--back:after{animation:b3d-gloss .95s ease-in-out}@keyframes b3d-gloss{0%{background-position:120% 0;opacity:.4}50%{opacity:1}to{background-position:-20% 0;opacity:.6}}.b3d-face--front:before,.b3d-face--back:before{content:"";position:absolute;inset-block:0;width:9%;z-index:1;pointer-events:none}.b3d-face--front:before{inset-inline-start:0;background:linear-gradient(to right,#00000059,#0000001f 35%,#0000)}.b3d-face--back:before{inset-inline-end:0;background:linear-gradient(to left,#00000059,#0000001f 35%,#0000)}.b3d-face--spine,.b3d-face--pages{top:0;left:calc(50% - 7.5cqw);width:15cqw;height:100%}.b3d-face--spine{transform:rotateY(-90deg) translateZ(39cqw);background:#0d1322}.b3d-face--spine img{object-fit:fill}.b3d-face--pages{transform:rotateY(90deg) translateZ(39cqw);background:linear-gradient(to right,#0d1322eb 0 1.5%,#0d132200 5% 95%,#0d1322eb 98.5% 100%),linear-gradient(to bottom,#67583c4d,#0000 14% 86%,#67583c57),repeating-linear-gradient(to right,#f4edda 0 2px,#ddd1b3 2px 3px,#eee6d0 3px 5px)}.b3d-face--top,.b3d-face--bottom{left:0;top:calc(50% - 7.5cqw);width:100%;height:15cqw}.b3d-face--top{transform:rotateX(90deg) translateZ(58.5cqw);background:linear-gradient(to bottom,#0d1322eb 0 4%,#0d132200 9% 91%,#0d1322eb 96% 100%),repeating-linear-gradient(to bottom,#f6f0df 0 2px,#e0d5b8 2px 3px)}.b3d-face--bottom{transform:rotateX(-90deg) translateZ(58.5cqw);background:linear-gradient(to bottom,#0d1322eb 0 4%,#0d132200 9% 91%,#0d1322eb 96% 100%),repeating-linear-gradient(to bottom,#ded3b6 0 2px,#cabf9f 2px 3px)}.b3d-shadow{position:absolute;left:17cqw;right:17cqw;bottom:3.5cqw;height:7cqw;pointer-events:none;transition:transform .55s ease,opacity .55s ease}.b3d-shadow:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(closest-side,#0a0a1280,#0a0a1200 74%);filter:blur(.8cqw);animation:b3d-shadow 6.5s ease-in-out infinite}.b3d.is-turning .b3d-shadow,.b3d.is-dragging .b3d-shadow{transform:scaleX(.7) scaleY(.92);opacity:.75}.b3d-hint{margin:.8rem auto 0;text-align:center;font-family:var(--font-sans, ui-sans-serif, system-ui, sans-serif);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,currentColor 78%,transparent)}.b3d-fallback{display:none;position:absolute;left:11%;top:3.5%;width:78%;height:auto;aspect-ratio:2 / 3;object-fit:cover;border-radius:4px;box-shadow:0 18px 30px -12px #0a0a1280}@supports not ((transform-style: preserve-3d) and (container-type: inline-size)){.b3d-float,.b3d-shadow{display:none}.b3d-fallback{display:block}}.b3d--static .b3d-fallback{display:block}.b3d--static .b3d-stage{cursor:default}.b3d--flat .b3d-float{animation:none}.b3d--flat .b3d-shadow:before{animation:none}.b3d--flat .b3d-tilt,.b3d--flat .b3d-book{transform:none!important;transition:none!important}.b3d--flat .b3d-face--spine,.b3d--flat .b3d-face--pages,.b3d--flat .b3d-face--top,.b3d--flat .b3d-face--bottom{display:none}.b3d--flat .b3d-face--front,.b3d--flat .b3d-face--back{transform:none}.b3d--flat .b3d-face--back{opacity:0;z-index:2;transition:opacity .42s ease}.b3d--flat.is-flipped .b3d-face--back{opacity:1}@media(prefers-reduced-motion:reduce){.b3d-float,.b3d-shadow:before{animation:none}.b3d.b3d--flat .b3d-face--back{transition:opacity .42s ease!important}}@media(prefers-color-scheme:dark){.b3d-shadow:before{background:radial-gradient(closest-side,#000000a8,#0000 74%)}}.b3d-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@keyframes b3d-float{0%,to{transform:translateY(0)}50%{transform:translateY(-1.1cqw)}}@keyframes b3d-shadow{0%,to{transform:scaleX(1);opacity:1}50%{transform:scaleX(.955);opacity:.82}}