.nk-book{transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--book-lift,0px)) scale(var(--book-press-scale,1));isolation:isolate;--book-radius-l:clamp(2px, .9cqw, 4px);--book-radius-r:clamp(8px, 3.4cqw, 20px);--book-page-step:calc(clamp(2.5px, 1.1cqw, 6px) * var(--book-page-scale,1));--book-gutter:clamp(3px, 4cqw, 12px);transition:transform .32s cubic-bezier(.22,1,.36,1),filter .32s cubic-bezier(.22,1,.36,1);position:relative;container-type:inline-size}.nk-book-page{border-radius:var(--book-radius-l) var(--book-radius-r) var(--book-radius-r) var(--book-radius-l);pointer-events:none;position:absolute;inset:0}.nk-book-page-1{transform:translate(calc(var(--book-page-step) * 3), calc(var(--book-page-step) * 3));background:repeating-linear-gradient(#e5d7b8 0 2px,#cdbd96 2px 3px);box-shadow:0 20px 42px -20px #163f3a6b,4px 8px 14px -8px #262f2a4d}.nk-book-page-2{transform:translate(calc(var(--book-page-step) * 2), calc(var(--book-page-step) * 2));background:repeating-linear-gradient(#efe4cb 0 2px,#d9caac 2px 3px);box-shadow:1px 1px #755c3724}.nk-book-page-3{transform:translate(var(--book-page-step), var(--book-page-step));background:repeating-linear-gradient(#fbf6e9 0 2px,#e9dcc0 2px 3px);box-shadow:1px 1px #755c371f}.nk-book-surface{transition:transform .22s,box-shadow .22s;position:relative;container-type:inline-size;border-radius:var(--book-radius-l) var(--book-radius-r) var(--book-radius-r) var(--book-radius-l)!important;box-shadow:inset 0 1px 0 #ffffff8c, inset 0 0 0 1px #4c371d24, calc(8px - var(--tilt-xu,0) * 10px) calc(16px + var(--tilt-yu,0) * 8px) 30px -8px #163f3a47, 0 5px 12px -7px #111f1b7a!important}.nk-book-surface img{height:inherit}.nk-book-surface:after{content:"";z-index:12;border-radius:inherit;background:linear-gradient(180deg, #ffffff2e, transparent 12%, transparent 86%, #0c1c181a), linear-gradient(90deg, #00000057, #00000026 var(--book-gutter), #ffffff2b calc(var(--book-gutter) * 1.5), #00000012 calc(var(--book-gutter) * 3), #00000005 calc(var(--book-gutter) * 5.5), transparent calc(var(--book-gutter) * 8.5));pointer-events:none;position:absolute;inset:0}.nk-book-surface:before{content:"";z-index:13;border-radius:inherit;background:radial-gradient(ellipse at var(--light-x,30%) var(--light-y,20%), #fffae647, #fffae614 30%, transparent 55%);opacity:0;pointer-events:none;transition:opacity .25s ease-out;position:absolute;inset:0}.nk-book:hover .nk-book-surface:before{opacity:1}@media (hover:hover) and (pointer:fine){.nk-book:hover{--book-lift:-7px;filter:saturate(1.025)}.nk-book:active{--book-lift:-3px;--book-press-scale:.985;transition-duration:.1s}}@media (prefers-reduced-motion:reduce){.nk-book,.nk-book *,.nk-book-surface:before{transition:none!important;animation:none!important;transform:none!important}.nk-book-page-1{transform:translate(calc(var(--book-page-step) * 3), calc(var(--book-page-step) * 3))!important}.nk-book-page-2{transform:translate(calc(var(--book-page-step) * 2), calc(var(--book-page-step) * 2))!important}.nk-book-page-3{transform:translate(var(--book-page-step), var(--book-page-step))!important}}@media (prefers-reduced-transparency:reduce){.nk-book-surface:before{display:none}}@media (prefers-contrast:more){.nk-book-surface{box-shadow:inset 0 0 0 2px,0 12px 24px -10px #000000a6!important}}.nk-book-title{z-index:10;pointer-events:none;border-radius:inherit;background:linear-gradient(#0000 72%,#0c1c1852 84%,#0c1c189e);align-items:flex-end;padding:0 5cqi 4.5cqi 7cqi;display:flex;position:absolute;inset:0}.nk-book-title-inner{color:#fff8e6;flex-direction:column;gap:1cqi;min-width:0;max-width:88%;display:flex}.nk-book-title-eyebrow{min-width:0;font:800 clamp(8px, 1.8cqi, 12px) / 1.2 var(--font-nunito,ui-sans-serif), sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#fff8e6e6;text-shadow:0 1px 6px #0000008c;align-items:center;gap:1.4cqi;display:flex}.nk-book-title-eyebrow>:first-child{flex-shrink:0}.nk-book-title-text{font-family:var(--font-fraunces,Georgia), Georgia, serif;letter-spacing:-.015em;text-wrap:balance;overflow-wrap:anywhere;text-shadow:0 2px 14px #0000008c,0 1px 2px #00000073;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(14px,5cqi,36px);font-weight:600;line-height:1.08;display:-webkit-box;overflow:hidden}@media (prefers-contrast:more){.nk-book-title{background:linear-gradient(#0000 62%,#000000eb)}}
