.lightning-container{width:100%;height:100%;position:relative}.book{--page-w:min(360px, calc(100vw - 2 * var(--gutter)));--page-h:calc(var(--page-w) * 1600 / 1041);--thick:calc(var(--page-w) * .05);--ease:cubic-bezier(.55, .05, .2, 1);--paper:#f5efe3;--print:#2a2521;justify-items:center;gap:var(--s3);display:grid}@media (width>=861px){.book{--page-w:min(420px, 34vw)}}.book__stage{width:var(--page-w);height:var(--page-h);perspective:calc(var(--page-w) * 7);cursor:pointer;overflow-clip-margin:calc(var(--page-w) * .2);-webkit-tap-highlight-color:transparent;position:relative;overflow-x:clip}@media (width>=861px){.book__stage{width:calc(var(--page-w) * 2);overflow:visible}}.book__body{--pan:0px;--tilt:7deg;--yaw:-22deg;top:0;left:calc(50% - var(--page-w) / 2);width:var(--page-w);height:var(--page-h);transform-style:preserve-3d;transform:translateX(var(--pan)) rotateX(var(--tilt)) rotateY(var(--yaw));transition:transform 1.2s var(--ease);position:absolute}.book[data-open] .book__body{--tilt:4deg;--yaw:0deg}.book:not([data-open]) .book__stage:hover .book__body{--yaw:-28deg}@media (width>=861px){.book[data-open] .book__body{--pan:calc(var(--page-w) / 2)}}@media (width<=860px){.book[data-open][data-side=left] .book__body{--pan:var(--page-w)}}.book__body:before{content:"";transform:translateZ(calc(var(--thick) * -1 - 2px));box-shadow:0 calc(var(--page-w) * .08) calc(var(--page-w) * .16) #0000008c;transition:left 1.2s var(--ease);border-radius:8px;position:absolute;inset:3% 0 0}.book[data-open] .book__body:before{left:calc(var(--page-w) * -1)}.book__back{transform:translateZ(calc(var(--thick) * -1));background:#151513;border-radius:2px 6px 6px 2px;position:absolute;inset:0}.book__edge{width:var(--thick);transform-origin:100%;background:repeating-linear-gradient(90deg, var(--paper) 0 2px, #d8cfbd 2px 3px);position:absolute;inset:1.2% 0 1.2% auto;transform:rotateY(-90deg)}@property --flip{syntax:"<number>";inherits:true;initial-value:0}.book__leaf{--arc:sin(var(--flip) * 180deg);--depth:calc(((1 - var(--flip)) * (var(--leaves) - var(--k)) + var(--flip) * var(--k)) * .6px + var(--arc) * var(--page-w) * .1);transform-origin:0;transform-style:preserve-3d;transform:translateZ(var(--depth)) rotateY(calc(var(--flip) * -180deg));transition:--flip 1.1s var(--ease);position:absolute;inset:0}.book__leaf[data-turned]{--flip:1}.book__face{background:var(--paper);backface-visibility:hidden;border-radius:2px 6px 6px 2px;position:absolute;inset:0;overflow:hidden}.book__face--back{border-radius:6px 2px 2px 6px;transform:rotateY(180deg)translateZ(.01px)}.book__face:after{content:"";pointer-events:none;background:linear-gradient(90deg, rgb(0 0 0/calc(.4 * var(--arc))), transparent 75%), linear-gradient(90deg, #00000029, #0000000a 5%, transparent 12%);position:absolute;inset:0}.book__face--back:after{transform:scaleX(-1)}.book__face img{object-fit:cover;width:100%;height:100%;display:block}.book__crease{opacity:.55;background:linear-gradient(90deg,#0000 12%,#ffffff40 29%,#0000 50% 75%,#ffffff40 91%,#0000),linear-gradient(90deg,#0000001a 12%,#0000 30%,#0003 73%,#00000080 75%,#00000026 85%,#0000);width:8.2%;position:absolute;inset:0 auto 0 0}.book__page{--size:calc(var(--page-w) * .037 * var(--fit,1));padding:calc(var(--page-w) * .1) calc(var(--page-w) * .085) calc(var(--page-w) * .06);background:var(--paper);color:var(--print);font:400 var(--size) / 1.62 var(--font-tiro);text-align:justify;cursor:pointer;flex-direction:column;display:flex;position:absolute;inset:0}.book__text{flex:1;min-height:0;overflow:hidden}.book__text p{margin:0}.book__page--chapter .book__text p+p,.book__page--text .book__text p+p{text-indent:1.6em}.book__head{font:italic 400 1.08em / 1.3 var(--font-tiro);text-align:center;margin:0 0 1em}.book__page--chapter .book__head{margin:3.2em 0 1.6em;font-size:1.7em;font-style:normal}.book__folio{text-align:center;opacity:.8;margin:0;padding-top:.8em;font-size:.85em}.book__page--jacket{color:#f1ece2;font-size:calc(var(--size) * 1.05);background:#0d0d0c}.book__page--jacket .book__text{align-content:safe center;display:grid}.book .book__end{place-content:center;justify-items:center;gap:calc(var(--page-w) * .04);padding:calc(var(--page-w) * .1);background:linear-gradient(90deg, #00000029, #0000000a 5%, transparent 12%), var(--paper);color:var(--print);text-align:center;border-radius:2px 6px 6px 2px;text-decoration:none;display:grid;position:absolute;inset:0}.book__end strong{font:400 calc(var(--page-w) * .11) / 1.1 var(--font-tiro);color:#9d2a2a}.book__end span{font:italic 400 calc(var(--page-w) * .05) / 1.35 var(--font-fraunces)}.book__end .book__cta{margin-top:calc(var(--page-w) * .03);background:var(--print);color:var(--paper);font:400 calc(var(--page-w) * .042) / 1 var(--font-bricolage);border-radius:999px;padding:.55em 1.2em;transition:background .2s}.book__end:hover .book__cta,.book__end:focus-visible .book__cta{background:#9d2a2a}.book__end small{font:400 calc(var(--page-w) * .032) / 1 var(--font-bricolage);opacity:.6}.book__controls{align-items:center;gap:var(--s2);width:min(100%,320px);font:400 var(--step--1) / 1 var(--font-bricolage);display:flex}.book__controls button,.book__order{border:1px solid color-mix(in oklab, currentColor, transparent 70%);min-width:40px;height:40px;color:inherit;font:inherit;cursor:pointer;background:#0b0c0b59;border-radius:999px;flex:none;place-items:center;padding:0 12px;display:grid}.book__controls svg{width:16px;height:16px}.book__controls button:disabled{opacity:.3;cursor:default}.book__order{font-size:var(--step--1);white-space:nowrap;text-decoration:none;display:none}.book[data-at-end] .book__next{display:none}.book[data-at-end] .book__order{display:grid}@media (width>=861px){.book[data-at-last-spread] .book__next{display:none}.book[data-at-last-spread] .book__order{display:grid}}.book__track{background:color-mix(in oklab, currentColor, transparent 80%);border-radius:2px;flex:1;height:2px;overflow:hidden}.book__track span{background:var(--accent-on-dark,currentColor);height:100%;transform:scaleX(var(--done));transform-origin:0;transition:transform .6s var(--ease);display:block}.book__hint{font:400 var(--step--1) / 1.3 var(--font-bricolage);opacity:.6;margin:0}.tk:not([data-motion=on]) .book__hint{display:none}@media (prefers-reduced-motion:reduce){.book__body,.book__leaf,.book__body:before,.book__track span{transition:none}}.ring__spin{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(clamp(150px,22vw,300px),1fr));display:grid}.ring__card{aspect-ratio:3/4;border:1px solid var(--glass-edge);border-radius:var(--glass-radius-small);background:var(--charcoal);box-shadow:var(--glass-shadow);margin:0;position:relative;overflow:hidden}.ring__card img{object-fit:cover;width:100%;height:100%}.ring__card figcaption{color:#fff;background:linear-gradient(#0000,#000c);gap:4px;padding:56px 18px 18px;display:grid;position:absolute;inset:auto 0 0}.ring__card strong{font:400 1.25rem / 1.1 var(--font-fraunces)}.ring__card em{font:italic 400 .8rem / 1.35 var(--font-bricolage);opacity:.8}.ring__ground{display:none}@property --ring-spin{syntax:"<number>";inherits:true;initial-value:0}@keyframes ring-spin{to{--ring-spin:.026667}}.tk[data-motion=on] .ring{--card-w:max(170px, min(clamp(190px, 20vw, 320px), 33vh));--radius:clamp(300px, 42vw, 620px);--turn:calc((var(--tk-scene,0) + var(--ring-spin) + var(--ring-drag,0)) * 360deg);perspective:calc(var(--radius) * 3.4);perspective-origin:50% calc(50% + var(--ring-drop,0px) / 2);touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;animation:8s ease-out forwards ring-spin;position:absolute;inset:0}.tk[data-motion=on] .ring[data-dragging]{cursor:grabbing}.tk[data-motion=on][data-scrolling=true] .ring,.tk[data-motion=on] [data-scene]:not([data-on-screen]) .ring{animation-play-state:paused}.tk[data-motion=on] .ring__spin{inset:var(--ring-drop,0px) 0 0;transform:rotateY(var(--turn));transform-style:preserve-3d;display:block;position:absolute}.tk[data-motion=on] .ring__card{--angle:calc(var(--i) * 360deg / var(--count));width:var(--card-w);margin:calc(var(--card-w) * -2 / 3) 0 0 calc(var(--card-w) / -2);transform:rotateY(var(--angle)) translateZ(var(--radius));opacity:calc(.65 + .35 * cos(var(--angle) + var(--turn)));position:absolute;top:50%;left:50%}.tk[data-motion=on] .ring__card figcaption{opacity:clamp(0, cos(var(--angle) + var(--turn)) * 4, 1)}.tk[data-motion=on] .ring__ground{isolation:isolate;display:block;position:absolute;inset:0}.tk[data-motion=on] .ring__ground span{--at:mod(var(--i) / var(--count) + var(--tk-scene,0) + var(--ring-spin) + var(--ring-drag,0), 1);background:oklch(from var(--tint,var(--charcoal)) clamp(.18, l, .4) c h);opacity:clamp(0, 1 - min(var(--at), 1 - var(--at)) * var(--count), 1);mix-blend-mode:plus-lighter;position:absolute;inset:0}@media (width>=861px){.tk[data-motion=on] .ring{--card-w:min(26vw, 40vh, var(--radius) * .6);perspective:calc(var(--radius) * 5)}}.scroll-map{z-index:25;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;opacity:0;visibility:hidden;width:26px;height:52svh;transition:opacity .25s,visibility 0s linear .25s;position:fixed;top:24svh;right:2px}.tk[data-scrolled=true] .scroll-map{opacity:.55;visibility:visible;transition:opacity .25s}.tk[data-scrolling=true] .scroll-map,.tk .scroll-map[data-open]{opacity:1}.scroll-map__track{width:10px;position:absolute;inset:0 5px 0 auto}.scroll-map__track:before{content:"";background:#1213115c;border-radius:999px;position:absolute;inset:-8px 0}.scroll-map__track i{top:calc(var(--p) * 100%);background:#f8f5ef9e;width:4px;height:1px;position:absolute;right:3px}.scroll-map__track i[data-major]{background:var(--ivory);width:8px;right:1px}.scroll-map__loupe{background:var(--liquid-rim);will-change:transform;pointer-events:none;border-radius:50%;height:22px;position:absolute;top:-11px;left:-6px;right:-6px}.scroll-map__glass{background:var(--liquid-sheen), #12131199;border-radius:50%;position:absolute;inset:1px;overflow:hidden}.scroll-map__lens{will-change:transform;position:absolute;top:10px;left:5px;right:5px}.scroll-map__lens i{background:var(--ivory);width:7px}.scroll-map__lens i[data-major]{width:11px}.scroll-map__here{background:var(--accent-on-dark);border-radius:1px;width:26px;height:2px;position:absolute;top:calc(50% - 1px);right:0;box-shadow:0 0 8px #e07a52b3}.scroll-map__corona{top:var(--cy);width:0;height:0;position:absolute;right:30px}.scroll-map__ray,.scroll-map__spike{transform-origin:100%;width:88px;height:6px;transform:rotate(var(--r));clip-path:polygon(0 50%,100% 0,100% 100%);animation:.22s cubic-bezier(.2,.8,.2,1) both scroll-map-ray;animation-delay:calc(var(--k,0) * 18ms);background:linear-gradient(270deg,#e07a52e6 16px,#e07a5214);position:absolute;top:-3px;right:0}.scroll-map__spike{background:linear-gradient(270deg,#f8f5ef8c 12px,#0000);width:50px;height:4px;top:-2px}.scroll-map__ray[data-on]{background:linear-gradient(to left, var(--accent-on-dark) 20px, #e07a5259);width:90px;height:8px;top:-4px}.scroll-map__sun{background:#121311d9;border:1.5px solid #f8f5efb3;border-radius:50%;width:42px;height:42px;position:absolute;top:-21px;right:-21px;box-shadow:0 0 18px 4px #e07a5273}.scroll-map__action{left:var(--x);top:var(--y);width:46px;height:46px;color:var(--ivory);animation:.24s cubic-bezier(.2,.8,.2,1) both scroll-map-action;animation-delay:calc(40ms + var(--k) * 18ms);-webkit-tap-highlight-color:transparent;background:#121311f0;border:1px solid #f8f5ef38;border-radius:50%;place-items:center;text-decoration:none;display:grid;position:absolute;translate:-50% -50%;box-shadow:0 6px 18px #00000059}.scroll-map__action svg{width:20px;height:20px}.scroll-map__action[data-on]{border-color:var(--accent-on-dark);background:var(--accent-on-dark);color:#121311;scale:1.14}.scroll-map__action span{white-space:nowrap;text-align:right;font:600 11px/1.25 var(--font-ui);letter-spacing:.02em;color:#f8f5efd1;pointer-events:none;background:#121311e6;border-radius:8px;padding:4px 8px;position:absolute;top:50%;right:calc(100% + 8px);translate:0 -50%}.scroll-map__action span:lang(bn){font-family:var(--font-anek,system-ui), system-ui, sans-serif;letter-spacing:0}.scroll-map__action small{font:400 10px/1.3 var(--font-annotation);letter-spacing:0;color:var(--accent-on-dark);display:block}.scroll-map__action[data-on] span{color:var(--ivory)}@keyframes scroll-map-ray{0%{transform:rotate(var(--r)) scaleX(0)}}@keyframes scroll-map-action{0%{opacity:0;scale:.5}}.scroll-map__ios{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.tk:not([data-motion=on]) .scroll-map{transition:none}.tk:not([data-motion=on]) :is(.scroll-map__ray,.scroll-map__spike,.scroll-map__action){animation:none}@media (width<=760px) and (hover:none) and (pointer:coarse){.scroll-idle-cue,.tk-rail{display:none}}
