.vendor-section{padding:64px 0;background:var(--bg)}
.vendor-panel{display:grid;grid-template-columns:minmax(300px,.88fr) minmax(0,2fr);overflow:hidden;border:1px solid #e3dfd9;border-radius:28px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.06)}
.vendor-intro{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:44px 38px;background:radial-gradient(ellipse at 0 100%,rgba(185,28,28,.12),transparent 72%),linear-gradient(145deg,#101722,#202b39);color:#fff}
.vendor-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 24px;color:#d6dbe2;font-size:11px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.vendor-eyebrow:before{content:"";width:24px;height:2px;background:#ef4444}
.vendor-intro h2{margin:0;max-width:11ch;font-size:clamp(32px,3.2vw,44px);line-height:1.08;letter-spacing:-.045em;text-wrap:balance}
.vendor-intro h2 span{display:block;color:#d7dce4}
.vendor-intro>p:last-child{max-width:28ch;margin:24px 0 0;color:#bac3cf;font-size:14px;line-height:1.7}
.vendor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;padding:0;background:#ece9e4;list-style:none}
.vendor-grid>li{display:flex;min-width:0;background:#fff}
.vendor-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:16px;width:100%;min-width:0;min-height:198px;padding:26px 24px 20px;color:var(--text);text-decoration:none;transition:background .2s}
.vendor-mark{display:flex;align-items:center;justify-content:center;flex:1;min-height:104px}
.vendor-mark img{display:block;width:100%;max-width:178px;height:auto;max-height:104px;object-fit:contain;transition:transform .25s}
.vendor-mark .vendor-mark--round{width:112px;height:112px;max-height:112px}
.vendor-mark .vendor-mark--one-seven{width:124px;height:124px;max-height:124px}
.vendor-mark .vendor-mark--tohatsu{width:102px;height:118px;max-height:118px}
.vendor-label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#707784;font-size:12px;line-height:1.4}
.vendor-label svg{flex-shrink:0;color:#9ca3af;transition:transform .2s,color .2s}
.vendor-card:hover{background:#faf9f6}
.vendor-card:hover img{transform:scale(1.035)}
.vendor-card:hover .vendor-label{color:var(--text)}
.vendor-card:hover .vendor-label svg{color:var(--accent);transform:translate(2px,-2px)}
.vendor-card:focus-visible{z-index:1;outline:2px solid var(--accent);outline-offset:-4px;border-radius:0;box-shadow:none}
@media(max-width:1050px){.vendor-panel{grid-template-columns:minmax(260px,.85fr) minmax(0,1.5fr)}.vendor-intro{padding:36px 28px}.vendor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vendor-card{min-height:178px;padding:22px 24px 18px}.vendor-mark{min-height:96px}.vendor-mark .vendor-mark--round{width:100px;height:100px}.vendor-mark .vendor-mark--one-seven{width:112px;height:112px}.vendor-mark .vendor-mark--tohatsu{width:92px;height:106px}}
@media(max-width:700px){.vendor-section{padding:40px 0}.vendor-panel{grid-template-columns:1fr;border-radius:22px}.vendor-intro{padding:30px 28px}.vendor-eyebrow{margin-bottom:18px}.vendor-intro h2{max-width:18ch;font-size:clamp(32px,7vw,40px)}.vendor-intro h2 span{display:inline}.vendor-intro>p:last-child{max-width:40ch;margin-top:18px}.vendor-card{min-height:172px;padding:20px 18px 16px}.vendor-mark img{max-width:160px}.vendor-label{font-size:11px}}
@media(max-width:360px){.vendor-intro{padding:26px 22px}.vendor-intro h2{font-size:30px}.vendor-card{padding-inline:12px;gap:12px}.vendor-mark .vendor-mark--round{width:88px;height:88px}.vendor-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.vendor-card,.vendor-mark img,.vendor-label svg{transition:none}.vendor-card:hover img,.vendor-card:hover .vendor-label svg{transform:none}}