.hbn-story-glimpse-section{padding-block:var(--hbn-glimpse-padding-top, 64px) var(--hbn-glimpse-padding-bottom, 64px)}.hbn-story-glimpse-section+.section-background,.hbn-story-glimpse-shopify-section .section-background{background:var(--color-background)}.hbn-story-glimpse{display:block;width:100%;min-width:0;color:var(--color-foreground)}.hbn-story-glimpse__header{width:100%;max-width:none}.hbn-story-glimpse__heading{margin:0;color:inherit;font-family:var(--font-h2--family, inherit);font-size:var(--font-h2--size, 3rem);font-style:var(--font-h2--style, normal);font-weight:var(--font-h2--weight, 700);line-height:var(--font-h2--line-height, 1.1);letter-spacing:var(--font-h2--letter-spacing, normal);text-transform:var(--font-h2--case, none);text-wrap:pretty}.hbn-story-glimpse__description{width:100%;max-width:none;margin:24px 0 0;color:inherit;text-wrap:pretty}.hbn-story-glimpse__sources{width:fit-content;max-width:100%;margin:34px auto 0;padding:18px 24px 20px;border:1px solid rgb(var(--color-foreground-rgb) / .1);border-radius:24px;background:rgb(var(--color-foreground-rgb) / .035)}.hbn-story-glimpse__sources-title{margin:0 0 14px;font-size:.95rem;font-weight:700;line-height:1.25;text-align:center}.hbn-story-glimpse__source-list{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:18px 28px}.hbn-story-glimpse__source-card{margin:0;text-align:center}.hbn-story-glimpse__source-card--child{width:112px}.hbn-story-glimpse__source-card--reference{width:184px}.hbn-story-glimpse__source-media{position:relative;overflow:hidden;padding:0;color:inherit;font:inherit;-webkit-appearance:none;appearance:none;background:rgb(var(--color-foreground-rgb) / .06);box-shadow:0 0 0 1px rgb(var(--color-foreground-rgb) / .1),0 10px 24px rgb(var(--color-shadow-rgb, 74 38 98) / .14);cursor:zoom-in;touch-action:manipulation;transition:transform .18s ease,box-shadow .18s ease}.hbn-story-glimpse__source-media--child{width:112px;aspect-ratio:1;border:3px solid var(--color-background);border-radius:50%}.hbn-story-glimpse__source-media--reference{width:100%;aspect-ratio:8 / 5;border:3px solid var(--color-background);border-radius:16px;background:var(--color-background)}.hbn-story-glimpse__source-image{display:block;width:100%;height:100%}.hbn-story-glimpse img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.hbn-story-glimpse__source-media--child .hbn-story-glimpse__source-image{object-fit:cover}.hbn-story-glimpse__source-media--reference .hbn-story-glimpse__source-image{object-fit:contain}.hbn-story-glimpse__source-card figcaption{margin-top:10px;font-size:.9rem;font-weight:650;line-height:1.25}.hbn-story-glimpse__source-media:focus-visible,.hbn-story-glimpse__lightbox-close:focus-visible{outline:3px solid color-mix(in srgb,var(--hbn-glimpse-nav-color, #582477) 58%,#fff);outline-offset:4px}.hbn-story-glimpse__lightbox{width:fit-content;max-width:none;max-height:none;margin:auto;padding:0;overflow:visible;color:var(--color-foreground);border:0;background:transparent}.hbn-story-glimpse__lightbox:not([open]){display:none}.hbn-story-glimpse__lightbox::backdrop{background:#190c22c2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hbn-story-glimpse__lightbox-panel{position:relative;display:grid;place-items:center;max-width:94vw;max-height:92vh;padding:clamp(12px,2vw,24px);border:1px solid rgb(255 255 255 / .5);border-radius:clamp(16px,2vw,26px);background:var(--color-background, #fff);box-shadow:0 28px 80px #0f07166b}.hbn-story-glimpse__lightbox-figure{display:grid;justify-items:center;gap:12px;margin:0}.hbn-story-glimpse__lightbox-image{display:block;width:auto;height:auto;max-width:min(88vw,1200px);max-height:78vh;object-fit:contain;border-radius:clamp(10px,1.3vw,18px);background:#fff}.hbn-story-glimpse__lightbox-caption{max-width:min(80vw,800px);font-weight:700;line-height:1.3;text-align:center}.hbn-story-glimpse__lightbox-close{position:absolute;top:-16px;right:-16px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:#fff;border:2px solid #fff;border-radius:50%;background:var(--hbn-glimpse-nav-color, #582477);box-shadow:0 8px 22px #1c0d264d;cursor:pointer;transition:transform .16s ease}.hbn-story-glimpse__lightbox-close svg{width:22px;height:22px}.hbn-story-glimpse__viewer{display:grid;grid-template-columns:54px minmax(0,1180px) 54px;grid-template-rows:auto auto;align-items:center;justify-content:center;gap:18px 16px;width:100%;margin-top:42px}.hbn-story-glimpse__book{grid-column:2;grid-row:1;position:relative;width:100%;aspect-ratio:2 / 1;min-width:0;padding:0;border-radius:0;background:transparent;box-shadow:none;perspective:clamp(1200px,130vw,2400px);perspective-origin:50% 48%;isolation:isolate;outline-offset:8px}.hbn-story-glimpse__expand{position:absolute;top:clamp(10px,1vw,14px);right:clamp(10px,1vw,14px);z-index:12;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;color:var(--hbn-glimpse-nav-color, #582477);border:1px solid rgb(255 255 255 / .78);border-radius:50%;background:#ffffffdb;box-shadow:0 7px 20px #22102e33;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:zoom-in;transition:transform .16s ease,background .16s ease,opacity .16s ease}.hbn-story-glimpse__expand svg{width:22px;height:22px}.hbn-story-glimpse__expand:disabled{opacity:.45;cursor:wait}.hbn-story-glimpse__expand:focus-visible,.hbn-story-glimpse__book-lightbox-close:focus-visible{outline:3px solid color-mix(in srgb,var(--hbn-glimpse-nav-color, #582477) 58%,#fff);outline-offset:4px}.hbn-story-glimpse__paper{position:relative;width:100%;height:100%;border-radius:0;background:transparent;box-shadow:none;transform-style:preserve-3d}.hbn-story-glimpse__page,.hbn-story-glimpse__leaf{position:absolute;top:0;width:50%;height:100%}.hbn-story-glimpse__page{z-index:1;overflow:hidden;background:transparent}.hbn-story-glimpse__page--left{left:0;border-radius:1.8% 0 0 1.8%/3.6% 0 0 3.6%}.hbn-story-glimpse__page--right{right:0;border-radius:0 1.8% 1.8% 0/0 3.6% 3.6% 0}.hbn-story-glimpse__page:after,.hbn-story-glimpse__leaf-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.hbn-story-glimpse__page--left:after{background:linear-gradient(90deg,transparent 72%,rgb(25 15 31 / .14) 100%)}.hbn-story-glimpse__page--right:after{background:linear-gradient(90deg,rgb(25 15 31 / .15) 0%,transparent 28%)}.hbn-story-glimpse__page-image{width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hbn-story-glimpse__page.is-empty,.hbn-story-glimpse__leaf-face.is-empty{visibility:hidden;background:transparent;box-shadow:none}.hbn-story-glimpse__page.is-empty:after,.hbn-story-glimpse__leaf-face.is-empty:after{display:none}.hbn-story-glimpse__book[data-hbn-position=front],.hbn-story-glimpse__book[data-hbn-position=back],.hbn-story-glimpse__book[data-hbn-position=front] .hbn-story-glimpse__paper,.hbn-story-glimpse__book[data-hbn-position=back] .hbn-story-glimpse__paper{background:transparent;box-shadow:none}.hbn-story-glimpse__book[data-hbn-position=front] .hbn-story-glimpse__gutter,.hbn-story-glimpse__book[data-hbn-position=back] .hbn-story-glimpse__gutter{opacity:0}.hbn-story-glimpse__book[data-hbn-position=front] .hbn-story-glimpse__page--right.is-cover,.hbn-story-glimpse__book[data-hbn-position=back] .hbn-story-glimpse__page--left.is-cover{border-radius:3.6%;box-shadow:none}.hbn-story-glimpse__book[data-hbn-position=front] .hbn-story-glimpse__page--right.is-cover:after,.hbn-story-glimpse__book[data-hbn-position=back] .hbn-story-glimpse__page--left.is-cover:after{background:none}.hbn-story-glimpse__book[data-hbn-position=back] .hbn-story-glimpse__expand{right:calc(50% + clamp(10px,1vw,14px))}.hbn-story-glimpse__gutter{position:absolute;inset-block:0;left:50%;z-index:4;width:clamp(12px,2.4%,28px);pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgb(21 12 27 / .1) 24%,rgb(21 12 27 / .24) 48%,rgb(255 255 255 / .12) 54%,rgb(21 12 27 / .09) 75%,transparent 100%);transform:translate(-50%);filter:blur(.15px)}.hbn-story-glimpse__leaf{z-index:6;transform:rotateY(0);transform-style:preserve-3d;transition:transform .72s cubic-bezier(.65,0,.35,1);will-change:transform;pointer-events:none}.hbn-story-glimpse__leaf[hidden]{display:none}.hbn-story-glimpse__leaf--forward{left:50%;transform-origin:left center}.hbn-story-glimpse__leaf--forward.is-turned{transform:rotateY(-180deg)}.hbn-story-glimpse__leaf--backward{left:0;transform-origin:right center}.hbn-story-glimpse__leaf--backward.is-turned{transform:rotateY(180deg)}.hbn-story-glimpse__leaf-face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:transparent;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;box-shadow:none}.hbn-story-glimpse__leaf-face--back{transform:rotateY(180deg)}.hbn-story-glimpse__leaf--forward .hbn-story-glimpse__leaf-face--front,.hbn-story-glimpse__leaf--backward .hbn-story-glimpse__leaf-face--back{border-radius:0 1.8% 1.8% 0/0 3.6% 3.6% 0}.hbn-story-glimpse__leaf--forward .hbn-story-glimpse__leaf-face--back,.hbn-story-glimpse__leaf--backward .hbn-story-glimpse__leaf-face--front{border-radius:1.8% 0 0 1.8%/3.6% 0 0 3.6%}.hbn-story-glimpse__leaf--forward .hbn-story-glimpse__leaf-face--front:after{background:linear-gradient(90deg,rgb(22 12 28 / .15),transparent 32%);box-shadow:-10px 0 22px #190d2033}.hbn-story-glimpse__leaf--forward .hbn-story-glimpse__leaf-face--back:after{background:linear-gradient(90deg,transparent 68%,rgb(22 12 28 / .17));box-shadow:10px 0 22px #190d202e}.hbn-story-glimpse__leaf--backward .hbn-story-glimpse__leaf-face--front:after{background:linear-gradient(90deg,transparent 68%,rgb(22 12 28 / .17));box-shadow:10px 0 22px #190d202e}.hbn-story-glimpse__leaf--backward .hbn-story-glimpse__leaf-face--back:after{background:linear-gradient(90deg,rgb(22 12 28 / .15),transparent 32%);box-shadow:-10px 0 22px #190d2033}.hbn-story-glimpse__nav{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;color:#fff;background:var(--hbn-glimpse-nav-color, #582477);border:0;border-radius:50%;box-shadow:0 8px 20px #35164833;cursor:pointer;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.hbn-story-glimpse__nav--previous{grid-column:1;grid-row:1}.hbn-story-glimpse__nav--next{grid-column:3;grid-row:1}.hbn-story-glimpse__nav svg{width:25px;height:25px}.hbn-story-glimpse__nav:disabled{opacity:.28;box-shadow:none;cursor:default}.hbn-story-glimpse__counter{grid-column:2;grid-row:2;justify-self:center;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:70px;min-height:36px;padding:7px 15px;border:1px solid rgb(var(--color-foreground-rgb) / .1);border-radius:999px;background:color-mix(in srgb,var(--color-background) 88%,transparent);box-shadow:0 6px 18px #2c163914;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.hbn-story-glimpse__book-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden;color:var(--color-foreground);border:0;background:color-mix(in srgb,var(--color-background, #fbf6ff) 96%,#fff)}.hbn-story-glimpse__book-lightbox:not([open]){display:none}.hbn-story-glimpse__book-lightbox::backdrop{background:#190c22d1}.hbn-story-glimpse__book-lightbox-panel{position:relative;display:grid;width:100%;height:100%;padding:26px}.hbn-story-glimpse__book-lightbox-stage{display:grid;place-items:center;width:100%;min-width:0;min-height:0}.hbn-story-glimpse__viewer--expanded{grid-template-columns:58px minmax(0,min(82vw,calc((100dvh - 160px)*2))) 58px;gap:18px 18px;width:fit-content;max-width:100%;margin:0}.hbn-story-glimpse__viewer--expanded .hbn-story-glimpse__book{box-shadow:none}.hbn-story-glimpse__viewer--expanded .hbn-story-glimpse__expand{display:none}.hbn-story-glimpse__viewer--expanded .hbn-story-glimpse__nav{width:56px;height:56px}.hbn-story-glimpse__book-lightbox-close{position:fixed;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:20;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;color:#fff;border:2px solid rgb(255 255 255 / .9);border-radius:50%;background:var(--hbn-glimpse-nav-color, #582477);box-shadow:0 8px 24px #1c0d264d;cursor:pointer;transition:transform .16s ease}.hbn-story-glimpse__book-lightbox-close svg{width:24px;height:24px}.hbn-story-glimpse__visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hbn-story-glimpse__editor-placeholder{padding-block:40px;text-align:center}@media(hover:hover){.hbn-story-glimpse__source-media:hover{transform:translateY(-2px) scale(1.018);box-shadow:0 0 0 2px rgb(var(--color-foreground-rgb) / .13),0 14px 30px rgb(var(--color-shadow-rgb, 74 38 98) / .2)}.hbn-story-glimpse__nav:not(:disabled):hover{transform:translateY(-2px) scale(1.035);box-shadow:0 12px 26px #35164845}.hbn-story-glimpse__expand:not(:disabled):hover,.hbn-story-glimpse__lightbox-close:hover,.hbn-story-glimpse__book-lightbox-close:hover{transform:scale(1.045)}}@media screen and (max-width:749px){.hbn-story-glimpse-section{padding-block:min(var(--hbn-glimpse-padding-top, 64px),48px) min(var(--hbn-glimpse-padding-bottom, 64px),48px)}.hbn-story-glimpse__description{margin-top:18px}.hbn-story-glimpse__sources{width:100%;margin-top:26px;padding:16px 12px 18px;border-radius:19px}.hbn-story-glimpse__source-list{gap:14px 18px}.hbn-story-glimpse__source-card--child{width:96px}.hbn-story-glimpse__source-card--reference{width:min(145px,calc(50vw - 34px))}.hbn-story-glimpse__source-media--child{width:86px;margin-inline:auto;border-width:2px}.hbn-story-glimpse__source-media--reference{border-width:2px;border-radius:13px}.hbn-story-glimpse__source-card figcaption{margin-top:8px;font-size:.78rem}.hbn-story-glimpse__lightbox-panel{max-width:92vw;padding:10px;border-radius:16px}.hbn-story-glimpse__lightbox-image{max-width:calc(92vw - 20px);max-height:76vh;border-radius:10px}.hbn-story-glimpse__lightbox-close{top:-14px;right:-10px;width:42px;height:42px}.hbn-story-glimpse__viewer{grid-template-columns:1fr auto auto auto 1fr;grid-template-rows:auto auto;gap:16px 12px;margin-top:30px}.hbn-story-glimpse__book{grid-column:1 / -1;grid-row:1;padding:0;border-radius:0;box-shadow:none}.hbn-story-glimpse__expand{top:8px;right:8px;width:36px;height:36px}.hbn-story-glimpse__expand svg{width:19px;height:19px}.hbn-story-glimpse__paper{border-radius:0}.hbn-story-glimpse__nav{width:44px;height:44px}.hbn-story-glimpse__nav--previous{grid-column:2;grid-row:2}.hbn-story-glimpse__counter{grid-column:3;grid-row:2;min-height:34px}.hbn-story-glimpse__nav--next{grid-column:4;grid-row:2}.hbn-story-glimpse__book-lightbox-panel{padding:58px 12px 16px}.hbn-story-glimpse__viewer--expanded{width:min(calc(100vw - 24px),calc((100dvh - 122px)*2));max-width:100%;gap:14px 10px}.hbn-story-glimpse__viewer--expanded .hbn-story-glimpse__nav{width:44px;height:44px}.hbn-story-glimpse__book-lightbox-close{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));width:42px;height:42px}}@media(prefers-reduced-motion:reduce){.hbn-story-glimpse__leaf,.hbn-story-glimpse__leaf-face:after,.hbn-story-glimpse__source-media,.hbn-story-glimpse__expand,.hbn-story-glimpse__lightbox-close,.hbn-story-glimpse__book-lightbox-close,.hbn-story-glimpse__nav{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/hbn-story-glimpse.css.map */