.projects-page{color:#f7f7f5}.projects-page .site-header nav a[aria-current=page]{color:#f35a24}.portfolio-hero{position:relative;padding:clamp(5rem,9vw,9rem) clamp(22px,7vw,110px) clamp(4rem,7vw,7rem);overflow:hidden;border-bottom:1px solid #343434;background-image:linear-gradient(90deg,rgba(5,7,6,.94) 0%,rgba(5,7,6,.75) 48%,rgba(5,7,6,.34) 100%),linear-gradient(0deg,rgba(5,7,6,.74),rgba(5,7,6,.08) 55%),url('/site/assets/projects/portfolio-hero.jpg');background-size:cover;background-position:center 48%;background-repeat:no-repeat}.portfolio-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(0,0,0,.12));pointer-events:none}.portfolio-hero h1{position:relative;z-index:1;max-width:1300px;margin:1.2rem 0 1.6rem;font-size:clamp(2.6rem,5.6vw,5.6rem);line-height:.98;letter-spacing:-.04em;text-transform:uppercase}.portfolio-hero h1 span{display:inline-block;color:transparent;font-style:normal;letter-spacing:-.01em;-webkit-text-stroke:1.5px #f2efe9;text-stroke:1.5px #f2efe9}.portfolio-hero>p:last-child{position:relative;z-index:1;max-width:650px;margin:0;color:#aaa;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.65}.portfolio-browser{padding:clamp(3rem,5vw,5rem) clamp(22px,5vw,80px) clamp(6rem,9vw,9rem)}.portfolio-tools{position:sticky;top:88px;z-index:10;display:grid;grid-template-columns:1.45fr repeat(3,minmax(135px,.65fr)) auto;gap:.75rem;padding:1rem;border:1px solid #383838;background:#0d0d0df2;backdrop-filter:blur(18px);box-shadow:0 18px 40px #0006}.portfolio-tools label{display:grid;gap:.45rem}.portfolio-tools label>span{color:#888;font-size:.58rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.portfolio-tools input,.portfolio-tools select{width:100%;height:44px;padding:0 .85rem;border:1px solid #404040;border-radius:0;background:#151515;color:#f4f4f4;font:inherit;font-size:.8rem;outline:none}.portfolio-tools input:focus,.portfolio-tools select:focus{border-color:#f35a24}.portfolio-tools button{align-self:end;height:44px;padding:0 1rem;border:1px solid #f35a24;background:transparent;color:#f35a24;font:700 .67rem Pogonia,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.3s}.portfolio-tools button:hover{background:#f35a24;color:#111}.portfolio-status{display:flex;justify-content:flex-end;padding:1rem 0;color:#888;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.1rem,2vw,2rem)}.portfolio-card{min-width:0;color:#fff;text-decoration:none;transition:opacity .35s,transform .5s}.portfolio-card[hidden]{display:none}.portfolio-card figure{position:relative;margin:0;overflow:hidden;aspect-ratio:4/3;border:1px solid #303030;background:#171717}.portfolio-card figure:after{content:"";position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(transparent,#080808df);opacity:0;transition:.35s}.portfolio-card img{display:block;width:100%;height:100%;object-fit:cover;filter:none;transition:transform .7s cubic-bezier(.2,.75,.2,1)}.portfolio-card figure span{position:absolute;right:.8rem;bottom:.8rem;z-index:2;padding:.6rem .75rem;background:#f35a24;color:#111;font-size:.62rem;font-weight:800;text-transform:uppercase;opacity:0;transform:translateY(7px);transition:.3s}.portfolio-card>div{min-height:155px;padding:1.15rem 0 1.5rem;border-bottom:1px solid #3a3a3a}.portfolio-card small{color:#f35a24;font-size:.61rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.portfolio-card h2{margin:.65rem 0 .75rem;font-size:clamp(1.15rem,1.65vw,1.65rem);line-height:1.14}.portfolio-card p{margin:0;color:#888;font-size:.72rem;text-transform:uppercase}.portfolio-card:hover img{transform:scale(1.045)}.portfolio-card:hover figure:after,.portfolio-card:hover figure span{opacity:1}.portfolio-card:hover figure span{transform:none}.portfolio-card:hover>div{border-color:#f35a24}.portfolio-empty{padding:5rem 1rem;text-align:center;color:#999;border-block:1px solid #333}
@media(max-width:1050px){.portfolio-tools{grid-template-columns:repeat(3,1fr)}.portfolio-search{grid-column:1/-1}.portfolio-tools button{grid-column:3}.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.portfolio-hero{padding-top:4rem}.portfolio-hero h1{font-size:clamp(2.1rem,8.5vw,3.2rem)}.portfolio-browser{padding-inline:18px}.portfolio-tools{position:sticky;top:72px;z-index:15;grid-template-columns:1fr 1fr;gap:.6rem;padding:.85rem}.portfolio-search{grid-column:1/-1}.portfolio-tools label:nth-of-type(4){grid-column:1/-1}.portfolio-tools button{grid-column:2}.portfolio-status{padding:.85rem 0}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}.portfolio-card>div{min-height:0;padding:.7rem 0 1rem}.portfolio-card figure{aspect-ratio:1/1}.portfolio-card figure span{display:none}.portfolio-card small{font-size:.55rem}.portfolio-card h2{margin:.4rem 0 .35rem;font-size:.82rem;line-height:1.25;letter-spacing:-.01em}.portfolio-card p{font-size:.58rem}}