.projects-page{color:#fff;background-color:#060608;background-image:radial-gradient(90% 65% at 50% 25%,#e15f1429 0%,#b4460f12 45%,#0000 75%),radial-gradient(75% 50% at 50% 75%,#d3621a24 0%,#a03c0a0d 45%,#0000 70%),linear-gradient(#050507 0%,#0d0806 35%,#0f0704 70%,#050507 100%);background-attachment:fixed;min-height:100vh;position:relative}.projects-page:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#e1702314 1px,#0000 1px),linear-gradient(90deg,#e1702314 1px,#0000 1px);background-position:50%;background-size:60px 60px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(85% 75%,#000 30%,#0000 95%);mask-image:radial-gradient(85% 75%,#000 30%,#0000 95%)}.projects-page>*{z-index:1;position:relative}.proj-hero{align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.proj-hero-bg{z-index:0;background-position:50%;background-size:cover;width:100%;height:120%;position:absolute;top:-10%;left:0}.proj-hero-overlay{z-index:1;background:linear-gradient(#05050566 0%,#060608f2 100%);width:100%;height:100%;position:absolute;top:0;left:0}.proj-hero-content{z-index:2;width:100%;padding-top:100px;position:relative}.proj-hero-subtitle{color:#c9a050;text-transform:uppercase;letter-spacing:.3em;margin-bottom:20px;font-size:1rem;display:block}.proj-hero-title{letter-spacing:-.02em;color:#fff;margin:0;font-size:clamp(4rem,9vw,10rem);font-weight:200;line-height:1}.title-line{display:block;overflow:hidden}.char{display:inline-block}.scroll-indicator{z-index:2;opacity:.7;flex-direction:column;align-items:center;gap:15px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-indicator span{text-transform:uppercase;letter-spacing:.2em;color:#fff;font-size:.7rem}.scroll-indicator .line{background:#ffffff80;width:1px;height:40px;animation:2s cubic-bezier(.77,0,.175,1) infinite scrollLine}@keyframes scrollLine{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}50.1%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}.proj-advanced-grid{padding:100px 0 150px}.proj-masonry-wrapper{column-count:3;column-gap:20px}.masonry-item{break-inside:avoid;cursor:pointer;opacity:0;border-radius:6px;margin-bottom:20px;position:relative;overflow:hidden}.masonry-item-inner{background:#111;width:100%;display:block;position:relative;overflow:hidden}.masonry-item-inner img{filter:brightness(.7)grayscale(.2);width:100%;height:auto;transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter .8s;display:block}.masonry-item:hover .masonry-item-inner img{filter:brightness()grayscale(0);transform:scale(1.08)}.masonry-item-overlay{opacity:0;background:linear-gradient(#0000 40%,#000000e6 100%);flex-direction:column;justify-content:flex-end;padding:30px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0}.masonry-item:hover .masonry-item-overlay{opacity:1}.masonry-item-overlay h3{color:#fff;text-transform:capitalize;margin:0 0 10px;font-size:1.2rem;font-weight:300;transition:transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(15px)}.masonry-item:hover .masonry-item-overlay h3{transform:translateY(0)}.view-project-txt{color:#c9a050;text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:10px;font-size:.75rem;transition:transform .5s cubic-bezier(.16,1,.3,1) .1s;display:inline-flex;transform:translateY(15px)}.masonry-item:hover .view-project-txt{transform:translateY(0)}.view-project-txt:after{content:"→";transition:transform .3s}.masonry-item:hover .view-project-txt:after{transform:translate(5px)}@media (max-width:1024px){.proj-masonry-wrapper{column-count:2}}@media (max-width:768px){.proj-masonry-wrapper{column-count:1}.proj-hero-title{font-size:4rem}}.proj-filter-section{justify-content:center;padding:4rem 2rem 2rem;display:flex}.proj-filters{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.proj-filter-btn{color:#a0a0a0;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:30px;padding:.75rem 1.5rem;font-family:inherit;font-size:.85rem;transition:all .3s}.proj-filter-btn:hover{color:#fff;border-color:#ffffff4d}.proj-filter-btn.active{color:#050505;background:#c9a050;border-color:#c9a050}.no-projects{text-align:center;color:#666;padding:4rem 0;font-size:1.2rem}.proj-lightbox{-webkit-backdrop-filter:blur(10px);z-index:9999;opacity:1;background:#050505f2;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s forwards fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.proj-lightbox-close{color:#fff;cursor:pointer;z-index:10000;background:0 0;border:none;font-size:2rem;transition:color .3s;position:absolute;top:2rem;right:2rem}.proj-lightbox-close:hover{color:#c9a050}.proj-lightbox-content{flex-direction:column;max-width:90vw;max-height:90vh;display:flex;position:relative}.proj-lightbox-content img{object-fit:contain;border-radius:4px;max-width:100%;max-height:80vh;box-shadow:0 20px 50px #00000080}.proj-lightbox-info{text-align:center;margin-top:1.5rem}.proj-lightbox-info h2{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:300}.proj-lightbox-cat{text-transform:uppercase;letter-spacing:.1em;color:#c9a050;font-size:.85rem}.masonry-item{cursor:pointer}