.vr-jb{--vr-jb-paper: var(--vr-cream-raised, #F8F5EE);--vr-jb-rule: rgba(91, 33, 13, .16);--vr-jb-gap: 30px;--vr-jb-pad: clamp(20px, 2.4vw, 36px)}.vr-jb__sheet{position:relative;background-color:var(--vr-jb-paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .13 0 0 0 0 .08 0 0 0 .14 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.014 .4' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .28 0 0 0 0 .18 0 0 0 0 .1 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004' numOctaves='2' seed='12' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .95 0 0 0 0 .88 0 0 0 0 .78 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E"),radial-gradient(110% 130% at 50% 38%,#fcf7ec59,#fcf7ec00,#644b3214);border-radius:6px;box-shadow:0 0 0 1px #b478322e,0 1px 2px #5b210d0f,0 12px 30px -18px #5b210d40,inset 0 0 30px #5a41280f,inset 0 1px #fcf7ec66}.vr-jb__sheet--bottom{margin-top:var(--vr-jb-gap);overflow:hidden}.vr-jb__sheet--top{display:grid;grid-template-columns:1fr 1fr;gap:var(--vr-jb-pad);padding:calc(var(--vr-jb-pad) + 10px) var(--vr-jb-pad) var(--vr-jb-pad)}.vr-jb__sheet--top:before{content:"";position:absolute;left:var(--vr-jb-pad);right:var(--vr-jb-pad);top:14px;height:1px;background:var(--vr-jb-rule)}.vr-jb__cover-text{display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;gap:10px;padding-bottom:6px}.vr-jb__logo{display:flex;align-items:flex-start;justify-content:center;width:100%;padding-top:clamp(14px,1.6vw,28px)}.vr-jb__logo-mask{display:block;width:55%;height:auto;background-color:var(--vr-rust);-webkit-mask:var(--vr-jb-logo-url) center / contain no-repeat;mask:var(--vr-jb-logo-url) center / contain no-repeat}.vr-jb__logo-text{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(2.8rem,3.4vw,5rem);letter-spacing:.14em;text-transform:uppercase;color:#000;text-align:center;display:block;width:100%}.vr-jb__eyebrow{margin:0;font-family:var(--font-body-family);font-size:var(--vr-fs-eyebrow);letter-spacing:var(--vr-ls-eyebrow);text-transform:uppercase;color:var(--vr-chocolate)}.vr-jb__heading{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--vr-fs-h3);line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--vr-chocolate)}.vr-jb__intro{max-width:34em;font-family:var(--font-body-family);font-size:var(--vr-fs-body);line-height:1.6;color:var(--vr-chocolate)}.vr-jb__intro p{margin:0}.vr-jb__cover-media{aspect-ratio:5 / 4;overflow:hidden;background:var(--vr-sand)}.vr-jb__cover-media img,.vr-jb__photo img{display:block;width:100%;height:100%;object-fit:cover}.vr-jb__placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--vr-sand) 0%,var(--vr-cream) 100%)}.vr-jb__rings{position:relative;z-index:2;height:0}.vr-jb__ring{position:absolute;top:calc(var(--vr-jb-gap) / 2);width:20px;height:calc(var(--vr-jb-gap) + 48px);transform:translate(-50%,-50%)}.vr-jb__ring:nth-child(1){left:15%}.vr-jb__ring:nth-child(2){left:50%}.vr-jb__ring:nth-child(3){left:85%}.vr-jb__ring:before,.vr-jb__ring:after{content:"";position:absolute;left:50%;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 45% 38%,#0d0a08,#17120e 48%,#3b342e 72%,#8f877d 92%,#b8b0a6);box-shadow:inset 0 1.5px 2px #0000008c,0 .5px #ffffffe6,0 -.5px #3c32282e;transform:translate(-50%)}.vr-jb__ring:before{top:4px}.vr-jb__ring:after{bottom:4px}.vr-jb__loop{position:absolute;top:10px;right:3.5px;bottom:10px;left:3.5px;z-index:1;padding:2.4px;border-radius:999px;background:linear-gradient(to bottom,rgba(20,16,12,.55) 0,transparent 5px,transparent calc(100% - 5px),rgba(20,16,12,.55) 100%),linear-gradient(90deg,#5e5e5e,#b9b9b9,#f4f4f4 32%,#fff 40%,#9c9c9c 56%,#d9d9d9 74%,#f0f0f0 84%,#6b6b6b);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.vr-jb__ring{filter:drop-shadow(0 0 .4px rgba(0,0,0,.45)) drop-shadow(1.5px 2.5px 1.6px rgba(30,25,20,.28))}.vr-jb__ring{width:28px;background:var(--vr-jb-ring-img) center / contain no-repeat;filter:none}.vr-jb__ring:before,.vr-jb__ring:after,.vr-jb__loop{display:none}.vr-jb__running{display:flex;justify-content:space-between;margin:0 var(--vr-jb-pad);padding:22px 0 10px;border-bottom:1px solid var(--vr-jb-rule);font-family:var(--font-body-family);font-size:var(--vr-fs-label);letter-spacing:var(--vr-ls-eyebrow);text-transform:uppercase;color:var(--vr-chocolate)}.vr-jb__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;list-style:none}.vr-jb__item{min-width:0;position:relative}.vr-jb__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.vr-jb__link:focus-visible{outline:var(--vr-focus-outline);outline-offset:-4px}.vr-jb__text{flex:1;display:flex;flex-direction:column;gap:8px;padding:clamp(24px,2.6vw,40px) var(--vr-jb-pad) clamp(28px,3vw,48px)}.vr-jb__category{font-family:var(--font-body-family);font-size:var(--vr-fs-label);letter-spacing:var(--vr-ls-eyebrow);text-transform:uppercase;color:var(--vr-chocolate);min-height:1.5em}.vr-jb__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--vr-fs-h3);line-height:1.25;color:var(--vr-chocolate)}.vr-jb__excerpt{font-family:var(--font-body-family);font-size:var(--vr-fs-small);font-weight:300;line-height:1.6;color:var(--vr-chocolate);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vr-jb__read{position:relative;margin-top:auto;padding-top:6px;font-family:var(--font-body-family);font-size:var(--vr-fs-small);font-weight:400;letter-spacing:.01em;color:var(--vr-cream);text-decoration:none;display:inline-flex;align-items:center;gap:.3em;z-index:0;width:fit-content}.vr-jb__read:before{content:"";position:absolute;left:-5px;right:-5px;top:calc(50% + 1px);height:1.45em;transform:translateY(-50%) rotate(-1deg) scaleX(0);transform-origin:left center;background:var(--vr-rust);border-radius:3px 4px 2px 3px;z-index:-1;-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 6%,black 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 6%,black 94%,transparent 100%);transition:transform .5s cubic-bezier(.22,.61,.36,1)}.vr-jb__sheet--bottom.is-visible .vr-jb__read:before{transform:translateY(-50%) rotate(-1deg) scaleX(1)}.vr-jb__item:nth-child(1) .vr-jb__read:before{transition-delay:.3s}.vr-jb__item:nth-child(2) .vr-jb__read:before{transition-delay:.5s}.vr-jb__item:nth-child(3) .vr-jb__read:before{transition-delay:.7s}@media(prefers-reduced-motion:reduce){.vr-jb__read:before{transform:translateY(-50%) rotate(-1deg);transition:none}}.vr-jb__arrow{display:inline-block}.vr-jb__photo{display:block;position:relative;aspect-ratio:5 / 6;overflow:hidden;background:var(--vr-sand)}.vr-jb__hotspots{position:absolute;left:0;right:0;bottom:0;aspect-ratio:5 / 6;z-index:2;pointer-events:none}.vr-jb__hotspot{pointer-events:auto}.vr-jb__cta{display:flex;justify-content:center;margin-top:var(--vr-space-lg)}@media(max-width:749px){.vr-jb{--vr-jb-gap: 26px}.vr-jb__sheet--top{grid-template-columns:1fr}.vr-jb__cover-media{order:-1}.vr-jb__grid{grid-template-columns:1fr;gap:0}.vr-jb__item+.vr-jb__item .vr-jb__text{border-top:1px solid var(--vr-jb-rule)}.vr-jb__photo,.vr-jb__hotspots{aspect-ratio:4 / 3}.vr-jb__running{padding-top:26px}.vr-jb__running span+span{display:none}}.vr-jb__hotspot{position:absolute;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:-16px;margin-top:-16px;text-decoration:none;z-index:3;cursor:pointer}.vr-jb__hotspot:focus-visible{outline:2px solid var(--vr-cream);outline-offset:3px;border-radius:50%}.vr-jb .vr-hotspot__dot{display:block;width:16px;height:16px;border-radius:50%;background:#f9f3ec66;border:1.5px solid var(--vr-cream);box-shadow:0 1px 4px #0003;position:relative;z-index:1}.vr-jb .vr-hotspot__dot:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1.5px solid var(--vr-cream);opacity:0;animation:vr-jb-pulse 2.4s ease infinite}@keyframes vr-jb-pulse{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.8);opacity:0}}@media(prefers-reduced-motion:reduce){.vr-jb .vr-hotspot__dot:before{animation:none;display:none}}.vr-jb .vr-hotspot__tooltip{position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:10px;padding:7px 18px 7px 7px;background:#5b210d38;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);color:var(--vr-cream);border-radius:999px;white-space:nowrap;pointer-events:auto;cursor:pointer;opacity:0;transition:opacity .4s ease;z-index:4;box-shadow:inset 0 1px 1px #ffffff59,inset 0 -1px 2px #0000002e}.vr-jb .vr-hotspot__img{flex:0 0 auto;width:44px;height:44px;border-radius:50%;object-fit:cover;background:#f9f3ec33}.vr-jb .vr-hotspot__text{display:flex;flex-direction:column;gap:2px}.vr-jb .vr-hotspot__name{font-family:var(--font-body-family);font-weight:400;font-size:var(--vr-fs-small);line-height:1.2}.vr-jb .vr-hotspot__price{font-family:var(--font-body-family);font-size:var(--vr-fs-small);font-weight:300;opacity:.85;line-height:1.2}.vr-jb .vr-hotspot__tooltip:after{content:"";position:absolute;right:100%;top:0;bottom:0;width:16px}.vr-jb__item:last-child .vr-hotspot__tooltip{left:auto;right:calc(100% + 6px)}.vr-jb__item:last-child .vr-hotspot__tooltip:after{right:auto;left:100%}.vr-jb__hotspot:hover .vr-hotspot__tooltip,.vr-jb__hotspot:focus-visible .vr-hotspot__tooltip,.vr-jb .vr-hotspot__tooltip:hover{opacity:1}@media(max-width:749px){.vr-jb .vr-hotspot__tooltip{opacity:1}}@media(max-width:749px){.vr-jb__hotspots{container-type:inline-size}.vr-jb .vr-jb__hotspot .vr-hotspot__tooltip{top:calc(100% + 6px);bottom:auto;left:50%;right:auto;width:max-content;max-width:calc(100cqw - 16px);white-space:normal;transform:translate(calc(var(--vr-jb-x, 50) * -1%))}.vr-jb .vr-jb__hotspot[data-tip=above] .vr-hotspot__tooltip{top:auto;bottom:calc(100% + 6px)}.vr-jb .vr-jb__hotspot .vr-hotspot__tooltip:after{display:none}}@media screen and (max-width:749px){.vr-jb__hotspot:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/vr-journal-binder.css.map */