/*
Theme Name: Arch Creative 2026 - Clean
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: ArchCreative2026
*/


:root{
    --black:#020204;
    --grey-light:#F7F2F0;
    --grey:#e9e7e5;
    --grey-dark:#DCDCDA;
    --white:#F7F2F0;
    --primary:#042826;
    --primary-mid:#1F3E3C;
    --primary-light:#3A5553;
    --green:#00AA44;
    --blue:#9CC9FF;
    --purple:#5929FF;
    --purple-light:#DBB8FF;
    --pink:#EB3BCA;
    --pink-light:#FFC5FB;
    --orange:#FF5E33;
    --orange-light:#FFC05A;
    --XS:0.25rem;
    --S:0.75rem;
    --M:1rem;
    --L:1.5rem;
    --XL:2rem;
    --XXL:3rem;
    --XXXL:6rem;
    --button-padding:0.4rem 0.8rem 0.6rem;
    --border-radius:3rem;
}



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

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

#passionmode { margin-top:2rem;text-decoration: none;display:block; }

* { box-sizing: border-box;}
.invert * { color:var(--white); }
html:not(.bg-pink-light) .invert :is(.bg-green,.bg-purple,.bg-orange,.bg-orange-light,.bg-blue,.bg-pink,.bg-pink-light,.bg-purple-light) * { color:var(--primary); }
/* .invert .cta-text * { color:var(--primary); } */
html, body { font-family:'articulat', sans-serif;padding:0;margin:0;color:var(--primary);overflow-x: hidden; }
body { background:var(--white); transition: background 0.6s ease; }

.pos-rel { position:relative; }

.bg-grey { background:var(--grey); }
.bg-primary { background:var(--primary);color:var(--white);  }
.bg-green { background:var(--green); }
.bg-purple { background:var(--purple);color:var(--white); }
.bg-orange { background:var(--orange); }
.bg-orange-light { background:var(--orange-light); }
.bg-pink { background:var(--pink); }
.bg-pink-light { background:var(--pink-light); }
.bg-purple-light { background:var(--purple-light); }
.bg-blue { background:var(--blue); }




.container-outer { width:100%;max-width:1728px;margin:0 auto;padding:0 var(--XL);}
.container-inner { width:100%;max-width:1572px;margin:0 auto;padding:clamp(2.5rem, 5vw, 4.5rem) 0; }
.container-inner.small { padding:clamp(0.5rem, 5vw, 1.5rem) 0 clamp(2.5rem, 5vw, 4.5rem); }
.container-central { width:100%;max-width:1070px;margin:0 auto; }
.container-text  { width:100%;max-width:48.75rem;margin:0 auto; }
.container-text.fun-fact { border:1px solid var(--primary);border-radius:var(--border-radius);padding:var(--XXL); }


a { text-decoration: none;color:var(--primary); }
a:hover { color:var(--primary-light); }

a.button, .forminator-button, .wp-block-button__link.wp-element-button {  font-family: 'articulat';width:fit-content;margin:var(--L) 0;font-size:1.25rem;font-weight:500;text-decoration:none;color:var(--white);background:var(--primary);padding:0.4rem 1.2rem 0.6rem;border-radius:100rem;display:inline-flex;align-items:center;position:relative;white-space: nowrap; }
a.button.arrow::after, .forminator-button::after, .wp-block-button__link.wp-element-button::after { position:relative;top:1px;margin-left:0.5rem;background:url("/wp-content/themes/arch26/img/arrow-right-white.svg") no-repeat center;background-size:contain;content:'';width:0.9rem;height:0.9rem;display:inline-block; }
a.button.white { background:var(--grey-light);color:var(--primary); }
a.button.white.arrow::after { background:url("/wp-content/themes/arch26/img/arrow-right-primary.svg") no-repeat center;background-size:contain;; }

a.button.large { font-size:clamp(1.25rem, 2vw, 1.75rem); }
a.button.large.arrow::after { width:1.2rem;height:1.2rem;margin-left:1rem; }

a.button:hover, .forminator-button:hover, .wp-block-button__link.wp-element-button:hover { background:var(--primary-light); }
a.button.white:hover { backgrund:var(--grey-mid); }

a.link.arrow { font-size:1.25rem; }
a.link.arrow::after { position:relative;top:1px;margin-left:0.5rem;background:url("/wp-content/themes/arch26/img/arrow-right-primary.svg") no-repeat center;background-size:contain;content:'';width:0.9rem;height:0.9rem;display:inline-block; }
a.link.arrow.left::after { display:none; }
a.link.arrow.left::before { position:relative;top:1px;margin-right:0.5rem;background:url("/wp-content/themes/arch26/img/arrow-right.svg") no-repeat center;background-size:contain;content:'';width:0.9rem;height:0.9rem;display:inline-block;transform:scaleX(-1); }
a.link.arrow:hover { color:var(--primary-light); }

.invert a { color:var(--white); }
.invert a:hover { color:var(--grey-dark); }
.invert a.button { background:var(--grey-light);color:var(--primary); }
.invert a.button.arrow::after { background:url("/wp-content/themes/arch26/img/arrow-right-primary.svg") no-repeat center;background-size:contain;; }
.invert a.button:hover { background:var(--grey-dark);color:var(--primary); }
.invert a.button.large.arrow::after { background:url("/wp-content/themes/arch26/img/arrow-right-white.svg") no-repeat center;background-size:contain;; }
.invert a.link.arrow::after,.invert a.link.arrow.left::before { background:url("/wp-content/themes/arch26/img/arrow-right-white.svg") no-repeat center;background-size:contain; }
.invert a.link.arrow:hover { color:var(--grey-dark); }


html:not(.bg-pink) .invert :is(.bg-green,.bg-purple,.bg-orange,.bg-orange-light,.bg-blue,.bg-pink,.bg-pink-light,.bg-purple-light) a.button { color:var(--white);background:var(--primary); }
html:not(.bg-pink) .invert :is(.bg-green,.bg-purple,.bg-orange,.bg-orange-light,.bg-blue,.bg-pink,.bg-pink-light,.bg-purple-light) a.button:hover { background:var(--primary-light); }

.link-list { margin-top:var(--XXL); }
.link-list a { width:100%;border-top:1px solid var(--primary);font-size:1.25rem;display:flex;justify-content:space-between;align-items:center;padding:var(--L) 0;text-align:left; }
.link-list a:last-child { border-bottom:1px solid var(--primary); }
.link-list a::after { position:relative;top:1px;margin-left:0.5rem;background:url("/wp-content/themes/arch26/img/arrow-right-primary.svg") no-repeat center;background-size:contain;content:'';width:0.9rem;height:0.9rem;display:inline-block; }


h1,h2,h3,h4,h5,h6, .h-5xl, .h-4xl, .h-3xl, .h-2xl, .h-xl, .h-l, .h-m, .h-s, .h-xs, .h-2xs, .blog-post h4, .wp-element-caption, .decade-caption  { display:block;font-style:normal; font-weight:800;line-height:100%; margin:0; }
.t-3xl,.t-2xl,.t-xl,.t-l,.t-m,p,.t-s { font-style:normal; font-weight:500;line-height:135%; }

h1, .h-5xl      { font-size:7.5rem;    letter-spacing:-0.3375rem;  margin-bottom:clamp(1rem,3vw,2.25rem); }
h2, .h-4xl      { font-size:6.75rem;   letter-spacing:-0.3375rem;  margin-bottom:clamp(0.9rem,2.7vw,2rem); }
h3, .h-3xl      { font-size:5.25rem;   letter-spacing:-0.21rem;    margin-bottom:clamp(0.75rem,2vw,1.25rem); }
h4, .h-2xl      { font-size:4.5rem;    letter-spacing:-0.18rem;    margin-bottom:clamp(0.65rem,1.8vw,1.25rem); }
h5, .h-xl       { font-size:3.75rem;   letter-spacing:-0.1125rem;  margin-bottom:clamp(0.55rem,1.5vw,1rem); }
h6, .h-l        { font-size:3rem;      letter-spacing:-0.09rem;    margin-bottom:clamp(0.45rem,1.2vw,1rem); }
.h-m, 
.blog-post h2   { font-size:2rem;  line-height:100%;letter-spacing:-0.04rem;    margin-bottom:clamp(0.35rem,1vw,0.75rem); }
.h-s, 
.blog-post h3, 
.case-post h4   { font-size:1.5rem; line-height:100%; letter-spacing:-0.03rem;    margin-bottom:clamp(0.3rem,0.8vw,0.6rem); }
.h-xs, 
.blog-post h4   { font-size:1.1rem; line-height:100%;letter-spacing:0rem;   margin-bottom:clamp(0.25rem,0.6vw,0.5rem); }
.h-2xs, 
.wp-element-caption, 
.decade-caption { font-size:0.75rem; line-height:100%;letter-spacing:-0.01rem;   margin-bottom:clamp(0.25rem,0.6vw,0.5rem);text-transform: uppercase;  }
.wp-element-caption, 
.decade-caption  { margin-top:0.5rem;}

h2.wp-block-heading, .blog-post h2 { margin-top:4rem;margin-bottom:1rem; }
figure { padding:3rem 0; }

