/*
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;
}


@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); }
/* .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; }

.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(--XXL);padding:var(--XXL); }


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

a.button { 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-block;position:relative;white-space: nowrap;; }
a.button.arrow::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 { 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); }


.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; }
.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 { margin:0; }

.h-5xl, .h-4xl, .h-3xl, .h-2xl, .h-xl, .h-l, .h-m, .h-s, .h-xs { display:block; }

h1, .h-5xl { font-size:clamp(3rem,10vw,7.5rem); font-style:normal; font-weight:800; line-height:clamp(3rem,9vw,7rem); letter-spacing:-0.375rem; margin-bottom:clamp(1rem,3vw,2.25rem); }
h2, .h-4xl { font-size:clamp(2.75rem,9vw,6.75rem); font-style:normal; font-weight:800; line-height:clamp(2.75rem,8.5vw,6.5rem); letter-spacing:-0.3375rem; margin-bottom:clamp(0.9rem,2.7vw,2rem); }
h3, .h-3xl { font-size:clamp(2.25rem,7vw,5.25rem); font-style:normal; font-weight:800; line-height:clamp(2.25rem,6.5vw,5rem); letter-spacing:-0.21rem; margin-bottom:clamp(0.75rem,2vw,1.25rem); }
h4, .h-2xl { font-size:clamp(2rem,6vw,4.5rem); font-style:normal; font-weight:800; line-height:clamp(2rem,5.5vw,4.25rem); letter-spacing:-0.18rem; margin-bottom:clamp(0.65rem,1.8vw,1.25rem); }
h5, .h-xl { font-size:clamp(1.75rem,5vw,3.75rem); font-style:normal; font-weight:800; line-height:clamp(1.75rem,4.5vw,3.5rem); letter-spacing:-0.1125rem; margin-bottom:clamp(0.55rem,1.5vw,1rem); }
h6, .h-l { font-size:clamp(1.5rem,4vw,3rem); font-style:normal; font-weight:800; line-height:clamp(1.5rem,3.5vw,2.75rem); letter-spacing:-0.09rem; margin-bottom:clamp(0.45rem,1.2vw,1rem); }
.h-m, .blog-post h2 { font-size:clamp(1.25rem,3vw,2rem); font-style:normal; font-weight:800; line-height:clamp(1.25rem,2.5vw,1.75rem); letter-spacing:-0.02rem; margin-bottom:clamp(0.35rem,1vw,0.75rem); }
.h-s, .blog-post h3, .case-post h4 { font-size:clamp(1rem,2.5vw,1.5rem); font-style:normal; font-weight:800; line-height:clamp(1rem,2vw,1.5rem); letter-spacing:-0.03rem; margin-bottom:clamp(0.3rem,0.8vw,0.6rem); }
.h-xs, .blog-post h4 { font-size:clamp(0.875rem,2vw,1rem); font-style:normal; font-weight:800; line-height:clamp(1rem,2vw,1.125rem); letter-spacing:-0.01rem; margin-bottom:clamp(0.25rem,0.6vw,0.5rem); }
.h-2xs, .wp-element-caption, .decade-caption { font-size:clamp(0.6rem,2vw,0.75rem); font-style:normal; font-weight:800; line-height:clamp(1rem,2vw,1.125rem); letter-spacing:-0.01rem; margin-bottom:clamp(0.25rem,0.6vw,0.5rem);text-transform: uppercase;  }

.t-3xl { font-size:clamp(1.75rem,5vw,3rem); font-style:normal; font-weight:500; line-height:clamp(1.75rem,5vw,3rem); letter-spacing:clamp(-0.015rem,-0.1vw,-0.03rem); }
.t-2xl { font-size:clamp(1.5rem,4vw,2.25rem); font-style:normal; font-weight:500; line-height:clamp(1.5rem,4vw,2.25rem); letter-spacing:clamp(-0.012rem,-0.08vw,-0.0225rem); }
.t-xl { font-size:clamp(1.25rem,3vw,1.5rem); font-style:normal; font-weight:500; line-height:clamp(1.5rem,3vw,2rem); letter-spacing:clamp(-0.01rem,-0.05vw,-0.015rem); }
.t-l { font-size:clamp(1.125rem,2.5vw,1.25rem); font-style:normal; font-weight:500; line-height:clamp(1.25rem,2.5vw,1.5rem); letter-spacing:clamp(-0.008rem,-0.04vw,-0.0125rem); }
.t-m, p { font-size:clamp(0.95rem,2vw,1rem); font-style:normal; font-weight:500; line-height:clamp(1.1rem,2vw,1.25rem); letter-spacing:clamp(-0.006rem,-0.03vw,-0.01rem); }
.t-s { font-size:clamp(0.8rem,1.5vw,0.875rem); font-style:normal; font-weight:500; line-height:clamp(1rem,1.5vw,1.125rem); letter-spacing:clamp(-0.005rem,-0.02vw,-0.00875rem); }

.eyebrow { text-transform:uppercase; }

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

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

/* ==== 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; }
.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::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;box-shadow:5px 5px 5px rgba(0,0,0,0.1);border-radius:var(--L); }
.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 { transform:translateY(0%);opacity:1;pointer-events:all; }

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

/* 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; }
/* footer * { color:var(--white);} */
footer .two-column { align-items:flex-end;}
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; }

