/* ===== zintex26-resources ===== */
.z26-res{
  /* Brand */
  --z-navy:#003366; --z-white:#FFFFFF; --z-yellow:#FFE500;
  /* Supporting (pending your decision on extra colors) */
  --z-navy-900:#0A1A2E; --z-blue:#1F5FA8; --z-ink:#1B2430; --z-muted:#5B6675;
  --z-line:#DDE3EA; --z-surface:#F4F7FA; --z-ivory:#FBF8F3; --z-ivory-line:#E7E1D7;

  font-family:"Open Sans",system-ui,sans-serif; font-weight:500; color:var(--z-ink);
}
.z26-res *,.z26-res *::before,.z26-res *::after{box-sizing:border-box}

.z26-res__inner{max-width:1200px; margin:0 auto; padding:48px 16px}
.z26-res__head{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:12px 32px; margin-bottom:24px}
.z26-res__head-text{max-width:720px}
.z26-res__eyebrow{margin:0 0 10px; font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--z-blue)}
.z26-res__heading{margin:0 0 10px; font-size:clamp(28px,3.6vw,40px); line-height:1.15; font-weight:800; letter-spacing:-.01em; color:var(--z-navy)}
.z26-res__intro{margin:0; font-size:17px; line-height:1.6; color:var(--z-muted)}
.z26-res__all{flex:none; font-weight:700; font-size:16px; color:var(--z-blue); text-decoration:none}
.z26-res__all:hover{color:var(--z-navy); text-decoration:underline; text-underline-offset:3px}

.z26-res__list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px}
.z26-res__card{display:flex; align-items:center; gap:14px; padding:10px; border-radius:16px; text-decoration:none; color:inherit; height:100%}
.z26-res__card:focus-visible{outline:3px solid var(--z-blue); outline-offset:3px}
.z26-res__media{position:relative; flex:none; width:96px; height:96px; overflow:hidden; border-radius:12px; background:#C9D3DC}
.z26-res__media img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease}
.z26-res__card:hover .z26-res__media img{transform:scale(1.03)}
.z26-res__kind{display:none}
.z26-res__body{display:flex; flex-direction:column; gap:4px; min-width:0}
.z26-res__title{font-size:16px; line-height:1.35; font-weight:800; color:var(--z-ink)}
.z26-res__blurb{display:none; font-size:15px; line-height:1.55; color:var(--z-muted)}
.z26-res__more{font-size:14px; font-weight:700; color:var(--z-blue)}
.z26-res__card:hover .z26-res__more{text-decoration:underline; text-underline-offset:3px}

/* ---------- Style: Clear Glass ---------- */
.z26-res--glass{background:var(--z-white)}
.z26-res--glass .z26-res__card{background:var(--z-surface)}
.z26-res--glass .z26-res__kind{
  color:var(--z-white); background:rgba(10,26,46,.55);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.14);
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .z26-res--glass .z26-res__kind{background:rgba(10,26,46,.9)}
}

/* ---------- Style: Warm & Solid ---------- */
/* Warm uses brand colors only: navy text, yellow highlights, white/ivory grounds */
.z26-res--warm{--z-ink:var(--z-navy); background:var(--z-ivory); color:var(--z-ink)}
.z26-res--warm .z26-res__eyebrow{display:inline-block; padding:6px 12px; border-radius:8px; background:var(--z-yellow); color:var(--z-navy); letter-spacing:.02em; text-transform:none; font-size:14px; margin-bottom:14px}
.z26-res--warm .z26-res__all,
.z26-res--warm .z26-res__more{color:var(--z-navy)}
.z26-res--warm .z26-res__card{background:var(--z-white); box-shadow:0 6px 20px rgba(60,45,20,.06)}
.z26-res--warm .z26-res__kind{background:var(--z-yellow); color:var(--z-navy)}

/* ---------- Tablet / desktop: photo cards ---------- */
@media (min-width:640px){
  .z26-res__inner{padding:72px 32px}
  .z26-res__head{margin-bottom:36px}
  .z26-res__list{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px}
  .z26-res__card{flex-direction:column; align-items:stretch; gap:0; padding:0; border-radius:18px; overflow:hidden}
  .z26-res__media{width:100%; height:auto; aspect-ratio:16/10; border-radius:0}
  .z26-res__kind{
    display:inline-block; position:absolute; left:12px; top:12px;
    padding:5px 12px; border-radius:999px; font-size:12px; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
  }
  .z26-res__body{padding:20px 22px 22px; gap:8px; flex:1}
  .z26-res__title{font-size:18px}
  .z26-res__blurb{display:block; flex:1}
  .z26-res--warm .z26-res__card{border-radius:22px}
}
@media (min-width:960px){
  .z26-res__inner{padding:96px 32px}
  .z26-res__head{margin-bottom:44px}
  .z26-res__list{grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px}
}

@media (prefers-reduced-motion:reduce){
  .z26-res__media img{transition:none}
  .z26-res__card:hover .z26-res__media img{transform:none}
}