.npt-section{background:#0b0b0b;color:#fff;padding:72px 0;overflow:hidden}.npt-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.npt-copy{max-width:900px}.npt-kicker{display:inline-block;margin:0 0 14px;font-size:12px;line-height:1.2;letter-spacing:.18em;font-weight:700;color:#d1aa62}.npt-copy h2{margin:0 0 18px;color:#fff;font-size:clamp(30px,4vw,52px);line-height:1.06;letter-spacing:-.03em}.npt-copy>p{max-width:860px;margin:0;color:rgba(255,255,255,.78);font-size:17px;line-height:1.72}.npt-note{display:flex;align-items:flex-start;gap:10px!important;margin-top:18px!important;color:#fff!important;font-size:14px!important}.npt-note span{display:inline-grid;place-items:center;flex:0 0 21px;width:21px;height:21px;border-radius:50%;background:#d1aa62;color:#0b0b0b;font-weight:800;line-height:1}.npt-examples-head{display:flex;align-items:center;justify-content:space-between;margin:38px 0 14px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.72)}.npt-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.npt-card{margin:0;min-width:0;background:#111;border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden}.npt-card img{display:block;width:100%;aspect-ratio:1.36/1;object-fit:cover;background:#000}.npt-card figcaption{padding:12px 14px 13px;color:rgba(255,255,255,.74);font-size:12px;line-height:1.35;letter-spacing:.02em}.npt-card:hover{border-color:rgba(209,170,98,.5)}
@media(max-width:900px){.npt-section{padding:58px 0}.npt-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.npt-copy h2{font-size:clamp(30px,6vw,44px)}}
@media(max-width:620px){.npt-section{padding:46px 0}.npt-shell{width:min(100% - 28px,1180px)}.npt-copy h2{font-size:32px;line-height:1.08}.npt-copy>p{font-size:15px;line-height:1.62}.npt-examples-head{margin-top:30px}.npt-gallery{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 14px 8px 0;margin-right:-14px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.npt-gallery::-webkit-scrollbar{display:none}.npt-card{flex:0 0 82%;scroll-snap-align:start}.npt-card img{aspect-ratio:1.4/1}.npt-card figcaption{padding:10px 12px 11px}.npt-note{font-size:13px!important}}