/*
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:#e9e7e5;
    --white:#F7F2F0;
    --primary:#042826;
    --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;
}


@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;color:var(--primary); }
.invert * { color:var(--white); }
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-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); }
.bg-grey { background:var(--grey); }



.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, 5rem) 0; }
.container-central { width:100%;max-width:1070px;margin:0 auto; }
.container-text  { width:100%;max-width:775px;margin:0 auto; }
.container-mid { width:100%;max-width:65.25rem;margin:0 auto; }

a { text-decoration: none; }

a.button { margin:var(--L) 0;font-size:1.25rem;font-weight:500;text-decoration:none;color:var(--white);background:var(--primary);padding:0.5rem 1.2rem;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(--white);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(--green); }

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:clamp(-0.15rem,-0.5vw,-0.375rem); margin-bottom:clamp(1rem,3vw,2.5rem); }
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:clamp(-0.12rem,-0.45vw,-0.3375rem); margin-bottom:clamp(0.9rem,2.7vw,2.25rem); }
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:clamp(-0.09rem,-0.3vw,-0.21rem); margin-bottom:clamp(0.75rem,2vw,1.75rem); }
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:clamp(-0.07rem,-0.25vw,-0.18rem); margin-bottom:clamp(0.65rem,1.8vw,1.5rem); }
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:clamp(-0.05rem,-0.2vw,-0.1125rem); margin-bottom:clamp(0.55rem,1.5vw,1.25rem); }
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:clamp(-0.04rem,-0.15vw,-0.09rem); margin-bottom:clamp(0.45rem,1.2vw,1rem); }
.h-m { font-size:clamp(1.25rem,3vw,2rem); font-style:normal; font-weight:800; line-height:clamp(1.25rem,2.5vw,1.75rem); letter-spacing:clamp(-0.02rem,-0.1vw,-0.04rem); margin-bottom:clamp(0.35rem,1vw,0.75rem); }
.h-s { font-size:clamp(1rem,2.5vw,1.5rem); font-style:normal; font-weight:800; line-height:clamp(1rem,2vw,1.5rem); letter-spacing:clamp(-0.015rem,-0.08vw,-0.03rem); margin-bottom:clamp(0.3rem,0.8vw,0.6rem); }
.h-xs { font-size:clamp(0.875rem,2vw,1rem); font-style:normal; font-weight:800; line-height:clamp(1rem,2vw,1.125rem); letter-spacing:clamp(-0.008rem,-0.05vw,-0.01rem); margin-bottom:clamp(0.25rem,0.6vw,0.5rem); }

.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 { border-radius:var(--XXL);overflow:hidden; }
.circle { border-radius:100%;overflow:hidden; }
.img-fit { width:100%; }

/* ==== 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:0.5rem 0.8rem;position:relative;display:inline-block; }
.logo { display:inline-block}
.logo svg { width:107px;height:40px; }
.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 a { color:var(--white);font-weight:500; }
.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; }

.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 { color:var(--white);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:var(--XL) 0 0; }
.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;}

.tag { padding:0.5rem var(--M) var(--S);border-radius:100rem;text-decoration: none;display:inline-block; }

/* === MODULES === */
.banner { width:100%;max-width:65rem;margin:0 auto; }



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

/* -- Banner -- */
.banner { position:relative;text-align:center;padding:clamp(5rem, 5vw, 10rem) 0 5rem;display:flex;flex-direction:column;gap:0rem;justify-content:center;align-items:center; }

/* -- Project Slider -- */
.project-card { position:relative; }
.project-slider-item { border-radius:var(--XXL);overflow:hidden;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); }
.project-card .project-tags .tag { position:static;}
.project-card .project-tags .tag:not(:first-child) { background:none; }

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




.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:var(--XXL) 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:780px; margin:0 auto; position:relative;max-width:100%; }
.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 { transform:translate(-50%,-50%) scale(3); }




/* -- Track Slider -- */
.track-wrapper { overflow: visible; position: relative; width: 100%; margin-top: var(--XXL); }
.track { display: flex; justify-content:space-between;flex-wrap: nowrap; gap: var(--L); transform: translateX(0); will-change: transform; cursor: grab; }
.track.dragging { cursor: grabbing; }
.track-item { flex: 0 0 auto; min-width: 360px; max-width: 420px; user-select: none; }
.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; }






