/* ============================================
   PROJECTS HUB + CASE STUDY TEMPLATE
   Shared by projects.html and case-study-template.html.
   Reuses from styles.css: hero, trust-bar, buttons,
   feature-grid, process-full, fp-* case study block,
   related/related-grid, final-cta, review-card,
   .ph placeholder system, eyebrow/section-head.
   Only NEW components for the Projects family live here.
============================================ */

/* ===== FILTER BAR ===== */
.filter-bar{
  position:sticky; top:76px; z-index:150; background:#fff; border-bottom:1px solid var(--line);
  box-shadow:0 2px 12px rgba(13,34,53,0.05);
}
header.scrolled ~ .filter-bar{top:60px;}
.filter-bar .container{display:flex; align-items:center; gap:10px; padding:18px 32px; overflow-x:auto; scrollbar-width:none;}
.filter-bar .container::-webkit-scrollbar{display:none;}
.filter-btn{
  flex-shrink:0; padding:11px 20px; border-radius:30px; border:1.5px solid var(--line); background:#fff;
  color:var(--grey); font-family:'Manrope',sans-serif; font-weight:700; font-size:12.5px; letter-spacing:.02em;
  cursor:pointer; transition:background .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease);
  white-space:nowrap;
}
.filter-btn:hover{border-color:var(--sky); color:var(--navy);}
.filter-btn.active{background:var(--navy); border-color:var(--navy); color:#fff;}

/* ===== PROJECT GRID (masonry) ===== */
.project-grid-section{padding:90px 0 100px; background:var(--white);}
.project-masonry{column-count:3; column-gap:24px;}
.project-item{
  break-inside:avoid; margin-bottom:24px; transition:opacity .25s var(--ease), transform .25s var(--ease);
}
.project-item.fading{opacity:0; transform:scale(.96); pointer-events:none;}
.project-card{
  position:relative; border-radius:var(--r-md); overflow:hidden; box-shadow:var(--shadow-sm); display:block;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease);
}
.project-card:hover{transform:translateY(-5px); box-shadow:var(--shadow-lift);}
.project-image{overflow:hidden;}
.project-image .ph{transition:transform .6s var(--ease); filter:brightness(1.02);}
.project-card:hover .project-image .ph{transform:scale(1.08); filter:brightness(1.08);}
.project-image.h-tall .ph{height:420px;}
.project-image.h-mid .ph{height:320px;}
.project-image.h-short .ph{height:240px;}
.project-overlay{
  position:absolute; inset:0; background:linear-gradient(0deg, rgba(6,14,30,0.9) 0%, rgba(6,14,30,0.35) 45%, rgba(6,14,30,0) 75%);
  display:flex; flex-direction:column; justify-content:flex-end; padding:26px; color:#fff;
}
.project-category{
  align-self:flex-start; background:var(--sky); color:var(--navy); font-size:10.5px; font-weight:800;
  text-transform:uppercase; letter-spacing:.05em; padding:6px 12px; border-radius:20px; margin-bottom:auto;
  font-family:'Manrope',sans-serif;
}
.project-info{transition:transform .4s var(--ease);}
.project-card:hover .project-info{transform:translateY(-4px);}
.project-info h4{color:#fff; font-size:17px; margin-bottom:6px;}
.project-loc{font-size:12px; color:#c3cee2; margin-bottom:8px; display:flex; align-items:center; gap:6px; font-weight:600;}
.project-loc .icon{width:13px; height:13px;}
.project-summary{font-size:13px; color:#c3cee2; margin-bottom:14px; max-height:0; opacity:0; overflow:hidden; transition:max-height .4s var(--ease), opacity .3s var(--ease);}
.project-card:hover .project-summary{max-height:60px; opacity:1;}
.project-view{
  font-size:11.5px; font-weight:700; color:var(--sky); text-transform:uppercase; letter-spacing:.05em;
  display:flex; align-items:center; gap:6px; opacity:0; transform:translateY(6px);
  transition:opacity .35s var(--ease), transform .35s var(--ease), gap .3s var(--ease);
}
.project-card:hover .project-view{opacity:1; transform:translateY(0);}
.project-view:hover{gap:10px;}
.project-view .icon{width:13px; height:13px;}

/* ===== PROJECT MAP ===== */
.map-section{padding:100px 0; background:var(--cream);}
.map-grid{display:grid; grid-template-columns:1.3fr 0.7fr; gap:48px; align-items:center;}
.map-image{border-radius:var(--r-md); overflow:hidden; height:460px; box-shadow:var(--shadow-md);}
.map-image .ph{height:100%;}
.map-content .eyebrow{justify-content:flex-start;}
.map-content h2{font-size:28px; margin-bottom:18px;}
.map-content p{color:var(--grey); font-size:14.5px; margin-bottom:26px;}
.map-pins{display:flex; flex-direction:column; gap:2px;}
.map-pin{
  display:flex; align-items:center; gap:10px; padding:10px 0; font-size:13.5px; font-weight:600; color:var(--navy);
  border-bottom:1px solid var(--line);
}
.map-pin:last-child{border-bottom:none;}
.map-pin .icon{width:15px; height:15px; color:var(--sky-dark); flex-shrink:0;}

/* ===== TESTIMONIAL CAROUSEL ===== */
.testimonial-carousel{padding:100px 0; background:var(--white);}
.carousel-track{position:relative; max-width:760px; margin:0 auto; min-height:280px;}
.carousel-slide{
  display:none; background:var(--cream); border-radius:var(--r-md); padding:44px 48px; text-align:center;
  position:relative;
}
.carousel-slide.active{display:block; animation:fadeSlide .5s var(--ease);}
@keyframes fadeSlide{ from{opacity:0; transform:translateY(10px);} to{opacity:1; transform:translateY(0);} }
.carousel-avatar{
  width:64px; height:64px; border-radius:50%; margin:0 auto 18px; overflow:hidden; box-shadow:var(--shadow-sm);
}
.carousel-avatar .ph{height:100%;}
.carousel-slide .stars{justify-content:center; margin-bottom:16px;}
.carousel-slide p{font-size:16px; color:var(--ink); line-height:1.75; margin-bottom:20px; max-width:600px; margin-left:auto; margin-right:auto;}
.carousel-slide .who{font-weight:700; font-size:14px; color:var(--navy); font-family:'Manrope',sans-serif;}
.carousel-slide .project-ref{font-size:12.5px; color:var(--grey-light); margin-top:4px;}
.carousel-controls{display:flex; align-items:center; justify-content:center; gap:20px; margin-top:32px;}
.carousel-arrow{
  width:42px; height:42px; border-radius:50%; border:1.5px solid var(--line); background:#fff; display:flex;
  align-items:center; justify-content:center; cursor:pointer; transition:border-color .25s var(--ease), background .25s var(--ease);
}
.carousel-arrow:hover{border-color:var(--sky-dark); background:var(--cream);}
.carousel-arrow .icon{width:16px; height:16px; color:var(--navy);}
.carousel-dots{display:flex; gap:8px;}
.carousel-dot{width:8px; height:8px; border-radius:50%; background:var(--line); border:none; cursor:pointer; transition:background .25s var(--ease), transform .25s var(--ease);}
.carousel-dot.active{background:var(--sky-dark); transform:scale(1.3);}

/* ===== CASE STUDY: HERO META ===== */
.case-hero-meta{display:flex; align-items:center; gap:14px; margin-bottom:22px; flex-wrap:wrap;}
.case-badge{
  background:var(--sky); color:var(--navy); font-size:11px; font-weight:800; text-transform:uppercase;
  letter-spacing:.05em; padding:7px 14px; border-radius:20px; font-family:'Manrope',sans-serif;
}
.case-meta-item{display:flex; align-items:center; gap:7px; color:#dbe4f2; font-size:13px; font-weight:600;}
.case-meta-item .icon{width:15px; height:15px; color:var(--sky);}

/* ===== CASE STUDY: OVERVIEW ===== */
.overview{padding:100px 0; background:var(--white);}
.overview .container{max-width:860px;}
.overview .eyebrow{justify-content:center;}
.overview .section-head{max-width:100%;}
.overview-block{margin-bottom:28px;}
.overview-block h4{font-size:15px; color:var(--navy); margin-bottom:10px; font-family:'Manrope',sans-serif;}
.overview-block p{color:var(--grey); font-size:15px; line-height:1.8;}

/* ===== CASE STUDY: GALLERY (pure photography) ===== */
.case-gallery{padding:0 0 100px; background:var(--white);}
.case-gallery .section-head{padding-top:100px;}
.case-gallery-masonry{column-count:4; column-gap:16px;}
.case-gallery-item{break-inside:avoid; margin-bottom:16px; border-radius:var(--r-md); overflow:hidden; box-shadow:var(--shadow-sm);}
.case-gallery-item.h-tall .ph{height:380px;}
.case-gallery-item.h-mid .ph{height:280px;}
.case-gallery-item.h-short .ph{height:200px;}

/* ===== CASE STUDY: DETAIL CARDS ===== */
.details{padding:90px 0; background:var(--cream);}
.detail-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:18px;}
.detail-card{background:#fff; border-radius:var(--r-md); padding:26px 20px; text-align:center; box-shadow:var(--shadow-sm);}
.detail-card .icon{width:24px; height:24px; color:var(--sky-dark); margin:0 auto 14px;}
.detail-card h5{font-size:11px; text-transform:uppercase; letter-spacing:.05em; color:var(--grey-light); margin-bottom:8px; font-family:'Manrope',sans-serif; font-weight:700;}
.detail-card p{font-size:14px; font-weight:700; color:var(--navy);}

/* ===== RESPONSIVE ===== */
@media (max-width: 980px){
  .project-masonry{column-count:2;}
  .map-grid{grid-template-columns:1fr; gap:32px;}
  .map-image{height:320px;}
  .case-gallery-masonry{column-count:2;}
  .detail-grid{grid-template-columns:repeat(2,1fr);}
  .carousel-slide{padding:34px 28px;}
}
@media (max-width: 600px){
  .project-masonry{column-count:1;}
  .case-gallery-masonry{column-count:1;}
  .detail-grid{grid-template-columns:1fr;}
  .filter-bar .container{padding:14px 24px;}
}

/* ============================================
   PROJECTS HUB V2
   Scoped so the existing case-study pages keep
   their template styles above.
============================================ */

/* ===== PROOF-LED HERO ===== */
.projects-hub .projects-hero{min-height:690px;}
.projects-hub .projects-hero .hero-scrim{background:linear-gradient(90deg,rgba(5,14,29,.94) 0%,rgba(5,14,29,.83) 48%,rgba(5,14,29,.45) 100%);}
.projects-hub .projects-hero-content{padding:86px 32px 62px; max-width:1320px;}
.projects-eyebrow{display:inline-flex; padding:8px 13px; margin-bottom:20px; border:1px solid rgba(154,170,138,.42); border-radius:30px; background:rgba(8,20,38,.5); color:var(--sky); font:700 11px/1 'Manrope',sans-serif; letter-spacing:.1em; text-transform:uppercase;}
.projects-hub .projects-hero h1{font-size:60px; max-width:770px; margin-bottom:23px;}
.projects-hub .projects-hero-content > p{max-width:690px; font-size:16.5px; line-height:1.75;}
.projects-proof-row{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); max-width:760px; margin-top:43px; border-top:1px solid rgba(255,255,255,.16); border-bottom:1px solid rgba(255,255,255,.16);}
.projects-proof-row div{padding:20px 19px; border-right:1px solid rgba(255,255,255,.13);}
.projects-proof-row div:first-child{padding-left:0;}
.projects-proof-row div:last-child{border-right:0;}
.projects-proof-row strong{display:block; color:#fff; font:800 25px/1 'Manrope',sans-serif; margin-bottom:6px;}
.projects-proof-row span{display:block; color:#aebbd0; font-size:10.5px; line-height:1.35; text-transform:uppercase; letter-spacing:.055em; font-weight:700;}

/* ===== SELECTED WORK ===== */
.selected-work{padding:104px 0; background:#fff;}
.selected-heading{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.72fr); gap:70px; align-items:end; margin-bottom:45px;}
.selected-heading .eyebrow{justify-content:flex-start;}
.selected-heading h2{font-size:36px;}
.selected-heading > p{color:var(--grey); font-size:14.5px; line-height:1.75; max-width:530px;}
.selected-grid{display:grid; grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr); gap:24px;}
.selected-stack{display:grid; grid-template-rows:1fr 1fr; gap:24px;}
.selected-card{position:relative; display:block; min-height:300px; overflow:hidden; border-radius:10px; background:var(--navy); box-shadow:var(--shadow-md);}
.selected-lead{min-height:624px;}
.selected-photo{position:absolute; inset:0; background:linear-gradient(135deg,#223b5f 0%,#112b3e 55%,#081823 100%); transition:transform .55s var(--ease);}
.selected-photo::after{content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(4,11,24,.94) 0%,rgba(4,11,24,.32) 60%,rgba(4,11,24,.08) 100%);}
.selected-card:hover .selected-photo{transform:scale(1.035);}
.selected-watermark{position:absolute; z-index:1; top:28px; right:31px; color:rgba(255,255,255,.08); font:800 112px/1 'Manrope',sans-serif; letter-spacing:-.06em;}
.selected-side .selected-watermark{top:18px; right:24px; font-size:74px;}
.selected-photo.has-photo + .selected-watermark{color:rgba(255,255,255,.25); text-shadow:0 4px 18px rgba(0,0,0,.2);}
.selected-content{position:absolute; inset:auto 0 0; z-index:2; padding:30px; color:#fff;}
.selected-lead .selected-content{padding:40px; max-width:690px;}
.selected-content .project-category{display:inline-flex; margin:0 0 12px;}
.selected-content .project-place{display:block; color:#b8c6da; font-size:12px; font-weight:600; margin-bottom:8px;}
.selected-content h3{color:#fff; font-size:22px; margin-bottom:10px;}
.selected-lead .selected-content h3{font-size:31px;}
.selected-content p{color:#c7d1e0; font-size:13.5px; line-height:1.65; max-width:590px; margin-bottom:18px;}
.selected-content .project-view{opacity:1; transform:none; color:var(--sky);}

/* ===== FILTERS ===== */
.projects-hub .filter-bar{top:76px;}
.projects-hub header.scrolled ~ .filter-bar{top:60px;}
.projects-hub .filter-bar .container{padding:16px 32px;}
.filter-label{flex-shrink:0; margin-right:6px; color:var(--navy); font:800 11px/1 'Manrope',sans-serif; letter-spacing:.05em; text-transform:uppercase;}
.projects-hub .filter-btn{padding:10px 17px;}
.projects-hub .filter-btn span{display:inline-flex; align-items:center; justify-content:center; min-width:21px; height:21px; margin-left:7px; padding:0 6px; border-radius:20px; background:var(--cream); color:var(--grey); font-size:10px;}
.projects-hub .filter-btn.active span{background:rgba(255,255,255,.14); color:#fff;}

/* ===== CASE STUDY GRID ===== */
.projects-hub .project-grid-section{padding:96px 0 110px; background:var(--cream);}
.portfolio-head{display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:42px;}
.portfolio-head .eyebrow{justify-content:flex-start;}
.portfolio-head h2{font-size:35px;}
.project-count{color:var(--grey); font-size:12.5px; font-weight:600; padding-bottom:4px;}
.project-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px;}
.projects-hub .project-item{margin:0; min-width:0;}
.projects-hub .project-item[hidden]{display:none!important;}
.projects-hub .project-card{height:100%; position:relative; display:flex; flex-direction:column; overflow:hidden; border-radius:10px; border:1px solid var(--line); background:#fff; box-shadow:var(--shadow-sm);}
.projects-hub .project-card:hover{transform:translateY(-5px); box-shadow:var(--shadow-lift);}
.project-media{position:relative; height:270px; flex-shrink:0; overflow:hidden; background:linear-gradient(135deg,#dce5ef 0%,#b8c9da 50%,#8fa8bf 100%);}
.project-media::before{content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(13,34,53,.03),rgba(13,34,53,.24));}
.projects-hub .project-media .project-number{position:absolute; right:19px; bottom:8px; padding:0; border-radius:0; background:none; color:rgba(255,255,255,.72); font:800 58px/1 'Manrope',sans-serif; letter-spacing:-.05em; text-shadow:0 4px 18px rgba(7,20,38,.18);}
.project-media.has-photo .project-number{color:rgba(255,255,255,.9);}
.project-card-body{display:flex; flex-direction:column; flex:1; padding:27px 27px 28px;}
.project-card-body .project-category{align-self:flex-start; margin:0 0 9px; padding:6px 11px;}
.project-place{color:var(--grey-light); font-size:11.5px; font-weight:700; margin-bottom:9px;}
.project-card-body h3{font-size:18px; line-height:1.3; margin-bottom:11px;}
.project-card-body p{color:var(--grey); font-size:13px; line-height:1.62; margin-bottom:24px;}
.project-card-body .project-view{margin-top:auto; opacity:1; transform:none; color:var(--sky-dark);}

/* ===== WHAT THE CASE STUDIES SHOW ===== */
.case-study-value{padding:104px 0; background:var(--navy-3); color:#fff;}
.case-study-value .eyebrow{color:var(--sky);}
.case-study-value h2{color:#fff;}
.case-value-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:46px; background:rgba(255,255,255,.11); border:1px solid rgba(255,255,255,.11);}
.case-value-grid article{position:relative; padding:42px 38px; background:var(--navy-3);}
.case-value-grid article > span{display:block; color:var(--sky); font:800 11px/1 'Manrope',sans-serif; margin-bottom:24px; letter-spacing:.08em;}
.case-value-grid h3{color:#fff; font-size:20px; margin-bottom:12px;}
.case-value-grid p{color:#aebbd0; font-size:13.5px; line-height:1.7;}

/* ===== PROJECT LOCATIONS ===== */
.project-areas{padding:88px 0; background:#fff; border-bottom:1px solid var(--line);}
.projects-hub .areas-inner{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:65px; align-items:center;}
.projects-hub .areas-copy .eyebrow{justify-content:flex-start;}
.projects-hub .areas-copy h2{font-size:31px; margin-bottom:16px;}
.projects-hub .areas-copy p{color:var(--grey); font-size:14px; line-height:1.72; max-width:550px;}
.projects-hub .area-pills{display:flex; flex-wrap:wrap; gap:10px;}
.projects-hub .area-pills span{padding:11px 15px; border-radius:30px; border:1px solid var(--line); background:var(--cream); color:var(--navy); font:700 12px/1 'Manrope',sans-serif; box-shadow:var(--shadow-sm);}

/* ===== ENQUIRY ROUTER ===== */
.project-enquiry{scroll-margin-top:90px; padding:104px 0; background:var(--cream);}
.enquiry-heading{text-align:center; max-width:720px; margin:0 auto 42px;}
.enquiry-heading .eyebrow{justify-content:center;}
.enquiry-heading h2{font-size:36px; margin-bottom:15px;}
.enquiry-heading p{color:var(--grey); font-size:14.5px;}
.enquiry-options{display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:1000px; margin:0 auto;}
.enquiry-card{position:relative; display:flex; flex-direction:column; padding:250px 40px 40px; min-height:590px; overflow:hidden; border-radius:10px; background:#fff; border:1px solid var(--line); box-shadow:var(--shadow-sm); transition:transform .3s var(--ease),box-shadow .3s var(--ease);}
.enquiry-card:before{content:""; position:absolute; inset:0 0 auto; height:210px; background-position:center; background-size:cover; border-bottom:1px solid var(--line); transition:transform .45s var(--ease);}
.enquiry-card:hover:before{transform:scale(1.025);}
.enquiry-card-transformation:before{background-image:linear-gradient(180deg,rgba(8,25,26,.02),rgba(8,25,26,.18)),url('images/featured-garden-transformation.jpg');}
.enquiry-card-individual:before{background-image:linear-gradient(180deg,rgba(8,25,26,.02),rgba(8,25,26,.18)),url('images/service-luxury-patios.jpg');}
.enquiry-card:hover{transform:translateY(-5px); box-shadow:var(--shadow-lift);}
.enquiry-number{position:absolute; top:226px; right:25px; color:#edf2f7; font:800 66px/1 'Manrope',sans-serif;}
.enquiry-kicker{position:relative; color:var(--sky-dark); font:800 10.5px/1 'Manrope',sans-serif; letter-spacing:.08em; text-transform:uppercase; margin-bottom:14px;}
.enquiry-card h3{position:relative; font-size:24px; margin-bottom:13px;}
.enquiry-card p{position:relative; color:var(--grey); font-size:13.5px; line-height:1.68; margin-bottom:28px;}
.enquiry-card .btn{align-self:flex-start; margin-top:auto;}
.enquiry-phone{text-align:center; margin-top:28px; color:var(--grey); font-size:13.5px;}
.enquiry-phone a{color:var(--navy); font-weight:800;}

/* ===== MOBILE CONVERSION BAR ===== */
.projects-mobile-cta{display:none;}

@media (max-width:980px){
  .projects-hub .projects-hero{min-height:auto;}
  .projects-hub .projects-hero h1{font-size:50px;}
  .selected-heading{grid-template-columns:1fr; gap:20px;}
  .selected-grid{grid-template-columns:1fr;}
  .selected-lead{min-height:520px;}
  .selected-stack{grid-template-columns:1fr 1fr; grid-template-rows:auto;}
  .selected-side{min-height:340px;}
  .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .case-value-grid{grid-template-columns:1fr;}
  .projects-hub .areas-inner{grid-template-columns:1fr; gap:34px;}
}

@media (max-width:600px){
  .projects-hub{padding-bottom:62px;}
  .projects-hub .projects-hero-content{padding:56px 24px 44px;}
  .projects-hub .projects-hero h1{font-size:39px; line-height:1.07;}
  .projects-hub .projects-hero-content > p{font-size:14.5px;}
  .projects-hub .projects-hero .hero-ctas{gap:10px;}
  .projects-hub .projects-hero .hero-ctas .btn{width:100%; justify-content:center;}
  .projects-proof-row{grid-template-columns:1fr 1fr; margin-top:32px;}
  .projects-proof-row div{padding:16px 12px; border-bottom:1px solid rgba(255,255,255,.13);}
  .projects-proof-row div:nth-child(2){border-right:0;}
  .projects-proof-row div:first-child{padding-left:12px;}
  .selected-work{padding:76px 0;}
  .selected-heading h2{font-size:29px;}
  .selected-lead{min-height:500px;}
  .selected-stack{grid-template-columns:1fr;}
  .selected-side{min-height:360px;}
  .selected-lead .selected-content,.selected-content{padding:25px;}
  .selected-lead .selected-content h3{font-size:25px;}
  .projects-hub .filter-bar{top:62px;}
  .projects-hub .filter-bar .container{padding:13px 24px;}
  .filter-label{display:none;}
  .projects-hub .project-grid-section{padding:76px 0 90px;}
  .portfolio-head{align-items:flex-start; flex-direction:column; gap:10px;}
  .portfolio-head h2{font-size:29px;}
  .project-grid{grid-template-columns:1fr;}
  .project-media{height:260px;}
  .case-study-value{padding:76px 0;}
  .case-value-grid article{padding:34px 27px;}
  .project-areas{padding:70px 0;}
  .projects-hub .areas-copy h2{font-size:27px;}
  .projects-hub .area-pills span{font-size:11px; padding:10px 13px;}
  .project-enquiry{padding:76px 0;}
  .enquiry-heading h2{font-size:29px;}
  .enquiry-options{grid-template-columns:1fr;}
  .enquiry-card{padding:230px 25px 32px; min-height:560px;}
  .enquiry-card:before{height:198px;}
  .enquiry-number{top:214px;}
  .enquiry-card .btn{width:100%; justify-content:center;}
  .projects-mobile-cta{position:fixed; left:0; right:0; bottom:0; z-index:260; display:grid; grid-template-columns:.8fr 1.2fr; height:62px; box-shadow:0 -7px 24px rgba(4,12,25,.22);}
  .projects-mobile-cta a{display:flex; align-items:center; justify-content:center; font:800 12px/1 'Manrope',sans-serif; letter-spacing:.03em; text-transform:uppercase;}
  .projects-mobile-cta .mobile-call{background:#fff; color:var(--navy);}
  .projects-mobile-cta .mobile-survey{background:var(--sky); color:var(--navy);}
}