:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}button{font-family:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}a{text-decoration:none;color:inherit}.work-card{background:#fff;border-radius:15px;overflow:hidden;text-decoration:none;color:inherit;transition:all .3s ease;display:block;box-shadow:0 10px 30px #0003}.work-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.work-card-image-wrapper{position:relative;height:250px;overflow:hidden}.work-card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.work-card:hover .work-card-image{transform:scale(1.1)}.work-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.7) 100%);display:flex;align-items:flex-end;justify-content:center;padding:1rem;opacity:0;transition:opacity .3s ease}.work-card:hover .work-card-overlay{opacity:1}.view-project{color:#fff;font-weight:600;font-size:1rem;padding:.5rem 1.5rem;border:2px solid white;border-radius:25px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.work-card-content{padding:1.5rem}.work-card-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#333}.work-card-meta{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.9rem}.work-card-category{color:#8b7355;font-weight:600}.work-card-year{color:#999}.work-card-description{color:#666;line-height:1.6;font-size:.95rem}@media (max-width: 768px){.work-card-image-wrapper{height:200px}.work-card-content{padding:1rem}.work-card-title{font-size:1.2rem}}.gallery-container{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh}.gallery-header{text-align:center;margin-bottom:3rem;color:#4a4a4a}.gallery-header h1{font-size:3rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.gallery-subtitle{font-size:1.2rem;opacity:.9}.category-filter{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.category-btn{padding:.7rem 1.5rem;border:2px solid #d4b896;background:#ffffff80;color:#5a4a3a;border-radius:25px;cursor:pointer;transition:all .3s ease;font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-btn:hover{background:#fffc;transform:translateY(-2px);border-color:#c4a676}.category-btn.active{background:#8b7355;color:#fff;font-weight:600;border-color:#8b7355}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.gallery-container{padding:1rem}.gallery-header h1{font-size:2rem}.works-grid{grid-template-columns:1fr;gap:1.5rem}.category-filter{gap:.5rem}.category-btn{padding:.5rem 1rem;font-size:.9rem}}.work-detail{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh}.work-detail-header{margin-bottom:2rem}.back-button{display:inline-flex;align-items:center;color:#5a4a3a;text-decoration:none;font-size:1.1rem;padding:.7rem 1.5rem;background:#fff9;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;border:2px solid #d4b896}.back-button:hover{background:#ffffffe6;transform:translate(-5px);border-color:#c4a676}.work-detail-content{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 20px 60px #0000004d}.work-info{margin-bottom:2rem}.work-title{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:1rem}.work-meta{display:flex;gap:2rem;margin-bottom:1rem;font-size:1.1rem}.work-category{color:#8b7355;font-weight:600}.work-year{color:#999}.work-description{font-size:1.1rem;color:#666;line-height:1.8}.image-gallery{position:relative}.main-image-container{position:relative;border-radius:15px;overflow:hidden;margin-bottom:1rem;cursor:zoom-in;background:#f5f5f5}.main-image{width:100%;height:auto;max-height:600px;object-fit:contain;display:block}.image-counter{position:absolute;top:1rem;right:1rem;background:#0009;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-navigation{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 1rem;pointer-events:none}.nav-button{width:50px;height:50px;border-radius:50%;border:none;background:#ffffffe6;color:#333;font-size:1.5rem;cursor:pointer;transition:all .3s ease;pointer-events:all;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px #0003}.nav-button:hover{background:#fff;transform:scale(1.1)}.thumbnails{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:thin;scrollbar-color:#8b7355 #f0f0f0}.thumbnails::-webkit-scrollbar{height:8px}.thumbnails::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.thumbnails::-webkit-scrollbar-thumb{background:#8b7355;border-radius:10px}.thumbnail{flex-shrink:0;width:100px;height:75px;border:3px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer;transition:all .3s ease;background:transparent;padding:0}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail:hover{transform:scale(1.05)}.thumbnail.active{border-color:#8b7355}.fullscreen-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:zoom-out;animation:fadeIn .3s ease}.close-fullscreen{position:absolute;top:2rem;right:2rem;width:50px;height:50px;border:none;background:#ffffff1a;color:#fff;font-size:2rem;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-fullscreen:hover{background:#fff3;transform:rotate(90deg)}.fullscreen-image{max-width:90%;max-height:90vh;object-fit:contain;cursor:default}.fullscreen-navigation{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 2rem}.fullscreen-nav{width:60px;height:60px;border:none;background:#ffffff1a;color:#fff;font-size:2rem;border-radius:50%;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fullscreen-nav:hover{background:#fff3;transform:scale(1.1)}@media (max-width: 768px){.work-detail{padding:1rem}.work-detail-content{padding:1.5rem}.work-title{font-size:1.8rem}.work-meta{gap:1rem;font-size:1rem}.main-image{max-height:400px}.nav-button{width:40px;height:40px;font-size:1.2rem}.thumbnail{width:80px;height:60px}.fullscreen-navigation{padding:0 1rem}.fullscreen-nav{width:50px;height:50px;font-size:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}#root{min-height:100vh;background:linear-gradient(135deg,#f5e6d3,#e6d7c3)}