/* Portfolio previews use the supplied photography and icon marks only. */
.site-2026 .showcase-photo--brand {
  display:grid;
  place-items:center;
  isolation:isolate;
  background:#142747;
}
.site-2026 .showcase-photo--brand .showcase-backdrop {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.site-2026 .showcase-photo--lifecraft .showcase-backdrop {object-position:center 46%}
.site-2026 .showcase-photo--cwie .showcase-backdrop {object-position:center 62%;transform:scale(1.3)}
.site-2026 .showcase-card:hover .showcase-photo--cwie .showcase-backdrop {transform:scale(1.3)}
.site-2026 .showcase-photo--brand::after {
  z-index:0;
  inset:0;
  height:auto;
  background:linear-gradient(90deg,rgba(7,16,34,.34),rgba(7,16,34,.13)),linear-gradient(0deg,rgba(6,13,30,.25),transparent 60%);
}
.site-2026 .showcase-photo--brand .showcase-logo-frame {
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:clamp(75px,8vw,106px);
  height:clamp(75px,8vw,106px);
  padding:12px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:24px;
  background:rgba(25,22,24,.72);
  box-shadow:0 12px 28px rgba(0,0,0,.26);
  backdrop-filter:blur(7px);
}
.site-2026 .showcase-photo--cwie .showcase-logo-frame {
  background:rgba(255,255,255,.93);
  border-color:#fff;
}
.site-2026 .showcase-photo--brand .showcase-logo {
  position:static;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  transform:none;
}
.site-2026 .showcase-card:hover .showcase-photo--brand .showcase-logo {transform:none}
.site-2026 .showcase-photo--brand .showcase-tag,
.site-2026 #examples .showcase-photo--brand .showcase-tag {
  top:12px;
  right:12px;
  left:auto;
}
@media(max-width:700px){
  .site-2026 .showcase-photo--brand .showcase-logo-frame {
    width:72px;
    height:72px;
    padding:9px;
    border-radius:18px;
  }
}

/* Portfolio covers: readable service titles and the CWIE identity. */
.site-2026 .showcase-photo--lifecraft {
  justify-items:start;
  background:#211a19;
}
.site-2026 .showcase-photo--lifecraft .showcase-backdrop {
  object-position:center 43%;
}
.site-2026 .showcase-photo--lifecraft::after {
  background:linear-gradient(90deg,rgba(21,13,12,.88) 0%,rgba(21,13,12,.7) 37%,rgba(21,13,12,.06) 82%);
}
.site-2026 .showcase-cover-title {
  position:relative;
  z-index:1;
  display:grid;
  gap:0;
  margin:0 12% 0 7%;
  color:#fff7ed;
  font-family:Inter,'Noto Sans Thai',sans-serif;
  line-height:1.1;
  text-shadow:0 2px 14px rgba(0,0,0,.36);
}
.site-2026 .showcase-cover-title strong {font-size:clamp(24px,2.4vw,35px);font-weight:800;}
.site-2026 .showcase-cover-title small {margin-top:5px;font-size:clamp(12px,1.1vw,15px);font-weight:600;color:#f0c49d;}

.site-2026 .showcase-photo--cwie {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(12px,2vw,22px);
  padding:20px 35px;
  background:radial-gradient(circle at 17% 32%,rgba(130,220,245,.54),transparent 32%),linear-gradient(115deg,#f9fcff 0%,#ebf7ff 54%,#e5eeff 100%);
}
.site-2026 .showcase-photo--cwie::after {
  background:radial-gradient(circle at 88% 0%,rgba(56,124,222,.18),transparent 42%);
}
.site-2026 .showcase-cwie-mark {
  position:relative;
  z-index:1;
  flex:none;
  display:grid;
  place-items:center;
  width:clamp(74px,8vw,108px);
  height:clamp(74px,8vw,108px);
  padding:10px;
  border:1px solid rgba(87,151,210,.2);
  border-radius:26px;
  background:#fff;
  box-shadow:0 11px 28px rgba(44,95,149,.15);
}
.site-2026 .showcase-cwie-mark img {width:100%;height:100%;object-fit:contain;transform:none;}
.site-2026 .showcase-card:hover .showcase-cwie-mark img {transform:none;}
.site-2026 .showcase-cwie-copy {position:relative;z-index:1;display:grid;gap:8px;min-width:0;color:#103768;font-family:Inter,'Noto Sans Thai',sans-serif;line-height:1.35;}
.site-2026 .showcase-cwie-copy strong {font-size:clamp(17px,1.65vw,24px);font-weight:800;white-space:nowrap;}
.site-2026 .showcase-cwie-copy small {font-size:clamp(11px,.9vw,13px);font-weight:600;color:#456583;}

@media(max-width:700px){
  .site-2026 .showcase-photo--cwie {gap:10px;padding:14px 18px;}
  .site-2026 .showcase-cwie-mark {width:64px;height:64px;padding:6px;border-radius:18px;}
  .site-2026 .showcase-cwie-copy {gap:5px;}
  .site-2026 .showcase-cwie-copy strong {font-size:14px;}
  .site-2026 .showcase-cwie-copy small {font-size:10px;}
  .site-2026 .showcase-cover-title {margin-left:6%;}
  .site-2026 .showcase-cover-title strong {font-size:25px;}
}