.t-3xl      { font-size:3rem;     letter-spacing:-0.03rem; }
.t-2xl      { font-size:2.25rem;  letter-spacing:-0.0225rem; }
.t-xl       { font-size:1.5rem;   letter-spacing:-0.015rem; }
.t-l        { font-size:1.25rem;  letter-spacing:-0.0125rem; }
.t-m, p     { font-size:1.1rem;     letter-spacing: 0rem; }
.t-s        { font-size:0.875rem; letter-spacing:-0.00875rem; }




@media(max-width:991px){

h1, .h-5xl      { font-size:6.75rem;    letter-spacing:-0.3375rem;   }
h2, .h-4xl      { font-size:5.25rem;    letter-spacing:-0.21rem;   }
h3, .h-3xl      { font-size:4.5rem;     letter-spacing:-0.18rem;   }
h4, .h-2xl      { font-size:3.75rem;    letter-spacing:-0.1125rem;    }
h5, .h-xl       { font-size:3rem;       letter-spacing:-0.09rem;  }
h6, .h-l        { font-size:2.5rem;     letter-spacing:-0.06rem;  }
.h-m, 
.blog-post h2   { font-size:2rem;  letter-spacing:-0.04rem; }
.h-s, 
.blog-post h3, 
.case-post h4   { font-size:1.5rem; letter-spacing:-0.03rem;   }
.h-xs, 
.blog-post h4   { font-size:1rem; letter-spacing:-0.01rem;   }
.h-2xs, 
.wp-element-caption, 
.decade-caption { font-size:0.75rem; letter-spacing:-0.01rem;   }


.t-3xl      { font-size:3rem;     letter-spacing:-0.03rem; }
.t-2xl      { font-size:2.25rem;  letter-spacing:-0.0225rem; }
.t-xl       { font-size:1.5rem;   letter-spacing:-0.015rem; }
.t-l        { font-size:1.25rem;  letter-spacing:-0.0125rem; }
.t-m, p     { font-size:1rem;     letter-spacing:-0.01rem; }
.t-s   

}



@media(max-width:768px){

h1, .h-5xl      { font-size:4.25rem;    letter-spacing:-0.21rem;   }
h2, .h-4xl      { font-size:3.5rem;    letter-spacing:-0.18rem;   }
h3, .h-3xl      { font-size:3rem;     letter-spacing:-0.1125rem;   }
h4, .h-2xl      { font-size:2.75rem;    letter-spacing:-0.09rem;    }
h5, .h-xl       { font-size:2.5rem;       letter-spacing:-0.06rem;  }
h6, .h-l        { font-size:2.2rem;     letter-spacing:-0.05rem;  }
.h-m, 
.blog-post h2   { font-size:2rem;  letter-spacing:-0.04rem; }
.h-s, 
.blog-post h3, 
.case-post h4   { font-size:1.5rem; letter-spacing:-0.03rem;   }
.h-xs, 
.blog-post h4   { font-size:1rem; letter-spacing:-0.01rem;   }
.h-2xs, 
.wp-element-caption, 
.decade-caption { font-size:0.75rem; letter-spacing:-0.01rem;   }


.t-3xl      { font-size:3rem;     letter-spacing:-0.03rem; }
.t-2xl      { font-size:2.25rem;  letter-spacing:-0.0225rem; }
.t-xl       { font-size:1.5rem;   letter-spacing:-0.015rem; }
.t-l        { font-size:1.25rem;  letter-spacing:-0.0125rem; }
.t-m, p     { font-size:1rem;     letter-spacing:-0.01rem; }
.t-s   

}


@media(max-width:560px){

h1, .h-5xl      { font-size:3.5rem;    letter-spacing:-0.18rem;   }
h2, .h-4xl      { font-size:3rem;    letter-spacing:-0.1125rem;   }
h3, .h-3xl      { font-size:2.75rem;     letter-spacing:-0.09rem;   }
h4, .h-2xl      { font-size:2.5rem;    letter-spacing:-0.06rem;    }
h5, .h-xl       { font-size:2.25rem;       letter-spacing:-0.05rem;  }
h6, .h-l        { font-size:2rem;     letter-spacing:-0.04rem;  }
.h-m, 
.blog-post h2   { font-size:1.75rem;  letter-spacing:-0.04rem; }
.h-s, 
.blog-post h3, 
.case-post h4   { font-size:1.5rem; letter-spacing:-0.03rem;   }
.h-xs, 
.blog-post h4   { font-size:1rem; letter-spacing:-0.01rem;   }
.h-2xs, 
.wp-element-caption, 
.decade-caption { font-size:0.75rem; letter-spacing:-0.01rem;   }


.t-3xl      { font-size:1.75em;     letter-spacing:-0.03rem; }
.t-2xl      { font-size:1.5rem;  letter-spacing:-0.0225rem; }
.t-xl       { font-size:1.25rem;   letter-spacing:-0.015rem; }
.t-l        { font-size:1.125rem;  letter-spacing:-0.0125rem; }
.t-m, p     { font-size:1rem;     letter-spacing:-0.01rem; }
.t-s   

}



 











.eyebrow { text-transform:uppercase; }

.text-center { text-align:center; }

.rounded, .wp-block-image img, .wp-block-embed.is-type-video { border-radius:var(--border-radius);overflow:hidden; }
.rounded.circle, .circle { border-radius:100%;}
.rounded.arch { border-top-left-radius:100%;border-top-right-radius:100%; }

.img-fit { width:100%; }
.rounded img { width:100%;height:100%;object-fit: cover;display:block; }

/* ==== NAV === */
.site-header { position:fixed; top:0;left:0;right:0;z-index:9999;transform:translateY(0);transition:all 0.25s ease;background:var(--white);border-bottom:1px solid transparent; }
.site-header.bg-pink-light { background:var(--pink-light); }
.header-hidden { transform:translateY(-100%); }
.header-spacer { height:var(--header-height, 100px); }
.header-active { /* box-shadow:0rem 0rem 1rem rgba(0,0,0,0.2); */ border-bottom:1px solid var(--primary); }
header .container-inner { padding:1rem 0;}
nav { display:flex;justify-content: space-between;gap:1rem;align-items: center;padding:var(--M) 0; }
.nav-menu { list-style:none;padding:0;margin:0;display:flex;gap:1rem;align-items:center; }
.nav-menu a { text-decoration:none;color:var(--primary);padding:var(--button-padding);position:relative;display:inline-block; }
.logo { display:inline-block}
.logo svg { width:107px;height:48px; }
.invert .logo svg path { fill:var(--white); }

.nav-menu li { position: relative; }
.nav-menu li::before { background:var(--grey);content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:100%;border-radius:100rem;mix-blend-mode: multiply; }
.nav-menu li:hover > a { color:var(--white); }
.nav-menu li:hover::before { background:var(--primary); }
.nav-menu li.start-project { white-space:nowrap; }
.nav-menu li.start-project::before { background:var(--primary); }
.nav-menu li.start-project:hover::before { background:var(--primary-light); }
.nav-menu li.start-project a { color:var(--white);font-weight:500;font-size:1.25rem;padding:0.4rem 1.2rem 0.6rem; }
.nav-menu li.start-project a::after { position:relative;top:1px;margin-left:0.5rem;background:url("/wp-content/themes/arch26/img/arrow-right-white.svg") no-repeat center;background-size:contain;;content:'';width:0.9rem;height:0.9rem;display:inline-block; }
.logo img { width:107px;height:auto; }


.sub-menu { position:absolute;top:100%;left:0;list-style:none;padding:1rem 0 0;display:grid;grid-template-columns:100%;gap:0.5rem;pointer-events: none; }
.sub-menu li { width:fit-content;display:inline-block;transition:all 0.2s ease-in-out;white-space: nowrap;transform:translateY(50%);opacity:0;pointer-events:none;border-radius:var(--border-radius); }
.sub-menu li::before { mix-blend-mode: unset; }
.sub-menu li a { color:var(--primary); }
.sub-menu:hover li a { color:var(--primary); }
.sub-menu:hover li a:hover { color:var(--white); }
.menu-item-has-children:hover .sub-menu li,
.menu-item-has-children:focus-within .sub-menu li,
.menu-item-has-children:target .sub-menu li,
.menu-item-has-children.opened .sub-menu li { transform:translateY(0%);opacity:1;pointer-events:all; }

.menu-item-has-children:hover .sub-menu { pointer-events: auto; }

/* header.site-header { z-index:9; } */
/* .sub-menu-blur { position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:var(--primary);opacity:0;transition:all 0.3s ease-in-out;z-index:8; }
.sub-menu-blur.visible { filter:blur(10px); } */


/* Default state: NO delays */
.menu-item-has-children .sub-menu li { transition-delay: 0ms; }

