/**
 * Projects list & detail (resources/views/site/projects/*).
 * Builds on contact.css (tokens, hero backdrop, buttons) and about.css (prose, kicker).
 */
.pj-page .btn-light{border:0;background:#fff;color:var(--ct-dark);box-shadow:0 8px 20px rgba(0,20,10,.18)}
.pj-page .btn-light:hover{background:#f1f8f0;color:var(--ct-primary);transform:translateY(-2px)}
.pj-page .btn-light svg{width:18px;height:18px}

/* ===== List hero: text left, image mosaic right ===== */
.pj-hero{padding:34px 0 110px}
.pj-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:48px;align-items:center}
.pj-hero .cp-breadcrumb{margin-bottom:26px}
.pj-hero__content{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;max-width:820px;margin:0 auto;text-align:center}
.pj-hero__content>p{max-width:640px;margin:0 0 28px;color:rgba(232,245,232,.88);font-size:17px;line-height:1.7}
.pj-hero__content .ct-hero__actions{justify-content:center}
.pj-mosaic{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:150px 150px;gap:12px}
.pj-mosaic figure{margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:var(--ct-radius);box-shadow:0 18px 40px rgba(0,20,10,.35)}
.pj-mosaic figure:first-child{grid-row:1/3}
.pj-mosaic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ct-ease)}
.pj-mosaic figure:hover img{transform:scale(1.06)}
.pj-mosaic--1{grid-template-columns:1fr}
.pj-mosaic--2 figure:last-child{grid-row:1/3}

/* ===== Stats strip (overlaps hero) ===== */
.pj-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:-58px 0 0;padding:0;list-style:none;border:1px solid var(--ct-border);border-radius:var(--ct-radius);background:#fff;box-shadow:0 18px 40px rgba(0,61,43,.1)}
.pj-stats li,.pj-facts li{display:flex;align-items:center;gap:14px;padding:22px 24px}
.pj-stats li+li,.pj-facts li+li{border-left:1px solid var(--ct-border)}
.pj-stats__icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:13px;background:#e9f4e7;color:var(--ct-mid)}
.pj-stats__icon svg{width:22px;height:22px}
.pj-stats b{display:block;font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.05;background:var(--ct-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--ct-mid)}
.pj-stats div span{display:block;margin-top:3px;color:var(--cp-muted);font-size:13.5px}

/* ===== Main ===== */
.pj-main{padding:48px 0 72px}

