.sp-hub{--night:#13120d;--sap:#f2e3c0;--sap-dim:#bba98a;--honey:#f0bd5c;--gold:#ffd98a;--leaf:#fff1d3;--sign:"Cinzel",Georgia,serif;--tale:"Cormorant Garamond",Georgia,serif;--cut:"Questrial","Century Gothic","Avenir",sans-serif;position:relative;overflow:hidden;isolation:isolate;background:var(--night);color:var(--sap);font-family:var(--tale);font-size:18px;line-height:1.5}.sp-hub *{border-radius:0;box-sizing:border-box}.sp-hub .gut{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.sp-hub .wood{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;background-color:#2a2414;background-position:50% 55%;background-size:cover;background-repeat:no-repeat}.sp-hub .wood:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#13120d4d,#13120d9e 40%,#13120de6)}.sp-hub .mist{position:absolute;left:-10%;right:-10%;bottom:10%;height:44vh;z-index:-2;background-position:0 100%;background-size:cover;background-repeat:no-repeat;opacity:.42;mix-blend-mode:screen;animation:spHubDrift 44s linear infinite alternate;pointer-events:none}@keyframes spHubDrift{0%{transform:translate(-5%)}to{transform:translate(5%)}}.sp-hub #spHubMotes,.sp-hub #spHubSpark{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.sp-hub #spHubMotes{z-index:-1}.sp-hub #spHubSpark{z-index:50}.sp-hub .gild{background:linear-gradient(100deg,#8a5a12,#d9a441 18%,#fff3c4 34%,#e6b04a,#a8741e 62%,#f6d27c 78%,#8a5a12);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:spHubShimmer 7s ease-in-out infinite;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}@keyframes spHubShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.sp-hub .eb{font-family:var(--cut);font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:var(--honey)}.sp-hub .head{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);align-items:end;gap:18px;padding-block:34px 18px}.sp-hub .post{width:100%;max-width:230px;height:auto;filter:drop-shadow(0 22px 26px rgba(0,0,0,.6));transform-origin:50% 100%;animation:spHubSway 9s ease-in-out infinite}@keyframes spHubSway{0%,to{transform:rotate(-.6deg)}50%{transform:rotate(.6deg)}}.sp-hub .head-copy{display:grid;gap:12px;padding-bottom:4vh}.sp-hub .head h1{font-family:var(--sign);font-weight:600;font-size:clamp(2.3rem,6.6vw,4.6rem);line-height:.98;margin:0}.sp-hub .head p{margin:0;max-width:46ch;font-size:1.18rem}.sp-hub .tonight{max-width:1120px;margin:0 auto 28px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;padding:18px 20px;background:linear-gradient(90deg,#ffd98a17,#ffd98a05);box-shadow:inset 0 0 0 1px #d9a44159}.sp-hub .tonight .book{width:118px}.sp-hub .tonight .meta{display:none}.sp-hub .tonight h2{font-family:var(--sign);font-weight:400;font-size:clamp(1.3rem,3vw,1.8rem);margin:4px 0 6px;color:var(--leaf)}.sp-hub .tonight p{margin:0 0 12px;max-width:52ch}.sp-hub .glow{all:unset;cursor:pointer;display:inline-block;padding:12px 22px;font-family:var(--cut);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#2a1a06;background:linear-gradient(180deg,var(--gold),var(--honey));animation:spHubPulse 2.4s ease-in-out infinite}.sp-hub .glow:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@keyframes spHubPulse{0%,to{box-shadow:0 0 #ffd98a00,0 0 16px #ffd98a59}50%{box-shadow:0 0 0 7px #ffd98a1f,0 0 34px #ffd98ab3}}.sp-hub .find{max-width:1120px;margin:0 auto;display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;padding-block:6px 10px}.sp-hub .find label{flex:1 1 260px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(240,189,92,.55);padding:6px 2px}.sp-hub .find input{all:unset;flex:1;min-width:0;font-family:var(--tale);font-size:1.15rem;color:var(--leaf)}.sp-hub .find input::placeholder{color:#f2e3c08c;font-style:italic}.sp-hub .chips{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;font-family:var(--cut);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}.sp-hub .chips::-webkit-scrollbar{display:none}.sp-hub .chips button{all:unset;cursor:pointer;white-space:nowrap;color:var(--sap-dim);padding:4px 0;border-bottom:1px solid transparent}.sp-hub .chips button[aria-pressed=true]{color:var(--gold);border-bottom-color:var(--gold)}.sp-hub .case{max-width:1120px;margin:0 auto;padding-block:18px 10px;container-type:inline-size}.sp-hub .case h3{font-family:var(--sign);font-weight:400;font-size:1.3rem;margin:0 0 2px;color:var(--leaf)}.sp-hub .case .sub{font-family:var(--cut);font-size:.78rem;color:var(--sap-dim);margin:0 0 12px}.sp-hub .book{all:unset;cursor:pointer;display:grid;gap:10px;position:relative;text-decoration:none;color:inherit}.sp-hub .book:focus-visible .cov{outline:2px solid var(--gold);outline-offset:4px}.sp-hub .cov{position:relative;aspect-ratio:3/4.1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7%;padding:14% 12%;text-align:center;overflow:hidden;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='h'><feTurbulence type='fractalNoise' baseFrequency='.012 1.1' numOctaves='2' seed='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 .9  0 0 0 .16 0'/></filter><rect width='100%25' height='100%25' filter='url(%23h)'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='h'><feTurbulence type='fractalNoise' baseFrequency='1.1 .012' numOctaves='2' seed='7' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .12 0'/></filter><rect width='100%25' height='100%25' filter='url(%23h)'/></svg>"),radial-gradient(ellipse at 40% 30%,color-mix(in srgb,var(--cloth,#22301f) 80%,#fff 10%) 0%,var(--cloth,#22301f) 70%,color-mix(in srgb,var(--cloth,#22301f) 70%,#000) 100%);box-shadow:inset 0 0 0 1px #ffecbe12,inset 0 0 30px #00000073,10px 16px 24px -10px #000c;transform-origin:left center;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}.sp-hub .cov:before{content:"";position:absolute;left:0;top:0;bottom:0;width:9px;background:linear-gradient(90deg,#00000080,#ffffff0d 60%,#00000040)}.sp-hub .foil{position:absolute;inset:7% 7% 7% calc(7% + 6px);border:1px solid rgba(217,164,65,.8);outline:1px solid rgba(217,164,65,.45);outline-offset:-5px;pointer-events:none}.sp-hub .stamp{width:72%;height:auto;overflow:visible;filter:drop-shadow(0 -1px 0 rgba(0,0,0,.5))}.sp-hub .stamp *{fill:none;stroke:url(#spGold);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sp-hub .stamp.au .pk,.sp-hub .stamp.au .dt{fill:url(#spGold)}.sp-hub .ttl{font-family:var(--sign);font-weight:600;font-size:clamp(.82rem,1.25vw,1rem);line-height:1.12;letter-spacing:.03em;background:linear-gradient(100deg,#9a6a1c,#f6d27c 40%,#fff0c0 52%,#d9a441 70%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 -1px 0 rgba(0,0,0,.6))}.sp-hub .sp{font-family:var(--sign);font-size:.46rem;letter-spacing:.3em;color:#d9a441cc}.sp-hub .book:hover .cov,.sp-hub .book:focus-visible .cov{transform:perspective(900px) rotateY(-14deg) translateY(-6px);box-shadow:inset 0 0 0 1px #ffecbe14,inset 0 0 30px #00000073,18px 22px 30px -12px #000000d9,0 0 24px #ffd98a33}.sp-hub .meta{display:grid;gap:2px;font-family:var(--cut)}.sp-hub .meta b{font-family:var(--sign);font-weight:400;font-size:.88rem;color:var(--leaf);line-height:1.2}.sp-hub .meta i{font-style:normal;font-size:.7rem;color:var(--sap-dim);line-height:1.35}.sp-hub .meta em{font-style:normal;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--honey)}.sp-hub .empty{font-family:var(--tale);font-style:italic;color:var(--sap-dim);padding:18px 4px;max-width:1120px;margin:0 auto}.sp-hub .books{display:none}@media(max-width:720px){.sp-hub .head{grid-template-columns:110px minmax(0,1fr);padding-block:22px 8px}.sp-hub .post{max-width:110px}.sp-hub .head-copy{padding-bottom:10px}.sp-hub .tonight{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:14px}.sp-hub .tonight .book{width:96px}}.sp-hub .shelf{position:relative;margin:0 0 30px;--n:5;--g:4cqw;--bw:calc((100cqw - 6cqw - (var(--n) - 1) * var(--g)) / var(--n) * .8)}.sp-hub .shelf-books{position:relative;z-index:2;display:flex;justify-content:center;align-items:flex-end;gap:var(--g);padding:0 3cqw;margin-bottom:calc(-.42 * 100cqw / 10.77)}.sp-hub .shelf .book{flex:0 0 var(--bw);width:var(--bw);display:block}.sp-hub .shelf .book .meta{display:none}.sp-hub .shelf .book:after{content:"";position:absolute;z-index:-1;pointer-events:none;left:92%;bottom:-6px;width:46%;height:40%;background:#0000008c;-webkit-mask-image:radial-gradient(100% 100% at 0% 100%,#000 0%,rgba(0,0,0,.45) 40%,transparent 100%);mask-image:radial-gradient(100% 100% at 0% 100%,#000 0%,rgba(0,0,0,.45) 40%,transparent 100%);filter:blur(6px)}.sp-hub .shelf-plank{position:relative;height:calc(100cqw / 10.77)}.sp-hub .plank-back,.sp-hub .plank-front{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:100% 100%;background-repeat:no-repeat}.sp-hub .plank-back{z-index:1;clip-path:inset(0 0 36% 0)}.sp-hub .plank-front{z-index:3;clip-path:inset(64% 0 0 0)}.sp-hub .shelf-plank:after{content:"";position:absolute;left:2%;right:2%;top:100%;height:26px;z-index:0;background:radial-gradient(60% 100% at 50% 0%,rgba(0,0,0,.65),transparent 70%);filter:blur(4px)}.sp-hub .shelf-caps{position:relative;z-index:6;display:flex;justify-content:center;align-items:flex-start;gap:var(--g);padding:0 3cqw;margin-top:14px}.sp-hub .cap-cell{flex:0 0 var(--bw);width:var(--bw);min-width:0;text-align:center;display:grid;gap:3px;font-family:var(--cut);text-decoration:none;color:inherit}.sp-hub .cap-cell b{font-family:var(--sign);font-weight:400;font-size:clamp(.78rem,1.5cqw,.95rem);line-height:1.2;color:var(--leaf);text-wrap:balance}.sp-hub .cap-cell i{font-style:italic;font-family:var(--tale);font-size:clamp(.78rem,1.4cqw,.92rem);color:var(--sap-dim);line-height:1.3;text-wrap:balance}.sp-hub .cap-cell em{font-style:normal;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--honey)}@media(max-width:720px){.sp-hub .shelf{--g:5cqw}.sp-hub .shelf .book:after{filter:blur(4px)}}.sp-hub .arrive{position:relative;height:100svh;min-height:480px;overflow:hidden;background:#0d0c08;isolation:isolate}.sp-hub .arrive .pic{position:absolute;top:50%;aspect-ratio:3/2;width:max(100%,150svh);transform:translateY(-50%);left:var(--lx,0px)}.sp-hub .arrive .pic img,.sp-hub .arrive video,.sp-hub .arrive .glade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.sp-hub .arrive .glade,.sp-hub .arrive video{opacity:0;transition:opacity 1.4s ease;pointer-events:none}.sp-hub .arrive .scene-hub{transition:opacity 1.4s ease}.sp-hub .arrive .tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#0808060d,#08080600 45%,#0808068c)}.sp-hub .board{position:absolute;z-index:3;left:13.2%;top:28.6%;width:23.6%;height:14.4%;cursor:pointer;background:none;border:0;padding:0}.sp-hub .board .wash{position:absolute;top:-30%;right:-18%;bottom:-30%;left:-18%;background:radial-gradient(ellipse 50% 50% at 50% 50%,#ffd67880,#ffbe5038 40%,#ffbe5000 70%);mix-blend-mode:screen;animation:spHubBoard 3.2s ease-in-out infinite;pointer-events:none}.sp-hub .board:hover .wash,.sp-hub .board:focus-visible .wash{animation-duration:1.6s;filter:brightness(1.25)}.sp-hub .board:focus-visible{outline:2px solid #ffd98a;outline-offset:4px}@keyframes spHubBoard{0%,to{opacity:.75}50%{opacity:1}}.sp-hub .board.go .wash{animation:none;opacity:1;filter:brightness(1.6);transition:filter .6s}.sp-hub .mistL,.sp-hub .mistR{position:absolute;z-index:4;top:0;bottom:0;width:120%;background-position:50% 60%;background-size:cover;background-repeat:no-repeat;opacity:0;mix-blend-mode:screen;pointer-events:none;transition:transform 2.4s cubic-bezier(.3,.6,.3,1),opacity 1.8s ease}.sp-hub .mistL{left:-120%}.sp-hub .mistR{right:-120%;transform:scaleX(-1)}.sp-hub .arrive.misting .mistL{transform:translate(92%);opacity:.95}.sp-hub .arrive.misting .mistR{transform:scaleX(-1) translate(92%);opacity:.95}.sp-hub .arrive.thinning .mistL,.sp-hub .arrive.thinning .mistR{opacity:0;transition:opacity 2.2s ease}.sp-hub .arrive .veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:#0d0c08;opacity:0;transition:opacity 1.6s ease;pointer-events:none}.sp-hub .arrive.misting .veil{opacity:.35}.sp-hub .arrive.thinning .veil{opacity:0}.sp-hub .arrive .copy{pointer-events:none;position:absolute;z-index:5;left:0;right:0;bottom:0;padding-block:0 max(28px,5svh);display:grid;justify-items:center;gap:8px;text-align:center;transition:opacity .8s ease}.sp-hub .arrive .copy h2{font-family:var(--sign);font-weight:400;font-size:clamp(1.4rem,3.6vw,2.2rem);margin:0;color:#fff1d3;text-shadow:0 3px 18px rgba(0,0,0,.7)}.sp-hub .arrive .copy p{margin:0;max-width:40ch;color:var(--sap);text-shadow:0 2px 10px rgba(0,0,0,.7)}.sp-hub .arrive .hint{font-family:var(--cut);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--honey)}.sp-hub .arrive .skip{all:unset;position:absolute;z-index:6;right:max(16px,env(safe-area-inset-right,0px));top:max(14px,env(safe-area-inset-top,0px));cursor:pointer;font-family:var(--cut);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#f2e3c0bf;padding:6px 4px}.sp-hub .arrive.going .copy{opacity:0}.sp-hub .arrive.shelf-up .rise{opacity:1;transform:none;pointer-events:auto}.sp-hub .arrive .rise{pointer-events:none;position:absolute;z-index:5;left:0;right:0;bottom:max(40px,8svh);text-align:center;opacity:0;transform:translateY(18px);transition:opacity 1.2s ease,transform 1.2s ease;display:grid;justify-items:center;gap:4px}.sp-hub .arrive .rise h2{font-family:var(--sign);font-weight:600;font-size:clamp(2rem,6vw,4rem);margin:0}.sp-hub .arrive .rise .glow{margin-top:14px}@media(prefers-reduced-motion:reduce){.sp-hub .board .wash{animation:none}.sp-hub .mistL,.sp-hub .mistR,.sp-hub .veil{transition:none}.sp-hub .gild,.sp-hub .mist,.sp-hub .post,.sp-hub .glow{animation:none}.sp-hub .cov{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/sp-stories-hub.css.map */