/* Hover state: staggered delays */
.menu-item-has-children:hover .sub-menu li:nth-child(1) { transition-delay: 0ms; }
.menu-item-has-children:hover .sub-menu li:nth-child(2) { transition-delay: 60ms; }
.menu-item-has-children:hover .sub-menu li:nth-child(3) { transition-delay: 120ms; }
.menu-item-has-children:hover .sub-menu li:nth-child(4) { transition-delay: 180ms; }
.menu-item-has-children:hover .sub-menu li:nth-child(5) { transition-delay: 240ms; }
.menu-item-has-children:hover .sub-menu li:nth-child(6) { transition-delay: 300ms; }







.invert .nav-menu li::before { mix-blend-mode: normal; }
.invert .nav-menu li.start-project::before { background:var(--white); }
.invert .nav-menu li.start-project a::after  { background:url("/wp-content/themes/arch26/img/arrow-right-primary.svg") no-repeat center;background-size:contain;; }
.invert .nav-menu li.start-project a { color:var(--primary); } 
.invert .nav-menu li:hover::before { background:var(--black); }
.invert .nav-menu li.start-project a:hover { color:var(--white); }
.invert .nav-menu li.start-project a:hover::after  { background:url("/wp-content/themes/arch26/img/arrow-right-white.svg") no-repeat center;background-size:contain;; }

/* ==== FOOTER === */
footer { padding-top:5rem;padding-bottom:8rem; }
/* footer * { color:var(--white);} */
footer .two-column { align-items:flex-end;}
.two-column > div:nth-child(2) { flex:1 1 300px; }
footer img { width:100%;max-width:500px;margin:auto 0 auto auto;display:block; }
.footer-menu { list-style:none;display:flex;gap:var(--M);padding:0;margin-bottom:0;flex-wrap:wrap; }
.footer-menu a { text-decoration: none;font-size:1.25rem; }
footer .email-link { text-decoration: none;margin-top:8rem; }
footer h3 { margin:1rem 0 3rem;}
.footer-contact-details { display:grid;grid-template-columns:1fr;gap:var(--XL); }
.footer-top { width:100%;max-width:42rem;}


.tag { padding:var(--button-padding);border-radius:100rem;text-decoration: none;display:inline-block; }
.invert .tag { color:var(--primary); }

/* === MODULES === */


.bordered { border-bottom:1px solid var(--primary);}
.top-bordered { border-top:1px solid var(--primary); }

/* -- Banner -- */
.banner { width:100%;max-width:65rem;margin:0 auto;position:relative;text-align:center;
    /* padding:clamp(5rem, 5vw, 4.5rem) 0 5rem; */
    display:flex;flex-direction:column;gap:0rem;justify-content:center;align-items:center; } 
.banner.left { margin:0 auto 0 0;text-align:left;align-items:flex-start;padding:0;max-width:73.5rem; } 
.banner.small { padding:0 0;margin-top:-1.5rem; } 
.banner p { width:100%;max-width:48.75rem; }
/* .banner.left p { margin:0rem 0 0;} */
.breadcrumbs ~ .banner { margin-top:var(--XXXL);}



/* -- Project Slider -- */
.project-card { position:relative; }
.project-slider-item { position:relative;display:inline-block;width:100%; }
.project-slider-item img { width:100%;height:auto;display:block; }
.project-slider .slick-list { overflow: visible; }
.project-slider .tag, .project-card .tag { padding:0.5rem 0.8rem;position:absolute;top:2rem;left:2rem;border-radius:100rem;text-decoration: none; }
.project-card .project-tags { margin-bottom:var(--M);display:flex;gap:1rem;align-items: center; }
.project-card .project-tags .tag { position:static;}
.project-card .project-tags .tag:not(:first-child) { background:none; }
.tag.service { padding:0; }
.invert .tag.service { color:var(--white); }

.card-hover, .card-hover .card-mover { transform:rotate(0deg) translateY(0); transition:all 0.2s ease-in-out;transform-origin: 50% 50%;position:relative; }
.card-hover:hover .card-mover { transform:rotate(-3deg) translateY(-1rem);}

.rounded img { display:block; }
video { display:block; }

.card-tags { display:flex;gap:var(--S);align-items:center;width:100%;overflow:hidden; }
.card-tags a:hover { color:var(--primary); }
.card-tags a.bg-purple:hover { color:var(--white); }
.tag { white-space: nowrap;position:relative;z-index:2; }
.card-title { padding-right:var(--L); }
.secondary-tags {display:flex;gap:var(--S);flex-wrap:nowrap;align-items:center;transform:translateX(0%); }
.secondary-tag-wrapper { overflow:hidden;display:flex; }
.card { display:grid;grid-template-columns:1fr;gap:var(--M);align-content:baseline; }

.card > svg { margin-bottom:var(--XL); }
 

.project-slider-arrows { position:relative;text-align:center;width:100%;height:30px;margin:var(--XXL) 0;display:flex;justify-content:center;gap:1rem; }

.project-rotator-details { display:block;text-align:center;max-width:600px;margin:0rem auto 0rem; }
.project-rotator-details .project-description { max-width:350px;margin:0 auto; }

.slick-next, .slick-prev { transform:none;position:static;width:28px;height:14px;background:url("/wp-content/themes/arch26/img/arrow-right-primary-slider.svg") no-repeat center;background-size:contain;cursor:pointer; }
.slick-prev { transform:scale(-1);}
.slick-next .slick-next-icon:before, .slick-next .slick-prev-icon:before, .slick-prev .slick-next-icon:before, .slick-prev .slick-prev-icon:before { display:none; }






/* -- Video -- */
.video-container { width:50%; margin:0 auto; position:relative;min-width:350px;transform:scale(1); }

.animated-preview { position: absolute;top:0;left:0;width:100%;height:100%;z-index:3; }

.video-container.finished { animation:videoBounce 0.6s ease-in-out; }
@keyframes videoBounce {
    0% { transform:scale(1) }
     40% { transform:scale(1.02) }
      80% { transform:scale(0.98) }
       100% { transform:scale(1) }
}
.video-container :is(img, video) { width:100%; display:block; }
.video-sticky { position:sticky; top:2rem; }
.video-container iframe { width:100%; }
.plyr--video { width:100%;}
.plyr__controls { padding-left:2rem !important; padding-right:2rem !important; }
.plyr__control--overlaid { border-radius:100rem;transform:translate(-50%,-50%) scale(3);padding:calc(var(--plyr-control-spacing, 10px)*1.5) calc(var(--plyr-control-spacing, 10px)*2); }
:root{
    --plyr-color-main:var(--primary);
}
.plyr-button-wrapper { z-index:4;position:absolute;top:0;width:100%;height:100%;left:0;background:rgba(0,0,0,0);transition:all 0.3s ease-in-out; }
.plyr-button-wrapper:hover { cursor:pointer;background:rgba(0,0,0,0.3); }

/* -- Track Slider -- */
.track-wrapper { overflow: visible; position: relative; width: 100%;margin:0 -0.5rem; }
/* .track { display: flex; justify-content:space-between;flex-wrap: nowrap; gap: var(--M); transform: translateX(0); will-change: transform; cursor: grab; }
.track.dragging { cursor: grabbing; } */
.track-item { transform:translateY(25%);transition:all 0.4s ease-in-out;opacity:0; }
.track-item.visible { transform:translateY(0%);opacity:1; }
.track .slick-list { overflow: visible; }
.track .slick-list .slick-slide > div { padding:0 0.5rem; }

.track-item .icon-box { aspect-ratio: 1 / 1; width: 100%; display: flex; align-items: center; justify-content: center; }
.track-item .icon-box img { width: 70%; height: 70%; object-fit: contain; object-position: center; }



/* -- Logo Grid -- */
.logo-grid { width:100%;position:relative;display:block; }
.logo-grid-row { width:100%;display:grid;align-items:center;opacity:0;position:absolute;top:0;left:0;width:100%;height:auto;transition:opacity 0.5s ease-in-out;grid-template-columns:repeat(6, 1fr); }
.logo-grid-row:first-child { position:static; }
.logo-grid-row.active-row { opacity:1; }
.logo-grid-row .logo-grid-item { opacity:0;transition:all 0.5s ease-in-out;position:relative;top:-25%;flex:0 1 170px;max-width:150px;margin:0 auto; }
.logo-grid-row.active-row .logo-grid-item.active-item { opacity:1;top:0; }
.logo-grid svg { width:100%;height:auto;display:block; }
.invert .logo-grid svg :is(path, ) { fill:var(--white); }


/* -- Two Column -- */
.two-column { display:grid;gap:var(--XXL);align-items:start;grid-template-columns:6fr 5fr; }
.two-column > div:first-child { max-width:590px; }

img.fit { width:100%; }

.two-column.location-form-columns { align-items:flex-start; }
.two-column.location-form-columns > div:first-child { flex:0 1 370px; }
.two-column.location-form-columns > div:last-child { flex:1 1 auto;max-width:100%; }


.two-column-text { display:flex;gap:var(--XXL);align-items:flex-start;flex-wrap:wrap; }
.two-column-text > div { flex:1 1 45%; }


.text-column { display:grid;grid-template-columns:1fr;gap:var(--XS); }


