PageSourceSearch

https://www.stromarchitects.com/journal/

html stromarchitects.com collected 2026-10-02 06:57:35 UTC 183,913 bytes, 7,278 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en">
3   <head>
4      
4<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="8669e9de-55af-48a6-9073-7e4e797744b6" type="text/javascript" async></script>
4
5      <base href="https://www.stromarchitects.com/"><!--[if lte IE 6]></base><![endif]-->
6      <title>Journal | Ström Architects</title>
7<meta name="generator" content="Silverstripe CMS" />
8<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
9<link rel="canonical" href="https://www.stromarchitects.com/journal/" />
10<!-- OpenGraph Meta Tags -->
11<meta property="og:site_name" content="Ström Architects" />
12<meta property="og:type" content="website" />
13<meta property="og:title" content="Journal" />
14<meta property="og:url" content="https://www.stromarchitects.com/journal/" />
15
16<!-- Twitter Meta Tags -->
17<meta name="twitter:title" content="Journal" />
18<meta name="twitter:card" content="summary" />
19
20	  <meta name="google-site-verification" content="wesirbmLTfIO-6HxeyBJpxUxVZup6hDs7Rs36wP90Io" />
21      <meta http-equiv="x-ua-compatible" content="ie=edge">
22      <meta name="author" content="Ström Architects">
23      <meta name="viewport" content="width=device-width, initial-scale=1.0">
24      <meta name="format-detection" content="telephone=yes">
25      <meta name="apple-mobile-web-app-capable" content="yes">
26      <meta name="mobile-web-app-capable" content="yes">
27      <meta name="apple-mobile-web-app-title" content="Ström Architects">
28
29      
30      
31    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
32   <link rel="icon" type="image/svg+xml" href="/assets/Favicon/favicon-v5.svg" />
33<link rel="shortcut icon" href="/favicon.ico" />
34<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
35<link rel="manifest" href="/site.webmanifest" />
36      
37
38
39      <link rel="preconnect" href="https://cdn.plyr.io/">
40      <link rel="preconnect" href="https://cdn.jsdelivr.net/">
41 
42      <link rel="preload" href="https://cdn.plyr.io/3.7.2/plyr.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
43      <!-- UIkit CSS -->
44<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/uikit.min.css" async/>
45      <!-- UIkit JS -->
46   
46<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit.min.js"></script>
46
47
48
49
50
51
52      <noscript>
53         <link rel="stylesheet" href="https://cdn.plyr.io/3.6.9/plyr.css" async>
54      </noscript>
55        <!--[if IE]>
56      <link rel="stylesheet" type="text/css" href="/themes/strom22/css/all-ie-only.css" />
57      <![endif]-->
58   <link rel="stylesheet" type="text/css" href="/assets/_combinedfiles/css-base-1e92680.css" />
59</head>
60   <body	class="font-light tracking-wide text-text bg-paper subpixel-antialiase scrollbar      SilverStripe\Blog\Model\Blog page-scroller page_5 ">
61     
62      
63      <main role="main" id="main-content" class="gn-swup-wrapper" style="
64         --1: #f3f4f5;--2: #ffffff;--3: #2d2d2a;--4: #2d2d2a;--5: #ffffff;--6: #e8e8e8;--7: #2b5582;--8: #2f889e;--9: #00384f;--10: #004a6e;--11: #007181;--12: #608da8;--13: #bfa571;--14: #c8c3b1;
65         --plyr-color-main: #ffffff;
66         --plyr-video-control-color: #ffffff;
67         --white: #ffffff;
68         --black: #000000;
69         --page-bg: #;
70         --paper: #ffffff;
71         --text: #2d2d2a;
72         --subs: #2d2d2a;
73         --buttons: #;
74         --grey-dark: #2d2d2a;
75         --grey-mid: #;
76         --grey-tint: #e8e8e8;
77         --grey-light: #f3f4f5;
78         --brand-primary: #2d2d2a;
79         --brand-secondary: #2d2d2a;
80         --brand-tertiary: #;
81         --links_link: #2d2d2a;
82         --links_hover: #e8e8e8;
83         --links_visited: #;
84         --links_active: #;
85      ">
86        <div class="scrolldiv h-header_sm md:h-header z-40 w-full fixed top-0 bg-white"></div>
87<button aria-label="Open menu" class="fixed top-0 z-50 hamburger mt-med right-global" uk-toggle="target: .menu-full; animation: uk-animation-fade"><span class="line"></span><span class="line"></span><span class="line"></span></button>
88<div class="logo-wrap top-0 left-global">
89   <a href="/">
90      <img src="/assets/Navigation/Logo/strom-architects-v2.svg" class="full-logo mt-med" alt="Ström Architects" width="200" height="90" /><span class="sr-only">Home link</span></a>
91   
92   
93</div>
94<div class="menu-full fixed top-0 left-0 w-screen h-screen px-global" hidden>
95   <div class="h-full flex justify-center">
96         <nav class="main-nav self-center px-big lg:px-xl pt-none md:pt-xl pb-lg md:pb-xl">
97            <ul>
98               
99                  <li class="text-xxl text-center font-light text-white mx-std antialiased !tracking-wider lg:mx-med md:inline" ><a data-swup-preload href="/architecture-one-off-contemporary-houses/" class="link"><span>Work</span></a></li>
100               
101                  <li class="text-xxl text-center font-light text-white mx-std antialiased !tracking-wider lg:mx-med md:inline" ><a data-swup-preload href="/magnus-strom-architect-practice-new-forest-uk/" class="link"><span>Studio</span></a></li>
102               
103                  <li class="text-xxl text-center font-light text-white mx-std antialiased !tracking-wider lg:mx-med md:inline" ><a data-swup-preload href="/process/" class="link"><span>Process</span></a></li>
104               
105                  <li class="text-xxl text-center font-light text-white mx-std antialiased !tracking-wider lg:mx-med md:inline" ><a data-swup-preload href="/journal/" class="current"><span>Journal</span></a></li>
106               
107                  <li class="text-xxl text-center font-light text-white mx-std antialiased !tracking-wider lg:mx-med md:inline" ><a data-swup-preload href="/pr/" class="link"><span>PR</span></a></li>
108               
109                  <li class="text-xxl text-center font-light text-white mx-std antialiased !tracking-wider lg:mx-med md:inline" ><a data-swup-preload href="/contact/" class="link"><span>Contact</span></a></li>
110               
111            </ul>
112         </nav>
113   </div>
114</div>
115
116         <div class="relative">
117            <div class="relative z-10 bg-paper">
118               <section id="blog_holder" class="grid grid-cols-12 px-global mt-global md:mt-header" uk-filter="target: .js-filter; animation: delayed-fade">
119  <aside class="col-span-12 md:col-span-3">
120
121    
122
123</article>
124
125
126
127
128<div class="sticky top-xl mb-big">
129     <ul class=" Page_Filters pt-lg md:pt-none ani_hover filters-left">
130     <li class="uk-active" uk-filter-control><span class="ani link-filter-title">All</span></li>
131     
132    <li uk-filter-control="[data-pf='BlogCategory_3']"><span class="ani link-filter-title">Inspiration</span></li>
133    
134    <li uk-filter-control="[data-pf='BlogCategory_5']"><span class="ani link-filter-title">Newsletter</span></li>
135    
136    <li uk-filter-control="[data-pf='BlogCategory_2']"><span class="ani link-filter-title">Resource</span></li>
137    
138    <li uk-filter-control="[data-pf='BlogCategory_1']"><span class="ani link-filter-title">Updates</span></li>
139    
140  </ul>
141</div>
142
143
144</aside>
145<div class="col-span-12 md:col-span-9">
146
147<div class="js-filter mb-xl grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-3 
148gap-med sm:gap-med md:gap-big lg:gap-big xl:gap-big gap-4">
149  
150  <div class="relative" data-filter="#related-filters-" >
151    
152    
153   
154   
155
156<div id="card_2" class="card_340 card grid grid-cols-6 ">
157<a data-swup-preload aria-label='Go to Project completed in Virginia: Bentonville' 
157class="blocklink wholelink"  href="/journal/project-completed-in-virginia-bentonville/"></a>
158
159  
160
161
162<article class="card-article relative  flex flex-col   
163   
164    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
165 
166   
167    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
168 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
169    pt-std pb-none pl-none pr-big
170sm:pt-std sm:pb-none sm:pl-none sm:pr-big
171md:pt-std md:pb-none md:pl-none md:pr-big
172lg:pt-std lg:pb-none lg:pl-none lg:pr-big
173xl:pt-std xl:pb-none xl:pl-none xl:pr-big
174
175"
176   >
177  
178   
179   
180    
181  
182   
183
184<p
185style="color: var(--0); "  
186class="Standard ">
187<a aria-label='Go to Project completed in Virginia: Bentonville'  href="/journal/project-completed-in-virginia-bentonville/">Project completed in Virginia: Bentonville</a></p>
188   
189   
190   
191   
192</article>
193
194
195</div>
196
197
198<!-- This is a button toggling the modal -->
199
200
201
202
203 </div>
204  
205  <div class="relative" data-filter="#related-filters-" >
206    
207    
208   
209   
210
211<div id="card_2" class="card_358 card grid grid-cols-6 ">
212<a data-swup-preload aria-label='Go to We Are Hiring' class="blockl
212ink wholelink"  href="/journal/we-are-hiring/"></a>
213
214  
215
216
217<article class="card-article relative  flex flex-col   
218   
219    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
220 
221   
222    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
223 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
224    pt-std pb-none pl-none pr-big
225sm:pt-std sm:pb-none sm:pl-none sm:pr-big
226md:pt-std md:pb-none md:pl-none md:pr-big
227lg:pt-std lg:pb-none lg:pl-none lg:pr-big
228xl:pt-std xl:pb-none xl:pl-none xl:pr-big
229
230"
231   >
232  
233   
234   
235    
236  
237   
238
239<p
240style="color: var(--0); "  
241class="Standard ">
242<a aria-label='Go to We Are Hiring'  href="/journal/we-are-hiring/">We Are Hiring</a></p>
243   
244   <div class="HeroText_0" style="color: var(--0); ">
245      
246      
247      <br>
248      
249      
250   </div>
251   
252   
253   
254   
255</article>
256
257
258<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
259    
260 sm: md: lg: xl:  
261 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
262    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
263 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
264
265<figure class="overflow-hidden 
266     object-fit-cover 
267    aspect-w-16 aspect-h-9 
268    sm:aspect-w-16 sm:aspect-h-9  
269    md:aspect-w-16 md:aspect-h-9  
270    lg:aspect-w-16 lg:aspect-h-9  
271     
272 
273     rounded-none sm:rounded-none lg:rounded-none
274     " >
275   
276   
277<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
278
279   
280
281   
282      
283      
284      <picture>
285    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/Hero-Image-LinkedIn-Website__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/Hero-Image-LinkedIn-Website__ScaleWidthWzI0MDBd.jpg.webp 2x">
286    <img style="background-image: url('/assets/BlogPosts/SingleImages/Hero-Image-LinkedIn-Website__FillWzEsMV0.jpg.webp');" alt="Hero Image LinkedIn Website" src="/assets/BlogPosts/SingleImages/Hero-Image-LinkedIn-Website__ScaleWidthWzEyMDBd.jpg.webp" width="2000" height="1250" loading="lazy">
287  </picture>
288  
289      
290      
291      
292     
293      
294   
295   </figure>
296
297</div>
298
299</div>
300
301
302<!-- This is a button toggling the modal -->
303
304
305
306
307 </div>
308  
309  <div class="relative" data-filter="#related-filters-" >
310    
311    
312   
313   
314
315<div id="card_2" class="card_362 card grid grid-cols-6 ">
316<a data-swup-preload aria-label='Go to New Project in Tauranga, New Zealand' class="blockl
316ink wholelink"  href="/journal/new-project-in-tauranga-new-zealand/"></a>
317
318  
319
320
321<article class="card-article relative  flex flex-col   
322   
323    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
324 
325   
326    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
327 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
328    pt-std pb-none pl-none pr-big
329sm:pt-std sm:pb-none sm:pl-none sm:pr-big
330md:pt-std md:pb-none md:pl-none md:pr-big
331lg:pt-std lg:pb-none lg:pl-none lg:pr-big
332xl:pt-std xl:pb-none xl:pl-none xl:pr-big
333
334"
335   >
336  
337   
338   
339    
340  
341   
342
343<p
344style="color: var(--0); "  
345class="Standard ">
346<a aria-label='Go to New Project in Tauranga, New Zealand'  href="/journal/new-project-in-tauranga-new-zealand/">New Project in Tauranga, New Zealand</a></p>
347   
348   <div class="HeroText_0" style="color: var(--0); ">
349      
350      
351      <br>
352      
353      
354   </div>
355   
356   
357   
358   
359</article>
360
361
362<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
363    
364 sm: md: lg: xl:  
365 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
366    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
367 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
368
369<figure class="overflow-hidden 
370     object-fit-cover 
371    aspect-w-16 aspect-h-9 
372    sm:aspect-w-16 sm:aspect-h-9  
373    md:aspect-w-16 md:aspect-h-9  
374    lg:aspect-w-16 lg:aspect-h-9  
375     
376 
377     rounded-none sm:rounded-none lg:rounded-none
378     " >
379   
380   
381<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
382
383   
384
385   
386      
387      
388      <picture>
389    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/TaurangeCGI02__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/TaurangeCGI02__ScaleWidthWzI0MDBd.jpg.webp 2x">
390    <img style="background-image: url('/assets/BlogPosts/SingleImages/TaurangeCGI02__FillWzEsMV0.jpg.webp');" alt="TaurangeCGI02" src="/assets/BlogPosts/SingleImages/TaurangeCGI02__ScaleWidthWzEyMDBd.jpg.webp" width="2000" height="1027" loading="lazy">
391  </picture>
392  
393      
394      
395      
396     
397      
398   
399   </figure>
400
401</div>
402
403</div>
404
405
406<!-- This is a button toggling the modal -->
407
408
409
410
411 </div>
412  
413  <div class="relative" data-filter="#related-filters-" >
414    
415    
416   
417   
418
419<div id="card_2" class="card_361 card grid grid-cols-6 ">
420<a data-swup-preload aria-label='Go to A season worth marking for Porthmadog House' class="blockl
420ink wholelink"  href="/journal/a-season-worth-marking-for-porthmadog-house/"></a>
421
422  
423
424
425<article class="card-article relative  flex flex-col   
426   
427    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
428 
429   
430    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
431 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
432    pt-std pb-none pl-none pr-big
433sm:pt-std sm:pb-none sm:pl-none sm:pr-big
434md:pt-std md:pb-none md:pl-none md:pr-big
435lg:pt-std lg:pb-none lg:pl-none lg:pr-big
436xl:pt-std xl:pb-none xl:pl-none xl:pr-big
437
438"
439   >
440  
441   
442   
443    
444  
445   
446
447<p
448style="color: var(--0); "  
449class="Standard ">
450<a aria-label='Go to A season worth marking for Porthmadog House'  href="/journal/a-season-worth-marking-for-porthmadog-house/">A season worth marking for Porthmadog House</a></p>
451   
452   <div class="HeroText_0" style="color: var(--0); ">
453      
454      
455      <br>
456      
457      
458   </div>
459   
460   
461   
462   
463</article>
464
465
466<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
467    
468 sm: md: lg: xl:  
469 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
470    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
471 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
472
473<figure class="overflow-hidden 
474     object-fit-cover 
475    aspect-w-16 aspect-h-9 
476    sm:aspect-w-16 sm:aspect-h-9  
477    md:aspect-w-16 md:aspect-h-9  
478    lg:aspect-w-16 lg:aspect-h-9  
479     
480 
481     rounded-none sm:rounded-none lg:rounded-none
482     " >
483   
484   
485<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
486
487   
488
489   
490      
491      
492      <picture>
493    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/PdogAwards_1_1-v2__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/PdogAwards_1_1-v2__ScaleWidthWzI0MDBd.jpg.webp 2x">
494    <img style="background-image: url('/assets/BlogPosts/SingleImages/PdogAwards_1_1-v2__FillWzEsMV0.jpg.webp');" alt="PdogAwards 1 1 v2" src="/assets/BlogPosts/SingleImages/PdogAwards_1_1-v2__ScaleWidthWzEyMDBd.jpg.webp" width="2000" height="1126" loading="lazy">
495  </picture>
496  
497      
498      
499      
500     
501      
502   
503   </figure>
504
505</div>
506
507</div>
508
509
510<!-- This is a button toggling the modal -->
511
512
513
514
515 </div>
516  
517  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
518    
519    
520   
521   
522
523<div id="card_2" class="card_360 card grid grid-cols-6 ">
524<a data-swup-preload aria-label='Go to Magnus is heading to ArchiCon' class="blockl
524ink wholelink"  href="/journal/magnus-is-heading-to-archicon/"></a>
525
526  
527
528
529<article class="card-article relative  flex flex-col   
530   
531    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
532 
533   
534    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
535 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
536    pt-std pb-none pl-none pr-big
537sm:pt-std sm:pb-none sm:pl-none sm:pr-big
538md:pt-std md:pb-none md:pl-none md:pr-big
539lg:pt-std lg:pb-none lg:pl-none lg:pr-big
540xl:pt-std xl:pb-none xl:pl-none xl:pr-big
541
542"
543   >
544  
545   
546   
547    
548  
549   
550
551<p
552style="color: var(--0); "  
553class="Standard ">
554<a aria-label='Go to Magnus is heading to ArchiCon'  href="/journal/magnus-is-heading-to-archicon/">Magnus is heading to ArchiCon</a></p>
555   
556   <div class="HeroText_0" style="color: var(--0); ">
557      
558      
559      <br>
560      
561      
562   </div>
563   
564   
565   
566   
567</article>
568
569
570<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
571    
572 sm: md: lg: xl:  
573 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
574    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
575 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
576
577<figure class="overflow-hidden 
578     object-fit-cover 
579    aspect-w-16 aspect-h-9 
580    sm:aspect-w-16 sm:aspect-h-9  
581    md:aspect-w-16 md:aspect-h-9  
582    lg:aspect-w-16 lg:aspect-h-9  
583     
584 
585     rounded-none sm:rounded-none lg:rounded-none
586     " >
587   
588   
589<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
590
591   
592
593   
594      
595      
596      <picture>
597    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/ArchiconPoster__ScaleWidthWzEyMDBd.png.webp 1x, /assets/BlogPosts/SingleImages/ArchiconPoster__ScaleWidthWzI0MDBd.png.webp 2x">
598    <img style="background-image: url('/assets/BlogPosts/SingleImages/ArchiconPoster__FillWzEsMV0.png.webp');" alt="ArchiconPoster" src="/assets/BlogPosts/SingleImages/ArchiconPoster__ScaleWidthWzEyMDBd.png.webp" width="988" height="1214" loading="lazy">
599  </picture>
600  
601      
602      
603      
604     
605      
606   
607   </figure>
608
609</div>
610
611</div>
612
613
614<!-- This is a button toggling the modal -->
615
616
617
618
619 </div>
620  
621  <div class="relative" data-filter="#related-filters-" >
622    
623    
624   
625   
626
627<div id="card_2" class="card_359 card grid grid-cols-6 ">
628<a data-swup-preload aria-label='Go to Insight Piece: The true cost of a house' class="blockl
628ink wholelink"  href="/journal/insight-piece-the-true-cost-of-a-house/"></a>
629
630  
631
632
633<article class="card-article relative  flex flex-col   
634   
635    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
636 
637   
638    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
639 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
640    pt-std pb-none pl-none pr-big
641sm:pt-std sm:pb-none sm:pl-none sm:pr-big
642md:pt-std md:pb-none md:pl-none md:pr-big
643lg:pt-std lg:pb-none lg:pl-none lg:pr-big
644xl:pt-std xl:pb-none xl:pl-none xl:pr-big
645
646"
647   >
648  
649   
650   
651    
652  
653   
654
655<p
656style="color: var(--0); "  
657class="Standard ">
658<a aria-label='Go to Insight Piece: The true cost of a house'  href="/journal/insight-piece-the-true-cost-of-a-house/">Insight Piece: The true cost of a house</a></p>
659   
660   <div class="HeroText_0" style="color: var(--0); ">
661      
662      
663      <br>
664      
665      
666   </div>
667   
668   
669   
670   
671</article>
672
673
674<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
675    
676 sm: md: lg: xl:  
677 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
678    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
679 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
680
681<figure class="overflow-hidden 
682     object-fit-cover 
683    aspect-w-16 aspect-h-9 
684    sm:aspect-w-16 sm:aspect-h-9  
685    md:aspect-w-16 md:aspect-h-9  
686    lg:aspect-w-16 lg:aspect-h-9  
687     
688 
689     rounded-none sm:rounded-none lg:rounded-none
690     " >
691   
692   
693<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
694
695   
696
697   
698      
699      
700      <picture>
701    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/StromArchitects_HowMuchDoesItCost-v2__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/StromArchitects_HowMuchDoesItCost-v2__ScaleWidthWzI0MDBd.jpg.webp 2x">
702    <img style="background-image: url('/assets/BlogPosts/SingleImages/StromArchitects_HowMuchDoesItCost-v2__FillWzEsMV0.jpg.webp');" alt="StromArchitects HowMuchDoesItCost v2" src="/assets/BlogPosts/SingleImages/StromArchitects_HowMuchDoesItCost-v2__ScaleWidthWzEyMDBd.jpg.webp" width="7952" height="5304" loading="lazy">
703  </picture>
704  
705      
706      
707      
708     
709      
710   
711   </figure>
712
713</div>
714
715</div>
716
717
718<!-- This is a button toggling the modal -->
719
720
721
722
723 </div>
724  
725  <div class="relative" data-filter="#related-filters-" >
726    
727    
728   
729   
730
731<div id="card_2" class="card_357 card grid grid-cols-6 ">
732<a data-swup-preload aria-label='Go to Re-thinking what off-grid architecture can be' class="blockl
732ink wholelink"  href="/journal/re-thinking-what-off-grid-can-mean/"></a>
733
734  
735
736
737<article class="card-article relative  flex flex-col   
738   
739    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
740 
741   
742    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
743 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
744    pt-std pb-none pl-none pr-big
745sm:pt-std sm:pb-none sm:pl-none sm:pr-big
746md:pt-std md:pb-none md:pl-none md:pr-big
747lg:pt-std lg:pb-none lg:pl-none lg:pr-big
748xl:pt-std xl:pb-none xl:pl-none xl:pr-big
749
750"
751   >
752  
753   
754   
755    
756  
757   
758
759<p
760style="color: var(--0); "  
761class="Standard ">
762<a aria-label='Go to Re-thinking what off-grid architecture can be'  href="/journal/re-thinking-what-off-grid-can-mean/">Re-thinking what off-grid architecture can be</a></p>
763   
764   <div class="HeroText_0" style="color: var(--0); ">
765      
766      
767      <br>
768      
769      
770   </div>
771   
772   
773   
774   
775</article>
776
777
778<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
779    
780 sm: md: lg: xl:  
781 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
782    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
783 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
784
785<figure class="overflow-hidden 
786     object-fit-cover 
787    aspect-w-16 aspect-h-9 
788    sm:aspect-w-16 sm:aspect-h-9  
789    md:aspect-w-16 md:aspect-h-9  
790    lg:aspect-w-16 lg:aspect-h-9  
791     
792 
793     rounded-none sm:rounded-none lg:rounded-none
794     " >
795   
796   
797<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
798
799   
800
801   
802      
803      
804      <picture>
805    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/ArchipelagoHouse__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/ArchipelagoHouse__ScaleWidthWzI0MDBd.jpg.webp 2x">
806    <img style="background-image: url('/assets/BlogPosts/SingleImages/ArchipelagoHouse__FillWzEsMV0.jpg.webp');" alt="ArchipelagoHouse" src="/assets/BlogPosts/SingleImages/ArchipelagoHouse__ScaleWidthWzEyMDBd.jpg.webp" width="1920" height="1080" loading="lazy">
807  </picture>
808  
809      
810      
811      
812     
813      
814   
815   </figure>
816
817</div>
818
819</div>
820
821
822<!-- This is a button toggling the modal -->
823
824
825
826
827 </div>
828  
829  <div class="relative" data-filter="#related-filters-" >
830    
831    
832   
833   
834
835<div id="card_2" class="card_356 card grid grid-cols-6 ">
836<a data-swup-preload aria-label='Go to The Feasibility Study: where a good project begins.' class="blockl
836ink wholelink"  href="/journal/the-feasibility-study-where-a-good-project-begins/"></a>
837
838  
839
840
841<article class="card-article relative  flex flex-col   
842   
843    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
844 
845   
846    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
847 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
848    pt-std pb-none pl-none pr-big
849sm:pt-std sm:pb-none sm:pl-none sm:pr-big
850md:pt-std md:pb-none md:pl-none md:pr-big
851lg:pt-std lg:pb-none lg:pl-none lg:pr-big
852xl:pt-std xl:pb-none xl:pl-none xl:pr-big
853
854"
855   >
856  
857   
858   
859    
860  
861   
862
863<p
864style="color: var(--0); "  
865class="Standard ">
866<a aria-label='Go to The Feasibility Study: where a good project begins.'  href="/journal/the-feasibility-study-where-a-good-project-begins/">The Feasibility Study: where a good project begins.</a></p>
867   
868   <div class="HeroText_0" style="color: var(--0); ">
869      
870      
871      <br>
872      
873      
874   </div>
875   
876   
877   
878   
879</article>
880
881
882<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
883    
884 sm: md: lg: xl:  
885 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
886    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
887 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
888
889<figure class="overflow-hidden 
890     object-fit-cover 
891    aspect-w-16 aspect-h-9 
892    sm:aspect-w-16 sm:aspect-h-9  
893    md:aspect-w-16 md:aspect-h-9  
894    lg:aspect-w-16 lg:aspect-h-9  
895     
896 
897     rounded-none sm:rounded-none lg:rounded-none
898     " >
899   
900   
901<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
902
903   
904
905   
906      
907      
908      <picture>
909    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/2502_250425_V11__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/2502_250425_V11__ScaleWidthWzI0MDBd.jpg.webp 2x">
910    <img style="background-image: url('/assets/BlogPosts/SingleImages/2502_250425_V11__FillWzEsMV0.jpg.webp');" alt="2502 250425 V11" src="/assets/BlogPosts/SingleImages/2502_250425_V11__ScaleWidthWzEyMDBd.jpg.webp" width="1920" height="1080" loading="lazy">
911  </picture>
912  
913      
914      
915      
916     
917      
918   
919   </figure>
920
921</div>
922
923</div>
924
925
926<!-- This is a button toggling the modal -->
927
928
929
930
931 </div>
932  
933  <div class="relative" data-filter="#related-filters-" >
934    
935    
936   
937   
938
939<div id="card_2" class="card_355 card grid grid-cols-6 ">
940<a data-swup-preload aria-label='Go to Designing Across Borders' class="blockl
940ink wholelink"  href="/journal/designing-across-borders/"></a>
941
942  
943
944
945<article class="card-article relative  flex flex-col   
946   
947    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
948 
949   
950    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
951 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
952    pt-std pb-none pl-none pr-big
953sm:pt-std sm:pb-none sm:pl-none sm:pr-big
954md:pt-std md:pb-none md:pl-none md:pr-big
955lg:pt-std lg:pb-none lg:pl-none lg:pr-big
956xl:pt-std xl:pb-none xl:pl-none xl:pr-big
957
958"
959   >
960  
961   
962   
963    
964  
965   
966
967<p
968style="color: var(--0); "  
969class="Standard ">
970<a aria-label='Go to Designing Across Borders'  href="/journal/designing-across-borders/">Designing Across Borders</a></p>
971   
972   <div class="HeroText_0" style="color: var(--0); ">
973      
974      
975      <br>
976      
977      
978   </div>
979   
980   
981   
982   
983</article>
984
985
986<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
987    
988 sm: md: lg: xl:  
989 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
990    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
991 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
992
993<figure class="overflow-hidden 
994     object-fit-cover 
995    aspect-w-16 aspect-h-9 
996    sm:aspect-w-16 sm:aspect-h-9  
997    md:aspect-w-16 md:aspect-h-9  
998    lg:aspect-w-16 lg:aspect-h-9  
999     
1000 
1001     rounded-none sm:rounded-none lg:rounded-none
1002     " >
1003   
1004   
1005<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
1006
1007   
1008
1009   
1010      
1011      
1012      <picture>
1013    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/05_Malibu_09_Final__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/05_Malibu_09_Final__ScaleWidthWzI0MDBd.jpg.webp 2x">
1014    <img style="background-image: url('/assets/BlogPosts/SingleImages/05_Malibu_09_Final__FillWzEsMV0.jpg.webp');" alt="05 Malibu 09 Final" src="/assets/BlogPosts/SingleImages/05_Malibu_09_Final__ScaleWidthWzEyMDBd.jpg.webp" width="3037" height="1900" loading="lazy">
1015  </picture>
1016  
1017      
1018      
1019      
1020     
1021      
1022   
1023   </figure>
1024
1025</div>
1026
1027</div>
1028
1029
1030<!-- This is a button toggling the modal -->
1031
1032
1033
1034
1035 </div>
1036  
1037  <div class="relative" data-filter="#related-filters-" >
1038    
1039    
1040   
1041   
1042
1043<div id="card_2" class="card_354 card grid grid-cols-6 ">
1044<a data-swup-preload aria-label='Go to Insight Piece: Designing Climate Responsive Homes' class="blockl
1044ink wholelink"  href="/journal/insight-piece-designing/"></a>
1045
1046  
1047
1048
1049<article class="card-article relative  flex flex-col   
1050   
1051    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
1052 
1053   
1054    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
1055 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
1056    pt-std pb-none pl-none pr-big
1057sm:pt-std sm:pb-none sm:pl-none sm:pr-big
1058md:pt-std md:pb-none md:pl-none md:pr-big
1059lg:pt-std lg:pb-none lg:pl-none lg:pr-big
1060xl:pt-std xl:pb-none xl:pl-none xl:pr-big
1061
1062"
1063   >
1064  
1065   
1066   
1067    
1068  
1069   
1070
1071<p
1072style="color: var(--0); "  
1073class="Standard ">
1074<a aria-label='Go to Insight Piece: Designing Climate Responsive Homes'  href="/journal/insight-piece-designing/">Insight Piece: Designing Climate Responsive Homes</a></p>
1075   
1076   <div class="HeroText_0" style="color: var(--0); ">
1077      
1078      
1079      <br>
1080      
1081      
1082   </div>
1083   
1084   
1085   
1086   
1087</article>
1088
1089
1090<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
1091    
1092 sm: md: lg: xl:  
1093 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
1094    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
1095 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
1096
1097<figure class="overflow-hidden 
1098     object-fit-cover 
1099    aspect-w-16 aspect-h-9 
1100    sm:aspect-w-16 sm:aspect-h-9  
1101    md:aspect-w-16 md:aspect-h-9  
1102    lg:aspect-w-16 lg:aspect-h-9  
1103     
1104 
1105     rounded-none sm:rounded-none lg:rounded-none
1106     " >
1107   
1108   
1109<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
1110
1111   
1112
1113   
1114      
1115      
1116      <picture>
1117    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/StromArchitects_ArchipelagoHouse_04_FINAL__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/StromArchitects_ArchipelagoHouse_04_FINAL__ScaleWidthWzI0MDBd.jpg.webp 2x">
1118    <img style="background-image: url('/assets/BlogPosts/SingleImages/StromArchitects_ArchipelagoHouse_04_FINAL__FillWzEsMV0.jpg.webp');" alt="StromArchitects ArchipelagoHouse 04 FINAL" src="/assets/BlogPosts/SingleImages/StromArchitects_ArchipelagoHouse_04_FINAL__ScaleWidthWzEyMDBd.jpg.webp" width="2100" height="1313" loading="lazy">
1119  </picture>
1120  
1121      
1122      
1123      
1124     
1125      
1126   
1127   </figure>
1128
1129</div>
1130
1131</div>
1132
1133
1134<!-- This is a button toggling the modal -->
1135
1136
1137
1138
1139 </div>
1140  
1141  <div class="relative" data-filter="#related-filters-" >
1142    
1143    
1144   
1145   
1146
1147<div id="card_2" class="card_338 card grid grid-cols-6 ">
1148<a data-swup-preload aria-label='Go to Ström Turks &amp;
1148 Caicos - A New Chapter' class="blocklink wholelink"  href="/journal/strom-turks-and-caicos-a-new-chapter/"></a>
1149
1150  
1151
1152
1153<article class="card-article relative  flex flex-col   
1154   
1155    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
1156 
1157   
1158    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
1159 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
1160    pt-std pb-none pl-none pr-big
1161sm:pt-std sm:pb-none sm:pl-none sm:pr-big
1162md:pt-std md:pb-none md:pl-none md:pr-big
1163lg:pt-std lg:pb-none lg:pl-none lg:pr-big
1164xl:pt-std xl:pb-none xl:pl-none xl:pr-big
1165
1166"
1167   >
1168  
1169   
1170   
1171    
1172  
1173   
1174
1175<p
1176style="color: var(--0); "  
1177class="Standard ">
1178<a aria-label='Go to Ström Turks &amp; Caicos - A New Chapter'  href="/journal/strom-turks-and-caicos-a-new-chapter/">Ström Turks &amp; Caicos - A New Chapter</a></p>
1179   
1180   <div class="HeroText_0" style="color: var(--0); ">
1181      
1182      
1183      <br>
1184      
1185      
1186   </div>
1187   
1188   
1189   
1190   
1191</article>
1192
1193
1194<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
1195    
1196 sm: md: lg: xl:  
1197 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
1198    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
1199 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
1200
1201<figure class="overflow-hidden 
1202     object-fit-cover 
1203    aspect-w-16 aspect-h-9 
1204    sm:aspect-w-16 sm:aspect-h-9  
1205    md:aspect-w-16 md:aspect-h-9  
1206    lg:aspect-w-16 lg:aspect-h-9  
1207     
1208 
1209     rounded-none sm:rounded-none lg:rounded-none
1210     " >
1211   
1212   
1213<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
1214
1215   
1216
1217   
1218      
1219      
1220      <picture>
1221    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/KyleBarclayMagnusStrom__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/KyleBarclayMagnusStrom__ScaleWidthWzI0MDBd.jpg.webp 2x">
1222    <img style="background-image: url('/assets/BlogPosts/SingleImages/KyleBarclayMagnusStrom__FillWzEsMV0.jpg.webp');" alt="KyleBarclayMagnusStrom" src="/assets/BlogPosts/SingleImages/KyleBarclayMagnusStrom__ScaleWidthWzEyMDBd.jpg.webp" width="1300" height="760" loading="lazy">
1223  </picture>
1224  
1225      
1226      
1227      
1228     
1229      
1230   
1231   </figure>
1232
1233</div>
1234
1235</div>
1236
1237
1238<!-- This is a button toggling the modal -->
1239
1240
1241
1242
1243 </div>
1244  
1245  <div class="relative" data-filter="#related-filters-" >
1246    
1247    
1248   
1249   
1250
1251<div id="card_2" class="card_351 card grid grid-cols-6 ">
1252<a data-swup-preload aria-label='Go to Malibu Ridge: Our First Project in Los Angeles' class="blockl
1252ink wholelink"  href="/journal/new-project-malibu-ridge-california/"></a>
1253
1254  
1255
1256
1257<article class="card-article relative  flex flex-col   
1258   
1259    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
1260 
1261   
1262    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
1263 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
1264    pt-std pb-none pl-none pr-big
1265sm:pt-std sm:pb-none sm:pl-none sm:pr-big
1266md:pt-std md:pb-none md:pl-none md:pr-big
1267lg:pt-std lg:pb-none lg:pl-none lg:pr-big
1268xl:pt-std xl:pb-none xl:pl-none xl:pr-big
1269
1270"
1271   >
1272  
1273   
1274   
1275    
1276  
1277   
1278
1279<p
1280style="color: var(--0); "  
1281class="Standard ">
1282<a aria-label='Go to Malibu Ridge: Our First Project in Los Angeles'  href="/journal/new-project-malibu-ridge-california/">Malibu Ridge: Our First Project in Los Angeles</a></p>
1283   
1284   <div class="HeroText_0" style="color: var(--0); ">
1285      
1286      
1287      <br>
1288      
1289      
1290   </div>
1291   
1292   
1293   
1294   
1295</article>
1296
1297
1298<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
1299    
1300 sm: md: lg: xl:  
1301 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
1302    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
1303 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
1304
1305<figure class="overflow-hidden 
1306     object-fit-cover 
1307    aspect-w-16 aspect-h-9 
1308    sm:aspect-w-16 sm:aspect-h-9  
1309    md:aspect-w-16 md:aspect-h-9  
1310    lg:aspect-w-16 lg:aspect-h-9  
1311     
1312 
1313     rounded-none sm:rounded-none lg:rounded-none
1314     " >
1315   
1316   
1317<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
1318
1319   
1320
1321   
1322      
1323      
1324      <picture>
1325    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/01_Malibu_01_Final__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/01_Malibu_01_Final__ScaleWidthWzI0MDBd.jpg.webp 2x">
1326    <img style="background-image: url('/assets/BlogPosts/SingleImages/01_Malibu_01_Final__FillWzEsMV0.jpg.webp');" alt="01 Malibu 01 Final" src="/assets/BlogPosts/SingleImages/01_Malibu_01_Final__ScaleWidthWzEyMDBd.jpg.webp" width="3037" height="1900" loading="lazy">
1327  </picture>
1328  
1329      
1330      
1331      
1332     
1333      
1334   
1335   </figure>
1336
1337</div>
1338
1339</div>
1340
1341
1342<!-- This is a button toggling the modal -->
1343
1344
1345
1346
1347 </div>
1348  
1349  <div class="relative" data-filter="#related-filters-" >
1350    
1351    
1352   
1353   
1354
1355<div id="card_2" class="card_336 card grid grid-cols-6 ">
1356<a data-swup-preload aria-label='Go to Grace Bay Villas, new project in Turks and Caicos' class="blockl
1356ink wholelink"  href="/journal/grace-bay-villas-new-project-in-turks-and-caicos/"></a>
1357
1358  
1359
1360
1361<article class="card-article relative  flex flex-col   
1362   
1363    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
1364 
1365   
1366    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
1367 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
1368    pt-std pb-none pl-none pr-big
1369sm:pt-std sm:pb-none sm:pl-none sm:pr-big
1370md:pt-std md:pb-none md:pl-none md:pr-big
1371lg:pt-std lg:pb-none lg:pl-none lg:pr-big
1372xl:pt-std xl:pb-none xl:pl-none xl:pr-big
1373
1374"
1375   >
1376  
1377   
1378   
1379    
1380  
1381   
1382
1383<p
1384style="color: var(--0); "  
1385class="Standard ">
1386<a aria-label='Go to Grace Bay Villas, new project in Turks and Caicos'  href="/journal/grace-bay-villas-new-project-in-turks-and-caicos/">Grace Bay Villas, new project in Turks and Caicos</a></p>
1387   
1388   <div class="HeroText_0" style="color: var(--0); ">
1389      
1390      
1391      <br>
1392      
1393      
1394   </div>
1395   
1396   
1397   
1398   
1399</article>
1400
1401
1402<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
1403    
1404 sm: md: lg: xl:  
1405 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
1406    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
1407 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
1408
1409<figure class="overflow-hidden 
1410     object-fit-cover 
1411    aspect-w-16 aspect-h-9 
1412    sm:aspect-w-16 sm:aspect-h-9  
1413    md:aspect-w-16 md:aspect-h-9  
1414    lg:aspect-w-16 lg:aspect-h-9  
1415     
1416 
1417     rounded-none sm:rounded-none lg:rounded-none
1418     " >
1419   
1420   
1421<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
1422
1423   
1424
1425   
1426      
1427      
1428      <picture>
1429    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/01-gracebayvillas-arial-Large__ScaleWidthWzEyMDBd.jpeg.webp 1x, /assets/BlogPosts/SingleImages/01-gracebayvillas-arial-Large__ScaleWidthWzI0MDBd.jpeg.webp 2x">
1430    <img style="background-image: url('/assets/BlogPosts/SingleImages/01-gracebayvillas-arial-Large__FillWzEsMV0.jpeg.webp');" alt="01 gracebayvillas arial Large" src="/assets/BlogPosts/SingleImages/01-gracebayvillas-arial-Large__ScaleWidthWzEyMDBd.jpeg.webp" width="1280" height="853" loading="lazy">
1431  </picture>
1432  
1433      
1434      
1435      
1436     
1437      
1438   
1439   </figure>
1440
1441</div>
1442
1443</div>
1444
1445
1446<!-- This is a button toggling the modal -->
1447
1448
1449
1450
1451 </div>
1452  
1453  <div class="relative" data-filter="#related-filters-" >
1454    
1455    
1456   
1457   
1458
1459<div id="card_2" class="card_342 card grid grid-cols-6 ">
1460<a data-swup-preload aria-label='Go to Hartsbourne Residential Scheme, Hertfordshire' class="blockl
1460ink wholelink"  href="/journal/progress-at-hartsbourne-country-club/"></a>
1461
1462  
1463
1464
1465<article class="card-article relative  flex flex-col   
1466   
1467    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
1468 
1469   
1470    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
1471 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
1472    pt-std pb-none pl-none pr-big
1473sm:pt-std sm:pb-none sm:pl-none sm:pr-big
1474md:pt-std md:pb-none md:pl-none md:pr-big
1475lg:pt-std lg:pb-none lg:pl-none lg:pr-big
1476xl:pt-std xl:pb-none xl:pl-none xl:pr-big
1477
1478"
1479   >
1480  
1481   
1482   
1483    
1484  
1485   
1486
1487<p
1488style="color: var(--0); "  
1489class="Standard ">
1490<a aria-label='Go to Hartsbourne Residential Scheme, Hertfordshire'  href="/journal/progress-at-hartsbourne-country-club/">Hartsbourne Residential Scheme, Hertfordshire</a></p>
1491   
1492   <div class="HeroText_0" style="color: var(--0); ">
1493      
1494      
1495      <br>
1496      
1497      
1498   </div>
1499   
1500   
1501   
1502   
1503</article>
1504
1505
1506<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
1507    
1508 sm: md: lg: xl:  
1509 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
1510    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
1511 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
1512
1513<figure class="overflow-hidden 
1514     object-fit-cover 
1515    aspect-w-16 aspect-h-9 
1516    sm:aspect-w-16 sm:aspect-h-9  
1517    md:aspect-w-16 md:aspect-h-9  
1518    lg:aspect-w-16 lg:aspect-h-9  
1519     
1520 
1521     rounded-none sm:rounded-none lg:rounded-none
1522     " >
1523   
1524   
1525<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
1526
1527   
1528
1529   
1530      
1531      
1532      <picture>
1533    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/Q4_Hartsbourne_HeaderImage__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/Q4_Hartsbourne_HeaderImage__ScaleWidthWzI0MDBd.jpg.webp 2x">
1534    <img style="background-image: url('/assets/BlogPosts/SingleImages/Q4_Hartsbourne_HeaderImage__FillWzEsMV0.jpg.webp');" alt="Q4 Hartsbourne HeaderImage" src="/assets/BlogPosts/SingleImages/Q4_Hartsbourne_HeaderImage__ScaleWidthWzEyMDBd.jpg.webp" width="2000" height="1238" loading="lazy">
1535  </picture>
1536  
1537      
1538      
1539      
1540     
1541      
1542   
1543   </figure>
1544
1545</div>
1546
1547</div>
1548
1549
1550<!-- This is a button toggling the modal -->
1551
1552
1553
1554
1555 </div>
1556  
1557  <div class="relative" data-filter="#related-filters-" >
1558    
1559    
1560   
1561   
1562
1563<div id="card_2" class="card_346 card grid grid-cols-6 ">
1564<a data-swup-preload aria-label='Go to One villa remaining at Nivå, Turks &amp;
1564 Caicos' class="blocklink wholelink"  href="/journal/one-villa-remaining-at-niva-turks-and-caicos/"></a>
1565
1566  
1567
1568
1569<article class="card-article relative  flex flex-col   
1570   
1571    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
1572 
1573   
1574    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
1575 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
1576    pt-std pb-none pl-none pr-big
1577sm:pt-std sm:pb-none sm:pl-none sm:pr-big
1578md:pt-std md:pb-none md:pl-none md:pr-big
1579lg:pt-std lg:pb-none lg:pl-none lg:pr-big
1580xl:pt-std xl:pb-none xl:pl-none xl:pr-big
1581
1582"
1583   >
1584  
1585   
1586   
1587    
1588  
1589   
1590
1591<p
1592style="color: var(--0); "  
1593class="Standard ">
1594<a aria-label='Go to One villa remaining at Nivå, Turks &amp; Caicos'  href="/journal/one-villa-remaining-at-niva-turks-and-caicos/">One villa remaining at Nivå, Turks &amp; Caicos</a></p>
1595   
1596   <div class="HeroText_0" style="color: var(--0); ">
1597      
1598      
1599      <br>
1600      
1601      
1602   </div>
1603   
1604   
1605   
1606   
1607</article>
1608
1609
1610<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
1611    
1612 sm: md: lg: xl:  
1613 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
1614    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
1615 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
1616
1617<figure class="overflow-hidden 
1618     object-fit-cover 
1619    aspect-w-16 aspect-h-9 
1620    sm:aspect-w-16 sm:aspect-h-9  
1621    md:aspect-w-16 md:aspect-h-9  
1622    lg:aspect-w-16 lg:aspect-h-9  
1623     
1624 
1625     rounded-none sm:rounded-none lg:rounded-none
1626     " >
1627   
1628   
1629<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
1630
1631   
1632
1633   
1634      
1635      
1636      <picture>
1637    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/Q4_Niva_HeaderImage__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/Q4_Niva_HeaderImage__ScaleWidthWzI0MDBd.jpg.webp 2x">
1638    <img style="background-image: url('/assets/BlogPosts/SingleImages/Q4_Niva_HeaderImage__FillWzEsMV0.jpg.webp');" alt="Q4 Niva HeaderImage" src="/assets/BlogPosts/SingleImages/Q4_Niva_HeaderImage__ScaleWidthWzEyMDBd.jpg.webp" width="2200" height="1672" loading="lazy">
1639  </picture>
1640  
1641      
1642      
1643      
1644     
1645      
1646   
1647   </figure>
1648
1649</div>
1650
1651</div>
1652
1653
1654<!-- This is a button toggling the modal -->
1655
1656
1657
1658
1659 </div>
1660  
1661  <div class="relative" data-filter="#related-filters-" >
1662    
1663    
1664   
1665   
1666
1667<div id="card_2" class="card_350 card grid grid-cols-6 ">
1668<a data-swup-preload aria-label='Go to Insight piece: Wellness in Design' class="blockl
1668ink wholelink"  href="/journal/insight-piece-wellness-in-design/"></a>
1669
1670  
1671
1672
1673<article class="card-article relative  flex flex-col   
1674   
1675    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
1676 
1677   
1678    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
1679 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
1680    pt-std pb-none pl-none pr-big
1681sm:pt-std sm:pb-none sm:pl-none sm:pr-big
1682md:pt-std md:pb-none md:pl-none md:pr-big
1683lg:pt-std lg:pb-none lg:pl-none lg:pr-big
1684xl:pt-std xl:pb-none xl:pl-none xl:pr-big
1685
1686"
1687   >
1688  
1689   
1690   
1691    
1692  
1693   
1694
1695<p
1696style="color: var(--0); "  
1697class="Standard ">
1698<a aria-label='Go to Insight piece: Wellness in Design'  href="/journal/insight-piece-wellness-in-design/">Insight piece: Wellness in Design</a></p>
1699   
1700   <div class="HeroText_0" style="color: var(--0); ">
1701      
1702      
1703      <br>
1704      
1705      
1706   </div>
1707   
1708   
1709   
1710   
1711</article>
1712
1713
1714<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
1715    
1716 sm: md: lg: xl:  
1717 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
1718    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
1719 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
1720
1721<figure class="overflow-hidden 
1722     object-fit-cover 
1723    aspect-w-16 aspect-h-9 
1724    sm:aspect-w-16 sm:aspect-h-9  
1725    md:aspect-w-16 md:aspect-h-9  
1726    lg:aspect-w-16 lg:aspect-h-9  
1727     
1728 
1729     rounded-none sm:rounded-none lg:rounded-none
1730     " >
1731   
1732   
1733<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
1734
1735   
1736
1737   
1738      
1739      
1740      <picture>
1741    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/Q4_Heath-House-v2__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/Q4_Heath-House-v2__ScaleWidthWzI0MDBd.jpg.webp 2x">
1742    <img style="background-image: url('/assets/BlogPosts/SingleImages/Q4_Heath-House-v2__FillWzEsMV0.jpg.webp');" alt="Q4 Heath House v2" src="/assets/BlogPosts/SingleImages/Q4_Heath-House-v2__ScaleWidthWzEyMDBd.jpg.webp" width="2000" height="1125" loading="lazy">
1743  </picture>
1744  
1745      
1746      
1747      
1748     
1749      
1750   
1751   </figure>
1752
1753</div>
1754
1755</div>
1756
1757
1758<!-- This is a button toggling the modal -->
1759
1760
1761
1762
1763 </div>
1764  
1765  <div class="relative" data-filter="#related-filters-" >
1766    
1767    
1768   
1769   
1770
1771<div id="card_2" class="card_223 card grid grid-cols-6 ">
1772<a data-swup-preload aria-label='Go to What architectural services do we provide?' class="blockl
1772ink wholelink"  href="/journal/what-architectural-services-do-we-provide/"></a>
1773
1774  
1775
1776
1777<article class="card-article relative  flex flex-col   
1778   
1779    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
1780 
1781   
1782    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
1783 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
1784    pt-std pb-none pl-none pr-big
1785sm:pt-std sm:pb-none sm:pl-none sm:pr-big
1786md:pt-std md:pb-none md:pl-none md:pr-big
1787lg:pt-std lg:pb-none lg:pl-none lg:pr-big
1788xl:pt-std xl:pb-none xl:pl-none xl:pr-big
1789
1790"
1791   >
1792  
1793   
1794   
1795    
1796  
1797   
1798
1799<p
1800style="color: var(--0); "  
1801class="Standard ">
1802<a aria-label='Go to What architectural services do we provide?'  href="/journal/what-architectural-services-do-we-provide/">What architectural services do we provide?</a></p>
1803   
1804   <div class="HeroText_0" style="color: var(--0); ">
1805      
1806      
1807      <br>
1808      
1809      
1810   </div>
1811   
1812   
1813   
1814   
1815</article>
1816
1817
1818<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
1819    
1820 sm: md: lg: xl:  
1821 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
1822    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
1823 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
1824
1825<figure class="overflow-hidden 
1826     object-fit-cover 
1827    aspect-w-16 aspect-h-9 
1828    sm:aspect-w-16 sm:aspect-h-9  
1829    md:aspect-w-16 md:aspect-h-9  
1830    lg:aspect-w-16 lg:aspect-h-9  
1831     
1832 
1833     rounded-none sm:rounded-none lg:rounded-none
1834     " >
1835   
1836   
1837<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
1838
1839   
1840
1841   
1842      
1843      
1844      <picture>
1845    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/Strom_Architects_Resource_Services02-v2__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/Strom_Architects_Resource_Services02-v2__ScaleWidthWzI0MDBd.jpg.webp 2x">
1846    <img style="background-image: url('/assets/BlogPosts/SingleImages/Strom_Architects_Resource_Services02-v2__FillWzEsMV0.jpg.webp');" alt="Strom Architects Resource Services02 v2" src="/assets/BlogPosts/SingleImages/Strom_Architects_Resource_Services02-v2__ScaleWidthWzEyMDBd.jpg.webp" width="2000" height="1473" loading="lazy">
1847  </picture>
1848  
1849      
1850      
1851      
1852     
1853      
1854   
1855   </figure>
1856
1857</div>
1858
1859</div>
1860
1861
1862<!-- This is a button toggling the modal -->
1863
1864
1865
1866
1867 </div>
1868  
1869  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
1870    
1871    
1872   
1873   
1874
1875<div id="card_2" class="card_339 card grid grid-cols-6 ">
1876<a data-swup-preload aria-label='Go to Site progress in East Sussex: Ghyll House' class="blockl
1876ink wholelink"  href="/journal/site-progress-in-east-sussex-ghyll-house/"></a>
1877
1878  
1879
1880
1881<article class="card-article relative  flex flex-col   
1882   
1883    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
1884 
1885   
1886    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
1887 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
1888    pt-std pb-none pl-none pr-big
1889sm:pt-std sm:pb-none sm:pl-none sm:pr-big
1890md:pt-std md:pb-none md:pl-none md:pr-big
1891lg:pt-std lg:pb-none lg:pl-none lg:pr-big
1892xl:pt-std xl:pb-none xl:pl-none xl:pr-big
1893
1894"
1895   >
1896  
1897   
1898   
1899    
1900  
1901   
1902
1903<p
1904style="color: var(--0); "  
1905class="Standard ">
1906<a aria-label='Go to Site progress in East Sussex: Ghyll House'  href="/journal/site-progress-in-east-sussex-ghyll-house/">Site progress in East Sussex: Ghyll House</a></p>
1907   
1908   <div class="HeroText_0" style="color: var(--0); ">
1909      
1910      
1911      <br>
1912      
1913      
1914   </div>
1915   
1916   
1917   
1918   
1919</article>
1920
1921
1922<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
1923    
1924 sm: md: lg: xl:  
1925 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
1926    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
1927 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
1928
1929<figure class="overflow-hidden 
1930     object-fit-cover 
1931    aspect-w-16 aspect-h-9 
1932    sm:aspect-w-16 sm:aspect-h-9  
1933    md:aspect-w-16 md:aspect-h-9  
1934    lg:aspect-w-16 lg:aspect-h-9  
1935     
1936 
1937     rounded-none sm:rounded-none lg:rounded-none
1938     " >
1939   
1940   
1941<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
1942
1943   
1944
1945   
1946      
1947      
1948      <picture>
1949    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/251008_GhyllHouse_OnSite_1__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/251008_GhyllHouse_OnSite_1__ScaleWidthWzI0MDBd.jpg.webp 2x">
1950    <img style="background-image: url('/assets/BlogPosts/SingleImages/251008_GhyllHouse_OnSite_1__FillWzEsMV0.jpg.webp');" alt="251008 GhyllHouse OnSite 1" src="/assets/BlogPosts/SingleImages/251008_GhyllHouse_OnSite_1__ScaleWidthWzEyMDBd.jpg.webp" width="2285" height="1622" loading="lazy">
1951  </picture>
1952  
1953      
1954      
1955      
1956     
1957      
1958   
1959   </figure>
1960
1961</div>
1962
1963</div>
1964
1965
1966<!-- This is a button toggling the modal -->
1967
1968
1969
1970
1971 </div>
1972  
1973  <div class="relative" data-filter="#related-filters-" >
1974    
1975    
1976   
1977   
1978
1979<div id="card_2" class="card_343 card grid grid-cols-6 ">
1980<a data-swup-preload aria-label='Go to The Rise Of Golf Residences: Why Wellness Comes First For The UHNWI Market' class="blockl
1980ink wholelink"  href="/journal/the-rise-of-golf-residences-why-wellness-comes-first-for-the-uhnwi-market/"></a>
1981
1982  
1983
1984
1985<article class="card-article relative  flex flex-col   
1986   
1987    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
1988 
1989   
1990    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
1991 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
1992    pt-std pb-none pl-none pr-big
1993sm:pt-std sm:pb-none sm:pl-none sm:pr-big
1994md:pt-std md:pb-none md:pl-none md:pr-big
1995lg:pt-std lg:pb-none lg:pl-none lg:pr-big
1996xl:pt-std xl:pb-none xl:pl-none xl:pr-big
1997
1998"
1999   >
2000  
2001   
2002   
2003    
2004  
2005   
2006
2007<p
2008style="color: var(--0); "  
2009class="Standard ">
2010<a aria-label='Go to The Rise Of Golf Residences: Why Wellness Comes First For The UHNWI Market'  href="/journal/the-rise-of-golf-residences-why-wellness-comes-first-for-the-uhnwi-market/">The Rise Of Golf Residences: Why Wellness Comes First For The UHNWI Market</a></p>
2011   
2012   <div class="HeroText_0" style="color: var(--0); ">
2013      
2014      
2015      <br>
2016      
2017      
2018   </div>
2019   
2020   
2021   
2022   
2023</article>
2024
2025
2026<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
2027    
2028 sm: md: lg: xl:  
2029 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
2030    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
2031 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
2032
2033<figure class="overflow-hidden 
2034     object-fit-cover 
2035    aspect-w-16 aspect-h-9 
2036    sm:aspect-w-16 sm:aspect-h-9  
2037    md:aspect-w-16 md:aspect-h-9  
2038    lg:aspect-w-16 lg:aspect-h-9  
2039     
2040 
2041     rounded-none sm:rounded-none lg:rounded-none
2042     " >
2043   
2044   
2045<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
2046
2047   
2048
2049   
2050      
2051      
2052      <picture>
2053    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/250903_GolfResidences__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/250903_GolfResidences__ScaleWidthWzI0MDBd.jpg.webp 2x">
2054    <img style="background-image: url('/assets/BlogPosts/SingleImages/250903_GolfResidences__FillWzEsMV0.jpg.webp');" alt="250903 GolfResidences" src="/assets/BlogPosts/SingleImages/250903_GolfResidences__ScaleWidthWzEyMDBd.jpg.webp" width="2285" height="1570" loading="lazy">
2055  </picture>
2056  
2057      
2058      
2059      
2060     
2061      
2062   
2063   </figure>
2064
2065</div>
2066
2067</div>
2068
2069
2070<!-- This is a button toggling the modal -->
2071
2072
2073
2074
2075 </div>
2076  
2077  <div class="relative" data-filter="#related-filters-" >
2078    
2079    
2080   
2081   
2082
2083<div id="card_2" class="card_345 card grid grid-cols-6 ">
2084<a data-swup-preload aria-label='Go to &#039;Beyond The Horizon&#039;
2084 – our 15th Anniversary series' class="blocklink wholelink"  href="/journal/we-have-launched-a-series-beyond-the-horizon/"></a>
2085
2086  
2087
2088
2089<article class="card-article relative  flex flex-col   
2090   
2091    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
2092 
2093   
2094    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
2095 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
2096    pt-std pb-none pl-none pr-big
2097sm:pt-std sm:pb-none sm:pl-none sm:pr-big
2098md:pt-std md:pb-none md:pl-none md:pr-big
2099lg:pt-std lg:pb-none lg:pl-none lg:pr-big
2100xl:pt-std xl:pb-none xl:pl-none xl:pr-big
2101
2102"
2103   >
2104  
2105   
2106   
2107    
2108  
2109   
2110
2111<p
2112style="color: var(--0); "  
2113class="Standard ">
2114<a aria-label='Go to &#039;Beyond The Horizon&#039; – our 15th Anniversary series'  href="/journal/we-have-launched-a-series-beyond-the-horizon/">&#039;Beyond The Horizon&#039; – our 15th Anniversary series</a></p>
2115   
2116   <div class="HeroText_0" style="color: var(--0); ">
2117      
2118      
2119      <br>
2120      
2121      
2122   </div>
2123   
2124   
2125   
2126   
2127</article>
2128
2129
2130<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
2131    
2132 sm: md: lg: xl:  
2133 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
2134    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
2135 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
2136
2137<figure class="overflow-hidden 
2138     object-fit-cover 
2139    aspect-w-16 aspect-h-9 
2140    sm:aspect-w-16 sm:aspect-h-9  
2141    md:aspect-w-16 md:aspect-h-9  
2142    lg:aspect-w-16 lg:aspect-h-9  
2143     
2144 
2145     rounded-none sm:rounded-none lg:rounded-none
2146     " >
2147   
2148   
2149<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
2150
2151   
2152
2153   
2154      
2155      
2156      <picture>
2157    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/Thumbnail_CadAndTheDandy_FullFilm__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/Thumbnail_CadAndTheDandy_FullFilm__ScaleWidthWzI0MDBd.jpg.webp 2x">
2158    <img style="background-image: url('/assets/BlogPosts/SingleImages/Thumbnail_CadAndTheDandy_FullFilm__FillWzEsMV0.jpg.webp');" alt="Thumbnail CadAndTheDandy FullFilm" src="/assets/BlogPosts/SingleImages/Thumbnail_CadAndTheDandy_FullFilm__ScaleWidthWzEyMDBd.jpg.webp" width="1280" height="720" loading="lazy">
2159  </picture>
2160  
2161      
2162      
2163      
2164     
2165      
2166   
2167   </figure>
2168
2169</div>
2170
2171</div>
2172
2173
2174<!-- This is a button toggling the modal -->
2175
2176
2177
2178
2179 </div>
2180  
2181  <div class="relative" data-filter="#related-filters-" >
2182    
2183    
2184   
2185   
2186
2187<div id="card_2" class="card_337 card grid grid-cols-6 ">
2188<a data-swup-preload aria-label='Go to We have received permission from the Coastal Resources Management Council, for Cedar Cove ' class="blockl
2188ink wholelink"  href="/journal/received-permission-coastal-resources-management-council-cedar-cove/"></a>
2189
2190  
2191
2192
2193<article class="card-article relative  flex flex-col   
2194   
2195    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
2196 
2197   
2198    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
2199 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
2200    pt-std pb-none pl-none pr-big
2201sm:pt-std sm:pb-none sm:pl-none sm:pr-big
2202md:pt-std md:pb-none md:pl-none md:pr-big
2203lg:pt-std lg:pb-none lg:pl-none lg:pr-big
2204xl:pt-std xl:pb-none xl:pl-none xl:pr-big
2205
2206"
2207   >
2208  
2209   
2210   
2211    
2212  
2213   
2214
2215<p
2216style="color: var(--0); "  
2217class="Standard ">
2218<a aria-label='Go to We have received permission from the Coastal Resources Management Council, for Cedar Cove '  href="/journal/received-permission-coastal-resources-management-council-cedar-cove/">We have received permission from the Coastal Resources Management Council, for Cedar Cove </a></p>
2219   
2220   
2221   
2222   
2223</article>
2224
2225
2226<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
2227    
2228 sm: md: lg: xl:  
2229 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
2230    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
2231 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
2232
2233<figure class="overflow-hidden 
2234     object-fit-cover 
2235    aspect-w-16 aspect-h-9 
2236    sm:aspect-w-16 sm:aspect-h-9  
2237    md:aspect-w-16 md:aspect-h-9  
2238    lg:aspect-w-16 lg:aspect-h-9  
2239     
2240 
2241     rounded-none sm:rounded-none lg:rounded-none
2242     " >
2243   
2244   
2245<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
2246
2247   
2248
2249   
2250      
2251      
2252      <picture>
2253    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/250804_Cedar_CoastalPermission__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/250804_Cedar_CoastalPermission__ScaleWidthWzI0MDBd.jpg.webp 2x">
2254    <img style="background-image: url('/assets/BlogPosts/SingleImages/250804_Cedar_CoastalPermission__FillWzEsMV0.jpg.webp');" alt="250804 Cedar CoastalPermission" src="/assets/BlogPosts/SingleImages/250804_Cedar_CoastalPermission__ScaleWidthWzEyMDBd.jpg.webp" width="2285" height="1570" loading="lazy">
2255  </picture>
2256  
2257      
2258      
2259      
2260     
2261      
2262   
2263   </figure>
2264
2265</div>
2266
2267</div>
2268
2269
2270<!-- This is a button toggling the modal -->
2271
2272
2273
2274
2275 </div>
2276  
2277  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
2278    
2279    
2280   
2281   
2282
2283<div id="card_2" class="card_334 card grid grid-cols-6 ">
2284<a data-swup-preload aria-label='Go to The Tree House: Watch the Interview Trailer' class="blockl
2284ink wholelink"  href="/journal/the-tree-house-watch-the-interview-trailer/"></a>
2285
2286  
2287
2288
2289<article class="card-article relative  flex flex-col   
2290   
2291    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
2292 
2293   
2294    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
2295 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
2296    pt-std pb-none pl-none pr-big
2297sm:pt-std sm:pb-none sm:pl-none sm:pr-big
2298md:pt-std md:pb-none md:pl-none md:pr-big
2299lg:pt-std lg:pb-none lg:pl-none lg:pr-big
2300xl:pt-std xl:pb-none xl:pl-none xl:pr-big
2301
2302"
2303   >
2304  
2305   
2306   
2307    
2308  
2309   
2310
2311<p
2312style="color: var(--0); "  
2313class="Standard ">
2314<a aria-label='Go to The Tree House: Watch the Interview Trailer'  href="/journal/the-tree-house-watch-the-interview-trailer/">The Tree House: Watch the Interview Trailer</a></p>
2315   
2316   <div class="HeroText_0" style="color: var(--0); ">
2317      
2318      
2319      <br>
2320      
2321      
2322   </div>
2323   
2324   
2325   
2326   
2327</article>
2328
2329
2330<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
2331    
2332 sm: md: lg: xl:  
2333 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
2334    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
2335 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
2336
2337<figure class="overflow-hidden 
2338     object-fit-cover 
2339    aspect-w-16 aspect-h-9 
2340    sm:aspect-w-16 sm:aspect-h-9  
2341    md:aspect-w-16 md:aspect-h-9  
2342    lg:aspect-w-16 lg:aspect-h-9  
2343     
2344 
2345     rounded-none sm:rounded-none lg:rounded-none
2346     " >
2347   
2348   
2349<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
2350
2351   
2352
2353   
2354      
2355      
2356      <picture>
2357    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/Newsletter-2Q_5-v2__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/Newsletter-2Q_5-v2__ScaleWidthWzI0MDBd.jpg.webp 2x">
2358    <img style="background-image: url('/assets/BlogPosts/SingleImages/Newsletter-2Q_5-v2__FillWzEsMV0.jpg.webp');" alt="Newsletter 2Q 5 v2" src="/assets/BlogPosts/SingleImages/Newsletter-2Q_5-v2__ScaleWidthWzEyMDBd.jpg.webp" width="3508" height="2193" loading="lazy">
2359  </picture>
2360  
2361      
2362      
2363      
2364     
2365      
2366   
2367   </figure>
2368
2369</div>
2370
2371</div>
2372
2373
2374<!-- This is a button toggling the modal -->
2375
2376
2377
2378
2379 </div>
2380  
2381  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_5">
2382    
2383    
2384   
2385   
2386
2387<div id="card_2" class="card_333 card grid grid-cols-6 ">
2388<a data-swup-preload aria-label='Go to 15th Anniversary Series – Part 1: Q&amp;
2388A with Magnus' class="blocklink wholelink"  href="/journal/q-and-a-with-magnus/"></a>
2389
2390  
2391
2392
2393<article class="card-article relative  flex flex-col   
2394   
2395    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
2396 
2397   
2398    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
2399 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
2400    pt-std pb-none pl-none pr-big
2401sm:pt-std sm:pb-none sm:pl-none sm:pr-big
2402md:pt-std md:pb-none md:pl-none md:pr-big
2403lg:pt-std lg:pb-none lg:pl-none lg:pr-big
2404xl:pt-std xl:pb-none xl:pl-none xl:pr-big
2405
2406"
2407   >
2408  
2409   
2410   
2411    
2412  
2413   
2414
2415<p
2416style="color: var(--0); "  
2417class="Standard ">
2418<a aria-label='Go to 15th Anniversary Series – Part 1: Q&amp;A with Magnus'  href="/journal/q-and-a-with-magnus/">15th Anniversary Series – Part 1: Q&amp;A with Magnus</a></p>
2419   
2420   <div class="HeroText_0" style="color: var(--0); ">
2421      
2422      
2423      <br>
2424      
2425      
2426   </div>
2427   
2428   
2429   
2430   
2431</article>
2432
2433
2434<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
2435    
2436 sm: md: lg: xl:  
2437 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
2438    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
2439 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
2440
2441<figure class="overflow-hidden 
2442     object-fit-cover 
2443    aspect-w-16 aspect-h-9 
2444    sm:aspect-w-16 sm:aspect-h-9  
2445    md:aspect-w-16 md:aspect-h-9  
2446    lg:aspect-w-16 lg:aspect-h-9  
2447     
2448 
2449     rounded-none sm:rounded-none lg:rounded-none
2450     " >
2451   
2452   
2453<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
2454
2455   
2456
2457   
2458      
2459      
2460      <picture>
2461    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/250625_15thAnniv_QA__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/250625_15thAnniv_QA__ScaleWidthWzI0MDBd.jpg.webp 2x">
2462    <img style="background-image: url('/assets/BlogPosts/SingleImages/250625_15thAnniv_QA__FillWzEsMV0.jpg.webp');" alt="250625 15thAnniv QA" src="/assets/BlogPosts/SingleImages/250625_15thAnniv_QA__ScaleWidthWzEyMDBd.jpg.webp" width="2285" height="1570" loading="lazy">
2463  </picture>
2464  
2465      
2466      
2467      
2468     
2469      
2470   
2471   </figure>
2472
2473</div>
2474
2475</div>
2476
2477
2478<!-- This is a button toggling the modal -->
2479
2480
2481
2482
2483 </div>
2484  
2485  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
2486    
2487    
2488   
2489   
2490
2491<div id="card_2" class="card_332 card grid grid-cols-6 ">
2492<a data-swup-preload aria-label='Go to Site progress in London: Heath House' class="blockl
2492ink wholelink"  href="/journal/site-progress-in-london-heath-house/"></a>
2493
2494  
2495
2496
2497<article class="card-article relative  flex flex-col   
2498   
2499    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
2500 
2501   
2502    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
2503 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
2504    pt-std pb-none pl-none pr-big
2505sm:pt-std sm:pb-none sm:pl-none sm:pr-big
2506md:pt-std md:pb-none md:pl-none md:pr-big
2507lg:pt-std lg:pb-none lg:pl-none lg:pr-big
2508xl:pt-std xl:pb-none xl:pl-none xl:pr-big
2509
2510"
2511   >
2512  
2513   
2514   
2515    
2516  
2517   
2518
2519<p
2520style="color: var(--0); "  
2521class="Standard ">
2522<a aria-label='Go to Site progress in London: Heath House'  href="/journal/site-progress-in-london-heath-house/">Site progress in London: Heath House</a></p>
2523   
2524   <div class="HeroText_0" style="color: var(--0); ">
2525      
2526      
2527      <br>
2528      
2529      
2530   </div>
2531   
2532   
2533   
2534   
2535</article>
2536
2537
2538<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
2539    
2540 sm: md: lg: xl:  
2541 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
2542    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
2543 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
2544
2545<figure class="overflow-hidden 
2546     object-fit-cover 
2547    aspect-w-16 aspect-h-9 
2548    sm:aspect-w-16 sm:aspect-h-9  
2549    md:aspect-w-16 md:aspect-h-9  
2550    lg:aspect-w-16 lg:aspect-h-9  
2551     
2552 
2553     rounded-none sm:rounded-none lg:rounded-none
2554     " >
2555   
2556   
2557<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
2558
2559   
2560
2561   
2562      
2563      
2564      <picture>
2565    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/Newsletter-2Q_1-v2__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/Newsletter-2Q_1-v2__ScaleWidthWzI0MDBd.jpg.webp 2x">
2566    <img style="background-image: url('/assets/BlogPosts/SingleImages/Newsletter-2Q_1-v2__FillWzEsMV0.jpg.webp');" alt="Newsletter 2Q 1 v2" src="/assets/BlogPosts/SingleImages/Newsletter-2Q_1-v2__ScaleWidthWzEyMDBd.jpg.webp" width="3508" height="2193" loading="lazy">
2567  </picture>
2568  
2569      
2570      
2571      
2572     
2573      
2574   
2575   </figure>
2576
2577</div>
2578
2579</div>
2580
2581
2582<!-- This is a button toggling the modal -->
2583
2584
2585
2586
2587 </div>
2588  
2589  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_5">
2590    
2591    
2592   
2593   
2594
2595<div id="card_2" class="card_327 card grid grid-cols-6 ">
2596<a data-swup-preload aria-label='Go to Delivering Exceptional Design Across the Globe' class="blockl
2596ink wholelink"  href="/journal/delivering-exceptional-design-across-the-globe/"></a>
2597
2598  
2599
2600
2601<article class="card-article relative  flex flex-col   
2602   
2603    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
2604 
2605   
2606    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
2607 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
2608    pt-std pb-none pl-none pr-big
2609sm:pt-std sm:pb-none sm:pl-none sm:pr-big
2610md:pt-std md:pb-none md:pl-none md:pr-big
2611lg:pt-std lg:pb-none lg:pl-none lg:pr-big
2612xl:pt-std xl:pb-none xl:pl-none xl:pr-big
2613
2614"
2615   >
2616  
2617   
2618   
2619    
2620  
2621   
2622
2623<p
2624style="color: var(--0); "  
2625class="Standard ">
2626<a aria-label='Go to Delivering Exceptional Design Across the Globe'  href="/journal/delivering-exceptional-design-across-the-globe/">Delivering Exceptional Design Across the Globe</a></p>
2627   
2628   <div class="HeroText_0" style="color: var(--0); ">
2629      
2630      
2631      <br>
2632      
2633      
2634   </div>
2635   
2636   
2637   
2638   
2639</article>
2640
2641
2642<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
2643    
2644 sm: md: lg: xl:  
2645 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
2646    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
2647 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
2648
2649<figure class="overflow-hidden 
2650     object-fit-cover 
2651    aspect-w-16 aspect-h-9 
2652    sm:aspect-w-16 sm:aspect-h-9  
2653    md:aspect-w-16 md:aspect-h-9  
2654    lg:aspect-w-16 lg:aspect-h-9  
2655     
2656 
2657     rounded-none sm:rounded-none lg:rounded-none
2658     " >
2659   
2660   
2661<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
2662
2663   
2664
2665   
2666      
2667      
2668      <picture>
2669    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/Strom-Architects-Oasis-Mansion_Sleeve_27__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/Strom-Architects-Oasis-Mansion_Sleeve_27__ScaleWidthWzI0MDBd.jpg.webp 2x">
2670    <img style="background-image: url('/assets/BlogPosts/SingleImages/Strom-Architects-Oasis-Mansion_Sleeve_27__FillWzEsMV0.jpg.webp');" alt="Strom Architects Oasis Mansion Sleeve 27" src="/assets/BlogPosts/SingleImages/Strom-Architects-Oasis-Mansion_Sleeve_27__ScaleWidthWzEyMDBd.jpg.webp" width="2285" height="1570" loading="lazy">
2671  </picture>
2672  
2673      
2674      
2675      
2676     
2677      
2678   
2679   </figure>
2680
2681</div>
2682
2683</div>
2684
2685
2686<!-- This is a button toggling the modal -->
2687
2688
2689
2690
2691 </div>
2692  
2693  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_5">
2694    
2695    
2696   
2697   
2698
2699<div id="card_2" class="card_329 card grid grid-cols-6 ">
2700<a data-swup-preload aria-label='Go to New Designs on Luxury ' class="blockl
2700ink wholelink"  href="/journal/new-designs-on-luxury/"></a>
2701
2702  
2703
2704
2705<article class="card-article relative  flex flex-col   
2706   
2707    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
2708 
2709   
2710    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
2711 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
2712    pt-std pb-none pl-none pr-big
2713sm:pt-std sm:pb-none sm:pl-none sm:pr-big
2714md:pt-std md:pb-none md:pl-none md:pr-big
2715lg:pt-std lg:pb-none lg:pl-none lg:pr-big
2716xl:pt-std xl:pb-none xl:pl-none xl:pr-big
2717
2718"
2719   >
2720  
2721   
2722   
2723    
2724  
2725   
2726
2727<p
2728style="color: var(--0); "  
2729class="Standard ">
2730<a aria-label='Go to New Designs on Luxury '  href="/journal/new-designs-on-luxury/">New Designs on Luxury </a></p>
2731   
2732   <div class="HeroText_0" style="color: var(--0); ">
2733      
2734      
2735      <br>
2736      
2737      
2738   </div>
2739   
2740   
2741   
2742   
2743</article>
2744
2745
2746<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
2747    
2748 sm: md: lg: xl:  
2749 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
2750    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
2751 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
2752
2753<figure class="overflow-hidden 
2754     object-fit-cover 
2755    aspect-w-16 aspect-h-9 
2756    sm:aspect-w-16 sm:aspect-h-9  
2757    md:aspect-w-16 md:aspect-h-9  
2758    lg:aspect-w-16 lg:aspect-h-9  
2759     
2760 
2761     rounded-none sm:rounded-none lg:rounded-none
2762     " >
2763   
2764   
2765<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
2766
2767   
2768
2769   
2770      
2771      
2772      <picture>
2773    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/OriginalPhotoBarcelonaHouse_09__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/OriginalPhotoBarcelonaHouse_09__ScaleWidthWzI0MDBd.jpg.webp 2x">
2774    <img style="background-image: url('/assets/BlogPosts/SingleImages/OriginalPhotoBarcelonaHouse_09__FillWzEsMV0.jpg.webp');" alt="OriginalPhotoBarcelonaHouse 09" src="/assets/BlogPosts/SingleImages/OriginalPhotoBarcelonaHouse_09__ScaleWidthWzEyMDBd.jpg.webp" width="5975" height="3883" loading="lazy">
2775  </picture>
2776  
2777      
2778      
2779      
2780     
2781      
2782   
2783   </figure>
2784
2785</div>
2786
2787</div>
2788
2789
2790<!-- This is a button toggling the modal -->
2791
2792
2793
2794
2795 </div>
2796  
2797  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_5">
2798    
2799    
2800   
2801   
2802
2803<div id="card_2" class="card_330 card grid grid-cols-6 ">
2804<a data-swup-preload aria-label='Go to 15th Anniversary Series – Introduction: The building blocks of an architectural practice' class="blockl
2804ink wholelink"  href="/journal/15th-anniversary-series-introduction-the-building-blocks-of-an-architectural-practice/"></a>
2805
2806  
2807
2808
2809<article class="card-article relative  flex flex-col   
2810   
2811    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
2812 
2813   
2814    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
2815 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
2816    pt-std pb-none pl-none pr-big
2817sm:pt-std sm:pb-none sm:pl-none sm:pr-big
2818md:pt-std md:pb-none md:pl-none md:pr-big
2819lg:pt-std lg:pb-none lg:pl-none lg:pr-big
2820xl:pt-std xl:pb-none xl:pl-none xl:pr-big
2821
2822"
2823   >
2824  
2825   
2826   
2827    
2828  
2829   
2830
2831<p
2832style="color: var(--0); "  
2833class="Standard ">
2834<a aria-label='Go to 15th Anniversary Series – Introduction: The building blocks of an architectural practice'  href="/journal/15th-anniversary-series-introduction-the-building-blocks-of-an-architectural-practice/">15th Anniversary Series – Introduction: The building blocks of an architectural practice</a></p>
2835   
2836   <div class="HeroText_0" style="color: var(--0); ">
2837      
2838      
2839      <br>
2840      
2841      
2842   </div>
2843   
2844   
2845   
2846   
2847</article>
2848
2849
2850<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
2851    
2852 sm: md: lg: xl:  
2853 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
2854    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
2855 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
2856
2857<figure class="overflow-hidden 
2858     object-fit-cover 
2859    aspect-w-16 aspect-h-9 
2860    sm:aspect-w-16 sm:aspect-h-9  
2861    md:aspect-w-16 md:aspect-h-9  
2862    lg:aspect-w-16 lg:aspect-h-9  
2863     
2864 
2865     rounded-none sm:rounded-none lg:rounded-none
2866     " >
2867   
2868   
2869<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
2870
2871   
2872
2873   
2874      
2875      
2876      <picture>
2877    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/15Aniv_Cover_Intro_sRGB__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/15Aniv_Cover_Intro_sRGB__ScaleWidthWzI0MDBd.jpg.webp 2x">
2878    <img style="background-image: url('/assets/BlogPosts/SingleImages/15Aniv_Cover_Intro_sRGB__FillWzEsMV0.jpg.webp');" alt="15Aniv Cover Intro sRGB" src="/assets/BlogPosts/SingleImages/15Aniv_Cover_Intro_sRGB__ScaleWidthWzEyMDBd.jpg.webp" width="3484" height="2323" loading="lazy">
2879  </picture>
2880  
2881      
2882      
2883      
2884     
2885      
2886   
2887   </figure>
2888
2889</div>
2890
2891</div>
2892
2893
2894<!-- This is a button toggling the modal -->
2895
2896
2897
2898
2899 </div>
2900  
2901  <div class="relative" data-filter="#related-filters-" >
2902    
2903    
2904   
2905   
2906
2907<div id="card_2" class="card_326 card grid grid-cols-6 ">
2908<a data-swup-preload aria-label='Go to Planning granted: Archipelago House, Finland' class="blockl
2908ink wholelink"  href="/journal/planning-granted-archipelago-house-finland/"></a>
2909
2910  
2911
2912
2913<article class="card-article relative  flex flex-col   
2914   
2915    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
2916 
2917   
2918    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
2919 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
2920    pt-std pb-none pl-none pr-big
2921sm:pt-std sm:pb-none sm:pl-none sm:pr-big
2922md:pt-std md:pb-none md:pl-none md:pr-big
2923lg:pt-std lg:pb-none lg:pl-none lg:pr-big
2924xl:pt-std xl:pb-none xl:pl-none xl:pr-big
2925
2926"
2927   >
2928  
2929   
2930   
2931    
2932  
2933   
2934
2935<p
2936style="color: var(--0); "  
2937class="Standard ">
2938<a aria-label='Go to Planning granted: Archipelago House, Finland'  href="/journal/planning-granted-archipelago-house-finland/">Planning granted: Archipelago House, Finland</a></p>
2939   
2940   <div class="HeroText_0" style="color: var(--0); ">
2941      
2942      
2943      <br>
2944      
2945      
2946   </div>
2947   
2948   
2949   
2950   
2951</article>
2952
2953
2954<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
2955    
2956 sm: md: lg: xl:  
2957 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
2958    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
2959 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
2960
2961<figure class="overflow-hidden 
2962     object-fit-cover 
2963    aspect-w-16 aspect-h-9 
2964    sm:aspect-w-16 sm:aspect-h-9  
2965    md:aspect-w-16 md:aspect-h-9  
2966    lg:aspect-w-16 lg:aspect-h-9  
2967     
2968 
2969     rounded-none sm:rounded-none lg:rounded-none
2970     " >
2971   
2972   
2973<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
2974
2975   
2976
2977   
2978      
2979      
2980      <picture>
2981    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/Strom-Architects_Archipelago-House_02__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/Strom-Architects_Archipelago-House_02__ScaleWidthWzI0MDBd.jpg.webp 2x">
2982    <img style="background-image: url('/assets/BlogPosts/SingleImages/Strom-Architects_Archipelago-House_02__FillWzEsMV0.jpg.webp');" alt="Strom Architects Archipelago House 02" src="/assets/BlogPosts/SingleImages/Strom-Architects_Archipelago-House_02__ScaleWidthWzEyMDBd.jpg.webp" width="2285" height="1570" loading="lazy">
2983  </picture>
2984  
2985      
2986      
2987      
2988     
2989      
2990   
2991   </figure>
2992
2993</div>
2994
2995</div>
2996
2997
2998<!-- This is a button toggling the modal -->
2999
3000
3001
3002
3003 </div>
3004  
3005  <div class="relative" data-filter="#related-filters-" >
3006    
3007    
3008   
3009   
3010
3011<div id="card_2" class="card_322 card grid grid-cols-6 ">
3012<a data-swup-preload aria-label='Go to Finalist of Archello Awards 2024' class="blockl
3012ink wholelink"  href="/journal/finalist-of-archello-awards-2024/"></a>
3013
3014  
3015
3016
3017<article class="card-article relative  flex flex-col   
3018   
3019    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
3020 
3021   
3022    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
3023 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
3024    pt-std pb-none pl-none pr-big
3025sm:pt-std sm:pb-none sm:pl-none sm:pr-big
3026md:pt-std md:pb-none md:pl-none md:pr-big
3027lg:pt-std lg:pb-none lg:pl-none lg:pr-big
3028xl:pt-std xl:pb-none xl:pl-none xl:pr-big
3029
3030"
3031   >
3032  
3033   
3034   
3035    
3036  
3037   
3038
3039<p
3040style="color: var(--0); "  
3041class="Standard ">
3042<a aria-label='Go to Finalist of Archello Awards 2024'  href="/journal/finalist-of-archello-awards-2024/">Finalist of Archello Awards 2024</a></p>
3043   
3044   <div class="HeroText_0" style="color: var(--0); ">
3045      
3046      
3047      <br>
3048      
3049      
3050   </div>
3051   
3052   
3053   
3054   
3055</article>
3056
3057
3058<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
3059    
3060 sm: md: lg: xl:  
3061 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
3062    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
3063 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
3064
3065<figure class="overflow-hidden 
3066     object-fit-cover 
3067    aspect-w-16 aspect-h-9 
3068    sm:aspect-w-16 sm:aspect-h-9  
3069    md:aspect-w-16 md:aspect-h-9  
3070    lg:aspect-w-16 lg:aspect-h-9  
3071     
3072 
3073     rounded-none sm:rounded-none lg:rounded-none
3074     " >
3075   
3076   
3077<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
3078
3079   
3080
3081   
3082      
3083      
3084      <picture>
3085    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/241030_Archello_Finalist__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/241030_Archello_Finalist__ScaleWidthWzI0MDBd.jpg.webp 2x">
3086    <img style="background-image: url('/assets/BlogPosts/SingleImages/241030_Archello_Finalist__FillWzEsMV0.jpg.webp');" alt="241030 Archello Finalist" src="/assets/BlogPosts/SingleImages/241030_Archello_Finalist__ScaleWidthWzEyMDBd.jpg.webp" width="3580" height="2479" loading="lazy">
3087  </picture>
3088  
3089      
3090      
3091      
3092     
3093      
3094   
3095   </figure>
3096
3097</div>
3098
3099</div>
3100
3101
3102<!-- This is a button toggling the modal -->
3103
3104
3105
3106
3107 </div>
3108  
3109  <div class="relative" data-filter="#related-filters-" >
3110    
3111    
3112   
3113   
3114
3115<div id="card_2" class="card_321 card grid grid-cols-6 ">
3116<a data-swup-preload aria-label='Go to Winner of LOOP Design Awards! Best House of the Year – Barcelona House' class="blockl
3116ink wholelink"  href="/journal/winner-of-loop-design-awards-best-house-of-the-year-barcelona-house/"></a>
3117
3118  
3119
3120
3121<article class="card-article relative  flex flex-col   
3122   
3123    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
3124 
3125   
3126    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
3127 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
3128    pt-std pb-none pl-none pr-big
3129sm:pt-std sm:pb-none sm:pl-none sm:pr-big
3130md:pt-std md:pb-none md:pl-none md:pr-big
3131lg:pt-std lg:pb-none lg:pl-none lg:pr-big
3132xl:pt-std xl:pb-none xl:pl-none xl:pr-big
3133
3134"
3135   >
3136  
3137   
3138   
3139    
3140  
3141   
3142
3143<p
3144style="color: var(--0); "  
3145class="Standard ">
3146<a aria-label='Go to Winner of LOOP Design Awards! Best House of the Year – Barcelona House'  href="/journal/winner-of-loop-design-awards-best-house-of-the-year-barcelona-house/">Winner of LOOP Design Awards! Best House of the Year – Barcelona House</a></p>
3147   
3148   <div class="HeroText_0" style="color: var(--0); ">
3149      
3150      
3151      <br>
3152      
3153      
3154   </div>
3155   
3156   
3157   
3158   
3159</article>
3160
3161
3162<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
3163    
3164 sm: md: lg: xl:  
3165 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
3166    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
3167 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
3168
3169<figure class="overflow-hidden 
3170     object-fit-cover 
3171    aspect-w-16 aspect-h-9 
3172    sm:aspect-w-16 sm:aspect-h-9  
3173    md:aspect-w-16 md:aspect-h-9  
3174    lg:aspect-w-16 lg:aspect-h-9  
3175     
3176 
3177     rounded-none sm:rounded-none lg:rounded-none
3178     " >
3179   
3180   
3181<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
3182
3183   
3184
3185   
3186      
3187      
3188      <picture>
3189    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/241021_LOOP_Win__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/241021_LOOP_Win__ScaleWidthWzI0MDBd.jpg.webp 2x">
3190    <img style="background-image: url('/assets/BlogPosts/SingleImages/241021_LOOP_Win__FillWzEsMV0.jpg.webp');" alt="241021 LOOP Win" src="/assets/BlogPosts/SingleImages/241021_LOOP_Win__ScaleWidthWzEyMDBd.jpg.webp" width="3580" height="2479" loading="lazy">
3191  </picture>
3192  
3193      
3194      
3195      
3196     
3197      
3198   
3199   </figure>
3200
3201</div>
3202
3203</div>
3204
3205
3206<!-- This is a button toggling the modal -->
3207
3208
3209
3210
3211 </div>
3212  
3213  <div class="relative" data-filter="#related-filters-" >
3214    
3215    
3216   
3217   
3218
3219<div id="card_2" class="card_320 card grid grid-cols-6 ">
3220<a data-swup-preload aria-label='Go to Longlisted in Archello Awards 2024' class="blockl
3220ink wholelink"  href="/journal/longlisted-in-archello-awards-2024-barcelona-house/"></a>
3221
3222  
3223
3224
3225<article class="card-article relative  flex flex-col   
3226   
3227    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
3228 
3229   
3230    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
3231 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
3232    pt-std pb-none pl-none pr-big
3233sm:pt-std sm:pb-none sm:pl-none sm:pr-big
3234md:pt-std md:pb-none md:pl-none md:pr-big
3235lg:pt-std lg:pb-none lg:pl-none lg:pr-big
3236xl:pt-std xl:pb-none xl:pl-none xl:pr-big
3237
3238"
3239   >
3240  
3241   
3242   
3243    
3244  
3245   
3246
3247<p
3248style="color: var(--0); "  
3249class="Standard ">
3250<a aria-label='Go to Longlisted in Archello Awards 2024'  href="/journal/longlisted-in-archello-awards-2024-barcelona-house/">Longlisted in Archello Awards 2024</a></p>
3251   
3252   
3253   
3254   
3255</article>
3256
3257
3258<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
3259    
3260 sm: md: lg: xl:  
3261 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
3262    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
3263 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
3264
3265<figure class="overflow-hidden 
3266     object-fit-cover 
3267    aspect-w-16 aspect-h-9 
3268    sm:aspect-w-16 sm:aspect-h-9  
3269    md:aspect-w-16 md:aspect-h-9  
3270    lg:aspect-w-16 lg:aspect-h-9  
3271     
3272 
3273     rounded-none sm:rounded-none lg:rounded-none
3274     " >
3275   
3276   
3277<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
3278
3279   
3280
3281   
3282      
3283      
3284      <picture>
3285    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/241017_Archello_Longlist__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/241017_Archello_Longlist__ScaleWidthWzI0MDBd.jpg.webp 2x">
3286    <img style="background-image: url('/assets/BlogPosts/SingleImages/241017_Archello_Longlist__FillWzEsMV0.jpg.webp');" alt="241017 Archello Longlist" src="/assets/BlogPosts/SingleImages/241017_Archello_Longlist__ScaleWidthWzEyMDBd.jpg.webp" width="3580" height="2479" loading="lazy">
3287  </picture>
3288  
3289      
3290      
3291      
3292     
3293      
3294   
3295   </figure>
3296
3297</div>
3298
3299</div>
3300
3301
3302<!-- This is a button toggling the modal -->
3303
3304
3305
3306
3307 </div>
3308  
3309  <div class="relative" data-filter="#related-filters-" >
3310    
3311    
3312   
3313   
3314
3315<div id="card_2" class="card_317 card grid grid-cols-6 ">
3316<a data-swup-preload aria-label='Go to Double Nomination at LOOP Design Awards 2024' class="blockl
3316ink wholelink"  href="/journal/double-nomination-at-loop-design-awards/"></a>
3317
3318  
3319
3320
3321<article class="card-article relative  flex flex-col   
3322   
3323    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
3324 
3325   
3326    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
3327 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
3328    pt-std pb-none pl-none pr-big
3329sm:pt-std sm:pb-none sm:pl-none sm:pr-big
3330md:pt-std md:pb-none md:pl-none md:pr-big
3331lg:pt-std lg:pb-none lg:pl-none lg:pr-big
3332xl:pt-std xl:pb-none xl:pl-none xl:pr-big
3333
3334"
3335   >
3336  
3337   
3338   
3339    
3340  
3341   
3342
3343<p
3344style="color: var(--0); "  
3345class="Standard ">
3346<a aria-label='Go to Double Nomination at LOOP Design Awards 2024'  href="/journal/double-nomination-at-loop-design-awards/">Double Nomination at LOOP Design Awards 2024</a></p>
3347   
3348   <div class="HeroText_0" style="color: var(--0); ">
3349      
3350      
3351      <br>
3352      
3353      
3354   </div>
3355   
3356   
3357   
3358   
3359</article>
3360
3361
3362<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
3363    
3364 sm: md: lg: xl:  
3365 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
3366    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
3367 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
3368
3369<figure class="overflow-hidden 
3370     object-fit-cover 
3371    aspect-w-16 aspect-h-9 
3372    sm:aspect-w-16 sm:aspect-h-9  
3373    md:aspect-w-16 md:aspect-h-9  
3374    lg:aspect-w-16 lg:aspect-h-9  
3375     
3376 
3377     rounded-none sm:rounded-none lg:rounded-none
3378     " >
3379   
3380   
3381<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
3382
3383   
3384
3385   
3386      
3387      
3388      <picture>
3389    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/240915_LOOP_Shortlist-v2__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/240915_LOOP_Shortlist-v2__ScaleWidthWzI0MDBd.jpg.webp 2x">
3390    <img style="background-image: url('/assets/BlogPosts/SingleImages/240915_LOOP_Shortlist-v2__FillWzEsMV0.jpg.webp');" alt="240915 LOOP Shortlist v2" src="/assets/BlogPosts/SingleImages/240915_LOOP_Shortlist-v2__ScaleWidthWzEyMDBd.jpg.webp" width="3580" height="2479" loading="lazy">
3391  </picture>
3392  
3393      
3394      
3395      
3396     
3397      
3398   
3399   </figure>
3400
3401</div>
3402
3403</div>
3404
3405
3406<!-- This is a button toggling the modal -->
3407
3408
3409
3410
3411 </div>
3412  
3413  <div class="relative" data-filter="#related-filters-" >
3414    
3415    
3416   
3417   
3418
3419<div id="card_2" class="card_316 card grid grid-cols-6 ">
3420<a data-swup-preload aria-label='Go to Highly Commended by British Homes Awards 2024' class="blockl
3420ink wholelink"  href="/journal/highly-commended-by-british-homes-awards/"></a>
3421
3422  
3423
3424
3425<article class="card-article relative  flex flex-col   
3426   
3427    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
3428 
3429   
3430    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
3431 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
3432    pt-std pb-none pl-none pr-big
3433sm:pt-std sm:pb-none sm:pl-none sm:pr-big
3434md:pt-std md:pb-none md:pl-none md:pr-big
3435lg:pt-std lg:pb-none lg:pl-none lg:pr-big
3436xl:pt-std xl:pb-none xl:pl-none xl:pr-big
3437
3438"
3439   >
3440  
3441   
3442   
3443    
3444  
3445   
3446
3447<p
3448style="color: var(--0); "  
3449class="Standard ">
3450<a aria-label='Go to Highly Commended by British Homes Awards 2024'  href="/journal/highly-commended-by-british-homes-awards/">Highly Commended by British Homes Awards 2024</a></p>
3451   
3452   
3453   
3454   
3455</article>
3456
3457
3458<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
3459    
3460 sm: md: lg: xl:  
3461 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
3462    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
3463 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
3464
3465<figure class="overflow-hidden 
3466     object-fit-cover 
3467    aspect-w-16 aspect-h-9 
3468    sm:aspect-w-16 sm:aspect-h-9  
3469    md:aspect-w-16 md:aspect-h-9  
3470    lg:aspect-w-16 lg:aspect-h-9  
3471     
3472 
3473     rounded-none sm:rounded-none lg:rounded-none
3474     " >
3475   
3476   
3477<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
3478
3479   
3480
3481   
3482      
3483      
3484      <picture>
3485    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/240912_BHA_HighCommendation__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/240912_BHA_HighCommendation__ScaleWidthWzI0MDBd.jpg.webp 2x">
3486    <img style="background-image: url('/assets/BlogPosts/SingleImages/240912_BHA_HighCommendation__FillWzEsMV0.jpg.webp');" alt="240912 BHA HighCommendation" src="/assets/BlogPosts/SingleImages/240912_BHA_HighCommendation__ScaleWidthWzEyMDBd.jpg.webp" width="3580" height="2479" loading="lazy">
3487  </picture>
3488  
3489      
3490      
3491      
3492     
3493      
3494   
3495   </figure>
3496
3497</div>
3498
3499</div>
3500
3501
3502<!-- This is a button toggling the modal -->
3503
3504
3505
3506
3507 </div>
3508  
3509  <div class="relative" data-filter="#related-filters-" >
3510    
3511    
3512   
3513   
3514
3515<div id="card_2" class="card_313 card grid grid-cols-6 ">
3516<a data-swup-preload aria-label='Go to Triple shortlist for World of Architecture Festival 2024!' class="blockl
3516ink wholelink"  href="/journal/triple-shortlist-for-world-of-architecture-festival-2024/"></a>
3517
3518  
3519
3520
3521<article class="card-article relative  flex flex-col   
3522   
3523    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
3524 
3525   
3526    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
3527 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
3528    pt-std pb-none pl-none pr-big
3529sm:pt-std sm:pb-none sm:pl-none sm:pr-big
3530md:pt-std md:pb-none md:pl-none md:pr-big
3531lg:pt-std lg:pb-none lg:pl-none lg:pr-big
3532xl:pt-std xl:pb-none xl:pl-none xl:pr-big
3533
3534"
3535   >
3536  
3537   
3538   
3539    
3540  
3541   
3542
3543<p
3544style="color: var(--0); "  
3545class="Standard ">
3546<a aria-label='Go to Triple shortlist for World of Architecture Festival 2024!'  href="/journal/triple-shortlist-for-world-of-architecture-festival-2024/">Triple shortlist for World of Architecture Festival 2024!</a></p>
3547   
3548   <div class="HeroText_0" style="color: var(--0); ">
3549      
3550      
3551      <br>
3552      
3553      
3554   </div>
3555   
3556   
3557   
3558   
3559</article>
3560
3561
3562<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
3563    
3564 sm: md: lg: xl:  
3565 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
3566    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
3567 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
3568
3569<figure class="overflow-hidden 
3570     object-fit-cover 
3571    aspect-w-16 aspect-h-9 
3572    sm:aspect-w-16 sm:aspect-h-9  
3573    md:aspect-w-16 md:aspect-h-9  
3574    lg:aspect-w-16 lg:aspect-h-9  
3575     
3576 
3577     rounded-none sm:rounded-none lg:rounded-none
3578     " >
3579   
3580   
3581<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
3582
3583   
3584
3585   
3586      
3587      
3588      <picture>
3589    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/240708_WAF_Shortlist__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/240708_WAF_Shortlist__ScaleWidthWzI0MDBd.jpg.webp 2x">
3590    <img style="background-image: url('/assets/BlogPosts/SingleImages/240708_WAF_Shortlist__FillWzEsMV0.jpg.webp');" alt="240708 WAF Shortlist" src="/assets/BlogPosts/SingleImages/240708_WAF_Shortlist__ScaleWidthWzEyMDBd.jpg.webp" width="3580" height="2479" loading="lazy">
3591  </picture>
3592  
3593      
3594      
3595      
3596     
3597      
3598   
3599   </figure>
3600
3601</div>
3602
3603</div>
3604
3605
3606<!-- This is a button toggling the modal -->
3607
3608
3609
3610
3611 </div>
3612  
3613  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
3614    
3615    
3616   
3617   
3618
3619<div id="card_2" class="card_312 card grid grid-cols-6 ">
3620<a data-swup-preload aria-label='Go to Ström Architects finalist of Architect of the Year Awards 2024 by Building Design' class="blockl
3620ink wholelink"  href="/journal/stroem-architects-finalist-of-architect-of-the-year-awards-2024-by-building-design/"></a>
3621
3622  
3623
3624
3625<article class="card-article relative  flex flex-col   
3626   
3627    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
3628 
3629   
3630    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
3631 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
3632    pt-std pb-none pl-none pr-big
3633sm:pt-std sm:pb-none sm:pl-none sm:pr-big
3634md:pt-std md:pb-none md:pl-none md:pr-big
3635lg:pt-std lg:pb-none lg:pl-none lg:pr-big
3636xl:pt-std xl:pb-none xl:pl-none xl:pr-big
3637
3638"
3639   >
3640  
3641   
3642   
3643    
3644  
3645   
3646
3647<p
3648style="color: var(--0); "  
3649class="Standard ">
3650<a aria-label='Go to Ström Architects finalist of Architect of the Year Awards 2024 by Building Design'  href="/journal/stroem-architects-finalist-of-architect-of-the-year-awards-2024-by-building-design/">Ström Architects finalist of Architect of the Year Awards 2024 by Building Design</a></p>
3651   
3652   
3653   
3654   
3655</article>
3656
3657
3658<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
3659    
3660 sm: md: lg: xl:  
3661 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
3662    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
3663 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
3664
3665<figure class="overflow-hidden 
3666     object-fit-cover 
3667    aspect-w-16 aspect-h-9 
3668    sm:aspect-w-16 sm:aspect-h-9  
3669    md:aspect-w-16 md:aspect-h-9  
3670    lg:aspect-w-16 lg:aspect-h-9  
3671     
3672 
3673     rounded-none sm:rounded-none lg:rounded-none
3674     " >
3675   
3676   
3677<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
3678
3679   
3680
3681   
3682      
3683      
3684      <picture>
3685    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/240626_BD-AYA_Shortlist__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/240626_BD-AYA_Shortlist__ScaleWidthWzI0MDBd.jpg.webp 2x">
3686    <img style="background-image: url('/assets/BlogPosts/SingleImages/240626_BD-AYA_Shortlist__FillWzEsMV0.jpg.webp');" alt="240626 BD AYA Shortlist" src="/assets/BlogPosts/SingleImages/240626_BD-AYA_Shortlist__ScaleWidthWzEyMDBd.jpg.webp" width="3580" height="1996" loading="lazy">
3687  </picture>
3688  
3689      
3690      
3691      
3692     
3693      
3694   
3695   </figure>
3696
3697</div>
3698
3699</div>
3700
3701
3702<!-- This is a button toggling the modal -->
3703
3704
3705
3706
3707 </div>
3708  
3709  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
3710    
3711    
3712   
3713   
3714
3715<div id="card_2" class="card_311 card grid grid-cols-6 ">
3716<a data-swup-preload aria-label='Go to Meadow House shortlisted on British Homes Awards - House of the Year (over 2,500 sq ft)' class="blockl
3716ink wholelink"  href="/journal/meadow-house-shortlisted-on-british-homes-awards-house-of-the-year-over-2500-sq-ft/"></a>
3717
3718  
3719
3720
3721<article class="card-article relative  flex flex-col   
3722   
3723    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
3724 
3725   
3726    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
3727 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
3728    pt-std pb-none pl-none pr-big
3729sm:pt-std sm:pb-none sm:pl-none sm:pr-big
3730md:pt-std md:pb-none md:pl-none md:pr-big
3731lg:pt-std lg:pb-none lg:pl-none lg:pr-big
3732xl:pt-std xl:pb-none xl:pl-none xl:pr-big
3733
3734"
3735   >
3736  
3737   
3738   
3739    
3740  
3741   
3742
3743<p
3744style="color: var(--0); "  
3745class="Standard ">
3746<a aria-label='Go to Meadow House shortlisted on British Homes Awards - House of the Year (over 2,500 sq ft)'  href="/journal/meadow-house-shortlisted-on-british-homes-awards-house-of-the-year-over-2500-sq-ft/">Meadow House shortlisted on British Homes Awards - House of the Year (over 2,500 sq ft)</a></p>
3747   
3748   <div class="HeroText_0" style="color: var(--0); ">
3749      
3750      
3751      <br>
3752      
3753      
3754   </div>
3755   
3756   
3757   
3758   
3759</article>
3760
3761
3762<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
3763    
3764 sm: md: lg: xl:  
3765 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
3766    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
3767 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
3768
3769<figure class="overflow-hidden 
3770     object-fit-cover 
3771    aspect-w-16 aspect-h-9 
3772    sm:aspect-w-16 sm:aspect-h-9  
3773    md:aspect-w-16 md:aspect-h-9  
3774    lg:aspect-w-16 lg:aspect-h-9  
3775     
3776 
3777     rounded-none sm:rounded-none lg:rounded-none
3778     " >
3779   
3780   
3781<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
3782
3783   
3784
3785   
3786      
3787      
3788      <picture>
3789    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/240626_BHA_Shortlist-v2__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/240626_BHA_Shortlist-v2__ScaleWidthWzI0MDBd.jpg.webp 2x">
3790    <img style="background-image: url('/assets/BlogPosts/SingleImages/240626_BHA_Shortlist-v2__FillWzEsMV0.jpg.webp');" alt="240626 BHA Shortlist v2" src="/assets/BlogPosts/SingleImages/240626_BHA_Shortlist-v2__ScaleWidthWzEyMDBd.jpg.webp" width="3580" height="1996" loading="lazy">
3791  </picture>
3792  
3793      
3794      
3795      
3796     
3797      
3798   
3799   </figure>
3800
3801</div>
3802
3803</div>
3804
3805
3806<!-- This is a button toggling the modal -->
3807
3808
3809
3810
3811 </div>
3812  
3813  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
3814    
3815    
3816   
3817   
3818
3819<div id="card_2" class="card_310 card grid grid-cols-6 ">
3820<a data-swup-preload aria-label='Go to Barcelona House selected as a Winner in Architizer A+Awards 2024!' class="blockl
3820ink wholelink"  href="/journal/barcelona-house-selected/"></a>
3821
3822  
3823
3824
3825<article class="card-article relative  flex flex-col   
3826   
3827    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
3828 
3829   
3830    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
3831 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
3832    pt-std pb-none pl-none pr-big
3833sm:pt-std sm:pb-none sm:pl-none sm:pr-big
3834md:pt-std md:pb-none md:pl-none md:pr-big
3835lg:pt-std lg:pb-none lg:pl-none lg:pr-big
3836xl:pt-std xl:pb-none xl:pl-none xl:pr-big
3837
3838"
3839   >
3840  
3841   
3842   
3843    
3844  
3845   
3846
3847<p
3848style="color: var(--0); "  
3849class="Standard ">
3850<a aria-label='Go to Barcelona House selected as a Winner in Architizer A+Awards 2024!'  href="/journal/barcelona-house-selected/">Barcelona House selected as a Winner in Architizer A+Awards 2024!</a></p>
3851   
3852   <div class="HeroText_0" style="color: var(--0); ">
3853      
3854      
3855      <br>
3856      
3857      
3858   </div>
3859   
3860   
3861   
3862   
3863</article>
3864
3865
3866<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
3867    
3868 sm: md: lg: xl:  
3869 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
3870    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
3871 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
3872
3873<figure class="overflow-hidden 
3874     object-fit-cover 
3875    aspect-w-16 aspect-h-9 
3876    sm:aspect-w-16 sm:aspect-h-9  
3877    md:aspect-w-16 md:aspect-h-9  
3878    lg:aspect-w-16 lg:aspect-h-9  
3879     
3880 
3881     rounded-none sm:rounded-none lg:rounded-none
3882     " >
3883   
3884   
3885<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
3886
3887   
3888
3889   
3890      
3891      
3892      <picture>
3893    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/240603_Architizer_Winner__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/240603_Architizer_Winner__ScaleWidthWzI0MDBd.jpg.webp 2x">
3894    <img style="background-image: url('/assets/BlogPosts/SingleImages/240603_Architizer_Winner__FillWzEsMV0.jpg.webp');" alt="240603 Architizer Winner" src="/assets/BlogPosts/SingleImages/240603_Architizer_Winner__ScaleWidthWzEyMDBd.jpg.webp" width="3580" height="2479" loading="lazy">
3895  </picture>
3896  
3897      
3898      
3899      
3900     
3901      
3902   
3903   </figure>
3904
3905</div>
3906
3907</div>
3908
3909
3910<!-- This is a button toggling the modal -->
3911
3912
3913
3914
3915 </div>
3916  
3917  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_3">
3918    
3919    
3920   
3921   
3922
3923<div id="card_2" class="card_309 card grid grid-cols-6 ">
3924<a data-swup-preload aria-label='Go to 14th Anniversary of Ström Architects' class="blockl
3924ink wholelink"  href="/journal/14th-anniversary-of-stroem-architects/"></a>
3925
3926  
3927
3928
3929<article class="card-article relative  flex flex-col   
3930   
3931    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
3932 
3933   
3934    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
3935 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
3936    pt-std pb-none pl-none pr-big
3937sm:pt-std sm:pb-none sm:pl-none sm:pr-big
3938md:pt-std md:pb-none md:pl-none md:pr-big
3939lg:pt-std lg:pb-none lg:pl-none lg:pr-big
3940xl:pt-std xl:pb-none xl:pl-none xl:pr-big
3941
3942"
3943   >
3944  
3945   
3946   
3947    
3948  
3949   
3950
3951<p
3952style="color: var(--0); "  
3953class="Standard ">
3954<a aria-label='Go to 14th Anniversary of Ström Architects'  href="/journal/14th-anniversary-of-stroem-architects/">14th Anniversary of Ström Architects</a></p>
3955   
3956   <div class="HeroText_0" style="color: var(--0); ">
3957      
3958      
3959      <br>
3960      
3961      
3962   </div>
3963   
3964   
3965   
3966   
3967</article>
3968
3969
3970<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
3971    
3972 sm: md: lg: xl:  
3973 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
3974    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
3975 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
3976
3977<figure class="overflow-hidden 
3978     object-fit-cover 
3979    aspect-w-16 aspect-h-9 
3980    sm:aspect-w-16 sm:aspect-h-9  
3981    md:aspect-w-16 md:aspect-h-9  
3982    lg:aspect-w-16 lg:aspect-h-9  
3983     
3984 
3985     rounded-none sm:rounded-none lg:rounded-none
3986     " >
3987   
3988   
3989<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
3990
3991   
3992
3993   
3994      
3995      
3996      <picture>
3997    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/240517_14thAnniversaryStrom__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/240517_14thAnniversaryStrom__ScaleWidthWzI0MDBd.jpg.webp 2x">
3998    <img style="background-image: url('/assets/BlogPosts/SingleImages/240517_14thAnniversaryStrom__FillWzEsMV0.jpg.webp');" alt="240517 14thAnniversaryStrom" src="/assets/BlogPosts/SingleImages/240517_14thAnniversaryStrom__ScaleWidthWzEyMDBd.jpg.webp" width="3580" height="2479" loading="lazy">
3999  </picture>
4000  
4001      
4002      
4003      
4004     
4005      
4006   
4007   </figure>
4008
4009</div>
4010
4011</div>
4012
4013
4014<!-- This is a button toggling the modal -->
4015
4016
4017
4018
4019 </div>
4020  
4021  <div class="relative" data-filter="#related-filters-" >
4022    
4023    
4024   
4025   
4026
4027<div id="card_2" class="card_307 card grid grid-cols-6 ">
4028<a data-swup-preload aria-label='Go to Barcelona House shortlisted on Architizer A+ Awards 2024' class="blockl
4028ink wholelink"  href="/journal/barcelona-house-shortlisted-on-architizer-a-awards-2024/"></a>
4029
4030  
4031
4032
4033<article class="card-article relative  flex flex-col   
4034   
4035    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
4036 
4037   
4038    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
4039 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
4040    pt-std pb-none pl-none pr-big
4041sm:pt-std sm:pb-none sm:pl-none sm:pr-big
4042md:pt-std md:pb-none md:pl-none md:pr-big
4043lg:pt-std lg:pb-none lg:pl-none lg:pr-big
4044xl:pt-std xl:pb-none xl:pl-none xl:pr-big
4045
4046"
4047   >
4048  
4049   
4050   
4051    
4052  
4053   
4054
4055<p
4056style="color: var(--0); "  
4057class="Standard ">
4058<a aria-label='Go to Barcelona House shortlisted on Architizer A+ Awards 2024'  href="/journal/barcelona-house-shortlisted-on-architizer-a-awards-2024/">Barcelona House shortlisted on Architizer A+ Awards 2024</a></p>
4059   
4060   <div class="HeroText_0" style="color: var(--0); ">
4061      
4062      
4063      <br>
4064      
4065      
4066   </div>
4067   
4068   
4069   
4070   
4071</article>
4072
4073
4074<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
4075    
4076 sm: md: lg: xl:  
4077 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
4078    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
4079 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
4080
4081<figure class="overflow-hidden 
4082     object-fit-cover 
4083    aspect-w-16 aspect-h-9 
4084    sm:aspect-w-16 sm:aspect-h-9  
4085    md:aspect-w-16 md:aspect-h-9  
4086    lg:aspect-w-16 lg:aspect-h-9  
4087     
4088 
4089     rounded-none sm:rounded-none lg:rounded-none
4090     " >
4091   
4092   
4093<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
4094
4095   
4096
4097   
4098      
4099      
4100      <picture>
4101    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/240429_Architizer_Shortlist__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/240429_Architizer_Shortlist__ScaleWidthWzI0MDBd.jpg.webp 2x">
4102    <img style="background-image: url('/assets/BlogPosts/SingleImages/240429_Architizer_Shortlist__FillWzEsMV0.jpg.webp');" alt="240429 Architizer Shortlist" src="/assets/BlogPosts/SingleImages/240429_Architizer_Shortlist__ScaleWidthWzEyMDBd.jpg.webp" width="3580" height="2479" loading="lazy">
4103  </picture>
4104  
4105      
4106      
4107      
4108     
4109      
4110   
4111   </figure>
4112
4113</div>
4114
4115</div>
4116
4117
4118<!-- This is a button toggling the modal -->
4119
4120
4121
4122
4123 </div>
4124  
4125  <div class="relative" data-filter="#related-filters-" >
4126    
4127    
4128   
4129   
4130
4131<div id="card_2" class="card_305 card grid grid-cols-6 ">
4132<a data-swup-preload aria-label='Go to Double shortlist on Archiboo Awards 2024' class="blockl
4132ink wholelink"  href="/journal/double-shortlist-on-archiboo/"></a>
4133
4134  
4135
4136
4137<article class="card-article relative  flex flex-col   
4138   
4139    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
4140 
4141   
4142    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
4143 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
4144    pt-std pb-none pl-none pr-big
4145sm:pt-std sm:pb-none sm:pl-none sm:pr-big
4146md:pt-std md:pb-none md:pl-none md:pr-big
4147lg:pt-std lg:pb-none lg:pl-none lg:pr-big
4148xl:pt-std xl:pb-none xl:pl-none xl:pr-big
4149
4150"
4151   >
4152  
4153   
4154   
4155    
4156  
4157   
4158
4159<p
4160style="color: var(--0); "  
4161class="Standard ">
4162<a aria-label='Go to Double shortlist on Archiboo Awards 2024'  href="/journal/double-shortlist-on-archiboo/">Double shortlist on Archiboo Awards 2024</a></p>
4163   
4164   <div class="HeroText_0" style="color: var(--0); ">
4165      
4166      
4167      <br>
4168      
4169      
4170   </div>
4171   
4172   
4173   
4174   
4175</article>
4176
4177
4178<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
4179    
4180 sm: md: lg: xl:  
4181 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
4182    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
4183 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
4184
4185<figure class="overflow-hidden 
4186     object-fit-cover 
4187    aspect-w-16 aspect-h-9 
4188    sm:aspect-w-16 sm:aspect-h-9  
4189    md:aspect-w-16 md:aspect-h-9  
4190    lg:aspect-w-16 lg:aspect-h-9  
4191     
4192 
4193     rounded-none sm:rounded-none lg:rounded-none
4194     " >
4195   
4196   
4197<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
4198
4199   
4200
4201   
4202      
4203      
4204      <picture>
4205    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/240410_ArchibooShortlists-v2__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/240410_ArchibooShortlists-v2__ScaleWidthWzI0MDBd.jpg.webp 2x">
4206    <img style="background-image: url('/assets/BlogPosts/SingleImages/240410_ArchibooShortlists-v2__FillWzEsMV0.jpg.webp');" alt="240410 ArchibooShortlists v2" src="/assets/BlogPosts/SingleImages/240410_ArchibooShortlists-v2__ScaleWidthWzEyMDBd.jpg.webp" width="3580" height="2479" loading="lazy">
4207  </picture>
4208  
4209      
4210      
4211      
4212     
4213      
4214   
4215   </figure>
4216
4217</div>
4218
4219</div>
4220
4221
4222<!-- This is a button toggling the modal -->
4223
4224
4225
4226
4227 </div>
4228  
4229  <div class="relative" data-filter="#related-filters-" >
4230    
4231    
4232   
4233   
4234
4235<div id="card_2" class="card_274 card grid grid-cols-6 ">
4236<a data-swup-preload aria-label='Go to Meadow House shortlisted for RIBA Awards 2024 ' class="blockl
4236ink wholelink"  href="/journal/meadow-house-shortlisted-for-riba-awards-2024/"></a>
4237
4238  
4239
4240
4241<article class="card-article relative  flex flex-col   
4242   
4243    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
4244 
4245   
4246    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
4247 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
4248    pt-std pb-none pl-none pr-big
4249sm:pt-std sm:pb-none sm:pl-none sm:pr-big
4250md:pt-std md:pb-none md:pl-none md:pr-big
4251lg:pt-std lg:pb-none lg:pl-none lg:pr-big
4252xl:pt-std xl:pb-none xl:pl-none xl:pr-big
4253
4254"
4255   >
4256  
4257   
4258   
4259    
4260  
4261   
4262
4263<p
4264style="color: var(--0); "  
4265class="Standard ">
4266<a aria-label='Go to Meadow House shortlisted for RIBA Awards 2024 '  href="/journal/meadow-house-shortlisted-for-riba-awards-2024/">Meadow House shortlisted for RIBA Awards 2024 </a></p>
4267   
4268   
4269   
4270   
4271</article>
4272
4273
4274<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
4275    
4276 sm: md: lg: xl:  
4277 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
4278    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
4279 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
4280
4281<figure class="overflow-hidden 
4282     object-fit-cover 
4283    aspect-w-16 aspect-h-9 
4284    sm:aspect-w-16 sm:aspect-h-9  
4285    md:aspect-w-16 md:aspect-h-9  
4286    lg:aspect-w-16 lg:aspect-h-9  
4287     
4288 
4289     rounded-none sm:rounded-none lg:rounded-none
4290     " >
4291   
4292   
4293<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
4294
4295   
4296
4297   
4298      
4299      
4300      <picture>
4301    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/240213_RIBA24_Shortlist_Meadow_V2__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/240213_RIBA24_Shortlist_Meadow_V2__ScaleWidthWzI0MDBd.jpg.webp 2x">
4302    <img style="background-image: url('/assets/BlogPosts/SingleImages/240213_RIBA24_Shortlist_Meadow_V2__FillWzEsMV0.jpg.webp');" alt="240213 RIBA24 Shortlist Meadow V2" src="/assets/BlogPosts/SingleImages/240213_RIBA24_Shortlist_Meadow_V2__ScaleWidthWzEyMDBd.jpg.webp" width="3580" height="2479" loading="lazy">
4303  </picture>
4304  
4305      
4306      
4307      
4308     
4309      
4310   
4311   </figure>
4312
4313</div>
4314
4315</div>
4316
4317
4318<!-- This is a button toggling the modal -->
4319
4320
4321
4322
4323 </div>
4324  
4325  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
4326    
4327    
4328   
4329   
4330
4331<div id="card_2" class="card_299 card grid grid-cols-6 ">
4332<a data-swup-preload aria-label='Go to Shortlisted in the Architect of the Year Awards 2023' class="blockl
4332ink wholelink"  href="/journal/shortlisted-in-the-architect-of-the-year-awards-2023/"></a>
4333
4334  
4335
4336
4337<article class="card-article relative  flex flex-col   
4338   
4339    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
4340 
4341   
4342    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
4343 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
4344    pt-std pb-none pl-none pr-big
4345sm:pt-std sm:pb-none sm:pl-none sm:pr-big
4346md:pt-std md:pb-none md:pl-none md:pr-big
4347lg:pt-std lg:pb-none lg:pl-none lg:pr-big
4348xl:pt-std xl:pb-none xl:pl-none xl:pr-big
4349
4350"
4351   >
4352  
4353   
4354   
4355    
4356  
4357   
4358
4359<p
4360style="color: var(--0); "  
4361class="Standard ">
4362<a aria-label='Go to Shortlisted in the Architect of the Year Awards 2023'  href="/journal/shortlisted-in-the-architect-of-the-year-awards-2023/">Shortlisted in the Architect of the Year Awards 2023</a></p>
4363   
4364   <div class="HeroText_0" style="color: var(--0); ">
4365      
4366      
4367      <br>
4368      
4369      
4370   </div>
4371   
4372   
4373   
4374   
4375</article>
4376
4377
4378<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
4379    
4380 sm: md: lg: xl:  
4381 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
4382    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
4383 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
4384
4385<figure class="overflow-hidden 
4386     object-fit-cover 
4387    aspect-w-16 aspect-h-9 
4388    sm:aspect-w-16 sm:aspect-h-9  
4389    md:aspect-w-16 md:aspect-h-9  
4390    lg:aspect-w-16 lg:aspect-h-9  
4391     
4392 
4393     rounded-none sm:rounded-none lg:rounded-none
4394     " >
4395   
4396   
4397<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
4398
4399   
4400
4401   
4402      
4403      
4404      <picture>
4405    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/TripleShortlistBHA_Cover-v2__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/TripleShortlistBHA_Cover-v2__ScaleWidthWzI0MDBd.jpg.webp 2x">
4406    <img style="background-image: url('/assets/BlogPosts/SingleImages/TripleShortlistBHA_Cover-v2__FillWzEsMV0.jpg.webp');" alt="TripleShortlistBHA Cover v2" src="/assets/BlogPosts/SingleImages/TripleShortlistBHA_Cover-v2__ScaleWidthWzEyMDBd.jpg.webp" width="3580" height="2479" loading="lazy">
4407  </picture>
4408  
4409      
4410      
4411      
4412     
4413      
4414   
4415   </figure>
4416
4417</div>
4418
4419</div>
4420
4421
4422<!-- This is a button toggling the modal -->
4423
4424
4425
4426
4427 </div>
4428  
4429  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
4430    
4431    
4432   
4433   
4434
4435<div id="card_2" class="card_297 card grid grid-cols-6 ">
4436<a data-swup-preload aria-label='Go to Podcast: EntreArchitect - The Business Behind the Design of Ström Architects' class="blockl
4436ink wholelink"  href="/journal/podcast/"></a>
4437
4438  
4439
4440
4441<article class="card-article relative  flex flex-col   
4442   
4443    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
4444 
4445   
4446    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
4447 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
4448    pt-std pb-none pl-none pr-big
4449sm:pt-std sm:pb-none sm:pl-none sm:pr-big
4450md:pt-std md:pb-none md:pl-none md:pr-big
4451lg:pt-std lg:pb-none lg:pl-none lg:pr-big
4452xl:pt-std xl:pb-none xl:pl-none xl:pr-big
4453
4454"
4455   >
4456  
4457   
4458   
4459    
4460  
4461   
4462
4463<p
4464style="color: var(--0); "  
4465class="Standard ">
4466<a aria-label='Go to Podcast: EntreArchitect - The Business Behind the Design of Ström Architects'  href="/journal/podcast/">Podcast: EntreArchitect - The Business Behind the Design of Ström Architects</a></p>
4467   
4468   <div class="HeroText_0" style="color: var(--0); ">
4469      
4470      
4471      <br>
4472      
4473      
4474   </div>
4475   
4476   
4477   
4478   
4479</article>
4480
4481
4482<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
4483    
4484 sm: md: lg: xl:  
4485 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
4486    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
4487 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
4488
4489<figure class="overflow-hidden 
4490     object-fit-cover 
4491    aspect-w-16 aspect-h-9 
4492    sm:aspect-w-16 sm:aspect-h-9  
4493    md:aspect-w-16 md:aspect-h-9  
4494    lg:aspect-w-16 lg:aspect-h-9  
4495     
4496 
4497     rounded-none sm:rounded-none lg:rounded-none
4498     " >
4499   
4500   
4501<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
4502
4503   
4504
4505   
4506      
4507      
4508      <picture>
4509    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/EntreArchitectPodcastCover__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/EntreArchitectPodcastCover__ScaleWidthWzI0MDBd.jpg.webp 2x">
4510    <img style="background-image: url('/assets/BlogPosts/SingleImages/EntreArchitectPodcastCover__FillWzEsMV0.jpg.webp');" alt="EntreArchitectPodcastCover" src="/assets/BlogPosts/SingleImages/EntreArchitectPodcastCover__ScaleWidthWzEyMDBd.jpg.webp" width="3580" height="2479" loading="lazy">
4511  </picture>
4512  
4513      
4514      
4515      
4516     
4517      
4518   
4519   </figure>
4520
4521</div>
4522
4523</div>
4524
4525
4526<!-- This is a button toggling the modal -->
4527
4528
4529
4530
4531 </div>
4532  
4533  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
4534    
4535    
4536   
4537   
4538
4539<div id="card_2" class="card_298 card grid grid-cols-6 ">
4540<a data-swup-preload aria-label='Go to Triple Shortlist on the British Homes Awards 2023' class="blockl
4540ink wholelink"  href="/journal/tripe-shortlist-on-the-british-homes-awards-2023/"></a>
4541
4542  
4543
4544
4545<article class="card-article relative  flex flex-col   
4546   
4547    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
4548 
4549   
4550    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
4551 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
4552    pt-std pb-none pl-none pr-big
4553sm:pt-std sm:pb-none sm:pl-none sm:pr-big
4554md:pt-std md:pb-none md:pl-none md:pr-big
4555lg:pt-std lg:pb-none lg:pl-none lg:pr-big
4556xl:pt-std xl:pb-none xl:pl-none xl:pr-big
4557
4558"
4559   >
4560  
4561   
4562   
4563    
4564  
4565   
4566
4567<p
4568style="color: var(--0); "  
4569class="Standard ">
4570<a aria-label='Go to Triple Shortlist on the British Homes Awards 2023'  href="/journal/tripe-shortlist-on-the-british-homes-awards-2023/">Triple Shortlist on the British Homes Awards 2023</a></p>
4571   
4572   <div class="HeroText_0" style="color: var(--0); ">
4573      
4574      
4575      <br>
4576      
4577      
4578   </div>
4579   
4580   
4581   
4582   
4583</article>
4584
4585
4586<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
4587    
4588 sm: md: lg: xl:  
4589 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
4590    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
4591 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
4592
4593<figure class="overflow-hidden 
4594     object-fit-cover 
4595    aspect-w-16 aspect-h-9 
4596    sm:aspect-w-16 sm:aspect-h-9  
4597    md:aspect-w-16 md:aspect-h-9  
4598    lg:aspect-w-16 lg:aspect-h-9  
4599     
4600 
4601     rounded-none sm:rounded-none lg:rounded-none
4602     " >
4603   
4604   
4605<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
4606
4607   
4608
4609   
4610      
4611      
4612      <picture>
4613    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/TripleShortlistBHA_Cover__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/TripleShortlistBHA_Cover__ScaleWidthWzI0MDBd.jpg.webp 2x">
4614    <img style="background-image: url('/assets/BlogPosts/SingleImages/TripleShortlistBHA_Cover__FillWzEsMV0.jpg.webp');" alt="TripleShortlistBHA Cover" src="/assets/BlogPosts/SingleImages/TripleShortlistBHA_Cover__ScaleWidthWzEyMDBd.jpg.webp" width="3580" height="2479" loading="lazy">
4615  </picture>
4616  
4617      
4618      
4619      
4620     
4621      
4622   
4623   </figure>
4624
4625</div>
4626
4627</div>
4628
4629
4630<!-- This is a button toggling the modal -->
4631
4632
4633
4634
4635 </div>
4636  
4637  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
4638    
4639    
4640   
4641   
4642
4643<div id="card_2" class="card_296 card grid grid-cols-6 ">
4644<a data-swup-preload aria-label='Go to Podcast: Ström Architects interviewed on ArchAdemia' class="blockl
4644ink wholelink"  href="/journal/podcast-strom-architects-interviewed-on-archademia/"></a>
4645
4646  
4647
4648
4649<article class="card-article relative  flex flex-col   
4650   
4651    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
4652 
4653   
4654    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
4655 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
4656    pt-std pb-none pl-none pr-big
4657sm:pt-std sm:pb-none sm:pl-none sm:pr-big
4658md:pt-std md:pb-none md:pl-none md:pr-big
4659lg:pt-std lg:pb-none lg:pl-none lg:pr-big
4660xl:pt-std xl:pb-none xl:pl-none xl:pr-big
4661
4662"
4663   >
4664  
4665   
4666   
4667    
4668  
4669   
4670
4671<p
4672style="color: var(--0); "  
4673class="Standard ">
4674<a aria-label='Go to Podcast: Ström Architects interviewed on ArchAdemia'  href="/journal/podcast-strom-architects-interviewed-on-archademia/">Podcast: Ström Architects interviewed on ArchAdemia</a></p>
4675   
4676   <div class="HeroText_0" style="color: var(--0); ">
4677      
4678      
4679      <br>
4680      
4681      
4682   </div>
4683   
4684   
4685   
4686   
4687</article>
4688
4689
4690<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
4691    
4692 sm: md: lg: xl:  
4693 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
4694    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
4695 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
4696
4697<figure class="overflow-hidden 
4698     object-fit-cover 
4699    aspect-w-16 aspect-h-9 
4700    sm:aspect-w-16 sm:aspect-h-9  
4701    md:aspect-w-16 md:aspect-h-9  
4702    lg:aspect-w-16 lg:aspect-h-9  
4703     
4704 
4705     rounded-none sm:rounded-none lg:rounded-none
4706     " >
4707   
4708   
4709<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
4710
4711   
4712
4713   
4714      
4715      
4716      <picture>
4717    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/ArchademiaPodcastCover__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/ArchademiaPodcastCover__ScaleWidthWzI0MDBd.jpg.webp 2x">
4718    <img style="background-image: url('/assets/BlogPosts/SingleImages/ArchademiaPodcastCover__FillWzEsMV0.jpg.webp');" alt="ArchademiaPodcastCover" src="/assets/BlogPosts/SingleImages/ArchademiaPodcastCover__ScaleWidthWzEyMDBd.jpg.webp" width="3580" height="2479" loading="lazy">
4719  </picture>
4720  
4721      
4722      
4723      
4724     
4725      
4726   
4727   </figure>
4728
4729</div>
4730
4731</div>
4732
4733
4734<!-- This is a button toggling the modal -->
4735
4736
4737
4738
4739 </div>
4740  
4741  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_3">
4742    
4743    
4744   
4745   
4746
4747<div id="card_2" class="card_294 card grid grid-cols-6 ">
4748<a data-swup-preload aria-label='Go to Essentialism and the “je ne sais quoi” of buildings' class="blockl
4748ink wholelink"  href="/journal/essentialism-and-the-je-ne-se-quoi-of-buildings/"></a>
4749
4750  
4751
4752
4753<article class="card-article relative  flex flex-col   
4754   
4755    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
4756 
4757   
4758    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
4759 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
4760    pt-std pb-none pl-none pr-big
4761sm:pt-std sm:pb-none sm:pl-none sm:pr-big
4762md:pt-std md:pb-none md:pl-none md:pr-big
4763lg:pt-std lg:pb-none lg:pl-none lg:pr-big
4764xl:pt-std xl:pb-none xl:pl-none xl:pr-big
4765
4766"
4767   >
4768  
4769   
4770   
4771    
4772  
4773   
4774
4775<p
4776style="color: var(--0); "  
4777class="Standard ">
4778<a aria-label='Go to Essentialism and the “je ne sais quoi” of buildings'  href="/journal/essentialism-and-the-je-ne-se-quoi-of-buildings/">Essentialism and the “je ne sais quoi” of buildings</a></p>
4779   
4780   <div class="HeroText_0" style="color: var(--0); ">
4781      
4782      
4783      <br>
4784      
4785      
4786   </div>
4787   
4788   
4789   
4790   
4791</article>
4792
4793
4794<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
4795    
4796 sm: md: lg: xl:  
4797 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
4798    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
4799 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
4800
4801<figure class="overflow-hidden 
4802     object-fit-cover 
4803    aspect-w-16 aspect-h-9 
4804    sm:aspect-w-16 sm:aspect-h-9  
4805    md:aspect-w-16 md:aspect-h-9  
4806    lg:aspect-w-16 lg:aspect-h-9  
4807     
4808 
4809     rounded-none sm:rounded-none lg:rounded-none
4810     " >
4811   
4812   
4813<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
4814
4815   
4816
4817   
4818      
4819      
4820      <picture>
4821    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/StromArchitects_KattegatHouse_I11___ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/StromArchitects_KattegatHouse_I11___ScaleWidthWzI0MDBd.jpg.webp 2x">
4822    <img style="background-image: url('/assets/BlogPosts/SingleImages/StromArchitects_KattegatHouse_I11___FillWzEsMV0.jpg.webp');" alt="StromArchitects KattegatHouse I11 " src="/assets/BlogPosts/SingleImages/StromArchitects_KattegatHouse_I11___ScaleWidthWzEyMDBd.jpg.webp" width="4693" height="2640" loading="lazy">
4823  </picture>
4824  
4825      
4826      
4827      
4828     
4829      
4830   
4831   </figure>
4832
4833</div>
4834
4835</div>
4836
4837
4838<!-- This is a button toggling the modal -->
4839
4840
4841
4842
4843 </div>
4844  
4845  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_3"data-pf="BlogCategory_1">
4846    
4847    
4848   
4849   
4850
4851<div id="card_2" class="card_293 card grid grid-cols-6 ">
4852<a data-swup-preload aria-label='Go to International Women&#039;
4852s Day 2023' class="blocklink wholelink"  href="/journal/internation-womens-day-2023/"></a>
4853
4854  
4855
4856
4857<article class="card-article relative  flex flex-col   
4858   
4859    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
4860 
4861   
4862    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
4863 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
4864    pt-std pb-none pl-none pr-big
4865sm:pt-std sm:pb-none sm:pl-none sm:pr-big
4866md:pt-std md:pb-none md:pl-none md:pr-big
4867lg:pt-std lg:pb-none lg:pl-none lg:pr-big
4868xl:pt-std xl:pb-none xl:pl-none xl:pr-big
4869
4870"
4871   >
4872  
4873   
4874   
4875    
4876  
4877   
4878
4879<p
4880style="color: var(--0); "  
4881class="Standard ">
4882<a aria-label='Go to International Women&#039;s Day 2023'  href="/journal/internation-womens-day-2023/">International Women&#039;s Day 2023</a></p>
4883   
4884   <div class="HeroText_0" style="color: var(--0); ">
4885      
4886      
4887      <br>
4888      
4889      
4890   </div>
4891   
4892   
4893   
4894   
4895</article>
4896
4897
4898<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
4899    
4900 sm: md: lg: xl:  
4901 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
4902    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
4903 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
4904
4905<figure class="overflow-hidden 
4906     object-fit-cover 
4907    aspect-w-16 aspect-h-9 
4908    sm:aspect-w-16 sm:aspect-h-9  
4909    md:aspect-w-16 md:aspect-h-9  
4910    lg:aspect-w-16 lg:aspect-h-9  
4911     
4912 
4913     rounded-none sm:rounded-none lg:rounded-none
4914     " >
4915   
4916   
4917<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
4918
4919   
4920
4921   
4922      
4923      
4924      <picture>
4925    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/IWD2023__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/IWD2023__ScaleWidthWzI0MDBd.jpg.webp 2x">
4926    <img style="background-image: url('/assets/BlogPosts/SingleImages/IWD2023__FillWzEsMV0.jpg.webp');" alt="IWD2023" src="/assets/BlogPosts/SingleImages/IWD2023__ScaleWidthWzEyMDBd.jpg.webp" width="1181" height="906" loading="lazy">
4927  </picture>
4928  
4929      
4930      
4931      
4932     
4933      
4934   
4935   </figure>
4936
4937</div>
4938
4939</div>
4940
4941
4942<!-- This is a button toggling the modal -->
4943
4944
4945
4946
4947 </div>
4948  
4949  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
4950    
4951    
4952   
4953   
4954
4955<div id="card_2" class="card_291 card grid grid-cols-6 ">
4956<a data-swup-preload aria-label='Go to The Pines shortlisted for RIBA South East 2023 Award ' class="blockl
4956ink wholelink"  href="/journal/the-pines-shortlisted-for-riba-awards/"></a>
4957
4958  
4959
4960
4961<article class="card-article relative  flex flex-col   
4962   
4963    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
4964 
4965   
4966    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
4967 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
4968    pt-std pb-none pl-none pr-big
4969sm:pt-std sm:pb-none sm:pl-none sm:pr-big
4970md:pt-std md:pb-none md:pl-none md:pr-big
4971lg:pt-std lg:pb-none lg:pl-none lg:pr-big
4972xl:pt-std xl:pb-none xl:pl-none xl:pr-big
4973
4974"
4975   >
4976  
4977   
4978   
4979    
4980  
4981   
4982
4983<p
4984style="color: var(--0); "  
4985class="Standard ">
4986<a aria-label='Go to The Pines shortlisted for RIBA South East 2023 Award '  href="/journal/the-pines-shortlisted-for-riba-awards/">The Pines shortlisted for RIBA South East 2023 Award </a></p>
4987   
4988   
4989   
4990   
4991</article>
4992
4993
4994<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
4995    
4996 sm: md: lg: xl:  
4997 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
4998    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
4999 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
5000
5001<figure class="overflow-hidden 
5002     object-fit-cover 
5003    aspect-w-16 aspect-h-9 
5004    sm:aspect-w-16 sm:aspect-h-9  
5005    md:aspect-w-16 md:aspect-h-9  
5006    lg:aspect-w-16 lg:aspect-h-9  
5007     
5008 
5009     rounded-none sm:rounded-none lg:rounded-none
5010     " >
5011   
5012   
5013<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
5014
5015   
5016
5017   
5018      
5019      
5020      <picture>
5021    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/RIBA23_ThePines_Shortlisted_WebSize__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/RIBA23_ThePines_Shortlisted_WebSize__ScaleWidthWzI0MDBd.jpg.webp 2x">
5022    <img style="background-image: url('/assets/BlogPosts/SingleImages/RIBA23_ThePines_Shortlisted_WebSize__FillWzEsMV0.jpg.webp');" alt="RIBA23 ThePines Shortlisted WebSize" src="/assets/BlogPosts/SingleImages/RIBA23_ThePines_Shortlisted_WebSize__ScaleWidthWzEyMDBd.jpg.webp" width="2560" height="1400" loading="lazy">
5023  </picture>
5024  
5025      
5026      
5027      
5028     
5029      
5030   
5031   </figure>
5032
5033</div>
5034
5035</div>
5036
5037
5038<!-- This is a button toggling the modal -->
5039
5040
5041
5042
5043 </div>
5044  
5045  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
5046    
5047    
5048   
5049   
5050
5051<div id="card_2" class="card_282 card grid grid-cols-6 ">
5052<a data-swup-preload aria-label='Go to Turtle Tail: new luxury development' class="blockl
5052ink wholelink"  href="/journal/turtle-tail-new-luxury-development/"></a>
5053
5054  
5055
5056
5057<article class="card-article relative  flex flex-col   
5058   
5059    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
5060 
5061   
5062    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
5063 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
5064    pt-std pb-none pl-none pr-big
5065sm:pt-std sm:pb-none sm:pl-none sm:pr-big
5066md:pt-std md:pb-none md:pl-none md:pr-big
5067lg:pt-std lg:pb-none lg:pl-none lg:pr-big
5068xl:pt-std xl:pb-none xl:pl-none xl:pr-big
5069
5070"
5071   >
5072  
5073   
5074   
5075    
5076  
5077   
5078
5079<p
5080style="color: var(--0); "  
5081class="Standard ">
5082<a aria-label='Go to Turtle Tail: new luxury development'  href="/journal/turtle-tail-new-luxury-development/">Turtle Tail: new luxury development</a></p>
5083   
5084   <div class="HeroText_0" style="color: var(--0); ">
5085      
5086      
5087      <br>
5088      
5089      
5090   </div>
5091   
5092   
5093   
5094   
5095</article>
5096
5097
5098<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
5099    
5100 sm: md: lg: xl:  
5101 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
5102    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
5103 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
5104
5105<figure class="overflow-hidden 
5106     object-fit-cover 
5107    aspect-w-16 aspect-h-9 
5108    sm:aspect-w-16 sm:aspect-h-9  
5109    md:aspect-w-16 md:aspect-h-9  
5110    lg:aspect-w-16 lg:aspect-h-9  
5111     
5112 
5113     rounded-none sm:rounded-none lg:rounded-none
5114     " >
5115   
5116   
5117<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
5118
5119   
5120
5121   
5122      
5123      
5124      <picture>
5125    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/Strom-Architects_MagnusStrom_Niva_Interview_Cover-v3__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/Strom-Architects_MagnusStrom_Niva_Interview_Cover-v3__ScaleWidthWzI0MDBd.jpg.webp 2x">
5126    <img style="background-image: url('/assets/BlogPosts/SingleImages/Strom-Architects_MagnusStrom_Niva_Interview_Cover-v3__FillWzEsMV0.jpg.webp');" alt="Strom Architects MagnusStrom Niva Interview Cover v3" src="/assets/BlogPosts/SingleImages/Strom-Architects_MagnusStrom_Niva_Interview_Cover-v3__ScaleWidthWzEyMDBd.jpg.webp" width="2285" height="1570" loading="lazy">
5127  </picture>
5128  
5129      
5130      
5131      
5132     
5133      
5134   
5135   </figure>
5136
5137</div>
5138
5139</div>
5140
5141
5142<!-- This is a button toggling the modal -->
5143
5144
5145
5146
5147 </div>
5148  
5149  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_2">
5150    
5151    
5152   
5153   
5154
5155<div id="card_2" class="card_227 card grid grid-cols-6 ">
5156<a data-swup-preload aria-label='Go to The Importance of an Architectural Brief' class="blockl
5156ink wholelink"  href="/journal/the-importance-of-an-architectural-brief/"></a>
5157
5158  
5159
5160
5161<article class="card-article relative  flex flex-col   
5162   
5163    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
5164 
5165   
5166    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
5167 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
5168    pt-std pb-none pl-none pr-big
5169sm:pt-std sm:pb-none sm:pl-none sm:pr-big
5170md:pt-std md:pb-none md:pl-none md:pr-big
5171lg:pt-std lg:pb-none lg:pl-none lg:pr-big
5172xl:pt-std xl:pb-none xl:pl-none xl:pr-big
5173
5174"
5175   >
5176  
5177   
5178   
5179    
5180  
5181   
5182
5183<p
5184style="color: var(--0); "  
5185class="Standard ">
5186<a aria-label='Go to The Importance of an Architectural Brief'  href="/journal/the-importance-of-an-architectural-brief/">The Importance of an Architectural Brief</a></p>
5187   
5188   <div class="HeroText_0" style="color: var(--0); ">
5189      
5190      
5191      <br>
5192      
5193      
5194   </div>
5195   
5196   
5197   
5198   
5199</article>
5200
5201
5202<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
5203    
5204 sm: md: lg: xl:  
5205 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
5206    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
5207 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
5208
5209<figure class="overflow-hidden 
5210     object-fit-cover 
5211    aspect-w-16 aspect-h-9 
5212    sm:aspect-w-16 sm:aspect-h-9  
5213    md:aspect-w-16 md:aspect-h-9  
5214    lg:aspect-w-16 lg:aspect-h-9  
5215     
5216 
5217     rounded-none sm:rounded-none lg:rounded-none
5218     " >
5219   
5220   
5221<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
5222
5223   
5224
5225   
5226      
5227      
5228      <picture>
5229    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/Strom_Architects_Resource_Brief__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/Strom_Architects_Resource_Brief__ScaleWidthWzI0MDBd.jpg.webp 2x">
5230    <img style="background-image: url('/assets/BlogPosts/SingleImages/Strom_Architects_Resource_Brief__FillWzEsMV0.jpg.webp');" alt="Strom Architects Resource Brief" src="/assets/BlogPosts/SingleImages/Strom_Architects_Resource_Brief__ScaleWidthWzEyMDBd.jpg.webp" width="2000" height="1334" loading="lazy">
5231  </picture>
5232  
5233      
5234      
5235      
5236     
5237      
5238   
5239   </figure>
5240
5241</div>
5242
5243</div>
5244
5245
5246<!-- This is a button toggling the modal -->
5247
5248
5249
5250
5251 </div>
5252  
5253  <div class="relative" data-filter="#related-filters-" >
5254    
5255    
5256   
5257   
5258
5259<div id="card_2" class="card_226 card grid grid-cols-6 ">
5260<a data-swup-preload aria-label='Go to What are our Fees?' class="blockl
5260ink wholelink"  href="/journal/what-are-our-fees/"></a>
5261
5262  
5263
5264
5265<article class="card-article relative  flex flex-col   
5266   
5267    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
5268 
5269   
5270    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
5271 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
5272    pt-std pb-none pl-none pr-big
5273sm:pt-std sm:pb-none sm:pl-none sm:pr-big
5274md:pt-std md:pb-none md:pl-none md:pr-big
5275lg:pt-std lg:pb-none lg:pl-none lg:pr-big
5276xl:pt-std xl:pb-none xl:pl-none xl:pr-big
5277
5278"
5279   >
5280  
5281   
5282   
5283    
5284  
5285   
5286
5287<p
5288style="color: var(--0); "  
5289class="Standard ">
5290<a aria-label='Go to What are our Fees?'  href="/journal/what-are-our-fees/">What are our Fees?</a></p>
5291   
5292   <div class="HeroText_0" style="color: var(--0); ">
5293      
5294      
5295      <br>
5296      
5297      
5298   </div>
5299   
5300   
5301   
5302   
5303</article>
5304
5305
5306<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
5307    
5308 sm: md: lg: xl:  
5309 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
5310    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
5311 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
5312
5313<figure class="overflow-hidden 
5314     object-fit-cover 
5315    aspect-w-16 aspect-h-9 
5316    sm:aspect-w-16 sm:aspect-h-9  
5317    md:aspect-w-16 md:aspect-h-9  
5318    lg:aspect-w-16 lg:aspect-h-9  
5319     
5320 
5321     rounded-none sm:rounded-none lg:rounded-none
5322     " >
5323   
5324   
5325<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
5326
5327   
5328
5329   
5330      
5331      
5332      <picture>
5333    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/Strom_Architects_Resource_Fees__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/Strom_Architects_Resource_Fees__ScaleWidthWzI0MDBd.jpg.webp 2x">
5334    <img style="background-image: url('/assets/BlogPosts/SingleImages/Strom_Architects_Resource_Fees__FillWzEsMV0.jpg.webp');" alt="Strom Architects Resource Fees" src="/assets/BlogPosts/SingleImages/Strom_Architects_Resource_Fees__ScaleWidthWzEyMDBd.jpg.webp" width="7952" height="5304" loading="lazy">
5335  </picture>
5336  
5337      
5338      
5339      
5340     
5341      
5342   
5343   </figure>
5344
5345</div>
5346
5347</div>
5348
5349
5350<!-- This is a button toggling the modal -->
5351
5352
5353
5354
5355 </div>
5356  
5357  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_2">
5358    
5359    
5360   
5361   
5362
5363<div id="card_2" class="card_243 card grid grid-cols-6 ">
5364<a data-swup-preload aria-label='Go to How do you get your house built?' class="blockl
5364ink wholelink"  href="/journal/how-do-you-get-your-house-built/"></a>
5365
5366  
5367
5368
5369<article class="card-article relative  flex flex-col   
5370   
5371    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
5372 
5373   
5374    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
5375 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
5376    pt-std pb-none pl-none pr-big
5377sm:pt-std sm:pb-none sm:pl-none sm:pr-big
5378md:pt-std md:pb-none md:pl-none md:pr-big
5379lg:pt-std lg:pb-none lg:pl-none lg:pr-big
5380xl:pt-std xl:pb-none xl:pl-none xl:pr-big
5381
5382"
5383   >
5384  
5385   
5386   
5387    
5388  
5389   
5390
5391<p
5392style="color: var(--0); "  
5393class="Standard ">
5394<a aria-label='Go to How do you get your house built?'  href="/journal/how-do-you-get-your-house-built/">How do you get your house built?</a></p>
5395   
5396   <div class="HeroText_0" style="color: var(--0); ">
5397      
5398      
5399      <br>
5400      
5401      
5402   </div>
5403   
5404   
5405   
5406   
5407</article>
5408
5409
5410<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
5411    
5412 sm: md: lg: xl:  
5413 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
5414    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
5415 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
5416
5417<figure class="overflow-hidden 
5418     object-fit-cover 
5419    aspect-w-16 aspect-h-9 
5420    sm:aspect-w-16 sm:aspect-h-9  
5421    md:aspect-w-16 md:aspect-h-9  
5422    lg:aspect-w-16 lg:aspect-h-9  
5423     
5424 
5425     rounded-none sm:rounded-none lg:rounded-none
5426     " >
5427   
5428   
5429<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
5430
5431   
5432
5433   
5434      
5435      
5436      <picture>
5437    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/Strom_Architects_Resource_HowToGetYourHouseBuilt__ScaleWidthWzEyMDBd.JPG.webp 1x, /assets/BlogPosts/SingleImages/Strom_Architects_Resource_HowToGetYourHouseBuilt__ScaleWidthWzI0MDBd.JPG.webp 2x">
5438    <img style="background-image: url('/assets/BlogPosts/SingleImages/Strom_Architects_Resource_HowToGetYourHouseBuilt__FillWzEsMV0.JPG.webp');" alt="Strom Architects Resource HowToGetYourHouseBuilt" src="/assets/BlogPosts/SingleImages/Strom_Architects_Resource_HowToGetYourHouseBuilt__ScaleWidthWzEyMDBd.JPG.webp" width="2000" height="1333" loading="lazy">
5439  </picture>
5440  
5441      
5442      
5443      
5444     
5445      
5446   
5447   </figure>
5448
5449</div>
5450
5451</div>
5452
5453
5454<!-- This is a button toggling the modal -->
5455
5456
5457
5458
5459 </div>
5460  
5461  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
5462    
5463    
5464   
5465   
5466
5467<div id="card_2" class="card_276 card grid grid-cols-6 ">
5468<a data-swup-preload aria-label='Go to Shortlisted for International Design &amp;
5468 Architecture Awards 2022' class="blocklink wholelink"  href="/journal/shortlisted-for-international-design-and-architecture-awards-2022/"></a>
5469
5470  
5471
5472
5473<article class="card-article relative  flex flex-col   
5474   
5475    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
5476 
5477   
5478    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
5479 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
5480    pt-std pb-none pl-none pr-big
5481sm:pt-std sm:pb-none sm:pl-none sm:pr-big
5482md:pt-std md:pb-none md:pl-none md:pr-big
5483lg:pt-std lg:pb-none lg:pl-none lg:pr-big
5484xl:pt-std xl:pb-none xl:pl-none xl:pr-big
5485
5486"
5487   >
5488  
5489   
5490   
5491    
5492  
5493   
5494
5495<p
5496style="color: var(--0); "  
5497class="Standard ">
5498<a aria-label='Go to Shortlisted for International Design &amp; Architecture Awards 2022'  href="/journal/shortlisted-for-international-design-and-architecture-awards-2022/">Shortlisted for International Design &amp; Architecture Awards 2022</a></p>
5499   
5500   <div class="HeroText_0" style="color: var(--0); ">
5501      
5502      
5503      <br>
5504      
5505      
5506   </div>
5507   
5508   
5509   
5510   
5511</article>
5512
5513
5514<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
5515    
5516 sm: md: lg: xl:  
5517 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
5518    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
5519 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
5520
5521<figure class="overflow-hidden 
5522     object-fit-cover 
5523    aspect-w-16 aspect-h-9 
5524    sm:aspect-w-16 sm:aspect-h-9  
5525    md:aspect-w-16 md:aspect-h-9  
5526    lg:aspect-w-16 lg:aspect-h-9  
5527     
5528 
5529     rounded-none sm:rounded-none lg:rounded-none
5530     " >
5531   
5532   
5533<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
5534
5535   
5536
5537   
5538      
5539      
5540      <picture>
5541    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/20220906_ShortlistedIDAA_landscape-v2__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/20220906_ShortlistedIDAA_landscape-v2__ScaleWidthWzI0MDBd.jpg.webp 2x">
5542    <img style="background-image: url('/assets/BlogPosts/SingleImages/20220906_ShortlistedIDAA_landscape-v2__FillWzEsMV0.jpg.webp');" alt="20220906 ShortlistedIDAA landscape v2" src="/assets/BlogPosts/SingleImages/20220906_ShortlistedIDAA_landscape-v2__ScaleWidthWzEyMDBd.jpg.webp" width="2560" height="1400" loading="lazy">
5543  </picture>
5544  
5545      
5546      
5547      
5548     
5549      
5550   
5551   </figure>
5552
5553</div>
5554
5555</div>
5556
5557
5558<!-- This is a button toggling the modal -->
5559
5560
5561
5562
5563 </div>
5564  
5565  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
5566    
5567    
5568   
5569   
5570
5571<div id="card_2" class="card_273 card grid grid-cols-6 ">
5572<a data-swup-preload aria-label='Go to Strom Team Trip to Barcelona' class="blockl
5572ink wholelink"  href="/journal/strom-trip-to-barcelona/"></a>
5573
5574  
5575
5576
5577<article class="card-article relative  flex flex-col   
5578   
5579    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
5580 
5581   
5582    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
5583 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
5584    pt-std pb-none pl-none pr-big
5585sm:pt-std sm:pb-none sm:pl-none sm:pr-big
5586md:pt-std md:pb-none md:pl-none md:pr-big
5587lg:pt-std lg:pb-none lg:pl-none lg:pr-big
5588xl:pt-std xl:pb-none xl:pl-none xl:pr-big
5589
5590"
5591   >
5592  
5593   
5594   
5595    
5596  
5597   
5598
5599<p
5600style="color: var(--0); "  
5601class="Standard ">
5602<a aria-label='Go to Strom Team Trip to Barcelona'  href="/journal/strom-trip-to-barcelona/">Strom Team Trip to Barcelona</a></p>
5603   
5604   
5605   
5606   
5607</article>
5608
5609
5610<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
5611    
5612 sm: md: lg: xl:  
5613 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
5614    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
5615 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
5616
5617<figure class="overflow-hidden 
5618     object-fit-cover 
5619    aspect-w-16 aspect-h-9 
5620    sm:aspect-w-16 sm:aspect-h-9  
5621    md:aspect-w-16 md:aspect-h-9  
5622    lg:aspect-w-16 lg:aspect-h-9  
5623     
5624 
5625     rounded-none sm:rounded-none lg:rounded-none
5626     " >
5627   
5628   
5629<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
5630
5631   
5632
5633   
5634      
5635      
5636      <picture>
5637    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/TeamStrom_BarcelonaPavilion__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/TeamStrom_BarcelonaPavilion__ScaleWidthWzI0MDBd.jpg.webp 2x">
5638    <img style="background-image: url('/assets/BlogPosts/SingleImages/TeamStrom_BarcelonaPavilion__FillWzEsMV0.jpg.webp');" alt="TeamStrom BarcelonaPavilion" src="/assets/BlogPosts/SingleImages/TeamStrom_BarcelonaPavilion__ScaleWidthWzEyMDBd.jpg.webp" width="2560" height="1400" loading="lazy">
5639  </picture>
5640  
5641      
5642      
5643      
5644     
5645      
5646   
5647   </figure>
5648
5649</div>
5650
5651</div>
5652
5653
5654<!-- This is a button toggling the modal -->
5655
5656
5657
5658
5659 </div>
5660  
5661  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_3"data-pf="BlogCategory_1">
5662    
5663    
5664   
5665   
5666
5667<div id="card_2" class="card_266 card grid grid-cols-6 ">
5668<a data-swup-preload aria-label='Go to International Women&#039;
5668s Day 2022' class="blocklink wholelink"  href="/journal/international-womens-day-2022/"></a>
5669
5670  
5671
5672
5673<article class="card-article relative  flex flex-col   
5674   
5675    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
5676 
5677   
5678    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
5679 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
5680    pt-std pb-none pl-none pr-big
5681sm:pt-std sm:pb-none sm:pl-none sm:pr-big
5682md:pt-std md:pb-none md:pl-none md:pr-big
5683lg:pt-std lg:pb-none lg:pl-none lg:pr-big
5684xl:pt-std xl:pb-none xl:pl-none xl:pr-big
5685
5686"
5687   >
5688  
5689   
5690   
5691    
5692  
5693   
5694
5695<p
5696style="color: var(--0); "  
5697class="Standard ">
5698<a aria-label='Go to International Women&#039;s Day 2022'  href="/journal/international-womens-day-2022/">International Women&#039;s Day 2022</a></p>
5699   
5700   <div class="HeroText_0" style="color: var(--0); ">
5701      
5702      
5703      <br>
5704      
5705      
5706   </div>
5707   
5708   
5709   
5710   
5711</article>
5712
5713
5714<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
5715    
5716 sm: md: lg: xl:  
5717 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
5718    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
5719 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
5720
5721<figure class="overflow-hidden 
5722     object-fit-cover 
5723    aspect-w-16 aspect-h-9 
5724    sm:aspect-w-16 sm:aspect-h-9  
5725    md:aspect-w-16 md:aspect-h-9  
5726    lg:aspect-w-16 lg:aspect-h-9  
5727     
5728 
5729     rounded-none sm:rounded-none lg:rounded-none
5730     " >
5731   
5732   
5733<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
5734
5735   
5736
5737   
5738      
5739      
5740      <picture>
5741    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/StromArchitects_InternationalWomensDay__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/StromArchitects_InternationalWomensDay__ScaleWidthWzI0MDBd.jpg.webp 2x">
5742    <img style="background-image: url('/assets/BlogPosts/SingleImages/StromArchitects_InternationalWomensDay__FillWzEsMV0.jpg.webp');" alt="StromArchitects InternationalWomensDay" src="/assets/BlogPosts/SingleImages/StromArchitects_InternationalWomensDay__ScaleWidthWzEyMDBd.jpg.webp" width="1300" height="760" loading="lazy">
5743  </picture>
5744  
5745      
5746      
5747      
5748     
5749      
5750   
5751   </figure>
5752
5753</div>
5754
5755</div>
5756
5757
5758<!-- This is a button toggling the modal -->
5759
5760
5761
5762
5763 </div>
5764  
5765  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_2">
5766    
5767    
5768   
5769   
5770
5771<div id="card_2" class="card_242 card grid grid-cols-6 ">
5772<a data-swup-preload aria-label='Go to Eco-Friendly Houses' class="blockl
5772ink wholelink"  href="/journal/eco-friendly-houses/"></a>
5773
5774  
5775
5776
5777<article class="card-article relative  flex flex-col   
5778   
5779    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
5780 
5781   
5782    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
5783 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
5784    pt-std pb-none pl-none pr-big
5785sm:pt-std sm:pb-none sm:pl-none sm:pr-big
5786md:pt-std md:pb-none md:pl-none md:pr-big
5787lg:pt-std lg:pb-none lg:pl-none lg:pr-big
5788xl:pt-std xl:pb-none xl:pl-none xl:pr-big
5789
5790"
5791   >
5792  
5793   
5794   
5795    
5796  
5797   
5798
5799<p
5800style="color: var(--0); "  
5801class="Standard ">
5802<a aria-label='Go to Eco-Friendly Houses'  href="/journal/eco-friendly-houses/">Eco-Friendly Houses</a></p>
5803   
5804   <div class="HeroText_0" style="color: var(--0); ">
5805      
5806      
5807      <br>
5808      
5809      
5810   </div>
5811   
5812   
5813   
5814   
5815</article>
5816
5817
5818<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
5819    
5820 sm: md: lg: xl:  
5821 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
5822    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
5823 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
5824
5825<figure class="overflow-hidden 
5826     object-fit-cover 
5827    aspect-w-16 aspect-h-9 
5828    sm:aspect-w-16 sm:aspect-h-9  
5829    md:aspect-w-16 md:aspect-h-9  
5830    lg:aspect-w-16 lg:aspect-h-9  
5831     
5832 
5833     rounded-none sm:rounded-none lg:rounded-none
5834     " >
5835   
5836   
5837<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
5838
5839   
5840
5841   
5842      
5843      
5844      <picture>
5845    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/StromArchitects_MeadowHouse_01_ScaleWidthWzk1MF0__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/StromArchitects_MeadowHouse_01_ScaleWidthWzk1MF0__ScaleWidthWzI0MDBd.jpg.webp 2x">
5846    <img style="background-image: url('/assets/BlogPosts/SingleImages/StromArchitects_MeadowHouse_01_ScaleWidthWzk1MF0__FillWzEsMV0.jpg.webp');" alt="StromArchitects MeadowHouse 01 ScaleWidthWzk1MF0" src="/assets/BlogPosts/SingleImages/StromArchitects_MeadowHouse_01_ScaleWidthWzk1MF0__ScaleWidthWzEyMDBd.jpg.webp" width="950" height="534" loading="lazy">
5847  </picture>
5848  
5849      
5850      
5851      
5852     
5853      
5854   
5855   </figure>
5856
5857</div>
5858
5859</div>
5860
5861
5862<!-- This is a button toggling the modal -->
5863
5864
5865
5866
5867 </div>
5868  
5869  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
5870    
5871    
5872   
5873   
5874
5875<div id="card_2" class="card_237 card grid grid-cols-6 ">
5876<a data-swup-preload aria-label='Go to Ström Architects: A 10th Anniversary Retrospective' class="blockl
5876ink wholelink"  href="/journal/strom-architects-a-10th-anniversary-retrospective/"></a>
5877
5878  
5879
5880
5881<article class="card-article relative  flex flex-col   
5882   
5883    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
5884 
5885   
5886    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
5887 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
5888    pt-std pb-none pl-none pr-big
5889sm:pt-std sm:pb-none sm:pl-none sm:pr-big
5890md:pt-std md:pb-none md:pl-none md:pr-big
5891lg:pt-std lg:pb-none lg:pl-none lg:pr-big
5892xl:pt-std xl:pb-none xl:pl-none xl:pr-big
5893
5894"
5895   >
5896  
5897   
5898   
5899    
5900  
5901   
5902
5903<p
5904style="color: var(--0); "  
5905class="Standard ">
5906<a aria-label='Go to Ström Architects: A 10th Anniversary Retrospective'  href="/journal/strom-architects-a-10th-anniversary-retrospective/">Ström Architects: A 10th Anniversary Retrospective</a></p>
5907   
5908   <div class="HeroText_0" style="color: var(--0); ">
5909      
5910      
5911      <br>
5912      
5913      
5914   </div>
5915   
5916   
5917   
5918   
5919</article>
5920
5921
5922<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
5923    
5924 sm: md: lg: xl:  
5925 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
5926    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
5927 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
5928
5929<figure class="overflow-hidden 
5930     object-fit-cover 
5931    aspect-w-16 aspect-h-9 
5932    sm:aspect-w-16 sm:aspect-h-9  
5933    md:aspect-w-16 md:aspect-h-9  
5934    lg:aspect-w-16 lg:aspect-h-9  
5935     
5936 
5937     rounded-none sm:rounded-none lg:rounded-none
5938     " >
5939   
5940   
5941<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
5942
5943   
5944
5945   
5946      
5947      
5948      <picture>
5949    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/Strom-Architects_Superhouse__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/Strom-Architects_Superhouse__ScaleWidthWzI0MDBd.jpg.webp 2x">
5950    <img style="background-image: url('/assets/BlogPosts/SingleImages/Strom-Architects_Superhouse__FillWzEsMV0.jpg.webp');" alt="Strom Architects Superhouse" src="/assets/BlogPosts/SingleImages/Strom-Architects_Superhouse__ScaleWidthWzEyMDBd.jpg.webp" width="1300" height="760" loading="lazy">
5951  </picture>
5952  
5953      
5954      
5955      
5956     
5957      
5958   
5959   </figure>
5960
5961</div>
5962
5963</div>
5964
5965
5966<!-- This is a button toggling the modal -->
5967
5968
5969
5970
5971 </div>
5972  
5973  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_3">
5974    
5975    
5976   
5977   
5978
5979<div id="card_2" class="card_241 card grid grid-cols-6 ">
5980<a data-swup-preload aria-label='Go to 10 of the best 20c houses' class="blockl
5980ink wholelink"  href="/journal/10-of-the-best-20c-houses/"></a>
5981
5982  
5983
5984
5985<article class="card-article relative  flex flex-col   
5986   
5987    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
5988 
5989   
5990    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
5991 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
5992    pt-std pb-none pl-none pr-big
5993sm:pt-std sm:pb-none sm:pl-none sm:pr-big
5994md:pt-std md:pb-none md:pl-none md:pr-big
5995lg:pt-std lg:pb-none lg:pl-none lg:pr-big
5996xl:pt-std xl:pb-none xl:pl-none xl:pr-big
5997
5998"
5999   >
6000  
6001   
6002   
6003    
6004  
6005   
6006
6007<p
6008style="color: var(--0); "  
6009class="Standard ">
6010<a aria-label='Go to 10 of the best 20c houses'  href="/journal/10-of-the-best-20c-houses/">10 of the best 20c houses</a></p>
6011   
6012   
6013   
6014   
6015</article>
6016
6017
6018<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
6019    
6020 sm: md: lg: xl:  
6021 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
6022    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
6023 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
6024
6025<figure class="overflow-hidden 
6026     object-fit-cover 
6027    aspect-w-16 aspect-h-9 
6028    sm:aspect-w-16 sm:aspect-h-9  
6029    md:aspect-w-16 md:aspect-h-9  
6030    lg:aspect-w-16 lg:aspect-h-9  
6031     
6032 
6033     rounded-none sm:rounded-none lg:rounded-none
6034     " >
6035   
6036   
6037<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
6038
6039   
6040
6041   
6042      
6043         
6044         <picture>
6045    <source media="(min-width: 800px)" srcset="/assets/HolderImages/8_Stahl_House_2-v3__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/HolderImages/8_Stahl_House_2-v3__ScaleWidthWzI0MDBd.jpg.webp 2x">
6046    <img style="background-image: url('/assets/HolderImages/8_Stahl_House_2-v3__FillWzEsMV0.jpg.webp');" alt="8 Stahl House 2 v3" src="/assets/HolderImages/8_Stahl_House_2-v3__ScaleWidthWzEyMDBd.jpg.webp" width="1280" height="768" loading="lazy">
6047  </picture>
6048  
6049         
6050      
6051      
6052     
6053      
6054   
6055   </figure>
6056
6057</div>
6058
6059</div>
6060
6061
6062<!-- This is a button toggling the modal -->
6063
6064
6065
6066
6067 </div>
6068  
6069  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_3">
6070    
6071    
6072   
6073   
6074
6075<div id="card_2" class="card_240 card grid grid-cols-6 ">
6076<a data-swup-preload aria-label='Go to Brazilian modern houses' class="blockl
6076ink wholelink"  href="/journal/brazilian-modern-houses/"></a>
6077
6078  
6079
6080
6081<article class="card-article relative  flex flex-col   
6082   
6083    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
6084 
6085   
6086    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
6087 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
6088    pt-std pb-none pl-none pr-big
6089sm:pt-std sm:pb-none sm:pl-none sm:pr-big
6090md:pt-std md:pb-none md:pl-none md:pr-big
6091lg:pt-std lg:pb-none lg:pl-none lg:pr-big
6092xl:pt-std xl:pb-none xl:pl-none xl:pr-big
6093
6094"
6095   >
6096  
6097   
6098   
6099    
6100  
6101   
6102
6103<p
6104style="color: var(--0); "  
6105class="Standard ">
6106<a aria-label='Go to Brazilian modern houses'  href="/journal/brazilian-modern-houses/">Brazilian modern houses</a></p>
6107   
6108   <div class="HeroText_0" style="color: var(--0); ">
6109      
6110      
6111      <br>
6112      
6113      
6114   </div>
6115   
6116   
6117   
6118   
6119</article>
6120
6121
6122<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
6123    
6124 sm: md: lg: xl:  
6125 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
6126    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
6127 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
6128
6129<figure class="overflow-hidden 
6130     object-fit-cover 
6131    aspect-w-16 aspect-h-9 
6132    sm:aspect-w-16 sm:aspect-h-9  
6133    md:aspect-w-16 md:aspect-h-9  
6134    lg:aspect-w-16 lg:aspect-h-9  
6135     
6136 
6137     rounded-none sm:rounded-none lg:rounded-none
6138     " >
6139   
6140   
6141<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
6142
6143   
6144
6145   
6146      
6147      
6148      <picture>
6149    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/MK27_Paraty_House__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/MK27_Paraty_House__ScaleWidthWzI0MDBd.jpg.webp 2x">
6150    <img style="background-image: url('/assets/BlogPosts/SingleImages/MK27_Paraty_House__FillWzEsMV0.jpg.webp');" alt="MK27 Paraty House" src="/assets/BlogPosts/SingleImages/MK27_Paraty_House__ScaleWidthWzEyMDBd.jpg.webp" width="2400" height="1350" loading="lazy">
6151  </picture>
6152  
6153      
6154      
6155      
6156     
6157      
6158   
6159   </figure>
6160
6161</div>
6162
6163</div>
6164
6165
6166<!-- This is a button toggling the modal -->
6167
6168
6169
6170
6171 </div>
6172  
6173  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
6174    
6175    
6176   
6177   
6178
6179<div id="card_2" class="card_244 card grid grid-cols-6 ">
6180<a data-swup-preload aria-label='Go to The Business of Architecture UK Podcast' class="blockl
6180ink wholelink"  href="/journal/the-business-of-architecture-uk-podcast/"></a>
6181
6182  
6183
6184
6185<article class="card-article relative  flex flex-col   
6186   
6187    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
6188 
6189   
6190    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
6191 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
6192    pt-std pb-none pl-none pr-big
6193sm:pt-std sm:pb-none sm:pl-none sm:pr-big
6194md:pt-std md:pb-none md:pl-none md:pr-big
6195lg:pt-std lg:pb-none lg:pl-none lg:pr-big
6196xl:pt-std xl:pb-none xl:pl-none xl:pr-big
6197
6198"
6199   >
6200  
6201   
6202   
6203    
6204  
6205   
6206
6207<p
6208style="color: var(--0); "  
6209class="Standard ">
6210<a aria-label='Go to The Business of Architecture UK Podcast'  href="/journal/the-business-of-architecture-uk-podcast/">The Business of Architecture UK Podcast</a></p>
6211   
6212   <div class="HeroText_0" style="color: var(--0); ">
6213      
6214      
6215      <br>
6216      
6217      
6218   </div>
6219   
6220   
6221   
6222   
6223</article>
6224
6225
6226<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
6227    
6228 sm: md: lg: xl:  
6229 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
6230    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
6231 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
6232
6233<figure class="overflow-hidden 
6234     object-fit-cover 
6235    aspect-w-16 aspect-h-9 
6236    sm:aspect-w-16 sm:aspect-h-9  
6237    md:aspect-w-16 md:aspect-h-9  
6238    lg:aspect-w-16 lg:aspect-h-9  
6239     
6240 
6241     rounded-none sm:rounded-none lg:rounded-none
6242     " >
6243   
6244   
6245<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
6246
6247   
6248
6249   
6250      
6251         
6252         <picture>
6253    <source media="(min-width: 800px)" srcset="/assets/HolderImages/the-Business-of-Architecture-Podcast-Jan2020_ScaleWidthWzE5MDBd__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/HolderImages/the-Business-of-Architecture-Podcast-Jan2020_ScaleWidthWzE5MDBd__ScaleWidthWzI0MDBd.jpg.webp 2x">
6254    <img style="background-image: url('/assets/HolderImages/the-Business-of-Architecture-Podcast-Jan2020_ScaleWidthWzE5MDBd__FillWzEsMV0.jpg.webp');" alt="the Business of Architecture Podcast Jan2020 ScaleWidthWzE5MDBd" src="/assets/HolderImages/the-Business-of-Architecture-Podcast-Jan2020_ScaleWidthWzE5MDBd__ScaleWidthWzEyMDBd.jpg.webp" width="1900" height="1110" loading="lazy">
6255  </picture>
6256  
6257         
6258      
6259      
6260     
6261      
6262   
6263   </figure>
6264
6265</div>
6266
6267</div>
6268
6269
6270<!-- This is a button toggling the modal -->
6271
6272
6273
6274
6275 </div>
6276  
6277  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_3">
6278    
6279    
6280   
6281   
6282
6283<div id="card_2" class="card_239 card grid grid-cols-6 ">
6284<a data-swup-preload aria-label='Go to Finding Inspiration – Looking at Yachts' class="blockl
6284ink wholelink"  href="/journal/finding-inspiration-looking-at-yachts/"></a>
6285
6286  
6287
6288
6289<article class="card-article relative  flex flex-col   
6290   
6291    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
6292 
6293   
6294    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
6295 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
6296    pt-std pb-none pl-none pr-big
6297sm:pt-std sm:pb-none sm:pl-none sm:pr-big
6298md:pt-std md:pb-none md:pl-none md:pr-big
6299lg:pt-std lg:pb-none lg:pl-none lg:pr-big
6300xl:pt-std xl:pb-none xl:pl-none xl:pr-big
6301
6302"
6303   >
6304  
6305   
6306   
6307    
6308  
6309   
6310
6311<p
6312style="color: var(--0); "  
6313class="Standard ">
6314<a aria-label='Go to Finding Inspiration – Looking at Yachts'  href="/journal/finding-inspiration-looking-at-yachts/">Finding Inspiration – Looking at Yachts</a></p>
6315   
6316   <div class="HeroText_0" style="color: var(--0); ">
6317      
6318      
6319      <br>
6320      
6321      
6322   </div>
6323   
6324   
6325   
6326   
6327</article>
6328
6329
6330<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
6331    
6332 sm: md: lg: xl:  
6333 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
6334    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
6335 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
6336
6337<figure class="overflow-hidden 
6338     object-fit-cover 
6339    aspect-w-16 aspect-h-9 
6340    sm:aspect-w-16 sm:aspect-h-9  
6341    md:aspect-w-16 md:aspect-h-9  
6342    lg:aspect-w-16 lg:aspect-h-9  
6343     
6344 
6345     rounded-none sm:rounded-none lg:rounded-none
6346     " >
6347   
6348   
6349<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
6350
6351   
6352
6353   
6354      
6355      
6356      <picture>
6357    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/Galatea_Wally__ScaleWidthWzEyMDBd.jpeg.webp 1x, /assets/BlogPosts/SingleImages/Galatea_Wally__ScaleWidthWzI0MDBd.jpeg.webp 2x">
6358    <img style="background-image: url('/assets/BlogPosts/SingleImages/Galatea_Wally__FillWzEsMV0.jpeg.webp');" alt="Galatea Wally" src="/assets/BlogPosts/SingleImages/Galatea_Wally__ScaleWidthWzEyMDBd.jpeg.webp" width="1900" height="1101" loading="lazy">
6359  </picture>
6360  
6361      
6362      
6363      
6364     
6365      
6366   
6367   </figure>
6368
6369</div>
6370
6371</div>
6372
6373
6374<!-- This is a button toggling the modal -->
6375
6376
6377
6378
6379 </div>
6380  
6381  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
6382    
6383    
6384   
6385   
6386
6387<div id="card_2" class="card_211 card grid grid-cols-6 ">
6388<a data-swup-preload aria-label='Go to Stockholm Office Trip' class="blockl
6388ink wholelink"  href="/journal/stockholm-office-trip/"></a>
6389
6390  
6391
6392
6393<article class="card-article relative  flex flex-col   
6394   
6395    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
6396 
6397   
6398    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
6399 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
6400    pt-std pb-none pl-none pr-big
6401sm:pt-std sm:pb-none sm:pl-none sm:pr-big
6402md:pt-std md:pb-none md:pl-none md:pr-big
6403lg:pt-std lg:pb-none lg:pl-none lg:pr-big
6404xl:pt-std xl:pb-none xl:pl-none xl:pr-big
6405
6406"
6407   >
6408  
6409   
6410   
6411    
6412  
6413   
6414
6415<p
6416style="color: var(--0); "  
6417class="Standard ">
6418<a aria-label='Go to Stockholm Office Trip'  href="/journal/stockholm-office-trip/">Stockholm Office Trip</a></p>
6419   
6420   <div class="HeroText_0" style="color: var(--0); ">
6421      
6422      
6423      <br>
6424      
6425      
6426   </div>
6427   
6428   
6429   
6430   
6431</article>
6432
6433
6434<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
6435    
6436 sm: md: lg: xl:  
6437 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
6438    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
6439 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
6440
6441<figure class="overflow-hidden 
6442     object-fit-cover 
6443    aspect-w-16 aspect-h-9 
6444    sm:aspect-w-16 sm:aspect-h-9  
6445    md:aspect-w-16 md:aspect-h-9  
6446    lg:aspect-w-16 lg:aspect-h-9  
6447     
6448 
6449     rounded-none sm:rounded-none lg:rounded-none
6450     " >
6451   
6452   
6453<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
6454
6455   
6456
6457   
6458      
6459      
6460      <picture>
6461    <source media="(min-width: 800px)" srcset="/assets/BlogPosts/SingleImages/Strom-Architects-Stockholm-01-v3_ScaleWidthWzk1MF0__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/BlogPosts/SingleImages/Strom-Architects-Stockholm-01-v3_ScaleWidthWzk1MF0__ScaleWidthWzI0MDBd.jpg.webp 2x">
6462    <img style="background-image: url('/assets/BlogPosts/SingleImages/Strom-Architects-Stockholm-01-v3_ScaleWidthWzk1MF0__FillWzEsMV0.jpg.webp');" alt="Strom Architects Stockholm 01 v3 ScaleWidthWzk1MF0" src="/assets/BlogPosts/SingleImages/Strom-Architects-Stockholm-01-v3_ScaleWidthWzk1MF0__ScaleWidthWzEyMDBd.jpg.webp" width="950" height="749" loading="lazy">
6463  </picture>
6464  
6465      
6466      
6467      
6468     
6469      
6470   
6471   </figure>
6472
6473</div>
6474
6475</div>
6476
6477
6478<!-- This is a button toggling the modal -->
6479
6480
6481
6482
6483 </div>
6484  
6485  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
6486    
6487    
6488   
6489   
6490
6491<div id="card_2" class="card_203 card grid grid-cols-6 ">
6492<a data-swup-preload aria-label='Go to Completed Project and A Visit From Kevin McCloud' class="blockl
6492ink wholelink"  href="/journal/completed-project-and-a-visit-from-kevin/"></a>
6493
6494  
6495
6496
6497<article class="card-article relative  flex flex-col   
6498   
6499    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
6500 
6501   
6502    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
6503 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
6504    pt-std pb-none pl-none pr-big
6505sm:pt-std sm:pb-none sm:pl-none sm:pr-big
6506md:pt-std md:pb-none md:pl-none md:pr-big
6507lg:pt-std lg:pb-none lg:pl-none lg:pr-big
6508xl:pt-std xl:pb-none xl:pl-none xl:pr-big
6509
6510"
6511   >
6512  
6513   
6514   
6515    
6516  
6517   
6518
6519<p
6520style="color: var(--0); "  
6521class="Standard ">
6522<a aria-label='Go to Completed Project and A Visit From Kevin McCloud'  href="/journal/completed-project-and-a-visit-from-kevin/">Completed Project and A Visit From Kevin McCloud</a></p>
6523   
6524   <div class="HeroText_0" style="color: var(--0); ">
6525      
6526      
6527      <br>
6528      
6529      
6530   </div>
6531   
6532   
6533   
6534   
6535</article>
6536
6537
6538<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
6539    
6540 sm: md: lg: xl:  
6541 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
6542    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
6543 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
6544
6545<figure class="overflow-hidden 
6546     object-fit-cover 
6547    aspect-w-16 aspect-h-9 
6548    sm:aspect-w-16 sm:aspect-h-9  
6549    md:aspect-w-16 md:aspect-h-9  
6550    lg:aspect-w-16 lg:aspect-h-9  
6551     
6552 
6553     rounded-none sm:rounded-none lg:rounded-none
6554     " >
6555   
6556   
6557<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
6558
6559   
6560
6561   
6562      
6563         
6564         <picture>
6565    <source media="(min-width: 800px)" srcset="/assets/HolderImages/StromArchitects-Greensleeves-Header_ScaleWidthWzE5MDBd-v2__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/HolderImages/StromArchitects-Greensleeves-Header_ScaleWidthWzE5MDBd-v2__ScaleWidthWzI0MDBd.jpg.webp 2x">
6566    <img style="background-image: url('/assets/HolderImages/StromArchitects-Greensleeves-Header_ScaleWidthWzE5MDBd-v2__FillWzEsMV0.jpg.webp');" alt="StromArchitects Greensleeves Header ScaleWidthWzE5MDBd v2" src="/assets/HolderImages/StromArchitects-Greensleeves-Header_ScaleWidthWzE5MDBd-v2__ScaleWidthWzEyMDBd.jpg.webp" width="1300" height="777" loading="lazy">
6567  </picture>
6568  
6569         
6570      
6571      
6572     
6573      
6574   
6575   </figure>
6576
6577</div>
6578
6579</div>
6580
6581
6582<!-- This is a button toggling the modal -->
6583
6584
6585
6586
6587 </div>
6588  
6589  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
6590    
6591    
6592   
6593   
6594
6595<div id="card_2" class="card_177 card grid grid-cols-6 ">
6596<a data-swup-preload aria-label='Go to Strom Architects on Grand Designs for RIBA House of the Year' class="blockl
6596ink wholelink"  href="/journal/strom-architects-on-grand-designs-house-of-the-year-2017/"></a>
6597
6598  
6599
6600
6601<article class="card-article relative  flex flex-col   
6602   
6603    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
6604 
6605   
6606    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
6607 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
6608    pt-std pb-none pl-none pr-big
6609sm:pt-std sm:pb-none sm:pl-none sm:pr-big
6610md:pt-std md:pb-none md:pl-none md:pr-big
6611lg:pt-std lg:pb-none lg:pl-none lg:pr-big
6612xl:pt-std xl:pb-none xl:pl-none xl:pr-big
6613
6614"
6615   >
6616  
6617   
6618   
6619    
6620  
6621   
6622
6623<p
6624style="color: var(--0); "  
6625class="Standard ">
6626<a aria-label='Go to Strom Architects on Grand Designs for RIBA House of the Year'  href="/journal/strom-architects-on-grand-designs-house-of-the-year-2017/">Strom Architects on Grand Designs for RIBA House of the Year</a></p>
6627   
6628   <div class="HeroText_0" style="color: var(--0); ">
6629      
6630      
6631      <br>
6632      
6633      
6634   </div>
6635   
6636   
6637   
6638   
6639</article>
6640
6641
6642<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
6643    
6644 sm: md: lg: xl:  
6645 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
6646    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
6647 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
6648
6649<figure class="overflow-hidden 
6650     object-fit-cover 
6651    aspect-w-16 aspect-h-9 
6652    sm:aspect-w-16 sm:aspect-h-9  
6653    md:aspect-w-16 md:aspect-h-9  
6654    lg:aspect-w-16 lg:aspect-h-9  
6655     
6656 
6657     rounded-none sm:rounded-none lg:rounded-none
6658     " >
6659   
6660   
6661<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
6662
6663   
6664
6665   
6666      
6667      
6668      <picture>
6669    <source media="(min-width: 800px)" srcset="/assets/Uploads/StromArchitects-HOTY2017-1__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/Uploads/StromArchitects-HOTY2017-1__ScaleWidthWzI0MDBd.jpg.webp 2x">
6670    <img style="background-image: url('/assets/Uploads/StromArchitects-HOTY2017-1__FillWzEsMV0.jpg.webp');" alt="StromArchitects HOTY2017 1" src="/assets/Uploads/StromArchitects-HOTY2017-1__ScaleWidthWzEyMDBd.jpg.webp" width="1300" height="760" loading="lazy">
6671  </picture>
6672  
6673      
6674      
6675      
6676     
6677      
6678   
6679   </figure>
6680
6681</div>
6682
6683</div>
6684
6685
6686<!-- This is a button toggling the modal -->
6687
6688
6689
6690
6691 </div>
6692  
6693  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
6694    
6695    
6696   
6697   
6698
6699<div id="card_2" class="card_83 card grid grid-cols-6 ">
6700<a data-swup-preload aria-label='Go to &#039;Superhouse&#039;
6700 wins 2 AAP Awards!' class="blocklink wholelink"  href="/journal/superhouse-wins-2-aap-awards/"></a>
6701
6702  
6703
6704
6705<article class="card-article relative  flex flex-col   
6706   
6707    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
6708 
6709   
6710    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
6711 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
6712    pt-std pb-none pl-none pr-big
6713sm:pt-std sm:pb-none sm:pl-none sm:pr-big
6714md:pt-std md:pb-none md:pl-none md:pr-big
6715lg:pt-std lg:pb-none lg:pl-none lg:pr-big
6716xl:pt-std xl:pb-none xl:pl-none xl:pr-big
6717
6718"
6719   >
6720  
6721   
6722   
6723    
6724  
6725   
6726
6727<p
6728style="color: var(--0); "  
6729class="Standard ">
6730<a aria-label='Go to &#039;Superhouse&#039; wins 2 AAP Awards!'  href="/journal/superhouse-wins-2-aap-awards/">&#039;Superhouse&#039; wins 2 AAP Awards!</a></p>
6731   
6732   <div class="HeroText_0" style="color: var(--0); ">
6733      
6734      
6735      <br>
6736      
6737      
6738   </div>
6739   
6740   
6741   
6742   
6743</article>
6744
6745
6746<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
6747    
6748 sm: md: lg: xl:  
6749 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
6750    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
6751 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
6752
6753<figure class="overflow-hidden 
6754     object-fit-cover 
6755    aspect-w-16 aspect-h-9 
6756    sm:aspect-w-16 sm:aspect-h-9  
6757    md:aspect-w-16 md:aspect-h-9  
6758    lg:aspect-w-16 lg:aspect-h-9  
6759     
6760 
6761     rounded-none sm:rounded-none lg:rounded-none
6762     " >
6763   
6764   
6765<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
6766
6767   
6768
6769   
6770      
6771      
6772      <picture>
6773    <source media="(min-width: 800px)" srcset="/assets/Uploads/Superhouse-BoatDockHouse-Big-Sky-View__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/Uploads/Superhouse-BoatDockHouse-Big-Sky-View__ScaleWidthWzI0MDBd.jpg.webp 2x">
6774    <img style="background-image: url('/assets/Uploads/Superhouse-BoatDockHouse-Big-Sky-View__FillWzEsMV0.jpg.webp');" alt="Superhouse BoatDockHouse Big Sky View" src="/assets/Uploads/Superhouse-BoatDockHouse-Big-Sky-View__ScaleWidthWzEyMDBd.jpg.webp" width="850" height="531" loading="lazy">
6775  </picture>
6776  
6777      
6778      
6779      
6780     
6781      
6782   
6783   </figure>
6784
6785</div>
6786
6787</div>
6788
6789
6790<!-- This is a button toggling the modal -->
6791
6792
6793
6794
6795 </div>
6796  
6797  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
6798    
6799    
6800   
6801   
6802
6803<div id="card_2" class="card_85 card grid grid-cols-6 ">
6804<a data-swup-preload aria-label='Go to Magnus Strom to Race Across The Atlantic' class="blockl
6804ink wholelink"  href="/journal/magnus-strom-to-race-across-the-atlantic/"></a>
6805
6806  
6807
6808
6809<article class="card-article relative  flex flex-col   
6810   
6811    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
6812 
6813   
6814    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
6815 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
6816    pt-std pb-none pl-none pr-big
6817sm:pt-std sm:pb-none sm:pl-none sm:pr-big
6818md:pt-std md:pb-none md:pl-none md:pr-big
6819lg:pt-std lg:pb-none lg:pl-none lg:pr-big
6820xl:pt-std xl:pb-none xl:pl-none xl:pr-big
6821
6822"
6823   >
6824  
6825   
6826   
6827    
6828  
6829   
6830
6831<p
6832style="color: var(--0); "  
6833class="Standard ">
6834<a aria-label='Go to Magnus Strom to Race Across The Atlantic'  href="/journal/magnus-strom-to-race-across-the-atlantic/">Magnus Strom to Race Across The Atlantic</a></p>
6835   
6836   <div class="HeroText_0" style="color: var(--0); ">
6837      
6838      
6839      <br>
6840      
6841      
6842   </div>
6843   
6844   
6845   
6846   
6847</article>
6848
6849
6850<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
6851    
6852 sm: md: lg: xl:  
6853 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
6854    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
6855 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
6856
6857<figure class="overflow-hidden 
6858     object-fit-cover 
6859    aspect-w-16 aspect-h-9 
6860    sm:aspect-w-16 sm:aspect-h-9  
6861    md:aspect-w-16 md:aspect-h-9  
6862    lg:aspect-w-16 lg:aspect-h-9  
6863     
6864 
6865     rounded-none sm:rounded-none lg:rounded-none
6866     " >
6867   
6868   
6869<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
6870
6871   
6872
6873   
6874      
6875      
6876         
6877         
6878            
6879               <picture>
6880    <source media="(min-width: 800px)" srcset="/assets/SimpleContentBlocks/GalleryImages/27/ScarletOyster-v2_ScaleWidthWzE5MDBd__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/SimpleContentBlocks/GalleryImages/27/ScarletOyster-v2_ScaleWidthWzE5MDBd__ScaleWidthWzI0MDBd.jpg.webp 2x">
6881    <img style="background-image: url('/assets/SimpleContentBlocks/GalleryImages/27/ScarletOyster-v2_ScaleWidthWzE5MDBd__FillWzEsMV0.jpg.webp');" alt="ScarletOyster v2 ScaleWidthWzE5MDBd" src="/assets/SimpleContentBlocks/GalleryImages/27/ScarletOyster-v2_ScaleWidthWzE5MDBd__ScaleWidthWzEyMDBd.jpg.webp" width="1900" height="1039" loading="lazy">
6882  </picture>
6883  
6884               
6885         
6886         
6887      
6888      
6889      
6890     
6891      
6892   
6893   </figure>
6894
6895</div>
6896
6897</div>
6898
6899
6900<!-- This is a button toggling the modal -->
6901
6902
6903
6904
6905 </div>
6906  
6907  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
6908    
6909    
6910   
6911   
6912
6913<div id="card_2" class="card_42 card grid grid-cols-6 ">
6914<a data-swup-preload aria-label='Go to Strom Architects become RIBA Chartered Practice' class="blockl
6914ink wholelink"  href="/journal/strom-architects-become-riba-chartered-practice/"></a>
6915
6916  
6917
6918
6919<article class="card-article relative  flex flex-col   
6920   
6921    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
6922 
6923   
6924    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
6925 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
6926    pt-std pb-none pl-none pr-big
6927sm:pt-std sm:pb-none sm:pl-none sm:pr-big
6928md:pt-std md:pb-none md:pl-none md:pr-big
6929lg:pt-std lg:pb-none lg:pl-none lg:pr-big
6930xl:pt-std xl:pb-none xl:pl-none xl:pr-big
6931
6932"
6933   >
6934  
6935   
6936   
6937    
6938  
6939   
6940
6941<p
6942style="color: var(--0); "  
6943class="Standard ">
6944<a aria-label='Go to Strom Architects become RIBA Chartered Practice'  href="/journal/strom-architects-become-riba-chartered-practice/">Strom Architects become RIBA Chartered Practice</a></p>
6945   
6946   <div class="HeroText_0" style="color: var(--0); ">
6947      
6948      
6949      <br>
6950      
6951      
6952   </div>
6953   
6954   
6955   
6956   
6957</article>
6958
6959
6960<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
6961    
6962 sm: md: lg: xl:  
6963 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
6964    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
6965 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
6966
6967<figure class="overflow-hidden 
6968     object-fit-cover 
6969    aspect-w-16 aspect-h-9 
6970    sm:aspect-w-16 sm:aspect-h-9  
6971    md:aspect-w-16 md:aspect-h-9  
6972    lg:aspect-w-16 lg:aspect-h-9  
6973     
6974 
6975     rounded-none sm:rounded-none lg:rounded-none
6976     " >
6977   
6978   
6979<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
6980
6981   
6982
6983   
6984      
6985      
6986      <picture>
6987    <source media="(min-width: 800px)" srcset="/assets/Uploads/RIBA-Logo-v2__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/Uploads/RIBA-Logo-v2__ScaleWidthWzI0MDBd.jpg.webp 2x">
6988    <img style="background-image: url('/assets/Uploads/RIBA-Logo-v2__FillWzEsMV0.jpg.webp');" alt="RIBA Logo v2" src="/assets/Uploads/RIBA-Logo-v2__ScaleWidthWzEyMDBd.jpg.webp" width="1038" height="564" loading="lazy">
6989  </picture>
6990  
6991      
6992      
6993      
6994     
6995      
6996   
6997   </figure>
6998
6999</div>
7000
7001</div>
7002
7003
7004<!-- This is a button toggling the modal -->
7005
7006
7007
7008
7009 </div>
7010  
7011  <div class="relative" data-filter="#related-filters-" data-pf="BlogCategory_1">
7012    
7013    
7014   
7015   
7016
7017<div id="card_2" class="card_43 card grid grid-cols-6 ">
7018<a data-swup-preload aria-label='Go to Practice Launched' class="blockl
7018ink wholelink"  href="/journal/practice-launched/"></a>
7019
7020  
7021
7022
7023<article class="card-article relative  flex flex-col   
7024   
7025    justify-start sm:justify-start md:justify-start lg:justify-start xl:justify-start 
7026 
7027   
7028    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
7029 order-2 sm:order-2 md:order-2 lg:order-2 xl:order-2  
7030    pt-std pb-none pl-none pr-big
7031sm:pt-std sm:pb-none sm:pl-none sm:pr-big
7032md:pt-std md:pb-none md:pl-none md:pr-big
7033lg:pt-std lg:pb-none lg:pl-none lg:pr-big
7034xl:pt-std xl:pb-none xl:pl-none xl:pr-big
7035
7036"
7037   >
7038  
7039   
7040   
7041    
7042  
7043   
7044
7045<p
7046style="color: var(--0); "  
7047class="Standard ">
7048<a aria-label='Go to Practice Launched'  href="/journal/practice-launched/">Practice Launched</a></p>
7049   
7050   <div class="HeroText_0" style="color: var(--0); ">
7051      
7052      
7053      <br>
7054      
7055      
7056   </div>
7057   
7058   
7059   
7060   
7061</article>
7062
7063
7064<div class="figure-wrap w-full relative sm:relative md:relative lg:relative xl:relative 
7065    
7066 sm: md: lg: xl:  
7067 sm:top-0 md:ltop-0 lg:top-0 xl:top-0   
7068    col-span-6 sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6 
7069 order-1 sm:order-1 md:order-1 lg:order-1 xl:order-1 ">
7070
7071<figure class="overflow-hidden 
7072     object-fit-cover 
7073    aspect-w-16 aspect-h-9 
7074    sm:aspect-w-16 sm:aspect-h-9  
7075    md:aspect-w-16 md:aspect-h-9  
7076    lg:aspect-w-16 lg:aspect-h-9  
7077     
7078 
7079     rounded-none sm:rounded-none lg:rounded-none
7080     " >
7081   
7082   
7083<div class="ieTint left-0 top-0  backdrop-filter backdrop-blur-"></div>
7084
7085   
7086
7087   
7088      
7089      
7090      <picture>
7091    <source media="(min-width: 800px)" srcset="/assets/Uploads/Fireworks-v2__ScaleWidthWzEyMDBd.jpg.webp 1x, /assets/Uploads/Fireworks-v2__ScaleWidthWzI0MDBd.jpg.webp 2x">
7092    <img style="background-image: url('/assets/Uploads/Fireworks-v2__FillWzEsMV0.jpg.webp');" alt="Fireworks v2" src="/assets/Uploads/Fireworks-v2__ScaleWidthWzEyMDBd.jpg.webp" width="2060" height="1236" loading="lazy">
7093  </picture>
7094  
7095      
7096      
7097      
7098     
7099      
7100   
7101   </figure>
7102
7103</div>
7104
7105</div>
7106
7107
7108<!-- This is a button toggling the modal -->
7109
7110
7111
7112
7113 </div>
7114  
7115</div>
7116
7117</div>
7118</section>
7119
7120            </div>
7121            <footer id="subscribe" class="mt-lg sm:mt-nonerelative w-full px-global min-h-screen md:h-screen bg-white text-text md:sticky md:bottom-0 md:z-0">
7122   <div
7123      class="grid content-center min-h-screen md:h-full opacity-[0.94] transition-opacity duration-[900ms] ease-out"
7124      uk-scrollspy="cls: opacity-100; delay: 80; repeat: false"
7125   >
7126      <div class="grid grid-cols-12">
7127         <div class="col-span-12 xl:col-span-3"></div>
7128         <div class="col-span-12 xl:col-span-9">
7129            <div class="grid grid-cols-1 sm:grid-cols-12 lg:grid-cols-5 gap-sml sm:gap-big lg:gap-global">
7130               <div class="col-span-1 sm:col-span-6 lg:col-span-1">
7131                  <p class="Large footer-title">UK</p>
7132               <div class="address-block"><p style="margin: 0cm;">Unit 4, The Old Printworks<br>85b High Street,</p>
7133<p style="margin: 0cm;">Lymington, Hampshire,</p>
7134<p style="margin: 0cm;">SO41 9AN,</p>
7135<p style="margin: 0cm;">UK</p>
7136<p style="margin: 0cm;">&nbsp;</p>
7137<p><a href="tel:+441590677442">+44 01590 677 442</a></p></div>
7138               </div>
7139               <div class="col-span-1 sm:col-span-6 lg:col-span-1">
7140                  <p class="Large footer-title">Caribbean</p>
7141                  <div class="address-block"><p style="margin: 0cm;">Unit H204 Regent Village<br>Grace Bay, Providenciales,</p>
7142<p style="margin: 0cm;">Turks and Caicos,</p>
7143<p style="margin: 0cm;">BWI</p>
7144<p style="margin: 0cm;">&nbsp;</p>
7145<p><a href="tel:+16493417903">+ 1 649 341 7903</a></p></div>
7146               </div>
7147               <div class="col-span-1 sm:col-span-6 lg:col-span-1">
7148                  <p class="Large footer-title">Contact</p>
7149                  <p><p>For general enquiries:<br><a href="mailto:[email protected]">[email protected]</a></p>
7150<p>For marketing/PR:<br><a href="mailto:[email protected]">[email protected]</a></p></p>
7151               </div>
7152               <div class="col-span-1 sm:col-span-6 lg:col-span-1">
7153                  <p class="Large footer-title">Newsletter</p>
7154                  <p>Updates and inspiration, sent out quarterly</p>
7155                  <div class="_form_1"></div>
7155<script src="https://stromarchitects74222.activehosted.com/f/embed.php?id=1" charset="utf-8"></script>
vendor: 1 bytes, line 7155
7155
7156<script>
7157    document.addEventListener("DOMContentLoaded", () => {
7158    document.querySelectorAll("._form-content label").forEach(label => {
7159        label.classList.add("sr-only");
7160    });
7161});
7162</script>
7162
7163
7164<script>
7165    (function(e,t,o,n,p,r,i){e.visitorGlobalObjectAlias=n;e[e.visitorGlobalObjectAlias]=e[e.visitorGlobalObjectAlias]||function(){(e[e.visitorGlobalObjectAlias].q=e[e.visitorGlobalObjectAlias].q||[]).push(arguments)};e[e.visitorGlobalObjectAlias].l=(new Date).getTime();r=t.createElement("script");r.src=o;r.async=true;i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)})(window,document,https://diffuser-cdn.app-us1.com/diffuser/diffuser.js,"vgo");
7166    vgo('setAccount', '226941563');
7167    vgo('setTrackByDefault', true);
7168 
7169    vgo('process');
7170</script>
7170
7171               </div>
7172               <div class="col-span-1 sm:col-span-12 lg:col-span-1">
7173                  <p class="Large footer-title">Social</p>
7174                           <ul>
7175
7176
7177                       
7178    <li class="block">
7179        <a rel="noreferrer" target="_blank"
7180           href="https://www.instagram.com/stromarchitects/?hl=en">
7181            Instagram
7182        </a>
7183    </li>
7184    
7185
7186        
7187    <li class="block">
7188        <a rel="noreferrer" target="_blank"
7189           href="https://www.linkedin.com/company/strom-architects">
7190            LinkedIn
7191        </a>
7192    </li>
7193    
7194
7195
7196    
7197    <li class="block">
7198        <a rel="noreferrer" target="_blank"
7199           href="https://www.youtube.com/channel/UCNBsGbpexq3NFKX8YjXazNw">
7200            YouTube
7201        </a>
7202    </li>
7203    
7204
7205       
7206    <li class="block">
7207        <a rel="noreferrer" target="_blank"
7208           href="https://www.youtube.com/channel/UCNBsGbpexq3NFKX8YjXazNw">
7209            Pinterest
7210        </a>
7211    </li>
7212    
7213
7214    
7215
7216    
7217
7218
7219    
7220
7221  
7222
7223 
7224
7225
7226
7227    
7228
7229    
7230
7231    
7232
7233</ul>
7234               </div>
7235            </div>
7236            <div class="footer-legals pb-global md:pb-none mt-big md:mt-none text-left md:absolute md:left-global md:bottom-global">
7237                 
7238   <ul class="footer-links">
7239      
7240      <li class="inline"><a href="/privacy-policy/" class="link">Privacy Policy</a>&nbsp;&nbsp;|&nbsp;</li>
7241      
7242      <li class="inline"><a href="/cookie-policy/" class="link">Cookie Policy</a>&nbsp;&nbsp;|&nbsp;</li>
7243      
7244      
7245      <li class="inline"><a aria-label="Please refresh your browser after preference changes" uk-tooltip="title: Please refresh your browser after preference changes" href="javascript:CookieConsent.renew();CookieDeclaration.SetUserStatusLabel();" data-no-swup="true">Cookie Preferences</a></li>
7246   
7247   </ul>
7248   
7249         <p class="!my-none">&copy; Ström Architects 2026. Site by <a rel="noreferrer" href="https://www.groundnation.com" target="_blank">Groundnation.</a></p>
7250
7251         </div>
7252      </div>
7253   </div>
7254</footer>
7255
7256         </div>
7257      </main>
7258      
7259    
7259<script type="text/plain" data-cookieconsent="statistics">
vendor: 369 bytes, lines 7259-7265
7259
7260      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
7261      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
7262      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
7263      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
7264          
7265      ga('create', '
7265UA-53523583-1
vendor: 48 bytes, lines 7265-7267
7265', 'auto');
7266      ga('send', 'pageview');
7267      
7267</script>
7267
7268  
7269  
7270  
7271
7272
7273      
7274      
7275<script src="//instant.page/5.2.0" type="module" integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>
7275
7276   
7276<script type="application/javascript" src="/themes/strom22/javascript/main-min.js?m=1772211998"></script>
7276
7277</body>
7278</html>

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