#app #stage.bookend{--be-ink:#17242b;--be-paper:#f6f5f1;--be-type:JBEditorial,"Open Sans",Arial,sans-serif}#app #stage.bookend #copy{position:absolute;left:6%;right:6%;top:auto;bottom:7%;width:auto;height:24cqw;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 18cqw;grid-template-rows:auto auto;column-gap:6cqw;row-gap:1.4cqw;align-content:center;align-items:start;justify-content:normal;padding:0;margin:0;transform:none!important;clip-path:none!important;outline:0!important;border:0;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;animation:none!important;transition:none!important;isolation:auto;z-index:6;pointer-events:none;font-family:var(--be-type);visibility:visible;color:#fff}#app #stage.bookend #copy:before,#app #stage.bookend #copy:after{content:none!important;display:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;background:none!important;box-shadow:none!important;filter:none!important;animation:none!important}#app #stage.bookend #stageBrand,#app #stage.bookend #dots,#app #stage.bookend #concepts,#app #stage.bookend #eyebrow,#app #stage.bookend #support,#app #stage.bookend .optical-connection,#app #stage.bookend .rule,#app #stage.bookend #tags{display:none!important}#app #stage.bookend #copy>*{min-width:0;min-height:0;max-height:none;transform:none!important;clip-path:none!important;animation:none!important;transition:none!important;outline:0}#app #stage.bookend #sceneTitle{display:block!important;grid-column:1;grid-row:1;font-family:var(--be-type);font-size:6.15cqw;line-height:1.04;font-weight:300;letter-spacing:-.055em;margin:0!important;padding:0!important;border:0;max-width:none;width:100%;color:inherit;text-shadow:none;white-space:normal;overflow:visible;align-self:end}#app #stage.bookend #sceneTitle strong{display:block;font-family:inherit;font-weight:700;letter-spacing:-.055em}#app #stage.bookend #headline{display:block!important;grid-column:1;grid-row:2;font:400 1.95cqw/1.38 var(--be-type)!important;letter-spacing:-.015em;margin:0!important;padding:0!important;border:0!important;background:none;color:inherit;text-shadow:none;max-width:49cqw;align-self:start;opacity:1;visibility:visible}#app #stage.bookend-intro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(0deg,rgba(5,15,21,.94) 0%,rgba(5,15,21,.81) 21%,rgba(5,15,21,.38) 46%,transparent 72%);opacity:1}#app #stage.bookend-intro #copy,#app #stage.bookend-intro:before{opacity:1!important;visibility:visible}#bookendContacts{display:flex;gap:3.5cqw;pointer-events:auto;font-family:JBEditorial,Open Sans,Arial,sans-serif}#bookendContacts[hidden],#bookendMobileContacts{display:none!important}#app #stage.bookend #bookendContacts{grid-column:2;grid-row:1/3;display:flex;align-self:center;justify-self:start;align-items:start;margin:0;width:100%;opacity:1;visibility:visible}.bookend-contact{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.7cqw;min-width:0;padding:0;border:0;border-radius:0;background:none;color:inherit;box-shadow:none;text-decoration:none;pointer-events:auto}.bookend-contact strong{order:0;font:400 1.25cqw/1.25 JBEditorial,Open Sans,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.bookend-contact img,.bookend-qr-reserved{order:1;display:block;aspect-ratio:1;width:16.5cqw;height:16.5cqw;max-width:none;object-fit:contain;background:#fff;border:0;border-radius:0;box-shadow:none;flex-shrink:0}.bookend-contact-caption{order:2;font:400 1.45cqw/1.3 JBEditorial,Open Sans,Arial,sans-serif;letter-spacing:0;white-space:nowrap}.bookend-contact:focus-visible{outline:2px solid currentColor;outline-offset:6px}.bookend-qr-reserved{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.2cqw;padding:1.7cqw;color:#55626a;text-align:center;background:#eeede8;box-shadow:inset 0 0 0 1px #17242b20}.bookend-pending-mark{font:300 2.1cqw/1.15 JBEditorial,Open Sans,Arial,sans-serif;letter-spacing:-.05em;max-width:11cqw}.bookend-qr-reserved>span:last-child{font:400 1cqw/1.3 JBEditorial,Open Sans,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}#app #stage.bookend-outro:after{content:"";position:absolute;left:0;right:0;bottom:0;height:28cqw;z-index:4;pointer-events:none;background:linear-gradient(0deg,rgba(5,15,21,.94) 0%,rgba(5,15,21,.78) 52%,transparent 100%);opacity:1}#app #stage.bookend-outro #copy{grid-template-columns:minmax(0,1fr) 39cqw;height:22cqw;column-gap:5cqw;color:#fff}#app #stage.bookend-outro #sceneTitle{font-size:6.7cqw;line-height:1.02}#app #stage.bookend-outro #headline{font-size:1.7cqw!important;letter-spacing:.08em;text-transform:uppercase;color:#e4ebee}#app #stage.bookend-outro #bookendContacts{display:grid;grid-template-columns:16.5cqw 16.5cqw;gap:4cqw;align-items:start}#app #stage.bookend-outro .bookend-contact strong{font-size:1.1cqw;letter-spacing:.04em}#app #stage.bookend-outro .bookend-contact-caption{font-size:1.3cqw;max-width:16.5cqw;white-space:normal}#app #stage.bookend-outro:after,#app #stage.bookend-outro #copy{opacity:1!important;visibility:visible}#app #stage.bookend:focus-visible{outline:none}#app #stage.bookend-awaiting #playbackHint{top:7%!important;right:6%!important;bottom:auto!important;min-height:0!important;background:#f6f5f1!important;color:#17242b!important;border:1px solid #17242b30!important;border-radius:0!important;padding:.6cqw 1cqw!important;font:400 1.1cqw/1.4 JBEditorial,Open Sans,Arial,sans-serif!important;letter-spacing:.05em}#app:fullscreen:not(.controls-visible) header,#app.presentation-mode:not(.controls-visible) header{opacity:0;transition:opacity .2s}#app:fullscreen header:hover,#app:fullscreen header:focus-within,#app.presentation-mode header:hover,#app.presentation-mode header:focus-within{opacity:1}#app #stage.instagram-featured #stageBrand{left:76%;right:auto;top:7%;width:18%;min-height:0;height:5.2cqw;padding:0 1.2cqw;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;border-radius:1.8cqw;pointer-events:none}#app #stage.instagram-featured #stageBrand .jbMonogram{display:none}#app #stage.instagram-featured #stageBrand .instagram{display:block;font:400 1.45cqw/1 JBEditorial,Open Sans,Arial,sans-serif;letter-spacing:-.025em;color:#16242c;text-shadow:0 1px 0 #fff7;white-space:nowrap}#app #stage.instagram-featured[data-bookend-scene=MP09] #stageBrand,#app #stage.instagram-featured[data-bookend-scene=MP11] #stageBrand{left:41%}#app #stage.instagram-featured[data-bookend-scene=MK03] #stageBrand,#app #stage.instagram-featured[data-bookend-scene=MK09] #stageBrand{left:5%}@media(max-width:700px){#app #stage.instagram-featured #stageBrand{width:23%;height:6.8cqw;left:72%}#app #stage.instagram-featured #stageBrand .instagram{font-size:1.8cqw}#app #stage.instagram-featured[data-bookend-scene=MP09] #stageBrand,#app #stage.instagram-featured[data-bookend-scene=MP11] #stageBrand{left:38.5%}#app #stage.instagram-featured[data-bookend-scene=MK03] #stageBrand,#app #stage.instagram-featured[data-bookend-scene=MK09] #stageBrand{left:5%}}#app #stage.instagram-featured[data-bookend-scene=MP02] #stageBrand{left:5%}#app.bookend-active.controls-visible nav,#app.bookend-active:fullscreen.controls-visible nav,#app.bookend-active.presentation-mode.controls-visible nav{position:fixed;z-index:30;top:8px;bottom:auto;left:8px;right:130px;transform:none;width:auto;max-width:none;max-height:30dvh;overflow:auto;margin:0;padding:8px;display:flex;flex-wrap:wrap;gap:6px;background:#101820ed;border-radius:14px}#app #stage:not(.bookend) #copy:after,#app #stage:not(.bookend) #stageBrand:after{border-width:0;border-image-width:clamp(26px,2.6cqw,52px)}#app #stage:not(.bookend) #copy{padding:clamp(14px,2.1cqw,42px);height:auto;min-height:0}#app #stage:not(.bookend) #stageBrand{padding:clamp(14px,1.5cqw,30px) clamp(18px,2cqw,40px)}#app #stage.instagram-featured #stageBrand{left:auto;right:4%;height:auto;min-height:5.2cqw;min-width:max-content;max-width:38%;width:18%}#app #stage.instagram-featured #stageBrand .instagram{font-size:clamp(10px,1.45cqw,28px);line-height:1.2}#app #stage.instagram-featured[data-bookend-scene=MP02] #stageBrand,#app #stage.instagram-featured[data-bookend-scene=MK03] #stageBrand,#app #stage.instagram-featured[data-bookend-scene=MK09] #stageBrand{left:4%;right:auto}#app #stage.instagram-featured[data-bookend-scene=MP09] #stageBrand,#app #stage.instagram-featured[data-bookend-scene=MP11] #stageBrand{left:41%;right:auto}@media(max-width:700px),(max-width:1000px)and (max-height:500px){#app #stage:not(.bookend) #copy{left:4%;right:4%;width:92%;top:auto;bottom:5%;padding:14px 16px}#app #stage:not(.bookend) #headline{font-size:12px!important;line-height:1.25;margin-top:8px!important;padding-top:8px!important}#app #stage:not(.bookend) #concepts .concept.active span{font-size:12px;line-height:1.25}#app #stage:not(.bookend) .grouped-copy{grid-template-columns:1fr!important;gap:7px;margin-top:7px;padding-top:7px}#app #stage:not(.bookend) .point-detail{font-size:12px!important;line-height:1.25}#app #stage:not(.bookend) #stageBrand{padding:14px 18px}#app #stage.instagram-featured #stageBrand{left:auto;right:4%;width:23%;min-height:0}#app #stage.instagram-featured[data-bookend-scene=MP02] #stageBrand,#app #stage.instagram-featured[data-bookend-scene=MK03] #stageBrand,#app #stage.instagram-featured[data-bookend-scene=MK09] #stageBrand{left:4%;right:auto}#app #stage.instagram-featured[data-bookend-scene=MP09] #stageBrand,#app #stage.instagram-featured[data-bookend-scene=MP11] #stageBrand{left:38.5%;right:auto}}#app #stage:not(.bookend) #copy .concept.active,#app #stage:not(.bookend) #headline,#app #stage:not(.bookend) .grouped-copy{transform:none!important}@keyframes glassMarginReveal{0%{opacity:0}to{opacity:1}}#app #stage:not(.bookend) #copy.scene-enter{animation-name:glassMarginReveal!important}#app #stage.bookend #copy{height:31cqw;grid-template-columns:minmax(0,1fr) 26.041667cqw;column-gap:5cqw}#app #stage.bookend .bookend-contact{align-items:center;text-align:center}#app #stage.bookend .bookend-contact img{width:26.041667cqw;height:26.041667cqw;background:transparent}#app #stage.bookend-outro #copy{grid-template-columns:minmax(0,1fr) 55cqw;column-gap:3cqw}#app #stage.bookend-outro #bookendContacts{grid-template-columns:26.041667cqw 26.041667cqw;gap:2.5cqw}#app #stage.bookend-outro .bookend-contact-caption{max-width:26.041667cqw}#app #stage.bookend .bookend-contact strong{order:2}#app #stage.bookend .bookend-contact-caption{order:3}#app #stage:not(.bookend) #copy{width:max-content;max-width:43%}#app #stage.dock-right:not(.bookend) #copy{left:auto;right:4%;max-width:34%}#app #stage.dock-low-left:not(.bookend) #copy{max-width:36%}#app #stage.dock-footer:not(.bookend) #copy{max-width:91%}#app #stage.dock-sidecard:not(.bookend) #copy{left:auto;right:1.5%;max-width:29%}#app #stage.dock-top-center:not(.bookend) #copy{max-width:32%}#app #stage.dock-upper-right:not(.bookend) #copy{left:auto;right:3%;max-width:35%}#app #stage:not(.bookend) #concepts:has(>.concept:only-child){grid-template-columns:minmax(0,1fr)!important}#app #stage:not(.bookend) #concepts:has(>.concept:first-child:nth-last-child(2)):not(:has(>.grouped-copy)){grid-template-columns:repeat(2,minmax(0,1fr))!important}@media(max-width:700px),(max-width:1000px)and (max-height:500px){#app #stage:not(.bookend) #copy{left:4%!important;right:auto!important;top:auto!important;bottom:5%;width:max-content;max-width:92%!important}}#app #stage:not(.bookend)[data-bookend-scene=MP01] #copy{max-width:40%}#app #stage:not(.bookend)[data-bookend-scene=MP11] #copy{max-width:32%}#app #stage:not(.bookend)[data-bookend-scene=MP13] #copy{max-width:31%}#app #stage:not(.bookend) #stageBrand{padding:clamp(12px,1.2cqw,24px) clamp(16px,1.5cqw,30px)}#app #stage:not(.bookend) #stageBrand .jbMonogram{width:3.6cqw;height:2.7072cqw;min-width:28px;min-height:21.056px}#app #stage:not(.bookend) #stageBrand .jbMonogram img{width:9.6cqw;min-width:74.6667px;left:min(-22.4px,-2.88cqw)}#app #stage:not(.bookend)[data-bookend-scene=MP09] #stageBrand,#app #stage:not(.bookend)[data-bookend-scene=MP11] #stageBrand{left:41%;right:auto}
/*# sourceMappingURL=/cdn/shop/t/17/assets/jb-bookends-20261108.css.map */