.igpw-dp{--dp-tilt:18deg;--dp-w:320px;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,90px);align-items:center}
.igpw-dp--top{grid-template-columns:1fr}
.igpw-dp__nav{display:flex;flex-direction:column;border-top:1px solid rgba(12,11,16,.14)}
.igpw-dp--top .igpw-dp__nav{flex-direction:row;flex-wrap:wrap;gap:8px;border-top:0}
.igpw-dp__tab{display:flex;justify-content:space-between;align-items:center;margin:0;padding:18px 0;border:0;border-bottom:1px solid rgba(12,11,16,.14);background:transparent;color:#8c8893;font:inherit;font-size:19px;font-weight:700;letter-spacing:-.03em;text-align:left;cursor:pointer;transition:color .3s,padding .4s}
.igpw-dp__tab::after{content:"→";opacity:0;transform:translateX(-10px);transition:opacity .3s,transform .4s;color:var(--igpw-accent,#ef2729)}
.igpw-dp__tab:hover{color:#0c0b10}
.igpw-dp__tab.is-active{color:#0c0b10;padding-left:14px}
.igpw-dp__tab.is-active::after{opacity:1;transform:none}
.igpw-dp--top .igpw-dp__tab{border:1px solid rgba(12,11,16,.14);border-radius:999px;padding:12px 20px;font-size:15px}
.igpw-dp--top .igpw-dp__tab::after{display:none}
.igpw-dp--top .igpw-dp__tab.is-active{background:#0c0b10;color:#fff;padding-left:20px}
.igpw-dp__stage{position:relative;padding:clamp(24px,4vw,56px);border-radius:32px;background:#ebe6de;perspective:1600px}
.igpw-dp__panel{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,56px);align-items:center}
.igpw-dp__book{display:grid;place-items:center}
.igpw-dp__cover{position:relative;width:var(--dp-w);aspect-ratio:3/4;border-radius:6px 14px 14px 6px;overflow:hidden;box-shadow:0 40px 60px -26px rgba(12,11,16,.55),inset 8px 0 14px -8px rgba(0,0,0,.35);transform:rotateY(calc(var(--dp-tilt) * -1)) rotateX(4deg);transition:transform 1s var(--igpw-ease,ease);display:grid;place-items:end start}
.igpw-dp__panel:hover .igpw-dp__cover{transform:rotateY(calc(var(--dp-tilt) * -.3)) rotateX(2deg) scale(1.03)}
.igpw-dp__cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.igpw-dp__ct{position:relative;padding:22px;color:#fff;font-size:clamp(22px,2.6vw,36px);font-weight:800;line-height:1;letter-spacing:-.045em}
.igpw-dp__t{margin:0 0 14px;font-size:clamp(28px,3.2vw,46px);font-weight:800;line-height:1;letter-spacing:-.045em}
.igpw-dp__d{margin:0 0 22px;font-size:17px;line-height:1.55;color:#4a4852}
.igpw-dp__lk{display:inline-block;padding-bottom:4px;border-bottom:2px solid #0c0b10;color:#0c0b10;font-size:15px;font-weight:700;text-decoration:none}
.igpw-js .igpw-dp.is-ready .igpw-dp__panel{display:none}
.igpw-js .igpw-dp.is-ready .igpw-dp__panel.is-active{display:grid;animation:igpwDpIn .7s var(--igpw-ease,ease) both}
@keyframes igpwDpIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.igpw-dp:not(.is-ready) .igpw-dp__panel+.igpw-dp__panel{margin-top:40px;padding-top:40px;border-top:1px solid rgba(12,11,16,.14)}
@media(max-width:900px){.igpw-dp{grid-template-columns:1fr}.igpw-dp__panel{grid-template-columns:1fr}.igpw-dp__cover{width:min(var(--dp-w),70vw)}}