@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-primary:#f5f0eb;--bg-secondary:#ede7e0;--bg-card:#fff9;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-muted:#86868b;--accent:#86756a;--accent-hover:#6e5d52;--border:#00000014;--success:#34c759;--error:#ff3b30;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--section-padding:140px 0;--container-max:1200px;--border-radius:16px;--transition:all .3s cubic-bezier(.25, .1, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);height:64px;transition:var(--transition);background:#f5f0ebd9;justify-content:space-between;align-items:center;padding:0 48px;display:flex;position:fixed;top:0;left:0;right:0}.navbar-logo{align-items:center;height:100%;display:flex}.logo-img{width:auto;height:36px;transition:var(--transition)}.navbar-logo:hover .logo-img{transform:scale(1.05)}.navbar-links{gap:36px;list-style:none;display:flex}.navbar-links a{color:var(--text-secondary);letter-spacing:-.2px;transition:var(--transition);font-size:14px;font-weight:500;text-decoration:none;position:relative}.navbar-links a:hover{color:var(--text-primary)}.navbar-links a:after{content:"";background:var(--text-primary);width:0;height:1.5px;transition:width .3s;position:absolute;bottom:-4px;left:0}.navbar-links a:hover:after{width:100%}.navbar-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.navbar-hamburger span{background:var(--text-primary);width:24px;height:2px;transition:var(--transition)}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding:120px 48px 80px;display:flex;position:relative;overflow:hidden}.hero-container{width:100%;max-width:var(--container-max);z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin:0 auto;display:grid;position:relative}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg-circle{filter:blur(80px);opacity:.12;border-radius:50%;position:absolute}.hero-bg-circle:first-child{background:var(--accent);width:700px;height:700px;top:-200px;right:-100px}.hero-bg-circle:nth-child(2){background:#a89080;width:500px;height:500px;bottom:-100px;left:10%}.hero-content{z-index:1;max-width:600px;position:relative}.hero-badge{color:var(--accent);letter-spacing:2px;text-transform:uppercase;background:#86756a1a;border:1px solid #86756a33;border-radius:100px;margin-bottom:32px;padding:8px 20px;font-size:12px;font-weight:500;display:inline-block}.hero h1{letter-spacing:-4px;color:var(--text-primary);text-align:left;margin-bottom:28px;font-size:clamp(52px,9vw,96px);font-weight:800;line-height:1}.hero h1 em{color:var(--accent);font-style:normal}.hero-subtitle{color:var(--text-secondary);letter-spacing:-.3px;text-align:left;max-width:480px;margin:0 0 48px;font-size:clamp(17px,2vw,20px);font-weight:400;line-height:1.7}.hero-cta{background:var(--text-primary);color:var(--bg-primary);font-size:15px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:var(--transition);letter-spacing:-.2px;border:none;border-radius:100px;align-items:center;gap:8px;padding:16px 36px;text-decoration:none;display:inline-flex}.hero-cta:hover{background:var(--accent);transform:scale(1.02)}.hero-cta svg{width:16px;height:16px;transition:transform .3s}.hero-cta:hover svg{transform:translate(3px)}.hero-scroll-indicator{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-size:11px;font-weight:500;animation:3s ease-in-out infinite float;display:flex;position:absolute;bottom:40px;left:48px}.hero-scroll-indicator .scroll-line{background:linear-gradient(to bottom, var(--text-muted), transparent);width:1px;height:40px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.section{padding:var(--section-padding);padding-left:24px;padding-right:24px}.section-container{max-width:var(--container-max);margin:0 auto}.section-split{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.section-split.reverse{direction:rtl}.section-split.reverse>*{direction:ltr}.section-text-side{padding-top:40px;position:sticky;top:120px}.section-label{letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);margin-bottom:20px;font-size:12px;font-weight:600;display:inline-block}.section-title{letter-spacing:-2.5px;color:var(--text-primary);margin-bottom:20px;font-size:clamp(36px,5vw,60px);font-weight:800;line-height:1.05}.section-subtitle{color:var(--text-secondary);letter-spacing:-.2px;max-width:400px;font-size:16px;line-height:1.7}.editing-cta-link{color:var(--accent);transition:var(--transition);letter-spacing:-.2px;align-items:center;gap:8px;margin-top:28px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.editing-cta-link:hover{color:var(--accent-hover);transform:translate(4px)}.editing-cta-link svg{transition:transform .3s}.editing-cta-link:hover svg{transform:translate(4px)}.section-header{text-align:left;margin-bottom:64px}.portfolio-header{margin-bottom:48px}.portfolio-header .section-title{margin-bottom:0}.form-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--border-radius);transition:var(--transition);padding:44px}.form-card:hover{border-color:#0000001f;box-shadow:0 16px 48px #0000000f}.form-group{margin-bottom:22px}.form-label{color:var(--text-primary);letter-spacing:-.1px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-input,.form-textarea{border:1px solid var(--border);width:100%;font-size:15px;font-family:var(--font-family);color:var(--text-primary);transition:var(--transition);letter-spacing:-.2px;background:#fffc;border-radius:12px;outline:none;padding:14px 18px}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-textarea:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #86756a1a}.form-textarea{resize:vertical;min-height:120px}.form-button{background:var(--text-primary);width:100%;color:var(--bg-primary);font-size:15px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:var(--transition);letter-spacing:-.2px;border:none;border-radius:12px;margin-top:8px;padding:16px}.form-button:hover{background:var(--accent);transform:translateY(-1px)}.form-button:active{transform:translateY(0)}.form-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-button.gallery-btn{background:var(--accent)}.form-button.gallery-btn:hover{background:var(--accent-hover)}.form-message{text-align:center;letter-spacing:-.1px;border-radius:12px;margin-top:16px;padding:14px 18px;font-size:14px;font-weight:500}.form-message.success{color:#248a3d;background:#34c7591a;border:1px solid #34c75933}.form-message.error{color:#d70015;background:#ff3b301a;border:1px solid #ff3b3033}.form-message.info{color:var(--accent-hover);background:#86756a1a;border:1px solid #86756a33}.photo-gallery-result{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}.photo-gallery-item{aspect-ratio:4/3;border-radius:12px;display:block;overflow:hidden}.photo-gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.photo-gallery-item:hover img{transform:scale(1.05)}.hero-portfolio-grid{grid-template-columns:repeat(2,1fr);gap:16px;height:600px;display:grid;position:relative}.hero-portfolio-item{border-radius:16px;display:block;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000014}.hero-portfolio-item img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.hero-portfolio-item:hover img{transform:scale(1.05)}.hero-portfolio-item.tall{grid-row:span 2}.hero-portfolio-item.push-down{margin-top:40px}.hero-portfolio-overlay{opacity:0;background:linear-gradient(#0000 40%,#0006 100%);align-items:flex-end;padding:24px;transition:opacity .4s;display:flex;position:absolute;inset:0}.hero-portfolio-item:hover .hero-portfolio-overlay{opacity:1}.hero-portfolio-overlay span{color:#fff;letter-spacing:1px;font-size:14px;font-weight:600}.marquee-divider{align-items:center;height:250px;display:flex;position:relative;overflow:hidden}.marquee-track{white-space:nowrap;animation:20s linear infinite marquee-scroll;display:flex}.marquee-track span{letter-spacing:-2px;color:#1d1d1f0d;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:clamp(36px,6vw,72px);font-weight:800}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.contact-info-block{border-top:1px solid var(--border);flex-direction:column;gap:14px;margin-top:32px;padding-top:24px;display:flex}.contact-info-item{color:var(--text-secondary);letter-spacing:-.2px;align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}.contact-info-item svg{color:var(--accent);flex-shrink:0}.contact-images-block{gap:16px;margin-top:24px;display:flex}.contact-image-wrapper{aspect-ratio:4/3;border:1px solid var(--border);border-radius:12px;flex:1;position:relative;overflow:hidden}.contact-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.contact-image-wrapper:hover img{transform:scale(1.05)}.contact-image-badge{-webkit-backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);background:#ffffffd9;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;bottom:8px;left:8px}.my-photos-page{background-color:var(--bg-primary);min-height:100vh;padding:120px 48px 80px}.my-photos-container{max-width:var(--container-max);margin:0 auto}.my-photos-header{margin-bottom:64px}.back-link{color:var(--text-secondary);transition:var(--transition);align-items:center;gap:8px;margin-bottom:32px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--text-primary);transform:translate(-4px)}.my-photos-header h1{letter-spacing:-2px;margin-bottom:8px;font-size:clamp(32px,5vw,48px);font-weight:800}.welcome-tag{letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:12px;font-weight:600;display:block}.phone-tag{color:var(--text-muted);letter-spacing:-.2px;font-size:16px}.status-notice{border-radius:var(--border-radius);text-align:center;margin-bottom:48px;padding:24px;font-size:15px;font-weight:500}.status-notice.info{border:1px solid var(--border);color:var(--accent-hover);background:#86756a0d}.status-notice.empty{background:var(--bg-secondary);border:1px dashed var(--border);color:var(--text-muted)}.photos-section{margin-bottom:80px}.photos-section .section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-bottom:32px;padding-bottom:16px;display:flex}.photos-section h2{letter-spacing:-1px;font-size:24px;font-weight:700}.photos-section .count{color:var(--text-muted);font-size:14px;font-weight:500}.my-photos-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.photo-item{border-radius:var(--border-radius);aspect-ratio:3/4;background:var(--bg-secondary);display:block;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000008}.photo-item img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.photo-overlay{opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.photo-overlay span{color:#fff;border:1px solid #fff6;border-radius:100px;padding:8px 20px;font-size:14px;font-weight:600}.photo-item:hover .photo-overlay{opacity:1}.photo-item:hover img{transform:scale(1.08)}.my-photos-loading{min-height:100vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.loader{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ticket-list{flex-direction:column;gap:24px;display:flex}.customer-ticket{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--border-radius);padding:28px;box-shadow:0 4px 12px #00000008}.customer-ticket-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.customer-ticket-subject{color:var(--text-primary);letter-spacing:-.5px;font-size:18px;font-weight:700}.customer-ticket-status{text-transform:uppercase;letter-spacing:.5px;border-radius:100px;padding:5px 14px;font-size:12px;font-weight:600}.customer-ticket-status.pending{color:var(--accent);background:#86756a1a;border:1px solid #86756a33}.customer-ticket-status.completed{color:#248a3d;background:#34c7591a;border:1px solid #34c75933}.customer-ticket-desc,.customer-ticket-thread{flex-direction:column;gap:16px;display:flex}.customer-ticket-thread{margin-top:16px}.ticket-bubble{border-radius:16px;padding:16px 20px;position:relative}.ticket-bubble.customer{border:1px solid var(--border);background:#86756a0f;margin-right:40px}.ticket-bubble.admin{border:1px solid #34c75926;border-left:3px solid var(--accent);background:#34c7590a;margin-left:40px}.ticket-bubble-label{text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700}.ticket-bubble.customer .ticket-bubble-label{color:var(--text-muted)}.ticket-bubble.admin .ticket-bubble-label{color:var(--accent)}.ticket-bubble p{color:var(--text-primary);white-space:pre-wrap;margin:0;font-size:15px;line-height:1.7}.ticket-bubble-time{color:var(--text-muted);margin-top:10px;font-size:11px;display:block}.ticket-bubble-photos{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:16px;display:grid}.ticket-photo-item{aspect-ratio:3/4;background:var(--bg-secondary);border-radius:12px;display:block;position:relative;overflow:hidden}.ticket-photo-item img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.ticket-photo-item:hover img{transform:scale(1.08)}.customer-ticket-waiting{color:var(--text-muted);align-items:center;gap:10px;padding:16px;font-size:14px;font-weight:500;display:flex}.waiting-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.footer{background-color:var(--bg-primary);text-align:center;border-top:1px solid var(--border);padding:20px 48px}.footer-disclaimer{color:var(--text-secondary);opacity:.6;font-family:inherit;font-size:13px}.footer-bottom{flex-direction:column;align-items:center;gap:16px;display:flex}.footer p{color:var(--text-secondary);font-size:14px}.footer a{color:var(--text-primary);font-weight:600;text-decoration:none}.footer-gtaw-logo{width:auto;height:28px;transition:transform .3s}.footer-gtaw-logo:hover{transform:scale(1.05)}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:900px){.hero-container{grid-template-columns:1fr;gap:40px}.hero-portfolio-grid{grid-template-columns:repeat(2,1fr);height:400px}.section-split{grid-template-columns:1fr;gap:40px}.section-split.reverse{direction:ltr}.section-text-side{padding-top:0;position:static}}@media (max-width:768px){.navbar{padding:0 24px}.navbar-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#f5f0ebf7;flex-direction:column;gap:20px;padding:24px;display:none;position:absolute;top:64px;left:0;right:0}.navbar-links.open,.navbar-hamburger{display:flex}.hero{align-items:flex-start;padding:100px 24px 60px}.hero-content{padding-left:0}.hero h1{letter-spacing:-2px}.section{padding:80px 24px}.form-card{padding:28px 22px}.marquee-divider{height:150px}.hero-scroll-indicator{display:none}.footer{text-align:center;padding:48px 24px}.photo-gallery-result{grid-template-columns:1fr}}@media (max-width:480px){.section-title{letter-spacing:-1px}.form-card{padding:24px 18px}.masonry-grid{columns:1}}