.portfolio-hero{align-items:center;display:flex;position:relative;overflow:hidden}.portfolio-hero-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.portfolio-grid-bg{background-image:linear-gradient(rgba(var(--yellow-rgb), .035) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--yellow-rgb), .035) 1px, transparent 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.portfolio-glow{background:rgba(var(--yellow-rgb), .08);filter:blur(100px);border-radius:50%;width:420px;height:420px;position:absolute}.portfolio-glow-top{top:-240px;right:10%}.portfolio-glow-bottom{opacity:.5;bottom:-300px;left:5%}.portfolio-hero-content{max-width:780px;padding-top:30px;position:relative}.portfolio-hero h1{margin-bottom:24px;font-size:clamp(42px,6vw,72px)}.portfolio-hero h1 span{color:var(--yellow)}.portfolio-hero p{max-width:650px;color:var(--slate);font-size:18px;line-height:1.7}.portfolio-section{padding:100px 0}.portfolio-section .section-head{margin-bottom:50px}.portfolio-section .section-head h2{margin-bottom:14px;font-size:clamp(30px,4vw,44px)}.portfolio-section .section-head p{max-width:650px;color:var(--slate);font-size:16px}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.portfolio-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.portfolio-card:hover{border-color:rgba(var(--yellow-rgb), .45);box-shadow:0 18px 45px #0000002e, 0 0 0 1px rgba(var(--yellow-rgb), .06);transform:translateY(-6px)}.portfolio-image-wrapper{aspect-ratio:16/10;background:var(--surface-2);width:100%;position:relative;overflow:hidden}.portfolio-image{object-fit:cover;width:100%;height:100%;transition:transform .45s,filter .45s}.portfolio-card:hover .portfolio-image{transform:scale(1.05)}.portfolio-image-overlay{pointer-events:none;background:linear-gradient(#0000 45%,#00000073);position:absolute;inset:0}.portfolio-number{min-width:42px;height:30px;color:var(--yellow);font-family:var(--mono);letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e1420d9;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:11px;display:inline-flex;position:absolute;top:16px;right:16px}.portfolio-card-content{padding:22px 22px 24px}.portfolio-card-label{color:var(--yellow);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:10px}.portfolio-card h3{color:var(--white);font-size:22px;line-height:1.2}[data-theme=light] .portfolio-card:hover{box-shadow:0 18px 40px #0f172a1a, 0 0 0 1px rgba(var(--yellow-rgb), .08)}[data-theme=light] .portfolio-number{border-color:var(--line);background:#ffffffe6}@media (max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.portfolio-hero{min-height:400px;padding:80px 0 70px}.portfolio-section{padding:80px 0}}@media (max-width:600px){.portfolio-grid{grid-template-columns:1fr;gap:20px}.portfolio-hero{min-height:auto;padding:70px 0 65px}.portfolio-hero h1{font-size:clamp(38px,11vw,52px)}.portfolio-hero p{font-size:16px}.portfolio-section{padding:65px 0}.portfolio-section .section-head{margin-bottom:35px}.portfolio-card-content{padding:20px}}