https://arc.art/

1<!DOCTYPE html>
2<html>
3  <head>
4    <title>ARC</title>
5    <meta name="description" content="ARC is a disabled Saudi Artist and the founder of awl.studio, an art studio focused on empowering artists with disabilities to unlock their" />
6    <meta property="og:title" content="ARC" />
7    <meta property="og:description" content="ARC is a disabled Saudi Artist and the founder of awl.studio, an art studio focused on empowering artists with disabilities to unlock their full artistic potential." />
8    <meta name="twitter:card" content="summary_large_image" />
9    <meta property="og:image" content="https://carbon-media.accelerator.net/0000000l4kv/fWEgkKbQqznbza0tgFlHm3;630x630.png?auto=webp" />
10    <link rel="icon" type="image/png" href="https://carbon-media.accelerator.net/0000000l4kv/42ymtbovnqTbfctn4DkMeX;32x32.png" sizes="32x32" />
11    <style id="root-styles">
12:root {
13  --color: #fff;
14  --accent-color: #fff;
15  --link-color: #fe8425;
16  --surface-color: #00000000;
17  --background-color: #000000;
18  --grid-width: 1100px;
19  --default-color: #fff;
20  --default-accent-color: #fff;
21  --default-link-color: #fe8425;
22  --font-family: Montserrat;
23  --secondary-font-family: Work Sans;
24}
25    </style>
26    <style id="global-styles"></style>
27    <link rel="stylesheet" href="https://static.cmcdn.net/23/1.1.30/styles/all.css" />
28    <link rel="stylesheet" href="https://static.cmcdn.net/23/1.1.30/styles/vendor/swiper.css" />
29    <link rel="stylesheet" href="/styles/fonts.css"/>
30
31    
32
33    <meta name="viewport" content="width=device-width, initial-scale=1"/>
34  </head>
35
36  <body class="site desktop  " data-min-contrast="0">
37    <div class="page loading" style="background:#000000;--background-color:#000000;">
38  
39
40
41<span id="navigation_5021535_4809800" class="navigation surface standard  " on-insert="nav:setup">
42  
43
44  
45
46  
47  <header class="standard  ">    
48    <a href="/">
49      <h1 style="font-size:2.85em;">ARC</h1>
50
51    </a>
52
53    <style>
54#navigation_5021535_4809800 {
55  --link-color: #ffffff;
56  --default-link-color: #ffffff;
57}
58
59#navigation_5021535_4809800 > header {
60  display: flex;
61  width: 100%;
62  align-items: center;
63  justify-content: space-between;
64  position: relative;
65  z-index: 10;
66}
67</style>
68<nav class="empty"></nav>
69
70    
71  </header>
72  
73
74  
75
76  
77
78</span>
79
80  
81  <div class="guts">
82    <div class="content blocks grid animated">
83      
84      <div on-insert="block:setup" class="block_000000004c005f9f0000000000000591 block align-x-center align-y-end animated standard" style="">
85  <style>
86.block_000000004c005f9f0000000000000591 > .content {
87  display: grid;
88  grid-template-columns: repeat(1, 1fr);
89}
90
91#item_000000004c005f9f0000000000000591_1 {
92  grid-area: 1 / 1 / 2 / 2;
93}
94
95#item_000000004c005f9f0000000000000591_2 {
96  grid-area: 2 / 1 / 3 / 2;
97  padding: 10px 0;
98  line-height: 1.5em;
99  font-family: Work Sans;
100  --secondary-font-family: Work Sans;
101  font-size: 2em;
102  --font-size: 2em;
103}
104
105.phone .block_000000004c005f9f0000000000000591 > .content {
106  grid-template-columns: repeat(0, 1fr);
107}
108
109.phone #item_000000004c005f9f0000000000000591_1 {
110}
111
112.phone #item_000000004c005f9f0000000000000591_2 {
113  font-size: clamp(1em, var(--font-size, 1em), 3.5vw);
114}</style>
115
116  <div class="background" style="">
117  
118</div>
119
120  <div class="content">
121    
122    <div id="item_000000004c005f9f0000000000000591_1" class="item g-1-106-1 media">
123    
124 
125  
126
127  <style>carbon-container > video { position:absolute; left:0; top:0; width:100%; height:100%; }</style>
128<carbon-container id="media_43893623" class="fhd" style="aspect-ratio:2160/2160;max-width:1920px;">
129    <video src="https://carbon-media.accelerator.net/0000000l4kv/cgLjMGBPa4If4hDHtIDMQz;video/1920x1920.mp4" poster="https://carbon-media.accelerator.net/0000000l4kv/cgLjMGBPa4If4hDHtIDMQz;time(0).jpeg" muted playsinline autoplay loop ></video>
130  
131
132  
133</div>
134    
135
136    
137    
138    
139  </div>
140</div>
141      
142      <div class="block_000000004c005f9f0000000000000592 block align-x-center align-y-center flipped animated columns flippable" style="" on-insert="block:setup">
143  <style>
144.block_000000004c005f9f0000000000000592 > .content {
145  display: grid;
146  grid-template-columns: repeat(2, 1fr);
147  gap: 0 60px;
148}
149
150#item_000000004c005f9f0000000000000592_1 {
151  grid-area: 1 / 1 / 2 / 2;
152}
153
154#item_000000004c005f9f0000000000000592_2 {
155  line-height: 2em;
156  font-size: 4em;
157  --font-size: 4em;
158}
159
160#item_000000004c005f9f0000000000000592_3 {
161  letter-spacing: 0.05em;
162  line-height: 1.65;
163  font-family: Montserrat;
164  --secondary-font-family: Montserrat;
165  font-size: 1.9em;
166  --font-size: 1.9em;
167}
168
169#item_000000004c005f9f0000000000000592_4 {
170  grid-area: 1 / 2 / 2 / 3;
171}
172
173#item_000000004c005f9f0000000000000592_5 {
174}
175
176.phone .block_000000004c005f9f0000000000000592 > .content {
177  grid-template-columns: repeat(2, 1fr);
178}
179
180.phone #item_000000004c005f9f0000000000000592_1 {
181  grid-area: 1 / 1 / 2 / 3;
182  margin: 0 0 20px 0;
183}
184
185.phone #item_000000004c005f9f0000000000000592_2 {
186  font-size: clamp(1em, var(--font-size), 7vw);
187  margin: 0 0 20px 0;
188  line-height: 1.3em;
189}
190
191.phone #item_000000004c005f9f0000000000000592_3 {
192  font-size: clamp(1em, var(--font-size), 5vw);
193  margin: 0 0 20px 0;
194  line-height: 1.5em;
195}
196
197.phone #item_000000004c005f9f0000000000000592_4 {
198  grid-area: 2 / 1 / 3 / 3;
199}</style>
200
201
202  <div class="background" style="">
203  
204</div>
205
206  <div class="content">
207    
208    
209    <div id="item_000000004c005f9f0000000000000592_1" class="item g-1-134-1 container col-1">
210  
211  <div id="item_000000004c005f9f0000000000000592_3" class="nested item g-1-134-3 text caption">
212    <p>ARC is a disabled Saudi Artist and the founder of <a href="https://awl.studio/">awl.stud</a><a href="https://awl.studio/" style="letter-spacing:0.95px;color:var(--link-color)">io</a><span style="letter-spacing:0.95px;color:rgb(255, 255, 255)">, an art studio focused on empowering artists with disabilities to unlock their full artistic potential.</sp