/* -- Filter -- */
.cpt-archive-filter { border-bottom:1px solid var(--primary);padding-bottom:var(--XL); }
.filter-line { display:flex;align-items:center;gap:0.8rem;flex-wrap:wrap; }
.filter-toggle { gap:0.5rem;border-radius:100rem;display:inline-flex;align-items:center;padding:var(--button-padding); }
.filter-toggle:hover { background:var(--grey-dark);cursor:pointer; }
.filter-toggle::after { width:0.8rem;height:0.8rem;display:inline-block;content:"";background:url("/wp-content/themes/arch26/img/arrow-right-primary.svg") no-repeat center;background-size:contain;transform:rotate(-90deg);transition:all 0.3s ease-in-out; }
.filter-toggle.active::after { transform:rotate(90deg); }
a.button.filter-go { padding:0.5rem 0.8rem 0.4rem;display:inline-flex;align-items: center;font-size:1rem;margin:0; }
a.button.filter-go::after { width:0.7rem;height:0.7rem;display:inline-block;content:"";background:url("/wp-content/themes/arch26/img/arrow-right-white.svg") no-repeat center;background-size:contain; }
.filter-menu { display:none;width:fit-content;padding:1rem;gap:var(--S);flex-wrap:wrap;background:var(--grey);border-radius:var(--border-radius);margin-top:var(--M); }

.filter-radio { position:relative;align-items:center; }
.filter-radio span { cursor:pointer;padding:var(--button-padding);display:inline-block;border-radius:100rem; }
.filter-radio:hover span { background:var(--primary);color:var(--white); }
.filter-radio input[type=radio] { position:absolute;top:0;left:0;opacity:0; }

.filter-radio input[checked=checked] ~ span { background:none;border:1px solid var(--primary);color:var(--primary); }
.tag-bullet { width:4px;height:4px;background:var(--primary);border-radius:100%;display:inline-block; }

.clear-filters { display:flex;align-items: baseline;gap:0.5rem; }

.project-grid { display:flex;gap:var(--S);row-gap:var(--XXL);flex-wrap:wrap;justify-content:flex-start; }
.project-grid .grid-item { flex:1 1 380px;max-width:420px; }
.project-grid .grid-item a { text-decoration:none;}

.pagination { display:flex;gap:var(--S);justify-content:center;margin:var(--XXL) 0; }
.pagination a { text-decoration:none;color:var(--primary);padding:0.5rem 0.8rem;position:relative;display:inline-block;background:var(--primary);color:var(--white);border-radius:100rem;white-space: nowrap; }
.pagination span { padding:0.5rem 0.8rem;position:relative;display:inline-block;background:var(--grey);color:var(--primary);border-radius:100rem; }
.pagination a:hover { background:var(--primary-light); }

.pagination a.next::after { position:relative;top:1px;margin-left:0.5rem;background:url("/wp-content/themes/arch26/img/arrow-right-white.svg") no-repeat center;background-size:contain;content:'';width:0.9rem;height:0.9rem;display:inline-block; }
.pagination a.prev::before { position:relative;top:1px;margin-right:0.5rem;background:url("/wp-content/themes/arch26/img/arrow-right-white.svg") no-repeat center;background-size:contain;content:'';width:0.9rem;height:0.9rem;display:inline-block;transform:scaleX(-1); }

.invert .pagination a.next::after, .invert .pagination a.prev::before { background:url("/wp-content/themes/arch26/img/arrow-right-primary.svg") no-repeat center;background-size:contain; }


.invert .pagination a { background:var(--white);color:var(--primary); }
.invert .pagination a:hover { background:var(--grey-dark);color:var(--primary); }
.invert .pagination span { background:var(--primary-light);color:var(--white); }

/* -- Tick grid -- */
.tick-grid { display:flex;gap:var(--XXL);row-gap:var(--L);flex-wrap:wrap;list-style:none;padding:0;margin:0;align-items:center;margin:var(--XXL) 0 0;padding-top:var(--XXL); }
.tick-grid > li { flex:1 1 500px;display:flex;flex-wrap:nowrap;gap:var(--M);align-items:flex-start; }
.tick-grid > li svg { flex:0 0 60px; }
.tick-grid span { margin:0;}
.tick-grid.green svg path { fill:var(--green); }
.tick-grid.purple svg path { fill:var(--purple); }
.tick-grid.orange svg path { fill:var(--orange); }
.tick-grid.pink svg path { fill:var(--pink); }
.tick-grid.blue svg path { fill:var(--blue); }
.tick-grid.purple-light svg path { fill:var(--purple-light); }
.tick-grid.orange-light svg path { fill:var(--orange-light); }
.tick-grid.pink-light svg path { fill:var(--pink-light); }
.tick-grid.grey svg path { fill:var(--grey); }


.usps { padding:var(--XXL) 0; }
.usp { display:flex !important;gap:var(--L);align-items:center;padding-right:3rem; }
.usps.ticks-purple svg path { fill:var(--purple); }
.usps.ticks-pink svg path { fill:var(--pink); }
.usps.ticks-pink-light svg path { fill:var(--pink-light); }
.usps.ticks-orange svg path { fill:var(--orange); }
.usps.ticks-orange-light svg path { fill:var(--orange-light); }



.faqs { text-align:left; }
.faqs .q { position:relative; }
.faqs .q::before { content:"";display:block;width:14px;height:14px;position: absolute;top:50%;right:0;background:url("/wp-content/themes/arch26/img/arrow-right-primary.svg") no-repeat center;background-size:contain;transform:translateY(-50%) rotate(90deg); }
.faqs .q.active::before { transform:translateY(-50%) rotate(-90deg); }


.service-quote { width:100%;max-width:48.75rem;margin:0 0 0 auto; }


:root{--gap:var(--XL);--row-gap:var(--XXL); }

.flex-12 { display:flex;flex-wrap:wrap;gap:var(--gap);row-gap:var(--row-gap); }
.col-1 {flex:0 0 calc(100% / 12);}
.col-2 {flex:0 0 calc(100% / 6);}
.col-3 {flex:0 0 calc(100% / 4);}
.col-4 {flex:0 0 calc(100% / 3);}
.col-5 {flex:0 0 calc(100% * 5 / 12);}
.col-6 {flex:0 0 50%;}
.col-7 {flex:0 0 calc(100% * 7 / 12);}
.col-8 {flex:0 0 calc(100% * 8 / 12);}
.col-9 {flex:0 0 75%;}
.col-10 {flex:0 0 calc(100% * 10 / 12);}
.col-11 {flex:0 0 calc(100% * 11 / 12);}
.col-12 {flex:0 0 100%;}
.col-off-1 {margin-left:calc((100% / 12) - var(--gap));}
.col-off-2 {margin-left:calc((100% / 6) - var(--gap));}
.col-off-3 {margin-left:calc((100% / 4) - var(--gap));}
.col-off-4 {margin-left:calc((100% / 3) - var(--gap));}
.col-off-5 {margin-left:calc((100% * 5 / 12) - var(--gap));}
.col-off-6 {margin-left:calc(50% - var(--gap));}
.col-off-7 {margin-left:calc((100% * 7 / 12) - var(--gap));}
.col-off-8 {margin-left:calc((100% * 8 / 12) - var(--gap));}
.col-off-9 {margin-left:calc(75% - var(--gap));}
.col-off-10 {margin-left:calc((100% * 10 / 12) - var(--gap));}
.col-off-11 {margin-left:calc((100% * 11 / 12) - var(--gap));}



.cursor-tooltip { position: absolute;pointer-events: none;padding: 6px 10px;border-radius: 100rem;z-index: 9999;opacity: 0;transform: translateY(18px);transition: opacity 0.32s ease, transform 0.32s cubic-bezier(.22,1.8,.36,1);color:var(--primary) !important; }
.cursor-tooltip.entering { opacity: 1;transform: translateY(0); }
.cursor-tooltip.leaving { opacity: 0;transform: translateY(18px);transition: opacity 0.22s ease, transform 0.22s cubic-bezier(.22,1.8,.36,1); }


.breadcrumbs { text-transform:uppercase;border-top:1px solid var(--primary);padding-top:var(--M); }
.breadcrumbs :is(a, span) { font-weight:800;text-decoration:none; }
.breadcrumbs span { opacity:0.6; }

.section-break { text-transform:uppercase;margin-bottom:var(--L);border-top:1px solid var(--primary);padding-top:var(--M); }


.images-flex { display:grid;gap:var(--L);grid-template-columns:repeat(2, 1fr); }

.images-flex img, 
.images-flex video, 
.project-header-video :is(img, video)  { width:100%;display:block;height:100%; }


.images-flex.layout-1-2 > div:nth-child(1),
.images-flex.stacked > div { grid-column:1 / span 2; }
.images-flex.layout-2-1 > div:nth-child(3) { grid-column:1 / span 2; }


.images-flex.layout-2-1 > div:is(:nth-child(1), :nth-child(2)) :is(img,video) { aspect-ratio:1/1;object-fit:cover;width:100%; }


.images-flex.layout-1-2 > div:is(:nth-child(3), :nth-child(2)) :is(img, video) { aspect-ratio:1/1;object-fit:cover; }

.images-flex.layout-2-2 > div { aspect-ratio: 1/1;object-fit:cover; }