.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; }


.card-tags { display:flex;gap:var(--S);align-items:center;width:100%;overflow:hidden; }
.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);}


 

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

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

.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); }
.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);
}



/* -- Track Slider -- */
.track-wrapper { overflow: visible; position: relative; width: 100%; }
.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 { flex:1 1 400px; min-width: 360px; max-width: 420px; user-select: none;transform:translateY(25%);transition:all 0.4s ease-in-out;opacity:0; }
.track-item img { width: 100%; pointer-events: none; -webkit-user-drag: none; }
.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; }
.track-item.visible { transform:translateY(0%);opacity:1; }






/* -- Logo Grid -- */
.logo-grid { width:100%;position:relative;display:block; }
.logo-grid-row { width:100%;display:flex;gap:var(--M);flex-wrap:wrap;align-items:center;opacity:0;position:absolute;top:0;left:0;width:100%;height:auto;transition:opacity 0.5s ease-in-out;justify-content: space-evenly; }
.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:350px; }
.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:flex;gap:var(--XXL);align-items:center;flex-wrap:wrap;justify-content: space-between; }
.two-column > div { flex:1 1 360px;max-width:650px }
.two-column > div:nth-child(2) { flex:1 1 580px;max-width:780px; }
.two-column.flex-right { justify-content: right; }
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::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); }
.filter-go { padding:0.5rem 0.8rem 0.4rem;background:var(--primary);color:var(--white);border:0;border-radius:100rem;cursor:pointer;display:inline-flex;align-items: center;gap:0.5rem;font-size:1rem; }
.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:0.5rem 0.75rem;gap:var(--S);flex-wrap:wrap;background:var(--grey);border-radius:100rem;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 { 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:center; }
.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; }


.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));}



/* .project-grid > div { flex:1 1 250px; } */

.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:flex;gap:var(--L);flex-wrap:wrap; }
.images-flex > div { flex:1 1 650px; }
.images-flex img, 
.images-flex video, 
.project-header-video :is(img, video)  { width:100%;display:block; }


.images-flex.stacked > div { flex: 1 1 100%; }

.images-flex.layout-2-1 > div:is(:nth-child(1), :nth-child(2)) { flex:1 1 440px; }
.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(1)) { flex:1 1 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 { aspect-ratio:1/1;object-fit:cover;width:100%; }



.testimonial { background:var(--blue);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:flex;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 30rem;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; }
.team-grid > div { flex:0 1 23rem;display:flex;gap:1rem;flex-wrap:wrap; }
.team-grid > div span { width:100%; }
.team-grid > div img { width:100%; }




.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 100px;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; }

.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; }




.project_rotator { overflow:hidden; }
.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:999; }
.project-rotator > div.depth-1 { z-index:500; }
.project-rotator > div.depth-2 { z-index:250; }

.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 }
.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%, 200%);z-index:5; }
.two-decade .eyebrow { transform:translateY(-6rem);}
.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%; }

.image { transform:translateY(50%);opacity:0;width:350px;height:250px;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%;}

.note { width:clamp(150px, 30vw, 350px);max-width:350px;}


