@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;800;900&display=swap";body{margin:0;font-family:Montserrat,sans-serif;background-color:#18181b;color:#f4f4f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bottom-menu{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;background:#000;padding:10px 20px;border-radius:20px;width:90%;max-width:700px;border:2px solid #000000;z-index:1000;color:#000}.menu-left .profile-pic{width:70px;height:70px;border-radius:50%;object-fit:cover}.menu-center{flex:1;overflow:hidden;margin:0 20px}.marquee{display:flex;white-space:nowrap;animation:marquee 5s linear infinite}.marquee p{margin-right:50px;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#fff}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.menu-right{position:relative}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px;cursor:pointer}.hamburger span{display:block;height:2px;background:#fff;border-radius:2px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.menu-items{position:absolute;bottom:60px;left:0%;transform:translate(-85%);background:#000;border-radius:12px;display:none;flex-direction:column;min-width:300px;box-shadow:0 8px 20px #0006;z-index:1001}.menu-items a{color:#fff;text-decoration:none;padding:10px 15px;transition:background .2s}.menu-items a:hover{background:#333}.hero-container{padding-top:50px;padding-left:.5rem;padding-right:.5rem}@media(min-width:1024px){.hero-container{padding-left:1rem;padding-right:1rem}}.hero{display:flex;flex-direction:column;align-items:center;gap:clamp(40px,12vw,200px);padding-top:clamp(64px,10vw,128px);padding-bottom:.75rem;border-radius:1.25rem;background-color:#18181b;width:100%;box-sizing:border-box}.hero-title{width:100%;text-align:center;font-size:clamp(64px,8vw,180px);font-weight:700;text-transform:uppercase;line-height:.85;margin-bottom:2rem;color:#fff}.project-info{display:flex;flex-direction:column;gap:3rem;padding:1.25rem;border-radius:.75rem;background-color:#27272a;width:100%;box-sizing:border-box}@media(min-width:1024px){.project-info{padding:1.5rem;gap:4rem}}.info-grid{display:flex;flex-direction:column;gap:2rem}@media(min-width:1024px){.info-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}}.year{display:flex;flex-direction:column;gap:.75rem;grid-column:span 2}.year .label{font-size:clamp(14px,.8vw,18px);color:#a1a1aa;text-transform:uppercase;font-weight:500;letter-spacing:.1em}.year .value{font-size:clamp(48px,3.5vw,96px);font-weight:600;line-height:.8}.services{display:flex;flex-direction:column;gap:.75rem;grid-column:span 4}.services .label{font-size:clamp(14px,.8vw,18px);color:#a1a1aa;text-transform:uppercase;font-weight:500;letter-spacing:.1em}.services ul{display:flex;flex-wrap:wrap;gap:.375rem;list-style:none;padding-left:0;margin:0}.services li{font-size:clamp(12px,.7vw,16px);text-transform:uppercase;letter-spacing:.1em;background-color:#ffffff1a;padding:.5rem .75rem;border-radius:.375rem;white-space:nowrap}.spacer{display:none}@media(min-width:1024px){.spacer{display:block;grid-column:span 1}}.summary{display:flex;flex-direction:column;gap:.75rem;grid-column:span 5}.summary .label{font-size:clamp(14px,.8vw,18px);color:#a1a1aa;text-transform:uppercase;font-weight:500;letter-spacing:.1em}.summary .text{font-size:clamp(16px,1.3vw,30px);font-weight:500;line-height:1.3}.summary .visit-site{font-size:clamp(14px,.8vw,18px);color:#a1a1aa;text-transform:uppercase;font-weight:500;letter-spacing:.1em;display:flex;align-items:center;gap:.25rem;text-decoration:none;margin-top:.25rem}.summary .visit-site:hover{color:#f4f4f5;text-decoration:underline}.media-grid{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.grid-row{display:flex;gap:1rem}.grid-row.full .gallery-item{width:100%;height:auto;max-height:1000px;object-fit:cover}.grid-row.two .gallery-item{width:50%;height:auto;max-height:500px;object-fit:cover}.gallery-item{border-radius:.75rem;border:5px solid #ffffff;overflow:hidden}@media(max-width:1024px){.grid-row{flex-direction:column}.grid-row.two .gallery-item{width:100%;max-height:600px}}.footer-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;gap:16px;width:100%;max-width:100vw;margin:0;padding:26px;box-sizing:border-box}.footer-item.work{grid-column:1 / 7;grid-row:1;height:350px}.footer-item.lab{grid-column:7 / 13;grid-row:1;height:350px}.footer-item.contact{grid-column:1 / 4;grid-row:2;height:200px}.footer-item.github{grid-column:4 / 7;grid-row:2;height:200px}.footer-item.instagram{grid-column:7 / 10;grid-row:2;height:200px}.footer-item.linkedin{grid-column:10 / 13;grid-row:2;height:200px}.footer-item{display:flex;align-items:center;justify-content:center;padding:16px;background-color:#000;-webkit-backdrop-filter:blur(px);backdrop-filter:blur(px);border-radius:16px;font-size:clamp(16px,1.4vw,24px);font-weight:500;text-decoration:none;color:#fff;transition:all .3s ease;cursor:pointer}.footer-item:hover{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffff80}.footer-spacer{height:120px}@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,auto);gap:16px}.footer-item.work{grid-column:1 / 3;grid-row:1;height:150px}.footer-item.lab{grid-column:1 / 3;grid-row:2;height:150px}.footer-item.contact{grid-column:1 / 2;grid-row:3;height:120px}.footer-item.github{grid-column:2 / 3;grid-row:3;height:120px}.footer-item.instagram{grid-column:1 / 2;grid-row:4;height:120px}.footer-item.linkedin{grid-column:2 / 3;grid-row:4;height:120px}}#page-transition{position:fixed;inset:0;background:#000;opacity:0;transform:scaleY(1.05);pointer-events:none;z-index:9999;transition:opacity .7s cubic-bezier(.76,0,.24,1),transform .7s cubic-bezier(.76,0,.24,1)}#page-transition.active{opacity:1;transform:scaleY(1)}@media(max-width:768px){.bottom-menu{left:24px;right:18px;width:auto;max-width:none;transform:none;padding:8px 12px}}