212an></p><p><br></p><p><span style="letter-spacing:0.05em;color:var(--color)">For inquiries email [email protected]</span></p>
213
214    
215
216    
217  </div>
218    
219 
220  
221
222    
223
224  
225</div>
226    
227    
228    <div id="item_000000004c005f9f0000000000000592_4" class="item g-1-134-4 container col-2">
229  
230  <div id="item_000000004c005f9f0000000000000592_5" class="nested item g-1-134-5 media">
231    
232
233    
234    
235      
236    
237    <carbon-container id="media_43893399" class="fhd" style="aspect-ratio:2160/2160;max-width:1920px;">
238    <video src="https://carbon-media.accelerator.net/0000000l4kv/6h7plaTdzKfc95tx6wUzjG;video/1920x1920.mp4" poster="https://carbon-media.accelerator.net/0000000l4kv/6h7plaTdzKfc95tx6wUzjG;time(0).jpeg" muted playsinline autoplay loop ></video>
239
240    
241
242    
243
244    
245
246    
247  </div>
248    
249 
250  
251
252    
253
254  
255</div>
256    
257  </div>
258</div>
259      
260      <div class="block portfolio thumbs block_000000004c005f9f0000000000000593 block align-x-center align-y-center animated" style="" on-insert="block:setup">
261  <style>
262</style>
263
264
265  <div class="content text-inside">
266    <style>
267#grid_0000000l4kv000000000n1 carbon-item {
268  display: block;
269}
270
271#grid_0000000l4kv000000000n1 carbon-item:not(:last-child) {
272  margin-bottom: var(--gap-y);
273}
274</style>
275<carbon-grid id="grid_0000000l4kv000000000n1" style="--gap-x:0px;--gap-y:0px;display:grid;width:100%;grid-gap:var(--gap-x, 0px) var(--gap-y, 0px);--columns:1;grid-template-columns:repeat(var(--columns), 1fr);">
276<carbon-column style="grid-column:1">
277<carbon-item id="grid_0000000l4kv000000000n1_0" data-index="0"><style>
278#grid_0000000l4kv000000000n1_0 .box:before {
279  display: block;
280  padding-top: 100%;
281  content: '';
282}</style>
283
284      <a class="thumb_0000000l4kv000000000jo thumb box" style="aspect-ratio:1/1" href="/a-selection-of-my-artworks">
285  
286  
287  
288
289  
290    
291
292    
293
294    
295    <video width="1080" height="1080" loop autoplay muted playsinline lazy>      
296      
297      <source src="https://carbon-media.accelerator.net/0000000l4kv/4DDJL6V9HV7bFlF6uK2iY8;video/1080x1080-c.mp4"/>
298    </video>
299    
300
301    
302
303    
304  
305  
306  <div class="overlay"></div>
307
308  
309  <div class="content text"> 
310    <h3>A selection of my artworks</h3>
311  </div>
312  
313</a>
314
315
316    </carbon-item>
317</carbon-column></carbon-grid>
318  </div>
319</div>
320      
321    </div>
322
323    
324
325    
326    <footer class="surface has-links ">
327  <div class="content">
328    <div class="copyright"></div>
329
330    
331    <span class="branding"></span>
332    
333
334    
335
336    
337    <div class="links">
338      
339      <a style="--accent-color:#1da1f2" target="_blank" href="https://twitter.com/arc4g" class="social icon twitter solid circle"></a>
340      
341      <a style="--accent-color:#517fa4" target="_blank" href="https://www.instagram.com/arc4g" class="social icon instagram solid circle"></a>
342      
343    </div> 
344    
345  </div>
346</footer>
347    
348  </div>
349  
350</div>
351    