/* -- 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-between; }
.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; }
.two-column > div { flex:1 1 360px;max-width:786px }
.two-column.flex-right { justify-content: right; }
img.fit { width:100%; }


/* -- Articles -- */
.article-tags { display:flex;gap:var(--S);flex-wrap:wrap;margin:0 0 var(--M);align-items:center; }



/* -- Filter -- */
.filter { }

.project-grid { display:flex;gap:var(--S);row-gap:var(--XXL);flex-wrap:wrap;justify-content: space-evenly; }
.project-grid .grid-item { flex:1 1 350px;max-width:350px; }
.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; }
.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(--green);color:var(--primary); }

.invert .pagination a { background:var(--green);color:var(--primary); }
.invert .pagination a:hover { background:var(--white);color:var(--primary); }

/* -- Tick grid -- */
.tick-grid { display:flex;gap:var(--XXL);row-gap:var(--XXL);flex-wrap:wrap; }
.tick-grid > div { flex:1 1 500px; }




: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;background:var(--blue);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); }
.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;margin-bottom:var(--L);border-top:1px solid var(--primary);padding-top:var(--M); }
.breadcrumbs :is(a, span) { font-weight:800;text-decoration:none; }

.section-break { text-transform:uppercase;font-weight:800;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 { width:100%;}
.project-header-video :is(img, video) { width:100%; }

.square-img img { aspect-ratio:1/1;object-fit:cover;width:100%; }



.testimonial { background:var(--blue);padding:var(--2XL);height:100%;display:flex !important;align-content:space-between;flex-wrap: wrap; }
.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; }


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


.directors { display:flex;gap:var(--XL);width:100%;max-width:1100px;margin:0 auto;gap:var(--L); }

.team-cloud { display:flex;align-items: center;flex-wrap:wrap;justify-content: center;gap:var(--S);row-gap:var(--XS);width:100%;max-width:1300px;margin:var(--XL) auto 0; }
.team-image { width:60px;height:60px;display:inline-block;position: relative; }
.team-image img { transition:all 0.3s ease-in-out;width:100%;height:100%;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%) scale(1);border-radius:100%; }
.team-image:hover img { transform:translate(-50%, -50%) scale(3);border-radius:var(--S);z-index:2; }
.team-cloud span { margin-bottom:0; }

.arch-way-icons { width:100%;display:flex;margin:var(--XXXL) auto;gap:var(--XL);justify-content:center; }

.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%; }
.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:flex;gap:var(--L);flex-wrap:wrap; }
.news-grid article { flex:1 1 300px; }

.blog-post article { padding:var(--XXXL) 0;max-width:48rem;width:100%;margin:0 auto; }
.wp-block-embed-vimeo { margin:0 calc((1573px - 48rem) / 2 * -1);width:1572px;border-radius:var(--XXL);overflow:hidden; }

.wp-block-image.size-full { margin:0 calc((1200px - 48rem) / 2 * -1);width:1200px; }
.wp-block-image.size-full img { border-radius:var(--XXL);overflow:hidden; }
.wp-element-caption { font-weight:600;text-transform:uppercase; }

.contact-grid { display:flex;gap:var(--XXXL);padding-top:var(--XXXL); }
.contact-grid > div { flex:1 1 60%; }
.contact-grid > div:last-child { flex:1 1 40%; }



.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 > div.center { animation:centerBounce 0.45s ease-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.ripple { opacity:0; animation:rippleFade 0.45s ease-out forwards; }
.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; }
.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:flex;flex-wrap:wrap;gap:var(--XL);justify-content:center; }
.project-titles-rotator-item { min-height:100px; }




.two-decade { width:100%;overflow:visible; }
.two-decade-holder { transform:translateX(0%);width:260rem;display:flex;gap:var(--L);align-items:center;white-space: nowrap;}
.decades-text { font-size:18.75rem;font-weight:bold; }




.cta { display:flex;gap:var(--L);align-items:center; }
.cta-text { padding:2rem 3rem 1rem;display:flex;gap:var(--L); }
.cta-image { max-width:10rem; }




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


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

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

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