.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;}
.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:flex;gap:var(--L);flex-wrap:wrap;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:500px; }
.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:center; }

.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; }
.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.blur *:not(.blur-cover *, .blur-cover) { filter:blur(10px); }

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


.mobile-menu { background:var(--primary);position:absolute;top:1rem;left:1rem;border-radius:var(--XL);width:calc(100% - 2rem);height:calc(100% - 2rem);transform:translateX(-110%);transition:all 0.5s ease-out;padding:var(--XXL);max-width:450px; }
.mobile-menu.active { transform:translateX(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:center; }
.menu-nav-menu-container { height:100%;display:flex;align-items:center;flex-wrap:nowrap;width:100%; }
.mobile-menu .nav-menu li::before { mix-blend-mode:normal;}


.start-form { width:100%;max-width:45rem;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 { display:flex;flex-wrap:wrap;gap:1rem; }
.start-form form :is(label, input) { width:100%;background:none;border:none;color:var(--white); }
.start-form form input { border-bottom:1px solid var(--white); }
.close-form, .close-nav { position:absolute;top:1.5rem;right:1.5rem;color:var(--white);font-size:1.5rem;font-weight:bold; }



.decade-img { position:relative; }
.decade-img > .decade-writing { position:absolute;top:0%;left:0%;max-width:25rem;z-index:1; }

.decade-img-grid { display:grid;grid-template-columns:repeat(12, 1fr);gap:var(--XXL);  }
.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-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; }


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

    .arch-way-letter { flex:0 0 0rem;font-size:2rem;padding-left:0;padding:1rem 1.5rem; }
    .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;}

    .news-grid { grid-template-columns:1fr 1fr 1fr;row-gap:var(--XXL); }
}


@media(max-width:768px){
    .desktop-menu { display:none; }
    .mobile-menu { display:block; }
    .mobile-toggle { display:flex; }

    .sub-menu { display:none !important; }

    .nav-menu a { width:100%;}

    .project-slider-arrows { margin:var(--L) 0;}
    footer img { max-width:250px; }
    .track-item { width:250px;max-width:250px;min-width:250px; }
    .rotator-holder { height:450px; }

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

.plyr__control--overlaid { transform:translate(-50%,-50%) scale(1); }
    
h1, .h-5xl { letter-spacing:-0.175rem; }
h2, .h-4xl { letter-spacing:-0.1375rem; }
h3, .h-3xl { letter-spacing:-0.11rem; }
h4, .h-2xl { letter-spacing:-0.08rem; }
h5, .h-xl  { letter-spacing:-0.0125rem; }
h6, .h-l   { letter-spacing:-0rem; }
.h-m, .blog-post h2 { letter-spacing:0rem; }
.h-s, .blog-post h3, .case-post h4 { letter-spacing:0rem; }
.h-xs, .blog-post h4 { letter-spacing:0rem; }
.h-2xs, .wp-element-caption { letter-spacing:0rem;  }

.t-3xl, .t-2xl, .t-xl, .t-l, .t-m, p, .t-s { letter-spacing:0rem; }


.logo-grid-row .logo-grid-item { flex:0 1 100px; }



.flex-12 > div { flex:1 1 100%;padding:0rem !important;margin:0 !important;  }
.news-grid { grid-template-columns:1fr 1fr;row-gap:var(--XXL); }

.service-box { padding:var(--XXL) var(--L) var(--M);flex-direction: column-reverse; }
.container-outer { padding:0 var(--M); }
.service-box div:first-child { padding-top:0; }
.cta-image { max-width:7.5rem;margin-bottom:-1rem;position:relative; }
.cta-text { padding:2rem 1.5rem 1rem;flex-wrap:wrap; }
.cta { flex-wrap:wrap; }
.services-grid { row-gap:2.5rem; }
.blog-cta { grid-column:1 / span 2; }

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

.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; }

}

@media(max-width:560px){
    .rotator-holder { height:400px; }

    .two-decade-holder { grid-template-columns:30vw auto 5rem; }
    .news-grid { grid-template-columns:1fr; }
    .team-grid { grid-template-columns: 1fr; }
    .blog-cta { grid-column:1 / span 1; }
    .project-details { margin-top:-2rem; }

}