.square-img, .square-video { aspect-ratio:1/1;object-fit:cover;width:100%; }
.project-rotator .square-img { height:100%; }

.square-video { object-fit: contain;height:100%; }

.testimonial { padding:var(--XXL) var(--XXL) 1rem;height:100%;display:flex !important;align-content:space-between;flex-wrap: wrap;gap:var(--L); }
.testimonial-slider .slick-list { overflow:visible; }
.testimonial-slider .slick-slide > div { padding:var(--XS); }
.testimonial-slider .slick-track { display: flex; }
.testimonial-slider .slick-slide { height: inherit;display: flex; }
.testimonial-slider-arrows { width:100%;display:flex;justify-content: center;gap:1.5rem;padding:var(--XXL) 0; }
.quote-attribution { display:block;width:100%;margin-top:var(--L); }

.thumbnail { margin-bottom:var(--M); }


.services-grid { margin-top:var(--XXL);display: flex;gap:5rem;flex-wrap:wrap; }
.service-box { display:grid;grid-template-columns:auto 500px;align-items:flex-end;flex-wrap:wrap;gap:var(--L);width:75%;padding:var(--XL) var(--XXL);row-gap:0rem; }
.service-box:nth-child(even) { margin-left:25%; }

.service-box div:first-child { font-weight:600;flex:1 1 300px;padding-top:var(--L); }
.service-box div:nth-child(2) { flex:1 1 300px;}
.service-box img { width:100%; }

.service-banner { aspect-ratio: 16/9;  }
.service-banner .lottie { height:100%; }




.directors { display:flex;gap:var(--XL);width:100%;max-width:1100px;margin:var(--XXL) auto 0;gap:var(--L);row-gap:var(--XXL);flex-wrap:wrap; }
.directors > div { flex:1 1 20rem;display:flex;row-gap:1rem;flex-wrap:wrap; }
.directors img { width:100%; }



.team-grid { display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;row-gap:3rem;margin:0 auto; }


.arch-way-icons { width:100%;display:flex;margin:var(--XXXL) auto;gap:var(--XL);justify-content:center;flex-wrap:wrap; }
.arch-way-icons > svg { flex:0 1 200px;width:100%;height:auto; }
.lottie-icon { width:225px;height:255px; }





.photo-slider { margin:var(--XXXL) auto;overflow:visible;padding-top:var(--XXL); }
.photo-slider .slick-list { overflow:visible; }
.photo-slide  { padding:var(--S); }
.photo-slide img { width:100%;aspect-ratio:1/1;display:block;object-fit:cover; }
.photo-slider .slick-slide:nth-child(even) .photo-slide img { transform:translateY(-25%); }

.arch-way-grid { padding:var(--XXXL) 0;margin:0 auto;width:100%;max-width:1200px;display:flex;flex-wrap:wrap;row-gap:var(--XXXL);justify-content:center;  }
.arch-way-grid > div { display:flex;align-items:center;gap:var(--XXL);}
.arch-way-grid .dash { width:15rem;border-top:1px solid var(--white);height:0px;display:inline-block; }
.arch-way-text { max-width:400px; }

ul.ticks { padding-left:0;padding-top:var(--L);list-style:none;display:flex;flex-wrap:wrap;gap:var(--M); }
ul.ticks li { display:flex;gap:var(--S);width:100%; }
ul.ticks li::before { flex:0 0 20px;display:inline-block;width:20px;height:20px;content:"";background:url("/wp-content/themes/arch26/img/tick.svg") no-repeat center center;background-size:contain; }

.bloom-columns { display:flex;gap:var(--M);margin-top:var(--XXXL); }
.bloom-columns > div { flex:1 1 500px;padding:var(--XXL);font-weight:600; } 
.bloom-columns > div *:is(p,span,li,h3) { color:var(--primary) !important; }

.faq { border-bottom:1px solid var(--primary);padding:var(--M) 0; }
.invert .faq { border-color:var(--white); }
.faq:last-child { border:none; }
.faq .q { padding:var(--S) 0; }
.faq .a { display:none; }
.faq:first-child .a { display:block; }
.faq .q:hover { cursor:pointer; }

.news-grid { display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--M);row-gap:var(--XXXL);flex-wrap:wrap;align-items:start; }
.blog-cta { grid-column:1 / span 4;grid-row-start:2; }

.blog-post article { max-width:60rem;width:100%;margin:0 auto; }

.blog-post article .module { padding:3rem 0; }
.blog-post article .alt-column { padding-top:3rem; }
.blog-post article :is(img, video, .embed-container) { border-radius:var(--border-radius);overflow:hidden; }









.contact-grid { display:flex;gap:var(--XXXL);flex-wrap:wrap; }
.contact-grid > div { flex:1 1 50%; }
.contact-grid > div.contact-right { flex:1 1 40%;display:grid;grid-template-columns:100%;gap:var(--XXL); }
.contact-right > div { display:grid;grid-template-columns: 100%;gap:var(--M); }
.contact-right p { margin:0; }

.link-grid { display:flex;gap:var(--L); }

.mobile-menu { display:none; }








.rotator-holder { position:relative; overflow:visible; height:600px; }
.project-rotator { position:relative; width:0; height:0; left:50%; top:0; }
.project-rotator > div { width:524px; height:524px; position:absolute; transform-origin:50% 50%; opacity:0; pointer-events:none; transition:all 0.45s ease-in-out; z-index:1; }
.project-rotator > div.visible { opacity:1; pointer-events:all; }
.project-rotator.loaded > div.center { animation:centerBounce 0.45s ease-in-out; }
.project-rotator > div.depth-0 { z-index:501; }
.project-rotator > div.depth-1 { z-index:500; }
.project-rotator > div.depth-2 { z-index:499; }

.project-rotator > div .tag { position:absolute; top:1rem; left:1rem; }

@keyframes centerBounce { 0%{margin-top:0;} 50%{margin-top:-4vw;} 100%{margin-top:0;} }

.rotator-arrows { width:100%;display:flex;justify-content:center;gap:1rem;padding-bottom:var(--XL); }

.arrow-left,.arrow-right { transform:none;position:static;width:28px;height:14px;background:url("/wp-content/themes/arch26/img/arrow-right-primary-slider.svg") no-repeat center;background-size:contain;cursor:pointer;border:none;text-indent:-99999px;overflow:hidden; }
.arrow-left { transform:scale(-1);}
.project-titles-rotator > div { display:none; }
.project-titles-rotator > div[data-index="0"] { display:block; } 
.project-details { display:grid;grid-template-columns:100%;gap:var(--L);justify-content:center;position:relative;z-index:3; }
.project-titles-rotator-item { min-height:100px; }



.two-decade-section { padding-top:6rem;}
.two-decade { width:100%;overflow:visible;position:relative;margin-bottom:9rem; }
.two-decade-holder { transition:opacity 0.3s ease-in-out;opacity:1;transform:translateX(0%);width:auto;display:grid;gap:var(--L);align-items:center;white-space: nowrap;bottom:0;left:0;grid-template-columns:500px auto;position: absolute; }
/* .two-decade-holder > div:first-child .square-img { width:100%; } */
.decades-text { font-size:18.75rem;font-weight:bold;white-space:nowrap;position:relative;z-index:5; }
.two-decade-holder > div { display:inline-block;white-space: nowrap; }
.two-decade-holder.invisible { opacity:0;}
.decades-text-holder { position:relative;}
.two-decade a.button { position:absolute; bottom:0;left:50%;transform:translate(-50%, 300%);z-index:5; }
.two-decade .eyebrow { transform:translateY(-6rem);}

.two-decades-video { min-width:500px; }

.svg-20 { display:flex;align-items: center;justify-content: center;background-color: var(--purple); animation: bgSpin 5s steps(1) infinite; }

.svg-20 svg { width:75%; }
.svg-20 svg path { animation: svgcol 5s steps(1) infinite;fill: var(--pink); }
.pausable.paused.svg-20,
.pausable.paused.svg-20 svg path  { animation:none; }
.pausable { position:relative; }


@keyframes bgSpin {
    0%      { background-color: var(--purple); }
    16.666% { background-color: var(--orange); }
    33.333% { background-color: var(--pink-light); }
    50%     { background-color: var(--pink); }
    66.666% { background-color: var(--green); }
    83.333% { background-color: var(--orange-light); }
    100%    { background-color: var(--purple); }
}

@keyframes svgcol {
    0%      { fill: var(--pink); }
    16.666% { fill: var(--pink-light); }
    33.333% { fill: var(--green); }
    50%     { fill: var(--orange-light); }
    66.666% { fill: var(--pink-light); }
    83.333% { fill: var(--orange); }
    100%    { fill: var(--pink); }
}
.note { width:100%;height:auto;aspect-ratio:4/3;max-width:350px;object-fit:contain;object-position: center top; }
.note, .image { position:absolute;  } 
.note-1 { top:-9%; left:10%; }
.note-2 { top:88%; left:38%; }
.note-3 { top:-9%; left:59%; }
.note-4 { top:91%; left:93%;max-width:500px; }

