@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--black-color:#131414;--white-color:#FEFEFD}*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;display:flex;flex-direction:column;background:var(--black-color);min-height:100dvh;color:var(--white-color);font-family:Inter,sans-serif}.header{display:flex;justify-content:space-between;align-items:center;background-color:#1a1a1a;padding:15px 20px;position:fixed;width:100%;top:0;left:0;z-index:1000}.logo{font-size:1.5rem;font-weight:700;color:#fff}.nav ul{list-style:none;display:flex;gap:20px}.nav ul li{display:inline}.nav ul li a{text-decoration:none;color:#fff;font-size:1rem;transition:color .3s}.nav ul li a:hover{color:#ff5733}.menu-toggle{display:none;font-size:2rem;background:none;border:none;color:#fff;cursor:pointer}@media (max-width: 768px){.menu-toggle{display:block}.logo{font-size:1rem}.nav{position:absolute;top:60px;right:0;background:#1a1a1a;width:100%;flex-direction:column;text-align:center;display:none}.nav.open{display:flex}.nav ul{flex-direction:column;padding:10px 0}.nav ul li{padding:10px}}.hero{position:relative;width:100%}.hero-image{width:100%;height:400px;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#00000080}.hero-overlay h1{font-size:2.5rem}.photographers{padding:50px 20px}.photographers h2{font-size:2rem;margin-bottom:20px}.photographer-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.card{background-color:#2a2a2a;padding:20px;border-radius:10px;text-align:center;width:250px;box-shadow:0 4px 8px #0003;cursor:pointer}.card-img{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:10px;border:3px solid #444;filter:grayscale(100%)}.card-title{font-size:1.2rem;font-weight:700}.card-text{font-size:.9rem;color:#ccc}.contact{background-color:#2a2a2a;padding:50px 20px}.contact h2{font-size:2rem;margin-bottom:20px}.contact-form{display:flex;flex-direction:column;max-width:400px;margin:0 auto}.input-field{background-color:#444;color:#fff;border:none;padding:10px;margin-bottom:10px;border-radius:5px;font-size:1rem;resize:vertical}.submit-btn{background-color:#ff5733;color:#fff;border:none;padding:12px;border-radius:5px;font-size:1rem;cursor:pointer}.submit-btn:hover{background-color:#e64a19}.footer{padding:20px;background-color:#1a1a1a;color:#aaa;font-size:.9rem;display:flex;justify-content:space-around;align-items:center}.footer a{color:#5bd850;text-decoration:none;font-weight:700}.gallery-container{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.gallery-container .gallery-item{width:100%;cursor:pointer;border-radius:5px}.gallery-container .modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center}.gallery-container .modal-image{max-width:95%;max-height:95%;width:auto;height:auto;border-radius:0;object-fit:contain}@media (min-width: 1024px){.gallery-container{grid-template-columns:repeat(5,1fr)}}@media (max-width: 768px){.gallery-container{grid-template-columns:repeat(2,1fr)}}.photographer-detail{text-align:center;padding:0 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.photographer-detail button{width:100%;text-align:start;background:none;border:none;color:#666;font-size:1.1rem;cursor:pointer;transition:all .2s}.photographer-detail button:hover{color:#fff}.photographer-detail img{width:280px;height:280px;border-radius:50%;object-fit:cover;margin-bottom:20px}.photographer-detail h1{font-size:2rem;margin-bottom:10px}.photographer-detail p{font-size:1.2rem;color:#666;max-width:1200px}