PageSourceSearch

https://888brickellresales.com/

html 888brickellresales.com collected 2026-09-29 07:09:42 UTC 91,404 bytes, 2,151 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>888 Brickell Resales | Dolce & Gabbana Residences | WIRE Miami</title>
7    <meta name="description" content="Developer-approved resale assignments at 888 Brickell by Dolce &amp; Gabbana. Miami's tallest tower at 90 stories. Turnkey furnished residences by D&G....">
8  <meta name="indexnow" content="65f798c67848757fc908ab30ab0ab1df">
9    <meta name="keywords" content="888 Brickell resale, Dolce Gabbana Miami condo, 888 Brickell assignment, pre-construction resale Miami, Brickell luxury condo, JDS Development, Miami tallest tower, D&G residences, WIRE Miami">
10    <meta name="robots" content="index, follow">
11    <meta name="author" content="WIRE Miami - Adrian Sanchez">
12    <link rel="canonical" href="https://888brickellresales.com/">
13
14    <!-- Open Graph -->
15    <meta property="og:title" content="888 Brickell Resales | Dolce &amp; Gabbana Residences">
16    <meta property="og:description" content="Developer-approved resale assignments at Miami's tallest tower. Turnkey furnished residences by Dolce &amp; Gabbana. Starting at $2.2M.">
17    <meta property="og:image" content="https://888brickellresales.com/hero.jpg">
18    <meta property="og:url" content="https://888brickellresales.com/">
19    <meta property="og:type" content="website">
20    <meta property="og:site_name" content="888 Brickell Resales by WIRE Miami">
21
22    <!-- Twitter Card -->
23    <meta name="twitter:card" content="summary_large_image">
24    <meta name="twitter:title" content="888 Brickell Resales | Dolce &amp; Gabbana Residences">
25    <meta name="twitter:description" content="Developer-approved resale assignments at Miami's tallest tower. Turnkey furnished by D&G.">
26    <meta name="twitter:image" content="https://888brickellresales.com/hero.jpg">
27
28    <!-- Favicon -->
29    <link rel="icon" type="image/x-icon" href="favicon.ico">
30    <link rel="icon" type="image/png" href="favicon.png">
31    <link rel="apple-touch-icon" href="apple-touch-icon.png">
32
33    <!-- Google Ads Global Site Tag - deferred for performance -->
34    
34<script>
35    window.addEventListener('load', function() {
36        var s = document.createElement('script');
37        s.src = 'https://www.googletagmanager.com/gtag/js?id=AW-18210538452';
38        s.async = true;
39        document.head.appendChild(s);
40        s.onload = function() {
41            window.dataLayer = window.dataLayer || [];
42            function gtag(){dataLayer.push(arguments);}
43            window.gtag = gtag;
44            gtag('js', new Date());
45            gtag('config', 'AW-18210538452');
46        };
47    });
48    </script>
48
49
50    <!-- Structured Data / Schema.org for LLM optimization -->
51    
51<script type="application/ld+json">
52{
53  "@context": "https://schema.org",
54  "@type": "RealEstateAgent",
55  "name": "WIRE Miami - 888 Brickell Resales",
56  "description": "Developer-approved resale assignments at 888 Brickell by Dolce & Gabbana. Miami's tallest tower at 90 stories with turnkey furnished residences.",
57  "url": "https://888brickellresales.com",
58  "telephone": "+1-786-474-9627",
59  "email": "[email protected]",
60  "areaServed": {
61    "@type": "City",
62    "name": "Miami"
63  },
64  "makesOffer": [
65    {
66      "@type": "Offer",
67      "itemOffered": {
68        "@type": "Apartment",
69        "name": "Residence 56A - 3 Bedroom at 888 Brickell by Dolce & Gabbana",
70        "description": "Developer-approved resale. Floor 58, 3BR/3BA + powder room, 3,049 SF interior, 357 SF outdoor terrace. Southeast views of Biscayne Bay and Atlantic Ocean. Turnkey furnished by Dolce & Gabbana with 11-foot ceilings, loggia, and outdoor kitchen.",
71        "numberOfRooms": 3,
72        "floorSize": {
73          "@type": "QuantitativeValue",
74          "value": 3049,
75          "unitCode": "FTK"
76        }
77      },
78      "price": "5250000",
79      "priceCurrency": "USD"
80    },
81    {
82      "@type": "Offer",
83      "itemOffered": {
84        "@type": "Apartment",
85        "name": "Residence 44B - 2 Bedroom at 888 Brickell by Dolce & Gabbana",
86        "description": "Developer-approved resale. Floor 45, 2BR/2BA + powder room, 2,173 SF interior, 262 SF outdoor terrace. Northeast views of Biscayne Bay. Turnkey furnished by Dolce & Gabbana with 11-foot ceilings, loggia, and outdoor kitchen.",
87        "numberOfRooms": 2,
88        "floorSize": {
89          "@type": "QuantitativeValue",
90          "value": 2173,
91          "unitCode": "FTK"
92        }
93      },
94      "price": "3500000",
95      "priceCurrency": "USD"
96    },
97    {
98      "@type": "Offer",
99      "itemOffered": {
100        "@type": "Apartment",
101        "name": "Residence 29F - 1 Bedroom at 888 Brickell by Dolce & Gabbana",
102        "description": "Developer-approved resale. Floor 29, 1BR/1BA, 1,175 SF interior. Turnkey furnished by Dolce & Gabbana with 11-foot ceilings and private elevator.",
103        "numberOfRooms": 1,
104        "floorSize": {
105          "@type": "QuantitativeValue",
106          "value": 1175,
107          "unitCode": "FTK"
108        }
109      },
110      "price": "2200000",
111      "priceCurrency": "USD"
112    }
113  ],
114  "knowsAbout": [
115    "Pre-construction condominiums",
116    "Miami luxury real estate",
117    "Brickell pre-construction",
118    "Edgewater condos",
119    "Miami Beach pre-construction",
120    "Coconut Grove luxury condos",
121    "Miami River developments",
122    "Bay Harbor Islands luxury",
123    "Sunny Isles Beach pre-construction",
124    "North Miami waterfront",
125    "International real estate investment",
126    "New development sales"
127  ]
128}
129</script>
129
130
131    <!-- FAQ Schema for AI/LLM Search Optimization -->
132    
132<script type="application/ld+json">
133{
134  "@context": "https://schema.org",
135  "@type": "FAQPage",
136  "mainEntity": [
137    {
138      "@type": "Question",
139      "name": "What resale assignments are available at 888 Brickell by Dolce & Gabbana?",
140      "acceptedAnswer": {
141        "@type": "Answer",
142        "text": "Three developer-approved resale assignments are available through WIRE Miami: Residence 56A (3BR/3BA + powder room, 3,049 SF, Floor 58, $5,250,000), Residence 44B (2BR/2BA + powder room, 2,173 SF, Floor 45, $3,500,000), and Residence 29F (1BR/1BA, 1,175 SF, Floor 29, $2,200,000). All are turnkey furnished by Dolce & Gabbana with 11-foot ceilings and private elevator."
143      }
144    },
145    {
146      "@type": "Question",
147      "name": "Who developed 888 Brickell and how tall is it?",
148      "acceptedAnswer": {
149        "@type": "Answer",
150        "text": "888 Brickell is developed by JDS Development Group (developer of Steinway Tower, NYC) and designed by Studio Sofield. At 90 stories and 1,049 feet, it is the tallest residential tower in Miami. It features only 259 residences, all turnkey furnished by Dolce & Gabbana, with a 5-star hotel operation."
151      }
152    },
153    {
154      "@type": "Question",
155      "name": "What is the deposit structure for 888 Brickell assignments?",
156      "acceptedAnswer": {
157        "@type": "Answer",
158        "text": "The deposit structure is 10% at contract, 10% at a subsequent milestone, and 80% at closing. The developer receives 50% of the net profit from the assignment after the 6% brokerage commission. All assignments require developer approval from JDS Development Group."
159      }
160    },
161    {
162      "@type": "Question",
163      "name": "What views do the available units at 888 Brickell have?",
164      "acceptedAnswer": {
165        "@type": "Answer",
166        "text": "Residence 56A on Floor 58 has southeast exposure with panoramic views of Biscayne Bay and the Atlantic Ocean. Residence 44B on Floor 45 has northeast exposure with views of Biscayne Bay and downtown Miami."
167      }
168    }
169  ]
170}
171</script>
171
172
173<script type="application/ld+json">
174{
175  "@context": "https://schema.org",
176  "@type": "Person",
177  "@id": "https://wiremiami.com/#adriansanchez",
178  "name": "Adrian Sanchez",
179  "jobTitle": "Founder & Managing Broker",
180  "worksFor": {
181    "@id": "https://wiremiami.com/#organization"
182  },
183  "description": "Adrian Sanchez is the founder of WIRE Miami with over 20 years specializing exclusively in Miami's luxury pre-construction market. He represents buyers with direct developer relationships across Miami's most prestigious new developments.",
184  "telephone": "+1-786-474-9627",
185  "email": "[email protected]",
186  "url": "https://wiremiami.com"
187}
188</script>
vendor: 1 bytes, line 188
188
189<script type="application/ld+json">
190{
191  "@context": "https://schema.org",
192  "@type": "BreadcrumbList",
193  "itemListElement": [
194    {
195      "@type": "ListItem",
196      "position": 1,
197      "name": "WIRE Miami",
198      "item": "https://wiremiami.com"
199    },
200    {
201      "@type": "ListItem",
202      "position": 2,
203      "name": "888 Brickell Resales",
204      "item": "https://888brickellresales.com"
205    }
206  ]
207}
208</script>
vendor: 1 bytes, line 208
208
209<script type="application/ld+json">
210{
211  "@context": "https://schema.org",
212  "@type": "WebSite",
213  "name": "888 Brickell Resales by WIRE Miami",
214  "url": "https://888brickellresales.com",
215  "publisher": {
216    "@id": "https://wiremiami.com/#organization"
217  }
218}
219</script>
vendor: 1 bytes, line 219
219
220<script type="application/ld+json">
221{
222  "@context": "https://schema.org",
223  "@type": "Product",
224  "name": "888 Brickell by Dolce & Gabbana - Resale Assignments",
225  "description": "Developer-approved resale assignments at Miami's tallest tower. 90 stories, 259 turnkey furnished residences by Dolce & Gabbana.",
226  "brand": {
227    "@type": "Brand",
228    "name": "JDS Development Group"
229  },
230  "offers": {
231    "@type": "AggregateOffer",
232    "priceCurrency": "USD",
233    "lowPrice": "2200000",
234    "highPrice": "5250000",
235    "offerCount": "3"
236  },
237  "image": "https://888brickellresales.com/hero.jpg"
238}
239</script>
239
240
241    <link rel="preconnect" href="https://fonts.googleapis.com">
242    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
243    <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">
244
245    <style>
246        :root {
247            /* Dark-theme accent: light/white tokens for visibility on dark backgrounds.
248               Variable names retained for compatibility with existing rules. */
249            --gold: #FAFAFA;
250            --gold-light: #FFFFFF;
251            --gold-pale: #BDBDBD;
252            --black: #0A0A0A;
253            --charcoal: #1A1A1A;
254            --dark-gray: #2A2A2A;
255            --medium-gray: #666666;
256            --light-gray: #999999;
257            --off-white: #FAFAFA;
258            --white: #FFFFFF;
259            --font-display: 'Cormorant Garamond', Georgia, serif;
260            --font-body: 'Montserrat', sans-serif;
261        }
262
263        * { margin: 0; padding: 0; box-sizing: border-box; }
264
265        html { scroll-behavior: smooth; }
266
267        body {
268            font-family: var(--font-body);
269            background: var(--black);
270            color: var(--off-white);
271            overflow-x: hidden;
272        }
273
274        /* ===== NAVIGATION ===== */
275        .nav {
276            position: fixed;
277            top: 0;
278            left: 0;
279            right: 0;
280            z-index: 1000;
281            padding: 20px 40px;
282            display: flex;
283            justify-content: space-between;
284            align-items: center;
285            transition: background 0.4s, padding 0.4s;
286        }
287        .nav.scrolled {
288            background: rgba(10,10,10,0.95);
289            backdrop-filter: blur(20px);
290            padding: 12px 40px;
291            border-bottom: 1px solid rgba(33,33,33,0.2);
292        }
293        .nav-logo img { height: 28px; transition: height 0.4s; }
294        .nav.scrolled .nav-logo img { height: 28px; }
295        .nav-links { display: flex; gap: 32px; align-items: center; }
296        .nav-links a {
297            color: var(--off-white);
298            text-decoration: none;
299            font-family: var(--font-body);
300            font-size: 12px;
301            font-weight: 500;
302            letter-spacing: 2px;
303            text-transform: uppercase;
304            transition: color 0.3s;
305        }
306        .nav-links a:hover { color: var(--gold); }
307        .nav-cta {
308            background: var(--gold) !important;
309            color: var(--black) !important;
310            padding: 10px 24px !important;
311            font-weight: 600 !important;
312            letter-spacing: 1.5px !important;
313            transition: background 0.3s, transform 0.3s !important;
314        }
315        .nav-cta:hover { background: var(--gold-light) !important; transform: translateY(-1px); }
316        .mobile-toggle { display: none; cursor: pointer; flex-direction: column; gap: 5px; }
317        .mobile-toggle span { display: block; width: 24px; height: 2px; background: var(--off-white); transition: 0.3s; }
318
319        /* ===== HERO ===== */
320        .hero {
321            position: relative;
322            height: 100vh;
323            min-height: 700px;
324            display: flex;
325            align-items: flex-end;
326            justify-content: flex-start;
327            overflow: hidden;
328        }
329        .hero-bg {
330            position: absolute;
331            inset: 0;
332            background: url('hero.jpg') center/cover no-repeat;
333            filter: brightness(0.55);
334            transform: scale(1.05);
335            animation: heroZoom 20s ease-in-out infinite alternate;
336        }
337        @keyframes heroZoom {
338            from { transform: scale(1.05); }
339            to { transform: scale(1.12); }
340        }
341        .hero-overlay {
342            position: absolute;
343            inset: 0;
344            background: linear-gradient(to top, rgba(10,10,10,0.9) 0%, rgba(10,10,10,0.3) 40%, transparent 70%);
345        }
346        .hero-content {
347            position: relative;
348            z-index: 2;
349            padding: 0 60px 80px;
350            max-width: 800px;
351        }
352        .hero-tag {
353            font-family: var(--font-body);
354            font-size: 11px;
355            font-weight: 600;
356            letter-spacing: 4px;
357            text-transform: uppercase;
358            color: var(--gold);
359            margin-bottom: 20px;
360            opacity: 0;
361            animation: fadeUp 0.8s 0.3s forwards;
362        }
363        .hero-title {
364            font-family: var(--font-display);
365            font-size: clamp(42px, 6vw, 72px);
366            font-weight: 300;
367            line-height: 1.1;
368            margin-bottom: 20px;
369            opacity: 0;
370            animation: fadeUp 0.8s 0.5s forwards;
371        }
372        .hero-title em { font-style: italic; color: var(--gold-light); }
373        .hero-subtitle {
374            font-size: 16px;
375            font-weight: 300;
376            color: var(--light-gray);
377            line-height: 1.7;
378            margin-bottom: 32px;
379            max-width: 560px;
380            opacity: 0;
381            animation: fadeUp 0.8s 0.7s forwards;
382        }
383        .hero-btn {
384            display: inline-block;
385            padding: 16px 40px;
386            background: var(--gold);
387            color: var(--black);
388            text-decoration: none;
389            font-family: var(--font-body);
390            font-size: 12px;
391            font-weight: 600;
392            letter-spacing: 2px;
393            text-transform: uppercase;
394            transition: all 0.3s;
395            opacity: 0;
396            animation: fadeUp 0.8s 0.9s forwards;
397        }
398        .hero-btn:hover { background: var(--gold-light); transform: translateY(-2px); box-shadow: 0 8px 30px rgba(33,33,33,0.3); }
399
400        @keyframes fadeUp {
401            from { opacity: 0; transform: translateY(30px); }
402            to { opacity: 1; transform: translateY(0); }
403        }
404
405        /* ===== BADGE BAR ===== */
406        .badge-bar {
407            background: var(--charcoal);
408            border-top: 1px solid rgba(33,33,33,0.15);
409            border-bottom: 1px solid rgba(33,33,33,0.15);
410            padding: 24px 60px;
411            display: flex;
412            justify-content: center;
413            gap: 60px;
414            flex-wrap: wrap;
415        }
416        .badge-item {
417            text-align: center;
418        }
419        .badge-number {
420            font-family: var(--font-display);
421            font-size: 28px;
422            font-weight: 300;
423            color: var(--gold);
424        }
425        .badge-label {
426            font-size: 10px;
427            font-weight: 600;
428            letter-spacing: 2px;
429            text-transform: uppercase;
430            color: var(--light-gray);
431            margin-top: 4px;
432        }
433
434        /* ===== SECTION STYLES ===== */
435        .section {
436            padding: 100px 60px;
437        }
438        .section-tag {
439            font-family: var(--font-body);
440            font-size: 11px;
441            font-weight: 600;
442            letter-spacing: 4px;
443            text-transform: uppercase;
444            color: var(--gold);
445            margin-bottom: 16px;
446        }
447        .section-title {
448            font-family: var(--font-display);
449            font-size: clamp(32px, 4vw, 52px);
450            font-weight: 300;
451            line-height: 1.2;
452            margin-bottom: 24px;
453        }
454        .section-text {
455            font-size: 15px;
456            font-weight: 300;
457            color: var(--light-gray);
458            line-height: 1.8;
459            max-width: 680px;
460        }
461
462        /* ===== ABOUT / DEVELOPER APPROVED ===== */
463        .about { background: var(--black); }
464        .about-grid {
465            display: grid;
466            grid-template-columns: 1fr 1fr;
467            gap: 80px;
468            align-items: center;
469            margin-top: 60px;
470        }
471        .about-image {
472            position: relative;
473            overflow: hidden;
474        }
475        .about-image img {
476            width: 100%;
477            height: 500px;
478            object-fit: cover;
479            filter: brightness(0.85);
480        }
481        .about-image::after {
482            content: '';
483            position: absolute;
484            bottom: 0;
485            left: 0;
486            right: 0;
487            height: 100px;
488            background: linear-gradient(to top, var(--black), transparent);
489        }
490        .about-content .section-text { margin-bottom: 20px; }
491        .gold-divider {
492            width: 60px;
493            height: 1px;
494            background: var(--gold);
495            margin: 30px 0;
496        }
497        .about-detail {
498            font-size: 13px;
499            font-weight: 400;
500            color: var(--medium-gray);
501            line-height: 1.8;
502        }
503        .about-detail strong { color: var(--gold-light); font-weight: 500; }
504
505        /* ===== UNIT CARDS ===== */
506        .units { background: var(--charcoal); }
507        .units-grid {
508            display: grid;
509            grid-template-columns: 1fr 1fr;
510            gap: 40px;
511            margin-top: 60px;
512        }
513        .unit-card {
514            background: var(--dark-gray);
515            border: 1px solid rgba(33,33,33,0.15);
516            overflow: hidden;
517            transition: border-color 0.4s, transform 0.3s;
518        }
519        .unit-card:hover { border-color: var(--gold); transform: translateY(-4px); }
520        .unit-card-image {
521            position: relative;
522            height: 280px;
523            overflow: hidden;
524        }
525        .unit-card-image img {
526            width: 100%;
527            height: 100%;
528            object-fit: cover;
529            transition: transform 0.6s;
530        }
531        .unit-card:hover .unit-card-image img { transform: scale(1.05); }
532        .unit-card-badge {
533            position: absolute;
534            top: 20px;
535            left: 20px;
536            background: var(--gold);
537            color: var(--black);
538            font-size: 10px;
539            font-weight: 700;
540            letter-spacing: 2px;
541            text-transform: uppercase;
542            padding: 6px 16px;
543        }
544        .unit-card-body { padding: 32px; }
545        .unit-card-name {
546            font-family: var(--font-display);
547            font-size: 28px;
548            font-weight: 400;
549            margin-bottom: 4px;
550        }
551        .unit-card-floor {
552            font-size: 12px;
553            color: var(--gold);
554            letter-spacing: 2px;
555            text-transform: uppercase;
556            font-weight: 500;
557            margin-bottom: 20px;
558        }
559        .unit-card-specs {
560            display: grid;
561            grid-template-columns: 1fr 1fr;
562            gap: 16px;
563            margin-bottom: 24px;
564        }
565        .spec-item {}
566        .spec-label {
567            font-size: 10px;
568            font-weight: 600;
569            letter-spacing: 1.5px;
570            text-transform: uppercase;
571            color: var(--medium-gray);
572        }
573        .spec-value {
574            font-family: var(--font-display);
575            font-size: 20px;
576            font-weight: 400;
577            color: var(--off-white);
578            margin-top: 2px;
579        }
580        .unit-card-features {
581            border-top: 1px solid rgba(255,255,255,0.08);
582            padding-top: 20px;
583            margin-bottom: 24px;
584        }
585        .unit-card-features p {
586            font-size: 13px;
587            color: var(--light-gray);
588            line-height: 1.8;
589        }
590        .unit-card-price {
591            font-family: var(--font-display);
592            font-size: 36px;
593            font-weight: 400;
594            color: var(--gold);
595            margin-bottom: 20px;
596        }
597        .unit-card-btn {
598            display: block;
599            text-align: center;
600            padding: 14px 32px;
601            border: 1px solid var(--gold);
602            color: var(--gold);
603            text-decoration: none;
604            font-size: 11px;
605            font-weight: 600;
606            letter-spacing: 2px;
607            text-transform: uppercase;
608            transition: all 0.3s;
609        }
610        .unit-card-btn:hover { background: var(--gold); color: var(--black); }
611
612        /* ===== VIEWS SECTION ===== */
613        .views { background: var(--black); }
614        .views-unit {
615            margin-top: 60px;
616            margin-bottom: 80px;
617        }
618        .views-unit-title {
619            font-family: var(--font-display);
620            font-size: 32px;
621            font-weight: 400;
622            margin-bottom: 24px;
623            padding-bottom: 16px;
624            border-bottom: 1px solid rgba(33,33,33,0.2);
625        }
626        .views-grid {
627            display: grid;
628            grid-template-columns: 1fr 1fr;
629            gap: 24px;
630        }
631        .view-item {
632            position: relative;
633            overflow: hidden;
634            cursor: pointer;
635        }
636        .view-item img {
637            width: 100%;
638            height: 320px;
639            object-fit: cover;
640            transition: transform 0.6s;
641        }
642        .view-item:hover img { transform: scale(1.05); }
643        .view-label {
644            position: absolute;
645            bottom: 0;
646            left: 0;
647            right: 0;
648            padding: 16px 20px;
649            background: linear-gradient(to top, rgba(10,10,10,0.9), transparent);
650            font-size: 12px;
651            font-weight: 600;
652            letter-spacing: 2px;
653            text-transform: uppercase;
654            color: var(--gold-pale);
655        }
656
657        /* ===== AMENITIES ===== */
658        .amenities { background: var(--charcoal); }
659        .amenities-grid {
660            display: grid;
661            grid-template-columns: repeat(3, 1fr);
662            gap: 32px;
663            margin-top: 60px;
664        }
665        .amenity-card {
666            position: relative;
667            height: 300px;
668            overflow: hidden;
669        }
670        .amenity-card img {
671            width: 100%;
672            height: 100%;
673            object-fit: cover;
674            filter: brightness(0.5);
675            transition: transform 0.6s, filter 0.6s;
676        }
677        .amenity-card:hover img { transform: scale(1.08); filter: brightness(0.65); }
678        .amenity-card-content {
679            position: absolute;
680            bottom: 0;
681            left: 0;
682            right: 0;
683            padding: 24px;
684        }
685        .amenity-card-title {
686            font-family: var(--font-display);
687            font-size: 22px;
688            font-weight: 400;
689            margin-bottom: 8px;
690        }
691        .amenity-card-text {
692            font-size: 13px;
693            color: var(--light-gray);
694            line-height: 1.6;
695        }
696
697        /* ===== ADVISOR / AGENT ===== */
698        .advisor { background: var(--black); }
699        .advisor-grid {
700            display: grid;
701            grid-template-columns: 300px 1fr;
702            gap: 60px;
703            align-items: start;
704            margin-top: 60px;
705        }
706        .advisor-photo {
707            position: relative;
708        }
709        .advisor-photo img {
710            width: 100%;
711            height: 380px;
712            object-fit: cover;
713            object-position: top;
714            filter: grayscale(20%);
715        }
716        .advisor-photo::after {
717            content: '';
718            position: absolute;
719            bottom: 0;
720            left: 0;
721            right: 0;
722            height: 4px;
723            background: var(--gold);
724        }
725        .advisor-name {
726            font-family: var(--font-display);
727            font-size: 32px;
728            font-weight: 400;
729            margin-bottom: 4px;
730        }
731        .advisor-title-text {
732            font-size: 12px;
733            font-weight: 600;
734            letter-spacing: 2px;
735            text-transform: uppercase;
736            color: var(--gold);
737            margin-bottom: 24px;
738        }
739        .advisor-bio {
740            font-size: 15px;
741            font-weight: 300;
742            color: var(--light-gray);
743            line-height: 1.8;
744            margin-bottom: 24px;
745        }
746        .advisor-creds {
747            border-top: 1px solid rgba(255,255,255,0.08);
748            padding-top: 20px;
749        }
750        .advisor-creds p {
751            font-size: 13px;
752            color: var(--medium-gray);
753            margin-bottom: 8px;
754        }
755        .advisor-creds strong { color: var(--off-white); font-weight: 500; }
756
757        /* ===== QUALIFICATION FORM ===== */
758        .qualify {
759            background: linear-gradient(135deg, var(--charcoal) 0%, var(--dark-gray) 100%);
759
760            border-top: 1px solid rgba(33,33,33,0.15);
761        }
762        .qualify-container {
763            max-width: 640px;
764            margin: 0 auto;
765            text-align: center;
766        }
767        .qualify .section-tag,
768        .qualify .section-title { text-align: center; }
769        .qualify .section-text { text-align: center; margin: 0 auto 40px; }
770        .form-group { margin-bottom: 20px; text-align: left; }
771        .form-label {
772            display: block;
773            font-size: 11px;
774            font-weight: 600;
775            letter-spacing: 1.5px;
776            text-transform: uppercase;
777            color: var(--light-gray);
778            margin-bottom: 8px;
779        }
780        .form-input,
781        .form-select,
782        .form-textarea {
783            width: 100%;
784            padding: 14px 16px;
785            background: var(--black);
786            border: 1px solid rgba(255,255,255,0.12);
787            color: var(--off-white);
788            font-family: var(--font-body);
789            font-size: 14px;
790            transition: border-color 0.3s;
791            outline: none;
792        }
793        .form-input:focus,
794        .form-select:focus,
795        .form-textarea:focus { border-color: var(--gold); }
796        .form-select { appearance: none; cursor: pointer; }
797        .form-textarea { resize: vertical; min-height: 100px; }
798        .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
799        .form-submit {
800            display: block;
801            width: 100%;
802            padding: 16px;
803            background: var(--gold);
804            color: var(--black);
805            border: none;
806            font-family: var(--font-body);
807            font-size: 12px;
808            font-weight: 700;
809            letter-spacing: 2px;
810            text-transform: uppercase;
811            cursor: pointer;
812            transition: background 0.3s;
813            margin-top: 8px;
814        }
815        .form-submit:hover { background: var(--gold-light); }
816        .form-disclaimer {
817            font-size: 11px;
818            color: var(--medium-gray);
819            margin-top: 16px;
820            line-height: 1.6;
821        }
822        .form-success {
823            display: none;
824            text-align: center;
825            padding: 60px 20px;
826        }
827        .form-success.active { display: block; }
828        .form-success h3 {
829            font-family: var(--heading);
830            font-size: 28px;
831            color: var(--gold);
832            margin-bottom: 16px;
833        }
834        .form-success p {
835            color: var(--medium-gray);
836            font-size: 16px;
837            line-height: 1.6;
838        }
839
840        /* ===== GATE OVERLAY ===== */
841        .gate-overlay {
842            position: fixed;
843            inset: 0;
844            z-index: 9999;
845            background: var(--black);
846            overflow-y: auto;
847            padding: 48px 24px 80px;
848        }
849        .gate-overlay.hidden { display: none; }
850        .gate-container {
851            max-width: 480px;
852            margin: 0 auto;
853            text-align: center;
854        }
855        .gate-logo { margin-bottom: 40px; }
856        .gate-logo img { height: 60px; width: auto; filter: invert(1); mix-blend-mode: screen; }
857        .gate-tabs {
858            display: flex;
859            gap: 0;
860            margin-bottom: 32px;
861            background: rgba(255,255,255,0.06);
862            border-radius: 6px;
863            padding: 4px;
864        }
865        .gate-tab {
866            flex: 1;
867            padding: 14px 12px;
868            background: none;
869            border: none;
870            color: rgba(255,255,255,0.5);
871            font-family: var(--font-body);
872            font-size: 13px;
873            letter-spacing: 1.5px;
874            text-transform: uppercase;
875            cursor: pointer;
876            transition: all 0.3s ease;
877            border-radius: 4px;
878        }
879        .gate-tab.active {
880            color: var(--off-white);
881            background: rgba(255,255,255,0.12);
882        }
883        .gate-panel { display: none; }
884        .gate-panel.active { display: block; }
885        .gate-title {
886            font-family: var(--font-display);
887            font-size: 28px;
888            font-weight: 300;
889            color: var(--off-white);
890            margin-bottom: 12px;
891        }
892        .gate-subtitle {
893            font-size: 14px;
894            color: rgba(255,255,255,0.5);
895            margin-bottom: 32px;
896            line-height: 1.7;
897        }
898        .gate-form .form-row { margin-bottom: 16px; }
899        .gate-form input,
900        .gate-form select,
901        .gate-form textarea {
902            width: 100%;
903            padding: 14px 16px;
904            background: rgba(255,255,255,0.06);
905            border: 1px solid rgba(255,255,255,0.12);
906            color: var(--off-white);
907            font-family: var(--font-body);
908            font-size: 14px;
909            border-radius: 4px;
910            transition: border-color 0.3s ease;
911        }
912        .gate-form input::placeholder,
913        .gate-form textarea::placeholder {
914            color: rgba(255,255,255,0.3);
915        }
916        .gate-form input:focus,
917        .gate-form select:focus,
918        .gate-form textarea:focus {
919            outline: none;
920            border-color: var(--gold);
921        }
922        .gate-form select option {
923            background: var(--black);
924            color: var(--off-white);
925        }
926        .gate-form label {
927            display: block;
928            text-align: left;
929            font-size: 11px;
930            letter-spacing: 1px;
931            text-transform: uppercase;
932            color: rgba(255,255,255,0.4);
933            margin-bottom: 6px;
934        }
935        .gate-btn {
936            width: 100%;
937            padding: 16px;
938            background: var(--gold);
939            border: none;
940            color: var(--black);
941            font-family: var(--font-body);
942            font-size: 13px;
943            font-weight: 700;
944            letter-spacing: 2px;
945            text-transform: uppercase;
946            cursor: pointer;
947            border-radius: 4px;
948            margin-top: 8px;
949            transition: background 0.3s ease;
950        }
951        .gate-btn:hover { background: var(--gold-light); }
952        .gate-success {
953            display: none;
954            padding: 40px 0;
955        }
956        .gate-success .success-icon {
957            width: 64px;
958            height: 64px;
959            border: 2px solid var(--gold);
960            border-radius: 50%;
961            display: flex;
962            align-items: center;
963            justify-content: center;
964            margin: 0 auto 24px;
965            font-size: 28px;
966            color: var(--gold);
967        }
968        .gate-success h3 {
969            font-family: var(--font-display);
970            font-size: 24px;
971            font-weight: 400;
972            color: var(--off-white);
973            margin-bottom: 12px;
974        }
975        .gate-success p {
976            font-size: 14px;
977            color: rgba(255,255,255,0.5);
978            line-height: 1.7;
979        }
980        .pw-toggle {
981            position: absolute;
982            right: 14px;
983            top: 50%;
984            transform: translateY(-50%);
985            background: none;
986            border: none;
987            color: rgba(255,255,255,0.3);
988            cursor: pointer;
989            font-size: 12px;
990        }
991        .pw-error {
992            color: #757575;
993            font-size: 13px;
994            margin-top: 8px;
995            display: none;
996        }
997        @media (max-width: 768px) {
998            .gate-overlay { padding: 32px 20px 100px; }
999            .gate-title { font-size: 24px; }
1000        }
1001
1002        /* ===== FOOTER ===== */
1003        .footer {
1004            background: var(--charcoal);
1005            padding: 60px;
1006            border-top: 1px solid rgba(33,33,33,0.15);
1007        }
1008        .footer-top {
1009            display: flex;
1010            justify-content: space-between;
1011            align-items: start;
1012            margin-bottom: 40px;
1013            flex-wrap: wrap;
1014            gap: 40px;
1015        }
1016        .footer-brand img { height: 28px; margin-bottom: 16px; }
1017        .footer-brand p { font-size: 13px; color: var(--medium-gray); max-width: 320px; line-height: 1.7; }
1018        .footer-links { display: flex; gap: 40px; }
1019        .footer-col h4 {
1020            font-size: 11px;
1021            font-weight: 600;
1022            letter-spacing: 2px;
1023            text-transform: uppercase;
1024            color: var(--gold);
1025            margin-bottom: 16px;
1026        }
1027        .footer-col a {
1028            display: block;
1029            color: var(--light-gray);
1030            text-decoration: none;
1031            font-size: 13px;
1032            margin-bottom: 10px;
1033            transition: color 0.3s;
1034        }
1035        .footer-col a:hover { color: var(--off-white); }
1036        .footer-bottom {
1037            border-top: 1px solid rgba(255,255,255,0.06);
1038            padding-top: 24px;
1039            display: flex;
1040            justify-content: space-between;
1041            flex-wrap: wrap;
1042            gap: 16px;
1043        }
1044        .footer-bottom p, .footer-bottom a {
1045            font-size: 11px;
1046            color: var(--medium-gray);
1047            text-decoration: none;
1048        }
1049        .footer-bottom a:hover { color: var(--off-white); }
1050        .footer-legal-links { display: flex; gap: 24px; }
1051
1052        /* ===== LIGHTBOX ===== */
1053        .lightbox {
1054            display: none;
1055            position: fixed;
1056            inset: 0;
1057            z-index: 8000;
1058            background: rgba(0,0,0,0.95);
1059            align-items: center;
1060            justify-content: center;
1061            cursor: pointer;
1062        }
1063        .lightbox.active { display: flex; }
1064        .lightbox img { max-width: 90%; max-height: 90vh; object-fit: contain; }
1065        .lightbox-close {
1066            position: absolute;
1067            top: 24px;
1068            right: 32px;
1069            font-size: 32px;
1070            color: var(--off-white);
1071            cursor: pointer;
1072            font-weight: 300;
1073        }
1074
1075        /* ===== RESPONSIVE ===== */
1076        @media (max-width: 1024px) {
1077            .section { padding: 80px 32px; }
1078            .hero-content { padding: 0 32px 60px; }
1079            .about-grid { grid-template-columns: 1fr; gap: 40px; }
1080            .units-grid { grid-template-columns: 1fr; }
1081            .amenities-grid { grid-template-columns: 1fr 1fr; }
1082            .advisor-grid { grid-template-columns: 1fr; }
1083            .badge-bar { padding: 24px 32px; gap: 32px; }
1084        }
1085        @media (max-width: 768px) {
1086            .nav { padding: 16px 20px; }
1087            .nav-links { display: none; }
1088            .nav-links.open {
1089                display: flex;
1090                flex-direction: column;
1091                position: absolute;
1092                top: 100%;
1093                left: 0;
1094                right: 0;
1095                background: rgba(10,10,10,0.98);
1096                padding: 24px;
1097                gap: 20px;
1098                border-bottom: 1px solid rgba(33,33,33,0.2);
1099            }
1100            .mobile-toggle { display: flex; }
1101            .section { padding: 60px 20px; }
1102            .hero-content { padding: 0 20px 48px; }
1103            .form-row { grid-template-columns: 1fr; }
1104            .views-grid { grid-template-columns: 1fr; }
1105            .amenities-grid { grid-template-columns: 1fr; }
1106            .footer { padding: 40px 20px; }
1107            .footer-top { flex-direction: column; }
1108            .footer-links { flex-direction: column; gap: 24px; }
1109            .badge-bar { gap: 20px; padding: 20px; }
1110        }
1111    </style>
1112
1113<!-- WIRE Miami Chatbot Style Override -->
1114
1115
1116<style id="wire-chatbot-overrides">
1117#wc-bubble{border-radius:0!important;background:#2A2A2A!important;box-shadow:0 4px 20px rgba(0,0,0,.3)!important;width:48px!important;height:48px!important}
1118#wc-bubble:hover{transform:none!important;background:#333!important}
1119#wc-drawer{border-radius:0!important;background:#1A1A1A!important}
1120#wc-header{background:#1A1A1A!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
1121#wc-header-avatar{border-radius:0!important;background:#2A2A2A!important}
1122#wc-header-name{font-family:'Cormorant Garamond',Georgia,serif!important;font-size:16px!important;font-weight:400!important}
1123#wc-header-sub{font-family:'Instrument Sans',sans-serif!important;font-size:11px!important;letter-spacing:.05em!important;text-transform:uppercase!important;color:#888!important}
1124#wc-header-disclaimer{color:#555!important;border-top-color:#333!important}
1125#wc-messages{background:#1A1A1A!important}
1126.wc-msg{border-radius:0!important;font-family:'Instrument Sans',sans-serif!important}
1127.wc-msg.wc-bot{background:#2A2A2A!important;color:#F0EDE8!important;border-bottom-left-radius:0!important}
1128.wc-msg.wc-user{background:#333!important;color:#fff!important;border:none!important;border-bottom-right-radius:0!important}
1129#wc-typing{border-radius:0!important;background:#2A2A2A!important}
1130.wc-dot{background:#666!important;border-radius:0!important}
1131#wc-input-area{background:#1A1A1A!important;border-top:1px solid rgba(255,255,255,.08)!important}
1132#wc-input{border-radius:0!important;background:#2A2A2A!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important;font-family:'Instrument Sans',sans-serif!important}
1133#wc-input:focus{border-color:var(--gold,#B8956E)!important}
1134#wc-input::placeholder{color:#666!important}
1135#wc-send{border-radius:0!important;background:var(--gold,#B8956E)!important}
1136#wc-send:hover{background:var(--gold-dark,#9A7A5A)!important}
1137.wc-site-link{color:var(--gold,#B8956E)!important}
1138.wc-time{color:#555!important}
1139#wc-badge{border-radius:0!important}
1140@media(max-width:480px){#wc-drawer{border-radius:0!important}}
1141</style>
1142<style>/* Premium micro-interactions */
1143.residence-card,.amenity-card,.gallery-item,.fp-card{transition:box-sha
1143dow .3s ease}
1144.residence-card:hover,.amenity-card:hover,.fp-card:hover{box-shadow:0 16px 48px rgba(0,0,0,.08)}
1145.gallery-item{overflow:hidden}.gallery-item img{transition:transform .4s ease}
1146.gallery-item:hover img{transform:scale(1.03)}
1147.nav-links a,.footer-links a,.faq-question{transition:color .3s ease}
1148.nav-links a:hover,.footer-links a:hover,.faq-question:hover{color:var(--gold,#9E9E9E)}
1149.btn-primary,.btn-gold{transition:background .3s ease,box-shadow .3s ease}
1150.btn-primary:hover,.btn-gold:hover{box-shadow:0 8px 24px rgba(0,0,0,.12)}
1151/* Scroll reveals */
1152.reveal-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
1153.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}
1154@media(prefers-reduced-motion:reduce){.reveal-on-scroll{opacity:1;transform:none;transition:none}}
1155/* Gallery grid */
1156.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
1157.gallery-item{aspect-ratio:16/9;overflow:hidden}
1158.gallery-item img{width:100%;height:100%;object-fit:cover}
1159@media(max-width:768px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}
1160/* Nav blur */
1161header,nav{transition:background .3s ease,backdrop-filter .3s ease}
1162header.scrolled,nav.scrolled{background:rgba(42,42,42,.92)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}</style>
1163</head>
1164<body>
1165
1166    <!-- GATE OVERLAY -->
1167    <div class="gate-overlay" id="gateOverlay">
1168        <div class="gate-container">
1169            <div class="gate-logo">
1170                <img src="logowiremiami2026.png" alt="WIRE Miami" style="height:60px;width:auto;filter:invert(1);mix-blend-mode:screen;">
1171            </div>
1172
1173            <div class="gate-tabs">
1174                <button class="gate-tab active" onclick="switchTab('register')">Request Access</button>
1175                <button class="gate-tab" onclick="switchTab('password')">Enter Code</button>
1176            </div>
1177
1178            <!-- Register Panel -->
1179            <div class="gate-panel active" id="panelRegister">
1180                <h2 class="gate-title">Exclusive Resale Opportunities</h2>
1181                <p class="gate-subtitle">888 Brickell by Dolce &amp; Gabbana is Miami&rsquo;s tallest residential tower at 90 stories. We represent select developer-approved resale assignments in this iconic building. Register below and a member of our team will reach out with access details.</p>
1182
1183                <form class="gate-form" id="gateForm" onsubmit="handleGateSubmit(event)">
1184                    <input type="hidden" name="source" value="888brickellresales.com">
1185                    <input type="hidden" name="property" value="888 Brickell DG - Resale">
1186
1187                    <div class="form-row">
1188                        <label for="gateName">Full Name *</label>
1189                        <input type="text" id="gateName" name="personName" required placeholder="Your full name">
1190                    </div>
1191                    <div class="form-row">
1192                        <label for="gateEmail">Email *</label>
1193                        <input type="email" id="gateEmail" name="personEmail" required placeholder="[email protected]">
1194                    </div>
1195                    <div class="form-row">
1196                        <label for="gatePhone">Phone *</label>
1197                        <input type="tel" id="gatePhone" name="personPhone" required placeholder="+1 (555) 000-0000">
1198                    </div>
1199                    <div class="form-row">
1200                        <label for="gateBudget">Budget Range</label>
1201                        <select id="gateBudget" name="budget">
1202                            <option value="">Select your budget range</option>
1203                            <option value="$2M-$4M">$2,000,000 to $4,000,000</option>
1204                            <option value="$4M-$6M">$4,000,000 to $6,000,000</option>
1205                            <option value="$6M-$8M">$6,000,000 to $8,000,000</option>
1206                            <option value="$8M+">$8,000,000+</option>
1207                        </select>
1208                    </div>
1209                    <div class="form-row">
1210                        <label for="gateTimeline">Purchase Timeline</label>
1211                        <select id="gateTimeline" name="timeline">
1212                            <option value="">When are you looking to purchase?</option>
1213                            <option value="Immediately">Immediately</option>
1214                            <option value="1-3 months">1 to 3 months</option>
1215                            <option value="3-6 months">3 to 6 months</option>
1216                            <option value="Just exploring">Just exploring</option>
1217                        </select>
1218                    </div>
1219                    <div class="form-row">
1220                        <label for="gateRep">Are you working with a real estate agent?</label>
1221                        <select id="gateRep" name="hasAgent">
1222                            <option value="">Select</option>
1223                            <option value="No">No</option>
1224                            <option value="Yes">Yes</option>
1225                        </select>
1226                    </div>
1227
1228                    <p style="font-size:11px;color:rgba(255,255,255,0.35);margin-top:12px;line-height:1.6;text-align:left;">By submitting this form, you consent to be contacted by WIRE Miami via phone, email, and text message regarding real estate opportunities. Message &amp; data rates may apply. You may opt out at any time. See our <a href='/privacy-policy' style='color:var(--gold);'>Privacy Policy</a>.</p>
1229
1230                    <button type="submit" class="gate-btn">Request Access</button>
1231                </form>
1232
1233                <div class="gate-success" id="gateSuccess">
1234                    <div class="success-icon">&check;</div>
1235                    <h3>Request Received</h3>
1236                    <p>Thank you for your interest. Adrian will review your inquiry and provide access credentials within 24 hours. Keep an eye on your inbox.</p>
1237                </div>
1238            </div>
1239
1240            <!-- Password Panel -->
1241            <div class="gate-panel" id="panelPassword">
1242                <h2 class="gate-title">Welcome Back</h2>
1243                <p class="gate-subtitle">Enter the access code provided by your advisor to view the exclusive inventory.</p>
1244
1245                <form class="gate-form" onsubmit="handlePasswordSubmit(event)">
1246                    <div class="form-row">
1247                        <label for="accessPassword">Access Code</label>
1248                        <div class="password-input-wrap">
1249                            <input type="password" id="accessPassword" placeholder="Enter your access code" required>
1250                            <button type="button" class="pw-toggle" onclick="togglePwVisibility()">SHOW</button>
1251                        </div>
1252                        <p class="pw-error" id="pwError">
1252Incorrect code. Please try again or contact Adrian at 786-474-9627.</p>
1253                    </div>
1254                    <button type="submit" class="gate-btn">Access Inventory</button>
1255                </form>
1256            </div>
1257        </div>
1258    </div>
1259
1260    <!-- Gate Script -->
1261    
1261<script>
1262    const SITE_PASSWORD = '888TEAMUSA';
1263
1264    if (sessionStorage.getItem('888_auth') === 'true') {
1265        document.getElementById('gateOverlay').classList.add('hidden');
1266    }
1267
1268    function switchTab(tab) {
1269        document.querySelectorAll('.gate-tab').forEach(function(t) { t.classList.remove('active'); });
1270        document.querySelectorAll('.gate-panel').forEach(function(p) { p.classList.remove('active'); });
1271        if (tab === 'register') {
1272            document.querySelectorAll('.gate-tab')[0].classList.add('active');
1273            document.getElementById('panelRegister').classList.add('active');
1274        } else {
1275            document.querySelectorAll('.gate-tab')[1].classList.add('active');
1276            document.getElementById('panelPassword').classList.add('active');
1277        }
1278    }
1279
1280    function handleGateSubmit(e) {
1281        e.preventDefault();
1282        var form = e.target;
1283        var formData = new FormData(form);
1284        var fullName = formData.get('personName') || '';
1285        var firstName = fullName.split(' ')[0];
1286        var lastName = fullName.split(' ').slice(1).join(' ');
1287
1288        if (typeof wireSubmitToFUB === 'function') {
1289            wireSubmitToFUB({
1290                firstName: firstName,
1291                lastName: lastName,
1292                email: formData.get('personEmail'),
1293                phone: formData.get('personPhone'),
1294                contactType: 'buyer',
1295                income: formData.get('budget') || '',
1296                timeline: formData.get('timeline') || '',
1297                message: 'Access gate request. Working with agent: ' + (formData.get('hasAgent') || 'N/A')
1298            }, 'General Registration');
1299        }
1300
1301        // Google Ads Conversion
1302        if (typeof gtag !== 'undefined') {
1303            gtag('event', 'conversion', {
1304                'send_to': (window.WIRE && window.WIRE.tracking ? window.WIRE.tracking.googleAdsConversion : 'AW-18210538452/YyWPCLr8oL0cENSHu-tD'),
1305                'value': 1.0,
1306                'currency': 'USD'
1307            });
1308        }
1309
1310        form.style.display = 'none';
1311        document.getElementById('gateSuccess').style.display = 'block';
1312    }
1313
1314    function handlePasswordSubmit(e) {
1315        e.preventDefault();
1316        var pw = document.getElementById('accessPassword').value;
1317        if (pw.toUpperCase() === SITE_PASSWORD) {
1318            sessionStorage.setItem('888_auth', 'true');
1319            document.getElementById('gateOverlay').classList.add('hidden');
1320        } else {
1321            document.getElementById('pwError').style.display = 'block';
1322        }
1323    }
1324
1325    function togglePwVisibility() {
1326        var input = document.getElementById('accessPassword');
1327        var btn = input.nextElementSibling;
1328        if (input.type === 'password') {
1329            input.type = 'text';
1330            btn.textContent = 'HIDE';
1331        } else {
1332            input.type = 'password';
1333            btn.textContent = 'SHOW';
1334        }
1335    }
1336    </script>
1336
1337
1338    <!-- LIGHTBOX -->
1339    <div class="lightbox" id="lightbox">
1340        <span class="lightbox-close" role="button" aria-label="Close lightbox" tabindex="0">&times;</span>
1341        <img id="lightboxImg" src="" alt="">
1342    </div>
1343
1344    <!-- NAVIGATION -->
1345    <a href="#main" class="sr-only" style="position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:10000;padding:12px;background:var(--gold);color:var(--black);font-size:14px;" onfocus="this.style.left='16px';this.style.width='auto';this.style.height='auto';" onblur="this.style.left='-9999px';this.style.width='1px';this.style.height='1px';">Skip to main content</a>
1346    <nav class="nav" id="nav" role="navigation" aria-label="Main navigation">
1347        <div class="nav-logo">
1348            <a href="https://wiremiami.com" target="_blank" rel="noopener noreferrer" aria-label="WIRE Miami Home"><img src="logowiremiami2026-white.png" alt="WIRE Miami"></a>
1349        </div>
1350        <div class="nav-links" id="navLinks">
1351            <a href="#units">Residences</a>
1352            <a href="#views">Views</a>
1353            <a href='/floorplans'>Floor Plans</a>
1354            <a href="#amenities">Amenities</a>
1355            <a href='/blog/'>Insights</a>
1356            <a href="#qualify" class="nav-cta">Get Qualified</a>
1357        </div>
1358        <div class="mobile-toggle" id="mobileToggle" role="button" aria-label="Open navigation menu" tabindex="0">
1359            <span></span><span></span><span></span>
1360        </div>
1361    </nav>
1362
1363    <!-- HERO -->
1364    <main id="main" role="main">
1365    <section class="hero" id="hero">
1366        <div class="hero-bg"></div>
1367        <div class="hero-overlay"></div>
1368        <div class="hero-content">
1369            <p class="hero-tag">Developer-Approved Resale Assignments</p>
1370            <h1 class="hero-title">888 Brickell by<br><em>Dolce &amp; Gabbana</em></h1>
1371            <p class="hero-subtitle">Miami's tallest tower at 90 stories. Turnkey furnished residences designed by Dolce &amp; Gabbana. Three exclusive pre-construction assignments available through WIRE Miami.</p>
1372            <a href="#units" class="hero-btn">View Available Residences</a>
1373        </div>
1374    </section>
1375
1376    <!-- BADGE BAR -->
1377    <div class="badge-bar">
1378        <div class="badge-item">
1379            <div class="badge-number">90</div>
1380            <div class="badge-label">Stories</div>
1381        </div>
1382        <div class="badge-item">
1383            <div class="badge-number">1,049'</div>
1384            <div class="badge-label">Height</div>
1385        </div>
1386        <div class="badge-item">
1387            <div class="badge-number">259</div>
1388            <div class="badge-label">Residences</div>
1389        </div>
1390        <div class="badge-item">
1391            <div class="badge-number">5&#9733;</div>
1392            <div class="badge-label">Hotel Service</div>
1393        </div>
1394        <div class="badge-item">
1395            <div class="badge-number">D&amp;G</div>
1396            <div class="badge-label">Turnkey Design</div>
1397        </div>
1398    </div>
1399
1400    <!-- ABOUT / DEVELOPER APPROVED -->
1401    <section class="reveal-on-scroll section about" id="about">
1402        <p class="section-tag">Developer-Approved Assignments</p>
1403        <h2 class="section-title">A Rare Opportunity at<br>Miami's Most Iconic New Tower</h2>
1404        <div class="about-grid">
1405            <div class="about-image">
1406                <img src="images/888 Facade.jpg" alt="888 Brickell Facade by Dolce and Gabbana">
1407            </div>
1408            <div class="about-content">
1409                <p class="section-text">These are not unauthorized contract flips. These are developer-approved resale assignments at 888 Brickell by Dolce &amp; Gabbana, sanctioned by JDS Development Group. WIRE Miami has been authorized to market these exclusive residences on behalf of current contract holders.</p>
1410                <p class="section-text">888 Brickell is the tallest tower in Miami at 90 stories and 1,049 feet, designed by Studio Sofield with every residence furnished turnkey by Dolce &amp; Gabbana. The building features a 5-star hotel operation, world-class dining, and an amenity program that rivals any luxury resort on earth.</p>
1411                <div class="gold-divider"></div>
1412                <p class="about-detail"><strong>Developer:</strong> JDS Development Group (Steinway Tower, NYC)<br><strong>Architecture:</strong>
1412 Studio Sofield<br><strong>Interior Design:</strong> Dolce &amp; Gabbana<br><strong>Sales &amp; Marketing:</strong> ONE Sotheby's International Realty<br><strong>Resale Agent:</strong> WIRE Miami: Adrian Sanchez</p>
1413            </div>
1414        </div>
1415    </section>
1416
1417    <!-- AVAILABLE UNITS -->
1418    <section class="reveal-on-scroll section units" id="units">
1419        <p class="section-tag">Available Residences</p>
1420        <h2 class="section-title">Three Developer-Approved Assignments</h2>
1421        <p class="section-text">Each residence is delivered turnkey, fully furnished and designed by Dolce &amp; Gabbana. Custom kitchens, bathrooms, closets, and furniture included. Your client walks in with nothing but their keys.</p>
1422        <div class="units-grid">
1423            <!-- UNIT 56A -->
1424            <div class="unit-card">
1425                <div class="unit-card-image">
1426                    <img src="images/888 Brickell, Dolce&amp;Gabbana, Typical LR, JDS Development Group by LL&amp;Co.jpg" alt="888 Brickell Residence 56A Living Room">
1427                    <div class="unit-card-badge">3 Bedroom</div>
1428                </div>
1429                <div class="unit-card-body">
1430                    <h3 class="unit-card-name">Residence 56A</h3>
1431                    <p class="unit-card-floor">Floor 58 &bull; Line A &bull; Southeast Exposure</p>
1432                    <div class="unit-card-specs">
1433                        <div class="spec-item">
1434                            <p class="spec-label">Bedrooms</p>
1435                            <p class="spec-value">3 Bed / 3 Bath</p>
1436                        </div>
1437                        <div class="spec-item">
1438                            <p class="spec-label">Interior</p>
1439                            <p class="spec-value">3,049 SF</p>
1440                        </div>
1441                        <div class="spec-item">
1442                            <p class="spec-label">Outdoor</p>
1443                            <p class="spec-value">357 SF</p>
1444                        </div>
1445                        <div class="spec-item">
1446                            <p class="spec-label">Total</p>
1447                            <p class="spec-value">3,406 SF</p>
1448                        </div>
1449                    </div>
1450                    <div class="unit-card-features">
1451                        <p>888 Suite &amp; 888 Room configuration &bull; Furniture by D&amp;G &bull; 11' Ceiling Height &bull; Loggia &amp; Outdoor Kitchen &bull; Private Elevator &bull; Powder Room &bull; Views: Biscayne Bay &amp; Atlantic Ocean</p>
1452                    </div>
1453                    <p class="unit-card-price">$5,250,000</p>
1454                    <a href="#qualify" class="unit-card-btn">Inquire About This Residence</a>
1455                </div>
1456            </div>
1457            <!-- UNIT 44B -->
1458            <div class="unit-card">
1459                <div class="unit-card-image">
1460                    <img src="images/888 Brickell, Dolce&amp;Gabbana, Living Room, JDS Development Group, by LL&amp;Co.jpg" alt="888 Brickell Residence 44B Living Room">
1461                    <div class="unit-card-badge">2 Bedroom</div>
1462                </div>
1463                <div class="unit-card-body">
1464                    <h3 class="unit-card-name">Residence 44B</h3>
1465                    <p class="unit-card-floor">Floor 45 &bull; Line B &bull; Northeast Exposure</p>
1466                    <div class="unit-card-specs">
1467                        <div class="spec-item">
1468                            <p class="spec-label">Bedrooms</p>
1469                            <p class="spec-value">2 Bed / 2 Bath</p>
1470                        </div>
1471                        <div class="spec-item">
1472                            <p class="spec-label">Interior</p>
1473                            <p class="spec-value">2,173 SF</p>
1474                        </div>
1475                        <div class="spec-item">
1476                            <p class="spec-label">Outdoor</p>
1477                            <p class="spec-value">262 SF</p>
1478                        </div>
1479                        <div class="spec-item">
1480                            <p class="spec-label">Total</p>
1481                            <p class="spec-value">2,435 SF</p>
1482                        </div>
1483                    </div>
1484                    <div class="unit-card-features">
1485                        <p>888 Suite &amp; 888 Room configuration &bull; Furniture by D&amp;G &bull; 11' Ceiling Height &bull; Loggia &amp; Outdoor Kitchen &bull; Private Elevator &bull; Powder Room &bull; Views: Biscayne Bay</p>
1486                    </div>
1487                    <p class="unit-card-price">$3,500,000</p>
1488                    <a href="#qualify" class="unit-card-btn">Inquire About This Residence</a>
1489                </div>
1490            </div>
1491            <!-- UNIT 29F -->
1492            <div class="unit-card">
1493                <div class="unit-card-image">
1494                    <img src="images/bedroom.jpg" alt="888 Brickell Residence 29F Bedroom">
1495                    <div class="unit-card-badge">1 Bedroom</div>
1496                </div>
1497                <div class="unit-card-body">
1498                    <h3 class="unit-card-name">Residence 29F</h3>
1499                    <p class="unit-card-floor">Floor 29 &bull; Line F</p>
1500                    <div class="unit-card-specs">
1501                        <div class="spec-item">
1502                            <p class="spec-label">Bedrooms</p>
1503                            <p class="spec-value">1 Bed / 1 Bath</p>
1504                        </div>
1505                        <div class="spec-item">
1506                            <p class="spec-label">Interior</p>
1507                            <p class="spec-value">1,175 SF</p>
1508                        </div>
1509                        <div class="spec-item">
1510                            <p class="spec-label">Outdoor</p>
1511                            <p class="spec-value">-</p>
1512                        </div>
1513                        <div class="spec-item">
1514                            <p class="spec-label">Total</p>
1515                            <p class="spec-value">1,175 SF</p>
1516                        </div>
1517                    </div>
1518                    <div class="unit-card-features">
1519                        <p>Furniture by D&amp;G &bull; 11' Ceiling Height &bull; Turnkey Furnished &bull;
1519 Private Elevator</p>
1520                    </div>
1521                    <p class="unit-card-price">$2,200,000</p>
1522                    <a href="#qualify" class="unit-card-btn">Inquire About This Residence</a>
1523                </div>
1524            </div>
1525        </div>
1526    </section>
1527
1528    <!-- VIEWS -->
1529    <section class="reveal-on-scroll section views" id="views">
1530        <p class="section-tag">Actual View Photography</p>
1531        <h2 class="section-title">Views From Your Residence</h2>
1532        <p class="section-text">Captured from the actual floors at 888 Brickell. At 29, 45 and 58 stories, these residences command unobstructed panoramas of Biscayne Bay, the Atlantic Ocean, Downtown Miami, and Miami Beach.</p>
1533
1534        <div class="views-unit">
1535            <h3 class="views-unit-title">Residence 56A: Floor 58</h3>
1536            <div class="views-grid">
1537                <div class="view-item" onclick="openLightbox(this)">
1538                    <img src="views/56a-east.jpg" alt="888 Brickell Unit 56A East View - Biscayne Bay and Atlantic Ocean from Floor 58" loading="lazy" decoding="async">
1539                    <div class="view-label">East: Biscayne Bay &amp; Atlantic Ocean</div>
1540                </div>
1541                <div class="view-item" onclick="openLightbox(this)">
1542                    <img src="views/56a-south.jpg" alt="888 Brickell Unit 56A South View - Downtown Miami from Floor 58" loading="lazy" decoding="async">
1543                    <div class="view-label">South: Downtown Miami &amp; Brickell</div>
1544                </div>
1545            </div>
1546        </div>
1547
1548        <div class="views-unit">
1549            <h3 class="views-unit-title">Residence 44B: Floor 45</h3>
1550            <div class="views-grid">
1551                <div class="view-item" onclick="openLightbox(this)">
1552                    <img src="views/44b-east.jpg" alt="888 Brickell Unit 44B East View - Biscayne Bay from Floor 45" loading="lazy" decoding="async">
1553                    <div class="view-label">East: Biscayne Bay</div>
1554                </div>
1555                <div class="view-item" onclick="openLightbox(this)">
1556                    <img src="views/44b-north.jpg" alt="888 Brickell Unit 44B North View - Downtown and Midtown from Floor 45" loading="lazy" decoding="async">
1557                    <div class="view-label">North: Downtown &amp; Midtown</div>
1558                </div>
1559            </div>
1560        </div>
1561
1562        <div class="views-unit">
1563            <h3 class="views-unit-title">Residence 29F: Floor 29</h3>
1564            <div class="views-grid">
1565                <div class="view-item" onclick="openLightbox(this)">
1566                    <img src="views/29F-SOUTH.jpg" alt="888 Brickell Unit 29F South View - Downtown Miami, Brickell and Biscayne Bay from Floor 29" loading="lazy" decoding="async">
1567                    <div class="view-label">South: Downtown Miami, Brickell &amp; Biscayne Bay</div>
1568                </div>
1569            </div>
1570        </div>
1571    </section>
1572
1573    <!-- AMENITIES -->
1574    <section class="reveal-on-scroll section amenities" id="amenities">
1575        <p class="section-tag">Five-Star Living</p>
1576        <h2 class="section-title">World-Class Amenities by Dolce &amp; Gabbana</h2>
1577        <p class="section-text">Every amenity is an extension of your home. 5-star hotel services, Rolls Royce house car, signature restaurants, and a wellness program that rivals any luxury resort.</p>
1578        <div class="amenities-grid">
1579            <div class="amenity-card">
1580                <img src="images/Pool 888 Brickell JDS.jpg" alt="888 Brickell D&G Pool Club" loading="lazy" decoding="async">
1581                <div class="amenity-card-content">
1582                    <h4 class="amenity-card-title">The D&amp;G Pool Club</h4>
1583                    <p class="amenity-card-text">3,800 SF pool, 2 poolside bars, Gelateria Italiana, private cabanas, pool deck restaurant.</p>
1584                </div>
1585            </div>
1586            <div class="amenity-card">
1587                <img src="images/888 Brickell, Dolce&amp;Gabbana, Lobby, JDS Development Group.jpg" alt="888 Brickell Lobby and Arrival" loading="lazy" decoding="async">
1588                <div class="amenity-card-content">
1589                    <h4 class="amenity-card-title">Grand Arrival</h4>
1590                    <p class="amenity-card-text">Porte Coch&egrave;re, custom Murano chandeliers, Rolls Royce house car, double-height residential lobby.</p>
1591                </div>
1592            </div>
1593            <div class="amenity-card">
1594                <img src="images/888 Brickell, Dolce &amp; Gabbana, Lounge Bar, JDS Development Group.jpg" alt="888 Brickell Lounge Bar" loading="lazy" decoding="async">
1595                <div class="amenity-card-content">
1596                    <h4 class="amenity-card-title">Signature Dining</h4>
1597                    <p class="amenity-card-text">Ground floor restaurant &amp; bar, pool club dining, chef's kitchen, wine cellar, private dining.</p>
1598                </div>
1599            </div>
1600            <div class="amenity-card">
1601                <img src="images/888 Brickell, Dolce&amp;Gabbana, Ballroom, JDS Development Group.jpg" alt="888 Brickell Event Space" loading="lazy" decoding="async">
1602                <div class="amenity-card-content">
1603                    <h4 class="amenity-card-title">Event Space</h4>
1604                    <p class="amenity-card-text">5,000 SF with stage, private terrace, D&amp;G Salon by appointment, industrial kitchen.</p>
1605                </div>
1606            </div>
1607            <div class="amenity-card">
1608                <img src="images/Master Bath.jpg" alt="888 Brickell D&G Wellness Spa" loading="lazy" decoding="async">
1609                <div class="amenity-card-content">
1610                    <h4 class="amenity-card-title">Wellness &amp; Recovery</h4>
1611                    <p class="amenity-card-text">Padel court, fitness center, plunge pools, IV therapy, salon, barber shop, tailor shop.</p>
1612                </div>
1613            </div>
1614            <div class="amenity-card">
1615                <img src="images/Terrace 888 Brickell JDS.jpg" alt="888 Brickell Private Terrace" loading="lazy" decoding="async">
1616                <div class="amenity-card-content">
1617                    <h4 class="amenity-card-title">Resident-Only Luxuries</h4>
1618                    <p class="amenity-card-text">Private 44' lap pool, theater, creative workspace, meeting suites, billiards, kids' room.</p>
1619                </div>
1620            </div>
1621        </div>
1622    </section>
1623
1624    <!-- ADVISOR -->
1625    <section class="reveal-on-scroll section advisor" id="advisor">
1626        <p class="section-tag">Your Advisor</p>
1627        <h2 class="section-title">Work With Miami's Pre-Construction Expert</h2>
1628        <div class="advisor-grid">
1629            <div class="advisor-photo">
1630                <video src="Bio Video.mp4" autoplay muted loop playsinline poster="headshot.png" style="width:100%;height:100%;object-fit:cover;" aria-label="Adrian Sanchez - WIRE Miami CEO and Founder"></video>
1631            </div>
1632            <div class="advisor-info">
1633                <h3 class="advisor-name">Adrian Sanchez</h3>
1634                <p class="advisor-title-text">Founder &amp; CEO: WIRE Miami</p>
1635                <p class="advisor-bio">With over 20 years in Miami real estate and close to 100 units s
1635old as an outside broker for developers including PMG, JDS, and SWIRE, Adrian specializes in pre-construction sales for Miami's most coveted luxury projects. His portfolio includes Residences at Mandarin Oriental Brickell, E11EVEN Club Hotel &amp; Residences, Nobu at 619 Brickell, Faena Brickell, and now 888 Brickell by Dolce &amp; Gabbana.</p>
1636                <p class="advisor-bio">Adrian sold JDS Development the land where they're building Mercedes-Benz Places in Brickell. His relationship with the developer is what enables these exclusive, developer-approved resale assignments. He is also licensed in New York.</p>
1637                <div class="advisor-creds">
1638                    <p><strong>Projects:</strong> 888 Brickell D&amp;G, Mandarin Oriental, E11EVEN, Nobu 619, Faena, Perigon, 1428 Brickell, Mercedes-Benz Places</p>
1639                    <p><strong>Brokerage:</strong> WIRE Miami &bull; Licensed in FL &amp; NY</p>
1640                    <p><strong>Contact:</strong> <span id="contactEmail"></span> | <a href="tel:+17864749627" style="color: var(--gold);">786-474-9627</a></p>
1641                </div>
1642            </div>
1643        </div>
1644    </section>
1645
1646    <!-- QUALIFICATION FORM -->
1647    <section class="reveal-on-scroll section qualify" id="qualify">
1648        <div class="qualify-container">
1649            <p class="section-tag">Get Qualified</p>
1650            <h2 class="section-title">Request Access to These Residences</h2>
1651            <p class="section-text">
1651Complete the form below and a member of our team will contact you within 24 hours. These assignments require proof of funds and are subject to developer approval.</p>
1652
1653            <div id="formContainer">
1654            <form class="contact-form" id="inquiry-form" novalidate>
1655                <div class="form-row">
1656                    <div class="form-group">
1657                        <label class="form-label" for="first-name">First Name *</label>
1658                        <input type="text" class="form-input" id="first-name" name="firstName" placeholder="First Name" required autocomplete="given-name">
1659                    </div>
1660                    <div class="form-group">
1661                        <label class="form-label" for="last-name">Last Name *</label>
1662                        <input type="text" class="form-input" id="last-name" name="lastName" placeholder="Last Name" required autocomplete="family-name">
1663                    </div>
1664                </div>
1665                <div class="form-row">
1666                    <div class="form-group">
1667                        <label class="form-label" for="email">Email *</label>
1668                        <input type="email" class="form-input" id="email" name="email" placeholder="Email Address" required autocomplete="email">
1669                    </div>
1670                    <div class="form-group">
1671                        <label class="form-label" for="phone">Phone *</label>
1672                        <input type="tel" class="form-input" id="phone" name="phone" placeholder="Phone Number" required autocomplete="tel">
1673                    </div>
1674                </div>
1675                <div class="form-group">
1676                    <label class="form-label" for="buyer-type">Are you a buyer or an agent? *</label>
1677                    <select class="form-select" id="buyer-type" name="buyerType" required>
1678                        <option value="">Select one</option>
1679                        <option value="buyer">I'm a buyer</option>
1680                        <option value="agent">I'm a real estate agent</option>
1681                    </select>
1682                </div>
1683                <div class="form-group">
1684                    <label class="form-label" for="income">Household Income (optional)</label>
1685                    <select class="form-select" id="income" name="income">
1686                        <option value="">Select range</option>
1687                        <option value="$500K-$1M">$500K to $1M</option>
1688                        <option value="$1M-$2.5M">$1M to $2.5M</option>
1689                        <option value="$2.5M-$5M">$2.5M to $5M</option>
1690                        <option value="$5M+">$5M+</option>
1691                    </select>
1692                </div>
1693                <div class="form-group">
1694                    <label class="form-label" for="bedrooms">Residence of Interest (optional)</label>
1695                    <select class="form-select" id="bedrooms" name="bedrooms">
1696                        <option value="">Select</option>
1697                        <option value="2">2 Bedrooms (Residence 44B)</option>
1698                        <option value="3">3 Bedrooms (Residence 56A)</option>
1699                        <option value="Either">Interested in Either</option>
1700                    </select>
1701                </div>
1702                <div class="form-group">
1703                    <label class="form-label" for="price-point">Price Point (optional)</label>
1704                    <select class="form-select" id="price-point" name="pricePoint">
1705                        <option value="">Select range</option>
1706                        <option value="$3M-$4M">$3M to $4M</option>
1707                        <option value="$4M-$5.5M">$4M to $5.5M</option>
1708                        <option value="$5.5M+">$5.5M+</option>
1709                    </select>
1710                </div>
1711                <div class="form-group">
1712                    <label class="form-label" for="timeline">Purchase Timeline (optional)</label>
1713                    <select class="form-select" id="timeline" name="timeline">
1714                        <option value="">Select timeline</option>
1715                        <option value="Now">Immediate</option>
1716                        <option value="In 6 months">Within 6 months</option>
1717                        <option value="In a year">Within a year</option>
1718                        <option value="Just browsing">Just exploring</option>
1719                    </select>
1720                </div>
1721                <div class="form-group">
1722                    <label class="form-label" for="message">Additional Notes (optional)</label>
1723                    <textarea class="form-textarea" id="message" name="message" placeholder="Anything else we should know, including proof of funds or broker representation."></textarea>
1724                </div>
1725                <button type="submit" class="form-submit">Submit &amp; Get Qualified</button>
1726            </form>
1727            <div id="form-success" style="display:none;">
1728                <p>Thank you. A WIRE Miami advisor will contact you shortly regarding 888 Brickell.</p>
1729            </div>
1730            </div>
1731
1732            <div class="form-success" id="formSuccess">
1733                <h3>Thank You for Your Inquiry</h3>
1734                <p>A member of the WIRE Miami team will be in touch within 24 hours with access to these developer-approved assignments at 888 Brickell by Dolce &amp; Gabbana.</p>
1735            </div>
1736
1737            <iframe name="hidden_iframe" style="display:none;"></iframe>
1738        </div>
1739    </section>
1740
1741    </main>
1742
1743    <!-- FOOTER -->
1744    <footer class="footer" role="contentinfo">
1745        <div class="footer-top">
1746            <div class="footer-brand">
1747                <a href="https://wiremiami.com" target="_blank" rel="noopener noreferrer"><img src="logowiremiami2026-white.png" alt="WIRE Miami"></a>
1748                <p>WIRE Miami specializes in pre-construction luxury real estate in Miami. Developer-approved resale assignments at 888 Brickell by Dolce &amp; Gabbana.</p>
1749            </div>
1750            <div class="footer-links">
1751                <div class="footer-col">
1752                    <h4>Property</h4>
1753                    <a href="#units">Available Units</a>
1754                    <a href='/floorplans'>Floor Plans</a>
1755                    <a href="#views">Views</a>
1756                    <a href="#amenities">Amenities</a>
1757                </div>
1758                <div class="footer-col">
1759                    <h4>Resources</h4>
1760                    <a href='/blog/'>Market Insights</a>
1761                    <a href="#qualify">Get Qualified</a>
1762                    <a href="#advisor">Contact Agent</a>
1763                </div>
1764                <div class="footer-col">
1765                    <h4>Legal</h4>
1766                    <a href='/privacy-policy'>Privacy Policy</a>
1767                    <a href='/terms-of-use'>Terms of Service</a>
1768                    <a href='/accessibility'>Accessibility</a>
1769                </div>
1770                <div class="footer-col">
1771                    <h4>WIRE Miami</h4>
1772                    <a href="https://wiremiami.com/wire-hub.html" target="_blank" rel="noopener noreferrer">View All Properties</a>
1773                    <a href="https://wiremiami.com" target="_blank" rel="noopener noreferrer">wiremiami.com</a>
1774                </div>
1775            </div>
1776        </div>
1777        <div class="footer-bottom">
1778            <p>&copy; 2026 WIRE Miami. All rights reserved. 888 Brickell Avenue, Miami, FL 33131.</p>
1779            <div class="footer-legal-links">
1780                <a href='/privacy-policy'>Privacy</a>
1781                <a href='/terms-of-use'>Terms of Service</a>
1782                <a href='/accessibility'>Accessibility</a>
1783            </div>
1784        </div>
1785        <p style="font-size: 10px; color: var(--medium-gray); margin-top: 20px; line-height: 1.6;">
1786            Oral representations cannot be relied upon as correctly stating the representations of the developer. For correct representations, make reference to the documents required by Section 718.503, Florida Statutes. The condominium is not owned, developed, or sold by Dolce &amp; Gabbana S.r.l. or any of its affiliates. Developer uses Dolce &amp; Gabbana marks pursuant to a license agreement. The brand assumes no responsibility or liability in connection with the project. All pricing is for informational purposes and subject to change without notice.
1787        </p>
1788        <p style="font-size: 10px; color: var(--medium-gray); margin-top: 12px; line-height: 1.6; display: flex; align-items: center; justify-content: center; gap: 8px;">
1789            
1790            Equal Housing Opportunity. WIRE Miami is committed to compliance with all federal, state, and local fair housing laws.
1791        </p>
1792    </footer>
1793
1794    <!-- SCRIPTS -->
1795    
1795<script src="cookie-consent.js"></script>
1795
1796    
1796<script src="accessibility-widget.js"></script>
1796
1797    
1797<script>
1798        // Form Submit with FUB + Google Ads Conversion
1799        // handleSubmit removed: leadForm now handled by wire-contact-form.js (kit)
1800
1801        // Email render (prevents Cloudflare obfuscation)
1802        var ce = document.getElementById('contactEmail');
1803        if (ce) ce.innerHTML = '<a href="mai' + 'lto:info' + '@wire' + 'miami.com" style="color:var(--gold)">info' + '@wire' + 'miami.com</a>';
1804
1805        // Nav scroll
1806        const nav = document.getElementById('nav');
1807        window.addEventListener('scroll', () => {
1808            nav.classList.toggle('scrolled', window.scrollY > 80);
1809        });
1810
1811        // Mobile menu
1812        document.getElementById('mobileToggle').addEventListener('click', () => {
1813            document.getElementById('navLinks').classList.toggle('open');
1814        });
1815
1816        // Lightbox
1817        function openLightbox(el) {
1818            const img = el.querySelector('img');
1819            document.getElementById('lightboxImg').src = img.src;
1820            document.getElementById('lightbox').classList.add('active');
1821        }
1822        document.getElementById('lightbox').addEventListener('click', () => {
1823            document.getElementById('lightbox').classList.remove('active');
1824        });
1825
1826        // Scroll animations
1827        const observerOptions = { threshold: 0.1, rootMargin: '0px 0px -50px 0px' };
1828        const observer = new IntersectionObserver((entries) => {
1829            entries.forEach(entry => {
1830                if (entry.isIntersecting) {
1831                    entry.target.style.opacity = '1';
1832                    entry.target.style.transform = 'translateY(0)';
1833                    entry.target.classList.add('revealed');
1834                    observer.unobserve(entry.target);
1835                }
1836            });
1837        }, observerOptions);
1838
1839        document.querySelectorAll('.unit-card, .amenity-card, .view-item, .reveal-on-scroll').forEach(el => {
1840            observer.observe(el);
1841        });
1842
1843        // Fallback: if IntersectionObserver fails or anything is still hidden after
1844        // a brief moment, reveal everything so content never stays invisible.
1845        window.addEventListener('load', () => {
1846            setTimeout(() => {
1847                document.querySelectorAll('.reveal-on-scroll').forEach(el => {
1848                    el.classList.add('revealed');
1849                });
1850            }, 800);
1851        });
1852    </script>
1852
1853    <!-- WIRE Concierge Widget -->
1854    <!-- WIRE kit (lead-capture intentionally omitted: site uses a custom registration + password gate) -->
1855    
1855<script src="wire-config.js"></script>
1855
1856    
1856<script src="wire-tracking.js" defer></script>
1856
1857    
1857<script src="wire-contact-form.js" defer></script>
1857
1858    
1858<script src="wire-mobile-cta.js" defer></script>
1858
1859
1860    
1860<script src="https://wire-concierge-production.up.railway.app/widget/wire-concierge.js"
1861            data-server-url="https://wire-concierge-production.up.railway.app"
1862            defer></script>
1862
1863
1864<!-- WIRE Miami Lead Alert System -->
1865<script id="wire-lead-alert">
1866(function() {
1867  'use strict';
1868
1869  // ── Configuration ──────────────────────────────────────
1870  var ALERT_ENDPOINT  = 'https://wire-concierge-production.up.railway.app/api/lead-alert';
1871  var SITE_NAME       = document.title || window.location.hostname;
1872  var SESSION_KEY     = 'wire_lead_alerted';
1873  var alreadyAlerted  = false;
1874  var messageCount    = 0;
1875  var conversationLog = [];
1876
1877  // ── Buying signal keywords ──────────────────────────────
1878  var PRICE_PATTERNS = [
1879    /pric(e|ing|ed)/i, /cost[s]?/i, /how much/i, /affordable/i,
1880    /budget/i, /starting (at|from)/i, /\$[\d,]+/i
1881  ];
1882  var AVAILABILITY_PATTERNS = [
1883    /availab(le|ility)/i, /unit[s]?\s*(available|left)/i, /inventory/i,
1884    /floor\s*plan/i, /which\s*(units?|floors?)/i, /still\s*(have|selling)/i
1885  ];
1886  var TOUR_PATTERNS = [
1887    /tour/i, /viewing/i, /visit/i, /see\s*the\s*(unit|property|building)/i,
1888    /schedule/i, /appointment/i, /show\s*(me|room|ing)/i
1889  ];
1890  var AGENT_PATTERNS = [
1891    /speak\s*(with|to)\s*(an?\s*)?(agent|broker|advisor|person|human|someone)/i,
1892    /talk\s*(to|with)/i, /connect\s*me/i, /real\s*person/i, /call\s*(me|you)/i,
1893    /phone\s*(number|call)/i, /can\s*I\s*(call|reach)/i
1894  ];
1895  var CONTACT_PATTERNS = [
1896    /�[\w.+-]+@[\w-]+\.[a-z]{2,}�/i,   // email
1897    /�(\+?1[-.\s]?)?\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}�/ // phone
1898  ];
1899  var FINANCE_PATTERNS = [
1900    /financ(e|ing|ial)/i, /mortgage/i, /closing\s*cost/i, /down\s*payment/i,
1901    /loan/i, /pre[\s-]?approv/i, /offer/i, /make\s*(an?\s*)?offer/i,
1902    /contract/i, /deposit/i, /cash\s*(buyer|purchase)/i
1903  ];
1904
1905  // ── Detect trigger type ──────────────────────────────────
1906  function detectTrigger(text) {
1907    for (var i = 0; i < PRICE_PATTERNS.length; i++)
1908      if (PRICE_PATTERNS[i].test(text)) return 'pricing_inquiry';
1909    for (var i = 0; i < AVAILABILITY_PATTERNS.length; i++)
1910      if (AVAILABILITY_PATTERNS[i].test(text)) return 'availability_inquiry';
1911    for (var i = 0; i < TOUR_PATTERNS.length; i++)
1912      if (TOUR_PATTERNS[i].test(text)) return 'tour_request';
1913    for (var i = 0; i < AGENT_PATTERNS.length; i++)
1914      if (AGENT_PATTERNS[i].test(text)) return 'agent_request';
1915    for (var i = 0; i < CONTACT_PATTERNS.length; i++)
1916      if (CONTACT_PATTERNS[i].test(text)) return 'contact_provided';
1917    for (var i = 0; i < FINANCE_PATTERNS.length; i++)
1918      if (FINANCE_PATTERNS[i].test(text)) return 'financing_inquiry';
1919    if (messageCount >= 5) return 'high_engagement';
1920    return null;
1921  }
1922
1923  // ── Fire alert ────────────────────────────────────────────
1924  function fireAlert(trigger, transcript) {
1925    if (alreadyAlerted) return;
1926    alreadyAlerted = true;
1927
1928    var payload = {
1929      site:       SITE_NAME,
1930      url:        window.location.href,
1931      trigger:    trigger,
1932      transcript: transcript,
1933      timestamp:  new Date().toISOString(),
1934      userAgent:  navigator.userAgent
1935    };
1936
1937    // POST to webhook
1938    try {
1939      fetch(ALERT_ENDPOINT, {
1940        method:  'POST',
1941        headers: { 'Content-Type': 'application/json' },
1942        body:    JSON.stringify(payload)
1943      }).catch(function(e) { console.warn('[WIRE Alert] webhook error:', e); });
1944    } catch(e) {
1945      // Fallback: XMLHttpRequest
1946      try {
1947        var xhr = new XMLHttpRequest();
1948        xhr.open('POST', ALERT_ENDPOINT, true);
1949        xhr.setRequestHeader('Content-Type', 'application/json');
1950        xhr.send(JSON.stringify(payload));
1951      } catch(e2) { /* silent fail */ }
1952    }
1953
1954    // Show visual indicator in chat
1955    showAdvisorNotification();
1956    console.log('[WIRE Alert] Lead alert fired. Trigger:', trigger);
1957  }
1958
1959  // ── Visual notification ──────────────────────────────────
1960  function showAdvisorNotification() {
1961    // Try to inject into known chat window containers
1962    var selectors = [
1963      '#wire-concierge-window',
1964      '.wire-chat-window',
1965      '[class*="chat-messages"]',
1966      '[class*="message-list"]',
1967      '[class*="chat-body"]',
1968      '[class*="chatbot-body"]',
1969      '[class*="conversation"]'
1970    ];
1971    var container = null;
1972    for (var i = 0; i < selectors.length; i++) {
1973      container = document.querySelector(selectors[i]);
1974      if (container) break;
1975    }
1976
1977    var banner = document.createElement('div');
1978    banner.className = 'wire-advisor-notified';
1979    banner.setAttribute('role', 'status');
1980    banner.innerHTML = '&#10003; A WIRE Miami advisor has been notified and may join shortly.';
1981
1982    if (container) {
1983      container.appendChild(banner);
1984    } else {
1985      // Fallback: append to body as floating banner
1986      banner.style.cssText = [
1987        'position:fixed',
1988        'bottom:90px',
1989        'right:20px',
1990        'z-index:999999',
1991        'background:rgba(42,42,42,0.95)',
1992        'border-left:3px solid #212121',
1993        'color:#212121',
1994        'font-family:Cormorant Garamond,serif',
1995        'font-size:13px',
1996        'letter-spacing:0.1em',
1997        'text-transform:uppercase',
1998        'padding:10px 16px',
1999        'max-width:280px',
2000        'box-shadow:0 4px 20px rgba(0,0,0,0.5)'
2001      ].join(';');
2002      document.body.appendChild(banner);
2003      // Auto-remove after 8 seconds
2004      setTimeout(function() {
2005        if (banner.parentNode) banner.parentNode.removeChild(banner);
2006      }, 8000);
2007    }
2008  }
2009
2010  // ── Monitor chat via MutationObserver ───────────────────
2011  function observeChatMessages() {
2012    var observer = new MutationObserver(function(mutations) {
2013      mutations.forEach(function(mutation) {
2014        mutation.addedNodes.forEach(function(node) {
2015          if (node.nodeType !== 1) return; // elements only
2016
2017          // Try to extract text from added node
2018          var text = (node.textContent || node.innerText || '').trim();
2019          if (!text || text.length < 3) return;
2020
2021          // Heuristic: if it's a chat message node (has message-like class)
2022          var cl = (node.className || '').toLowerCase();
2023          var isMessage = /message|bubble|chat|user|visitor|human|response/i.test(cl) ||
2024                          /message|bubble|chat/i.test(node.id || '');
2025
2026          if (isMessage || node.querySelector('[class*="message"]')) {
2027            messageCount++;
2028            conversationLog.push({ role: 'unknown', text: text, ts: Date.now() });
2029
2030            var trigger = detectTrigger(text);
2031            if (trigger && !alreadyAlerted) {
2032              fireAlert(trigger, conversationLog.slice());
2033            }
2034          }
2035        });
2036      });
2037    });
2038
2039    observer.observe(document.body, {
2040      childList: true,
2041      subtree:   true
2042    });
2043    return observer;
2044  }
2045
2046  // ── Listen for postMessage events from widget iframe ─────
2047  function listenForWidgetMessages() {
2048    window.addEventListener('message', function(e) {
2049      if (!e.data) return;
2050      var d = e.data;
2051
2052      // Accept common wire-concierge message formats
2053      if (typeof d === 'object') {
2054        var text    = d.text || d.message || d.content || d.userMessage || '';
2055        var isUser  = d.role === 'user' || d.type === 'user_message' ||
2056                      d.sender === 'user' || d.from === 'user';
2057
2058        if (text && isUser) {
2059          messageCount++;
2060          conversationLog.push({ role: 'user', text: text, ts: Date.now() });
2061          var trigger = detectTrigger(text);
2062          if (trigger && !alreadyAlerted) {
2063            fireAlert(trigger, conversationLog.slice());
2064          }
2065        } else if (text) {
2066          // Bot message: just log
2067          conversationLog.push({ role: 'bot', text: text, ts: Date.now() });
2068          // Still check high-engagement
2069          if (messageCount >= 5 && !alreadyAlerted) {
2070            fireAlert('high_engagement', conversationLog.slice());
2071          }
2072        }
2073      }
2074    }, false);
2075  }
2076
2077  // ── Wire-concierge specific event listener ──────────────
2078  function listenForWireEvents() {
2079    // The wire-concierge widget may dispatch custom DOM events
2080    document.addEventListener('wire:message', function(e) {
2081      var detail = e.detail || {};
2082      var text   = detail.text || detail.message || '';
2083      var role   = detail.role || detail.sender || 'unknown';
2084
2085      if (text) {
2086        messageCount++;
2087        conversationLog.push({ role: role, text: text, ts: Date.now() });
2088        if (role === 'user' || role === 'visitor') {
2089          var trigger = detectTrigger(text);
2090          if (trigger && !alreadyAlerted) {
2091            fireAlert(trigger, conversationLog.slice());
2092          }
2093        } else if (messageCount >= 5 && !alreadyAlerted) {
2094          fireAlert('high_engagement', conversationLog.slice());
2095        }
2096      }
2097    });
2098
2099    document.addEventListener('wire:lead', function(e) {
2100      var detail = e.detail || {};
2101      fireAlert('wire_lead_event', conversationLog.slice().concat([detail]));
2102    });
2103  }
2104
2105  // ── Initialize ───────────────────────────────────────────
2106  function init() {
2107    observeChatMessages();
2108    listenForWidgetMessages();
2109    listenForWireEvents();
2110  }
2111
2112  if (document.readyState === 'loading') {
2113    document.addEventListener('DOMContentLoaded', init);
2114  } else {
2115    init();
2116  }
2117
2118})();
2119</script>
2119
2120
2121<!-- WIRE Hub Portfolio Link -->
2122<style>
2123.wire-hub-btn {
2124  position: fixed;
2125  bottom: 20px;
2126  left: 20px;
2127  z-index: 9998;
2128  background:#212121;
2129  border:1px solid rgba(255,255,255,0.25);
2130  color:#FFFFFF;
2131  font-family: 'Instrument Sans', sans-serif;
2132  font-size: 0.6rem;
2133  letter-spacing: 0.15em;
2134  text-transform: uppercase;
2135  text-decoration: none;
2136  padding: 9px 16px;
2137  display: flex;
2138  align-items: center;
2139  gap: 8px;
2140  transition: background 0.2s;
2141}
2142.wire-hub-btn:hover { background:#424242; }
2143.wire-hub-btn svg { width: 12px; height: 12px; flex-shrink: 0; }
2144</style>
2145<a class='wire-hub-btn' href='https://wiremiami.com/wire-hub.html' title='WIRE Miami Full Portfolio' target="_blank" rel="noopener noreferrer">
2146  
2147  View All Properties
2148</a>
2149<script src="wire-botguard.js" defer></script>
2149
2150</body>
2151</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.