.wk-baner{--bg: #26352c;--fg: #ffffff;--ac: #f6d33c;--cover-h: 31rem;position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;min-height:41.5rem;padding:1.2rem 2.4rem 2.7rem 4.8rem;overflow:hidden;border-radius:1.8rem;background:var(--bg);color:var(--fg);transition:background-color .7s ease,color .7s ease}.wk-baner__texts{position:relative;z-index:2;display:grid}.wk-baner__text{grid-area:1 / 1;align-self:center;visibility:hidden;opacity:0;transform:translateY(1rem);transition:opacity .35s ease,transform .45s ease,visibility 0s .45s}.wk-baner__text.is-active{visibility:visible;opacity:1;transform:none;transition:opacity .5s ease .15s,transform .6s ease .15s,visibility 0s}.wk-baner__label{display:inline-block;padding:.4rem 1rem;border-radius:99px;background:var(--ac);color:var(--bg);font-family:var(--font-heading-family);font-size:1.15rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background-color .7s ease,color .7s ease}.wk-baner__title{margin:1.4rem 0 .4rem;color:inherit;font-family:var(--font-heading-family);font-size:clamp(2.6rem,3.2vw,3.8rem);font-weight:700;line-height:1.1;text-wrap:balance}.wk-baner__author{margin:0 0 1.4rem;font-size:1.5rem;font-weight:500;opacity:.75}.wk-baner__pitch{max-width:40rem;margin:0 0 2.2rem;font-size:1.6rem;line-height:1.55;opacity:.9}.wk-baner__buy{display:flex;flex-wrap:wrap;align-items:center;gap:1.8rem}.wk-baner__price{font-family:var(--font-heading-family);font-size:2.4rem;font-weight:700}.wk-baner__cta{display:inline-flex;align-items:center;gap:.8rem;padding:1.2rem 2.2rem;border-radius:99px;background:var(--fg);color:var(--bg);font-size:1.5rem;font-weight:600;text-decoration:none;transition:transform .2s ease,background-color .7s ease,color .7s ease}.wk-baner__cta:hover,.wk-baner__cta:focus-visible{color:var(--bg);transform:translate(.3rem)}.wk-baner__dots{display:flex;gap:.6rem;margin-top:2.6rem}.wk-baner__dot{width:.9rem;height:.9rem;min-height:0;padding:0;border:0;border-radius:99px;background:var(--fg);opacity:.3;cursor:pointer;transition:width .3s ease,opacity .3s ease}.wk-baner__dot.is-active{width:2.6rem;opacity:1}.wk-baner__stage{position:relative;height:calc(var(--cover-h) + 6rem)}.wk-baner__book{--x: 0%;--k: 1;--b: 1;position:absolute;top:50%;left:50%;z-index:1;display:block;transform:translate(-50%,-50%) translate(var(--x)) scale(var(--k));filter:brightness(var(--b));transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease,opacity .5s ease}.wk-baner__book[data-pos="0"]{z-index:3}.wk-baner__book[data-pos="-1"]{--x: -64%;--k: .78;--b: .8;cursor:pointer}.wk-baner__book[data-pos="1"]{--x: 64%;--k: .78;--b: .8;cursor:pointer}.wk-baner__book[data-pos="-1"]:hover,.wk-baner__book[data-pos="1"]:hover{--b: .95}.wk-baner__book[data-pos=hide]{opacity:0;pointer-events:none}.wk-baner__book:focus-visible{outline:none}.wk-baner__book:focus-visible .wk-baner__cover{outline:3px solid var(--fg);outline-offset:4px}.wk-baner__cover{position:relative;display:block;height:var(--cover-h);overflow:hidden;border-radius:.2rem .4rem .4rem .2rem;box-shadow:0 0 0 1px #00000014,0 2.4rem 4rem -1rem #00000073}.wk-baner__cover img{display:block;width:auto;max-width:none;height:100%}.wk-baner__cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#0000004d 0,#fff3 1.4%,#0000001f 3%,#0000 6%),linear-gradient(115deg,#ffffff24,#fff0 40%)}@media(max-width:749px){.wk-baner{--cover-h: 20rem;grid-template-columns:minmax(0,1fr);min-height:0;padding:1.6rem 2rem 2.4rem}.wk-baner__stage{order:-1;height:calc(var(--cover-h) + 5rem)}.wk-baner__book[data-pos="-1"]{--x: -74%}.wk-baner__book[data-pos="1"]{--x: 74%}.wk-baner__title{font-size:2.4rem}.wk-baner__pitch{margin-bottom:1.6rem;font-size:1.4rem}}@media(prefers-reduced-motion:reduce){.wk-baner,.wk-baner__text,.wk-baner__book{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/wkolo-baner.css.map */