https://stephgrani.art/cv

1<!DOCTYPE html>
2<html>
3  <head>
4    <title>CV - Steph Granillo</title>
5    <style id="root-styles">
6:root {
7  --color: #4c8ad6;
8  --accent-color: #4c8ad6;
9  --link-color: #4c8ad6;
10  --surface-color: #00000000;
11  --background-color: #cce3ff;
12  --grid-width: 1100px;
13  --default-color: #4c8ad6;
14  --default-accent-color: #4c8ad6;
15  --default-link-color: #4c8ad6;
16  --font-family: Cardo;
17  --secondary-font-family: Cardo;
18}
19    </style>
20    <style id="global-styles">
21
22.g-1-106-2 {
23  --font-size: 2em;
24  font-size: 2em;
25  line-height: 1.5em;
26}
27
28.g-1-125-1 {
29  --font-size: 2.5em;
30  font-size: 2.5em;
31}
32
33.g-1-125-2 {
34  --font-size: 2.4em;
35  font-size: 2.4em;
36  line-height: 1.01;
37}
38
39.g-1-125-3 {
40}
41
42.g-1-142-2 {
43}
44
45.g-1-142-3 {
46  --font-size: 4em;
47  font-size: 4em;
48}
49
50.g-1-128-2 {
51  --font-size: 2em;
52  font-size: 2em;
53  letter-spacing: 0.1em;
54  line-height: 1.5em;
55}
56
57.g-1-128-4 {
58  --font-size: 2.5em;
59  font-size: 2.5em;
60  line-height: 1.5em;
61}
62
63.g-1-133-2 {
64  --font-size: 6.4em;
65  font-size: 6.4em;
66  line-height: 1.57;
67}
68
69.g-1-133-3 {
70  --font-size: 2.5em;
71  font-size: 2.5em;
72  line-height: 1.5em;
73}
74
75.g-1-149-1 {
76}
77
78.g-1-149-2 {
79}
80
81.g-1-134-2 {
82  --font-size: 4em;
83  font-size: 4em;
84  letter-spacing: 0.3em;
85  line-height: 2em;
86}
87
88.g-1-134-3 {
89  --font-size: 1.7em;
90  font-size: 1.7em;
91  line-height: 1.34;
92  letter-spacing: 0.05em;
93}
94
95.g-1-127-3 {
96  --font-size: 2em;
97  font-size: 2em;
98  line-height: 1.5em;
99}
100
101.g-1-127-4 {
102  --font-size: 2em;
103  font-size: 2em;
104  line-height: 1.5em;
105}
106
107.g-1-130-5 {
108  --font-size: 4em;
109  font-size: 4em;
110  line-height: 1.5em;
111}
112
113.g-1-130-6 {
114  --font-size: 2.5em;
115  font-size: 2.5em;
116  line-height: 1.5em;
117}
118
119.g-1-130-7 {
120  --font-size: 2.5em;
121  font-size: 2.5em;
122  line-height: 1.5em;
123}
124
125.g-1-136-1 {
126  --font-size: 3em;
127  font-size: 3em;
128  letter-spacing: 0.1em;
129  line-height: 3.4em;
130}
131
132.g-1-136-2 {
133  --font-size: 5em;
134  font-size: 5em;
135  line-height: 1.55;
136}
137
138.g-1-136-3 {
139  --font-size: 2em;
140  font-size: 2em;
141  line-height: 1.52;
142}
143
144.g-1-136-4 {
145  --font-size: 2em;
146  font-size: 2em;
147  line-height: 1.54;
148}
149
150.g-1-136-5 {
151  --font-size: 2em;
152  font-size: 2em;
153  line-height: 1.65;
154}
155
156.g-1-107-2 {
157  --font-size: 18.5em;
158  font-size: 18.5em;
159}
160
161.g-1-107-3 {
162  --font-size: 3.3em;
163  font-size: 3.3em;
164}
165
166.g-1-129-2 {
167}
168
169.g-1-129-3 {
170  --font-size: 2em;
171  font-size: 2em;
172  line-height: 1.5em;
173}
174
175.g-1-129-5 {
176}
177
178.g-1-129-6 {
179  --font-size: 2em;
180  font-size: 2em;
181  line-height: 1.5em;
182}
183
184.g-1-129-8 {
185}
186
187.g-1-129-9 {
188  --font-size: 2em;
189  font-size: 2em;
190  line-height: 1.5em;
191}
192
193.g-1-129-11 {
194}
195
196.g-1-129-12 {
197  --font-size: 2em;
198  font-size: 2em;
199  line-height: 1.5em;
200}
201
202.g-1-132-3 {
203  --font-size: 4em;
204  font-size: 4em;
205  line-height: 1.46;
206}
207
208.g-1-132-4 {
209  --font-size: 2.3em;
210  font-size: 2.3em;
211  line-height: 1.5em;
212}
213
214.g-1-132-7 {
215  --font-size: 4em;
216  font-size: 4em;
217  line-height: 1.46;
218}
219
220.g-1-132-8 {
221  --font-size: 2.5em;
222  font-size: 2.5em;
223  line-height: 1.5em;
224}
225
226.g-1-135-1 {
227  --font-size: 3em;
228  font-size: 3em;
229  letter-spacing: 0.1em;
230  line-height: 3.4em;
231}
232
233.g-1-143-1 {
234  line-height: 1.53;
235  letter-spacing: -0.01em;
236  --font-size: 1.4em;
237  font-size: 1.4em;
238  font-family: Quicksand;
239  --secondary-font-family: Quicksand;
240}
241</style>
242    <link rel="stylesheet" href="https://static.cmcdn.net/23/1.1.30/styles/all.css" />
243    <link rel="stylesheet" href="https://static.cmcdn.net/23/1.1.30/styles/vendor/swiper.css" />
244    <link rel="stylesheet" href="/styles/fonts.css"/>
245
246    
247
248    <meta name="viewport" content="width=device-width, initial-scale=1"/>
249  </head>
250
251  <body class="site desktop  " data-min-contrast="0">
252    <div class="page loading" style="background:#cce3ff;--background-color:#cce3ff;">
253  
254
255
256<span id="navigation_5325591_4809806" class="navigation surface standard  " on-insert="nav:setup">
257  
258
259  
260
261  
262  <header class="standard  ">    
263    <a href="/">
264      <h1 class="logo_44758145" style="font-size:4.5600000000000005em;font-family:Quicksand;line-height:1em;letter-spacing:0.02em;" data-box="200x100">Steph Granillo</h1>
265<style>
266h1.logo_44758145 {
267  --scale: 1;
268  width: calc(200px * var(--scale));
269  height: calc(100px * var(--scale));
270  background: center / contain no-repeat url('https://carbon-media.accelerator.net/0000000mlqD/fAJbIm8droLfi8PNN4zYak;200x100.png?auto=webp');
271  text-indent: -500vw;
272  white-space: nowrap;
273  overflow: hidden;
274  background-image: image-set(url('https://carbon-media.accelerator.net/0000000mlqD/fAJbIm8droLfi8PNN4zYak;200x100.png?auto=webp') 1x, url('https://carbon-media.accelerator.net/0000000mlqD/fAJbIm8droLfi8PNN4zYak;400x200.png?auto=webp') 2x);;
275}</style>
276    </a>
277
278    <style>
279#navigation_5325591_4809806 {
280  --link-color: #4c8ad6;
281  --default-link-color: #4c8ad6;
282}
283
284#navigation_5325591_4809806 > header {
285  display: flex;
286  width: 100%;
287  align-items: center;
288  justify-content: space-between;
289  max-width: var(--grid-width);
290  margin: auto;
291  position: relative;
292  z-index: 10;
293}
294
295#navigation_5325591_4809806 .overlay {
296  --surface-color: #cce3ff;
297  background: var(--overlay-background-color, #cce3ff);
298}
299

