.portfolio-page{--gold:#b28a43;--gold-light:#d3ac61;--navy:#10242d;--navy-soft:#18343e;--teal:#1f6c74;--teal-light:#2f8b93;--ease-out:cubic-bezier(.16, 1, .3, 1);color:#10242d;background:#fff;width:100%;overflow:hidden}.portfolio-container{width:min(1180px,100% - 40px);margin:0 auto}@media (prefers-reduced-motion:reduce){.portfolio-page *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.portfolio-reveal{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:translateY(40px)}.portfolio-reveal.show{opacity:1;transform:translateY(0)}.portfolio-hero{background:radial-gradient(circle at 75% 40%,#b28a431a,#0000 30%),linear-gradient(135deg,#f7faf9 0%,#eef4f2 100%);align-items:center;min-height:640px;display:flex;position:relative;overflow:hidden}.portfolio-hero-grid{background-image:linear-gradient(#10242d09 1px,#0000 1px),linear-gradient(90deg,#10242d09 1px,#0000 1px);background-size:55px 55px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.portfolio-hero-content{z-index:2;grid-template-columns:1fr .85fr;align-items:center;gap:70px;display:grid;position:relative}.portfolio-hero-text{max-width:640px}.portfolio-label{letter-spacing:2px;color:var(--gold);align-items:center;gap:9px;font-size:11px;font-weight:700;display:inline-flex}.portfolio-label span{background:var(--gold);width:24px;height:2px}.portfolio-hero h1{letter-spacing:-3px;color:var(--navy);margin:18px 0 22px;font-size:clamp(44px,5.5vw,72px);line-height:1}.portfolio-hero h1 span{background:linear-gradient(100deg, var(--gold), var(--gold-light));color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.portfolio-hero p{color:#66757b;max-width:560px;margin:0;font-size:17px;line-height:1.8}.portfolio-hero-stats{border-top:1px solid #10242d1a;gap:34px;margin-top:38px;padding-top:28px;display:flex}.portfolio-hero-stats div{flex-direction:column;gap:4px;display:flex}.portfolio-hero-stats strong{letter-spacing:-1px;color:var(--navy);font-size:30px}.portfolio-hero-stats span{letter-spacing:.4px;color:#7a878b;font-size:11px;font-weight:600}.portfolio-stack{perspective:1200px;justify-content:center;align-items:center;height:430px;display:flex;position:relative}.portfolio-window{transform-style:preserve-3d;transition:transform .4s var(--ease-out);border-radius:16px;position:absolute}.window-back,.window-mid{background:#eef2f1;border:1px solid #10242d0f;width:340px;height:300px}.window-back{transform:translate3d(30px, -40px, -80px) rotateX(calc(4deg + var(--stack-y,0deg))) rotateY(calc(-6deg + var(--stack-x,0deg)));opacity:.55}.window-mid{transform:translate3d(-24px, 16px, -40px) rotateX(calc(3deg + var(--stack-y,0deg))) rotateY(calc(-4deg + var(--stack-x,0deg)));opacity:.8;background:#f7f4ec}.window-front{width:360px;transform:translate3d(0, 0, 0) rotateX(calc(2deg + var(--stack-y,0deg))) rotateY(calc(-2deg + var(--stack-x,0deg)));background:#fff;border:1px solid #10242d14;animation:5s ease-in-out infinite portfolioStackFloat;overflow:hidden;box-shadow:0 40px 80px #10242d33,0 0 0 1px #10242d05}@keyframes portfolioStackFloat{0%,to{margin-top:0}50%{margin-top:-12px}}.window-bar{background:#f4f6f5;border-bottom:1px solid #10242d0f;align-items:center;gap:6px;padding:12px 14px;display:flex;position:relative}.window-bar span{background:#10242d29;border-radius:50%;width:9px;height:9px}.window-bar span:first-child{background:#e0a15a}.window-bar span:nth-child(2){background:#d9c15a}.window-bar span:nth-child(3){background:#7fae8a}.window-url{color:#8a9598;background:#fff;border:1px solid #10242d0f;border-radius:20px;margin-left:10px;padding:4px 12px;font-size:10px}.window-body{color:#fff;background:linear-gradient(150deg, var(--navy-soft), var(--navy));flex-direction:column;justify-content:center;align-items:center;gap:10px;height:250px;display:flex}.window-body strong{letter-spacing:-.3px;font-size:17px}.window-body small{letter-spacing:1.5px;color:var(--gold-light);font-size:10px}.portfolio-filter-section{padding:70px 0 10px}.portfolio-filter-bar{flex-wrap:wrap;gap:10px;display:flex}.portfolio-filter-btn{color:#5c6a6f;cursor:pointer;transition:background .25s ease, border-color .25s ease, color .25s ease, transform .25s var(--ease-out);background:#fff;border:1px solid #10242d1f;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:12px;font-weight:700;display:inline-flex}.portfolio-filter-btn:hover{border-color:#b28a4366;transform:translateY(-2px)}.portfolio-filter-btn.active{background:var(--navy);border-color:var(--navy);color:#fff}.portfolio-filter-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.portfolio-grid-section{padding:40px 0 100px}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.portfolio-card{perspective:900px;animation:portfolioCardIn .6s var(--ease-out) both;transition:transform .35s var(--ease-out), box-shadow .35s ease, border-color .35s ease;background:#fff;border:1px solid #e5ebe9;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}@keyframes portfolioCardIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.portfolio-card:hover{transform:translateY(-6px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));border-color:#b28a4340;box-shadow:0 30px 55px #10242d1f}.portfolio-card.featured{grid-column:span 2}.portfolio-card.featured .portfolio-card-visual{min-height:240px}.portfolio-card-visual{flex-direction:column;display:flex}.mini-window-bar{background:#10242d08;border-bottom:1px solid #10242d0d;align-items:center;gap:5px;padding:10px 12px;display:flex}.mini-window-bar span{background:#10242d24;border-radius:50%;width:6px;height:6px}.mini-window-url{color:#9aa4a6;background:#fff;border:1px solid #10242d0d;border-radius:20px;margin-left:8px;padding:2px 10px;font-size:9px}.mini-window-body{color:#fff;flex:1;justify-content:center;align-items:center;min-height:150px;display:flex}.tone-gold .mini-window-body{background:linear-gradient(150deg, var(--gold), var(--gold-light))}.tone-teal .mini-window-body{background:linear-gradient(150deg, var(--teal), var(--teal-light))}.tone-navy .mini-window-body{background:linear-gradient(150deg, var(--navy-soft), var(--navy));color:var(--gold-light)}.portfolio-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.portfolio-card-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.portfolio-card-tag{letter-spacing:.6px;text-transform:uppercase;color:var(--gold);font-size:10px;font-weight:700}.portfolio-card-year{color:#a2abad;font-size:11px}.portfolio-card-body h3{letter-spacing:-.4px;color:var(--navy);margin:0 0 10px;font-size:21px}.portfolio-card-body p{color:#6c7a7f;margin:0 0 18px;font-size:13.5px;line-height:1.7}.portfolio-card-stack{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.portfolio-card-stack span{color:#7a6a45;background:#f5f1e9;border-radius:6px;padding:4px 10px;font-size:10.5px;font-weight:600}.portfolio-card-footer{border-top:1px solid #eef2f1;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.portfolio-card-metric{flex-direction:column;display:flex}.portfolio-card-metric strong{letter-spacing:-.3px;color:var(--navy);font-size:18px}.portfolio-card-metric span{color:#8a9598;font-size:10px}.portfolio-card-link{color:var(--navy);align-items:center;gap:5px;font-size:12px;font-weight:700;text-decoration:none;transition:gap .25s,color .25s;display:inline-flex}.portfolio-card-link:hover{color:var(--gold);gap:8px}.portfolio-card-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.portfolio-cta{margin:0;padding:0}@media (max-width:1000px){.portfolio-hero{min-height:auto;padding:90px 0}.portfolio-hero-content{grid-template-columns:1fr}.portfolio-hero-text{max-width:700px}.portfolio-stack{height:360px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.portfolio-card.featured{grid-column:span 2}}@media (max-width:700px){.portfolio-container{width:min(100% - 30px,600px)}.portfolio-hero{padding:70px 0 50px}.portfolio-hero h1{letter-spacing:-2px;font-size:44px}.portfolio-hero-stats{flex-wrap:wrap;gap:24px}.portfolio-stack{height:300px;transform:scale(.85)}.portfolio-filter-section{padding:50px 0 10px}.portfolio-grid-section{padding:30px 0 70px}.portfolio-grid{grid-template-columns:1fr}.portfolio-card.featured{grid-column:span 1}}@media (prefers-reduced-motion:reduce){.window-front,.portfolio-card{animation:none!important}}