/* Yoru Ventures - brands page styles - v1.3.1 */
/* ---------- brands ---------- */
.banner{position:relative;margin:0;border-radius:24px;overflow:hidden;border:1px solid rgba(245,250,246,.12);background:#0a0f11;aspect-ratio:2.5/1;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.banner img{position:absolute;left:0;top:-7%;width:100%;height:114%;object-fit:cover;display:block;will-change:transform}
.kd-head{display:flex;align-items:center;gap:20px;margin:30px 0 0}
.kd-logo{width:76px;height:76px;flex:none;border-radius:20px;object-fit:cover;border:1px solid rgba(245,250,246,.16)}
.kd-name{margin:0;font-family:var(--font-display);font-weight:300;font-size:clamp(30px,4.4vw,52px);line-height:1.05;letter-spacing:-.02em;color:var(--ink)}
.kd-tag{margin:6px 0 0;font-size:clamp(14px,1.2vw,16px);color:rgba(236,241,239,.68)}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}
.chips li{padding:8px 16px;border-radius:999px;border:1px solid rgba(245,250,246,.16);background:rgba(245,250,246,.04);font-size:13px;color:rgba(236,241,239,.82)}
.quote{margin:8px 0 0!important;padding-left:18px;border-left:2px solid var(--teal);font-family:var(--font-display);font-weight:300;font-size:clamp(20px,2.2vw,28px)!important;line-height:1.4!important;color:var(--ink)!important}
.links{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.links a{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 20px;border-radius:999px;border:1px solid rgba(245,250,246,.2);background:rgba(245,250,246,.05);font-size:15px;color:var(--ink);transition:background .25s,border-color .25s,color .25s}
.links a svg{width:10px;height:10px;transition:transform .25s}
.links a:hover{background:var(--cream);border-color:var(--cream);color:#0A1514}
.links a:hover svg{transform:translate(2px,-2px)}
.more{margin:clamp(40px,6vw,70px) 0 0;padding:34px;border-radius:20px;border:1px dashed rgba(245,250,246,.18);text-align:center;font-size:14px;letter-spacing:.04em;color:rgba(236,241,239,.55)}
.sec-lead{font-family:var(--font-display);font-weight:300;font-size:clamp(22px,2.6vw,34px)!important;line-height:1.3!important;letter-spacing:-.01em;color:var(--ink)!important}
@media (max-width:700px){.banner{aspect-ratio:4/3;border-radius:18px}.banner img{object-position:64% 50%}.kd-logo{width:60px;height:60px;border-radius:16px}}

.hero-in--tight{padding-bottom:clamp(34px,6vh,56px)}
.sec--first{margin-top:clamp(40px,6vw,70px)}
