.insp-container{background-color:var(--color-background);width:100%;min-height:100dvh;font-family:var(--font-sans);color:var(--color-primary);flex-direction:column;display:flex}.insp-projects-section{box-sizing:border-box}.insp-projects-grid{gap:var(--spacing-space-3,24px);grid-template-columns:repeat(1,minmax(0,1fr));width:100%;display:grid}@media (min-width:640px){.insp-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.insp-projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}}.insp-masonry-container{gap:var(--spacing-space-3);box-sizing:border-box;flex-direction:row;align-items:flex-start;width:100%;display:flex}@media (max-width:1024px){.insp-masonry-container{gap:var(--spacing-space-2)}}.insp-masonry-col{gap:var(--spacing-space-3);flex-direction:column;flex:1;min-width:0;display:flex}@media (max-width:1024px){.insp-masonry-col{gap:var(--spacing-space-2)}}.insp-card{cursor:pointer;background-color:#0000;flex-direction:column;width:100%;margin-bottom:0;display:flex;position:relative}.insp-card-img-wrapper{isolation:isolate;backface-visibility:hidden;width:100%;position:relative;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);box-shadow:none!important;background-color:#f7f7f7!important;border:none!important;outline:none!important}.insp-card-img{width:100%;height:auto;transition:transform .6s var(--ease-out);background-color:#f7f7f7;display:block}.insp-card,.insp-card *,.insp-card:hover,.insp-card:focus,.insp-card:active,.insp-card-img-wrapper,.insp-card-img-wrapper:hover,.insp-card-overlay,.insp-card-overlay:hover,.insp-card-img,.insp-card-img:hover{box-shadow:none!important;-webkit-box-shadow:none!important;border:none!important;outline:none!important;text-decoration:none!important}.insp-card:hover .insp-card-img{transform:scale(1.05)}.insp-card-info-below{box-sizing:border-box;flex-direction:column;padding:1rem 0;display:flex}.insp-card-code-below{font-size:var(--text-sub-display);color:var(--color-primary);letter-spacing:.01em;margin:0;font-weight:600;line-height:1.25}.insp-card-overlay{background-color:var(--color-background);box-sizing:border-box;opacity:0;width:100%;height:auto;transition:opacity .35s var(--ease-out), transform .35s var(--ease-out);pointer-events:none;z-index:5;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;padding:8px 4px;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(10px);box-shadow:none!important;border:none!important;outline:none!important}.insp-card-img-wrapper:hover .insp-card-overlay{opacity:1;pointer-events:auto;transform:translateY(0)}.insp-card-overlay-title{color:var(--color-primary);letter-spacing:.02em;transition:font-size .35s var(--ease-out);margin:0;font-size:18px;font-weight:500;line-height:1.25}.insp-card-img-wrapper:hover .insp-card-overlay-title{font-size:18px}.insp-card-overlay-tags{flex-flow:wrap;gap:.375rem;display:flex}.insp-card-tag-outline{color:var(--color-text-secondary);letter-spacing:.02em;background-color:#0000;border:none;padding:0;font-size:clamp(.6875rem,.65rem + .1vw,.75rem);font-weight:400}.insp-card-overlay-category,.insp-card-overlay-code{color:var(--color-text-secondary);margin:0;font-size:clamp(.6875rem,.65rem + .1vw,.75rem);font-weight:400}.insp-empty-msg{text-align:center;color:var(--color-text-secondary);font-size:var(--text-body);grid-column:1/-1;padding:5rem 0}.pd-container{background-color:var(--color-background);width:100%;min-height:100dvh;font-family:var(--font-sans);color:var(--color-primary);flex-direction:column;display:flex}.pd-slider-dots{background-color:var(--color-background);box-sizing:border-box;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1.5rem 0;display:flex}.pd-dot{cursor:pointer;background-color:#1a1a1a33;border:none;border-radius:9999px;width:8px;height:8px;padding:0;transition:width .3s,background-color .3s;position:relative;overflow:hidden}.pd-dot:hover{background-color:#1a1a1a73}.pd-dot.active{background-color:#1a1a1a33;width:32px}.pd-dot-progress{background-color:var(--color-primary);border-radius:9999px;width:0%;position:absolute;top:0;bottom:0;left:0}.pd-dot.active .pd-dot-progress{animation:4s linear forwards pd-fill}@keyframes pd-fill{0%{width:0%}to{width:100%}}