.portfolio-page{background:#000;flex-direction:column;min-height:100vh;display:flex}.port-intro{max-width:var(--container-width);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:40px;width:100%;margin:0 auto;padding:100px 40px 48px;display:flex}.port-intro-left{flex:1}.port-intro-heading{letter-spacing:-.03em;color:#fff;margin-bottom:24px;font-size:clamp(48px,6.5vw,84px);font-weight:800;line-height:1}.port-intro-desc{color:#777;max-width:480px;font-size:15px;line-height:1.85}.port-current-link{letter-spacing:.18em;text-transform:uppercase;color:#aaa;white-space:nowrap;border-bottom:1px solid #333;flex-shrink:0;align-self:flex-start;align-items:center;gap:12px;margin-top:8px;padding-bottom:4px;font-size:11px;font-weight:600;transition:color .2s,border-color .2s,gap .3s;display:inline-flex}.port-current-link:hover{color:#fff;border-color:#555;gap:18px}.port-filters{max-width:var(--container-width);border-bottom:1px solid var(--border);background:#000;align-items:center;gap:12px;width:100%;margin:0 auto;padding:0 40px;display:flex}.port-filter-btn{letter-spacing:.15em;text-transform:uppercase;color:#555;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:20px 24px;font-size:11px;font-weight:600;transition:color .2s,border-color .2s}.port-filter-btn:first-child{padding-left:0}.port-filter-btn:hover{color:#aaa}.port-filter-btn.active{color:#fff;border-bottom-color:var(--accent)}.port-grid{max-width:var(--container-width);background:#000;flex-direction:column;flex:1;gap:20px;width:100%;margin:0 auto;padding:48px 40px 120px;display:flex}.port-grid-row{gap:20px;display:flex}.port-card{background:var(--bg-3);cursor:pointer;border:1px solid var(--border);flex-direction:column;flex:1;justify-content:flex-end;transition:border-color .3s,transform .3s;display:flex;position:relative;overflow:hidden}.port-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.port-card--large{min-height:340px}.port-card--small{min-height:240px}.port-card-img{object-fit:cover;opacity:.55;filter:grayscale(30%);width:100%;height:100%;transition:opacity .4s,transform .5s;position:absolute;inset:0}.port-card:hover .port-card-img{opacity:.75;transform:scale(1.04)}.port-card-placeholder{background:linear-gradient(145deg,#0a0a0a 0%,#141414 50%,#0a0a0a 100%);position:absolute;inset:0}.port-card--coming .port-card-placeholder{background:linear-gradient(145deg,#070707 0%,#0c0c0c 100%)}.port-card-overlay{background:linear-gradient(#0000001a 0%,#0000008c 55%,#000000f2 100%);transition:background .3s;position:absolute;inset:0}.port-card:hover .port-card-overlay{background:linear-gradient(#00000026 0%,#0009 60%,#000000fa 100%)}.port-card-body{z-index:2;padding:24px 28px;position:relative}.port-card-name{letter-spacing:.03em;text-transform:uppercase;color:#fff;margin-bottom:6px;font-size:clamp(18px,2.2vw,24px);font-weight:700;line-height:1.2}.port-card--small .port-card-name{font-size:17px}.port-card-category{color:#777;margin-bottom:4px;font-size:12px;line-height:1.4}.port-card-region{color:#555;margin-bottom:16px;font-size:11px}.port-card-tag{letter-spacing:.18em;text-transform:uppercase;color:#aaa;border:1px solid #333;padding:5px 12px;font-size:8px;font-weight:600;transition:border-color .2s,color .2s;display:inline-block}.port-card:hover .port-card-tag{color:#fff;border-color:#555}.port-card-arrow{z-index:2;color:#666;border:1px solid #333;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:border-color .25s,color .25s;display:flex;position:absolute;bottom:24px;right:24px}.port-card:hover .port-card-arrow{color:#fff;border-color:#fff}.port-card--coming .port-card-name{color:#444;font-size:14px}.port-card--coming .port-card-category{color:#333}.port-footer{border-top:1px solid var(--border);background:#000;padding:48px 0}.port-footer-inner{max-width:var(--container-width);justify-content:space-between;align-items:center;gap:32px;width:100%;margin:0 auto;padding:0 40px;display:flex}.port-footer-center{color:#666;align-items:center;gap:28px;font-size:12px;display:flex}.port-footer-center a{color:#666;font-size:12px;transition:color .2s}.port-footer-center a:hover{color:#fff}.port-footer-sep{color:#222}.port-footer-copy{color:#444;white-space:nowrap;text-align:right;font-size:10px}@media (max-width:900px){.port-intro{flex-direction:column;align-items:flex-start;gap:20px;padding:60px 24px 28px}.port-filters{padding:0 24px;overflow-x:auto}.port-grid{padding:24px 24px 60px}.port-grid-row{flex-direction:column}.port-card--large{min-height:260px}.port-card--small{min-height:200px}.port-footer-inner{text-align:center;flex-direction:column;gap:12px;padding:0 24px}.port-footer-center{flex-wrap:wrap;justify-content:center}}