PageSourceSearch

https://winchdesign.com/contact

html winchdesign.com collected 2026-10-03 23:49:58 UTC 124,931 bytes, 1,550 lines download raw bytes

1<!doctype html>
2<html class="scroll-smooth">
3    <head>
4        <meta charset="UTF-8">
5        <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
7        <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
8        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
9        <link rel="shortcut icon" href="/favicon.ico" />
10        <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
11        <meta name="apple-mobile-web-app-title" content="Winch Design" />
12        <link rel="manifest" href="/site.webmanifest" />
13
14                <link rel="stylesheet" href="https://winchdesign.com//dist/assets/css-BY8hnWJl.css">
15        <link rel="stylesheet" href="https://use.typekit.net/ybu6ecj.css">
16        
17        
17<script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script>
vendor: 2 bytes, line 17
17
18<script type="module" src="https://winchdesign.com//dist/assets/app-BKHfgq53.js" crossorigin onload="e=new CustomEvent(&#039;vite-script-loaded&#039;, {detail:{path: &#039;resources/js/app.js&#039;}});document.dispatchEvent(e);"></script>
18
19
20					
21		
22    <title>Winch Design | Contact Us</title>
23<script>window.dataLayer = window.dataLayer || [];
24function gtag(){dataLayer.push(arguments)};
25gtag('js', new Date());
26gtag('config', 'G-EB47ET15E4', {'send_page_view': true,'anonymize_ip': false,'link_attribution': true,'allow_display_features': true});
27</script>
vendor: 1 bytes, line 27
27
28<script>dataLayer = [];
vendor: 328 bytes, lines 28-33
28
29(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
30new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
31j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
32'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
33})(window,document,'script','dataLayer','
33GTM-W98RDW2
vendor: 4 bytes, line 33
33');
34</script>
34<meta name="generator" content="SEOmatic">
35<meta name="description" content="Get in touch with Winch Design here to request more information about our services or speak to a member of our team.">
36<meta name="referrer" content="no-referrer-when-downgrade">
37<meta name="robots" content="all">
38<meta content="en" property="og:locale">
39<meta content="Winch Design" property="og:site_name">
40<meta content="website" property="og:type">
41<meta content="https://winchdesign.com/contact" property="og:url">
42<meta content="Contact Us" property="og:title">
43<meta content="Get in touch with Winch Design here to request more information about our services or speak to a member of our team." property="og:description">
44<meta content="https://winch-craft-v2.s3.amazonaws.com/Generic-Images/_1200x630_crop_center-center_82_none/914_Seychelles_012.jpg?mtime=1775057811" property="og:image">
45<meta content="1200" property="og:image:width">
46<meta content="630" property="og:image:height">
47<meta name="twitter:card" content="summary_large_image">
48<meta name="twitter:creator" content="@">
49<meta name="twitter:title" content="Contact Us">
50<meta name="twitter:description" content="Get in touch with Winch Design here to request more information about our services or speak to a member of our team.">
51<meta name="twitter:image" content="https://winch-craft-v2.s3.amazonaws.com/Generic-Images/_1200x630_crop_center-center_82_none/914_Seychelles_012.jpg?mtime=1775057811">
52<meta name="twitter:image:width" content="1200">
53<meta name="twitter:image:height" content="630">
54<link href="https://winchdesign.com/contact" rel="canonical">
55<link href="https://winchdesign.com/" rel="home">
56<link type="text/plain" href="https://winchdesign.com/humans.txt" rel="author">
57<link href="https://winchdesign.com/cpresources/23c74f76/css/formie-theme.css?v=1772512328" rel="stylesheet"></head>
58    <body class="antialiased font-sans" id="top">
vendor: 63 bytes, line 58
58<script async src="https://www.googletagmanager.com/gtag/js?id=
58G-EB47ET15E4
vendor: 13 bytes, lines 58-59
58"></script>
59
60<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W98RDW2"
61height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
62
63        
64
65<nav
66    class="bg-white w-full sticky top-0 inset-x-0 z-[5000] text-brand-primary"
67    x-data="{
68        handleScroll() {
69            this.$store.navigation.scrolled = this.$store.navigation.scrolled 
70                ? window.scrollY > 0 
71                : window.scrollY > 35;
72
73            this.recalulateCurrentHeaderHeight();
74        },
75        recalulateInitialHeaderHeight() {
76            let root = document.querySelector(':root');
77            let height = this.$el.offsetHeight;
78
79            if(height > 0) {
80                height = height - 1;
81            }
82
83            root.style.setProperty('--header-height', height + 'px');
84            root.style.setProperty('--header-current-height', height + 'px');
85        },
86        recalulateCurrentHeaderHeight() {
87            let root = document.querySelector(':root');
88            let height = this.$el.offsetHeight;
89
90            if(height > 0) {
91                height = height - 1;
92            }
93
94            root.style.setProperty('--header-current-height', height + 'px');
95        },
96        init() {
97            this.recalulateInitialHeaderHeight();
98        }
99    }"
100    x-on:resize.window="recalulateInitialHeaderHeight"
101    x-on:scroll.window.passive="handleScroll"
102    x-trap.noautofocus.noscroll="$store.navigation.menuOpen || $store.navigation.openMegaMenu !== null"
103>
104    <div
105    class="grid grid-cols-6 lg:flex lg:justify-between items-center px-6 lg:px-12 py-5.5 lg:py-6.5"
106    x-bind:class="{
107        '!py-3.5 lg:!py-2.5' : $store.navigation.scrolled,
108    }"
109>
110        <div class="lg:hidden w-[15px] h-[15px]" x-on:click="$store.navigation.menuOpen = !$store.navigation.menuOpen">
111        <svg x-show="!$store.navigation.menuOpen" width="22" height="13" viewBox="0 0 22 13" fill="none" xmlns="http://www.w3.org/2000/svg">
112            <path d="M1 1H21M1 6.5H21M1 12H21" stroke="#976A4D" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
113        </svg>
114        <svg x-show="$store.navigation.menuOpen" width="23" height="13" viewBox="0 0 23 13" fill="none" xmlns="http://www.w3.org/2000/svg">
115            <path d="M1 1H21.1667M1 6.5H12M1 12H21.1667" stroke="#976A4D" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
116        </svg>
117    </div>
118
119        <div class="hidden lg:block w-[15px] h-[15px]">
120                    
121            <a class="no-underline" href="https://www.instagram.com/winchdesign_wd/" rel="noopener noreferrer" target="_blank">                <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
122                    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.40795 0.045C5.20773 0.00818181 5.46273 0 7.5 0C9.53727 0 9.79227 0.00886363 10.5914 0.045C11.3905 0.0811364 11.9359 0.208636 12.4132 0.393409C12.913 0.582273 13.3664 0.8775 13.7414 1.25932C14.1232 1.63364 14.4177 2.08636 14.6059 2.58682C14.7914 3.06409 14.9182 3.60955 14.955 4.40727C14.9918 5.20841 15 5.46341 15 7.5C15 9.53659 14.9911 9.79227 14.955 10.592C14.9189 11.3898 14.7914 11.9352 14.6059 12.4125C14.4176 12.913 14.1226 13.3664 13.7414 13.7414C13.3664 14.1232 12.913 14.4177 12.4132 14.6059C11.9359 14.7914 11.3905 14.9182 10.5927 14.955C9.79227 14.9918 9.53727 15 7.5 15C5.46273 15 5.20773 14.9911 4.40795 14.955C3.61023 14.9189 3.06477 14.7914 2.5875 14.6059C2.08702 14.4176 1.63356 14.1226 1.25864 13.7414C0.877213 13.3667 0.581962 12.9135 0.393409 12.4132C0.208636 11.9359 0.0818182 11.3905 0.045 10.5927C0.00818181 9.79159 0 9.53659 0 7.5C0 5.46341 0.00886363 5.20773 0.045 4.40864C0.0811364 3.60955 0.208636 3.06409 0.393409 2.58682C0.582162 2.08646 0.877649 1.63322 1.25932 1.25864C1.63378 0.877296 2.08677 0.58205 2.58682 0.393409C3.06409 0.208636 3.61023 0.0818182 4.40795 0.045ZM10.53 1.395C9.73909 1.35886 9.50182 1.35136 7.49932 1.35136C5.49682 1.35136 5.25955 1.35886 4.46864 1.395C3.73705 1.42841 3.34023 1.55045 3.07568 1.65341C2.72591 1.78977 2.47568 1.95136 2.21318 2.21386C1.96413 2.45577 1.7726 2.75052 1.65273 3.07636C1.54977 3.34091 1.42773 3.73773 1.39432 4.46932C1.35818 5.26023 1.35068 5.4975 1.35068 7.5C1.35068 9.5025 1.35818 9.73977 1.39432 10.5307C1.42773 11.2623 1.54977 11.6591 1.65273 11.9236C1.77273 12.2489 1.96432 12.5441 2.21318 12.7861C2.45523 13.035 2.75045 13.2266 3.07568 13.3466C3.34023 13.4495 3.73705 13.5716 4.46864 13.605C5.25955 13.6411 5.49614 13.6486 7.49932 13.6486C9.5025 13.6486 9.73909 13.6411 10.53 13.605C11.2616 13.5716 11.6584 13.4495 11.923 13.3466C12.2727 13.2102 12.523 13.0486 12.7855 12.7861C13.0343 12.5441 13.2259 12.2489 13.3459 11.9236C13.4489 11.6591 13.5709 11.2623 13.6043 10.5307C13.6405 9.73977 13.648 9.5025 13.648 7.5C13.648 5.4975 13.6405 5.26023 13.6043 4.46932C13.5709 3.73773 13.4489 3.34091 13.3459 3.07636C13.2095 2.72659 13.048 2.47636 12.7855 2.21386C12.5436 1.96481 12.2488 1.77328 11.923 1.65341C11.6584 1.55045 11.2616 1.42841 10.53 1.395ZM6.54136 9.81205C7.07636 10.0347 7.67208 10.0648 8.22677 9.89708C8.78146 9.72936 9.26072 9.37426 9.58269 8.89244C9.90465 8.41062 10.
1220494 7.83196 9.99208 7.2553C9.9348 6.67864 9.67909 6.13975 9.26864 5.73068C9.00698 5.46919 8.6906 5.26896 8.34227 5.14442C7.99395 5.01987 7.62234 4.97411 7.2542 5.01042C6.88607 5.04673 6.53056 5.16421 6.21327 5.35441C5.89599 5.5446 5.62483 5.80278 5.4193 6.11035C5.21377 6.41793 5.07899 6.76724 5.02467 7.13316C4.97035 7.49907 4.99783 7.87247 5.10514 8.22649C5.21245 8.5805 5.39692 8.90633 5.64526 9.18049C5.89361 9.45466 6.19965 9.67035 6.54136 9.81205ZM4.77409 4.77409C5.13206 4.41612 5.55704 4.13216 6.02475 3.93843C6.49246 3.7447 6.99375 3.64498 7.5 3.64498C8.00625 3.64498 8.50754 3.7447 8.97525 3.93843C9.44296 4.13216 9.86794 4.41612 10.2259 4.77409C10.5839 5.13206 10.8678 5.55704 11.0616 6.02475C11.2553 6.49246 11.355 6.99375 11.355 7.5C11.355 8.00625 11.2553 8.50754 11.0616 8.97525C10.8678 9.44296 10.5839 9.86794 10.2259 10.2259C9.50295 10.9489 8.52241 11.355 7.5 11.355C6.47759 11.355 5.49705 10.9489 4.77409 10.2259C4.05113 9.50295 3.64498 8.52241 3.64498 7.5C3.64498 6.47759 4.05113 5.49705 4.77409 4.77409ZM12.21 4.21909C12.2987 4.13541 12.3697 4.03478 12.4188 3.92316C12.468 3.81155 12.4942 3.69121 12.496 3.56927C12.4977 3.44734 12.475 3.32628 12.4292 3.21328C12.3833 3.10028 12.3153 2.99762 12.2291 2.91139C12.1428 2.82516 12.0402 2.75711 11.9272 2.71126C11.8142 2.66542 11.6931 2.64271 11.5712 2.64449C11.4492 2.64627 11.3289 2.67249 11.2173 2.72161C11.1057 2.77073 11.005 2.84175 10.9214 2.93045C10.7586 3.10297 10.6695 3.33213 10.673 3.56927C10.6764 3.80641 10.7722 4.03287 10.9399 4.20057C11.1076 4.36828 11.334 4.46402 11.5712 4.46748C11.8083 4.47093 12.0375 4.38183 12.21 4.21909Z" fill="#976A4D"/>
123                </svg>
124            </a>
125            </div>
126
127        <div class="col-span-4 flex justify-center items-center flex-grow">
128                <div class="hidden lg:flex justify-end mr-14 flex-1">
129            <ul class="flex space-x-9">
130                                    <li class="font-medium text-xxs uppercase tracking-[2.1px] text-center">
131                        <a
132                            href="https://winchdesign.com/about-winch"
133                                                        x-on:click.prevent="$store.navigation.toggleMegaMenu('2')"
134                                                    >About</a>
135                    </li>
136                                    <li class="font-medium text-xxs uppercase tracking-[2.1px] text-center">
137                        <a
138                            href="https://winchdesign.com/studio"
139                                                        x-on:click.prevent="$store.navigation.toggleMegaMenu('3')"
140                                                    >Studio</a>
141                    </li>
142                                    <li class="font-medium text-xxs uppercase tracking-[2.1px] text-center">
143                        <a
144                            href="https://winchdesign.com/portfolio"
145                                                        x-on:click.prevent="$store.navigation.toggleMegaMenu('4')"
146                                                    >Portfolio</a>
147                    </li>
148                            </ul>
149        </div>
150
151                <div class="uppercase flex items-center justify-center w-[181px] flex-none">
152            <a href="/" x-show="!$store.navigation.scrolled" x-cloak>
153                <svg width="181" height="15" viewBox="0 0 181 15" fill="none" xmlns="http://www.w3.org/2000/svg">
154                    <path d="M141.934 14.7306H144.873V0.241608H141.934V14.7332V14.7306Z" fill="#976A4D"/>
155                    <path d="M24.1016 14.7306H27.041V0.241608H24.1016V14.7332V14.7306Z" fill="#976A4D"/>
156                    <path d="M77.7959 0.244247V5.8699H71.3496V0.244247H68.4102V14.7359H71.3496V8.71968H77.7959V14.7385H80.7354V0.244247H77.7959Z" fill="#976A4D"/>
157                    <path d="M112.262 0.238968L112.267 14.7306H121.948V11.8993H115.206V8.65634H121.114V5.80921H115.206V3.07818H121.568L121.563 0.238968H112.262Z" fill="#976A4D"/>
158                    <path d="M100.893 0.238968H95.4414V14.7332H100.893C104.78 14.7147 107.914 11.551 107.899 7.6642C107.899 7.60615 107.899 7.5481 107.896 7.49005C107.907 3.57689 104.803 0.365624 100.893 0.238968ZM98.3782 3.07027H100.632C103.033 3.12832 104.951 5.08622 104.956 7.49005C104.962 9.75403 103.255 11.6565 101.001 11.8914H98.3756V3.07027H98.3782Z" fill="#976A4D"/>
159                    <path d="M60.8201 10.1842C59.9757 11.3215 58.6406 11.9891 57.2236 11.9838C54.7406 11.9812 52.7299 9.97048 52.7273 7.48749C52.7299 5.00449 54.7406 2.99382 57.2236 2.99118C58.4954 2.99118 59.7039 3.53211 60.5589 4.47412L61.0787 5.04935L63.2556 3.07826L62.7358 2.50303C61.3267 0.946209 59.324 0.0569752 57.2236 0.0543365C53.1178 0.0543365 49.7878 3.38171 49.7852 7.48749C49.7878 11.5933 53.1178 14.9206 57.2236 14.9206C59.5641 14.9312 61.7727 13.8282 63.1712 11.9468L63.6408 11.3268L61.2871 9.56413L60.8201 10.1842Z" fill="#976A4D"/>
160                    <path d="M164.272 6.78821H157.124V9.48758H160.984C160.232 11.1104 158.604 12.1474 156.817 12.1447C154.245 12.1447 152.16 10.0602 152.158 7.48746C152.158 4.91475 154.245 2.8302 156.817 2.827
16056C158.052 2.82756 159.237 3.31835 160.105 4.19703L160.443 4.53478L162.567 2.71673L162.19 2.32357C160.791 0.856466 158.849 0.0305602 156.823 0.0358375C152.709 0.0411149 149.376 3.37376 149.371 7.48482C149.376 11.5985 152.709 14.9312 156.82 14.9364C160.952 14.881 164.272 11.5141 164.269 7.38191V6.78557L164.272 6.78821Z" fill="#976A4D"/>
161                    <path d="M132.855 5.97281L131.308 5.56382C130.203 5.24981 129.717 4.83818 129.73 4.22864C129.749 3.39218 130.604 2.80904 131.812 2.80904C132.77 2.80904 133.659 3.29983 134.177 4.10463L134.572 4.6693L136.557 2.69294L136.264 2.29186C135.25 0.819475 133.562 -0.0407337 131.778 0.0014851C130.688 -0.022263 129.622 0.315488 128.744 0.959325C127.664 1.78523 127.028 3.06499 127.023 4.42391C126.991 5.75116 127.585 7.50588 130.591 8.35553L132.137 8.76453C133.644 9.20519 134.161 9.95457 134.148 10.5113C134.116 11.9811 132.385 12.0972 131.857 12.0972C130.535 12.0998 129.3 11.4428 128.561 10.3477L128.166 9.78306L126.152 11.8069L126.435 12.2027C127.672 13.9574 129.691 14.9944 131.839 14.9786C135.596 14.9786 136.95 12.5062 136.971 10.3847C136.984 8.88855 136.282 6.9069 132.855 5.97017" fill="#976A4D"/>
162                    <path d="M16.0168 0.246872L13.3623 8.96242L10.1457 0.246872H6.945L8.06643 3.10456L6.22991 9.12338L2.96323 0.246872H0L5.02404 14.7306H7.41204L9.75782 7.52434L12.3859 14.7306H14.7845L19.1198 0.246872H16.0168Z" fill="#976A4D"/>
163                    <path d="M42.5021 0.244247V9.25533L35.1561 0.244247H32.7812V14.7359H35.7207V5.78811L43.0721 14.7147V14.7042L43.0985 14.7359H45.4443V0.244247H42.5048H42.5021Z" fill="#976A4D"/>
164                    <path d="M178.059 0.244247V9.25533L170.711 0.244247H168.336V14.7359H171.275V5.78811L178.627 14.7147V14.7042L178.653 14.7359H180.999V0.244247H178.059Z" fill="#976A4D"/>
165                </svg>
166            </a>
167            <a href="/" class="-my-[3px]" x-show="$store.navigation.scrolled" x-cloak>
168                <svg xmlns="http://www.w3.org/2000/svg" height="39" viewBox="0 0 399.1 318.5"><defs><style>.st0{fill:#8e654e}</style></defs><path d="M116.4 258.4v-83.9H4.2v-8.9L142.6 2.7h7.6v162.6h21.2v9.4h-21.2v83.7zm-.1-211.5L16.1 165.2h100.2zM327.1 165.3V164h-2.6v-1.5c0-2.6-2.1-4.7-4.7-4.7h-60.1c-2.6 0-4.7 2.1-4.7 4.7v1.5h-3.1v1.3H184v9.3h67.9v1h3.2v6.2h2c1.4 2.7 6.4 12.9 6.4 24.9s-9.8 21.7-11.8 23.5h-3.3v9.2h-3.1v6.8h-6.4v12.2h100.8v-12.2h-6.4v-6.8h-3.2v-9.2h-3.3c-2-1.8-11.8-11.2-11.8-23.5s5-22.2 6.4-24.9h2.6v-6.2h3.1v-1h67.8v-9.3zm-119.2 6.4H187v-3.5h20.9zm20.8 0h-17.9v-3.5h17.9zm23.3 0h-20.3v-3.5H252zm6-9.2c0-1 .8-1.8 1.7-1.8h60.1c1 0 1.7.8 1.7 1.8v1.5h-27.3c-1.2-.8-2.6-1.3-4.1-1.3s-2.9.5-4.1 1.3h-28.1v-1.5Zm36.3 7.4c0 2.3-1.9 4.2-4.2 4.2s-4.2-1.9-4.2-4.2 1.9-4.2 4.2-4.2 4.2 1.9 4.2 4.2m-39.2 2.8h-.3v-5.8h28.8c-.4.9-.6 1.9-.6 2.9s.2 2 .6 2.9zm11.4 34.1c0-11.2-4-20.8-6-24.9h15.3c.9 2.6 3.3 10.5 3.3 22s-5.9 23.5-7.5 26.4h-15.5c3.9-4.1 10.5-12.6 10.5-23.5Zm12.3-24.9h19.7c-1.1 3.5-3.1 11.2-3.1 22s4.8 21.9 7.1 26.4h-27.8c2.3-4.4 7.1-15 7.1-26.4s-2-18.5-3.1-22Zm-20.4 73.6h-16.7v-6.3h16.7zm19.6 0h-16.7v-6.3H278zm19.6 0h-16.7v-6.3h16.7zm19.6 0h-16.7v-6.3h16.7zm19.5-6.3v6.3H320v-6.3zm-6.4-6.8v3.8h-82.1v-3.8zm-3.2-9.2v6.3h-75.8v-6.3zM312 206.8c0 10.9 6.6 19.4 10.5 23.5h-16.6c-1.6-2.9-7.5-14.3-7.5-26.4s2.4-19.4 3.3-22h16.4c-2 4.2-6 13.7-6 24.9Zm9.1-27.9h-63v-3.3h28c1.2.8 2.6 1.3 4.1 1.3s3-.5 4.1-1.3h26.8zm3-6.2h-27.4c.4-.9.6-1.8.6-2.9s-.2-2-.6-2.9h27.5v5.8Zm23.2-1h-20.2v-3.5h20.2zm20.9 0h-17.9v-3.5h17.9zm23.8 0h-20.9v-3.5H392z" class="st0"/><path d="M394.1 187.3h-39.2c.3 4.9.4 9.9.4 14.9 0 53.2-14 108.1-66 108.1s-66-55.3-66-108.1.1-9.9.4-14.9H185c-.5 4.8-.8 9.6-.8 14.5 0 58.7 38.7 114.1 105.1 114.1s105.6-55.3 105.6-114.5-.3-9.4-.8-14ZM289.3 94c36.2 0 53.9 26.2 61.3 60h35.2c-15.1-37.4-48.6-65.5-96.6-65.5s-81 28-96.1 65.5h34.6c7.4-33.9 24.9-60 61.5-60Z" class="st0"/></svg>
169            </a>
170        </div>
171
172                <div class="hidden lg:flex justify-start ml-14 flex-1">
173            <div class="flex space-x-9">
174                                    <div class="font-medium text-xxs uppercase tracking-[2.1px] text-center">
175                        <a
176                            href="https://winchdesign.com/our-world"
177                                                        x-on:click.prevent="$store.navigation.toggleMegaMenu('933')"
178                                                    >Our World</a>
179                    </div>
180                                    <div class="font-medium text-xxs uppercase tracking-[2.1px] text-center">
181                        <a
182                            href="https://winchdesign.com/careers"
183                                                    >Careers</a>
184                    </div>
185                                    <div class="font-medium text-xxs uppercase tracking-[2.1px] text-center">
186                        <a
187                            href="https://winchdesign.com/contact"
188                                                    >Contact</a>
189                    </div>
190                            </div>
191        </div>
192    </div>
193
194        <div class="flex justify-end">
195        <a href="/" class="block no-underline">
196            <svg class="w-12 lg:w-16" width="51" height="25" viewB
196ox="0 0 51 25" fill="none" xmlns="http://www.w3.org/2000/svg">
197                <path d="M25.6613 4.01411C26.2112 4.07079 26.6799 3.53095 26.6702 2.99819C26.6592 2.40025 26.2112 1.96384 25.664 1.95818C25.0824 1.95109 24.6592 2.56036 24.6578 2.98402C24.6578 3.53662 25.1595 4.07363 25.6613 4.01411ZM6.477 3.44027H10.7706V2.62979H6.46459C6.46459 2.84941 6.46459 3.05061 6.46459 3.25323C6.46459 3.30991 6.47149 3.36659 6.47838 3.44027M44.5202 2.62696H40.2266V3.43743H44.5202V2.62696ZM11.5591 3.44027H16.3944V2.63121H11.5591V3.44027ZM34.6001 3.44027H39.4837V2.63263H34.6001V3.44027ZM0.763622 3.43743H5.73268V2.61987H0.763622V3.43743ZM45.2563 3.44027H50.2874V2.63263H45.2563V3.44027ZM36.9199 22.757H32.9281V24.2292H36.9199V22.757ZM28.1865 24.2249H32.1782V22.7528H28.1865V24.2249ZM27.4449 22.7584H23.4559V24.2278H27.4449V22.7584ZM13.9754 24.2278H17.9727V22.7599H13.9754V24.2278ZM18.7156 24.2235H22.706V22.7542H18.7156V24.2235ZM27.3374 3.69389H33.8585V2.32941H27.3374V3.69389ZM17.1374 3.69248H24.0031V2.32232H17.1374V3.69248ZM17.9231 5.20716H33.1197V4.46186C33.0811 4.45194 33.0576 4.44061 33.0356 4.44061C30.9556 4.43919 28.877 4.43777 26.7998 4.44061C26.7323 4.44061 26.6606 4.47603 26.5999 4.51145C26.0293 4.85151 25.4559 4.88268 24.8577 4.58088C24.6964 4.4987 24.5048 4.44344 24.327 4.44344C22.2898 4.43352 20.2511 4.43635 18.2139 4.43635H17.9244V5.20716H17.9231ZM33.2065 1.52885C33.3223 1.02726 33.1087 0.725462 32.578 0.726879C27.8832 0.742465 23.1898 0.739631 18.4951 0.73113C18.0306 0.73113 17.7921 1.00318 17.9575 1.52885H18.247C20.2691 1.52885 22.2925 1.5331 24.3146 1.52318C24.5158 1.52318 24.7281 1.45659 24.9183 1.38008C25.4559 1.16329 25.9769 1.16045 26.5007 1.424C26.6179 1.48351 26.7585 1.5246 26.888 1.5246C28.9018 1.53027 30.9156 1.52885 32.9308 1.52885H33.2079H33.2065ZM15.5564 21.9451H35.3389V21.0355H15.5564V21.9451ZM34.6028 18.75H16.3007V20.2675H34.6028V18.75ZM17.4971 17.9891C17.5261 17.9948 17.5495 18.0033 17.5729 18.0047C18.7074 18.0047 19.8418 18.0104 20.9748 17.9976C21.0658 17.9976 21.1912 17.8914 21.2381 17.8007C21.7219 16.8655 22.1285 15.8963 22.4193 14.879C22.8177 13.4791 23.0754 12.0608 22.9266 10.59C22.8535 9.87588 22.8301 9.15609 22.7198 8.44905C22.6026 7.70659 22.4042 6.97688 22.2498 6.24008C22.2126 6.05872 22.1299 6.00063 21.9479 6.00204C20.8962 6.01054 19.8445 6.00629 18.7914 6.00629C18.7156 6.00629 18.6398 6.01763 18.5447 6.02613C18.6219 6.22025 18.6825 6.38319 18.7515 6.54047C19.4034 8.01548 19.7963 9.56699 19.9176 11.1752C19.9768 11.9474 19.9341 12.7437 19.8197 13.5088C19.6474 14.6495 19.1636 15.6824 18.5116 16.6232C18.1918 17.0837 17.8445 17.523 17.4999 17.9863M28.4401 6.0233C28.0486 7.19367 27.8432 8.39662 27.7344 9.61375C27.6723 10.3151 27.6516 11.0264 27.6875 11.7306C27.7247 12.4674 27.8033 13.2113 27.9521 13.9325C28.2347 15.2956 28.7516 16.5807 29.3815 17.8148C29.4587 17.965 29.5428 18.0104 29.7013 18.009C30.8591 18.0019 32.0184 18.0047 33.1762 18.0047C33.2534 18.0047 33.3292 17.9948 33.4229 17.9891C33.3954 17.9395 33.3871 17.9154 33.3719 17.8984C32.6069 17.0455 31.9715 16.1032 31.5276 15.0306C31.2341 14.3222 31.0121 13.5868 30.9749 12.8216C30.9308 11.9276 30.9515 11.0292 31.1059 10.138C31.2823 9.11217 31.5345 8.11183 31.9053 7.14266C32.0459 6.77426 32.1975 6.41153 32.3547 6.02188H28.4401V6.0233ZM21.9796 17.9863H28.651C26.6165 14.1266 26.5241 10.1295 27.6572 6.02755H22.9638C23.5358 8.03531 23.7756 10.0657 23.6654 12.1174C23.5551 14.1847 22.9114 16.1188 21.9782 17.9863M35.3265 18.0061V20.2732H36.0542V21.9522H37.6242V25H13.2752V21.9692H14.8272V20.3001H15.5633V18.0061C15.7755 18.0061 15.9547 17.9934 16.1312 18.0104C16.3131 18.0274 16.4344 17.9537 16.5598 17.8276C17.6694 16.7096 18.5282 15.4288 18.9803 13.8857C19.2339 13.0172 19.2601 12.1344 19.1829 11.2319C19.0823 10.0459 18.8218 8.90388 18.4344 7.78735C18.2814 7.35094 18.0995 6.92304 17.9286 6.49229C17.8031 6.17632 17.6694 5.87027 17.2077 6.0403V4.44344H16.4372C16.4179 4.34851 16.4041 4.27766 16.3848 4.18414H0V1.88591H16.3972C16.4082 1.75556 16.4165 1.65779 16.4261 1.53452H17.1208C17.1498 1.3064 17.1622 1.09811 17.2035 0.896908C17.3221 0.348563 17.7466 0.00850449 18.2966 0.00850449C23.1319 0.00850449 27.9659 0.0141721 32.8013 3.01988e-06C33.3416 -0.00141389 34.0377 0.495922 33.9453 1.18029C33.9315 1.27806 33.9439 1.38149 33.9439 1.51752H34.5656C34.5794 1.64929 34.589 1.74706 34.6014 1.87883H51V4.17848H34.6097C34.5932 4.27058 34.5808 4.34142 34.5642 4.43494H33.8544V5.97796C33.7937 5.99071 33.7523 6.01338 33.7179 6.00488C33.2396 5.88161 33.0811 6.20466 32.9295 6.57306C32.5256 7.54506 32.1631 8.53123 31.9687 9.57266C31.8654 10.1267 31.7937 10.6878 31.7289 11.2475C31.6903 11.579 31.682 11.9162 31.6779 12.2506C31.6669 13.1319 31.8846 13.9693 32.2265 14.7642C32.7186 15.9105 33.4257 16.9052 34.2954 17.7823C34.4539 17.9424 34.6056 18.0345 34.8316 18.0075C34.9846 17.9891 35.1404 18.0033 35.3292 
19718.0033" fill="#976A4D"/>
198            </svg>
199        </a>
200    </div>
201</div>
202</nav>
203
204<div 
205    class="fixed top-0 inset-x-0 w-full h-[100dvh] z-[4998] bg-brand-secondary/90 backdrop-blur-sm lg:hidden pointer-events-none"
206    x-data
207    x-show="$store.navigation.menuOpen"
208    x-transition:enter="transition ease-out duration-1000"
209    x-transition:enter-start="opacity-0"
210    x-transition:enter-end="opacity-100"
211    x-transition:leave="transition ease-in duration-1000"
212    x-transition:leave-start="opacity-100"
213    x-transition:leave-end="opacity-0"
214    x-cloak
215></div>
216
217<div 
218    class="fixed top-0 inset-x-0 w-full h-[100dvh] overflow-hidden z-[4999] flex-grow lg:hidden px-6 pt-[var(--header-current-height)]"
219    x-data
220    x-show="$store.navigation.menuOpen"
221    x-cloak 
222>
223    <div class="relative flex flex-col justify-between flex-grow h-full">
224        <div class="py-14 invisible">
225            <button class="text-white leading-none" x-on:click="subItem = null">Back</button>
226        </div>
227
228        <ul 
229            class="w-full space-y-10 flex-1 overflow-y-auto"
230            x-show="$store.navigation.menuOpen"
231            x-transition:enter="transition ease-out duration-700"
232            x-transition:enter-start="opacity-0 -translate-y-full"
233            x-transition:enter-end="opacity-100 translate-y-0"
234            x-transition:leave="transition ease-in duration-700"
235            x-transition:leave-start="opacity-100 translate-y-0"
236            x-transition:leave-end="opacity-0 -translate-y-full"
237            x-data
238            x-cloak  
239        >
240                            <li 
241                    class="flex items-center cursor-pointer"
242                    x-on:keyup.escape="$store.navigation.menuOpen = false;"
243                >
244                                            <button 
245                            type="button"
246                            x-on:click="$store.navigation.openMegaMenu = '2'"
247                            class="flex items-center justify-between w-full"
248                        >
249                            <span class="font-medium text-lg tracking-[2.1px] leading-none uppercase text-white">About</span>
250                            <svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
251                                <path fill-rule="evenodd" clip-rule="evenodd" d="M7.71797 6.81269L2.26762 12.263L0.905273 10.9007L5.67445 6.13152L0.905273 1.36235L2.26762 0L7.71797 5.45035C7.89859 5.63102 8.00006 5.87604 8.00006 6.13152C8.00006 6.387 7.89859 6.63202 7.71797 6.81269Z" fill="#976A4D"/>
252                            </svg>
253                        </button>
254                                    </li>
255                            <li 
256                    class="flex items-center cursor-pointer"
257                    x-on:keyup.escape="$store.navigation.menuOpen = false;"
258                >
259                                            <button 
260                            type="button"
261                            x-on:click="$store.navigation.openMegaMenu = '3'"
262                            class="flex items-center justify-between w-full"
263                        >
264                            <span class="font-medium text-lg tracking-[2.1px] leading-none uppercase text-white">Studio</span>
265                            <svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
266                                <path fill-rule="evenodd" clip-rule="evenodd" d="M7.71797 6.81269L2.26762 12.263L0.905273 10.9007L5.67445 6.13152L0.905273 1.36235L2.26762 0L7.71797 5.45035C7.89859 5.63102 8.00006 5.87604 8.00006 6.13152C8.00006 6.387 7.89859 6.63202 7.71797 6.81269Z" fill="#976A4D"/>
267                            </svg>
268                        </button>
269                                    </li>
270                            <li 
271                    class="flex items-center cursor-pointer"
272                    x-on:keyup.escape="$store.navigation.menuOpen = false;"
273                >
274                                            <button 
275                            type="button"
276                            x-on:click="$store.navigation.openMegaMenu = '4'"
277                            class="flex items-center justify-between w-full"
278                        >
279                            <span class="font-medium text-lg tracking-[2.1px] leading-none uppercase text-white">Portfolio</span>
280                            <svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
281                                <path fill-rule="evenodd" clip-rule="evenodd" d="M7.71797 6.81269L2.26762 12.263L0.905273 10.9007L5.67445 6.13152L0.905273 1.36235L2.26762 0L7.71797 5.45035C7.89859 5.63102 8.00006 5.87604 8.00006 6.13152C8.00006 6.387 7.89859 6.63202 7.71797 6.81269Z" fill="#976A4D"/>
282                            </svg>
283                        </button>
284                                    </li>
285                            <li 
286                    class="flex items-center cursor-pointer"
287                    x-on:keyup.escape="$store.navigation.menuOpen = false;"
288                >
289                                            <button 
290                            type="button"
291                            x-on:click="$store.navigation.openMegaMenu = '933'"
292                            class="flex items-center justify-between w-full"
293                        >
294                            <span class="font-medium text-lg tracking-[2.1px] leading-none uppercase text-white">Our World</span>
295                            <svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
296                                <path fill-rule="evenodd" clip-rule="evenodd" d="M7.71797 6.81269L2.26762 12.263L0.905273 10.9007L5.67445 6.13152L0.905273 1.36235L2.26762 0L7.71797 5.45035C7.89859 5.63102 8.00006 5.87604 8.00006 6.13152C8.00006 6.387 7.89859 6.63202 7.71797 6.81269Z" fill="#976A4D"/>
297                            </svg>
298                        </button>
299                                    </li>
300                            <li 
301                    class="flex items-center cursor-pointer"
302                    x-on:keyup.escape="$store.navigation.menuOpen = false;"
303                >
304                                            <a href="https://winchdesign.com/careers" class="flex-grow font-medium text-lg tracking-[2.1px] leading-none uppercase text-white">Careers</a>
305                                    </li>
306                            <li 
307                    class="flex items-center cursor-pointer"
308                    x-on:keyup.escape="$store.navigation.menuOpen = false;"
309                >
310                                            <a href="https://winchdesign.com/contact" class="flex-grow font-medium text-lg tracking-[2.1px] leading-none uppercase text-white">Contact</a>
311                                    </li>
312                    </ul>
313
314        <div 
315            class="text-white text-xs pb-12 flex flex-col"
316            x-show="$store.navigation.menuOpen"
317            x-transition:enter="transition ease-out duration-700"
318            x-transition:enter-start="opacity-0 translate-y-full"
319            x-transition:enter-end="opacity-100 translate-y-0"
320            x-transition:leave="transition ease-in duration-700"
321            x-transition:leave-start="opacity-100 translate-y-0"
322            x-transition:leave-end="opacity-0 translate-y-full"
323            x-data
324            x-cloak
325        >
326            <a href="tel:+44-(0)-20-8392-8400">+44 (0) 20 8392 8400</a>
327            <a href="mailto:[email protected]">[email protected]</a>
328        </div>
329    </div>
330
331                        <!-- Mobile Mega Menu - 2 -->
332            <div 
333                class="absolute inset-0 size-full bg-brand-secondary/90 backdrop-blur-sm  px-6 pt-[var(--header-current-height)] border-l border-brand-primary"
334                x-show="$store.navigation.openMegaMenu == '2'"
335                x-transition:enter="transition ease-out duration-800"
336                x-transition:enter-start="translate-x-full"
337                x-transition:enter-end="translate-x-0"
338                x-transition:leave="transition ease-in duration-800"
339                x-transition:leave-start="translate-x-0"
340                x-transition:leave-end="translate-x-full"
341            >
342                <div class="py-14">
343                    <button class="text-white flex items-center leading-none" x-on:click="$store.navigation.openMegaMenu = null">
344                        <svg class="rotate-180 mr-3" width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
345                            <path fill-rule="evenodd" clip-rule="evenodd" d="M7.71797 6.81269L2.26762 12.263L0.905273 10.9007L5.67445 6.13152L0.905273 1.36235L2.26762 0L7.71797 5.45035C7.89859 5.63102 8.00006 5.87604 8.00006 6.13152C8.00006 6.387 7.89859 6.63202 7.71797 6.81269Z" fill="#976A4D"/>
346                        </svg>
347                        Back
348                    </button>
349                </div>
350
351                <ul class="w-full space-y-10 translate-x-0 transition-transform duration-500 ease-in-out flex-1 overflow-y-auto">
352                    <li class="font-medium text-lg tracking-[2.1px] uppercase text-brand-primary hover:text-white">
353                       <a href="https://winchdesign.com/about-winch">About</a>
354                    </li>
355                                            <li class="flex items-center cursor-pointer"> 
356                            <a href="https://winchdesign.com/about-winch" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">About Winch</a>
357                        </li>
358                                            <li class="flex items-center cursor-pointer"> 
359                            <a href="https://winchdesign.com/people" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">People</a>
360                        </li>
361                                    </ul>
362            </div>
363                                <!-- Mobile Mega Menu - 3 -->
364            <div 
365                class="absolute inset-0 size-full bg-brand-secondary/90 backdrop-blur-sm  px-6 pt-[var(--header-current-height)] border-l border-brand-primary"
366                x-show="$store.navigation.openMegaMenu == '3'"
367                x-transition:enter="transition ease-out duration-800"
368                x-transition:enter-start="translate-x-full"
369                x-transition:enter-end="translate-x-0"
370                x-transition:leave="transition ease-in duration-800"
371                x-transition:leave-start="translate-x-0"
372                x-transition:leave-end="translate-x-full"
373            >
374                <div class="py-14">
375                    <button class="text-white flex items-center leading-none" x-on:click="$store.navigation.openMegaMenu = null">
376                        <svg class="rotate-180 mr-3" width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
377                            <path fill-rule="evenodd" clip-rule="evenodd" d="M7.71797 6.81269L2.26762 12.263L0.905273 10.9007L5.67445 6.13152L0.905273 1.36235L2.26762 0L7.71797 5.45035C7.89859 5.63102 8.00006 5.87604 8.00006 6.13152C8.00006 6.387 7.89859 6.63202 7.71797 6.81269Z" fill="#976A4D"/>
378                        </svg>
379                        Back
380                    </button>
381                </div>
382
383                <ul class="w-full space-y-10 translate-x-0 transition-transform duration-500 ease-in-out flex-1 overflow-y-auto">
384                    <li class="font-medium text-lg tracking-[2.1px] uppercase text-brand-primary hover:text-white">
385                       <a href="https://winchdesign.com/studio">Studio</a>
386                    </li>
387                                            <li class="flex items-center cursor-pointer"> 
388                            <a href="https://winchdesign.com/studio/yacht-studio" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Yacht Studio</a>
389                        </li>
390                                            <li class="flex items-center cursor-pointer"> 
391                            <a href="https://winchdesign.com/studio/aviation-studio" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Aviation Studio</a>
392                        </li>
393                                            <li class="flex items-center cursor-pointer"> 
394                            <a href="https://winchdesign.com/studio/architecture-studio" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Architecture Studio</a>
395                        </li>
396                                            <li class="flex items-center cursor-pointer"> 
397                            <a href="https://winchdesign.com/studio/visualisation-studio" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Visualisation Studio</a>
398                        </li>
399                                            <li class="flex items-center cursor-pointer"> 
400                            <a href="https://winchdesign.com/studio/procurement" 
400class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Procurement Team</a>
401                        </li>
402                                    </ul>
403            </div>
404                                <!-- Mobile Mega Menu - 4 -->
405            <div 
406                class="absolute inset-0 size-full bg-brand-secondary/90 backdrop-blur-sm  px-6 pt-[var(--header-current-height)] border-l border-brand-primary"
407                x-show="$store.navigation.openMegaMenu == '4'"
408                x-transition:enter="transition ease-out duration-800"
409                x-transition:enter-start="translate-x-full"
410                x-transition:enter-end="translate-x-0"
411                x-transition:leave="transition ease-in duration-800"
412                x-transition:leave-start="translate-x-0"
413                x-transition:leave-end="translate-x-full"
414            >
415                <div class="py-14">
416                    <button class="text-white flex items-center leading-none" x-on:click="$store.navigation.openMegaMenu = null">
417                        <svg class="rotate-180 mr-3" width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
418                            <path fill-rule="evenodd" clip-rule="evenodd" d="M7.71797 6.81269L2.26762 12.263L0.905273 10.9007L5.67445 6.13152L0.905273 1.36235L2.26762 0L7.71797 5.45035C7.89859 5.63102 8.00006 5.87604 8.00006 6.13152C8.00006 6.387 7.89859 6.63202 7.71797 6.81269Z" fill="#976A4D"/>
419                        </svg>
420                        Back
421                    </button>
422                </div>
423
424                <ul class="w-full space-y-10 translate-x-0 transition-transform duration-500 ease-in-out flex-1 overflow-y-auto">
425                    <li class="font-medium text-lg tracking-[2.1px] uppercase text-brand-primary hover:text-white">
426                       <a href="https://winchdesign.com/portfolio">Portfolio</a>
427                    </li>
428                                            <li class="flex items-center cursor-pointer"> 
429                            <a href="https://winchdesign.com/portfolio/category/sea" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Yachts</a>
430                        </li>
431                                            <li class="flex items-center cursor-pointer"> 
432                            <a href="https://winchdesign.com/portfolio/category/aviation" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Aviation</a>
433                        </li>
434                                            <li class="flex items-center cursor-pointer"> 
435                            <a href="https://winchdesign.com/portfolio/category/land" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Architecture</a>
436                        </li>
437                                            <li class="flex items-center cursor-pointer"> 
438                            <a href="https://winchdesign.com/portfolio/category/heritage" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Heritage</a>
439                        </li>
440                                            <li class="flex items-center cursor-pointer"> 
441                            <a href="https://winchdesign.com/portfolio/category/design-styles" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Design Styles</a>
442                        </li>
443                                    </ul>
444            </div>
445                                <!-- Mobile Mega Menu - 933 -->
446            <div 
447                class="absolute inset-0 size-full bg-brand-secondary/90 backdrop-blur-sm  px-6 pt-[var(--header-current-height)] border-l border-brand-primary"
448                x-show="$store.navigation.openMegaMenu == '933'"
449                x-transition:enter="transition ease-out duration-800"
450                x-transition:enter-start="translate-x-full"
451                x-transition:enter-end="translate-x-0"
452                x-transition:leave="transition ease-in duration-800"
453                x-transition:leave-start="translate-x-0"
454                x-transition:leave-end="translate-x-full"
455            >
456                <div class="py-14">
457                    <button class="text-white flex items-center leading-none" x-on:click="$store.navigation.openMegaMenu = null">
458                        <svg class="rotate-180 mr-3" width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
459                            <path fill-rule="evenodd" clip-rule="evenodd" d="M7.71797 6.81269L2.26762 12.263L0.905273 10.9007L5.67445 6.13152L0.905273 1.36235L2.26762 0L7.71797 5.45035C7.89859 5.63102 8.00006 5.87604 8.00006 6.13152C8.00006 6.387 7.89859 6.63202 7.71797 6.81269Z" fill="#976A4D"/>
460                        </svg>
461                        Back
462                    </button>
463                </div>
464
465                <ul class="w-full space-y-10 translate-x-0 transition-transform duration-500 ease-in-out flex-1 overflow-y-auto">
466                    <li class="font-medium text-lg tracking-[2.1px] uppercase text-brand-primary hover:text-white">
467                       <a href="https://winchdesign.com/our-world">Our World</a>
468                    </li>
469                                            <li class="flex items-center cursor-pointer"> 
470                            <a href="https://winchdesign.com/news" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">News</a>
471                        </li>
472                                            <li class="flex items-center cursor-pointer"> 
473                            <a href="https://winchdesign.com/press" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Press</a>
474                        </li>
475                                            <li class="flex items-center cursor-pointer"> 
476                            <a href="https://winchdesign.com/our-world/positive-impact" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Positive Impact</a>
477                        </li>
478                                            <li class="flex items-center cursor-pointer"> 
479                            <a href="https://winchdesign.com/our-world/collaborations" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Collaborations</a>
480                        </li>
481                                            <li class="flex items-center cursor-pointer"> 
482                            <a href="https://winchdesign.com/our-world/awards" class="flex-grow font-medium text-lg tracking-[2.1px] uppercase text-white">Awards</a>
483                        </li>
484                                    </ul>
485            </div>
486                                    </div><div 
487    class="fixed inset-0 z-[4999] hidden size-full bg-brand-secondary/90 backdrop-blur-sm lg:block"
488    x-data
489    x-show="$store.navigation.openMegaMenu !== null"
490    x-transition:enter="transition ease-out duration-1000"
491    x-transition:enter-start="opacity-0"
492    x-transition:enter-end="opacity-100"
493    x-transition:leave="transition ease-in duration-500"
494    x-transition:leave-start="opacity-100"
495    x-transition:leave-end="opacity-0"
496    x-cloak
497></div>
498
499            
500    <nav 
501        class="fixed inset-0 z-[4999] hidden size-full lg:grid grid-cols-3 pt-[var(--header-current-height)]"
502        x-show="$store.navigation.openMegaMenu == '2'"
503        x-transition:enter="transition ease-out duration-1000"
504        x-transition:enter-start="opacity-0 -translate-y-full"
505        x-transition:enter-end="opacity-100 translate-y-0"
506        x-transition:leave="transition ease-in duration-1000"
507        x-transition:leave-start="opacity-100 translate-y-0"
508        x-transition:leave-end="opacity-0 -translate-y-full"
509        x-data
510        x-cloak
511    >   
512        <div 
513            class="
514                flex size-full py-20 overflow-hidden
515                                        items-center
516                                "
517        >
518                            
519                                <img 
520                    src="https://winch-craft-v2.s3.amazonaws.com/About/Employee-ownership.jpg" 
521                    alt="Employee Ownership Day 2021"
522                    class="w-full h-auto"
523                    x-show="$store.navigation.openMegaMenu == '2'"
524                    x-transition:enter="transition ease-out duration-1000"
525                    x-transition:enter-start="opacity-0 -translate-y-full"
526                    x-transition:enter-end="opacity-100 translate-y-0"
527                    x-transition:leave="transition ease-in duration-1000"
528                    x-transition:leave-start="opacity-100 translate-y-0"
529                    x-transition:leave-end="opacity-0 -translate-y-full"
530                    x-data
531                >
532                                    </div>
533
534        <ul class="space-y-8 text-white font-serif text-2xl tracking-[2.4px] uppercase text-center h-full overflow-y-auto flex flex-col items-center justify-center">
535            <li class="text-sm tracking-[2.4px] font-sans text-brand-primary hover:text-white font-medium">
536                <a href="https://winchdesign.com/about-winch">About</a>
537            </li>
538
539                            <li>
540                    <a
541                        href="https://winchdesign.com/about-winch" 
542                        class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full"
543                    >About Winch</a>
544                </li>
545                            <li>
546                    <a
547                        href="https://winchdesign.com/people" 
548                        class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full"
549                    >People</a>
550                </li>
551                    </ul>    
552
553        <div 
554            class="
555                flex size-full py-20 overflow-hidden
556                                        items-center
557                                "
558        >
559                            
560                                <img 
561                    src="https://winch-craft-v2.s3.amazonaws.com/About/Relocation-to-Parklife.jpg" 
562                    alt="The Bridge - flagship meeting room at Winch Design"
563                    class="w-full h-auto"
564                    x-show="$store.navigation.openMegaMenu == '2'"
565                    x-transition:enter="transition ease-out duration-1000"
566                    x-transition:enter-start="opacity-0 -translate-y-full"
567                    x-transition:enter-end="opacity-100 translate-y-0"
568                    x-transition:leave="transition ease-in duration-1000"
569                    x-transition:leave-start="opacity-100 translate-y-0"
570                    x-transition:leave-end="opacity-0 -translate-y-full"
571                    x-data
572                >
573                                    </div>
574    </nav>
575                
576    <nav 
577        class="fixed inset-0 z-[4999] hidden size-full lg:grid grid-cols-3 pt-[var(--header-current-height)]"
578        x-show="$store.navigation.openMegaMenu == '3'"
579        x-transition:enter="transition ease-out duration-1000"
580        x-transition:enter-start="opacity-0 -translate-y-full"
581        x-transition:enter-end="opacity-100 translate-y-0"
582        x-transition:leave="transition ease-in duration-1000"
583        x-transition:leave-start="opacity-100 translate-y-0"
584        x-transition:leave-end="opacity-0 -translate-y-full"
585        x-data
586        x-cloak
587    >   
588        <div 
589            class="
590                flex size-full py-20 overflow-hidden
591                                        items-center
592                                "
593        >
594                            
595                                <img 
596                    src="https://winch-craft-v2.s3.amazonaws.com/Portfolio/Sea/Sparta/976_01_YN_20067_HEESEN_Photo_DC_web.jpg" 
597                    alt="Sparta dining table"
598                    class="w-full h-auto"
599                    x-show="$store.navigation.openMegaMenu == '3'"
600                    x-transition:enter="transition ease-out duration-1000"
601                    x-transition:enter-start="opacity-0 -translate-y-full"
602                    x-transition:enter-end="opacity-100 translate-y-0"
603                    x-transition:leave="transition ease-in duration-1000"
604                    x-transition:leave-start="opacity-100 translate-y-0"
605                    x-transition:leave-end="opacity-0 -translate-y-full"
606                    x-data
607                >
608                                    </div>
609
610        <ul class="space-y-8 text-white font-serif text-2xl tracking-[2.4px] uppercase text-center h-full overflow-y-auto flex flex-col items-center justify-center">
611            <li class="text-sm tracking-[2.4px] font-sans text-brand-primary hover:text-white font-medium">
612                <a href="https://winchdesign.com/studio">Studio</a>
613            </li>
614
615                            <li>
616                    <a
617                        href="https://winchdesign.com/studio/yacht-studio" 
618                        class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full"
619                    >Yacht Studio</a>
620                </li>
621                            <li>
622                    <a
623                        href="https://winchdesign.com/studio/aviation-studio" 
624                        class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full"
625                    >Aviation Studio</a>
626                </li>
627                            <li>
628                    <a
629                        href="https://winchdesign.com/studio/architecture-studio" 
630                        class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full"
631                    >Architecture Studio</a>
632                </li>
633                            <li>
634                    <a
635                        href="https://winchdesign.com/studio/visualisation-studio" 
636                        class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full"
637                    >Visualisation Studio</a>
638                </li>
639                            <li>
640                    <a
641                        href="https://winchdesign.com/studio/procurement" 
642                        class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full"
643                    >Procurement Team</a>
644                </li>
645                    </ul>    
646
647        <div 
648            class="
649                flex size-full py-20 overflow-hidden
650                                        items-center
651                                "
652        >
653                            
654                                <img 
655                    src="https://winch-craft-v2.s3.amazonaws.com/Portfolio/Air/Global-6000/WD524-105-copy.jpg" 
656                    alt="Global 6000 Exterior Shot Tail"
657                    class="w-full h-auto"
658                    x-show="$store.navigation.openMegaMenu == '3'"
659                    x-transition:enter="transition ease-out duration-1000"
660                    x-transition:enter-start="opacity-0 -translate-y-full"
661                    x-transition:enter-end="opacity-100 translate-y-0"
662                    x-transition:leave="transition ease-in duration-1000"
663                    x-transition:leave-start="opacity-100 translate-y-0"
664                    x-transition:leave-end="opacity-0 -translate-y-full"
665                    x-data
666                >
667                                    </div>
668    </nav>
669                
670    <nav 
671        class="fixed inset-0 z-[4999] hidden size-full lg:grid grid-cols-3 pt-[var(--header-current-height)]"
672        x-show="$store.navigation.openMegaMenu == '4'"
673        x-transition:enter="transition ease-out duration-1000"
674        x-transition:enter-start="opacity-0 -translate-y-full"
675        x-transition:enter-end="opacity-100 translate-y-0"
676        x-transition:leave="transition ease-in duration-1000"
677        x-transition:leave-start="opacity-100 translate-y-0"
678        x-transition:leave-end="opacity-0 -translate-y-full"
679        x-data
680        x-cloak
681    >   
682        <div 
683            class="
684                flex size-full py-20 overflow-hidden
685                                        items-center
686                                "
687        >
688                            
689                                <img 
690                    src="https://winch-craft-v2.s3.amazonaws.com/News/In-the-News/Genesis-nominated-as-a-finalist-in-the-2024-Design-Innovation-Awards/RubenGriffioen_Genesis-Heesen_seatrials_DJI_0664.jpg" 
691                    alt="Genesis Yacht Exterior on sea trials"
692                    class="w-full h-auto"
693                    x-show="$store.navigation.openMegaMenu == '4'"
694                    x-transition:enter="transition ease-out duration-1000"
695                    x-transition:enter-start="opacity-0 -translate-y-full"
696                    x-transition:enter-end="opacity-100 translate-y-0"
697                    x-transition:leave="transition ease-in duration-1000"
698                    x-transition:leave-start="opacity-100 translate-y-0"
699                    x-transition:leave-end="opacity-0 -translate-y-full"
700                    x-data
701                >
702                                    </div>
703
704        <ul class="space-y-8 text-white font-serif text-2xl tracking-[2.4px] uppercase text-center h-full overflow-y-auto flex flex-col items-center justify-center">
705            <li class="text-sm tracking-[2.4px] font-sans text-brand-primary hover:text-white font-medium">
706                <a href="https://winchdesign.com/portfolio">Portfolio</a>
707            </li>
708
709                            <li>
710                    <a
711                        href="https://winchdesign.com/portfolio/category/sea" 
712                        class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full"
713                    >Yachts</a>
714                </li>
715                            <li>
716                    <a
717                        href="https://winchdesign.com/portfolio/category/aviation" 
718                        class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full"
719                    >Aviation</a>
720                </li>
721                            <li>
722                    <a
723                        href="https://winchdesign.com/portfolio/category/land" 
724                        class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full"
725                    >Architecture</a>
726                </li>
727                            <li>
728                    <a
729                        href="https://winchdesign.com/portfolio/category/heritage" 
730                        class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full"
731                    >Heritage</a>
732                </li>
733                            <li>
734                    <a
735                        href="https://winchdesign.com/portfolio/category/design-styles" 
736                        class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full"
737                    >Design Styles</a>
738                </li>
739                    </ul>    
740
741        <div 
742            class="
743                flex size-full py-20 overflow-hidden
744                                        items-center
745                                "
746        >
747                            
748                                <img 
749                    src="https://winch-craft-v2.s3.amazonaws.com/Portfolio/wharf_36_low-1.jpg" 
750                    alt="Seychelles Pool"
751                    class="w-full h-auto"
752                    x-show="$store.navigation.openMegaMenu == '4'"
753                    x-transition:enter="transition ease-out duration-1000"
754                    x-transition:enter-start="opacity-0 -translate-y-full"
755                    x-transition:enter-end="opacity-100 translate-y-0"
756                    x-transition:leave="transition ease-in duration-1000"
757                    x-transition:leave-start="opacity-100 translate-y-0"
758                    x-transition:leave-end="opacity-0 -translate-y-full"
759                    x-data
760                >
761                                    </div>
762    </nav>
763                
764    <nav 
765        class="fixed inset-0 z-[4999] hidden size-full lg:grid grid-cols-3 pt-[var(--header-current-height)]"
766        x-show="$store.navigation.openMegaMenu == '933'"
767        x-transition:enter="transition ease-out duration-1000"
768        x-transition:enter-start="opacity-0 -translate-y-full"
769        x-transition:enter-end="opacity-100 translate-y-0"
770        x-transition:leave="transition ease-in duration-1000"
771        x-transition:leave-start="opacity-100 translate-y-0"
772        x-transition:leave-end="opacity-0 -translate-y-full"
773        x-data
774        x-cloak
775    >   
776        <div 
777            class="
778                flex size-full py-20 overflow-hidden
779                                        items-center
780                                "
781        >
782                            
783                                <img 
784                    src="https://winch-craft-v2.s3.amazonaws.com/Our-World/Charities/blue-marine-foundation-ocean-fish-unsplash.jpg" 
785                    alt=""
786                    class="w-full h-auto"
787                    x-show="$store.navigation.openMegaMenu == '933'"
788                    x-transition:enter="transition ease-out duration-1000"
789                    x-transition:enter-start="opacity-0 -translate-y-full"
790                    x-transition:enter-end="opacity-100 translate-y-0"
791                    x-transition:leave="transition ease-in duration-1000"
792                    x-transition:leave-start="opacity-100 translate-y-0"
793                    x-transition:leave-end="opacity-0 -translate-y-full"
794                    x-data
795                >
796                                    </div>
797
798        <ul class="space-y-8 text-white font-serif text-2xl tracking-[2.4px] uppercase text-center h-full overflow-y-auto flex flex-col items-center justify-center">
799            <li class="text-sm tracking-[2.4px] font-sans text-brand-primary hover:text-white font-medium">
800                <a href="https://winchdesign.com/our-world">Our World</a>
801            </li>
802
803                            <li>
804                    <a
805                        href="https://winchdesign.com/news" 
806                        class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full"
807                    >News</a>
808                </li>
809                            <li>
810                    <a
811                        href="https://winchdesign.com/press" 
812                        class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full"
813                    >Press</a>
814                </li>
815                            <li>
816                    <a
817                        href="https://winchdesign.com/our-world/positive-impact" 
818                        class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full"
819                    >Positive Impact</a>
820                </li>
821                            <li>
822                    <a
823                        href="https://winchdesign.com/our-world/collaborations" 
824                        class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full"
825                    >Collaborations</a>
826                </li>
827                            <li>
828                    <a
829                        href="https://winchdesign.com/our-world/awards" 
830                        class="relative inline-block after:absolute after:left-1/2 after:-translate-x-1/2 after:bottom-0 after:h-px after:w-0 after:bg-[#596495] after:transition-all after:duration-500 hover:after:w-full"
831                    >Awards</a>
832                </li>
833                    </ul>    
834
835        <div 
836            class="
837                flex size-full py-20 overflow-hidden
838                                        items-center
839                                "
840        >
841                            
842                                <img 
843                    src="https://winch-craft-v2.s3.amazonaws.com/B03093FB-859E-400A-9D55-065C3FDA3259.jpg" 
844                    alt="Winch way images - turtle"
845                    class="w-full h-auto"
846                    x-show="$store.navigation.openMegaMenu == '933'"
847                    x-transition:enter="transition ease-out duration-1000"
848                    x-transition:enter-start="opacity-0 -translate-y-full"
849                    x-transition:enter-end="opacity-100 translate-y-0"
850                    x-transition:leave="transition ease-in duration-1000"
851                    x-transition:leave-start="opacity-100 translate-y-0"
852                    x-transition:leave-end="opacity-0 -translate-y-full"
853                    x-data
854                >
855                                    </div>
856    </nav>
857            
858        <main class="text-brand-primary">
859                    <!-- hero -->
860    
861<section 
862    class="w-full h-[calc(100dvh-var(--header-height))]"
863    x-data="{
864        muted: true,
865        toggleMute() {
866            this.muted = !this.muted;
867            this.$refs.video.muted = this.muted;
868        }
869    }"
870>
871    <div class="size-full relative">
872                                                                    <img 
873                    src="https://winch-craft-v2.s3.amazonaws.com/Generic-Images/914_Seychelles_012.jpg" 
874                    alt=""
875                    class="absolute inset-0 object-cover size-full"
876                >
877                                        <div class="absolute inset-0 z-20">
878                <div 
879                    class="flex size-full items-center justify-center px-6" 
880                    data-aos="fade-up-small"
881                >
882                    <div 
883    class="
884        space-y-9 w-full
885        flex flex-col justify-center
886                        items-center
887                "
888>
889            <div 
890    class="
891        richtext max-w-full
892    "
893        data-aos="fade-up-small"
894>
895    <h1 class="style-heading-extra-large" style="text-align:center;"><span style="color:hsl(0,0%,100%);"><span class="style-uppercase">Contact</span></span></h1>
896</div>    </div>                </div>
897            </div>
898                        <div class="absolute inset-0">
899                                <div class="absolute bottom-0 left-0 right-0 z-10 mb-20 text-center text-white pointer-events-none">
900                    <h4 class="font-sans text-[10px] tracking-[0.24em] uppercase mb-6">Scroll Down</h4>
901                    <div class="flex items-center justify-center">
902                        <svg 
903                            xmlns="http://www.w3.org/2000/svg" 
904                            xmlns:xlink="http://www.w3.org/1999/xlink" 
905                            width="20" 
906                            height="10" 
907                            fill="none"
908                        >
909                            <path fill="url(#a)" d="M0 0h19.333v10H0z"/>
910                            <defs>
911                                <pattern id="a" width="1" height="1" patternContentUnits="objectBoundingBox"><use xlink:href="#b" transform="scale(.03448 .06667)"/></pattern>
912                                <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAPCAYAAAAYjcSfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i
91277u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUwODM4QzQ4MTg5NjExRTg4OTM1OEQxOUE5MkFBMTc5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUwODM4QzQ5MTg5NjExRTg4OTM1OEQxOUE5MkFBMTc5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkY2QjFBNzUxODg3MTFFODg5MzU4RDE5QTkyQUExNzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkY2QjFBNzYxODg3MTFFODg5MzU4RDE5QTkyQUExNzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ehEa/AAAAy0lEQVR42rzSPwqDMBQG8PRAnTO55ADOgl4gewuZnHMkT+Il7NKhLZ3SF/geiDXmD+rwoby8fD8QhXNuoLQUcUK8M/iXhvI5AW7hNDyoMegOAjv0e0fMD/zgS9E7gxq9Nc+WC3vDf+Aa6qMorx1gjR61PAtdYPhWCN5D4BbK8JtiMkGDeyq0EyuoKM8M2GC/2tpLKZIo6iN7PfZkrDP1kzFsA+c2FcxBGX6swBZzmdqV+1deKROgC54T5uIodA6PJWApyvBYAvr8BBgAdupCa8pCHSUAAAAASUVORK5CYII=" id="b" width="29" height="15" preserveAspectRatio="none"/>
913                            </defs>
914                        </svg>
915                    </div>
916                </div>
917            </div>
918            </div>
919</section>    <!-- content-builder-text -->
920        <!-- spacer -->
921    <div 
922    class="w-full h-[var(--mobile-height)] lg:h-[var(--desktop-height)]" 
923    style="--mobile-height: 80px; --desktop-height: 20px;"
924></div>    <!-- contact -->
925    
926
927<section 
928    class="grid grid-cols-1 lg:gap-5 lg:grid-cols-2 lg:pr-5 px-6 lg:pl-0"
929        data-aos="fade-up-small"
930>
931    <div class="space-y-5 order-2 lg:order-1 lg:sticky lg:top-0 lg:h-screen">
932                    <div class="relative w-full lg:col-span-2 lg:h-full ">
933                                                        <img 
934                        src="https://winch-craft-v2.s3.amazonaws.com/Portfolio/Land/Seychelles/914_Seychelles_093.jpg" 
935                        alt=""
936                        class="w-full lg:h-full lg:object-cover lg:absolute lg:inset-0"
937                                            >
938                            </div>
939            </div>
940
941    <div class="flex flex-col order-1 lg:order-2">
942                    <div class="order-3 lg:order-1 pb-2.5 lg:pb-0">
943                                                        <img 
944                        src="https://winch-craft-v2.s3.amazonaws.com/Seychelles_210415_132103.jpg" 
945                        alt=""
946                        class="w-full h-auto"
947                        loading="lazy"
948                                            >
949                            </div>
950        
951        <div class="order-1 lg:order-2 pt-0 lg:px-14 mb-12 lg:mb-10 lg:pt-20">
952             <div class="w-full lg:max-w-[550px]">
953                <div 
954    class="
955        space-y-9 w-full
956        flex flex-col justify-center
957                        items-start
958            "
959>
960            <div 
961    class="
962        richtext max-w-full
963    "
964        data-aos="fade-up-small"
965>
966    <h4 class="style-heading-small"><span class="style-uppercase">Please leave a message and we’ll be in touch shortly.</span></h4>
967</div>            <div 
968    class="w-full max-w-full"
969    data-aos="fade-up-small"
970>
971            
972        
973                    <div class="fui-i"><form id="fui-contactUs-xrappb" class="fui-form fui-labels-above-input" method="post" enctype="multipart/form-data" accept-charset="utf-8" data-fui-form="{&quot;formHashId&quot;:&quot;fui-contactUs-xrappb&quot;,&quot;formId&quot;:9203,&quot;formHandle&quot;:&quot;contactUs&quot;,&quot;registeredJs&quot;:[{&quot;src&quot;:&quot;https:\/\/winchdesign.com\/cpresources\/23c74f76\/js\/fields\/checkbox-radio.js?v=1772512328&quot;,&quot;module&quot;:&quot;FormieCheckboxRadio&quot;}],&quot;settings&quot;:{&quot;submitMethod&quot;:&quot;page-reload&quot;,&quot;submitActionMessage&quot;:&quot;&lt;p&gt;Submission saved.&lt;\/p&gt;&quot;,&quot;submitActionMessageTimeout&quot;:null,&quot;submitActionMessagePosition&quot;:&quot;top-form&quot;,&quot;submitActionFormHide&quot;:false,&quot;submitAction&quot;:&quot;entry&quot;,&quot;submitActionTab&quot;:&quot;same-tab&quot;,&quot;errorMessage&quot;:&quot;&lt;p&gt;Couldn’t save submission due to errors.&lt;\/p&gt;&quot;,&quot;errorMessagePosition&quot;:&quot;top-form&quot;,&quot;loadingIndicator&quot;:null,&quot;loadingIndicatorText&quot;:null,&quot;validationOnSubmit&quot;:true,&quot;validationOnFocus&quot;:false,&quot;scrollToTop&quot;:true,&quot;hasMultiplePages&quot;:false,&quot;pages&quot;:[{&quot;id&quot;:3,&quot;label&quot;:&quot;Page 1&quot;,&quot;settings&quot;:{&quot;submitButtonLabel&quot;:&quot;Send&quot;,&quot;backButtonLabel&quot;:&quot;Back&quot;,&quot;showBackButton&quot;:false,&quot;saveButtonLabel&quot;:&quot;Save&quot;,&quot;showSaveButton&quot;:false,&quot;saveButtonStyle&quot;:&quot;link&quot;,&quot;buttonsPosition&quot;:&quot;left&quot;,&quot;
973cssClasses&quot;:null,&quot;containerAttributes&quot;:[],&quot;inputAttributes&quot;:[],&quot;enableNextButtonConditions&quot;:false,&quot;nextButtonConditions&quot;:[],&quot;enablePageConditions&quot;:false,&quot;pageConditions&quot;:[],&quot;enableJsEvents&quot;:false,&quot;jsGtmEventOptions&quot;:[]}}],&quot;themeConfig&quot;:{&quot;loading&quot;:{&quot;class&quot;:&quot;fui-loading&quot;},&quot;errorMessage&quot;:{&quot;class&quot;:&quot;fui-error-message&quot;},&quot;disabled&quot;:{&quot;class&quot;:&quot;fui-disabled&quot;},&quot;tabError&quot;:{&quot;class&quot;:&quot;fui-tab-error&quot;},&quot;tabActive&quot;:{&quot;class&quot;:&quot;fui-tab-active&quot;},&quot;tabComplete&quot;:{&quot;class&quot;:&quot;fui-tab-complete&quot;},&quot;successMessage&quot;:{&quot;class&quot;:&quot;fui-success-message&quot;},&quot;alert&quot;:{&quot;class&quot;:&quot;fui-alert&quot;},&quot;alertError&quot;:{&quot;class&quot;:&quot;fui-alert fui-alert-error fui-alert-top-form&quot;,&quot;role&quot;:&quot;alert&quot;,&quot;data-fui-alert&quot;:true,&quot;data-fui-alert-error&quot;:true},&quot;alertSuccess&quot;:{&quot;class&quot;:&quot;fui-alert fui-alert-success fui-alert-top-form&quot;,&quot;role&quot;:&quot;alert&quot;,&quot;data-fui-alert&quot;:true,&quot;data-fui-alert-success&quot;:true},&quot;page&quot;:{&quot;id&quot;:&quot;fui-contactUs-xrappb-p-3&quot;,&quot;class&quot;:&quot;fui-page&quot;,&quot;data-index&quot;:&quot;0&quot;,&quot;data-id&quot;:&quot;3&quot;,&quot;data-fui-page&quot;:true},&quot;progress&quot;:{&quot;class&quot;:&quot;fui-progress&quot;,&quot;data-fui-progress&quot;:true},&quot;tab&quot;:{&quot;class&quot;:&quot;fui-tab&quot;},&quot;success&quot;:{&quot;class&quot;:&quot;fui-success&quot;},&quot;error&quot;:{&quot;class&quot;:&quot;fui-error-message&quot;},&quot;fieldContainerError&quot;:{&quot;class&quot;:&quot;fui-error&quot;},&quot;fieldInputError&quot;:{&quot;class&quot;:&quot;fui-error&quot;},&quot;fieldErrors&quot;:{&quot;class&quot;:&quot;fui-errors&quot;,&quot;data-field-error-messages&quot;:true},&quot;fieldError&quot;:{&quot;class&quot;:&quot;fui-error-message&quot;,&quot;data-field-error-message&quot;:true}},&quot;redirectUrl&quot;:&quot;&quot;,&quot;currentPageId&quot;:3,&quot;outputJsTheme&quot;:true,&quot;enableUnloadWarning&quot;:true,&quot;enableBackSubmission&quot;:true,&quot;ajaxTimeout&quot;:10,&quot;outputConsoleMessages&quot;:true,&quot;baseActionUrl&quot;:&quot;https:\/\/winchdesign.com\/index.php?p=actions&quot;,&quot;refreshTokenUrl&quot;:&quot;https:\/\/winchdesign.com\/index.php?p=actions\/formie\/forms\/refresh-tokens&amp;form=FORM_PLACEHOLDER&quot;,&quot;scriptAttributes&quot;:[]}}" data-form-handle="contactUs" data-form-submit-method="page-reload" data-form-submit-action="entry"><input type="hidden" name="CRAFT_CSRF_TOKEN" value="3eBpwjDIyHGuP2Q48vFbf4xfZck7J7k3fMxNnTHxflhVaVuSF_jQT5vXBbsIpaVAn2cLXIe1bR3TCDyPVxbYQAr8et5Hgyw2eCQr2CGdnHw=" autocomplete="off"><input type="hidden" name="action" value="formie/submissions/submit"><input type="hidden" name="submitAction" value="submit"><input type="hidden" name="handle" value="contactUs"><input type="hidden" name="siteId" value="1"><div class="fui-form-container"><div id="fui-contactUs-xrappb-p-3" class="fui-page" data-index="0" data-id="3" data-fui-page><div class="fui-page-container"><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-heading fui-label-above-input fui-subfield-label-above-input fui-instru
973ctions-above-input fui-page-field" data-field-handle="yourDetails" data-field-type="heading"><div class="fui-field-container"><div class="fui-input-wrapper"><h4 class="fui-heading fui-heading-h4">Your Details:</h4></div></div></div></div><div class="fui-row fui-page-row" data-fui-field-count="2"><div class="fui-field fui-type-single-line-text fui-label-hidden fui-subfield-label-hidden fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="firstName" data-field-type="single-line-text" data-validation="required"><div class="fui-field-container"><label class="fui-label" for="fui-contactUs-xrappb-fields-firstName" data-field-label data-fui-sr-only>First Name&nbsp;<span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><input type="text" id="fui-contactUs-xrappb-fields-firstName" class="fui-input" name="fields[firstName]" placeholder="First Name" required data-fui-id="contactUs-firstName"></div></div></div><div class="fui-field fui-type-single-line-text fui-label-hidden fui-subfield-label-hidden fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="lastName" data-field-type="single-line-text" data-validation="required"><div class="fui-field-container"><label class="fui-label" for="fui-contactUs-xrappb-fields-lastName" data-field-label data-fui-sr-only>Last Name&nbsp;<span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><input type="text" id="fui-contactUs-xrappb-fields-lastName" class="fui-input" name="fields[lastName]" placeholder="Last Name" required data-fui-id="contactUs-lastName"></div></div></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-email fui-label-hidden fui-subfield-label-hidden fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="emailAddress" data-field-type="email" data-validation="required|email"><div class="fui-field-container"><label class="fui-label" for="fui-contactUs-xrappb-fields-emailAddress" data-field-label data-fui-sr-only>Email Address&nbsp;<span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><input type="email" id="fui-contactUs-xrappb-fields-emailAddress" class="fui-input" name="fields[emailAddress]" value="" placeholder="Email Address" autocomplete="email" required data-fui-id="contactUs-emailAddress"></div></div></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-single-line-text fui-label-hidden fui-subfield-label-hidden fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="companyName" data-field-type="single-line-text" data-validation="required"><div class="fui-field-container"><label class="fui-label" for="fui-contactUs-xrappb-fields-companyName" data-field-label data-fui-sr-only>Company Name&nbsp;<span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><input type="text" id="fui-contactUs-xrappb-fields-companyName" class="fui-input" name="fields[companyName]" placeholder="Company Name" required data-fui-id="contactUs-companyName"></div></div></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-single-line-text fui-label-hidden fui-subfield-label-hidden fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="jobTitle" data-field-type="single-line-text" data-validation="required"><div class="fui-field-container"><label class="fui-label" for="fui-contactUs-xrappb-fields-jobTitle" data-field-label data-fui-sr-only>Job Title&nbsp;<span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><input type="text" id="fui-contactUs-xrappb-fields-jobTitle" class="fui-input" name="fields[jobTitle]" placeholder="Job Title" required data-fui-id="contactUs-jobTitle"></div></div></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-multi-line-text fui-label-hidden fui-subfield-label-hidden fui-instru
973ctions-above-input fui-field-required fui-page-field" data-field-handle="message" data-field-type="multi-line-text" data-validation="required"><div class="fui-field-container"><label class="fui-label" for="fui-contactUs-xrappb-fields-message" data-field-label data-fui-sr-only>Message&nbsp;<span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><textarea id="fui-contactUs-xrappb-fields-message" class="fui-input" name="fields[message]" placeholder="Message" required data-fui-id="contactUs-message"></textarea></div></div></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-group fui-label-hidden fui-subfield-label-hidden fui-instructions-above-input fui-page-field" data-field-handle="interests" data-field-type="group"><fieldset class="fui-fieldset"><legend class="fui-legend" data-field-label data-fui-sr-only>Interested In:</legend><div class="fui-input-wrapper"><div class="fui-group"><div class="fui-field-rows"><div class="fui-row" data-fui-field-count="1"><div class="fui-field fui-type-heading fui-label-above-input fui-subfield-label-above-input fui-instru
973ctions-above-input fui-group-interested-in1" data-field-handle="interests.interestedIn1" data-field-type="heading"><div class="fui-field-container"><div class="fui-input-wrapper"><h4 class="fui-heading fui-heading-h4">Interested In:</h4></div></div></div></div><div class="fui-row" data-fui-field-count="1"><div class="fui-field fui-type-radio fui-label-hidden fui-subfield-label-hidden fui-instructions-above-input fui-field-required fui-group-interested-in" data-field-handle="interests.interestedIn" data-field-type="radio" data-field-config="[{&quot;module&quot;:&quot;FormieCheckboxRadio&quot;}]" data-validation="required"><fieldset class="fui-fieldset fui-layout-vertical"><legend class="fui-legend" data-field-label data-fui-sr-only>Interested in:&nbsp;<span class="fui-required" aria-hidden="true">*</span></legend><div class="fui-input-wrapper"><div class="fui-layout-wrap"><div class="fui-radio"><input type="radio" id="fui-contactUs-xrappb-fields-interests-interestedIn-yachts-0" class="fui-input fui-radio-input" name="fields[interests][interestedIn]" value="Yachts" required data-fui-id="contactUs-interests-interestedIn-yachts-0"><label class="fui-radio-label" for="fui-contactUs-xrappb-fields-interests-interestedIn-yachts-0">Yachts</label></div><div class="fui-radio"><input type="radio" id="fui-contactUs-xrappb-fields-interests-interestedIn-architecture-1" class="fui-input fui-radio-input" name="fields[interests][interestedIn]" value="Architecture" required data-fui-id="contactUs-interests-interestedIn-architecture-1"><label class="fui-radio-label" for="fui-contactUs-xrappb-fields-interests-interestedIn-architecture-1">Architecture</label></div><div class="fui-radio"><input type="radio" id="fui-contactUs-xrappb-fields-interests-interestedIn-aviation-2" class="fui-input fui-radio-input" name="fields[interests][interestedIn]" value="Aviation" required data-fui-id="contactUs-interests-interestedIn-aviation-2"><label class="fui-radio-label" for="fui-contactUs-xrappb-fields-interests-interestedIn-aviation-2">Aviation</label></div><div class="fui-radio"><input type="radio" id="fui-contactUs-xrappb-fields-interests-interestedIn-all-3" class="fui-input fui-radio-input" name="fields[interests][interestedIn]" value="All" required data-fui-id="contactUs-interests-interestedIn-all-3"><label class="fui-radio-label" for="fui-contactUs-xrappb-fields-interests-interestedIn-all-3">All</label></div></div></div></fieldset></div></div></div></div></div></fieldset></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-group fui-label-hidden fui-subfield-label-hidden fui-instructions-above-input fui-page-field" data-field-handle="mailingList" data-field-type="group"><fieldset class="fui-fieldset"><legend class="fui-legend" data-field-label data-fui-sr-only>Mailing List</legend><div class="fui-input-wrapper"><div class="fui-group"><div class="fui-field-rows"><div class="fui-row" data-fui-field-count="1"><div class="fui-field fui-type-agree fui-label-hidden fui-subfield-label-hidden fui-instructions-above-input fui-group-join-our-mailing-list" data-field-handle="mailingList.joinOurMailingList" data-field-type="agree"><fieldset class="fui-fieldset"><legend class="fui-legend" data-field-label data-fui-sr-only>Join Our Mailing List</legend><div class="fui-input-wrapper"><input type="hidden" name="fields[mailingList][joinOurMailingList]" value="" data-fui-input-type="agree"><div class="fui-checkbox"><input type="checkbox" id="fui-contactUs-xrappb-fields-mailingList-joinOurMailingList" class="fui-input fui-checkbox-input" name="fields[mailingList][joinOurMailingList]" value="1" data-fui-id="contactUs-mailingList-joinOurMailingList" data-fui-input-type="agree"><label class="fui-checkbox-label" for="fui-contactUs-xrappb-fields-mailingList-joinOurMailingList">Join Our Mailing List</label></div></div></fieldset></div></div></div></div></div></fieldset></div></div></div><div class="fui-btn-wrapper fui-btn-left"><button type="submit" class="fui-btn fui-submit" data-submit-action="submit">Send</button></div></div></div></form></div>
974            
975                        </div>            <div 
976    class="w-full h-[var(--mobile-height)] lg:h-[var(--desktop-height)]" 
977    style="--mobile-height: 50px; --desktop-height: 50px;"
978></div>            <div 
979    class="
980        richtext max-w-full
981    "
982        data-aos="fade-up-small"
983>
984    <h4>Find us</h4>
985</div>            <div 
986    class="
987        richtext max-w-full
988    "
989        data-aos="fade-up-small"
990>
991    <p>Parklife House
<br />133 Deodar Road
<br />London SW15 2NU<br /><a href="tel:+4402083928400">+44 (0) 20 8392 8400</a><br /><a href="mailto:[email protected]">[email protected]</a></p>
992</div>            <div 
993    class="w-full h-[var(--mobile-height)] lg:h-[var(--desktop-height)]" 
994    style="--mobile-height: 20px; --desktop-height: 20px;"
995></div>    </div>            </div>
996        </div>
997
998                    <div 
999                class="mb-14 lg:mb-0 aspect-square order-1 lg:order-last"
1000                x-data="{ shown: false }" x-intersect.once="shown = true"
1001            >
1002                <iframe 
1003                    src="https://snazzymaps.com/embed/635313" 
1004                    style="border:none; width: 100%; height:100%"
1005                        style="transition-delay: 0ms;"
1006    x-show="shown" 
1007    x-transition:enter="transition ease-out duration-1000"
1008    x-transition:enter-start="opacity-0 translate-y-4"
1009    x-transition:enter-end="opacity-100 translate-y-0"
1010    x-transition:leave="transition ease-in duration-1000"
1011    x-transition:leave-start="opacity-100 translate-y-0"
1012    x-transition:leave-end="opacity-0 translate-y-4"
1013    x-cloak
1014
1015                ></iframe>
1016            </div>
1017            </div>
1018</section>
1018    <!-- content-builder-text -->
1019        <!-- content-builder-formie -->
1020        <!-- content-builder-spacer -->
1021        <!-- content-builder-text -->
1022        <!-- content-builder-text -->
1023        <!-- content-builder-spacer -->
1024        <!-- spacer -->
1025    <div 
1026    class="w-full h-[var(--mobile-height)] lg:h-[var(--desktop-height)]" 
1027    style="--mobile-height: 75px; --desktop-height: 0px;"
1028></div>        </main>
1029        
1030        
1031
1032<footer class="bg-[#F6F5F5] px-6 lg:px-12 pt-14 pb-12 text-brand-primary text-xxs">
1033    <div>
1034        <div class="flex flex-col md:flex-row justify-between gap-x-10 lg:gap-x-24 pb-10 border-b border-brand-primary/25" >
1035            <div 
1036                class="flex-shrink-0" 
1037                x-data="{ shown: false }" x-intersect.once="shown = true"
1038            >
1039                <div 
1040                    class="w-full mb-5 uppercase" 
1041                        style="transition-delay: 0ms;"
1042    x-show="shown" 
1043    x-transition:enter="transition ease-out duration-1000"
1044    x-transition:enter-start="opacity-0 translate-y-4"
1045    x-transition:enter-end="opacity-100 translate-y-0"
1046    x-transition:leave="transition ease-in duration-1000"
1047    x-transition:leave-start="opacity-100 translate-y-0"
1048    x-transition:leave-end="opacity-0 translate-y-4"
1049    x-cloak
1050
1051                >
1052                    Contact
1053                </div>
1054
1055                <div 
1056                    class="my-2 md:mb-5 md:mt-0"
1057                        style="transition-delay: 200ms;"
1058    x-show="shown" 
1059    x-transition:enter="transition ease-out duration-1000"
1060    x-transition:enter-start="opacity-0 translate-y-4"
1061    x-transition:enter-end="opacity-100 translate-y-0"
1062    x-transition:leave="transition ease-in duration-1000"
1063    x-transition:leave-start="opacity-100 translate-y-0"
1064    x-transition:leave-end="opacity-0 translate-y-4"
1065    x-cloak
1066
1067                >
1068                    <a href="https://www.google.com/maps/place/Winch+Design/@51.4627261,-0.2104466,17z/data=!4m6!3m5!1s0x48760dc64a4c01b5:0x279f88c08a2a229d!8m2!3d51.4627136!4d-0.2082253!16s%2Fg%2F1xgrmdxn?entry=ttu&amp;g_ep=EgoyMDI1MDgxMC4wIKXMDSoASAFQAw%3D%3D" target="_blank" class="no-underline richtext">
1069                        <p class="style-paragraph-extra-small"><span>Parklife House,</span><br /><span>133 Deodar Road,</span><br /><span>London SW15 2NU</span></p>
1070                    </a>
1071                </div>
1072
1073                <div 
1074                    class="my-2 md:my-0" 
1075                        style="transition-delay: 400ms;"
1076    x-show="shown" 
1077    x-transition:enter="transition ease-out duration-1000"
1078    x-transition:enter-start="opacity-0 translate-y-4"
1079    x-transition:enter-end="opacity-100 translate-y-0"
1080    x-transition:leave="transition ease-in duration-1000"
1081    x-transition:leave-start="opacity-100 translate-y-0"
1082    x-transition:leave-end="opacity-0 translate-y-4"
1083    x-cloak
1084
1085                >
1086                    <ul class="list-reset">
1087                        <li><a href="tel:+44-(0)-20-8392-8400">+44 (0) 20 8392 8400</a></li>
1088                        <li><a href="mailto:[email protected]">[email protected]</a></li>
1089                    </ul>
1090                </div>
1091            </div>
1092
1093            <div 
1094                class="pt-8 md:pt-0"
1095                x-data="{ shown: false }" x-intersect.once="shown = true"
1096            >
1097                <ul>
1098                                            <li 
1099                            class="text-xxs uppercase tracking-[2.1px]" 
1100                                style="transition-delay: 0ms;"
1101    x-show="shown" 
1102    x-transition:enter="transition ease-out duration-1000"
1103    x-transition:enter-start="opacity-0 translate-y-4"
1104    x-transition:enter-end="opacity-100 translate-y-0"
1105    x-transition:leave="transition ease-in duration-1000"
1106    x-transition:leave-start="opacity-100 translate-y-0"
1107    x-transition:leave-end="opacity-0 translate-y-4"
1108    x-cloak
1109
1110                        >
1111                            <a href="https://winchdesign.com/about-winch"> About</a>
1112                        </li>
1113                                            <li 
1114                            class="text-xxs uppercase tracking-[2.1px]" 
1115                                style="transition-delay: 200ms;"
1116    x-show="shown" 
1117    x-transition:enter="transition ease-out duration-1000"
1118    x-transition:enter-start="opacity-0 translate-y-4"
1119    x-transition:enter-end="opacity-100 translate-y-0"
1120    x-transition:leave="transition ease-in duration-1000"
1121    x-transition:leave-start="opacity-100 translate-y-0"
1122    x-transition:leave-end="opacity-0 translate-y-4"
1123    x-cloak
1124
1125                        >
1126                            <a href="https://winchdesign.com/studio"> Studio</a>
1127                        </li>
1128                                            <li 
1129                            class="text-xxs uppercase tracking-[2.1px]" 
1130                                style="transition-delay: 400ms;"
1131    x-show="shown" 
1132    x-transition:enter="transition ease-out duration-1000"
1133    x-transition:enter-start="opacity-0 translate-y-4"
1134    x-transition:enter-end="opacity-100 translate-y-0"
1135    x-transition:leave="transition ease-in duration-1000"
1136    x-transition:leave-start="opacity-100 translate-y-0"
1137    x-transition:leave-end="opacity-0 translate-y-4"
1138    x-cloak
1139
1140                        >
1141                            <a href="https://winchdesign.com/portfolio"> Portfolio</a>
1142                        </li>
1143                                            <li 
1144                            class="text-xxs uppercase tracking-[2.1px]" 
1145                                style="transition-delay: 600ms;"
1146    x-show="shown" 
1147    x-transition:enter="transition ease-out duration-1000"
1148    x-transition:enter-start="opacity-0 translate-y-4"
1149    x-transition:enter-end="opacity-100 translate-y-0"
1150    x-transition:leave="transition ease-in duration-1000"
1151    x-transition:leave-start="opacity-100 translate-y-0"
1152    x-transition:leave-end="opacity-0 translate-y-4"
1153    x-cloak
1154
1155                        >
1156                            <a href="https://winchdesign.com/our-world"> Our World</a>
1157                        </li>
1158                                            <li 
1159                            class="text-xxs uppercase tracking-[2.1px]" 
1160                                style="transition-delay: 800ms;"
1161    x-show="shown" 
1162    x-transition:enter="transition ease-out duration-1000"
1163    x-transition:enter-start="opacity-0 translate-y-4"
1164    x-transition:enter-end="opacity-100 translate-y-0"
1165    x-transition:leave="transition ease-in duration-1000"
1166    x-transition:leave-start="opacity-100 translate-y-0"
1167    x-transition:leave-end="opacity-0 translate-y-4"
1168    x-cloak
1169
1170                        >
1171                            <a href="https://winchdesign.com/news"> News</a>
1172                        </li>
1173                                            <li 
1174                            class="text-xxs uppercase tracking-[2.1px]" 
1175                                style="transition-delay: 1000ms;"
1176    x-show="shown" 
1177    x-transition:enter="transition ease-out duration-1000"
1178    x-transition:enter-start="opacity-0 translate-y-4"
1179    x-transition:enter-end="opacity-100 translate-y-0"
1180    x-transition:leave="transition ease-in duration-1000"
1181    x-transition:leave-start="opacity-100 translate-y-0"
1182    x-transition:leave-end="opacity-0 translate-y-4"
1183    x-cloak
1184
1185                        >
1186                            <a href="https://winchdesign.com/careers"> Careers</a>
1187                        </li>
1188                                    </ul>
1189            </div>
1190
1191            <div 
1192                class="flex flex-col items-start flex-1 w-full overflow-hidden md:items-end pt-8 md:pt-0" 
1193                x-data="{ shown: false, modalOpen: false }" x-intersect.once="shown = true"
1194            >
1195                <p 
1196                    class="mb-5 uppercase tracking-[2.4px]"
1197                        style="transition-delay: 0ms;"
1198    x-show="shown" 
1199    x-transition:enter="transition ease-out duration-1000"
1200    x-transition:enter-start="opacity-0 translate-y-4"
1201    x-transition:enter-end="opacity-100 translate-y-0"
1202    x-transition:leave="transition ease-in duration-1000"
1203    x-transition:leave-start="opacity-100 translate-y-0"
1204    x-transition:leave-end="opacity-0 translate-y-4"
1205    x-cloak
1206
1207                >
1208                    
1209                </p>
1210
1211                <div 
1212                    class="relative flex w-full md:justify-end lg:max-w-lg"
1213                        style="transition-delay: 200ms;"
1214    x-show="shown" 
1215    x-transition:enter="transition ease-out duration-1000"
1216    x-transition:enter-start="opacity-0 translate-y-4"
1217    x-transition:enter-end="opacity-100 translate-y-0"
1218    x-transition:leave="transition ease-in duration-1000"
1219    x-transition:leave-start="opacity-100 translate-y-0"
1220    x-transition:leave-end="opacity-0 translate-y-4"
1221    x-cloak
1222
1223                >
1224                    
1225                        <!-- Trigger -->
1226                        <span x-on:click="modalOpen = true">
1227                            <button type="button" class="block px-4 md:px-6 py-2.5 lg:py-4 text-xs font-medium text-white uppercase bg-brand-primary tracking-[2.4px] mb-8">
1228                                Sign up for updates
1229                            </button>
1230                        </span>
1231                    
1232                        <!-- Modal -->
1233                        <template x-teleport="body">
1234                            <div
1235                                x-show="modalOpen"
1236                                style="display: none"
1237                                x-on:keydown.escape.prevent.stop="modalOpen = false"
1238                                role="dialog"
1239                                aria-modal="true"
1240                                x-id="['modal-title']"
1241                                :aria-labelledby="$id('modal-title')"
1242                                class="fixed inset-0 z-30 overflow-y-auto"
1243                            >
1244                                <!-- Overlay -->
1245                                <div x-show="modalOpen" x-transition.opacity class="fixed inset-0 bg-black/25"></div>
1246                        
1247                                <!-- Panel -->
1248                                <div
1249                                    x-show="modalOpen" x-transition
1250                                    x-on:click="modalOpen = false"
1251                                    class="relative flex min-h-screen items-center justify-center p-4"
1252                                >
1253                                    <div
1254                                        x-on:click.stop
1255                                        x-trap.noscroll.inert="modalOpen"
1256                                        class="relative p-4 lg:p-8 overflow-y-auto bg-white shadow-lg w-full lg:max-w-4xl max-h-[80dvh] lg:max-h-205.25"
1257                                    >
1258                                        <!-- Title -->
1259                                        <h2 class="font-medium font-serif text-[22px] tracking-[2.4px] text-brand-primary text-center uppercase mt-4" :id="$id('modal-title')">Sign up for updates</h2>
1260                        
1261                                        <!-- Content -->
1262                                        <div class="mt-4 mx-auto">
1263                                            
1263<script type="text/javascript">var loc = "https://analytics-eu.clickdimensions.com/winchdesigncom-a2hmg/pages/";var cdSurveyCdn = "https://cdn-eu.clickdimensions.com/web/newformeditor/";</script>
vendor: 1 bytes, line 1263
1263
1264<script type="text/javascript" src="https://cdn-eu.clickdimensions.com/web/newformeditor/CDWidget.js"></script>
1264
1265<div pageID="mlow1r7wefgdqnweugmlyg"></div>
1266                                        </div>
1267                        
1268                                        <!-- Buttons -->
1269                                        <div class="mt-6 flex justify-end space-x-2">
1270                                            <button type="button" x-on:click="modalOpen = false" class="relative flex items-center justify-center gap-2 whitespace-nowrap text-sm bg-transparent px-4 py-2 text-brand-primary">
1271                                                Close
1272                                            </button>
1273                                        </div>
1274                                    </div>
1275                                </div>
1276                            </div>
1277                        </template>
1278                                    </div>
1279
1280                <a 
1281                    href="/" 
1282                    class="block no-underline"
1283                        style="transition-delay: 400ms;"
1284    x-show="shown" 
1285    x-transition:enter="transition ease-out duration-1000"
1286    x-transition:enter-start="opacity-0 translate-y-4"
1287    x-transition:enter-end="opacity-100 translate-y-0"
1288    x-transition:leave="transition ease-in duration-1000"
1289    x-transition:leave-start="opacity-100 translate-y-0"
1290    x-transition:leave-end="opacity-0 translate-y-4"
1291    x-cloak
1292
1293                >
1294                    <svg class="w-16" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 60.214 40.511">
1295                        <g data-name="Group 91" transform="translate(-1125.683 -2260.5)"><path d="M0 0v4.183h2.409v-.718H.756V2.3h1.2v-.714h-1.2V.715h1.6V0Z" fill="currentColor" data-name="Path 46" transform="translate(1141.335 2296.768)"/><g data-name="Group 52" transform="translate(1144.47 2296.708)"><path d="M-.219-.274c0-.322.318-.451.6-.451a1.007 1.007 0 0 1 .678.272l.391-.6a1.738 1.738 0 0 0-1.132-.392A1.215 1.215 0 0 0-.975-.267a1.06 1.06 0 0 0 .553.949c.527.331 1.255.4 1.255.932a.53.53 0 0 1-.571.527 1.264 1.264 0 0 1-.924-.459l-.493.549a2.029 2.029 0 0 0 1.418.627A1.277 1.277 0 0 0 1.589 1.6C1.589.192-.219.4-.219-.274" fill="currentColor" data-name="Path 47" transform="translate(1.156 1.445)"/></g><path d="M0-.168h1.04V3.3h.755V-.168H2.83v-.718H0Z" fill="currentColor" data-name="Path 49" transform="translate(1147.885 2297.653)"/><g data-name="Group 55" transform="translate(1151.77 2296.783)"><path d="M-.449-.068a1.5 1.5 0 0 0-.986-.29h-.933v3.075h.933a1.5 1.5 0 0 0 .986-.292A1.583 1.583 0 0 0 .124 1.18 1.585 1.585 0 0 0-.449-.068M-.73 1.769a.752.752 0 0 1-.647.3H-1.7V.293h.323a.75.75 0 0 1 .648.3.98.98 0 0 1 .185.588.99.99 0 0 1-.186.589" fill="currentColor" data-name="Path 50" transform="translate(2.368 .358)"/></g><path d="M0-.14v.765L.728.194v3.25h.757V-.739H.952Z" fill="currentColor" data-name="Path 52" transform="translate(1156.689 2297.507)"/><g data-name="Group 58" transform="translate(1159.546 2296.709)"><path d="M-.326 0A1.439 1.439 0 0 0-1.72 1.471 1.389 1.389 0 0 0-.348 2.909H-.3l-.738 1.333H-.2l.922-1.659a2.4 2.4 0 0 0 .387-1.155A1.415 1.415 0 0 0-.326 0m.471 2.092a.922.922 0 0 1-.421.1.71.71 0 0 1-.7-.745.684.684 0 0 1 .663-.729.7.7 0 0 1 .694.71 1.187 1.187 0 0 1-.235.664" fill="currentColor" data-name="Path 53" transform="translate(1.72)"/></g>
1296                            <g data-name="Group 59" transform="translate(1163.41 2296.708)"><path d="M-.523-.442a.975.975 0 0 0 .315-.733A1.134 1.134 0 0 0-1.357-2.33a1.135 1.135 0 0 0-1.149 1.155.972.972 0 0 0 .315.733A1.245 1.245 0 0 0-2.757.614a1.366 1.366 0 0 0 1.4 1.359A1.366 1.366 0 0 0 .044.614 1.248 1.248 0 0 0-.523-.442m-.834-1.168a.4.4 0 0 1 .392.435.4.4 0 0 1-.392.43.4.4 0 0 1-.394-.43.406.406 0 0 1 .394-.435m0 2.866A.629.629 0 0 1-2 .614a.633.633 0 0 1 .643-.643.633.633 0 0 1 .644.643.629.629 0 0 1-.644.641" fill="currentColor" data-name="Path 54" transform="translate(2.757 2.33)"/></g>
1297                            <g data-name="Group 60" transform="translate(1167.301 2296.768)"><path d="M-.341-.312h-.05l.739-1.332h-.834L-1.41.019a2.354 2.354 0 0 0-.39 1.152A1.414 1.414 0 0 0-.365 2.6a1.438 1.438 0 0 0 1.4-1.469A1.39 1.39 0 0 0-.341-.312m-.033 2.193a.7.7 0 0 1-.7-.711A1.179 1.179 0 0 1-.835.508a.929.929 0 0 1 .421-.1.712.712 0 0 1 .7.747.686.686 0 0 1-.66.729" fill="currentColor" data-name="Path 55" transform="translate(1.798 1.644)"/></g><path d="M0 0v.494h2.183L2.177 0Z" fill="currentColor" data-name="Path 57" transform="translate(1151.761 2300.455)"/><g data-name="Group 63" transform="translate(1125.683 2260.5)"><path d="M-9.567-.532v-.39h-.756v-.46A1.379 1.379 0 0 0-11.656-2.8H-28.8a1.381 1.381 0 0 0-1.334 1.422v.46h-.886v.39h-19.39V2.3h19.39v.305h.91v1.883h.581a18.015 18.015 0 0 1 1.829 7.557c0 3.737-2.794 6.581-3.363 7.122h-.956v2.8h-.9v2.051h-1.841v3.689h28.781v-3.691h-1.838v-2.051h-.9v-2.8h-.954c-.568-.54-3.361-3.385-3.361-7.122a18.058 18.058 0 0 1 1.824-7.557h.754V2.605h.89V2.3H9.8V-.532Zm-34.047 1.94h-5.965V.358h5.965Zm5.954 0h-5.123V.358h5.123Zm6.633 0h-5.8V.358h5.8Zm1.727-2.79a.518.518 0 0 1 .5-.533h17.147a.517.517 0 0 1 .5.533v.46h-7.797a1.938 1.938 0 0 0-1.166-.4 1.942 1.942 0 0 0-1.167.4H-29.3Zm10.382 2.23a1.24 1.24 0 0 1-1.2 1.278 1.242 1.242 0 0 1-1.2-1.278 1.242 1.242 0 0 1 1.2-1.276 1.239 1.239 0 0 1 1.2 1.276m-11.194.868h-.076V-.031h8.221a2.253 2.253 0 0 0-.18.878 2.311 2.311 0 0 0 .172.868Zm3.243 10.33a18.649 18.649 0 0 0-1.723-7.557h4.3
129764a22.293 22.293 0 0 1 .93 6.673 18.744 18.744 0 0 1-2.151 8.006h-4.417a11.039 11.039 0 0 0 3-7.122m3.524-7.557h5.621a23.61 23.61 0 0 0-.885 6.673 19.125 19.125 0 0 0 2.036 8.006h-7.93a19.111 19.111 0 0 0 2.037-8.006 23.6 23.6 0 0 0-.883-6.673m-5.824 22.327h-4.756v-1.909h4.756Zm5.587 0h-4.757v-1.911h4.756Zm5.591 0h-4.756v-1.909h4.756Zm5.589 0h-4.756v-1.909h4.759Zm5.591 0h-4.756v-1.911h4.756Zm-1.842-3.959v1.161h-23.433v-1.163h23.368Zm-.9-.89h-21.633v-1.91h21.635Zm-4.319-9.92a11.043 11.043 0 0 0 3 7.122h-4.75a18.7 18.7 0 0 1-2.154-8.006 22.349 22.349 0 0 1 .93-6.673h4.7a18.706 18.706 0 0 0-1.722 7.557m2.581-8.447h-17.99v-.995h7.978a1.927 1.927 0 0 0 1.18.409 1.927 1.927 0 0 0 1.18-.409h7.648Zm.866-1.883h-7.835a2.25 2.25 0 0 0 .173-.868 2.267 2.267 0 0 0-.178-.878h7.841Zm6.633-.3h-5.777V.358h5.777Zm5.957 0h-5.122V.358h5.122Zm6.8 0H3V.358h5.967Z" fill="currentColor" data-name="Path 58" transform="translate(50.412 2.804)"/></g>
1298                        </g>
1299                    </svg>
1300                </a>
1301            </div>
1302        </div>
1303    </div>
1304
1305    <div class="flex flex-col justify-between pt-10 md:flex-row gap-x-10" x-data="{ shown: false }" x-intersect.once="shown = true">
1306        <ul class="flex flex-col md:flex-row gap-y-4 gap-x-10">
1307                            <li 
1308                    class="text-xxs"
1309                        style="transition-delay: 0ms;"
1310    x-show="shown" 
1311    x-transition:enter="transition ease-out duration-1000"
1312    x-transition:enter-start="opacity-0 translate-y-4"
1313    x-transition:enter-end="opacity-100 translate-y-0"
1314    x-transition:leave="transition ease-in duration-1000"
1315    x-transition:leave-start="opacity-100 translate-y-0"
1316    x-transition:leave-end="opacity-0 translate-y-4"
1317    x-cloak
1318
1319                >
1320                    <a >© Winch Design. All Rights Reserved</a>
1321                </li>
1322                            <li 
1323                    class="text-xxs"
1324                        style="transition-delay: 200ms;"
1325    x-show="shown" 
1326    x-transition:enter="transition ease-out duration-1000"
1327    x-transition:enter-start="opacity-0 translate-y-4"
1328    x-transition:enter-end="opacity-100 translate-y-0"
1329    x-transition:leave="transition ease-in duration-1000"
1330    x-transition:leave-start="opacity-100 translate-y-0"
1331    x-transition:leave-end="opacity-0 translate-y-4"
1332    x-cloak
1333
1334                >
1335                    <a  href="https://winchdesign.com/privacy">Privacy Policy</a>
1336                </li>
1337                            <li 
1338                    class="text-xxs"
1339                        style="transition-delay: 400ms;"
1340    x-show="shown" 
1341    x-transition:enter="transition ease-out duration-1000"
1342    x-transition:enter-start="opacity-0 translate-y-4"
1343    x-transition:enter-end="opacity-100 translate-y-0"
1344    x-transition:leave="transition ease-in duration-1000"
1345    x-transition:leave-start="opacity-100 translate-y-0"
1346    x-transition:leave-end="opacity-0 translate-y-4"
1347    x-cloak
1348
1349                >
1350                    <a  href="https://winchdesign.com/cookies">Cookies</a>
1351                </li>
1352                        <li 
1353                class="text-xxs"
1354                    style="transition-delay: 600ms;"
1355    x-show="shown" 
1356    x-transition:enter="transition ease-out duration-1000"
1357    x-transition:enter-start="opacity-0 translate-y-4"
1358    x-transition:enter-end="opacity-100 translate-y-0"
1359    x-transition:leave="transition ease-in duration-1000"
1360    x-transition:leave-start="opacity-100 translate-y-0"
1361    x-transition:leave-end="opacity-0 translate-y-4"
1362    x-cloak
1363
1364            >
1365                <a href="https://strattons.com" target="_blank" class="opacity-50"> Site by Strattons</a>
1366            </li>
1367        </ul>
1368        <div 
1369            class="flex gap-x-6 pt-8 md:pt-0"
1370                style="transition-delay: 203ms;"
1371    x-show="shown" 
1372    x-transition:enter="transition ease-out duration-1000"
1373    x-transition:enter-start="opacity-0 translate-y-4"
1374    x-transition:enter-end="opacity-100 translate-y-0"
1375    x-transition:leave="transition ease-in duration-1000"
1376    x-transition:leave-start="opacity-100 translate-y-0"
1377    x-transition:leave-end="opacity-0 translate-y-4"
1378    x-cloak
1379
1380        >
1381
1382            
1383                            
1384                <a class="no-underline" href="https://www.instagram.com/winchdesign_wd/" rel="noopener noreferrer" target="_blank">                    <svg class="h-4 fill-current" aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
1385                        <path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
1386                    </svg>
1387                </a>
1388            
1389                            
1390                <a class="no-underline" href="https://www.linkedin.com/company/andrew-winch-designs/" rel="noopener noreferrer" target="_blank">                    <svg class="h-4 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
1390ox="0 0 461 463" xml:space="preserve">
1391                        <path class="st0" d="M104.3,454H11.4V154.9h92.9V454z M57.8,114.1C28.1,114.1,4,89.5,4,59.8C4,30.1,28.1,6,57.8,6c29.7,0,53.8,24.1,53.8,53.8C111.6,89.5,87.5,114.1,57.8,114.1z M451.9,454h-92.7V308.4c0-34.7-0.7-79.2-48.3-79.2c-48.3,0-55.7,37.7-55.7,76.7V454h-92.8V154.9h89.1v40.8h1.3c12.4-23.5,42.7-48.3,87.9-48.3c94,0,111.3,61.9,111.3,142.3V454H451.9z"/>
1392                    </svg>
1393                </a>
1394            
1395                            
1396                <a class="no-underline" href="https://twitter.com/winchdesign_wd" rel="noopener noreferrer" target="_blank">                    <svg class="h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 61.724 49.995">
1397                        <path d="M61.724 5.961a22.76 22.76 0 01-7.307 1.923A12.426 12.426 0 0059.993.962a24.24 24.24 0 01-8.076 3.077A12.38 12.38 0 0042.88 0a12.679 12.679 0 00-12.691 12.691 14.843 14.843 0 00.385 2.884A36.249 36.249 0 014.423 2.307a12.1 12.1 0 00-1.731 6.345 13.008 13.008 0 005.576 10.577A11.747 11.747 0 012.5 17.69v.192a12.582 12.582 0 0010.191 12.307 18.945 18.945 0 01-3.269.385 9.362 9.362 0 01-2.307-.192 12.844 12.844 0 0011.73 8.845 24.837 24.837 0 01-15.768 5.384A16.541 16.541 0 010 44.418a38.172 38.172 0 0019.613 5.576c23.267 0 35.958-19.229 35.958-35.958V12.5a33.1 33.1 0 006.153-6.539z"></path>
1398                    </svg>
1399                </a>
1400            
1401                            
1402                <a class="no-underline" href="https://www.facebook.com/WinchDesign/" rel="noopener noreferrer" target="_blank">                    <svg class="h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 14">
1403                        <path d="M1.75 4.667H0V7h1.75v7h2.917V7H6.79L7 4.667H4.667v-.973c0-.557.112-.777.65-.777H7V0H4.779C2.68 0 1.75.923 1.75 2.692v1.975z" fill-rule="nonzero"></path>
1404                    </svg>
1405                </a>
1406                    </div>
1407    </div>
1408</footer>
1409        <div
1410    name="lightbox"
1411    x-data="{
1412        assets: [],
1413        activeAssetIndex: null,
1414        get activeAsset() {
1415            if(this.assets) {
1416                return this.assets[this.activeAssetIndex];
1417            }
1418            
1419            return null;
1420        },
1421        get isOpen() {
1422            return this.assets.length > 0;
1423        },
1424        open(event) {
1425            console.log(event);
1426            this.assets = event.assets;
1427            this.activeAssetIndex = event.index;
1428        },
1429        close() {         
1430            this.activeAssetIndex = null;
1431            this.assets = [];
1432        },
1433        prev() {
1434            if(this.activeAssetIndex == 0) {
1435                return this.activeAssetIndex = this.assets.length - 1;
1436            }
1437            this.activeAssetIndex = this.activeAssetIndex - 1;
1438        },
1439        next() {
1440            if(this.activeAssetIndex == this.assets.length - 1) {
1441                return this.activeAssetIndex = 0;
1442            }
1443            this.activeAssetIndex = this.activeAssetIndex + 1;
1444        },
1445        init() {
1446           //
1447        }
1448    }"
1449    @open-lightbox.window="open($event.detail)"
1450    x-trap.noscroll.noautofocus="isOpen"
1451    x-show="isOpen"
1452    x-cloak
1453>
1454    <div
1455        class="fixed inset-0 z-[99999] flex items-center justify-center w-screen h-screen-dynamic"
1456        @keyup.escape.window="close()"
1457        @keyup.left.window="prev()"
1458        @keyup.right.window="next()"
1459        
1460    >
1461        <div class="absolute inset-0 size-full bg-[#2C3767]/90" @click="close()"></div>
1462
1463        <template x-if="activeAsset" hidden>
1464            <div class="relative flex flex-col size-full px-4 py-32 pointer-events-none md:px-12 lg:px-48">
1465                <div class="flex flex-col items-center justify-center flex-1 w-full h-px">
1466                    <template x-if="activeAsset?.type == 'image'">
1467                        <img
1468                            draggable="false"
1469                            class="relative max-w-full max-h-full pointer-events-auto"
1470                            :src="activeAsset?.url"
1471                            :alt="activeAsset?.alt"
1472                        />
1473                    </template>
1474
1475                    <template x-if="activeAsset?.type == 'video'">
1476                        <video 
1477                            class="relative w-full max-w-full max-h-full pointer-events-auto" 
1478                            playsinline 
1479                            autoplay 
1480                            loop 
1481                            muted
1482                        >
1483                            <source :src="activeAsset?.url">
1484                        </video>
1485                    </template>
1486                </div>
1487            </div>
1488        </template>
1489
1490        <div 
1491            class="absolute bottom-10 lg:top-0 lg:bottom-0 items-center pointer-events-none flex left-16"
1492            x-show="assets && assets.length > 1"
1493        >
1494            <button class="inline-flex items-center justify-center w-12 h-12 rounded-full pointer-events-auto rotate-90" x-on:click="prev()">
1495                <svg 
1496                    xmlns="http://www.w3.org/2000/svg" 
1497                    xmlns:xlink="http://www.w3.org/1999/xlink" 
1498                    width="20" 
1499                    height="10" 
1500                    fill="none"
1501                >
1502                    <path fill="url(#a)" d="M0 0h19.333v10H0z"/>
1503                    <defs>
1504                        <pattern id="a" width="1" height="1" patternContentUnits="objectBoundingBox"><use xlink:href="#b" transform="scale(.03448 .06667)"/></pattern>
1505                        <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAPCAYAAAAYjcSfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i
150577u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUwODM4QzQ4MTg5NjExRTg4OTM1OEQxOUE5MkFBMTc5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUwODM4QzQ5MTg5NjExRTg4OTM1OEQxOUE5MkFBMTc5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkY2QjFBNzUxODg3MTFFODg5MzU4RDE5QTkyQUExNzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkY2QjFBNzYxODg3MTFFODg5MzU4RDE5QTkyQUExNzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ehEa/AAAAy0lEQVR42rzSPwqDMBQG8PRAnTO55ADOgl4gewuZnHMkT+Il7NKhLZ3SF/geiDXmD+rwoby8fD8QhXNuoLQUcUK8M/iXhvI5AW7hNDyoMegOAjv0e0fMD/zgS9E7gxq9Nc+WC3vDf+Aa6qMorx1gjR61PAtdYPhWCN5D4BbK8JtiMkGDeyq0EyuoKM8M2GC/2tpLKZIo6iN7PfZkrDP1kzFsA+c2FcxBGX6swBZzmdqV+1deKROgC54T5uIodA6PJWApyvBYAvr8BBgAdupCa8pCHSUAAAAASUVORK5CYII=" id="b" width="29" height="15" preserveAspectRatio="none"/>
1506                    </defs>
1507                </svg>
1508            </button>
1509        </div>
1510
1511        <div 
1512            class="absolute bottom-10 lg:top-0 lg:bottom-0 items-center pointer-events-none flex right-16"
1513            x-show="assets && assets.length > 1"
1514        >
1515            <button class="inline-flex items-center justify-center w-12 h-12 rounded-full pointer-events-auto -rotate-90" x-on:click="next()">
1516                <svg 
1517                    xmlns="http://www.w3.org/2000/svg" 
1518                    xmlns:xlink="http://www.w3.org/1999/xlink" 
1519                    width="20" 
1520                    height="10" 
1521                    fill="none"
1522                >
1523                    <path fill="url(#a)" d="M0 0h19.333v10H0z"/>
1524                    <defs>
1525                        <pattern id="a" width="1" height="1" patternContentUnits="objectBoundingBox"><use xlink:href="#b" transform="scale(.03448 .06667)"/></pattern>
1526                        <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAPCAYAAAAYjcSfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUwODM4QzQ4MTg5NjExRTg4OTM1OEQxOUE5MkFBMTc5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUwODM4QzQ5MTg5NjExRTg4OTM1OEQxOUE5MkFBMTc5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkY2QjFBNzUxODg3MTFFODg5MzU4RDE5QTkyQUExNzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkY2QjFBNzYxODg3MTFFODg5MzU4RDE5QTkyQUExNzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ehEa/AAAAy0lEQVR42rzSPwqDMBQG8PRAnTO55ADOgl4gewuZnHMkT+Il7NKhLZ3SF/geiDXmD+rwoby8fD8QhXNuoLQUcUK8M/iXhvI5AW7hNDyoMegOAjv0e0fMD/zgS9E7gxq9Nc+WC3vDf+Aa6qMorx1gjR61PAtdYPhWCN5D4BbK8JtiMkGDeyq0EyuoKM8M2GC/2tpLKZIo6iN7PfZkrDP1kzFsA+c2FcxBGX6swBZzmdqV+1deKROgC54T5uIodA6PJWApyvBYAvr8BBgAdupCa8pCHSUAAAAASUVORK5CYII=" id="b" width="29" height="15" preserveAspectRatio="none"/>
1527                    </defs>
1528                </svg>
1529            </button>
1530        </div>
1531                
1532        <button class="absolute bottom-14 text-white uppercase tracking-[2.4px] text-xxs" @click="close()">
1533            Close Gallery
1534        </button>
1535        
1536    </div>
1537</div>        
1538        			
1539		
1540    
1540<script type="text/javascript">window.FormieTranslations={"{attribute} cannot be blank.":"{attribute} cannot be blank.","{attribute} is not a valid email address.":"{attribute} is not a valid email address.","{attribute} is not a valid URL.":"{attribute} is not a valid URL.","{attribute} is not a valid number.":"{attribute} is not a valid number.","{attribute} is not a valid format.":"{attribute} is not a valid format.","{name} must match {value}.":"{name} must match {value}.","{attribute} must be between {min} and {max}.":"{attribute} must be between {min} and {max}.","{attribute} must be no less than {min}.":"{attribute} must be no less than {min}.","{attribute} must be no greater than {max}.":"{attribute} must be no greater than {max}.","{attribute} has an invalid value.":"{attribute} has an invalid value.","File {filename} must be smaller than {filesize} MB.":"File {filename} must be smaller than {filesize} MB.","File must be smaller than {filesize} MB.":"File must be smaller than {filesize} MB.","File must be larger than {filesize} MB.":"File must be larger than {filesize} MB.","Choose up to {files} files.":"Choose up to {files} files.","{startTag}{num}{endTag} character left":"{startTag}{num}{endTag} character left","{startTag}{num}{endTag} characters left":"{startTag}{num}{endTag} characters left","{startTag}{num}{endTag} word left":"{startTag}{num}{endTag} word left","{startTag}{num}{endTag} words left":"{startTag}{num}{endTag} words left","{attribute} must be no less than {min} characters.":"{attribute} must be no less than {min} characters.","{attribute} must be no greater than {max} characters.":"{attribute} must be no greater than {max} characters.","{attribute} must be no less than {min} words.":"{attribute} must be no less than {min} words.","{attribute} must be no greater than {max} words.":"{attribute} must be no greater than {max} words.","Unable to parse response `{e}`.":"Unable to parse response `{e}`.","Are you sure you want to leave?":"Are you sure you want to leave?","The request timed out.":"The request timed out.","The request encountered a network error. Please try again.":"The request encountered a network error. Please try again.","Invalid number":"Invalid number","Invalid country code":"Invalid country code","Too short":"Too short","Too long":"Too long","Missing Authorization ID for approval.":"Missing Authorization ID for approval.","Payment authorized. Finalize the form to complete payment.":"Payment authorized. Finalize the form to complete payment.","Unable to authorize payment. Please try again.":"Unable to authorize payment. Please try again.","Invalid amount.":"Invalid amount.","Invalid currency.":"Invalid currency.","Provide a value for “{label}” to proceed.":"Provide a value for “{label}” to proceed."};</script>
vendor: 1 bytes, line 1540
1540
1541<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","author":{"@id":"#identity"},"copyrightHolder":{"@id":"#identity"},"copyrightYear":"2025","creator":{"@id":"#creator"},"dateCreated":"2025-07-31T04:59:03-07:00","dateModified":"2025-09-17T08:07:40-07:00","datePublished":"2025-07-31T04:59:00-07:00","description":"Get in touch with Winch Design here to request more information about our services or speak to a member of our team.","headline":"Contact Us","image":{"@type":"ImageObject","url":"https://winch-craft-v2.s3.amazonaws.com/Generic-Images/_1200x630_crop_center-center_82_none/914_Seychelles_012.jpg?mtime=1775057811"},"inLanguage":"en","mainEntityOfPage":"https://winchdesign.com/contact","name":"Contact Us","publisher":{"@id":"#creator"},"url":"https://winchdesign.com/contact"},{"@id":"#identity","@type":"Organization"},{"@id":"#creator","@type":"Organization"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://winchdesign.com/","name":"Index","position":1},{"@type":"ListItem","item":"https://winchdesign.com/contact","name":"Contact","position":2}],"name":"Breadcrumbs"}]}</script>
1541<script type="text/javascript" src="https://winchdesign.com/cpresources/23c74f76/js/formie.js?v=1772512328" defer></script>
vendor: 1 bytes, line 1541
1541
1542<script>// Wait until Formie has been loaded and initialized
1543                document.addEventListener('onFormieInit', (event) => {
1544                    // Fetch the Form Factory once it's been loaded
1545                    let Formie = event.detail.formie;
1546
1547                    // Refresh the necessary bits that are statically cached (CSRF inputs, captchas, etc)
1548                    Formie.refreshForCache(event.detail.formId);
1549                });</script>
1549</body>
1550</html><!-- Cached by Blitz on 2026-08-18T06:09:29-07:00 --><!-- Served by Blitz on 2026-10-03T16:49:57-07:00 -->

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.