@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--base-100: #fff;--base-200: #2a2a2a;--base-300: #1f1f1f;--base-400: #0f0f0f;--base-500: #fb4016;--base-600: #c6d206}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:#c6d206}.portfolio-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding-top:8rem;text-align:center;background-color:#c6d206}.portfolio-page h1{font-size:3rem;margin-bottom:1rem;color:var(--base-200)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.gallery-item{position:relative;display:flex;flex-direction:column;border-radius:.5rem;overflow:hidden;background-color:#27272a;transition:transform .3s ease,box-shadow .3s ease}.project-link{position:absolute;inset:0;z-index:10}.gallery-item>img{width:100%;height:250px;object-fit:cover}.project-info{padding:1rem;align-items:center}.project-info h2{font-size:1.2rem;margin-bottom:.5rem;color:var(--base-200)}.project-info p{font-size:.9rem;color:#fff}.desc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.project-profile{width:40px;height:40px;border-radius:50%;object-fit:contain;border:2px solid #fff}.project-short-text{font-size:.9rem;font-weight:500;color:var(--base-500);text-align:right}.project-marquee{overflow:hidden;white-space:nowrap;border-top:1px solid #ccc;padding-top:.25rem;position:relative;width:100%;mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}.marquee-content{display:inline-block;white-space:nowrap;animation:marquee 15s linear infinite;color:#fff}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-content span{display:inline-block;padding-right:2rem}@media(max-width:700px){.gallery{grid-template-columns:1fr}}.logo-section{position:relative;background-color:#c6d206;padding:4rem 2rem 6rem;text-align:center}.logo-section h1{font-size:3.5rem;letter-spacing:4px;margin-bottom:3rem;color:var(--base-200)}.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}.logo-item{position:relative;display:flex;justify-content:center;align-items:center;padding:2rem;border-right:1px solid var(--base-200);border-bottom:1px solid var(--base-200);cursor:pointer}.logo-item:nth-child(4n){border-right:none}.logo-item img{width:100px;height:100px;object-fit:contain}.logo-hover-bg{position:absolute;width:100px;height:100px;background-color:#000c;top:0;left:0;border-radius:.5rem;pointer-events:none;z-index:1;opacity:0}.white-footer{background-color:#c6d206;width:100%;padding:3rem 2rem;box-sizing:border-box;text-align:center}.white-footer .footer-content p{color:#000;margin:.25rem 0;font-size:.95rem;font-weight:500}@media(min-width:1025px){.logo-grid{grid-template-columns:repeat(4,1fr)}.logo-item:nth-last-child(-n+4){border-bottom:none}.logo-item:nth-child(4n){border-right:none}}@media(max-width:1024px){.logo-grid{grid-template-columns:repeat(2,1fr)}.logo-item:nth-last-child(-n+2){border-bottom:none}.logo-item:nth-child(2n){border-right:none}}