.vendor-hero{position:relative;isolation:isolate;overflow:hidden;min-height:440px;border:1px solid #354b58;border-radius:11px;padding:55px 45px 38px;margin:30px 0;background:#0b1c28;display:flex;align-items:center}.vendor-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3;filter:saturate(.68) brightness(.78)}.vendor-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#07131ff5 0%,#07131feb 24%,#07131fb0 49%,#07131f12 83%),linear-gradient(0deg,#07131fb3,transparent 60%)}.vendor-hero-copy{width:68%;max-width:680px;position:relative;z-index:1}.vendor-hero .eyebrow{font-size:11px;letter-spacing:2px;color:#c9aa70}.vendor-hero h1{font-family:"Noto Serif TC",PMingLiU,serif;font-size:clamp(32px,3.4vw,45px);font-weight:500;line-height:1.55;letter-spacing:.6px;margin:20px 0}.vendor-hero .accent{color:#a8dfd4}.vendor-hero p{font-size:14px;line-height:2;color:#b9cbd3;max-width:530px}.vendor-hero .steps{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 0;padding:0}.vendor-hero .steps li{background:#07131f88;border:1px solid #64808d60;border-radius:5px;color:#c2d6df;font-size:11px;padding:7px 10px;white-space:nowrap}.vendor-hero .steps li.on{background:#c9aa70;border-color:#c9aa70;color:#07131f}.vendor-photo-note{position:absolute;right:22px;bottom:17px;font-size:10px;color:#c3cbc9;letter-spacing:1px;text-shadow:0 1px 5px #000}
@media(max-width:700px){.vendor-hero{margin:20px 0;min-height:510px;padding:35px 25px;align-items:end}.vendor-hero-copy{width:100%;max-width:none}.vendor-hero-photo{object-position:65% center;filter:saturate(.6) brightness(.6)}.vendor-hero-shade{background:linear-gradient(0deg,#07131ff5 0%,#07131fdb 35%,#07131f80 75%,#07131f55)}.vendor-hero h1{font-size:34px}.vendor-hero p{font-size:13px}.vendor-hero .steps{gap:6px;margin-top:23px}.vendor-hero .steps li{font-size:10px;padding:7px 9px}.vendor-photo-note{font-size:9px;bottom:11px;right:18px}}