.project-gallery{width:100%;min-height:100vh;position:relative;overflow:hidden}.project-gallery__grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(60px,auto);gap:1rem;width:100%;padding:2rem 0;display:grid}.project-card{cursor:pointer;will-change:transform, opacity, filter;border-radius:6px;transition:box-shadow .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.project-card:hover{box-shadow:0 20px 60px #0006}.project-card__image-wrap{width:100%;height:100%;position:relative;overflow:hidden}.project-card__image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.project-card:hover .project-card__image-wrap img{transform:scale(1.08)}.project-card__overlay{opacity:0;z-index:2;background:linear-gradient(#0000 0%,#15151666 60%,#151516e6 100%);flex-direction:column;justify-content:flex-end;padding:1.25rem;transition:opacity .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:absolute;inset:0}.project-card:hover .project-card__overlay{opacity:1}.project-card__title{font-family:var(--font-teko), sans-serif;color:#f9f9f9;text-transform:uppercase;margin-bottom:.25rem;font-size:1.5rem;font-weight:600;line-height:1}.project-card__category{font-family:var(--font-alumni-sans), sans-serif;color:#f9f9f999;text-transform:uppercase;letter-spacing:.08em;font-size:.875rem;font-weight:500}.project-card__click-hint{-webkit-backdrop-filter:blur(8px);opacity:0;z-index:3;pointer-events:none;background:#f9f9f91f;border:1px solid #f9f9f926;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.project-card:hover .project-card__click-hint{opacity:1;transform:translate(-50%,-50%)scale(1)}.project-card__click-hint svg{color:#f9f9f9;width:20px;height:20px}.project-card:first-child{grid-area:1/1/span 5/span 4}.project-card:nth-child(2){grid-area:2/5/span 4/span 4}.project-card:nth-child(3){grid-area:1/9/span 6/span 4}.project-card:nth-child(4){grid-area:6/2/span 5/span 5}.project-card:nth-child(5){grid-area:7/7/span 4/span 3}.project-card:nth-child(6){grid-area:7/10/span 5/span 3}.project-card:nth-child(n+7){grid-area:span 4/span 4}@media (max-width:1024px){.project-gallery__grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(50px,auto)}.project-card:first-child{grid-area:1/1/span 4/span 3}.project-card:nth-child(2){grid-area:1/4/span 3/span 3}.project-card:nth-child(3){grid-area:5/1/span 4/span 4}.project-card:nth-child(4){grid-area:4/4/span 4/span 3}.project-card:nth-child(5){grid-area:9/1/span 3/span 3}.project-card:nth-child(6){grid-area:8/4/span 4/span 3}.project-card:nth-child(n+7){grid-area:span 3/span 3}}@media (max-width:640px){.project-gallery__grid{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(120px,auto);gap:.75rem}.project-card:first-child{grid-area:auto/1/span 2/span 2}.project-card:nth-child(2){grid-area:auto/1/span 2/span 1}.project-card:nth-child(3){grid-area:auto/2/span 2/span 1}.project-card:nth-child(n+4){grid-area:auto/span 1/span 2}.project-card__title{font-size:1.125rem}.project-card__category{font-size:.75rem}.project-card__click-hint{width:48px;height:48px}.project-card__click-hint svg{width:16px;height:16px}}
.project-detail-section{width:100%;position:relative;overflow:hidden}.project-detail-pin-wrapper{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.project-detail{transform-origin:50%;will-change:transform, border-radius;background-color:#151516;width:100%;min-height:100vh;position:relative;overflow:hidden}.project-detail__hero{width:100%;height:70vh;position:relative;overflow:hidden}.project-detail__hero img{object-fit:cover;width:100%;height:100%}.project-detail__hero-overlay{z-index:1;background:linear-gradient(#0000 40%,#151516 100%);position:absolute;inset:0}.project-detail__content{z-index:2;max-width:1200px;margin:-10rem auto 0;padding:2rem 2rem 4rem;position:relative}.project-detail__back{font-family:var(--font-teko), sans-serif;color:#f9f9f999;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.25rem 0;font-size:1rem;font-weight:600;transition:color .25s;display:inline-flex}.project-detail__back:hover{color:#f9f9f9}.project-detail__back svg{width:16px;height:16px;transition:transform .3s}.project-detail__back:hover svg{transform:translate(-6px)}.project-detail__header{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.project-detail__title{font-family:var(--font-teko), sans-serif;color:#f9f9f9;text-transform:uppercase;font-size:clamp(3rem,8vw,7rem);font-weight:700;line-height:.9}.project-detail__category-badge{font-family:var(--font-teko), sans-serif;color:#ca8a04;text-transform:uppercase;letter-spacing:.14em;background:#ca8a041a;border:1px solid #ca8a0440;border-radius:2px;width:fit-content;padding:.25rem .875rem;font-size:.8125rem;font-weight:600;display:inline-block}.project-detail__description{font-family:var(--font-alumni-sans), sans-serif;color:#f9f9f9b3;max-width:720px;margin-bottom:2rem;font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.6}.project-detail__links{flex-wrap:wrap;gap:1rem;display:flex}.project-detail__link{font-family:var(--font-teko), sans-serif;color:#f9f9f9;border:1px solid var(--low-opacity);cursor:pointer;border-radius:2px;outline:none;align-items:center;gap:.5rem;padding:.5rem 3rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.project-detail__link:hover{color:#000;background-color:#f9f9f9;border-color:#f9f9f9}.project-detail__link svg{width:18px;height:18px}.project-detail__link--back svg{transition:transform .25s}.project-detail__link--back:hover svg{transform:translate(-4px)}@media (max-width:768px){.project-detail__hero{height:50vh}.project-detail__content{margin-top:-6rem;padding:1.5rem 1rem 3rem}.project-detail__links{flex-direction:column}.project-detail__link{justify-content:center}}