/* Spotlight */
.pj-spotlight{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);overflow:hidden;border:1px solid var(--ct-border);border-radius:20px;background:#fff;box-shadow:var(--ct-shadow)}
.pj-spotlight__media{position:relative;display:block;min-height:380px;overflow:hidden;background:linear-gradient(135deg,#003d2b,#0c7949)}
.pj-spotlight__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ct-ease)}
.pj-spotlight:hover .pj-spotlight__media img{transform:scale(1.04)}
.pj-spotlight__badge{position:absolute;left:18px;top:18px;padding:7px 14px;border-radius:999px;background:var(--ct-grad);color:#fff;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 8px 20px rgba(12,121,73,.35)}
.pj-spotlight__body{display:flex;flex-direction:column;align-items:flex-start;padding:36px 38px}
.pj-spotlight__meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.pj-spotlight__meta span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#f1f7f0;color:var(--ct-primary);font-size:13px;font-weight:600}
.pj-spotlight__meta svg{width:15px;height:15px;color:var(--ct-accent)}
.pj-spotlight h2{margin:0 0 12px;font-size:clamp(22px,2.2vw,28px);font-weight:800;letter-spacing:-.015em;line-height:1.3}
.pj-spotlight h2 a{color:var(--ct-dark);text-decoration:none;transition:color .25s ease}
.pj-spotlight h2 a:hover{color:var(--ct-mid)}
.pj-spotlight__body>p{margin:0 0 20px;color:var(--cp-muted);font-size:15px;line-height:1.7}
.pj-spotlight__result{display:flex;gap:14px;width:100%;margin-bottom:24px;padding:16px;border:1px dashed var(--ct-border-hover);border-radius:var(--ct-radius-sm);background:#f6faf5}
.pj-spotlight__result .ct-promise__icon{flex-basis:42px;width:42px;height:42px;border-radius:12px}
.pj-spotlight__result .ct-promise__icon svg{width:20px;height:20px}
.pj-spotlight__result strong{display:block;margin-bottom:2px;color:var(--ct-dark);font-size:14.5px}
.pj-spotlight__result p{margin:0;color:var(--cp-muted);font-size:14px;line-height:1.6}

/* Section head (left aligned, with side text/link) */
.pj-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:56px 0 24px}
.pj-head .ab-kicker{margin-bottom:8px}
.pj-head h2{margin:0;color:var(--ct-dark);font-size:clamp(22px,2.4vw,30px);font-weight:800;letter-spacing:-.015em}
.pj-head>p{margin:0;color:var(--cp-muted);font-size:14px}
.pj-head__link{display:inline-flex;align-items:center;gap:6px;color:var(--ct-mid);font-weight:700;text-decoration:none;white-space:nowrap}
.pj-head__link svg{width:16px;height:16px;transition:transform .25s var(--ct-ease)}
.pj-head__link:hover svg{transform:translateX(4px)}

/* Overlay cards */
.pj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pj-card{border-radius:18px;box-shadow:var(--ct-shadow);transition:transform .35s var(--ct-ease),box-shadow .35s var(--ct-ease)}
.pj-card.reveal-item{transition:opacity .7s var(--ct-ease),transform .7s var(--ct-ease),box-shadow .35s var(--ct-ease)}
.pj-card:hover,.pj-card.reveal-item.is-visible:hover{transform:translateY(-6px);box-shadow:var(--ct-shadow-hover)}
.pj-card__link{position:relative;display:block;aspect-ratio:4/3.3;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#003d2b,#0c7949);color:#fff;text-decoration:none}
.pj-card__link img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ct-ease)}
.pj-card:hover .pj-card__link img{transform:scale(1.07)}
.pj-card__link::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,30,20,0) 30%,rgba(0,40,26,.6) 62%,rgba(0,34,22,.94) 100%);transition:opacity .35s ease}
.pj-card__placeholder{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.35)}
.pj-card__placeholder svg{width:56px;height:56px}
.pj-card__year{position:absolute;right:14px;top:14px;z-index:1;padding:5px 12px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(0,30,20,.35);font-size:12.5px;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pj-card__overlay{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;gap:6px;padding:22px}
.pj-card__loc{display:inline-flex;align-items:center;gap:6px;color:#b6e0b1;font-size:13px;font-weight:600}
.pj-card__loc svg{flex:0 0 15px;width:15px;height:15px}
.pj-card__title{font-size:19px;font-weight:800;letter-spacing:-.01em;line-height:1.3}
.pj-card__excerpt{display:-webkit-box;max-height:0;overflow:hidden;color:rgba(232,245,232,.85);font-size:14px;line-height:1.55;opacity:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;transition:max-height .45s var(--ct-ease),opacity .35s ease}
.pj-card:hover .pj-card__excerpt,.pj-card__link:focus-visible .pj-card__excerpt{max-height:80px;opacity:1}
.pj-card__more{display:inline-flex;align-items:center;gap:6px;margin-top:4px;color:#fff;font-size:14px;font-weight:700}
.pj-card__more svg{width:16px;height:16px;transition:transform .25s var(--ct-ease)}
.pj-card:hover .pj-card__more svg{transform:translateX(4px)}
.pj-pagination:not(:empty){margin-top:30px}

/* CTA (light variant) */
.pj-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:64px;padding:34px 38px;overflow:hidden;border:1px solid var(--ct-border);border-radius:20px;background:linear-gradient(120deg,#f3f9f2 0%,#fff 60%);box-shadow:var(--ct-shadow)}
.pj-cta::after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(closest-side,rgba(69,167,61,.18),transparent);pointer-events:none}
.pj-cta>*{position:relative;z-index:1}
.pj-cta h2{margin:0 0 6px;color:var(--ct-dark);font-size:clamp(20px,2vw,26px);font-weight:800;letter-spacing:-.015em}
.pj-cta p{margin:0;max-width:620px;color:var(--cp-muted);font-size:15px}
.pj-cta .btn{flex-shrink:0}

/* ===== Detail: full-bleed cover ===== */
.pj-cover{position:relative;overflow:hidden;padding:34px 0 128px;color:#fff;background:#022f1c}
.pj-cover__bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03)}
.pj-cover::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,36,22,.94) 0%,rgba(2,47,28,.78) 45%,rgba(2,47,28,.35) 100%),linear-gradient(0deg,rgba(2,30,18,.75),transparent 55%)}
.pj-cover--plain{background-image:url('../images/bg-solution2.png'),linear-gradient(105deg,#034229 0%,#022f1c 58%,#0c7949 100%);background-size:cover,100% 100%;background-blend-mode:luminosity,normal}
.pj-cover__inner{position:relative;z-index:2;min-height:300px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}
.pj-cover .cp-breadcrumb{margin-bottom:auto}
.pj-cover .ct-eyebrow{margin-top:56px}
.pj-cover h1{max-width:860px;margin:0 0 14px;font-size:clamp(30px,4vw,50px);font-weight:800;letter-spacing:-.02em;line-height:1.12;text-shadow:0 2px 24px rgba(0,20,10,.4)}
.pj-cover__loc{display:inline-flex;align-items:center;gap:8px;margin:0;color:rgba(232,245,232,.9);font-size:16px}
.pj-cover__loc svg{width:18px;height:18px;color:#b6e0b1}

.pj-facts{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:-64px 0 0;padding:0;list-style:none;border:1px solid var(--ct-border);border-radius:var(--ct-radius);background:#fff;box-shadow:0 18px 40px rgba(0,61,43,.1)}
.pj-facts div span{display:block;color:var(--cp-muted);font-size:13px}
.pj-facts b{display:block;margin-top:2px;color:var(--ct-dark);font-size:15.5px;font-weight:800;line-height:1.35}

.pj-detail .pj-main{padding-top:40px}
.pj-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.pj-body__main{display:grid;gap:24px;min-width:0}
.pj-body__aside{position:sticky;top:calc(var(--sticky-nav-offset,0px) + 72px);display:grid;gap:16px}
.pj-aside__phone{width:100%;margin-bottom:10px}
.ct-page .pj-body__aside .ct-support h2{margin:0 0 3px;color:#fff;font-size:17px;font-weight:800}
.pj-back{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;border:1px solid var(--ct-border);border-radius:var(--ct-radius-sm);background:#fff;color:var(--ct-primary);font-weight:700;text-decoration:none;transition:border-color .25s ease,background .25s ease}
.pj-back svg{width:16px;height:16px;transform:rotate(180deg)}
.pj-back:hover{border-color:var(--ct-border-hover);background:#f1f8f0}

/* Gallery */
.pj-gallery__stage{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#e9f1e8;box-shadow:var(--ct-shadow)}
.pj-gallery__stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);transition:opacity .5s ease,transform .8s var(--ct-ease)}
.pj-gallery__stage img.is-active{opacity:1;transform:none}
.pj-gallery__count{position:absolute;right:14px;bottom:14px;z-index:2;padding:5px 12px;border-radius:999px;background:rgba(0,30,20,.55);color:#fff;font-size:13px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pj-gallery__nav{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,30,20,.4);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-50%);transition:background .25s ease}
.pj-gallery__nav:hover{background:var(--ct-mid)}
.pj-gallery__nav svg{width:18px;height:18px}
.pj-gallery__nav--prev{left:14px}
.pj-gallery__nav--prev svg{transform:rotate(180deg)}
.pj-gallery__nav--next{right:14px}
.pj-gallery__thumbs{display:flex;gap:10px;margin-top:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.pj-gallery__thumbs button{flex:0 0 calc((100% - 40px)/5);padding:0;overflow:hidden;border:2px solid transparent;border-radius:12px;background:#e9f1e8;opacity:.55;cursor:pointer;transition:opacity .25s ease,border-color .25s ease}
.pj-gallery__thumbs button:hover{opacity:.85}
.pj-gallery__thumbs button.is-active{border-color:var(--ct-accent);opacity:1}
.pj-gallery__thumbs img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}

/* Overview / sections / results */
.pj-overview{padding:26px 30px;border-radius:18px;background:linear-gradient(120deg,#eef7ec,#f8fbf7);border:1px solid var(--ct-border)}
.pj-overview .ab-kicker{margin-bottom:10px}
.pj-overview__text{padding:0;color:var(--ct-dark);font-size:17px;line-height:1.75}
.pj-section{padding:28px 30px}
.pj-section .ab-prose{padding:0}
.pj-section--empty p{margin:0;color:var(--cp-muted)}
.pj-section__head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.pj-section__num{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:13px;background:var(--ct-grad);color:#fff;font-size:16px;font-weight:800;box-shadow:0 8px 18px rgba(69,167,61,.3)}
.pj-section__head h2{margin:0;color:var(--ct-dark);font-size:21px;font-weight:800;letter-spacing:-.01em}
.pj-results{position:relative;overflow:hidden;padding:28px 30px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#003d2b 0%,#00613c 60%,#0c7949 100%);box-shadow:0 14px 34px rgba(0,61,43,.22)}
.pj-results::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:20px 20px;-webkit-mask-image:linear-gradient(135deg,transparent 35%,#000);mask-image:linear-gradient(135deg,transparent 35%,#000);pointer-events:none}
.pj-results>*{position:relative}
.pj-results .pj-section__head h2{color:#fff}
.pj-results .pj-section__num{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);box-shadow:none}
.pj-results__body{color:rgba(232,245,232,.9);font-size:15.5px;line-height:1.75}
.pj-results__body>*:last-child{margin-bottom:0}
.pj-results__body [style*="color"]{color:inherit!important}
.pj-results__body strong,.pj-results__body b{color:#fff}
.pj-results__body ul{margin:0 0 12px;padding:0;list-style:none}
.pj-results__body li{position:relative;margin-bottom:8px;padding-left:28px}
.pj-results__body li::before{content:"";position:absolute;left:0;top:.3em;width:18px;height:18px;border-radius:50%;background:rgba(182,224,177,.2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.3l2.6 2.5L13 6.3' fill='none' stroke='%23b6e0b1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}

/* ===== Responsive ===== */
@media (max-width:1024px){
  .pj-hero__inner{grid-template-columns:1fr;gap:32px}
  .pj-mosaic{grid-template-rows:130px 130px}
  .pj-stats li:nth-child(3){border-left:0}
  .pj-spotlight{grid-template-columns:1fr}
  .pj-spotlight__media{min-height:300px}
  .pj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pj-body{grid-template-columns:1fr}
  .pj-body__aside{position:static}
  .pj-cta{flex-direction:column;align-items:flex-start}
}
@media (max-width:767px){
  .pj-hero{padding:22px 0 90px}
  .pj-hero__content>p{font-size:15.5px}
  .pj-hero .btn-outline{display:none}
  .pj-mosaic{grid-template-rows:110px 110px;gap:8px}
  .pj-stats,.pj-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pj-stats li,.pj-facts li{flex-direction:column;align-items:flex-start;gap:10px;padding:16px}
  .pj-stats li+li,.pj-facts li+li{border-left:0}
  .pj-stats li:nth-child(even),.pj-facts li:nth-child(even){border-left:1px solid var(--ct-border)}
  .pj-stats li:nth-child(n+3),.pj-facts li:nth-child(n+3){border-top:1px solid var(--ct-border)}
  .pj-stats b{font-size:24px}
  .pj-main{padding:36px 0 52px}
  .pj-spotlight__media{min-height:220px}
  .pj-spotlight__body{padding:22px 20px}
  .pj-head{flex-direction:column;align-items:flex-start;margin:40px 0 18px}
  .pj-grid{grid-template-columns:1fr;gap:16px}
  .pj-card__excerpt{max-height:80px;opacity:1}
  .pj-cta{padding:24px 20px;margin-top:44px}
  .pj-cta .btn{width:100%}
  .pj-cover{padding:22px 0 96px}
  .pj-cover__inner{min-height:240px}
  .pj-cover .ct-eyebrow{margin-top:36px}
  .pj-overview,.pj-section,.pj-results{padding:22px 18px}
  .pj-overview__text{font-size:16px}
  .pj-gallery__thumbs button{flex-basis:calc((100% - 20px)/3)}
  .pj-gallery__nav{width:38px;height:38px}
}
@media (prefers-reduced-motion:reduce){
  .pj-card,.pj-card__link img,.pj-mosaic img,.pj-spotlight__media img{transition:none}
  .pj-card:hover,.pj-card.reveal-item.is-visible:hover{transform:none}
}