300#navigation_5325591_4809806 nav a:not(:last-child):after {
301  margin-left: 10px;
302  margin-right: 10px;
303  content: '/';
304}
305</style>
306<nav style="display:flex;justify-content:flex-end;align-items:center;flex-flow:row wrap;font-size:1.6em;">
307  <a class="link_00000000510017430000000000000005" href="/"><span>Work</span></a>
308  <a class="link_00000000510017430000000000000001" href="/about"><span>About</span></a>
309  <a class="link_0000000051001743000000000000070b" href="/cv"><span>CV</span></a>
310  <a class="link_00000000510017430000000000000735" href="https://www.instagram.com/stephgrani" target="_blank"><span>Instagram</span></a>
311</nav>
312
313
314    
315  </header>
316  
317
318  
319
320  
321  <div class="hamburger navIcon" on-click="nav:toggle">
322  <svg class="icon" viewBox="0 0 28 28">
323    <g stroke-width="2" stroke-linecap="round" stroke-miterlimit="10">
324      <line class="one" x1="4" y1="6" x2="24" y2="6"></line>
325      <line class="two" x1="4" y1="14" x2="24" y2="14"></line>
326      <line class="three" x1="4" y1="22" x2="24" y2="22"></line>
327    </g>
328  </svg>
329</div>
330  
331
332</span>
333
334  
335  <div class="guts">
336    <div class="content blocks grid animated">
337      
338      <div class="block_0000000051001743000000000000089a block align-x-start align-y-start animated contactInfo social" style="--default-color:#4c8ad6;--color:#4c8ad6;--default-accent-color:#000000;--accent-color:#000000;--padding-top:0px;--padding-bottom:80px;" on-insert="block:setup">
339  <style>
340.block_0000000051001743000000000000089a > .content {
341  display: grid;
342  grid-template-columns: repeat(1, 1fr);
343}
344
345#item_0000000051001743000000000000089a_1 {
346  grid-area: 1 / 1 / 2 / 2;
347  margin: 0 0 20px 0;
348}
349
350#item_0000000051001743000000000000089a_2 {
351  grid-area: 2 / 1 / 3 / 2;
352}
353
354#item_0000000051001743000000000000089a_3 {
355  grid-area: 3 / 1 / 4 / 2;
356}
357
358#item_0000000051001743000000000000089a_4 {
359  grid-area: 4 / 1 / 5 / 2;
360}
361
362#item_0000000051001743000000000000089a_5 {
363  grid-area: 5 / 1 / 6 / 2;
364}
365
366#item_0000000051001743000000000000089a_6 {
367  grid-area: 6 / 1 / 7 / 2;
368  margin: 20px 0 0 0;
369}
370
371.phone .block_0000000051001743000000000000089a > .content {
372  grid-template-columns: repeat(0, 1fr);
373}
374
375.phone #item_0000000051001743000000000000089a_1 {
376}
377
378.phone #item_0000000051001743000000000000089a_2 {
379}
380
381.phone #item_0000000051001743000000000000089a_3 {
382}
383
384.phone #item_0000000051001743000000000000089a_4 {
385}
386
387.phone #item_0000000051001743000000000000089a_5 {
388}
389
390.phone #item_0000000051001743000000000000089a_6 {
391}</style>
392
393  <div class="background" style="">
394  
395</div>
396
397  <div class="content">
398    
399
400    
401
402    
403    <div id="item_0000000051001743000000000000089a_3" class="item g-1-136-3 text title">
404    
405 
406  <p><span style="color:rgb(0, 0, 0)">Emotional Landscapes</span><span style="color:rgb(0, 0, 0)"> • The LINE Hotel • Solo Show • June 2025 – August 2025</span></p><p><span style="color:rgb(0, 0, 0)"><br></span></p><p><span style="color:rgb(0, 0, 0)">Changarrito Resident Artist • Mexic-Arte Museum • January 2025</span></p><p><br></p><p><span style="color:rgb(0, 0, 0)">Airing My Quilted Laundry • Installation  • East Austin Studio Tour • November 2024</span></p><p><br></p><p><span style="color:rgb(0, 0, 0)">Upwelling • ICOSA • Group Show • December 2023 – January 2024</span></p><p><br></p><p><span style="color:rgb(0, 0, 0)">The Future Front House • Group Show • October 2023</span></p><p><br></p><p><span style="color:rgb(0, 0, 0)">Colors Unraveled: Fiber Artists’ Reflections on Emotional and Perceptual Impacts of Color • ArtUs Co • Group Show • July 2023 – August 2023</span></p><p><br></p><p><span style="color:rgb(0, 0, 0)">Rescued Remnants  • The Banton • Solo Show • July 2023</span></p><p><br></p><p><span style="color:rgb(0, 0, 0)">Rescued Remnants • Really Small Museum: 14th Corner Contemporary • Solo Show • June 2023</span></p><p><br></p><p><span style="color:rgb(0, 0, 0)">The Line Hotel • Group Show • June 2023 – September 2023</span></p><p><br></p><p><span style="color:rgb(0, 0, 0)">The Front Market • Gallery Installation • May 2023</span></p><p><br></p><p><span style="color:rgb(0, 0, 0)">Metaphorical Community Garden • Ani’s Day and Night x Future Front Texas • Group Show • November 2022 – February 2023</span></p><p><br></p><p><span style="color:rgb(0, 0, 0)">Common Thread Themed Tour Featured Artist • Big Medium • East Austin Studio Tour • November 2022</span></p><p><br></p><p><span style="color:rgb(0, 0, 0)">Resident Artist • Future Front Texas • September 2022 – September 2023</span></p><p><br></p><ul><li><span style="color:rgb(0, 0, 0)">Curated Quilts • Utility – Issue 20 • Featured • July 2022</span></li></ul><p><br></p><p><span style="color:rgb(0, 0, 0)">East Austin Studio Tour • November 2021</span></p><p><br></p>
407
408    
409
410  
411</div>
412    
413    
414    
415
416    
417    <div id="item_0000000051001743000000000000089a_6" class="container">
418      <ul class="socialLinks">
419        
420        <li>
421          <a href="https://www.instagram.com/stephgrani" target="_blank"><span class="icon outline instagram"></span></a>
422        </li>
423        
424      </ul>
425    </div>
426    
427
428    
429    
430    
431  </div>
432</div>
433      
434    </div>
435
436    
437
438    
439    <footer class="surface has-links ">
440  <div class="content">
441    <div class="copyright">&#xA9; Steph Granillo</div>
442
443    
444    <span class="branding"></span>
445    
446
447    
448
449    
450    <div class="links">
451      
452      <a style="--accent-color:#517fa4" target="_blank" href="https://www.instagram.com/stephgrani" class="social icon instagram solid cir

452cle"></a>
453      
454    </div> 
455    
456  </div>
457</footer>
458    
459  </div>
460  
461</div>
462    

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

462
463    

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

463
464    

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

464
465    

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

465
466    

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

466
467    

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

467
468    

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

468
469    

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

469
470    

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

470
471    

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

471
472    

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

472
473    

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

473
474    

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

474
475    

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

475
476    

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

476
477    

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

477
478    

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

478
479    

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

479
480    

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

480
481    

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

481
482    

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

482
483    

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

483
484    

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

484
485
486    
487  </body>
488</html>