.work::-webkit-scrollbar{width:5px!important}.work::-webkit-scrollbar-thumb{border-radius:5px;background:#888!important}.work::-webkit-scrollbar-track{background:#f0f0f0!important}.work::-webkit-scrollbar-corner{background:0 0!important}.work{grid-template-rows:min-content;grid-template-columns:100%;width:100%;height:100%;padding:4vw 10vw 0;display:grid;position:relative;overflow:hidden scroll}.paragraph{font-family:var(--font-anton), sans-serif;grid-template-columns:auto;display:grid}.paragraph1{font-family:var(--font-hind), sans-serif;letter-spacing:.18em;color:var(--secondary-color-light);-webkit-user-select:none;user-select:none;align-items:center;gap:.9rem;font-size:clamp(.85rem,1.3vw,1.15rem);font-weight:600;line-height:1.4;display:flex}.paragraph1:before{content:"";vertical-align:middle;background:linear-gradient(90deg,#0047ff,red);width:2.4em;height:2px;display:inline-block}.paragraph2{font-family:var(--font-anton), sans-serif;letter-spacing:-.02em;text-wrap:balance;width:100%;color:var(--secondary-color);-webkit-user-select:none;user-select:none;margin:.5rem 0 2.5rem;font-size:clamp(2.4rem,6vw,5.5rem);line-height:.9;display:flex;position:relative}.projects{grid-template-columns:repeat(3,1fr);align-items:start;gap:1.75rem;width:100%;margin-bottom:5vw;display:grid}.project-container{-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e5e5e5;border-radius:16px;flex-direction:column;min-width:0;height:auto;margin:0;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.project-container:hover{border-color:#d0d0d0;transform:translateY(-6px);box-shadow:0 12px 30px #00000014}.project-header{background-color:var(--secondary-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;padding:.95rem 1rem;display:flex}.project-title{color:#fff;font-family:var(--font-anton), sans-serif;letter-spacing:.04em;margin:0;font-size:clamp(1.1rem,1.4vw,1.35rem);font-weight:400;line-height:1.15;display:block}.project-context-tag{color:#f3f3f3;font-family:var(--font-hind), sans-serif;letter-spacing:.03em;background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:.4rem;padding:.22rem .7rem;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}.project-context-icon{opacity:.85;flex-shrink:0;width:12px;height:12px}.project-image-wrapper{aspect-ratio:16/10;isolation:isolate;background:#f6f6f6;flex-shrink:0;width:100%;display:block;position:relative;overflow:hidden}.project-image{object-fit:cover;object-position:center center;width:100%;height:100%;transition:transform .45s,filter .3s;display:block}.project-image-wrapper:after{content:"";opacity:0;pointer-events:none;z-index:0;background:#0000007a;transition:opacity .3s;position:absolute;inset:0}.project-image-wrapper:hover:after,.project-image-wrapper:focus-within:after{opacity:1}.project-image-wrapper:hover .project-image,.project-image-wrapper:focus-within .project-image{transform:scale(1.05)}.project-hover-button{opacity:0;visibility:hidden;z-index:1;color:#111;font-family:var(--font-hind), sans-serif;letter-spacing:.04em;white-space:nowrap;background:#fff;border:1px solid #e5e5e5;border-radius:999px;justify-content:center;align-items:center;padding:.65rem 1.5rem;font-size:.95rem;font-weight:700;line-height:1;text-decoration:none;transition:opacity .3s,transform .3s,background .2s,color .2s,border-color .2s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateY(10px);box-shadow:0 4px 16px #0000001f}.project-image-wrapper:hover .project-hover-button,.project-image-wrapper:focus-within .project-hover-button{opacity:1;visibility:visible;transform:translate(-50%,-50%)translateY(0)}.project-hover-button:hover{color:#fff;background:#111;border-color:#111}.project-hover-button:focus-visible{outline-offset:2px;outline:2px solid #fff}.project-body{flex-direction:column;flex:1;gap:.85rem;padding:1.05rem 1.15rem 1.15rem;display:flex}.project-meta-box{background:#f8f9fa;border:1px solid #ededed;border-radius:10px;flex-direction:column;gap:.35rem;padding:.6rem .8rem;display:flex}.project-meta-row{font-family:var(--font-hind), sans-serif;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;font-size:clamp(.8rem,.95vw,.86rem);line-height:1.4;display:flex}.project-meta-label{text-transform:uppercase;letter-spacing:.06em;color:#666;flex-shrink:0;font-size:.72rem;font-weight:700}.project-meta-value{color:#222;font-weight:500}.project-role-value{color:#0b57d0;font-weight:700}.project-description{font-family:var(--font-hind), sans-serif;color:#444;margin:0;font-size:clamp(.85rem,1vw,.92rem);line-height:1.58;display:block}.project-contributions-box{flex-direction:column;gap:.4rem;margin-top:.15rem;display:flex}.project-contributions-title{font-family:var(--font-hind), sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#111;align-items:center;gap:.4rem;font-size:.76rem;font-weight:700;display:flex}.project-contributions-title:before{content:"";background:linear-gradient(90deg,#0047ff,red);width:12px;height:2px;display:inline-block}.project-highlights{gap:.45rem;margin:0;padding-left:1rem;list-style:none;display:grid}.project-highlight-item{font-family:var(--font-hind), sans-serif;color:#333;padding-left:.15rem;font-size:clamp(.81rem,.92vw,.86rem);line-height:1.5;position:relative}.project-highlight-item:before{content:"";background:linear-gradient(90deg,#0047ff,red);border-radius:999px;flex-shrink:0;width:5px;height:5px;position:absolute;top:.6em;left:-.85rem}.project-tech{border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.85rem;display:flex}.project-tech-badge{font-family:var(--font-hind), sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#222;white-space:nowrap;background:#f7f7f7;border:1px solid #e9e9e9;border-radius:999px;justify-content:center;align-items:center;padding:.28rem .62rem;font-size:.71rem;font-weight:700;line-height:1;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.project-container:hover .project-tech-badge{background:#f0f0f0;border-color:#dcdcdc}@media (hover:none){.project-hover-button{opacity:1;visibility:visible;transform:translate(-50%,-50%)translateY(0)}.project-image-wrapper:after{opacity:1;background:#00000061}}@media (hover:none) and (max-width:640px){.project-hover-button{padding:.6rem 1.3rem;font-size:.88rem}}@media (max-width:1024px){.projects{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.projects{grid-template-columns:1fr;padding:0 4vw}.work{padding-left:5vw;padding-right:5vw}.paragraph{padding:4vw 0 0}}