.k-comic{background:var(--k-comic-bg,var(--tsg-cream));color:var(--tsg-ink);padding:0 0 var(--s8);overflow:hidden}.k-comic *,.k-comic *:before,.k-comic *:after{box-sizing:border-box}.k-comic__wrap{max-width:1280px;margin:0 auto;padding:0 24px}.k-comic__mast{text-align:center;padding:36px 0 44px}html body .k-comic__title{font-family:var(--font-display);font-weight:400;text-transform:uppercase;font-size:clamp(3rem,3.2vw,4rem);line-height:1.05;letter-spacing:0;margin:0;color:var(--tsg-ink);text-align:center}.k-comic__page{position:relative;margin:0 auto 72px;max-width:var(--pw,1280px)}.k-comic__issue{position:absolute;top:-20px;left:12px;z-index:3;display:inline-block;background:var(--tsg-ink);color:var(--tsg-peach);font-family:var(--font-label);font-size:18px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;padding:8px 18px;border-radius:2px;transform:rotate(-2deg);box-shadow:4px 4px 0 var(--tsg-orange)}.k-comic__panel{display:block;transform:rotate(var(--tilt,0deg))}.k-comic__panel img{display:block;width:100%;height:auto}.k-comic__page--framed .k-comic__panel img,.k-comic__page--framed .k-comic__crop{border:3px solid var(--tsg-ink);border-radius:4px;box-shadow:10px 10px 0 var(--tsg-ink);background:#fff}.k-comic__page--framed .k-comic__crop img{border:0;box-shadow:none;border-radius:0}.k-comic__crop{position:relative;display:block;width:100%;overflow:hidden;aspect-ratio:var(--asp)}.k-comic__crop img{position:absolute;max-width:none;width:var(--cw);height:auto;left:var(--cx);top:var(--cy)}.k-comic__page--blend .k-comic__panel{transform:none}.k-comic__page--blend .k-comic__panel img{mix-blend-mode:multiply}a.k-comic__panel{transition:transform .2s ease}a.k-comic__panel:hover{transform:rotate(0) translate(-2px,-2px)}.k-comic__story{position:relative;display:grid;grid-template-columns:1fr;gap:24px;background:#fff;border:3px solid var(--tsg-ink);border-radius:4px;box-shadow:10px 10px 0 var(--tsg-ink);padding:32px;overflow:hidden}.k-comic__story--peach{background:var(--tsg-peach)}.k-comic__story--orange{background:var(--tsg-orange)}.k-comic__story:before{content:"";position:absolute;right:-30px;top:-30px;width:220px;height:220px;background-image:radial-gradient(rgba(22,20,18,.16) 2.4px,transparent 3px);background-size:16px 16px;pointer-events:none}.k-comic__story>*{position:relative}.k-comic__label{display:inline-block;align-self:start;background:var(--tsg-ink);color:var(--tsg-peach);font-family:var(--font-label);font-size:15px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:5px 12px;border-radius:2px;margin-bottom:14px}.k-comic__h{font-family:var(--font-display);font-weight:400;text-transform:uppercase;font-size:clamp(4.4rem,6.2vw,7.6rem);line-height:.95;margin:0;color:inherit}.k-comic__text{font-size:19px;line-height:1.6}.k-comic__text p{margin:0 0 1em}.k-comic__text p:last-child{margin-bottom:0}.k-comic__btn{margin-top:20px}@media(min-width:900px){.k-comic__story{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:48px;padding:48px}}.k-comic__finale{text-align:center;padding:24px 0 8px;display:flex;flex-direction:column;align-items:center;gap:18px}.k-comic__finale .k-comic__h{font-size:clamp(4.4rem,8vw,10rem);text-shadow:5px 5px 0 var(--tsg-orange)}.k-comic__finale p{font-size:19px;margin:0;max-width:34em}@media(max-width:749px){.k-comic{padding-bottom:var(--s7)}.k-comic__wrap{padding:0 16px}.k-comic__mast{padding:28px 0 52px}.k-comic__page{margin-bottom:48px}.k-comic__issue{font-size:14px;padding:6px 12px;top:-34px;left:4px;letter-spacing:.18em}.k-comic__story{padding:20px;gap:16px;box-shadow:6px 6px 0 var(--tsg-ink)}.k-comic__h{font-size:clamp(3.6rem,13vw,5rem)}.k-comic__text{font-size:17px;line-height:1.55}.k-comic__btn{width:100%}.k-comic__page--framed .k-comic__panel img,.k-comic__page--framed .k-comic__crop{box-shadow:6px 6px 0 var(--tsg-ink)}.k-comic__finale .k-comic__h{font-size:clamp(4rem,14vw,5.6rem)}.k-comic__finale p{font-size:17px}.k-comic__finale .k-btn{width:100%;max-width:340px}}@media(prefers-reduced-motion:reduce){a.k-comic__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/tsg-kit-comic.css.map?nocache=1790343528570 */