.thh{--pad: clamp(20px, 4vw, 56px);padding:12px var(--pad) 8px}.thh__page{position:relative;display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(24px,4vw,64px);align-items:center;min-height:min(78svh,760px);padding:clamp(36px,5vw,72px) clamp(24px,5vw,72px) clamp(36px,5vw,64px) clamp(44px,7vw,110px);border:2px solid var(--th-ink);border-radius:28px;overflow:hidden;background-color:#fffdf7;background-image:linear-gradient(90deg,transparent calc(clamp(28px,4.6vw,72px) - 1px),var(--th-margin) calc(clamp(28px,4.6vw,72px) - 1px),var(--th-margin) calc(clamp(28px,4.6vw,72px) + 1px),transparent calc(clamp(28px,4.6vw,72px) + 1px)),repeating-linear-gradient(180deg,transparent 0 35px,var(--th-rule) 35px 36px);box-shadow:8px 8px 0 var(--th-ink)}.thh__page:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:16px;background:radial-gradient(circle,var(--th-paper) 0 6px,var(--th-ink) 6px 7.5px,transparent 8px) 0 40px / 16px 120px repeat-y}.thh__copy{position:relative;z-index:2}.thh__note{margin:0 0 14px;font-family:var(--th-hand);font-size:clamp(20px,1.8vw,26px);color:var(--th-orange);transform:rotate(-2deg);transform-origin:left}.thh__title{margin:0;font-family:var(--th-display);font-weight:800;font-size:clamp(52px,8.2vw,124px);line-height:.9;letter-spacing:-.045em;color:var(--th-ink)}.thh__line{display:block}.thh__swap{position:relative;display:inline-block}.thh__struck{text-decoration:none;position:relative;color:var(--th-ink-soft)}.thh__struck:after{content:"";position:absolute;left:-4%;right:-4%;top:52%;height:.09em;background:#e0483e;border-radius:9px;transform:rotate(-4deg) scaleX(0);transform-origin:left;animation:thh-strike .5s .6s cubic-bezier(.65,0,.35,1) forwards}@keyframes thh-strike{to{transform:rotate(-4deg) scaleX(1)}}.thh__fix{position:absolute;left:6%;bottom:88%;white-space:nowrap;font-family:var(--th-hand);font-weight:700;font-size:.5em;letter-spacing:0;color:var(--th-ink);padding:0 .18em;background:linear-gradient(transparent 38%,var(--th-amber) 38% 88%,transparent 88%);transform:rotate(-6deg);transition:opacity .25s,transform .25s}.thh__fix.is-out{opacity:0;transform:rotate(-6deg) translateY(-8px)}.thh__sub{max-width:34em;margin:26px 0 0;font-size:clamp(16px,1.25vw,19px);line-height:1.6;color:var(--th-ink-soft)}.thh__ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.thh__btn{display:inline-flex;align-items:center;gap:8px;padding:15px 26px;font-size:16px;text-decoration:none}.thh__btn--main{background:var(--th-amber)!important;color:var(--th-ink)!important}.thh__btn--ghost{background:#fff!important;color:var(--th-ink)!important}.thh__facts{display:flex;flex-wrap:wrap;gap:8px 22px;margin:28px 0 0;padding:0;list-style:none;font-size:14px;color:var(--th-ink-soft)}.thh__facts li:before{content:"\2713";margin-right:6px;color:#1e8a5a;font-weight:700}.thh__facts b{color:var(--th-ink)}.thh__board{position:relative;height:clamp(440px,48vw,660px)}.thh__pol{position:absolute;width:clamp(130px,14vw,215px);padding:9px 9px 40px;background:#fff;color:var(--th-ink);text-decoration:none;border:1.5px solid rgba(22,19,58,.18);box-shadow:0 18px 40px #16133a2e,0 2px #16133a0f;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:box-shadow .2s;will-change:transform}.thh__pol.is-drag{cursor:grabbing;box-shadow:0 30px 60px #16133a47}.thh__pol img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#eee;pointer-events:none}.thh__pol--book img{aspect-ratio:1/1;background:var(--th-ink)}.thh__cap{position:absolute;left:0;right:0;bottom:7px;text-align:center;font-family:var(--th-hand);font-size:clamp(16px,1.4vw,22px);font-weight:700;white-space:nowrap}.thh__tape{position:absolute;top:-12px;left:50%;width:78px;height:24px;margin-left:-39px;background:#ffd678bf;transform:rotate(-4deg);box-shadow:0 1px 2px #00000014}.thh__pol--1{left:0%;top:8%;--r: -7deg;transform:rotate(var(--r));z-index:3}.thh__pol--2{left:31%;top:0%;--r: 5deg;transform:rotate(var(--r));z-index:2}.thh__pol--4{left:62%;top:15%;--r: 6deg;transform:rotate(var(--r));z-index:3}.thh__pol--3{left:14%;top:50%;--r: -3deg;transform:rotate(var(--r));z-index:4}.thh__pol--5{left:48%;top:56%;--r: -6deg;transform:rotate(var(--r));z-index:5}.thh__pol--2 .thh__tape{transform:rotate(6deg);background:#e6dcf6d9}.thh__pol--3 .thh__tape{transform:rotate(-9deg);background:#ffd9e4d9}.thh__pol--4 .thh__tape{transform:rotate(-3deg);background:#d6efe4e6}.thh__pol--5 .thh__tape{transform:rotate(8deg)}.thh__stamp{position:absolute;right:-2%;bottom:2%;width:clamp(90px,8vw,120px);aspect-ratio:1;z-index:6;display:grid;place-items:center;background:var(--th-ink);border-radius:50%;color:var(--th-amber);box-shadow:4px 4px 0 var(--th-amber)}.thh__stamp svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;animation:thh-spin 18s linear infinite}.thh__stamp text{font:700 10.5px var(--th-body);letter-spacing:.18em;fill:#fff}.thh__stamp span{font:800 34px var(--th-display)}@keyframes thh-spin{to{transform:rotate(360deg)}}.thh__hint{position:absolute;left:0;bottom:-2%;z-index:1;margin:0;display:flex;align-items:flex-end;gap:4px;font-family:var(--th-hand);font-size:20px;color:var(--th-ink-soft);transform:rotate(-3deg)}.thh__hint svg{width:56px;height:32px;transform:scaleY(-1) rotate(10deg)}.thh__hint path{fill:none;stroke:var(--th-ink-soft);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}@media(max-width:989px){.thh__page{grid-template-columns:1fr;min-height:0;box-shadow:5px 5px 0 var(--th-ink)}.thh__board{height:560px;margin-top:8px}.thh__pol{width:clamp(130px,25vw,200px)}.thh__pol--1{left:2%;top:6%}.thh__pol--2{left:34%;top:0}.thh__pol--4{left:66%;top:10%}.thh__pol--3{left:14%;top:50%}.thh__pol--5{left:50%;top:54%}}@media(max-width:600px){.thh{padding-inline:12px}.thh__page{padding:30px 20px 26px 42px;border-radius:22px}.thh__page:before{left:6px}.thh__board{height:430px}.thh__pol{width:34vw;padding:7px 7px 32px;touch-action:auto;cursor:pointer}.thh__cap{font-size:15px;bottom:6px}.thh__tape{width:56px;height:18px;margin-left:-28px;top:-9px}.thh__pol--1{left:-4%;top:6%}.thh__pol--2{left:28%;top:0}.thh__pol--4{left:58%;top:9%}.thh__pol--3{left:2%;top:50%}.thh__pol--5{left:40%;top:54%}.thh__stamp{width:72px;right:-6px;bottom:0}.thh__stamp span{font-size:22px}.thh__hint{display:none}}@media(prefers-reduced-motion:reduce){.thh__stamp svg{animation:none}.thh__struck:after{animation:none;transform:rotate(-4deg) scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/th-hero.css.map */