@import "https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";
.projectDetail-module__KemwuW__pageContainer{background-color:var(--bg-primary);min-height:100vh;padding-top:8rem;font-family:Outfit,sans-serif}.projectDetail-module__KemwuW__previewContainer{background-color:#0000;height:100%;min-height:auto;padding-top:2rem;overflow-y:auto}.projectDetail-module__KemwuW__contentWrapper{max-width:75rem;margin:0 auto;padding:0 2rem 4rem}.projectDetail-module__KemwuW__heroSection{text-align:center;padding:3rem 0}.projectDetail-module__KemwuW__categoryPill{border:2px solid var(--accent-color);color:var(--accent-color);text-transform:uppercase;letter-spacing:1px;border-radius:30px;margin-bottom:2rem;padding:.5rem 1.5rem;font-size:.9rem;font-weight:600;display:inline-block}.projectDetail-module__KemwuW__projectTitle{text-transform:uppercase;letter-spacing:.02em;color:var(--text-primary);margin:0 0 1.5rem;font-family:Antonio,sans-serif;font-size:5.5rem;font-weight:700;line-height:1}.projectDetail-module__KemwuW__projectSummary{color:var(--text-secondary);max-width:50rem;margin:0 auto 3rem;font-family:Inter,sans-serif;font-size:1.25rem;font-weight:500;line-height:1.8}.projectDetail-module__KemwuW__metadataGrid{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:45rem;margin:0 auto;padding:2rem 0;display:grid}.projectDetail-module__KemwuW__metadataItem{text-align:left;flex-direction:column;gap:.5rem;display:flex}.projectDetail-module__KemwuW__metadataLabel{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500}.projectDetail-module__KemwuW__metadataValue{color:gold;font-size:1.25rem;font-weight:700}.projectDetail-module__KemwuW__heroImageWrapper{background:var(--bg-tertiary);border-radius:24px;width:100%;height:600px;margin:3rem 0 5rem;position:relative;overflow:hidden}.projectDetail-module__KemwuW__heroImage{object-fit:cover}.projectDetail-module__KemwuW__contentSection{max-width:70rem;margin:0 auto}.projectDetail-module__KemwuW__textBlock{margin-bottom:4rem}.projectDetail-module__KemwuW__sectionHeading{text-transform:uppercase;letter-spacing:.02em;color:var(--text-primary);margin:0 0 1.5rem;font-family:Antonio,sans-serif;font-size:3rem;font-weight:700}.projectDetail-module__KemwuW__sectionText{color:var(--text-secondary);margin:0;font-family:Inter,sans-serif;font-size:1.125rem;line-height:1.8}.projectDetail-module__KemwuW__contentImageWrapper{background:var(--bg-tertiary);border-radius:24px;width:100%;height:500px;margin:4rem 0;position:relative;overflow:hidden}.projectDetail-module__KemwuW__contentImage{object-fit:cover}.projectDetail-module__KemwuW__techStackSection{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;margin:4rem 0;padding:2.5rem}.projectDetail-module__KemwuW__techStackTitle{text-transform:uppercase;color:var(--text-primary);margin:0 0 1.5rem;font-family:Antonio,sans-serif;font-size:1.5rem;font-weight:700}.projectDetail-module__KemwuW__techStackGrid{flex-wrap:wrap;gap:1rem;display:flex}.projectDetail-module__KemwuW__techBadge{background:var(--accent-color);color:var(--bg-primary);border-radius:20px;padding:.6rem 1.25rem;font-size:.95rem;font-weight:600}.projectDetail-module__KemwuW__linksSection{flex-wrap:wrap;gap:2rem;margin:4rem 0;display:flex}.projectDetail-module__KemwuW__projectLink{border:1px solid var(--accent-color);color:var(--accent-color);text-transform:uppercase;letter-spacing:1px;cursor:pointer;z-index:1;background:0 0;border-radius:40px;padding:1rem 2.5rem;font-family:Antonio,sans-serif;font-size:1.2rem;font-weight:600;text-decoration:none;transition:color .4s;display:inline-block;position:relative;overflow:hidden}.projectDetail-module__KemwuW__projectLink:before{content:"";background:var(--accent-color);z-index:-1;clip-path:circle(0% at 0 0);width:100%;height:100%;transition:clip-path .5s ease-out;position:absolute;top:0;left:0}.projectDetail-module__KemwuW__projectLink:hover:before{clip-path:circle(150% at 0 0)}.projectDetail-module__KemwuW__projectLink:hover{color:#000}.projectDetail-module__KemwuW__moreProjectsSection{margin-top:8rem;padding-top:4rem}.projectDetail-module__KemwuW__sectionDivider{text-align:center;margin-bottom:4rem;position:relative}.projectDetail-module__KemwuW__sectionDivider:before{content:"";background:var(--border-color);z-index:0;height:1px;position:absolute;top:50%;left:0;right:0}.projectDetail-module__KemwuW__moreProjectsTitle{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-primary);z-index:1;margin:0;padding:0 2rem;font-family:Antonio,sans-serif;font-size:3.5rem;font-weight:700;display:inline-block;position:relative}.projectDetail-module__KemwuW__projectsGrid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem;display:grid}@media (max-width:1024px){.projectDetail-module__KemwuW__projectTitle{font-size:4rem}.projectDetail-module__KemwuW__heroImageWrapper{height:450px}.projectDetail-module__KemwuW__contentImageWrapper{height:400px}.projectDetail-module__KemwuW__projectsGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.projectDetail-module__KemwuW__pageContainer{padding-top:6rem}.projectDetail-module__KemwuW__contentWrapper{padding:0 1.5rem 3rem}.projectDetail-module__KemwuW__projectTitle{font-size:2.5rem}.projectDetail-module__KemwuW__projectSummary{font-size:1rem}.projectDetail-module__KemwuW__metadataGrid{grid-template-columns:1fr;gap:1.5rem}.projectDetail-module__KemwuW__heroImageWrapper{height:300px;margin:2rem 0 3rem}.projectDetail-module__KemwuW__sectionHeading{font-size:2rem}.projectDetail-module__KemwuW__sectionText{font-size:1rem}.projectDetail-module__KemwuW__contentImageWrapper{height:250px;margin:3rem 0}.projectDetail-module__KemwuW__moreProjectsTitle{padding:0 1rem;font-size:2rem}.projectDetail-module__KemwuW__projectsGrid{grid-template-columns:1fr;gap:1.5rem}.projectDetail-module__KemwuW__linksSection{flex-direction:column;gap:1rem}.projectDetail-module__KemwuW__projectLink{text-align:center}}
