.thero{padding:96px 16px 30px;max-width:1240px;margin:0 auto;position:relative}
.thero .slipwrap{transform:rotate(-1deg);margin-top:8px}
.thero h1{font-size:clamp(54px,15.6vw,170px)}
.thero .v{font-size:30px;margin-top:10px}
.meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.meta div{background:var(--ink);color:var(--sheet);padding:16px}.meta b{display:block;font:800 52px/1 IT;letter-spacing:-.04em;color:var(--sheet);margin:6px 0 2px}.meta .mono{color:#bdb6aa}
.note{background:var(--sheet);padding:22px 18px;position:relative;margin-top:30px;box-shadow:6px 12px 0 #0000000f}
.note .stamp{position:absolute;right:14px;top:-14px;font-size:16px}
.note h2{font:800 30px/1.02 IT;letter-spacing:-.02em;margin:4px 0 10px}.note p{max-width:34ch}.note .btn{margin-top:20px}
.more{display:grid;gap:12px;margin-top:30px}
@media (min-width:900px){.thero{padding:120px 48px 40px}.more{grid-template-columns:1fr 1fr}.sec{padding-left:48px;padding-right:48px}}
.demos .lead{font-size:22px;margin:18px 0 22px;max-width:28ch}.demos .btn{max-width:560px;font-size:20px}