.portfolio-hero{background:radial-gradient(circle at 82% 18%,rgba(214,218,224,.52),transparent 24%),linear-gradient(180deg,#fff,#fbfcfe)}.portfolio-hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.portfolio-section-head{margin-bottom:28px}.portfolio-section-head .page-eyebrow{margin-bottom:10px}.portfolio-section-title{margin:0;font-size:clamp(1.875rem,4vw,2.5rem);font-weight:900;line-height:1.25;letter-spacing:-.035em}.portfolio-section-desc{max-width:760px;margin:12px 0 0;color:var(--color-sub-text);line-height:1.75;word-break:keep-all}.portfolio-category-section{padding-top:clamp(3rem,7vw,5rem)}.portfolio-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.portfolio-category-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid var(--color-line);border-radius:24px;background:#fff;box-shadow:var(--color-card-shadow);color:inherit;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.portfolio-category-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0f172a17}.portfolio-category-card:focus-visible{outline:2px solid var(--color-point);outline-offset:3px}.portfolio-category-card img{display:block;width:100%;aspect-ratio:1 / .68;border-bottom:1px solid var(--color-line);background:#f8fafc;object-fit:cover;transition:transform .45s ease}.portfolio-category-card:hover img{transform:scale(1.035)}.portfolio-category-card__body{padding:20px 22px 22px}.portfolio-category-card__body span{display:block;margin-bottom:8px;color:var(--color-point);font-size:12px;font-weight:800;letter-spacing:.08em}.portfolio-category-card__body h3{margin:0;font-size:22px;font-weight:900}.portfolio-category-card__body p{margin:10px 0 0;color:var(--color-sub-text);font-size:14px;line-height:1.7;word-break:keep-all}.portfolio-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio-empty{padding:40px 28px;border:1px dashed var(--color-line);border-radius:24px;background:#fafbfc;color:var(--color-sub-text);text-align:center}.portfolio-empty strong{display:block;color:#111;font-size:18px}.portfolio-empty p{margin:10px 0 0;line-height:1.7;word-break:keep-all}@media(max-width:1100px){.portfolio-category-grid,.portfolio-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.portfolio-hero-actions .btn,.portfolio-hero-actions a.btn{width:100%}.portfolio-category-grid,.portfolio-product-grid{grid-template-columns:1fr;gap:16px}.portfolio-category-card__body{padding:18px}}