html,body,#root{height:100%;margin:0;padding:0;font-family:Verdana,sans-serif;overflow-x:hidden}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.header{width:100%;top:0;z-index:100;position:sticky;background-color:#fff}.header-container{margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:700;cursor:pointer;margin-left:20px}.logo a{color:#000;text-decoration:none}.nav-links{display:flex;gap:2rem;margin-right:20px}.nav-links a{color:#000;text-decoration:none;font-weight:500;transition:color .2s ease}@media (max-width: 768px){.header .logo{font-size:1.8rem}.nav-links a{font-size:1.2rem}}.footer{width:100%;background-color:#000;color:#fff;padding:1rem}.footer-content{margin:0 auto;display:flex;flex-direction:column;align-items:center}.footer-links{display:flex;gap:1.5rem;margin-bottom:.5rem}.footer-links a{color:#fff;text-decoration:none;transition:color .2s ease}@media (max-width: 768px){.footer{font-size:1rem}}.about-section{width:100%}.about-image-wrapper{position:relative}.about-coffee-img{width:100%;height:auto;display:block;filter:brightness(.6)}.about-text{position:absolute;top:0;left:0;right:0;margin:0 auto;max-width:1200px;text-align:center;padding:1rem;color:#fff;text-shadow:2px 2px 4px #000;z-index:2}.about-text h2{font-size:2rem;margin-bottom:1rem}.about-text p{font-size:1.7rem;line-height:1.6;margin-bottom:1rem}.map-link{color:#ffdd57;text-decoration:none;font-weight:700;transition:color .2s ease}.map-link:hover{color:#fbbc04}@media (max-width: 600px){.about-text{padding:0 1rem}.about-text h2{font-size:1.5rem}.about-text p{font-size:1rem}}.home-section{padding:0 2rem;max-width:800px;text-align:center}.image-wrapper{position:relative;display:inline-block}.project-card img{max-width:80%;max-height:70%;object-fit:contain;border-radius:12px;box-shadow:0 10px 25px #0003;display:block}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:#00000080;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s;padding:0}.arrow img{width:24px;height:24px;display:block}.left-arrow{left:-25px}.right-arrow{right:-25px}.project-list-container{position:relative;width:100vw;height:100vh}.project-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;width:100%;height:100%;scroll-behavior:smooth}.project-card{flex:0 0 100%;scroll-snap-align:start;position:relative;display:flex;justify-content:center;align-items:center;background:#f7f7f7}.project-card img{max-width:80%;max-height:70%;object-fit:contain;border-radius:12px;box-shadow:0 10px 25px #0003;display:block;margin:0 auto}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:#00000080;color:#fff;font-size:1.5rem;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;z-index:10;transition:background .2s}.arrow img{width:24px;height:24px;display:block;filter:invert(100%)}.arrow:hover{background:#000000b3}.left-arrow{left:10px}.right-arrow{right:10px}.project-list::-webkit-scrollbar{display:none}.project-list{-ms-overflow-style:none;scrollbar-width:none}@media (max-width: 768px){.arrow{width:40px;height:40px}.arrow img{width:20px;height:20px}}.notfound-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:80vh;text-align:center;font-family:sans-serif}.notfound-container h1{font-size:6rem;margin-bottom:1rem;color:#333}.notfound-container p{font-size:1.5rem;margin-bottom:2rem;color:#666}.home-button{padding:.75rem 1.5rem;background-color:#ffdd57;color:#000;border-radius:8px;text-decoration:none;font-weight:700;transition:background .2s}.home-button:hover{background-color:#fbbc04}