.proj-detail,.proj-grid-section{margin:0}.proj-detail *,.proj-grid-section *{box-sizing:border-box}.proj-grid-section{background-color:#000;color:#f5f5f3;padding:20px 100px 96px}.proj-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 40px;gap:0 40px;grid-gap:40px;gap:40px}.proj-grid__col{display:flex;flex-direction:column;gap:80px}.proj-grid__col--offset{margin-top:140px}.proj-card{display:block;text-decoration:none;color:inherit}.proj-card__frame{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:4/5;background-color:#1c1c1c}.proj-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.proj-card:hover .proj-card__image{transform:scale(1.04)}.proj-card__hover{position:absolute;top:50%;left:50%;width:72px;height:72px;border-radius:50%;background-color:#e9f06a;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%) scale(0);transition:transform .3s ease}.proj-card:hover .proj-card__hover{transform:translate(-50%,-50%) scale(1)}.proj-card__hover-icon{width:24px;height:24px;stroke:#141414;stroke-width:2;fill:none}.proj-card__title{font-size:1.5rem;font-family:var(--secondary-font);font-weight:600;margin:24px 0 10px}.proj-card__tagline{font-family:var(--secondary-font);font-size:14px;line-height:1.6;color:#c7c7c2;margin:0 0 12px;max-width:460px}.proj-card__tags{font-size:12px;font-family:var(--secondary-font);color:#7a7a76;margin:0}.proj-grid-section__more{display:flex;justify-content:center;font-family:var(--secondary-font);margin-top:80px}.proj-grid-section__more-btn{display:inline-flex;align-items:center;gap:10px;border:1.5px solid #4a4a4a;border-radius:999px;padding:14px 26px;color:#f5f5f3;text-decoration:none;font-size:14px;transition:background-color .2s ease,color .2s ease}.proj-grid-section__more-btn:hover{background-color:#f5f5f3;color:#141414}.proj-grid-section__more-icon{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}.proj-detail{background-color:#fff;color:#141414}.proj-detail__hero{height:400px;background-size:cover;background-position:50%;background-repeat:no-repeat;background-position:top}.project_detail_hero-overlay{display:flex;align-items:last baseline;background-color:#00000091;width:100%;height:100%;padding:28px 56px 80px}.proj-detail__title{font-size:4rem;font-weight:700;font-family:var(--primary-font);color:#f5f5f3;margin:0}.proj-detail__cover{border-radius:4px;display:none;overflow:hidden}.proj-detail__cover img{width:100%;display:block;object-fit:cover;max-height:640px}.proj-detail__section{display:grid;grid-template-columns:240px 1fr;grid-gap:30px;gap:30px;max-width:1100px;margin:96px auto;padding:0 56px;font-family:var(--secondary-font)}.proj-detail__eyebrow{font-size:12px;letter-spacing:1px;text-transform:capitalize;color:#3a3a36;font-weight:500}.proj-detail__heading{font-size:2.5rem;font-weight:600;line-height:1.25;margin:0 0 20px;grid-column:2}.proj-detail__text{font-size:1rem;line-height:1.75;color:#3a3a36;margin:0;grid-column:2;max-width:620px}.proj-detail__gallery{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;padding:0 56px;margin-bottom:96px}.proj-detail__gallery-image{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:4px;display:block}.project_details_live_wrapper{display:flex;align-items:center;grid-column:2}.project_live_btn{width:150px;height:50px;background-color:#141414;display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:999px;color:#f5f5f3;font-size:14px;text-decoration:none;transition:background-color .2s ease,color .2s ease}.project_live_btn:hover{background-color:#e9f06a;color:#141414;transition:all .2s linear}.proj-detail__next{display:flex;align-items:center;justify-content:space-between;gap:32px;background-color:#000;color:#f5f5f3;text-decoration:none;font-family:var(--secondary-font);padding:56px 56px 0}.proj-detail__next-info{display:flex;flex-direction:column;gap:12px}.proj-detail__next-label{font-size:.8rem;color:#9a9a96;text-transform:capitalize;letter-spacing:1px}.proj-detail__next-title{font-size:2rem;font-weight:600}.proj-detail__next-image{width:220px;height:140px;object-fit:cover;border-radius:12px;flex-shrink:0}@media (max-width:900px){.proj-detail__gallery,.proj-detail__next,.proj-detail__section,.proj-grid-section{padding-left:24px;padding-right:24px}.proj-detail__hero{height:350px}.project_detail_hero-overlay{padding:50px 20px}.proj-detail__cover{margin-left:24px;margin-right:24px}.proj-grid{grid-template-columns:1fr}.proj-grid__col--offset{margin-top:0}.proj-detail__title{font-size:2.5rem}.proj-detail__section{grid-template-columns:1fr;margin:60px auto;gap:10px}.proj-detail__heading,.proj-detail__text{grid-column:1}.proj-detail__heading{font-size:1.5rem}.proj-detail__gallery{grid-template-columns:1fr}.project_details_live_wrapper{grid-column:1;margin-top:20px}.proj-detail__next{flex-direction:column;align-items:flex-start}.proj-detail__next-image{width:100%;height:300px}}@media (max-width:560px){.proj-detail__title{font-size:2rem;letter-spacing:normal}.proj-card__title{font-size:20px}.proj-detail__next-title{font-size:1.5rem}}