@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap);.supplier-spotlight{background:linear-gradient(180deg,#fcf7f2,#fbf3ec);border-top:1px solid #c9b9a8;padding:6rem 1.5rem}@media(min-width:640px){.supplier-spotlight{padding:8rem 1.5rem}}.supplier-spotlight__inner{margin:0 auto;max-width:72rem}.supplier-spotlight__header{margin-bottom:1.5rem;text-align:center}.supplier-spotlight__label{color:#e86f39;display:inline-block;font-size:.875rem;font-weight:500;letter-spacing:.15em;margin-bottom:.75rem;text-transform:uppercase}.supplier-spotlight__heading{color:#2c2418;font-family:Playfair Display,Georgia,Times New Roman,Times,serif;font-size:2.25rem;font-weight:600;letter-spacing:2px;margin-bottom:1rem;margin-top:0;text-transform:uppercase}@media(min-width:640px){.supplier-spotlight__heading{font-size:3rem}}@media(min-width:768px){.supplier-spotlight__heading{font-size:3.75rem}}.supplier-spotlight__subtitle{color:#8a7e72;font-size:1.125rem;margin:0 auto;max-width:42rem}.supplier-spotlight__feature{align-items:center;display:grid;gap:2rem;grid-template-columns:1fr;margin-top:3rem}@media(min-width:768px){.supplier-spotlight__feature{gap:3rem;grid-template-columns:1fr 1fr}}.supplier-spotlight__media{aspect-ratio:16/9;border-radius:1rem;cursor:pointer;overflow:hidden;position:relative}.supplier-spotlight__media:hover .supplier-spotlight__image{transform:scale(1.05)}.supplier-spotlight__media:hover .supplier-spotlight__play-btn{transform:translate(-50%,-50%) scale(1.1)}.supplier-spotlight__image{height:100%;object-fit:cover;transition:transform .7s;width:100%}.supplier-spotlight__media-overlay{background:rgba(30,25,20,.3);inset:0;position:absolute;transition:background .3s}.supplier-spotlight__media:hover .supplier-spotlight__media-overlay{background:rgba(30,25,20,.2)}.supplier-spotlight__play-btn{align-items:center;background:rgba(232,111,57,.9);border-radius:50%;box-shadow:0 4px 14px rgba(232,111,57,.35);color:#fff;display:flex;height:4rem;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .3s;width:4rem}.supplier-spotlight__play-btn svg{margin-left:3px}@media(min-width:640px){.supplier-spotlight__play-btn{height:5rem;width:5rem}}.supplier-spotlight__watch-label{bottom:1rem;color:hsla(0,0%,100%,.7);font-size:.6875rem;left:1rem;letter-spacing:.1em;position:absolute;text-transform:uppercase}.supplier-spotlight__badge{background:rgba(232,111,57,.1);border-radius:9999px;color:#e86f39;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.08em;margin-bottom:.5rem;padding:.25rem .75rem;text-transform:uppercase}.supplier-spotlight__name{color:#2c2418;font-family:Playfair Display,Georgia,Times New Roman,Times,serif;font-size:1.5rem;margin-bottom:1rem;margin-top:0}@media(min-width:640px){.supplier-spotlight__name{font-size:1.875rem}}.supplier-spotlight__desc{color:#8a7e72;font-size:.9375rem;line-height:1.7;margin-bottom:1rem}.supplier-spotlight__actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}@media(min-width:640px){.supplier-spotlight__actions{flex-direction:row}}.supplier-spotlight__btn{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1.5rem;text-decoration:none;transition:opacity .3s,background-color .3s}.supplier-spotlight__btn--primary{background:#e86f39;box-shadow:0 4px 14px rgba(232,111,57,.35);color:#fff}.supplier-spotlight__btn--primary:hover{color:#fff;opacity:.9}.supplier-spotlight__btn--outline{background:transparent;border:1px solid #e86f39;color:#e86f39}.supplier-spotlight__btn--outline:hover{background:rgba(232,111,57,.05);color:#e86f39}.supplier-spotlight__others{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-top:4rem}@media(min-width:640px){.supplier-spotlight__others{grid-template-columns:repeat(4,1fr)}}.supplier-spotlight__supplier-card{align-items:center;background:#faf8f5;border:1px solid #c9b9a8;border-radius:.75rem;cursor:pointer;display:flex;justify-content:center;padding:1.25rem;transition:border-color .3s,box-shadow .3s}.supplier-spotlight__supplier-card:hover{border-color:rgba(232,111,57,.3);box-shadow:0 2px 8px rgba(0,0,0,.04)}.supplier-spotlight__supplier-name{color:#2c2418;font-family:Playfair Display,Georgia,Times New Roman,Times,serif;font-size:.875rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}