.hero .media-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0f12208c,#0f12202e 45%,#0f122000 70%);pointer-events:none}canvas.sugar{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.wand{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;background:radial-gradient(ellipse at 50% 60%,#2A3766 0%,var(--navy) 55%,#141B35 100%);display:grid;place-items:center;cursor:pointer}.wand[hidden]{display:none}html.wand-on .wand[hidden]{display:grid}html.wand-on{overflow:hidden}.wand-sky{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.wand-sky .star{position:absolute;color:var(--gold-2);opacity:0;animation:wtw 2.6s ease-in-out infinite}@keyframes wtw{0%,to{opacity:.15;transform:scale(.6)}50%{opacity:.9;transform:scale(1)}}.wand-lg{position:relative;width:clamp(220px,30vw,420px)}.wand-mask{clip-path:inset(0 100% 0 0)}.wand-mask img{width:100%;height:auto;filter:brightness(0) invert(1) drop-shadow(0 0 0 rgba(226,200,147,0))}.wand-spark{position:absolute;left:0;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:radial-gradient(circle,#fff,#f3dfae,#e2c89300 70%);box-shadow:0 0 24px 8px #f3dfae8c,0 0 60px 20px #e2c89340}.wand-spark:before,.wand-spark:after{content:"";position:absolute;left:50%;top:50%;width:46px;height:2px;margin:-1px 0 0 -23px;background:linear-gradient(90deg,transparent,#fff,transparent);border-radius:2px}.wand-spark:after{transform:rotate(90deg)}.wand-cap{position:absolute;left:0;right:0;bottom:clamp(40px,8vh,90px);text-align:center;color:var(--gold-2);opacity:0;justify-content:center}canvas.fx{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:145}.pt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:var(--navy);pointer-events:none;clip-path:inset(100% 0% 0% 0% round 50% 50% 0% 0%);display:grid;place-items:center}.pt .star{width:22px;height:22px;color:var(--gold-2);opacity:0}html.pt-in .pt{clip-path:inset(0% 0% 0% 0% round 0% 0% 0% 0%)}html.pt-in .pt .star{opacity:1}.sprog{position:fixed;right:14px;top:50%;height:160px;margin-top:-80px;width:1px;background:var(--line);z-index:39;pointer-events:none;transition:opacity .4s}.sprog i{position:absolute;left:-5px;top:0;width:11px;height:11px;color:var(--gold)}.sprog i .star{width:11px;height:11px}.over-hero .sprog{opacity:0}[data-chars] .ch{display:inline-block;will-change:transform}.cue{position:absolute;left:50%;bottom:22px;z-index:3;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--paper);font-size:10px;letter-spacing:.3em;text-transform:uppercase;opacity:.8}.cue i{width:1px;height:44px;background:linear-gradient(var(--paper),transparent);position:relative;overflow:hidden}.cue i:after{content:"";position:absolute;left:0;top:-40%;width:1px;height:40%;background:var(--gold-2);animation:cue 2.2s var(--ease) infinite}@keyframes cue{to{top:110%}}.h1 em,.h2 em{position:relative}.h1 em:after,.h2 em:after{content:"";position:absolute;left:2%;right:2%;bottom:.04em;height:.045em;min-height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-2),var(--gold));border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease) .45s}.lit em:after{transform:scaleX(1)}.on-dark em:after,.panel em:after{background:var(--gold-2)}.delft{display:block;color:var(--blue)}.st-tile{position:absolute;width:clamp(70px,8vw,120px);opacity:.28;top:10%}.st-tile.l{left:2%}.st-tile.r{right:2%;top:auto;bottom:6%}.ghost{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-style:italic;font-size:clamp(160px,30vw,460px);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(104,129,177,.18);pointer-events:none;white-space:nowrap;z-index:-1}.card{perspective:1000px}.card .media{border-radius:999px 999px var(--r-lg) var(--r-lg);transform-style:preserve-3d;will-change:transform;box-shadow:0 30px 60px -40px #1f2a4d73}.card .media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #b8935a00;transition:box-shadow .8s var(--ease);pointer-events:none}.card:hover .media:after{box-shadow:inset 0 0 0 1px #b8935ae6,inset 0 0 0 7px #fffdf98c}.sc-glint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.38),rgba(255,255,255,0) 45%);opacity:0;transition:opacity .5s}.card:hover .sc-glint,.stage:hover .sc-glint{opacity:1}.show{background:linear-gradient(180deg,var(--paper),var(--sky) 38%,var(--sky));overflow:hidden}.show-tile{position:absolute;width:clamp(110px,12vw,190px);opacity:.16;pointer-events:none}.show-tile.a{left:-30px;top:60px}.show-tile.b{right:-40px;bottom:120px}.show-nav{display:flex;align-items:center;gap:10px}.show-nav button{width:56px;height:56px;border-radius:56px;box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;background:var(--paper);transition:background .4s,color .4s,transform .4s var(--ease)}.show-nav button:hover{background:var(--navy);color:var(--paper);transform:scale(1.06)}.show-nav button svg{width:16px;height:16px}.show-nav [data-show-prev] svg{transform:rotate(180deg)}.show-nav .arrow-link{margin-left:16px}.show-rail{display:flex;gap:clamp(18px,2.4vw,40px);overflow-x:auto;scroll-snap-type:x mandatory;padding:20px max(var(--gut),calc((100vw - 1520px)/2 + var(--gut))) 30px;scrollbar-width:none;cursor:grab;-webkit-overflow-scrolling:touch;scroll-padding-inline:max(var(--gut),calc((100vw - 1520px)/2 + var(--gut)))}.show-rail::-webkit-scrollbar{display:none}.show-rail.drag{cursor:grabbing;scroll-snap-type:none}.show-rail.drag a{pointer-events:none}.sc{flex:0 0 clamp(270px,27vw,420px);scroll-snap-align:start;gap:22px}.sc .media{aspect-ratio:3/4;background:var(--paper)}.sc .media img{animation:bob 7s ease-in-out infinite}.sc:nth-child(2n) .media img{animation-delay:-3.5s}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -8px}}.sc-no{position:absolute;right:22px;bottom:18px;z-index:2;font-family:var(--serif);font-style:italic;font-size:22px;color:var(--navy);background:#fffdf9d9;border-radius:40px;padding:2px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sc-meta{display:flex;flex-direction:column;gap:10px;padding-inline:6px}.sc-meta h3{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2vw,32px);line-height:1.1}.sc-meta p{color:var(--mute);font-size:14.5px;line-height:1.6;min-height:3.2em}.sc-buy{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding-top:16px;border-top:1px solid var(--line)}.sc-pr{font-family:var(--serif);font-size:24px;font-variant-numeric:tabular-nums}.sc-pr s{font-family:var(--sans);font-size:14px;color:var(--mute);margin-right:8px}.sc-add{display:inline-flex;align-items:center;height:48px;border-radius:48px;background:var(--navy);color:var(--paper);overflow:hidden;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;transition:background .4s}.sc-add span{max-width:0;opacity:0;white-space:nowrap;transition:max-width .7s var(--ease),opacity .4s,padding .7s var(--ease)}.sc-add i{width:48px;height:48px;display:grid;place-items:center;font-style:normal;font-size:22px;font-weight:300;flex:none}.sc:hover .sc-add span,.sc-add:focus-visible span{max-width:220px;opacity:1;padding-left:22px}.sc-add:hover{background:var(--orange)}.show-prog{height:2px;background:var(--line);border-radius:2px;overflow:hidden;margin-top:10px}.show-prog i{display:block;height:100%;width:100%;background:var(--gold);transform:scaleX(.1);transform-origin:left}.book{position:relative;background:var(--porcelain);overflow:hidden}.book-pin{height:100svh;display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,3vh,36px);padding-block:calc(var(--hdr) + 10px) 30px}.book-head{display:flex;justify-content:space-between;align-items:center;width:100%}.book-hint{color:var(--mute)}.book-arrow{display:inline-block;animation:nudge 1.8s var(--ease) infinite}@keyframes nudge{50%{transform:translate(8px)}}.book-track{display:flex;gap:clamp(20px,3vw,48px);padding-inline:max(var(--gut),calc((100vw - 1520px)/2 + var(--gut)));width:max-content;perspective:1600px;align-items:stretch}.page{position:relative;flex:none;width:min(80vw,1040px);height:min(66svh,620px);background:var(--paper);border-radius:var(--r-lg);box-shadow:0 40px 80px -50px #1f2a4d73,inset 0 0 0 1px #b8935a59,inset 0 0 0 10px var(--paper),inset 0 0 0 11px #b8935a40;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3vw,56px);padding:clamp(24px,3vw,48px);transform-origin:left center;will-change:transform}.page-intro,.page-end{width:min(62vw,760px);display:flex;flex-direction:column;justify-content:center;gap:26px;background:var(--navy);color:var(--paper);box-shadow:0 40px 80px -50px #1f2a4d99,inset 0 0 0 10px var(--navy),inset 0 0 0 11px #e2c89366}.page-intro .lead{color:#fffdf9c7}.book-title,.book-end{font-size:clamp(54px,7vw,120px)}.book-title em,.book-end em{color:var(--gold-2);font-style:italic}.book-tile{position:absolute;right:clamp(24px,3vw,48px);top:clamp(24px,3vw,48px);width:clamp(70px,7vw,110px);color:var(--gold-2);opacity:.6}.page-end{align-items:flex-start}.page-media{border-radius:999px 999px var(--r-md) var(--r-md);overflow:hidden;background:var(--sky);height:100%}.page-media img{width:100%;height:100%;object-fit:cover;scale:1.18}.page-txt{display:flex;flex-direction:column;justify-content:center;gap:18px}.page-year{font-family:var(--serif);font-style:italic;font-size:clamp(56px,6vw,104px);line-height:.9;color:var(--blue)}.page-txt .h2{font-size:clamp(30px,3vw,52px)}.page-no{position:absolute;right:clamp(24px,3vw,48px);bottom:clamp(18px,2.4vw,34px);font-family:var(--serif);font-size:15px;letter-spacing:.3em;color:var(--gold)}.page-star{position:absolute;left:52%;top:28px;width:12px;height:12px;color:var(--gold)}.book-prog{height:2px;background:var(--line);border-radius:2px;overflow:hidden}.book-prog i{display:block;height:100%;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}.tick{overflow:hidden;padding-block:clamp(26px,3.4vw,52px);border-block:1px solid var(--line)}.tick.dark{background:var(--navy);color:var(--paper);border:0}.tick-tr{display:flex;width:max-content}.tick-set{display:flex;align-items:center;gap:clamp(22px,2.6vw,44px);padding-right:clamp(22px,2.6vw,44px)}.tick-w{font-family:var(--serif);font-size:clamp(46px,7vw,118px);line-height:1;letter-spacing:-.02em;white-space:nowrap}.tick-w.o{font-style:italic;color:transparent;-webkit-text-stroke:1px var(--blue)}.tick.dark .tick-w.o{-webkit-text-stroke-color:var(--gold-2)}.tick-st{width:clamp(16px,1.8vw,26px)!important;height:clamp(16px,1.8vw,26px)!important;color:var(--gold);flex:none}.ft-gables{position:absolute;left:0;right:0;top:0;aspect-ratio:1240/170;pointer-events:none;opacity:.55}footer.ft{padding-top:clamp(120px,14vw,220px)}.gables{width:100%;height:100%;display:block}.gables path{fill:none;stroke:var(--gold-2);stroke-width:1.2;stroke-linejoin:round;vector-effect:non-scaling-stroke}.gables .g-w{stroke-width:.8;opacity:.7}@media(max-width:980px){.book-pin{height:auto;padding-block:clamp(64px,14vw,96px)}.book-track{overflow-x:auto;scroll-snap-type:x mandatory;width:auto;scrollbar-width:none;padding-bottom:10px}.book-track::-webkit-scrollbar{display:none}.page{width:84vw;height:auto;grid-template-columns:minmax(0,1fr);scroll-snap-align:center}.page-intro,.page-end{width:84vw;min-height:440px}.page-media{height:auto;aspect-ratio:4/5}.page-star,.sprog{display:none}.sc{flex-basis:76vw}.show-nav button{display:none}.st-tile{opacity:.18}}@media(prefers-reduced-motion:reduce){.wand,.pt{display:none!important}.sc .media img{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/vk-magic.css.map */