:root{--stp-blue:#0066ff;--stp-blue-soft:#eaf1ff;--stp-dark:#0d1b2a;--stp-bg-card:#ffffff;--stp-radius-card:20px;--stp-shadow-soft:0 10px 30px rgba(15, 23, 42, 0.08)}.stp-portfolio-section{position:relative;padding:40px 0}.stp-section-title{text-align:center;font-family:"Dana",sans-serif;font-size:26px;font-weight:700;color:var(--stp-dark);margin-bottom:24px}.stp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.stp-card{background:radial-gradient(circle at top left,rgb(0 102 255 / .1),#ffffff);border-radius:var(--stp-radius-card);box-shadow:var(--stp-shadow-soft);overflow:hidden;position:relative;transition:transform 0.25s ease,box-shadow 0.25s ease}.stp-card::before{content:"";position:absolute;inset-inline-end:-40px;inset-block-start:-40px;width:120px;height:120px;background:rgb(0 102 255 / .12);filter:blur(40px);z-index:0}.stp-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;position:relative;z-index:1}.stp-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgb(15 23 42 / .14)}.stp-thumb{width:100%;overflow:hidden}.stp-thumb img{width:100%;height:auto;display:block;border-radius:18px 18px 0 0;transition:transform 0.45s ease}.stp-card:hover .stp-thumb img{transform:scale(1.04)}.stp-thumb-placeholder{width:100%;padding-top:60%;background:#e5edff}.stp-card-body{padding:16px 18px 18px 18px}.stp-card-title{font-family:"Dana",sans-serif;font-size:17px;font-weight:700;color:var(--stp-dark);margin:0}.stp-empty{grid-column:1 / -1;text-align:center;font-family:"Dana",sans-serif;color:#6b7280}.stp-modal-overlay{position:fixed;inset:0;background:rgb(15 23 42 / .55);display:flex;align-items:center;justify-content:center;z-index:999999;opacity:0;pointer-events:none;transition:opacity 0.2s ease}.stp-modal-overlay.stp-open{opacity:1;pointer-events:auto}.stp-modal-dialog{background:rgb(255 255 255 / .98);backdrop-filter:blur(18px);border-radius:22px;box-shadow:0 25px 70px rgb(15 23 42 / .4);max-width:920px;width:92%;max-height:90vh;padding:18px 18px 24px 18px;position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.stp-modal-close{position:absolute;inset-inline-start:16px;inset-block-start:10px;background:#fff0;border:none;font-size:26px;cursor:pointer;color:#4b5563;line-height:1}.stp-modal-slider{position:relative;width:100%}.stp-slides{width:100%}.stp-slide{display:none;text-align:center}.stp-slide.active{display:block}.stp-slide img{max-width:100%;max-height:65vh;border-radius:18px;object-fit:contain}.stp-slide-nav{position:absolute;top:50%;transform:translateY(-50%);border:none;width:38px;height:38px;border-radius:999px;background:rgb(15 23 42 / .85);color:#fff;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center}.stp-slide-prev{inset-inline-start:6px}.stp-slide-next{inset-inline-end:6px}.stp-modal-info{margin-top:16px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,rgb(0 102 255 / .06),rgb(234 241 255 / .9));border:1px solid rgb(0 102 255 / .1);font-family:"Dana",sans-serif;color:#0f172a}.stp-modal-title{margin:0 0 6px 0;font-size:16px;font-weight:700}.stp-modal-desc{margin:0 0 10px 0;font-size:14px;line-height:1.8;color:#4b5563}.stp-modal-link{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:999px;background:var(--stp-blue);color:#fff;font-size:13px;font-weight:600;text-decoration:none;box-shadow:0 8px 22px rgb(0 102 255 / .45);transition:background 0.2s ease,transform 0.2s ease}.stp-modal-link:hover{background:#0053d4;transform:translateY(-1px)}@media (max-width:991px){.stp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.stp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stp-modal-dialog{padding:14px;border-radius:18px}.stp-slide img{max-height:60vh}}