@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);
.portfolio-single{background:--bg-dark;border:1px solid var(--accent-yellow);border-radius:12px;box-shadow:0 4px 12px var(--hover-yellow);margin:2rem auto;max-width:960px;padding:2rem}.portfolio-header .portfolio-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.portfolio-header .portfolio-text{flex:1 1 60%}.portfolio-header .project-thumbnail{border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05);flex:0 0 300px;max-width:100%;overflow:hidden}.portfolio-header .project-thumbnail img{display:block;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:767px){.portfolio-header .portfolio-header-content{align-items:flex-start;flex-direction:column-reverse}.portfolio-header .project-thumbnail{width:100%}}body{background-color:var(--bg-dark);color:var(--text-light);font-family:Poppins,sans-serif;font-size:16px;line-height:1.6;margin:0}a{color:var(--accent-yellow);text-decoration:none}a:hover{color:var(--hover-yellow);text-decoration:underline}.site-logo img{display:block;height:auto;max-height:50px;width:auto}.site-header{background-color:var(--bg-dark);border-bottom:1px solid var(--accent-yellow);padding:1rem 0}.site-header .container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.site-header .site-logo{align-items:center;color:var(--text-light);display:flex;font-size:1.5rem;font-weight:700}.site-header .site-logo img{margin-right:.5rem}.site-header .menu-toggle{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem}.site-header .main-navigation{display:none}.site-header .main-navigation.active{display:block}.site-header .main-navigation .menu{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:1rem 0 0;padding:0}.site-header .main-navigation .menu li{font-weight:500}.site-header .main-navigation .menu li a{color:var(--accent-yellow);text-decoration:none}.site-header .main-navigation .menu li a:hover{color:var(--hover-yellow);text-decoration:underline}@media(min-width:768px){.site-header .menu-toggle{display:none}.site-header .main-navigation{display:block!important}.site-header .main-navigation .menu{flex-direction:row;gap:1.5rem;justify-content:flex-end;margin:0}}.site-footer{background-color:--bg-dark;border-top:1px solid var(--accent-yellow);color:var(--text-light);font-size:.9rem;padding:2rem 1rem}.site-footer .footer-content{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:space-between}.site-footer .menu{display:flex;gap:1.5rem;list-style:none;padding:0}.site-footer .menu a{color:var(--accent-yellow)}.site-footer .menu a:hover{color:var(--hover-yellow);text-decoration:underline}:root{--bg-dark:rgb(17 24 39/var(--tw-bg-opacity,1));--text-light:#f3f4f6;--accent-yellow:#f59e0b;--hover-yellow:#d97706;--white:#fff}*,:after,:before{box-sizing:border-box}.container{margin:0 auto;max-width:90%;padding:1rem}.portfolio-landing{background:var(--bg-dark);padding:3rem 1rem;text-align:center}.portfolio-landing h1{font-size:2rem;margin-bottom:.5rem}.portfolio-landing p{color:var(--text-light);font-size:1.1rem}.title-tag{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:90%;padding:1rem}.site-cards-grid{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin:2rem auto;max-width:90%;padding:0 1rem}.site-card{background-color:--bg-dark;border:1px solid var(--accent-yellow);border-radius:12px;box-shadow:0 4px 12px var(--hover-yellow);display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.project-meta{border-top:1px solid var(--border-color);box-sizing:border-box;color:var(--text-light);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin:10px 0;padding-top:10px;width:100%}.project-meta p{min-width:120px}.project-link{margin-top:10px}.project-link a:hover{text-decoration:underline}.carousel-wrapper{height:600px;margin-bottom:2rem;overflow:hidden;perspective:2000px;position:relative;width:100%}.carousel-background{animation:spin 20s linear infinite;left:50%;position:absolute;top:20%;transform:translate(-50%,-50%) rotateY(0deg);transform-origin:center center;transform-style:preserve-3d}.carousel-background:hover{animation-play-state:paused}.carousel-card{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.1);border:1px solid var(--accent-yellow);border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.5);box-sizing:border-box;color:var(--text-light);display:flex;flex-direction:column;font-weight:700;height:auto;justify-content:flex-start;left:50%;overflow:hidden;padding:1rem;position:absolute;text-align:center;top:10%;transform-style:preserve-3d;width:500px}.carousel-card:hover{transform:translateZ(50px) scale(1.1);z-index:10}.carousel-thumbnail{border-radius:8px;flex-shrink:0;height:150px;margin-bottom:1rem;overflow:hidden;width:100%}.carousel-thumbnail img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.carousel-card h2{align-items:center;color:var(--accent-yellow);display:flex;flex-grow:1;font-size:1.5rem;justify-content:center;margin:0}@keyframes spin{0%{transform:translate(-50%,-50%) rotateY(0deg)}to{transform:translate(-50%,-50%) rotateY(1turn)}}