*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#000;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:1rem;background:none;border:none;cursor:pointer}.visually-hidden{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.projects-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,1fr);width:90vw;aspect-ratio:6 / 3;gap:.5rem;margin:0 auto;margin:2rem auto;padding:0}.grid-item{background:#111;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;position:relative}.grid-item img,.grid-item video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.projects-grid2{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(9,1fr);width:100vw;aspect-ratio:2 / 9;gap:.5rem;margin:0;padding:0}.grid-media{width:100%;height:100%;object-fit:cover;border-radius:8px}.grid-label{color:#fff;font-weight:700;z-index:2}.grid-group{position:relative;display:block;width:100%;height:100%;border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.grid-group:hover{transform:scale(1.02);box-shadow:0 0 15px #00ff9f4d}.grid-group-media{width:100%;height:100%;object-fit:cover;border-radius:8px}.projects-grid .grid-group1{grid-column:1 / 3;grid-row:2 / 4}.projects-grid .grid-group2{grid-column:3 / 5;grid-row:1 / 3}.projects-grid .grid-group3{grid-column:6 / 7;grid-row:1 / 3}.projects-grid .grid-group4{grid-column:4 / 6;grid-row:3 / 4}.projects-grid2 .grid-group1{grid-column:1 / 3;grid-row:4 / 6}.projects-grid2 .grid-group2{grid-column:1 / 3;grid-row:1 / 3}.projects-grid2 .grid-group3{grid-column:2 / 3;grid-row:7 / 9}.projects-grid2 .grid-group4{grid-column:1 / 3;grid-row:6 / 7}.grid-content{width:100%;height:100%;position:relative;overflow:hidden}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:2}.grid-overlay-text{color:#fff;font-size:1.2rem;font-weight:600;text-align:center;padding:.5rem;z-index:3}.hoverable:hover .grid-overlay{opacity:1}.experience-section{padding:4rem .4rem;text-align:center;color:#fff;align-items:center;justify-content:center}.experience-title{font-size:2rem;margin-bottom:2rem}.experience-container{display:flex;align-items:center;justify-content:center;gap:1rem;max-width:100%;overflow:visible;position:relative;height:26rem}.arrow-button{font-size:2rem;cursor:pointer;background:none;border:none;color:#fff;transition:transform .3s ease}.arrow-button:hover{transform:scale(1.3)}.experience-card{width:12vw;height:20rem;background-color:#111;color:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 12px #0000004d;transition:all .5s ease;opacity:.5;transform:scale(.85);flex-shrink:0;text-align:center;padding:1rem;gap:.4rem}.offset-0{opacity:1;transform:scale(1.4);z-index:2;width:22vw}.offset--1{transform:scale(.8) translate(-3rem);opacity:.8;z-index:1}.offset-1{transform:scale(.8) translate(3rem);opacity:.8;z-index:1}.offset-2,.offset--2{opacity:.5;transform:scale(.5);z-index:0}.logo{width:50px;height:50px;object-fit:contain;margin-bottom:1rem}.company{font-weight:600;margin-bottom:.3rem}.date{font-size:.8rem;opacity:.7;margin-bottom:.5rem}.description{font-size:.85rem;opacity:.9;text-align:center;padding:0 .5rem}.contact-section{text-align:center;padding:4rem 0;color:#fff}.contact-icons{display:flex;justify-content:center;align-items:center;gap:.5rem}.icon{font-size:2rem;color:#fff;transition:transform .2s ease}.icon:hover{transform:scale(1.2);color:#00ff9f}.dot{font-size:1.5rem;opacity:.6;margin:0 .5rem}