.wph{background:var(--k);color:#e9e9e9;padding:clamp(56px,7vw,110px) 0;overflow:hidden}
.wph .eyebrow{color:var(--y)}
.wph h1{color:var(--w);max-width:18ch}
.wph__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(40px,6vw,96px);align-items:center}
.wph__lead{font-size:clamp(18px,1.5vw,22px);color:#d6d6d6;max-width:52ch;margin-bottom:24px}
.wph__meta{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-wrap:wrap;gap:8px}
.wph__meta li{font-size:14px;font-weight:700;letter-spacing:.04em;padding:7px 14px;border-radius:999px;border:1.5px solid #3a3a3a;color:#e9e9e9}
.wph__meta li:first-child{background:var(--y);border-color:var(--y);color:var(--k)}
.wph .wph__ghost{color:var(--w)}
.wph__visual{perspective:1600px;display:flex;justify-content:center}
.wph__book{position:relative;display:block;width:min(100%,400px);transform:rotateY(-24deg) rotateX(6deg) rotateZ(1deg);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.2,1);text-decoration:none}
.wph__book img{position:relative;width:100%;height:auto;border-radius:3px 8px 8px 3px;box-shadow:-2px 0 0 rgba(0,0,0,.25) inset,30px 40px 60px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.06);z-index:2}
.wph__book::before{content:"";position:absolute;inset:0;border-radius:3px 8px 8px 3px;background:linear-gradient(90deg,rgba(0,0,0,.28) 0,rgba(255,255,255,.16) 2.4%,rgba(0,0,0,0) 6%,rgba(0,0,0,0) 85%,rgba(255,255,255,.08));z-index:3;pointer-events:none}
.wph__pages{position:absolute;top:1.5%;bottom:1.5%;right:-14px;width:16px;background:repeating-linear-gradient(90deg,#f4f4f4 0 1px,#d9d9d9 1px 2px);transform:rotateY(70deg) translateZ(1px);transform-origin:left;border-radius:0 3px 3px 0;z-index:1}
.wph__book:hover,.wph__book:focus-visible{transform:rotateY(-8deg) rotateX(2deg) translateY(-8px)}
@media (max-width:860px){.wph__grid{grid-template-columns:1fr}.wph__visual{order:-1}.wph__book{width:min(52%,220px)}}
@media (prefers-reduced-motion:reduce){.wph__book{transition:none}}