.image { transform:translateY(50%);opacity:0;width:100%:;max-width:350px;height:auto;aspect-ratio:4/3;object-fit:cover; }
.image-1 { top:67%;left:13%;}
.image-2 { top:-17%;left:31%;}
.image-3 { top:67%;left:51%;}
.image-4 { top:-17%;left:71%;}
.image-5 { top:15%;left:99%;}




.cta { display:flex;gap:var(--L);align-items:center;row-gap:0rem; }
.cta > div:last-child { flex:1 1 auto; }
.cta-text { padding:2rem 3rem 1rem;display:flex;gap:var(--XL);row-gap:0;align-items:center;justify-content: space-between;flex-wrap:wrap;}
.cta-text > div:nth-child(1) { flex:1 1 600px; }
.cta-text > div:nth-child(2) { flex:0 1 200px; }
.cta-image { max-width:10rem; }




.mission-statement-holder { width:100%;max-width:72rem;margin:0  0 0 auto; }
.mission-statement { line-height:1.4;font-weight:500;font-size:clamp(2rem, 3.5vw, 4rem); }
.mission-statement > span { padding:0 0.5rem 0.15rem;position:relative; }
.mission-tag { position:absolute;top:0;left:0;width:100%;height:100%; }

.arch-icon-grid { display:grid;gap:var(--L);grid-template-columns:1fr 1fr 1fr;padding-top:var(--XXXL); }
.arch-icon-grid > div { flex:0 1 500px;gap:var(--S);align-items:center; }



.arch-way-letters { display:flex;gap:0.3rem;justify-content:center;align-items:center;padding-top:var(--XXXL); }
.arch-way-letter { font-size:10rem;font-weight:bold;color:var(--primary);border-radius:100rem;flex:0 0 15rem;transition:all 0.3s ease-in-out;position:relative;padding-left:3.8rem;user-select: none; }
.arch-way-letter.active { flex:1 1 auto; }

.arch-way-float-text { position:relative;height:600px;margin-top:3rem; }
.arch-way-float-text > div { max-width:39rem;position:absolute;top:0;left:0;opacity:0;transition:all 0.3s ease-in-out;transform:translateY(50%);pointer-events:none }
.arch-way-float-text > div.active { opacity:1;transform:translateY(0%);pointer-events:all;  }
.arch-way-float-text > div:nth-child(2) { left:250px;}
.arch-way-float-text > div:nth-child(3) { left:500px;}
.arch-way-float-text > div:nth-child(4) { left:750px;}

.float-nav-links { display:flex;flex-wrap:wrap;gap:var(--XL);align-items:center;padding-top:var(--XL); }

.tick-list { padding:0;margin:0;list-style:none;font-size:1rem;display:flex;font-weight:400;flex-wrap:wrap;gap:var(--S); }
.tick-list li { display:flex;gap:var(--S);align-items:baseline; }
.tick-list svg { position:relative;top:3px; }
.tick-list svg path { fill:var(--primary);}
.invert .tick-list svg path { fill:var(--white);}

.links { display:flex;flex-wrap:wrap;gap:var(--L);row-gap:var(--M);align-items:center; }


#arch-way { position: relative;}



.mobile-toggle { display:none;position:relative;gap:5px;width:30px;flex-wrap:wrap; }
.mobile-toggle .toggle-bar { width:100%;height:4px;background:var(--primary);border-radius:10rem; }
.invert .mobile-toggle .toggle-bar { background:var(--white); }
.blur-cover { opacity:0;pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);z-index:99999;transition:all 0.3s ease-in-out; }
/* body * { opacity:1; } */
body.blur *:not(.blur-cover *, .blur-cover) { filter:blur(6px); }
/* body.blur-small *:not(.sub-menu-blur, header, header *) {  } */

.blur-cover.active { opacity:1;pointer-events:all; }


.mobile-menu { background:var(--primary);position:absolute;top:1rem;left:1rem;border-radius:var(--border-radius);width:calc(100% - 2rem);transform:translateY(-110%);transition:all 0.5s ease-out;padding:var(--XXXL) var(--XXL) var(--XXL); }
.mobile-menu.active { transform:translateY(0); }
.mobile-menu .nav-menu { display:block;width:100%;display:flex;flex-wrap:wrap; }
.mobile-menu .nav-menu li { width:100%;font-size:1.25rem;text-align:left; }
.menu-nav-menu-container { height:100%;display:flex;align-items:center;flex-wrap:nowrap;width:100%; }
.mobile-menu .nav-menu li::before { display:none; }
.mobile-menu .nav-menu li a { color:var(--white);font-size:1.6rem; }
.mobile-menu .sub-menu { display:none;position:static; }
/* .mobile-menu .sub-menu li { opacity:1;transform:translateY(0); } */
.mobile-menu .menu-item-has-children > a::after { width:16px;height:16px;position:absolute;top:calc(50% - 8px);right:0;content:"";display:block;background:url("/wp-content/themes/arch26/img/arrow-right-white.svg") no-repeat;background-size:contain;transform:rotate(90deg);transition:transform 0.3s ease-in-out;  }
.mobile-menu .menu-item-has-children.opened > a::after { transform:rotate(0deg); }
.mobile-menu .sub-menu li a { font-size:1.3rem;padding-left:var(--XL); }
.mobile-menu .start-project { display:none;}
.mobile-start { position:fixed;bottom:0;left:0;width:calc(100% - 6rem);background:var(--primary);color:var(--white);padding:var(--M);margin:0 3rem;text-align:center;display:none;z-index:998;border-top-right-radius:3rem;border-top-left-radius:3rem;font-size:1.75rem;transition:bottom 0.4s ease-in-out; }

.mobile-start {
    position: fixed;
    bottom: -180px;
}

.mobile-start.bounce-in {
bottom:0px;
}





.invert .mobile-start { background:var(--white);color:var(--primary); }
.mobile-start:hover { color:var(--white);background:var(--primary-light); }
.mobile-start::after { margin-left:var(--XL);width:25px;height:25px;content:"";display:inline-block;background:url("/wp-content/themes/arch26/img/arrow-right-white.svg") no-repeat;background-size:contain;position: relative;top:5px; }
.invert .mobile-start::after { background:url("/wp-content/themes/arch26/img/arrow-right-primary.svg") no-repeat;background-size:contain; }
.invert .mobile-start:hover { background:var(--grey-dark);color:var(--primary); }

.start-form { width:100%;max-width:60rem;border-radius:3rem;height:calc(100% - 3rem);padding:4rem var(--XXXL) 2rem;transform:translateX(110%);transition:all 0.5s ease-out;position:absolute;top:1rem;right:1rem; }
.start-form.active { transform:translateX(0%); }

.start-form form :is(label, input) { background:none;border:none;color:var(--white); }
.start-form form input { border-bottom:1px solid var(--white); }
.close-form, .close-nav { position:absolute;top:2.5rem;right:2.5rem;color:var(--white);font-size:1.5rem;font-weight:bold;z-index:10 }
.form-scroller { height:100%;overflow-y: auto;}


.decade-img { position:relative; }
.decade-img > img:not(.decade-writing) { aspect-ratio:4/3;object-fit:cover; }
.decade-img > .decade-writing { position:absolute;top:0%;left:0%;max-width:22rem;z-index:1;max-height:160px;object-fit: contain; }

.decade-img-grid { display:grid;grid-template-columns:repeat(12, 1fr);gap:var(--XXL);width:100%;max-width:1200px;margin:0 auto;  }
.decade-img-grid img { width:100%; }

.decade-img-grid.layout-1 .decade-img:nth-child(1) { grid-column:1 / span 12; }
.decade-img-grid.layout-1 img { aspect-ratio:16/9; }

.decade-img-grid.layout-2 .decade-img:nth-child(1) { grid-column:2 / span 5;grid-row:1 / span 3; }
.decade-img-grid.layout-2 .decade-img:nth-child(2) { grid-column:8 / span 4;grid-row:2 / span 3; }


.decade-img-grid.layout-3 .decade-img:nth-child(1) { grid-column:1 / span 5;grid-row:1 / span 3; }
.decade-img-grid.layout-3 .decade-img:nth-child(2) { grid-column:8 / span 5;grid-row:2 / span 3; }
.decade-img-grid.layout-3 .decade-img:nth-child(3) { grid-column:2 / span 5;grid-row:4 / span 3; }


.decade-img-grid.layout-4 .decade-img:nth-child(1) { grid-column:1 / span 4;grid-row:1 / span 3; }
.decade-img-grid.layout-4 .decade-img:nth-child(2) { grid-column:8 / span 5;grid-row:2 / span 3; }
.decade-img-grid.layout-4 .decade-img:nth-child(3) { grid-column:2 / span 5;grid-row:4 / span 3; }
.decade-img-grid.layout-4 .decade-img:nth-child(4) { grid-column:9 / span 4;grid-row:6 / span 3; }
.container-outer .container-inner.last { padding-bottom:15rem; }
.last .decade-img > .decade-writing { max-width:30rem;max-height:10rem; }


.pillars { display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem; }

.nowrap { white-space: nowrap; }


