*{box-sizing:border-box;margin:0;padding:0}body{font-family:sans-serif;line-height:1.6}.container{width:90%;max-width:1200px;margin:0 auto;padding:20px 0}.hero-section{text-align:center;color:#fff;z-index:1;background-image:url(https://pub-4c29999257664a42849ba4a8ae6e59d6.r2.dev/my-photo/background-image.webp);background-position:50%;background-size:cover;justify-content:center;align-items:center;height:60vh;display:flex;position:relative}.hero-section:before{content:"";z-index:-1;background-color:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content h1{margin-bottom:10px;font-size:3em}.caption-text{color:#fff;z-index:2;max-width:1200px;padding:0 20px;font-size:1.1em;position:absolute;top:20px;left:5%}.caption-logo{z-index:2;max-width:150px;padding:0 20px;position:absolute;top:20px;left:0%}.gallery-section{text-align:center;background-color:#f4f4f4;padding:40px 0}.gallery-section h2{margin-bottom:30px;font-size:2em}.photo-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.gallery-item{cursor:pointer;border-radius:8px;height:200px;display:block;overflow:hidden;box-shadow:0 4px 8px #0000001a}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.gallery-item:hover img{transform:scale(1.05)}.modal-window{visibility:hidden;opacity:0;z-index:1000;transition:opacity .3s;position:fixed;inset:0}.modal-overlay{cursor:pointer;background:#000c;width:100%;height:100%;position:absolute}.modal-content{background-color:#fff;border-radius:10px;width:85%;max-width:900px;max-height:95vh;padding:20px 20px 30px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.modal-content img{border-radius:5px;max-width:100%;height:auto;max-height:90vh;margin:0 auto 15px;display:block}.modal-close-button{color:#525252;z-index:100;cursor:pointer;background:0 0;border:none;padding:0;font-size:2em;line-height:1;text-decoration:none;position:absolute;top:10px;right:15px}.modal-nav-button{color:#525252b3;z-index:101;background:#ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:3em;line-height:1;text-decoration:none;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.modal-nav-button:hover{color:#323232;background:#ffffff80}.modal-prev-button{left:10px}.modal-next-button{right:10px}.site-footer{text-align:center;background-color:#888;padding:20px 0}.site-footer p{color:#fff;margin:0;font-size:.9em}.site-message{text-align:center;background-color:#bcbcbc;padding:20px 0}.site-message p{color:#000;margin:0;font-size:.9em}.pagination-controls{text-align:center;padding:30px 0 10px}.pagination-wrapper{gap:10px;margin-top:20px;display:inline-flex}.pagination-button{color:#333;border:1px solid #ccc;border-radius:4px;padding:8px 12px;text-decoration:none;transition:background-color .2s;display:block}.pagination-button:hover:not(.active):not(.disabled){background-color:#e0e0e0}.pagination-button.active{color:#fff;cursor:default;background-color:#333;border-color:#333;font-weight:700}.pagination-button.disabled{color:#aaa;cursor:not-allowed;pointer-events:none;background-color:#f9f9f9}@media (max-width:600px){.modal-content{width:95%;max-width:none}.modal-nav-button{width:40px;height:40px;font-size:2em}}