:root{color-scheme:light;--bg-primary: #faf8f5;--bg-secondary: #f0ece6;--bg-card: #ffffff;--bg-card-hover: #faf8f5;--bg-hero-gradient: linear-gradient(160deg, #faf8f5 0%, #f0ece6 50%, #e8e0d4 100%);--border-color: rgba(120, 100, 70, .12);--border-strong: rgba(120, 100, 70, .22);--text-primary: #1c1917;--text-secondary: #57534e;--text-tertiary: #a8a29e;--accent: #b45309;--accent-light: #d97706;--accent-bg: rgba(180, 83, 9, .06);--accent-border: rgba(180, 83, 9, .2);--tag-border: rgba(120, 100, 70, .15);--tag-text: #78716c;--tag-bg: rgba(120, 100, 70, .06);--toggle-bg: #e7e5e4;--toggle-hover: #d6d3d1;--toggle-icon: #78716c;--input-bg: #ffffff;--input-border: rgba(120, 100, 70, .2);--input-focus: #b45309;--error: #dc2626;--error-bg: rgba(220, 38, 38, .06);--social-icon: #78716c;--social-hover: #b45309;--gallery-overlay: rgba(28, 25, 23, .6);--shadow-sm: 0 1px 3px rgba(120, 100, 70, .06);--shadow-md: 0 4px 16px rgba(120, 100, 70, .08);--shadow-lg: 0 8px 32px rgba(120, 100, 70, .12)}:root[data-theme=dark]{color-scheme:dark;--bg-primary: #1a1714;--bg-secondary: #231f1b;--bg-card: #2a2520;--bg-card-hover: #332d27;--bg-hero-gradient: linear-gradient(160deg, #1a1714 0%, #231f1b 50%, #2a2520 100%);--border-color: rgba(200, 180, 150, .1);--border-strong: rgba(200, 180, 150, .18);--text-primary: #f5f0eb;--text-secondary: #a8a29e;--text-tertiary: #6b6560;--accent: #d97706;--accent-light: #f59e0b;--accent-bg: rgba(217, 119, 6, .1);--accent-border: rgba(217, 119, 6, .25);--tag-border: rgba(200, 180, 150, .12);--tag-text: #a8a29e;--tag-bg: rgba(200, 180, 150, .06);--toggle-bg: rgba(200, 180, 150, .1);--toggle-hover: rgba(200, 180, 150, .15);--toggle-icon: #a8a29e;--input-bg: #231f1b;--input-border: rgba(200, 180, 150, .15);--input-focus: #d97706;--error: #f87171;--error-bg: rgba(248, 113, 113, .1);--social-icon: #a8a29e;--social-hover: #d97706;--gallery-overlay: rgba(0, 0, 0, .65);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg-primary: #1a1714;--bg-secondary: #231f1b;--bg-card: #2a2520;--bg-card-hover: #332d27;--bg-hero-gradient: linear-gradient(160deg, #1a1714 0%, #231f1b 50%, #2a2520 100%);--border-color: rgba(200, 180, 150, .1);--border-strong: rgba(200, 180, 150, .18);--text-primary: #f5f0eb;--text-secondary: #a8a29e;--text-tertiary: #6b6560;--accent: #d97706;--accent-light: #f59e0b;--accent-bg: rgba(217, 119, 6, .1);--accent-border: rgba(217, 119, 6, .25);--tag-border: rgba(200, 180, 150, .12);--tag-text: #a8a29e;--tag-bg: rgba(200, 180, 150, .06);--toggle-bg: rgba(200, 180, 150, .1);--toggle-hover: rgba(200, 180, 150, .15);--toggle-icon: #a8a29e;--input-bg: #231f1b;--input-border: rgba(200, 180, 150, .15);--input-focus: #d97706;--error: #f87171;--error-bg: rgba(248, 113, 113, .1);--social-icon: #a8a29e;--social-hover: #d97706;--gallery-overlay: rgba(0, 0, 0, .65);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4)}}*,*:before,*:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;background:var(--bg-primary);color:var(--text-primary);transition:background .3s ease,color .3s ease}#root{min-height:100vh}img{display:block;max-width:100%}a{color:var(--accent);text-decoration:none}.theme-toggle{position:fixed;top:1.25rem;right:1.25rem;z-index:1000;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-card);color:var(--toggle-icon);cursor:pointer;transition:all .25s ease;box-shadow:var(--shadow-sm)}.theme-toggle:hover{background:var(--toggle-hover);color:var(--accent);transform:rotate(15deg)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle svg{width:1.15rem;height:1.15rem;transition:transform .3s ease}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 2.5rem;display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--bg-primary) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.nav-logo{font-size:1.1rem;font-weight:700;letter-spacing:-.03em;color:var(--text-primary)}.nav-logo span{color:var(--accent)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color .2s ease;letter-spacing:.01em}.nav-links a:hover{color:var(--accent)}.hero{min-height:100vh;display:flex;align-items:center;padding:8rem 2.5rem 5rem;background:var(--bg-hero-gradient);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,var(--accent-bg) 0%,transparent 70%);pointer-events:none}.hero-content{max-width:720px;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:999px;background:var(--accent-bg);border:1px solid var(--accent-border);font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2rem}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-size:clamp(2.5rem,5.5vw,4.25rem);font-weight:800;line-height:1.08;letter-spacing:-.04em;margin-bottom:1.5rem;color:var(--text-primary)}.hero h1 .accent{color:var(--accent)}.hero-sub{font-size:clamp(1.05rem,1.8vw,1.2rem);color:var(--text-secondary);max-width:540px;line-height:1.7;margin-bottom:2.5rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.75rem;border-radius:.625rem;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;letter-spacing:.01em}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.section{padding:6rem 2.5rem}.section-inner{max-width:1120px;margin:0 auto}.section-label{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:.75rem}.section-title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:1rem;color:var(--text-primary)}.section-desc{font-size:1.05rem;color:var(--text-secondary);max-width:520px;line-height:1.7;margin-bottom:3rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.case-card{position:relative;border-radius:1rem;border:1px solid var(--border-color);background:var(--bg-card);overflow:hidden;transition:all .35s cubic-bezier(.25,.46,.45,.94);cursor:default}.case-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--accent-border)}.case-card-image{width:100%;height:200px;background:var(--bg-secondary);position:relative;overflow:hidden}.case-card-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,var(--bg-card) 100%)}.case-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem}.case-card-body{padding:1.75rem}.case-card-tag{display:inline-block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);padding:.2rem .6rem;border-radius:.25rem;margin-bottom:.85rem}.case-card-title{font-size:1.2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.6rem;color:var(--text-primary)}.case-card-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.65;margin-bottom:1.25rem}.case-card-metrics{display:flex;gap:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.case-card-metric{display:flex;flex-direction:column}.case-card-metric-value{font-size:1.15rem;font-weight:700;color:var(--accent);letter-spacing:-.02em}.case-card-metric-label{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,240px);gap:1rem}.gallery-grid .gallery-item:first-child{grid-row:span 2}.gallery-grid .gallery-item:nth-child(4){grid-column:span 2}.gallery-item{position:relative;border-radius:.875rem;overflow:hidden;cursor:pointer;border:1px solid var(--border-color);transition:all .35s cubic-bezier(.25,.46,.45,.94)}.gallery-item:hover{transform:scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--accent-border);z-index:1}.gallery-item-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;position:relative}.gallery-item-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gallery-overlay);opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-item-bg:after{opacity:1}.gallery-item-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.25rem;transform:translateY(10px);opacity:0;transition:all .3s ease;z-index:2}.gallery-item:hover .gallery-item-overlay{transform:translateY(0);opacity:1}.gallery-item-title{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.2rem}.gallery-item-subtitle{font-size:.8rem;color:#ffffffb3}.gallery-color-1{background:linear-gradient(135deg,#b45309,#92400e)}.gallery-color-2{background:linear-gradient(135deg,#78716c,#57534e)}.gallery-color-3{background:linear-gradient(135deg,#92400e,#78350f)}.gallery-color-4{background:linear-gradient(135deg,#a8a29e,#78716c)}.gallery-color-5{background:linear-gradient(135deg,#d97706,#b45309)}.socials-section{background:var(--bg-secondary)}.socials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.social-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:.875rem;border:1px solid var(--border-color);background:var(--bg-card);transition:all .25s ease;text-decoration:none;color:inherit}.social-card:hover{border-color:var(--accent-border);transform:translateY(-3px);box-shadow:var(--shadow-md)}.social-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:.75rem;background:var(--accent-bg);color:var(--accent);flex-shrink:0;transition:all .25s ease}.social-card:hover .social-icon{background:var(--accent);color:#fff}.social-icon svg{width:1.25rem;height:1.25rem}.social-info{display:flex;flex-direction:column}.social-name{font-size:.95rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.social-handle{font-size:.8rem;color:var(--text-tertiary)}.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:start}.contact-info h3{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem;color:var(--text-primary)}.contact-info p{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:2rem}.contact-detail{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem}.contact-detail-icon{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;background:var(--accent-bg);color:var(--accent);flex-shrink:0}.contact-detail-icon svg{width:.85rem;height:.85rem}.form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.8rem;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.form-group input,.form-group textarea{padding:.75rem 1rem;border-radius:.625rem;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);font-family:inherit;font-size:.9rem;transition:all .2s ease;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.form-group input:focus,.form-group textarea:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px var(--accent-bg)}.form-group input.has-error,.form-group textarea.has-error{border-color:var(--error);box-shadow:0 0 0 3px var(--error-bg)}.form-group textarea{resize:vertical;min-height:120px}.form-error{font-size:.75rem;color:var(--error);display:flex;align-items:center;gap:.3rem;min-height:1rem}.form-success{padding:1rem 1.25rem;border-radius:.625rem;background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);font-size:.9rem;font-weight:500;text-align:center}.footer{padding:2.5rem;border-top:1px solid var(--border-color);text-align:center}.footer p{font-size:.8rem;color:var(--text-tertiary)}.footer .accent{color:var(--accent);font-weight:600}@media(max-width:768px){.nav{padding:1rem 1.25rem}.nav-links{gap:1.25rem}.hero{padding:7rem 1.25rem 4rem}.section{padding:4rem 1.25rem}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,200px)}.gallery-grid .gallery-item:first-child{grid-row:span 1}.gallery-grid .gallery-item:nth-child(4){grid-column:span 1}.contact-layout{grid-template-columns:1fr;gap:2.5rem}.form-row{grid-template-columns:1fr}.theme-toggle{top:.75rem;right:.75rem;width:2.25rem;height:2.25rem}}@media(max-width:480px){.gallery-grid{grid-template-columns:1fr;grid-template-rows:repeat(5,180px)}.cards-grid,.socials-grid{grid-template-columns:1fr}}