/* ESPO first-party project collections; scoped — no global layout changes. */
.espo-collection-page{--pc-blue:#0072bc;--pc-ink:#132637;--pc-muted:#647585;--pc-line:#e1e7ed;background:#fbfaf7;color:var(--pc-ink);padding:0 0 clamp(40px,5vw,75px)}
.espo-collection-page *{box-sizing:border-box}
.espo-collection-shell{width:min(100% - 3rem,86rem);margin-inline:auto}
.espo-collection-breadcrumb{display:flex;gap:11px;align-items:center;flex-wrap:wrap;padding:25px 0 12px;color:#687786;font-size:.82rem}
.espo-collection-breadcrumb a{color:#15669b;text-decoration:none}.espo-collection-breadcrumb a:hover{text-decoration:underline}
.espo-collection-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(20px,4vw,60px);padding:26px 0 50px;border-bottom:1px solid var(--pc-line)}
.espo-collection-kicker{display:flex;gap:9px;align-items:center;color:#0b6ca5;letter-spacing:.06em;font-size:.76rem;font-weight:800}
.espo-collection-kicker i{width:10px;height:10px;background:#b89143;display:block;flex:0 0 auto}
.espo-collection-label{font-size:.78rem;color:var(--pc-muted);margin:12px 0}
.espo-collection-hero h1{font-size:clamp(2.15rem,4vw,4.2rem);line-height:1.17;letter-spacing:-.035em;margin:12px 0 20px;font-weight:760;color:var(--pc-ink)}
.espo-collection-lead{font-size:clamp(.94rem,1.3vw,1.05rem);line-height:1.95;color:#475a69;margin:0 0 20px;max-width:65ch}
.espo-collection-metrics{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px}.espo-collection-metrics span{padding:8px 12px;border:1px solid #dfe8eb;background:#fff;border-radius:999px;font-size:.75rem;color:#4b5c68}.espo-collection-metrics strong{color:#0a699e;font-weight:800}
.espo-collection-primary-link{display:inline-flex;gap:13px;align-items:center;padding:12px 18px;border-radius:999px;background:#0b6da8;color:#fff;text-decoration:none;font-weight:750;font-size:.83rem;transition:background .2s,transform .2s}.espo-collection-primary-link:hover{background:#074e7a;color:#fff;transform:translateY(-2px)}
.espo-collection-hero__media{height:clamp(280px,37vw,500px);margin:0;border-radius:23px;overflow:hidden;background:#e5e9e9;box-shadow:0 28px 52px rgba(26,48,67,.1)}.espo-collection-hero__media img{width:100%;height:100%;display:block;object-fit:cover}
.espo-collection-body{padding:50px 0 0;scroll-margin-top:112px}.espo-collection-section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:0 0 28px}.espo-collection-section-head h2{margin:11px 0 0;color:var(--pc-ink);font-size:clamp(1.7rem,2.65vw,2.6rem);line-height:1.25}.espo-collection-section-head p{margin:0;max-width:46ch;color:var(--pc-muted);line-height:1.8;font-size:.9rem}
.espo-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.espo-collection-card{display:flex;flex-direction:column;border-radius:18px;border:1px solid #e3e9ee;overflow:hidden;background:#fff;box-shadow:0 8px 22px rgba(25,52,72,.035);text-decoration:none;color:inherit;transition:transform .24s,box-shadow .24s,border-color .24s}.espo-collection-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(25,52,72,.1);border-color:#b9d4e3}.espo-collection-card__media{position:relative;aspect-ratio:16/10;background:#eef0ee;overflow:hidden}.espo-collection-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .36s}.espo-collection-card:hover img{transform:scale(1.035)}
.espo-collection-card__content{display:flex;flex-direction:column;gap:10px;padding:19px 19px 17px;flex:1}.espo-collection-card h4{font-size:1.08rem;line-height:1.55;color:#172b3b;margin:0;font-weight:780}.espo-collection-card p{font-size:.84rem;line-height:1.8;color:#657583;margin:0;flex:1}.espo-collection-card__action{font-size:.78rem;color:#0a699f;font-weight:800;margin-top:5px;display:flex;align-items:center;gap:9px}.espo-collection-empty{padding:36px;border-radius:15px;background:#fff;color:#506576}
/* Portfolio card uses original ESPO card composition, with a distinctive collection marker. */
.espo-projects-page .espo-project-card--collection{--sector-color:#0b6da8;border-color:#d7e8f1}.espo-projects-page .espo-project-card--collection .espo-project-card__status{background:#0b6da8;color:#fff}.espo-project-collection-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:13px}.espo-project-collection-controls a{border:1px solid #d9e4eb;border-radius:99px;padding:8px 13px;text-decoration:none;font-size:.77rem;font-weight:750;color:#0b6398;background:#fff}.espo-project-collection-controls a:hover{background:#edf7fc}
.espo-case__collection-link{display:inline-flex;align-items:center;gap:8px;margin:12px 0 0;padding:10px 15px;border:1px solid #c8dfe9;border-radius:999px;color:#0b699e;background:#f5fbff;font-size:.8rem;font-weight:750;text-decoration:none}.espo-case__collection-link:hover{background:#e5f4fa;color:#074e77}
@media(max-width:980px){.espo-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.espo-collection-hero{gap:22px}.espo-collection-section-head{align-items:start;flex-direction:column;gap:9px}}
@media(max-width:700px){.espo-collection-shell{width:min(100% - 2rem,86rem)}.espo-collection-hero{grid-template-columns:1fr;padding:14px 0 30px}.espo-collection-hero__media{height:280px}.espo-collection-body{padding-top:34px}.espo-collection-grid{grid-template-columns:1fr}.espo-collection-hero h1{font-size:2rem}.espo-collection-card__media{aspect-ratio:16/9}}
@media(prefers-reduced-motion:reduce){.espo-collection-card,.espo-collection-card__media img,.espo-collection-primary-link{transition:none}}