.hw{list-style:none;margin:8px 0 0;padding:0;gap:clamp(40px,6vw,80px)}.hw,.hw-row{display:grid}.hw-row{gap:24px;align-items:center}@media (min-width:900px){.hw-row{grid-template-columns:5fr 7fr;gap:56px}.hw-row[data-flip] .hw-text{order:2}}.hw-text{display:grid;gap:10px;align-content:start}.hw-num{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#4b1420;color:#f4eee3;font-weight:700;font-size:15px}.hw-text h3{margin:6px 0 0;font-size:clamp(22px,2.2vw,28px);line-height:1.15;font-weight:700;letter-spacing:-.02em;color:#1c1416}.hw-text p{margin:0;font-size:17px;line-height:1.65;color:#5e5559;max-width:46ch}.hw-art{position:relative;padding:22px 0 22px 22px}.hw-row[data-flip] .hw-art{padding:22px 22px 22px 0}.hw-blk{position:absolute;top:0;left:0;width:46%;height:70%;border-radius:4px}.hw-row[data-flip] .hw-blk{left:auto;right:0}.hw-frame{position:relative;z-index:1;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #e6e1da;box-shadow:0 1px 2px rgb(28 20 22/.05),0 30px 70px -36px rgb(28 20 22/.5)}.hw-frame img{display:block;width:100%;height:auto}.hw-tx-dots{background-image:radial-gradient(circle at center,rgb(28 20 22/.28) 0 1.3px,transparent 1.7px);background-size:7px 7px}.hw-tx-grid{background-image:linear-gradient(rgb(255 255 255/.28) 1px,transparent 0),linear-gradient(90deg,rgb(255 255 255/.28) 1px,transparent 0);background-size:20px 20px}.hw-tx-lines{background-image:repeating-linear-gradient(0deg,rgb(28 20 22/.22) 0 1px,transparent 1px 8px)}.hw-tx-diag{background-image:repeating-linear-gradient(45deg,rgb(28 20 22/.2) 0 2px,transparent 2px 9px)}.hw-tx-pixel{background-image:conic-gradient(rgb(28 20 22/.22) 25%,transparent 0 50%,rgb(28 20 22/.22) 0 75%,transparent 0);background-size:6px 6px}@media (max-width:640px){.hw-art,.hw-row[data-flip] .hw-art{padding:14px 0 14px 14px}.hw-text p{font-size:16px}}