.forminator-error-message { font-size:0.9rem;padding-top:0.5rem;display:block; }
.forminator-custom-form label, .forminator-label { font-weight:800;font-size:1rem;display:block;color:var(--primary); }
.forminator-custom-form input { margin-top:1rem;padding:0.5rem 0rem;font-size:1rem;width:100%;background:none;border:none;border-bottom:1px solid var(--primary); }
.forminator-custom-form input:focus,
.forminator-custom-form input:active { padding:0.5rem 1rem; }
.forminator-custom-form textarea { width:100%;background:transparent;border:1px solid var(--primary);border-radius:var(--border-radius);margin-top:1.5rem;font-family:'articulat', sans-serif;padding:1.5rem; }

.forminator-custom-form input[type="checkbox"] { width:auto;position:absolute;opacity:0;pointer-events:none; }
.forminator-checkbox { position:relative;width:fit-content;margin:0 1rem 1rem 0;display:inline-block; }

.forminator-checkbox-label { font-weight:400;display:inline-block;padding:0.3rem 0.8rem 0.4rem;border:1px solid var(--primary);border-radius:100rem; }
.forminator-checkbox-label:hover { background:var(--primary-light);color:var(--white);cursor:pointer; }
.forminator-custom-form input[type="checkbox"]:checked ~ .forminator-checkbox-label { background:var(--primary);color:var(--white);cursor:pointer; }

.forminator-field-checkbox .forminator-field[role="group"] { display:flex;flex-wrap:wrap; }
.forminator-field-checkbox .forminator-field[role="group"] .forminator-label { flex:1 1 100%;margin-bottom:1.5rem; }

.forminator-button { border:none;padding:0.4rem 1.2rem 0.4rem; }


.forminator-row-last { margin-top:-30px !important; }

.bg-primary .forminator-custom-form label, 
.bg-primary .forminator-label { color:var(--white); }

.bg-primary .forminator-checkbox-label,
.bg-primary textarea { border-color:var(--white); }

.start-form .forminator-row{ width:100%; }
.start-form textarea { min-height:150px !important; }
.start-form .forminator-row { margin-bottom:20px !important; }

.start-form .forminator-button { background:var(--white);color:var(--primary) !important;
 }
 .start-form .forminator-button::after { background:url("/wp-content/themes/arch26/img/arrow-right-primary.svg") no-repeat;background-size:contain;
 }
 .start-form .forminator-button:hover { background:var(--primary-light);color:var(--white) !important;
 }
  .start-form .forminator-button:hover::after { background:url("/wp-content/themes/arch26/img/arrow-right-white.svg") no-repeat;background-size:contain;
 }

 .start-form .forminator-checkbox-label:hover { background:var(--white);color:var(--primary) !important;cursor:pointer; }
.start-form .forminator-custom-form input[type="checkbox"]:checked ~ .forminator-checkbox-label { background:var(--primary-light);color:var(--white) !important;cursor:pointer; }

.start-form * { color:var(--white) !important; }





.stats-boxes { display:grid;grid-template-columns:1fr;margin-top:4rem;gap:0.5rem; }
.stats-boxes.layout-2, .stats-boxes.layout-4 { grid-template-columns:1fr 1fr; }
.stats-boxes.layout-3, .stats-boxes.layout-6 { grid-template-columns:1fr 1fr 1fr; }
.stats-boxes.services.layout-4 { grid-template-columns:1fr 1fr 1fr 1fr; }
.stats-boxes.layout-5 { grid-template-columns:repeat(6, 1fr); }
.stats-boxes.layout-5 > .stat-box { grid-column:auto / span 2; }
.stats-boxes.layout-5 > .stat-box:nth-child(4),
.stats-boxes.layout-5 > .stat-box:nth-child(5) { grid-column:auto / span 3; }

.stat-box { border-radius:var(--border-radius);padding:2.8rem 3rem 3rem 3rem; }
.stat-box span { font-size:3rem;font-weight:500; } 
.stat { white-space: nowrap;margin-bottom:0.5rem; }
.stat-box .stat-arrow.down svg { transform:rotate(180deg); }
.stat-box *  { color:var(--primary) !important; }
.stat-box p  { margin-bottom:0;}
.stat-box .eyebrow { margin-top:0.2rem;}


.stat-box:is(.bg-primary, .bg-purple) *  { color:var(--white) !important; }
.stat-box:is(.bg-primary, .bg-purple) .stat-arrow svg path { stroke:var(--white); }





.featured-grid { display:grid;grid-template-columns:repeat(12, 1fr);gap:5rem;row-gap:5rem;  }
.featured-grid img { width:100%; }

.featured-grid.layout-1 .grid-item              { grid-column:1 / span 12; }

.featured-grid.layout-2 .grid-item              { grid-column:2 / span 5;grid-row:1 / span 3; }
.featured-grid.layout-2 .grid-item:nth-child(2) { grid-column:8 / span 4;grid-row:2 / span 3; }


.featured-grid.layout-3 .grid-item              { grid-column:1 / span 6;grid-row:1 / span 3; }
.featured-grid.layout-3 .grid-item:nth-child(2) { grid-column:8 / span 5;grid-row:2 / span 3; }
.featured-grid.layout-3 .grid-item:nth-child(3) { grid-column:3 / span 5;grid-row:4 / span 3; }


.featured-grid.layout-4 .grid-item              { grid-column:1 / span 6;grid-row:3 / span 4; }
.featured-grid.layout-4 .grid-item:nth-child(2) { grid-column:7 / span 5;grid-row:1 / span 6; }
.featured-grid.layout-4 .grid-item:nth-child(3) { grid-column:3 / span 5;grid-row:7 / span 6; }
.featured-grid.layout-4 .grid-item:nth-child(4) { grid-column:8 / span 6;grid-row:6 / span 6; }










.pause-button { z-index:5;position:absolute;display:block;top:2rem;left:2rem;width:2rem;height:2rem;background:url("/wp-content/themes/arch26/img/pause.svg") no-repeat center;background-size:contain; }
.pause-button.arch-way-pause { left:auto;right:2rem;border-radius:100%;border:1px solid var(--primary); }

.pause-button.play { background:url("/wp-content/themes/arch26/img/play.svg") no-repeat center;background-size:contain; }

.play-plyr-button { width:30px;height:30px;border-radius:30rem;padding:3.5rem 4rem;background:var(--primary) url("/wp-content/themes/arch26/img/play-button.svg") no-repeat center;background-size:3rem 3rem;z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); }
.video-container .play-plyr-button {
    opacity: 0;
    transition: opacity 0.4s ease-out;
}

.video-container.halfway .play-plyr-button {
    opacity: 1;
}


.forminator-error-message::before { display:inline-block;content:"";width:20px;height:20px;background:url("/wp-content/themes/arch26/img/error.svg") no-repeat center;background-size:contain;margin-right:10px;position:relative;top:5px; }
:is(.invert, .bg-primary) .forminator-error-message::before { background:url("/wp-content/themes/arch26/img/error-white.svg") no-repeat center;background-size:contain; }








.lazy-video {
    opacity: 0;
    transition: opacity 0.6s ease;
}
.lazy-video.loaded {
    opacity: 1;
}
.video-lazy-wrapper {
    position: relative;
}

.video-fallback {
    display: block;
     position: absolute;
      inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}





.post-single-header .img-fit { max-height:800px;width:100%;object-fit: cover;margin:0 auto; }

#skip { position:absolute;top:0;text-indent:-99999px; }


.cky-btn { border-radius:100rem !important;border:none !important;background:var(--grey) !important;color:var(--primary) !important; }
.cky-btn-accept { background:var(--primary) !important;color:var(--white) !important; }
.cky-btn:hover { background:var(--grey-dark) !important; }
.cky-btn-accept:hover { background:var(--primary-light) !important; }
.cky-btn-revisit-wrapper { display:none !important; }

@media(max-width:1200px){
    .service-box, .service-box:nth-child(even) { width:100%;margin:0; }
    .rotator-holder { height:550px; }



    .news-grid { grid-template-columns:1fr 1fr 1fr;row-gap:var(--XXL); }
    .blog-cta { grid-column:1 / span 3;grid-row-start:2; }

    .service-box { grid-template-columns:auto 400px; }

    .team-grid { grid-template-columns:1fr 1fr 1fr; }
    
    .pillars { display:grid;grid-template-columns:1fr 1fr;}


      footer img { max-width:400px; }

        .arch-way-letter { flex:0 0 0rem;font-size:7.5rem;padding-left:0;padding:1rem 3rem; }
    .arch-way-float-text > div:nth-child(2) { left:0px;}
    .arch-way-float-text > div:nth-child(3) { left:0px;}
    .arch-way-float-text > div:nth-child(4) { left:0px;}



    
.featured-grid.layout-2 .grid-item              { grid-column:2 / span 5;grid-row:1 / span 3; }
.featured-grid.layout-2 .grid-item:nth-child(2) { grid-column:8 / span 4;grid-row:2 / span 3; }


.featured-grid.layout-3 .grid-item              { grid-column:1 / span 6;grid-row:1 / span 3; }
.featured-grid.layout-3 .grid-item:nth-child(2) { grid-column:8 / span 5;grid-row:2 / span 3; }
.featured-grid.layout-3 .grid-item:nth-child(3) { grid-column:3 / span 5;grid-row:4 / span 3; }


.featured-grid.layout-4 .grid-item              { grid-column:1 / span 5;grid-row:3 / span 4; }
.featured-grid.layout-4 .grid-item:nth-child(2) { grid-column:7 / span 5;grid-row:1 / span 6; }
.featured-grid.layout-4 .grid-item:nth-child(3) { grid-column:3 / span 5;grid-row:7 / span 6; }
.featured-grid.layout-4 .grid-item:nth-child(4) { grid-column:8 / span 5;grid-row:6 / span 6; }



}