351<script src="https://static.cmcdn.net/libs/player/3.8.2/hls.js"></script>

351
352    

352<script src="https://static.cmcdn.net/libs/corejs/2.9.0/corejs.js" integrity="sha256-H4af5AcfTSO9YmJ79ol6bab6+TzSWWmMXKM4fwdxRQU=" crossorigin></script>

352
353    

353<script src="https://static.cmcdn.net/libs/router/1.6.0/router.js" integrity="sha256-4IUSi5DVzvBoIJVNfZ416+yuCOs+cry22iJG94eaqW8=" crossorigin></script>

353
354    

354<script src="https://static.cmcdn.net/libs/gestures/0.6.0/gestures.js" integrity="sha256-ylEa69hezIFUAga1cMRcngK6Tf9K+HJgzHUSPswYKoU=" crossorigin></script>

354
355    

355<script src="https://static.cmcdn.net/23/1.1.30/scripts/vendor/anime.js" crossorigin></script>

355
356    

356<script src="https://static.cmcdn.net/23/1.1.30/scripts/vendor/swiper.js" crossorigin></script>

356
357    

357<script src="https://static.cmcdn.net/libs/cursor/0.6.3/cursor.js" integrity="sha256-K3IY3QiVV2UvpT+BaPTD2YjNCx5nT5LLJvNqGQ3L3Is=" crossorigin></script>

357
358    

358<script src="https://static.cmcdn.net/libs/lightbox/0.23.0/lightbox.js" integrity="sha256-t/UfAWPAS6cjMlcR5oslHiY3cL3IVuUpW/ceuFKBZC4=" crossorigin></script>

358
359    

359<script src="https://static.cmcdn.net/libs/forms/4.0.2/forms.js" integrity="sha256-GBwrpMjlOgCPfECaqKSY6jQZU4eKX9Uncc0w90muz94=" crossorigin></script>

359
360    

360<script src="https://static.cmcdn.net/libs/scrollable/3.4.0/scrollable.js" integrity="sha256-baiuPcjdbyEwBScpM1XFcd3KntTAMdNFrfEtB8+Qpm4=" crossorigin></script>

360
361    

361<script src="https://static.cmcdn.net/libs/player/3.8.2/player.js" integrity="sha256-5eC5ruDiSOZ8vs10G8QfH7KRtp3Rt8rYNhCUQE/6tPk=" crossorigin></script>

361
362    

362<script src="https://static.cmcdn.net/libs/lazyjs/2.7.0/lazyjs.js" integrity="sha256-LKzXP6kCFe7HjJizvZTZVZw9VUMXTvJ983WmdTBf5+o=" crossorigin></script>

362
363    

363<script src="https://static.cmcdn.net/23/1.1.30/scripts/chroma.js" crossorigin></script>

363
364    

364<script src="https://static.cmcdn.net/23/1.1.30/scripts/contrast.js" crossorigin></script>

364
365    

365<script src="https://static.cmcdn.net/23/1.1.30/scripts/functions.js" crossorigin></script>

365
366    

366<script src="https://static.cmcdn.net/23/1.1.30/scripts/fitty.js" crossorigin></script>

366
367    

367<script src="https://static.cmcdn.net/23/1.1.30/scripts/blocks.js" crossorigin></script>

367
368    

368<script src="https://static.cmcdn.net/23/1.1.30/scripts/transitions.js" crossorigin></script>

368
369    

369<script src="https://static.cmcdn.net/23/1.1.30/scripts/site/Navigation.js" crossorigin></script>

369
370    

370<script src="https://static.cmcdn.net/23/1.1.30/scripts/components/Flipbook.js" crossorigin></script>

370
371    

371<script src="https://static.cmcdn.net/23/1.1.30/scripts/components/BeforeAfterBlock.js" crossorigin></script>

371
372    

372<script src="https://static.cmcdn.net/23/1.1.30/scripts/browser.js" crossorigin></script>

372
373    

373<script src="https://static.cmcdn.net/23/1.1.30/scripts/app.js" crossorigin></script>

373
374
375    
376  </body>
377</html>