.np-page .np-demo-section{box-sizing:content-box;max-width:1360px;padding:76px 40px;margin-inline:auto}
.np-page .np-demo-section>header{text-align:center;max-width:760px;margin:0 auto 40px}
.np-page .np-demo-section h2{font:800 clamp(34px,4vw,52px)/1.06 Arial,sans-serif;letter-spacing:-.045em;margin:16px 0 22px}
.np-page .np-demo-section>header p{font-size:15px;line-height:1.65;max-width:620px;margin-inline:auto}
.np-page .np-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.np-page .np-demo-grid article{min-width:0}
.np-page .np-demo-grid .np-demo-frame{aspect-ratio:3/4;overflow:hidden;border-radius:22px;background:#f1e5db}
.np-page .np-demo-frame img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}
.np-page .np-demo-grid h3{font:800 26px/1.15 Arial,sans-serif;letter-spacing:-.03em;margin:24px 0 12px}
.np-page .np-demo-grid article>p{font-size:14px;line-height:1.65;max-width:400px}
.np-page .np-demo-note{display:block;text-align:center;font:11px/1.6 Arial,sans-serif;opacity:.7;margin-top:30px}
@media(max-width:1050px){.np-page .np-demo-section{padding-inline:28px}.np-page .np-demo-grid{gap:20px}.np-page .np-demo-grid h3{font-size:23px}}
@media(max-width:800px){.np-page .np-demo-section{padding:48px 22px}.np-page .np-demo-section>header{margin-bottom:28px}.np-page .np-demo-grid{grid-template-columns:minmax(0,1fr);gap:32px}.np-page .np-demo-grid .np-demo-frame{border-radius:18px}.np-page .np-demo-grid h3{font-size:27px;margin-top:20px}.np-page .np-demo-grid article>p{max-width:none}.np-page .np-demo-section h2{font-size:37px}}
@media(max-width:360px){.np-page .np-demo-section{padding-inline:18px}.np-page .np-demo-section h2{font-size:33px}}