@media(max-width:991px){
    .nav-menu a { width:100%;}
    .desktop-menu { display:none; }
    .mobile-menu { display:block; }
    .mobile-toggle { display:flex; }
    .mobile-start { display:block; }
      footer img { max-width:300px; }

      .two-column { grid-template-columns:6fr 6fr; }
      .arch-icon-grid { grid-template-columns:1fr 1fr; }

      .stats-boxes.layout-2, .stats-boxes.layout-4,
        .stats-boxes.layout-3, .stats-boxes.layout-6  { grid-template-columns:1fr 1fr; }
        .stats-boxes.services.layout-4 { grid-template-columns:1fr 1fr; }

        .stats-boxes.layout-5 .stat-box { grid-column:auto / span 3; }
        .stats-boxes.layout-5 .stat-box:nth-child(3) { grid-column:auto / span 6; }

        .arch-way-icons > svg { flex:0 1 150px; }

.featured-grid { gap:1rem;row-gap:5rem; }
        .featured-grid.layout-2 .grid-item              { grid-column:2 / span 5;grid-row:auto / span 3; }
        .featured-grid.layout-2 .grid-item:nth-child(2) { grid-column:8 / span 4;grid-row:auto / span 3; }


        .featured-grid.layout-3 .grid-item              { grid-column:1 / span 6;grid-row:1 / span 6; }
        .featured-grid.layout-3 .grid-item:nth-child(2) { grid-column:7 / span 6;grid-row:2 / span 6; }
        .featured-grid.layout-3 .grid-item:nth-child(3) { grid-column:2 / span 6;grid-row:8 / span 6; }


        .featured-grid.layout-4 .grid-item              { grid-column:1 / span 6;grid-row:1 / span 1; }
        .featured-grid.layout-4 .grid-item:nth-child(2) { grid-column:7 / span 6;grid-row:1 / span 1; }
        .featured-grid.layout-4 .grid-item:nth-child(3) { grid-column:1 / span 6;grid-row:2 / span 1; }
        .featured-grid.layout-4 .grid-item:nth-child(4) { grid-column:7 / span 6;grid-row:2 / span 1; }


        
}




@media(max-width:768px){


        .arch-way-letter { flex:0 0 0rem;font-size:4.5rem;padding-left:0;padding:1rem 1.5rem; }



    :root{
        --border-radius:2.25rem;
    }

    .track-wrapper { width:100%; }

        .pillars { display:grid;grid-template-columns:1fr; }
.logo-grid-row { grid-template-columns:repeat(3, 1fr); }

.two-column { grid-template-columns:1fr;text-align:center; }
.two-column > div:first-child { margin:0 auto; }
/* footer .two-column { text-align:left; } */
    

    .project-slider-arrows { margin:var(--L) 0;}
    footer img { max-width:250px; }

    .rotator-holder { height:500px; }

    .start-form { max-width:calc(100% - 2rem);padding:4rem var(--L) var(--L); }

.plyr__control--overlaid { transform:translate(-50%,-50%) scale(1); }
    


.filter-menu { border-radius:1rem;}



.flex-12 > div { flex:1 1 100%;padding:0rem !important;margin:0 !important;  }
.news-grid { grid-template-columns:1fr 1fr;row-gap:var(--XXL); }
.blog-cta { grid-column:1 / span 2;grid-row-start:2; }
.cta > div:nth-child(2) { width:100%; }

.service-box { padding:var(--M) var(--L) 1rem;grid-template-columns:1fr;justify-content:center; }
.service-box div:nth-child(2) { max-width:350px;margin:0 auto 0 0rem;grid-row-start:1; }



.container-outer { padding:0 var(--M); }
.service-box div:first-child { padding-top:0; }
.cta-image { max-width:7.5rem;margin-top:-5rem;margin-right:1rem;position:relative; }
.cta-text { padding:2rem 1.5rem 0.25rem;flex-wrap:wrap; }


.cta { flex-wrap:wrap;flex-direction: column-reverse;justify-content: flex-end; }
.cta > div:nth-child(1) { align-self:flex-end; }
.services-grid { row-gap:2.5rem; }
.blog-cta { grid-column:1 / span 2; }

.team-grid { grid-template-columns: 1fr;width:75%;display:block; }
.team-grid .slick-list { overflow:visible; }
.team-grid .slick-slide { padding:0 1rem; }
.team-grid .slick-slide .card { display:grid !important; }



.arch-icon-grid { justify-content: center;text-align:center;row-gap:4.5rem; }
.lottie-icon { width:185px;height:185px;margin:0 auto; }
.arch-icon-grid > div { display:flex;row-gap:1rem;flex-wrap:wrap; }

.decade-img-grid { gap:0px;row-gap:var(--XXL); }
.decade-img-grid .decade-img { grid-column:auto / span 12 !important;grid-row:auto / span 1 !important; } 
.decade-img > .decade-writing { position:static;padding-top:2rem;margin:0 auto;display:block;max-height:180px;width:auto; }

.decades-text { font-size:12rem; }
.decades-text-holder :is(.image, .note) { max-width:240px; }

.service-banner { aspect-ratio:1/1; }


    .footer-menu { justify-content: center; }
    .footer-top { text-align:center; }
    footer img { margin:0 auto;max-width:200px; }




    .pause-button { top:1.5rem;left:1.5rem; }
	
	.container-outer .container-inner.last { padding-bottom:3rem; }
	.stats-boxes.services.layout-4 { grid-template-columns:1fr;}
}

@media(max-width:560px){

    
      .stats-boxes.layout-2, .stats-boxes.layout-4,
        .stats-boxes.layout-3, .stats-boxes.layout-6, .stats-boxes.layout-5 { grid-template-columns:1fr; }
        .stats-boxes.services.layout-4, { grid-template-columns:1fr; }

          .stats-boxes.layout-5 .stat-box { grid-column:auto / span 6 !important; }

            .arch-way-letter { flex:0 0 0rem;font-size:2rem;padding-left:0;padding:1rem 1.5rem; }


      :root{
        --border-radius:1.5rem;
    }

    .rotator-holder { height:400px; }

    .two-decade-holder { grid-template-columns:55vw auto 5rem; }
    .news-grid { grid-template-columns:1fr; }
    .blog-cta { grid-column:1 / span 1;grid-row-start:2; }
    .blog-cta { grid-column:1 / span 1; }

    .decades-text-holder :is(.image, .note)  { max-width:180px; }

    .images-flex.layout-1-2 > div,
    .images-flex.stacked > div,
    .images-flex.layout-2-1 > div,
    .images-flex.layout-2-2 > div { grid-column:1 / span 2; }

    .arch-icon-grid { grid-template-columns:1fr; }

    .track-wrapper { width:80%; }

        .arch-way-icons > svg { flex:0 1 100px; }

    footer .email-link { margin-top:4rem; }
    footer { padding-top:2rem; }

    .mobile-menu { padding:6rem 2.5rem 2rem 2rem; }

.photo-slider { width:75vw;}
.featured-grid { grid-template-columns:1fr; }
        .featured-grid.layout-2 .grid-item              { grid-column:auto / span 5;grid-row:auto / span 3; }
        .featured-grid.layout-2 .grid-item:nth-child(2) { grid-column:auto / span 4;grid-row:auto / span 3; }


        .featured-grid.layout-3 .grid-item              { grid-column:auto / span 6;grid-row:auto / span 1; }
        .featured-grid.layout-3 .grid-item:nth-child(2) { grid-column:auto / span 5;grid-row:auto / span 1; }
        .featured-grid.layout-3 .grid-item:nth-child(3) { grid-column:auto / span 5;grid-row:auto / span 1; }


        .featured-grid.layout-4 .grid-item              { grid-column:auto / span 6;grid-row:auto / span 1; }
        .featured-grid.layout-4 .grid-item:nth-child(2) { grid-column:auto / span 6;grid-row:auto / span 1; }
        .featured-grid.layout-4 .grid-item:nth-child(3) { grid-column:auto / span 6;grid-row:auto / span 1; }
        .featured-grid.layout-4 .grid-item:nth-child(4) { grid-column:auto / span 6;grid-row:auto / span 1; }

 .pause-button { top:1rem;left:1rem; }

}

@media(max-width:400px){
    .mobile-start { width:calc(100% - 2rem);margin:0 1rem; }
    .photo-slider { width:85vw;}
    .links { justify-content:center;}
}


@media only screen and (max-width: 768px) and (orientation: portrait) {
    .cursor-tooltip { display:none !important; }
}