.portfolio-hub{margin-top:42px;border-top:1px solid var(--line);padding-top:37px}.portfolio-hub-head{display:flex;justify-content:space-between;align-items:end;gap:22px}.portfolio-hub-head h3{font-size:clamp(24px,3.2vw,36px);font-weight:700;line-height:1.4;margin:7px 0;letter-spacing:0}.portfolio-hub-head h3 span{color:var(--accent)}.portfolio-hub-head p{font-size:14px;color:var(--muted);margin:0}.portfolio-hub-link{border:1px solid var(--line);border-radius:7px;padding:11px 14px;white-space:nowrap;font-size:12px;font-weight:700;transition:.2s}.portfolio-hub-link:hover{background:var(--soft);transform:translateY(-2px)}.portfolio-hub-link span{margin-left:14px}.portfolio-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.portfolio-hub-card{position:relative;min-height:185px;border:1px solid var(--line);background:var(--paper);border-radius:9px;padding:19px;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s,border-color .25s}.portfolio-hub-card:hover{transform:translateY(-5px);border-color:var(--accent)}.portfolio-hub-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.18}.portfolio-hub-card>*:not(img){position:relative}.portfolio-hub-type{font-size:10px;color:var(--accent);letter-spacing:1px}.portfolio-hub-card strong{font-size:17px;line-height:1.5;margin:19px 0 4px}.portfolio-hub-card small{color:var(--muted);font-size:12px;line-height:1.6}.portfolio-hub-arrow{position:absolute!important;right:16px;bottom:15px;font-size:22px}.portfolio-hub-grid:empty{display:none}@media(max-width:700px){.portfolio-hub-head{align-items:start;flex-direction:column}.portfolio-hub-grid{grid-template-columns:1fr}.portfolio-hub-card{min-height:145px}.portfolio-hub-link{white-space:normal}}@media(prefers-reduced-motion:reduce){.portfolio-hub-link,.portfolio-hub-card{transition:none}}
.portfolio-hub-grid:has(>.portfolio-hub-card:only-child){grid-template-columns:1fr}.portfolio-hub-card{min-height:230px;border-radius:0;padding:25px 28px;opacity:0;transform:translateY(22px);transition:opacity .6s,transform .5s,border-color .25s}.portfolio-hub-card.is-visible{opacity:1;transform:translateY(0)}.portfolio-hub-card.is-visible:hover{transform:translateY(-6px)}.portfolio-hub-card.is-film{background:radial-gradient(circle at 78% 85%,#aa634e,#433437 42%,#272c2b 90%);color:#f9f4e9;border-color:#333d38}.portfolio-hub-card.is-film:after{content:"▶";position:absolute;right:11%;top:50%;transform:translateY(-50%) rotate(-12deg);font-size:clamp(80px,12vw,190px);font-weight:200;line-height:1;color:#f9f4e966;transition:transform .45s}.portfolio-hub-card.is-film:hover:after{transform:translateY(-50%) rotate(0) scale(1.08)}.portfolio-hub-number{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--accent)}.portfolio-hub-card.is-film .portfolio-hub-number,.portfolio-hub-card.is-film .portfolio-hub-type,.portfolio-hub-card.is-film small{color:#e7d5c6}.portfolio-hub-card strong{font-size:clamp(20px,2.7vw,34px);line-height:1.3;max-width:65%;margin:28px 0 10px;letter-spacing:-.04em}.portfolio-hub-card small{max-width:60%;font-size:13px}.portfolio-hub-type{position:absolute!important;right:28px;top:25px;font-weight:800}.portfolio-hub-arrow{right:28px;bottom:20px;font-size:28px;transition:transform .25s}.portfolio-hub-card:hover .portfolio-hub-arrow{transform:translate(4px,-4px)}@media(max-width:700px){.portfolio-hub-card{min-height:220px}.portfolio-hub-card strong,.portfolio-hub-card small{max-width:80%}.portfolio-hub-card.is-film:after{right:4%;font-size:95px}}@media(prefers-reduced-motion:reduce){.portfolio-hub-card{opacity:1;transform:none}.portfolio-hub-card.is-visible:hover{transform:none}}