:root{--bg:#fff;--card:#fafafa;--text:#0a0a0a;--muted:#6b6b6b;--brand:#f5a623;--dark:#1a1a1a;--border:#00000014;--radius:8px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}a{color:inherit;text-decoration:none}.top-bar{background:var(--dark);color:#fff;padding:12px 0;font-size:14px}.top-bar .wrap{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.top-bar-left{align-items:center;gap:30px;display:flex}.top-bar-left span{align-items:center;gap:8px;display:flex}.top-bar-left .icon{color:var(--brand)}.top-bar-right{align-items:center;gap:15px;display:flex}.top-bar-right a{color:#fff;opacity:.8;transition:opacity .2s}.top-bar-right a:hover{opacity:1}.top-bar-right .logout{color:var(--brand);cursor:pointer;font-weight:500}@media (max-width:900px){.top-bar-left span:nth-child(3){display:none}}@media (max-width:600px){.top-bar-left span:first-child{display:none}.top-bar-left{gap:0}.top-bar .wrap{padding:0 15px}}.wrap{max-width:1200px;margin:0 auto;padding:0 20px}header{border-bottom:1px solid var(--border);z-index:10;background:#fff;padding:20px 0;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:30px;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.logo{letter-spacing:1px;text-transform:uppercase;font-size:18px;font-weight:700}.logo span{color:var(--brand)}.nav-links{flex-wrap:wrap;align-items:center;gap:35px;display:flex}.nav-links a{color:var(--text);text-transform:uppercase;letter-spacing:.5px;padding:0;font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--brand)}.mobile-toggle{cursor:pointer;color:var(--text);z-index:100;background:0 0;border:none;padding:5px;font-size:24px;display:none}@media (max-width:900px){.mobile-toggle{z-index:100;display:block;position:relative}.nav-links{z-index:90;width:100%;height:100vh;box-shadow:none;text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:40px;padding:40px;transition:right .3s ease-in-out;position:fixed;top:0;right:-100%}.nav-links.active{right:0}.nav-links a{width:100%;font-size:24px;font-weight:600;display:block}}.btn{background:var(--card);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;justify-content:center;align-items:center;padding:14px 28px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.btn.primary{background:var(--brand);color:#fff}.btn.primary:hover{background:#d89419;transform:translateY(-2px);box-shadow:0 4px 12px #f5a6234d}.btn:hover{transform:translateY(-1px)}.load-more-btn{gap:10px;min-width:200px}.load-more-icon{animation:1.5s ease-in-out infinite bounceDown}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.hero{background-image:url(https://images.unsplash.com/photo-1519741497674-611481863552?auto=format&fit=crop&w=2000&q=80);background-position:50%;background-size:cover;align-items:center;min-height:85vh;padding:0;display:flex;position:relative;overflow:hidden}.hero-overlay{z-index:1;background:linear-gradient(90deg,#000000d9 0%,#0009 50%,#0000004d 100%);position:absolute;inset:0}.hero-content{z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.hero-text{max-width:700px}.hero h1{color:#fff;text-shadow:0 2px 10px #0000004d;margin:0 0 24px;font-family:Playfair Display,serif;font-size:72px;font-weight:700;line-height:1.1}.hero p{color:#ffffffe6;text-shadow:0 1px 4px #0000004d;max-width:600px;margin-bottom:40px;font-size:20px;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:20px;display:flex}.btn.big{letter-spacing:1px;gap:12px;padding:16px 36px;font-size:16px}.btn.outline{color:#fff;background:0 0;border:2px solid #fff}.btn.outline:hover{color:var(--text);background:#fff;transform:translateY(-2px)}@media (max-width:768px){.hero h1{font-size:48px}.hero p{font-size:18px}.hero-buttons{flex-direction:column;gap:15px}.btn.big{width:100%}}.section{padding:80px 0}.section-header{text-align:center;max-width:700px;margin:0 auto 50px}.section-tag{letter-spacing:2px;text-transform:uppercase;color:var(--brand);margin-bottom:20px;font-size:13px;font-weight:700;display:inline-block;position:relative}.section-tag:after{content:"";background:var(--brand);opacity:.5;width:40px;height:2px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.section h2{color:var(--text);margin:0 0 16px;font-family:Playfair Display,serif;font-size:42px;font-weight:700}.section-header p.muted{max-width:500px;margin:0 auto;font-size:18px}.toolbar{flex-wrap:wrap;gap:12px;margin:20px 0 24px;display:flex}.chip{border:1px solid var(--border);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.5px;background:#fff;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.chip:hover{border-color:var(--brand)}.chip.active{background:var(--brand);color:#fff;border-color:var(--brand)}.grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-auto-rows:300px;gap:20px;display:grid}@media (max-width:900px){.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:250px}}@media (max-width:520px){.grid{grid-template-columns:1fr;grid-auto-rows:300px}}.tile{background:var(--card);cursor:pointer;border:none;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.tile:nth-child(3n+1){grid-row:span 2}.tile:nth-child(5n+2){grid-row:span 1}.tile:hover{z-index:1;transform:scale(1.02);box-shadow:0 12px 24px #00000026}.tile img{object-fit:cover;width:100%;height:100%;display:block}.tile .label{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#000000b3;padding:10px 16px;font-size:12px;font-weight:500;position:absolute;bottom:0;left:0}.two{grid-template-columns:1fr 1fr;gap:30px;display:grid}@media (max-width:900px){.two{grid-template-columns:1fr}}form{gap:15px;display:grid}input,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;outline:none;padding:14px 16px;font-family:inherit;font-size:15px;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--brand)}textarea{resize:vertical;min-height:140px}.muted{color:var(--muted)}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.form-status{border-radius:0;margin-top:15px;padding:12px 16px;font-size:14px;font-weight:500;animation:.4s ease-out fadeInUp}.form-status.success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.form-status.error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}button:disabled{opacity:.6;cursor:not-allowed}button:disabled:hover{background:var(--brand);transform:none}.contact-section{background:var(--bg)}.contact-wrapper{max-width:1200px;margin:0 auto;padding:0 20px}.contact-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.contact-form-card,.studio-details-card{border:1px solid var(--border);background:#fff;padding:40px;transition:box-shadow .3s}.contact-form-card:hover,.studio-details-card:hover{box-shadow:0 8px 24px #00000014}.card-title{color:var(--text);text-transform:capitalize;margin:0 0 30px;font-size:18px;font-weight:700}.contact-form{gap:18px;margin-bottom:25px;display:grid}.contact-form input,.contact-form textarea{width:100%;color:var(--text);background:#fafafa;border:1px solid #ddd;outline:none;padding:16px 18px;font-family:inherit;font-size:15px;transition:all .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px #f5a6231a}.contact-form textarea{resize:vertical;min-height:140px}.contact-submit{letter-spacing:1px;width:100%;margin-top:5px;padding:16px;font-size:15px;font-weight:600}.contact-alternatives{border-top:1px solid var(--border);flex-direction:column;gap:15px;padding-top:20px;display:flex}.alt-text{color:var(--muted);font-size:14px;font-weight:500}.alt-buttons{flex-wrap:wrap;gap:12px;display:flex}.alt-btn{border:1px solid var(--border);color:var(--text);background:#fff;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.full-width{width:100%}.btn-icon{font-size:20px}.contact-intro{color:var(--text);margin-bottom:25px;line-height:1.6}.contact-methods{flex-direction:column;gap:15px;display:flex}.alt-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.whatsapp-btn:hover{color:#fff;background:#25d366;border-color:#25d366}.facebook-btn:hover{color:#fff;background:#1877f2;border-color:#1877f2}.detail-list{flex-direction:column;gap:20px;display:flex}.detail-item{color:var(--muted);align-items:flex-start;gap:14px;font-size:15px;line-height:1.6;display:flex}.detail-icon{color:var(--brand);flex-shrink:0;margin-top:2px;font-size:18px}.detail-item a{color:var(--text);text-decoration:none;transition:color .2s}.detail-item a:hover{color:var(--brand)}@media (max-width:900px){.section{padding:60px 0}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-form-card,.studio-details-card{padding:30px}}@media (max-width:520px){.section{padding:40px 0}.section h2{margin-bottom:20px;font-size:28px}.contact-wrapper{padding:0 15px}.contact-form-card,.studio-details-card{padding:20px}.alt-buttons{flex-direction:column}.alt-btn{justify-content:center;width:100%}}.section-divider{justify-content:center;align-items:center;max-width:600px;margin:0 auto;padding:60px 0;display:flex}.divider-line{background:linear-gradient(to right, transparent, var(--brand), transparent);opacity:.3;flex:1;height:1px}.divider-icon{color:var(--brand);padding:0 30px;font-size:24px;animation:3s ease-in-out infinite dividerPulse}@keyframes dividerPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.section-divider.wave{padding:40px 0;position:relative}.section-divider.wave:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--brand) 20%, var(--brand) 80%, transparent 100%);opacity:.2;height:2px;position:absolute;top:50%;left:0;right:0}@media (max-width:768px){.section-divider{padding:40px 0}.divider-icon{padding:0 20px;font-size:20px}}.main-footer{background:var(--dark);color:#fff;margin-top:80px;padding:60px 0 0}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1200px;margin:0 auto 40px;padding:0 20px;display:grid}.footer-section h3{letter-spacing:2px;color:var(--brand);margin-bottom:15px;font-size:24px}.footer-section h4{letter-spacing:1px;text-transform:uppercase;color:#fff;margin-bottom:15px;font-size:16px}.footer-tagline{color:var(--brand);margin-bottom:10px;font-size:14px;font-style:italic}.footer-desc{color:#ffffffb3;font-size:14px;line-height:1.6}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:#ffffffb3;font-size:14px;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--brand)}.footer-contact{margin:0;padding:0;list-style:none}.footer-contact li{color:#ffffffb3;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;display:flex}.footer-contact li svg{color:var(--brand);flex-shrink:0}.footer-social{gap:15px;margin-bottom:20px;display:flex}.footer-social a{color:#fff;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .3s;display:flex}.footer-social a:hover{background:var(--brand);transform:translateY(-3px)}.footer-hours{color:#fff9;font-size:13px;line-height:1.6}.footer-bottom{text-align:center;border-top:1px solid #ffffff1a;max-width:1200px;margin:0 auto;padding:30px 20px}.footer-bottom p{color:#fff9;margin:5px 0;font-size:14px}.footer-credit{justify-content:center;align-items:center;gap:5px;display:flex}.heart-icon{color:var(--brand);animation:1.5s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}@media (max-width:768px){.footer-content{grid-template-columns:1fr;gap:30px}.main-footer{margin-top:60px;padding:40px 0 0}}.lightbox{z-index:100;background:#000000eb;justify-content:center;align-items:center;padding:30px;display:none;position:fixed;inset:0}.lightbox.open{display:flex}.lightbox img{background:#000;max-width:min(1200px,90vw);max-height:85vh;box-shadow:0 20px 60px #000c}.lb-bar{color:#fff;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:20px;left:20px;right:20px}.lb-bar .pill{pointer-events:auto;color:#fff;background:#000c;border:1px solid #ffffff1a;align-items:center;gap:12px;padding:12px 20px;font-size:14px;display:inline-flex}.lb-btn{cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.8;padding:0 8px;font-size:18px}.lb-btn:hover{opacity:1}.photographer-section{background:var(--card);padding:60px 0}.photographer-container{grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;padding:0 20px;display:grid}.photographer-content h2{letter-spacing:4px;margin-bottom:8px;font-size:32px;font-weight:300}.photographer-subtitle{letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:30px;font-size:14px}.photographer-bio{color:var(--text);margin-bottom:20px;font-size:15px;line-height:1.8}.photographer-image{background:linear-gradient(135deg, var(--brand), #ff8c42, var(--brand));background-size:200% 200%;padding:8px;animation:3s infinite gradientShift;position:relative;box-shadow:0 15px 50px #f5a6234d}.photographer-image:before{content:"";background:linear-gradient(135deg, var(--brand), transparent, var(--brand));opacity:.3;pointer-events:none;animation:2s ease-in-out infinite alternate fadeInOut;position:absolute;inset:0}.photographer-image img{filter:grayscale(20%);width:100%;height:auto;transition:filter .5s;display:block;position:relative}.photographer-image:hover img{filter:grayscale(0%)}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes fadeInOut{0%{opacity:.2}to{opacity:.5}}@media (max-width:900px){.photographer-container{grid-template-columns:1fr;gap:40px}.photographer-content h2{font-size:24px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-on-scroll{opacity:0;animation:.8s ease-out forwards fadeInUp}.animate-fade{opacity:0;animation:.8s ease-out forwards fadeIn}.animate-scale{opacity:0;animation:.6s ease-out forwards scaleIn}.tile{opacity:0;animation:.6s ease-out forwards fadeInUp}.tile:first-child{animation-delay:50ms}.tile:nth-child(2){animation-delay:.1s}.tile:nth-child(3){animation-delay:.15s}.tile:nth-child(4){animation-delay:.2s}.tile:nth-child(5){animation-delay:.25s}.tile:nth-child(6){animation-delay:.3s}.tile:nth-child(7){animation-delay:.35s}.tile:nth-child(8){animation-delay:.4s}.tile:nth-child(9){animation-delay:.45s}.tile:nth-child(10){animation-delay:.5s}.card{opacity:0;animation:.8s ease-out forwards fadeInUp}.two .card:first-child{animation-delay:.1s}.two .card:nth-child(2){animation-delay:.2s}.service-grid .card:first-child{animation-delay:.1s}.service-grid .card:nth-child(2){animation-delay:.2s}.service-grid .card:nth-child(3){animation-delay:.3s}.service-grid .card:nth-child(4){animation-delay:.4s}.section h2{opacity:0;animation:.8s ease-out forwards fadeInUp}.section p.muted{opacity:0;animation:.8s ease-out .1s forwards fadeInUp}.photographer-content{opacity:0;animation:.8s ease-out .2s forwards fadeInUp}.photographer-image{opacity:0;animation:.8s ease-out .4s forwards fadeInUp}
