.circular-gallery{width:100%;height:100%;overflow:hidden;cursor:grab;isolation:isolate}.circular-gallery:active{cursor:grabbing}.navigation-active .circular-gallery{pointer-events:none}.navigation-active .breadcrumb,.navigation-active .mobile-menu,.navigation-active header,.navigation-active nav{pointer-events:auto}.circular-text{margin:0 auto;border-radius:50%;width:200px;position:relative;height:200px;font-weight:700;color:#fff;font-weight:900;text-align:center;cursor:pointer;transform-origin:50% 50%;-webkit-transform-origin:50% 50%}.circular-text span{position:absolute;display:inline-block;left:0;right:0;top:0;bottom:0;font-size:24px;transition:all .5s cubic-bezier(0,0,0,1)}.shiny-text{position:relative;display:inline-block}.shiny-text:before{content:attr(data-text);position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(120deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 60%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine var(--animation-duration,5s) linear infinite;pointer-events:none}.shiny-text:not([class*=text-]):not([class*=bg-gradient]){color:#b5b5b5a4}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.shiny-text.disabled{animation:none}.project-card{will-change:transform,opacity}.project-card .group{transform-origin:center bottom}.project-card .group:hover{box-shadow:0 20px 40px rgba(0,0,0,.3),0 10px 20px rgba(59,130,246,.1),0 0 0 1px rgba(59,130,246,.1)}.project-card .group:hover img{transform:scale(1.05);filter:brightness(1.1) contrast(1.05)}.project-card .group:hover .badge{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.3)}.portfolio-cta{position:relative;overflow:hidden}.portfolio-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(247,223,20,.1),transparent);transition:left .8s ease}.portfolio-cta:hover:before{left:100%}@media (max-width:768px){.project-card .group{transition-duration:.2s}.project-card .group:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,.2),0 4px 8px rgba(59,130,246,.1)}}.portfolio-section{position:relative}.portfolio-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(247,223,20,.03) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(59,130,246,.03) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(147,51,234,.02) 0,transparent 50%);pointer-events:none;z-index:1}.portfolio-content{position:relative;z-index:2}.animate-gradient{background-size:200% 100%;animation:gradient-shift 3s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.portfolio-section .text-center{transform-origin:center top}.project-card{transform-origin:center bottom}.portfolio-cta{transform-origin:center center}:root{--hue:27;--sat:69%;--white:hsl(0,0%,100%);--primary-gold:#F7DF14;--primary-gold-rgb:247,223,20;--primary-blue:#0E345A;--primary-blue-dark:#0A1B2E;--primary-blue-medium:#2D66C1;--border-color:rgba(247,223,20,0.2);--background-dark:rgba(14,52,90,0.8);--glow-color:var(--primary-gold-rgb);color-scheme:light dark}.card-grid{display:grid;gap:.75em;padding:1em;max-width:64em;font-size:clamp(1rem,.9rem + .5vw,1.5rem);margin:0 auto}.card{display:flex;flex-direction:column;justify-content:space-between;position:relative;aspect-ratio:4/3;min-height:220px;width:100%;max-width:100%;padding:1.5em;border-radius:16px;border:1px solid var(--border-color);background:linear-gradient(135deg,var(--background-dark) 0,rgba(45,102,193,.6) 100%);font-weight:300;overflow:hidden;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px}.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(247,223,20,.15),0 4px 20px rgba(14,52,90,.3);border-color:rgba(247,223,20,.4)}.card__content,.card__header{display:flex;color:var(--white)}.card__header{gap:.75em;justify-content:space-between;margin-bottom:1em}.card__content{flex-direction:column}.card__label{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;opacity:.9;background:linear-gradient(135deg,var(--primary-gold) 0,#FFE55C 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card__description,.card__title{--clamp-title:2;--clamp-desc:3}.card__title{font-weight:600;font-size:18px;margin:0 0 .5em;color:#ffffff;line-height:1.3}.card__description{font-size:14px;line-height:1.4;opacity:.85;color:#e2e8f0}.card--text-autohide .card__description,.card--text-autohide .card__title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card--text-autohide .card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.card--text-autohide .card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}@media (max-width:599px){.card-grid{grid-template-columns:1fr;width:95%;margin:0 auto;padding:.5em;gap:.5em}.card{width:100%;min-height:180px;padding:1.25em}.card__title{font-size:16px}.card__description{font-size:13px}}@media (min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.card:nth-child(3){grid-column:span 2;grid-row:span 2}.card:nth-child(4){grid-column:1/span 2;grid-row:2/span 2}.card:nth-child(6){grid-column:4;grid-row:3}}.card--border-glow:after{content:"";position:absolute;inset:0;padding:2px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(var(--glow-color),calc(var(--glow-intensity) * .8)) 0,rgba(var(--glow-color),calc(var(--glow-intensity) * .4)) 30%,transparent 60%);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:subtract;pointer-events:none;transition:opacity .3s ease;z-index:1}.card--border-glow:hover:after{opacity:1}.card--border-glow:hover{box-shadow:0 8px 30px rgba(247,223,20,.25),0 4px 20px rgba(14,52,90,.4),0 0 40px rgba(247,223,20,.1)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:rgba(247,223,20,.3);border-radius:50%;z-index:-1}.particle-container:hover{box-shadow:0 8px 30px rgba(247,223,20,.2),0 4px 20px rgba(14,52,90,.3)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none;background:radial-gradient(circle,rgba(247,223,20,.2) 0,rgba(247,223,20,.12) 15%,rgba(247,223,20,.06) 25%,rgba(247,223,20,.03) 40%,rgba(247,223,20,.01) 65%,transparent 70%)!important}.bento-section{position:relative;-webkit-user-select:none;user-select:none}.card-grid .card{will-change:transform,opacity}.card-grid .card.animating-in{transform-origin:center center}.card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(247,223,20,.05),transparent 50%,rgba(14,52,90,.1));border-radius:inherit;pointer-events:none;z-index:0}.card__content,.card__header{position:relative;z-index:1}.card__header svg{transition:all .3s ease}.card:hover .card__header svg{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(247,223,20,.6))}@media (max-width:768px){.card--border-glow:after,.global-spotlight{display:none}}