.portfolio-hero{background:#0a0d17;text-align:center;padding:60px 0 160px;position:relative;overflow:hidden}.portfolio-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 700px 500px at 50% 30%,rgba(255,122,61,.12),transparent 70%);pointer-events:none}.portfolio-hero .eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:Inter,sans-serif;font-size:2.95rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#ff7a3d;margin-bottom:24px}.portfolio-hero h1{font-family:Fraunces,serif;font-size:clamp(2.8rem,5vw,4.2rem);font-weight:700;color:#fff;margin:0 0 20px;line-height:1.15}.portfolio-hero h1 span{fill:none;stroke:var(--orange);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:3 13}.portfolio-hero .hero-sub{font-family:Inter,sans-serif;font-size:1.15rem;color:#8d96ac;max-width:600px;margin:0 auto;line-height:1.6}.pf-hero-svg{position:absolute;bottom:0;left:0;width:100%;height:320px;pointer-events:none;z-index:1}.pf-route-line{fill:none;stroke:url(#pfRouteGrad);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:3 13}.pf-route-glow{fill:none;stroke:url(#pfGlowGrad);stroke-width:18;stroke-linecap:round;filter:blur(6px)}.portfolio-filter-bar{background:#111a26;border-bottom:1px solid rgba(255,255,255,.06);padding:20px 0;position:sticky;top:0;z-index:90}.filter-inner{max-width:1300px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.filter-label{font-family:Inter,sans-serif;font-size:.9rem;color:#8d96ac;display:flex;align-items:center;gap:8px}.filter-label svg{width:18px;height:18px;stroke:#8d96ac}.filter-pills{display:flex;gap:10px;flex-wrap:wrap;flex:1}.filter-pill{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#c0c6d4;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;padding:10px 20px;border-radius:30px;cursor:pointer;transition:all .25s ease}.filter-pill:hover{background:#ff7a3d1f;border-color:#ff7a3d4d;color:#ff7a3d}.filter-pill.active{background:#ff7a3d;border-color:#ff7a3d;color:#fff}.portfolio-items{background:#0a0d17;padding:60px 0 100px}.portfolio-items-inner{max-width:1300px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:60px}.pf-card{display:flex;border-radius:20px;overflow:hidden;min-height:580px;text-decoration:none;transition:transform .35s ease,box-shadow .35s ease;position:relative}.pf-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px #0000004d}.pf-card.layout-left{flex-direction:row}.pf-card.layout-right{flex-direction:row-reverse}.pf-card-content{width:55%;padding:56px 52px;display:flex;flex-direction:column;justify-content:center;position:relative;background:#fff}.pf-category-badge{position:absolute;top:0;right:0;background:#f0f0f0;color:#333;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;padding:10px 24px;border-bottom-left-radius:12px;letter-spacing:.5px}.layout-right .pf-category-badge{right:auto;left:0;border-bottom-left-radius:0;border-bottom-right-radius:12px}.pf-title{font-family:Fraunces,serif;font-size:1.8rem;font-weight:700;color:#10162b;margin:20px 0 12px;line-height:1.25}.pf-subtitle{font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;color:#ff7a3d;margin:0 0 20px;letter-spacing:.5px}.pf-desc{font-family:Inter,sans-serif;font-size:1.05rem;line-height:1.65;color:#4a5068;margin:0 0 32px}.pf-stats-row{display:flex;gap:48px;margin-bottom:36px}.pf-stat .pf-stat-value{font-family:Inter,sans-serif;font-size:2.2rem;font-weight:800;color:#10162b}.pf-stat .pf-stat-label{font-family:Inter,sans-serif;font-size:.85rem;color:#6b7280;margin-top:4px}.pf-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#ff7a3d;color:#fff;border-radius:8px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;text-decoration:none;align-self:flex-start;transition:background .2s ease,transform .2s ease;border:none;cursor:pointer}.pf-cta:hover{background:#e8692e;transform:translateY(-2px);color:#0a0d17}.pf-cta svg{width:16px;height:16px;transition:transform .2s ease}.pf-cta:hover svg{transform:translate(3px)}.pf-card-image{width:45%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding:40px}.pf-card-image img{width:100%;height:100%;object-fit:cover;border-radius:16px}.portfolio-loading{text-align:center;padding:120px 24px;color:#8d96ac;font-family:Inter,sans-serif;font-size:1.1rem}.portfolio-loading .spinner{width:40px;height:40px;border:3px solid rgba(255,122,61,.2);border-top-color:#ff7a3d;border-radius:50%;margin:0 auto 20px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.portfolio-empty{text-align:center;padding:80px 24px;color:#8d96ac;font-family:Inter,sans-serif}.portfolio-empty h3{font-size:1.4rem;margin-bottom:12px;color:#c0c6d4}@media (max-width: 900px){.pf-card,.pf-card.layout-left,.pf-card.layout-right{flex-direction:column-reverse;min-height:auto}.pf-card-content,.pf-card-image{width:100%}.pf-card-content{padding:36px 28px}.pf-card-image{height:350px;padding:24px}.pf-stats-row{gap:28px}.pf-stat .pf-stat-value{font-size:1.6rem}.filter-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.filter-pill{white-space:nowrap}}@media (max-width: 600px){.portfolio-hero{padding:120px 0 60px}.portfolio-hero h1{font-size:2rem}.pf-card-content{padding:28px 20px}.pf-title{font-size:1.4rem}.pf-desc{font-size:.95rem}}.snake-svg{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:0}.snake-line{fill:none;stroke:url(#snakeGrad);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:4 14}.snake-glow{fill:none;stroke:url(#snakeGrad);stroke-width:16;stroke-linecap:round;filter:blur(8px)}