/*
Theme Name: Arch Creative 2024
Theme URI: 
Author: Arch Creative
Author URI: 
Description: 
Version: 2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: ArchCreative2021
*/





@font-face {
    font-family: 'articulat';
    src: url('/wp-content/themes/arch24/font/ed912572923b301a744d70bd2b6a67c3.woff2') format('woff2'),
        url('/wp-content/themes/arch24/font/ed912572923b301a744d70bd2b6a67c3.woff') format('woff'),
        url('/wp-content/themes/arch24/font/ed912572923b301a744d70bd2b6a67c3.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'articulat';
    src: url('/wp-content/themes/arch24/font/11a257e2222711f05d4b9f2bae515776.woff2') format('woff2'),
        url('/wp-content/themes/arch24/font/11a257e2222711f05d4b9f2bae515776.woff') format('woff'),
        url('/wp-content/themes/arch24/font/11a257e2222711f05d4b9f2bae515776.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



:root{
	--topPadding:clamp(3rem,6vw,6rem);
	--sidePadding:2rem;
	--warm-black:#042826;
	--warm-white:#f7f2f0;
	--primary:#00aa44;
    --primary-dark:var(--primary);
    --primary-text:var(--warm-black);
	--secondary:#9cc9ff;
    --secondary-dark:var(--secondary);
    --secondary-text:var(--warm-black);
	--max-width:calc(1500px + calc(var(--sidePadding) * 2));
    --plyr-color-main:var(--secondary);
}



.nav-video-holder-overlay { background:var(--warm-black);mix-blend-mode:none; }
a img{ outline:none;border:none; }
.nowrap{ white-space:nowrap; }
img, video { display:block; }

a { border:none !important;display:inline-block;text-decoration:underline;color:var(--warm-black); }
.bg-black a { color:var(--warm-white); }
.bg-primary a { color:var(--primary-text); }
a:hover { color:var(--secondary); }
.bg-primary a:hover { color:var(--secondary); }
.bg-black a:hover { color:var(--secondary-dark); }

.text-center { text-align:center; }
.text-right { text-align:right; } 
.pos-rel { position:relative; }


html, body { background:var(--warm-white);color:var(--warm-black);margin:0;width:100%;overflow-x:hidden; }
body { padding-top:0; }
* { font-family: "articulat", sans-serif !important;box-sizing:border-box; }
.container { width:100%;max-width:calc(1500px + calc(var(--sidePadding) * 2));margin:0 auto;display:block;padding:var(--topPadding) var(--sidePadding);position:relative; }
.container.small { padding:2rem var(--sidePadding); }

header { background:transparent;transition:all 0.4s ease-in-out;box-shadow:none; }
header.background { background:var(--warm-black);box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.5); }
.toggle-bar { background:var(--warm-white); }

.bg-black { background:var(--warm-black);color:var(--warm-white); }
.bg-white { background:var(--warm-white); }
.bg-primary { background:var(--primary);}
.bg-primary :is(h1,h2,h3,h4,h5,h6,p) { color:var(--primary-text);  }
/*.bg-primary a { color:var(--secondary); }*/
/*.bg-primary a:hover { color:var(--primary-text); }*/
.bg-secondary { background:var(--secondary); }

h1,h2,h3,h4,h5,h6,.h1 { color:var(--warm-black);text-wrap:balance;font-weight:700 }
.bg-black :is(h1,h2,h3,h4,h5,h6,.h1) { color:var(--warm-white); }
.bg-primary :is(h1,h2,h3,h4,h5,h6,.h1) { color:var(--primary-text); }
:is(h1,h2,h3,h4,h5,h6,.h1) span { color:var(--primary) !important; }
.bg-black :is(h1,h2,h3,h4,h5,h6,.h1) span { color:var(--primary-dark) !important; }

h1,.h1 { font-size:clamp(1.6rem,9vw,5.9375rem);line-height:95%;margin:1rem 0;letter-spacing:-0.05938rem; }
h1.home { font-size:clamp(1.6rem,6vw,3rem);line-height:110%; }
/*.case.h1 { margin-top:2rem; }*/
/*h2 { font-size:clamp(1.4rem,9vw,3.4375rem);line-height:110%;margin:0 0 2rem; }*/
h2.home { font-size:clamp(1.3rem,5vw,2rem);line-height:110%; }
h2, h3 { font-size:2rem;line-height:2.5rem;margin-bottom:1rem;margin-top:1rem; }
h4 { font-size:2rem;line-height:2.5rem; }

p, ul, ol { font-size:clamp(1rem, 3vw, 1.25rem);line-height:140%;text-wrap:pretty; }
p.large { font-size:clamp(1.25rem,3vw,2rem); }

.text-white { color:var(--warm-white); }
.text-black { color:var(--warm-black); }

a.link-arrow { font-size:clamp(1rem,8vw,1.5rem);text-decoration:none; }
a.link-arrow span { margin-left:1rem;top:0.15rem;position:relative;left:0;transition:left 0.3s ease-in-out; }
a.link-arrow span svg path { stroke:var(--primary-dark); }
a.link-arrow:hover { color:var(--primary-dark); }
a.link-arrow:hover span { left:1rem; }
a.link-arrow.prev span { transform:scaleX(-1);display:inline-block; }
a.link-arrow.prev:hover span { left:-1rem; }


a.button { border-radius:100rem;padding:0.8rem 1rem 0.8rem;text-decoration:none; }
.bg-black a.button, a.button { background:var(--secondary);color:var(--warm-black); }
.bg-black a.button:hover, a.button:hover { background:var(--primary);color:var(--primary-text); }
a.button.button-arrow span { position:relative;top:0.25rem; }
a.button.button-arrow span svg path { stroke:var(--primary); }
a.button.button-arrow:hover span svg path { stroke:var(--primary-text); }

.intro-grid { display:flex;column-gap:clamp(2rem,5vw,10rem);row-gap:1rem;align-items:center;flex-wrap:wrap;justify-content:flex-start; }
.intro-icon { flex:0 1 22%; }
.intro-icon svg path { width:18vw;max-width:340px;min-width:150px;height:auto;fill:var(--primary-dark); }
.intro-text { max-width:900px; }


.featured-projects { display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between; }
.project-container { flex:1 1 calc(50% - 2rem);min-width:300px; }
.project-container .project-tags { margin-top:2rem; }
.featured-project-image { width:100%;margin-bottom:1.5rem;border-top-right-radius:1000px;border-top-left-radius:1000px;overflow:hidden; }
.featured-project-image :is(img,video) { width:100%;aspect-ratio:1/1;object-fit:cover; }
.project-title { font-size:2rem;font-weight:800;display:block;margin-bottom:0.4rem;text-decoration:none; }
.blog .project-title { font-size:1.4rem;padding-right:1rem; }
.project-summary { font-size:2rem;font-weight:500;display:block; }
.project-tags { display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1rem; }
.project-tag { display:inline-flex;align-content:center;align-self:center;font-size:1rem;line-height:100%;padding:0.5rem 1.5rem 0.6rem;border:1px solid var(--primary);border-radius:500px; }
.project-tag.main { background:var(--primary);color:var(--primary-text);}
.bg-black .project-tag { border-color:var(--secondary); }
.bg-black .project-tag.main { background:var(--secondary);color:var(--warm-black); }

.project-tag { display:none !important; }

.project-grid { display:flex;flex-wrap:wrap;gap:1rem;row-gap:3rem;justify-content:space-evenly; }
.project-grid .project-container { flex:1 1 calc(33% - 1rem);}
.project-grid.old { justify-content:flex-start; }
.project-grid.old .project-container { flex:0 1 calc(33% - 1rem); }
.project-grid.blog { margin-top:2rem; }
.project-image { width:100%;margin-bottom:1rem;aspect-ratio:1/1; } 
.project-image :is(img, video) { width:100%;aspect-ratio:1/1;object-fit:cover; }
.project-container.small .project-image :is(img, video) { aspect-ratio:1/1;object-fit:cover; }
.project-container.small .project-title { font-size:1.5rem; }
.project-container.small .project-summary { font-size:1.5rem }

.single-columns { width:100%;max-width:740px; }
.single-column.large { max-width:990px; }




.icon-grid { margin:3rem 0;position:relative;display:flex;flex-wrap:wrap; }
.icon-grid::before { position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;pointer-events:none;border:2px solid var(--warm-white);box-sizing:border-box; }
.icon-grid-item { display:flex;align-content:flex-start;flex-wrap:wrap;row-gap:1rem;flex:1 1 25%;padding:1.5rem;min-width:250px;border:1px solid var(--warm-black); }
.icon-grid-item p { margin:0; }
.icon-grid-text { font-size:clamp(1rem,5vw,2rem);font-weight:800;width:100%; }
.icon { width:60px;height:60px;border-radius:100%;background:var(--primary);display:flex;align-items:center;justify-content:center; }
.icon svg { width:36px;height:36px; }
.icon svg path { fill:var(--warm-white); }
.extended-module { position:relative;overflow:visible; }
.extended-module::before, .extended-module::after { position:absolute;top:0;left:100%;width:100%;height:100%;background:var(--primary);display:block;content:""; }
.extended-module::after { left:auto;right:100%; }
/*.bg-primary .icon { background:var(--secondary); }*/
/*.module.grid { padding:clamp(2rem,4vw,6rem) 0 clamp(2rem,4vw,2rem); }*/
/*.module.grid * { color:var(--warm-black); }*/
.module.grid .icon-grid::before { border-color:var(--warm-black); }
.module.grid .icon-grid-item { border-color:var(--warm-white); }

.quote-slider { padding:0 4rem; }
.quote-slider-arrows { position:absolute;width:100%;top:50%;left:0; }
.quote-slider-arrows .slick-arrow::before { display:none; }
.quote-slider-arrows .slick-arrow { background:var(--primary);border-radius:100%; }
.quote-slider-arrows .slick-arrow svg { width:30px;height:30px; }
.quote-slider-arrows .slick-arrow svg * { stroke:var(--secondary); }
.quote-slider-arrows .slick-prev { transform:translate(0, -50%) scaleX(-1); }
.quote-slider .slide-text { width:100%;max-width:990px;margin:0 auto;display:block; }
.quote-slider-arrows :is(.slick-prev, .slick-next) { width:50px;height:50px; }
.quote-slider-arrows .slick-prev { left:2.5rem; }
.quote-slider-arrows .slick-next { right:2.5rem; }
.quote-slider .quote { font-size:clamp(1rem,4vw,2rem);line-height:130%; }
.quote-slider .name { display:block;margin-top:2rem;line-height:150%;font-size:clamp(0.9rem,3vw,1.25rem); }
 
.quote-slider-arrows .slick-arrow.slick-next:focus, 
.quote-slider-arrows .slick-arrow.slick-next:hover, 
.quote-slider-arrows .slick-arrow.slick-prev:focus, 
.quote-slider-arrows .slick-arrow.slick-prev:hover { background:var(--primary);opacity:0.6; }

.faq-container { display:flex;gap:2rem;flex-wrap:wrap; }
.faq-header { flex:1 1 30%;min-width:280px; }
.faq-holder { flex:1 1 calc(70% - 2rem);margin-top:-2rem; }
.faq { position:relative;border-bottom:1px solid var(--warm-black);padding:1.5rem 0 1.5rem; }
.faq:last-child { border-bottom:none; }
.faq .q  { font-size:clamp(1.2rem,5vw,2rem);padding-right:2.5rem; }
.faq .q:hover { cursor:pointer; }
.faq .a { padding:1rem 0 0;display:none; }
.faq.active .a { display:block; }
.faq .plus { position:absolute;top:1.8rem;right:0;pointer-events:none }
.faq .plus svg { width:clamp(20px,4vw,32px);height:clamp(20px,4vw,32px); }
.faq .plus svg path { stroke:var(--primary); }
.faq.active .plus svg path:last-child { display:none; }

.cta-grid { display:flex;flex-wrap:wrap;gap:2rem; }
.cta-grid .contact { flex:1 1 30%;min-width:280px; }
.cta-grid .form { flex:1 1 calc(70% - 2rem); }
h2.cta { font-size:clamp(1.6rem,9vw,5.9375rem);line-height:100%; }
.form .m-grid { display:block; }
.form form { margin-top:1rem; }
.form form p { width:100%; }
.form form input, .form form textarea { padding:1rem;width:100%;margin-top:1rem;background:none;border-radius:2rem;border:1px solid var(--primary-text);margin-bottom:1rem;color:var(--warm-white); }
.form form label { color:var(--primary-text);padding-left:1rem; }
.form form button { background:var(--secondary);border:none;color:var(--warm-black);position:relative;font-weight:bold;padding:0.5rem 1rem 0.5rem;border-radius:100rem; }
.form form button:hover { background:var(--warm-black);color:var(--warm-white); }
.forminator-row-last { text-align:right; }
.forminator-ui { display:block !important; }


footer { padding:0rem 0 4rem; }
.footer-grid { display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between; }
.footer-grid > div { flex:0 1 25%;min-width:200px; }
footer p { font-size:1rem; }
footer .logo24 { margin-left:0;height:40px;margin-bottom:2rem;z-index:1; }

.plyr--full-ui.plyr--video .plyr__control--overlaid { box-shadow:inset 0 0 0 75px var(--primary);background:var(--secondary); }
.plyr--full-ui.plyr--video .plyr__control--overlaid:hover { box-shadow:inset 0 0 0 0px var(--primary) }
.plyr--full-ui.plyr--video .plyr__control--overlaid svg,
.plyr--full-ui.plyr--video .plyr__control--overlaid:hover svg { fill:var(--warm-white) }
.plyr__video-embed:not(.no-controls) .plyr__controls { display:flex; }

.video-container > :is(video, img) { width:100%; }
.video-overlay { color:var(--warm-white);position:absolute;bottom:-1px;left:0;width:100%;background:linear-gradient(transparent,rgba(0,0,0,0.4)); }
.video-overlay-text h4 { font-size:clamp(1.5rem,4vw,3.4rem);font-weight:800;color:var(--warm-white);margin:0;line-height:100%; }
.video-overlay-text p { margin:0;font-size:clamp(1.1rem,2vw,2rem); }
.video-overlay .project-tags { padding-bottom:0.5rem; }
.video-overlay .project-tag { border-color:var(--warm-white);background:var(--warm-white);color:var(--warm-black); }
.video-overlay-content { align-items:end;display:flex;flex-wrap:wrap;justify-content:space-between; }
.video-overlay .container { padding-bottom:3rem; }
.hero-link { display:block;text-decoration:none; }


.project-header-video { background:var(--warm-black); }
.project-header-video video { aspect-ratio:16/9;display:block;width:100%; }
.video-autoplay-thumbnail { position:absolute;top:0;left:0;width:100%;height:100%; }
.video-autoplay-thumbnail video { width:100%;height:100%;object-fit:cover; }


.module { padding:clamp(1rem,4vw,2rem) 0; }

.module.case-intro .project-tags { margin-bottom:2rem; }
.module .case-study-intro { display:flex;flex-wrap:wrap;gap:2rem;row-gap:0rem;padding:2rem 0 0; }
.module .case-study-intro > div { flex:1 1 calc(50% - 2rem);min-width:400px; }

.module.case-images  { display:flex;flex-wrap:wrap;gap:1rem; }
.module.case-images :is(img, video) { width:100%;aspect-ratio:16/9;display:block;object-fit:cover; }

.module.case-images.layout-2-1 > div:is(:nth-child(1),:nth-child(2)) { flex:0 1 calc(50% - 0.5rem); }
.module.case-images.layout-2-1 > div:is(:nth-child(1),:nth-child(2)) :is(img,video) { aspect-ratio:1/1;object-fit:cover; }

.module.case-images.layout-1-2 > div:is(:nth-child(3),:nth-child(2)) { flex:0 1 calc(50% - 0.5rem); }
.module.case-images.layout-1-2 > div:is(:nth-child(3),:nth-child(2)) :is(img,video) { aspect-ratio:1/1;object-fit:cover; }

.module.case-images.layout-2-2 > div { flex:0 1 calc(50% - 0.5rem); }
.module.case-images.layout-2-2 > div :is(img,video) { aspect-ratio:1/1;object-fit:cover; }

.module.case-text .text-flex { display:flex;justify-content:space-between;flex-wrap:wrap; }
.module.case-text .text-column { width:100%;flex:1 1 100%;max-width:740px;padding:0; }
.alt-column { flex:0 1 100%;max-width:400px; }

.module.quote { display:flex;flex-wrap:nowrap;justify-content:flex-end; }
.module.quote .quote-column { width:100%;max-width:1120px; }
.module.quote .quote-column p { font-size:clamp(1.2rem,4vw,2.5rem);font-weight:200; }
.module.quote .quote-name { font-size:clamp(1rem,4vw,1.25rem);font-weight:500;line-height:135%; }

.module.next-case { max-height:20rem;overflow:hidden; }
.module.next-case::after { background:linear-gradient(transparent, var(--warm-black) 85%);content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:100%; }

.case-navigation { text-align:center;position:absolute;bottom:0rem;left:0;width:100%;z-index:2;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-evenly; }


.image-grid { display:flex; }
.image-grid > div { flex:0 1 auto;width:100%; }

.blog-grid { display:flex;gap:1rem;row-gap:2rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:space-evenly; }
.blog-tile { flex:1 1 calc(33% - 1rem);min-width:300px;max-width:calc(var(--max-width) / 3); }
.blog-tile img { width:100%; }
.blog-tile .blog-title { margin:1.5rem 0 1rem;font-size:1.5rem;line-height:2rem;font-weight:bold;display:block; } 
.blog-title a { text-decoration:none; }


.directors { display:flex;flex-wrap:wrap;gap:2rem; }
.director { flex:1 1 calc(50% - 2rem);min-width:250px; }
.director-name { font-weight:bold;font-size:2rem;margin-top:1rem; }

.map-flex { display:flex;flex-wrap:wrap;gap:2rem; }
.map-flex > div { flex:1 1 calc(50% - 2rem);min-width:250px; }

.page-numbers { padding:0 0.25rem; }



.values-grid { display:flex;flex-wrap:wrap;position:relative; }
.values-grid::after { pointer-events:none;box-shadow: inset 0 0 0px 2px var(--warm-black);content:"";display:block;width:100%;height:100%;border:1px solid var(--warm-black);top:0px;left:0px;position:absolute; }
.values-grid .value { min-width:300px;flex:1 1 33.3333%;padding:clamp(1.5rem,3vw,3rem) clamp(0rem,3vw,4rem);border-right:1px solid var(--warm-white);border-bottom:1px solid var(--warm-white); }
#mainvideo, #mainvideo iframe { width:100%; }
h1.brandvalues { font-size:clamp(2rem,4vw,3.75rem);max-width:993px;line-height:110%;text-wrap:pretty; }
.value h2 { font-size:clamp(2rem,5vw,6rem);line-height:100%;margin:1rem 0 0; }
.value h3 { font-size:clamp(1rem,5vw,2rem);margin:clamp(0rem,3vw,1rem) 0 0; }
.value svg { aspect-ratio:1/1;width:130px;height:130px;object-fit:contain; }

/* OLD THEME OVERWRITE */

.logo24 { width:auto;height:30px;margin-left:2rem;position:relative;z-index:9999; }
.container { width:100%;max-width:calc(1500px + calc(var(--sidePadding) * 2));margin:0 auto;display:block;padding:var(--topPadding) var(--sidePadding);position:relative; }

header{ padding:15px 0px 15px;position:fixed;top:0;left:0;width:100%;z-index:1000;height:60px; }
/*header a{ border-bottom:none !important; }*/
/*.logo{ width:83px;height:26px;background:url("/wp-content/themes/arch24/img/logo_2017newsite.png") no-repeat left top;background-size:83px 52px;display:inline-block; }*/
/*header .logo { position:fixed;top:15px;left:15px;z-index:11; }*/
/*header .logo.white, header.home-nav .logo { background-position: left bottom; }*/

/*header.home-nav { background:#000; }*/
/* === NAVIGATION === */
#navmenu { transition:top 0.8s ease-in-out;position:fixed;top:0;left:0;width:100%;background:var(--primary);width:100%;height:100%;padding:60px 60px 30px;overflow:hidden;top:-100%; }
#navmenu.open { top:0%; }
#menu-nested-pages { list-style:none;padding:0;display:table-cell;vertical-align: middle; }
#menu-nested-pages li { transition:opacity 0.6s ease-in-out;margin-bottom:10px;opacity:0;line-height:clamp(3rem,4vw,5em); }
#menu-nested-pages li a { color:#fff;font-weight:600;font-size:clamp(2rem,5vw,4em);opacity:0.6;opacity:1;text-decoration:none; }
#menu-nested-pages li a:hover { opacity:1;opacity:0.8 }
.menu-nested-pages-container { display:inline-table;height:100%; }
.toggle-nav { position:fixed;top:15px;right:15px;color:#fff;width:35px;height:30px;text-align:right;z-index:10; }
.toggle-bar { transition:all 0.3s ease-in-out;width:100%;display:block;height:4px;background:var(--warm-white);margin:5px 0 0 auto; }
.toggle-bar:nth-child(2) { width:85%; }
.toggle-bar:nth-child(3) { width:70%; }
.toggle-nav:hover .toggle-bar { /*background:var(--yellow);*/opacity:0.4; }
.toggle-nav.open .toggle-bar { background:#fff;width:100%; }
.toggle-nav.open:hover .toggle-bar { /*background:var(--yellow);*/opacity:0.4; }

#navbutton { width:30px;height:30px; }


.footer-small-links a { color:#E5E5E5;text-decoration:none;border-bottom:none;font-size:15px;margin:0 0.25rem; }

.social{ display:inline-block;margin-bottom:30px;margin-top:0px; }
footer .social { margin-left:-7px; }
.social a{ border:none;display:inline-block;width:30px;margin-right:8px;height:30px; }
.social a svg { width:30px;height:30px; }
.social a svg path { fill:var(--warm-white); }
.social a:hover svg path { fill:var(--primary-dark); }


/*.landing-play-button { display:inline-flex;justify-content:center;align-items:center;box-shadow:inset 0 0 0 75px var(--primary);background:var(--secondary); width:100px;height:100px;padding:1.5rem;border-radius:100%;transition:all 0.3s ease-in-out;}
.landing-play-button svg { width:30px;height:30px;position:relative;left:3px; }
.landing-play-button svg path { fill:#fff; }
.landing-play-button:hover { box-shadow:inset 0 0 0 0px var(--primary)  }*/


.plyr--full-ui.plyr--video .plyr__control--overlaid, .landing-play-button  { border-radius:1000px;width:160px;height:100px;text-align:center;background:var(--secondary);border:none;box-shadow:inset 0 0 0 75px var(--primary);opacity:1; }
.plyr--full-ui.plyr--video .plyr__control--overlaid::after, .landing-play-button::after { content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:45px;height:45px;background:url("/wp-content/themes/arch24/img/24/play-button.svg") no-repeat center center;background-size:contain; }
.plyr--full-ui.plyr--video .plyr__control--overlaid svg { width:30px;height:30px;display:inline-block;margin-top:10px;transition:fill 0.2s ease-in-out;fill:#fff;  }
.plyr--full-ui.plyr--video .plyr__control--overlaid svg, .landing-play-button svg { display:none; }
.plyr--full-ui.plyr--video .plyr__control--overlaid:hover, .landing-play-button:hover { box-shadow:inset 0 0 0 0px var(--secondary); }

/*.home-video .plyr--full-ui.plyr--video .plyr__control--overlaid { width:150px;height:150px;box-shadow:inset 0 0 0 0px #fff; }
.home-video .plyr--full-ui.plyr--video .plyr__control--overlaid svg { width:50px;height:50px;fill:#000 */}

.home-video .plyr--full-ui.plyr--video .plyr__control--overlaid:hover { box-shadow:inset 0px 0 0 75px #fff;border:none; }
.plyr--full-ui.plyr--video .plyr__control--overlaid:hover svg { fill:#000; }




.logo-grid { display:flex;flex-wrap:wrap; }
.logo-grid > div { flex:0 1 25%; }
.home-video-thumbnail { position:absolute;top:0;left:0;width:100%; }
.home-video-play-button { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); }

.static-titles { margin-bottom:-50px; }

.grecaptcha-badge { display:none !important; }

.embed-container { width:100%;aspect-ratio:16/9; }
.embed-container iframe { width:100%;height:100%; }

@media(max-width:1000px){
	.quote-slider-arrows { padding:3rem 0 0;justify-content:center;display:flex;gap:1rem;position:static; }
	.quote-slider-arrows :is(.slick-prev, .slick-next) { position:static;transform:none;display:inline-block; }
	.quote-slider-arrows .slick-prev { transform:rotate(180deg); }
	.quote-slider { padding:0; }
    .project-grid.old .project-container { flex:1 1 33.333% }
}

@media(max-width:768px){
	.icon-grid-item { flex-wrap:nowrap;gap:2rem; }
	.module.grid .icon-grid-item { row-gap:0.5rem;flex-wrap:wrap;position:relative;padding-left:3rem; }
	.icon { flex:0 0 40px;width:40px;height:40px;margin:0; }
	.module.grid .icon { position:absolute;top:1rem;left:0; }
	.icon svg { width:20px;height:20px; }
	.icon-grid-item { flex:1 1 100%;align-items:center;padding:1.5rem 0.2rem;border:none;border-bottom:2px solid var(--warm-black); }
	.icon-grid-item:last-child { border-bottom:none; }
	.icon-grid::before { display:none; }

	.video-overlay { position:static;background:var(--secondary);color:var(--warm-black); }
	.video-overlay h4 { color:var(--warm-black); }
	.project-tag { font-size:0.9rem;padding:0.4rem 1rem; }
	.next-case-link { left:auto;right:1rem;transform:none; }
    .logo-grid > div { flex:0 1 33% }
    .module .case-study-intro > div { min-width:100%; }
}

@media(max-width:560px){
    .module.case-images.layout-2-1 > div:is(:nth-child(1),:nth-child(2)) { flex:1 1 100%; }
    .project-grid { row-gap:1rem; }
    .logo-grid > div { flex:0 1 50%; }
    .project-grid .project-container { flex:0 1 100%; }
    .module.case-images.layout-1-2 > div:is(:nth-child(3),:nth-child(2)) { flex:1 1 100%; }
    .intro-icon { flex:0 1 50%;max-width:175px; }
    .intro-icon svg { width:100%;height:auto; }
	
	.project-title { font-size:1.75rem; }
	.project-summary { font-size:1.3rem; }
}