.ambassadors__header{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.ambassadors__eyebrow{font-size:13px;display:block;letter-spacing:var(--hio-eyebrow-letter-spacing);text-transform:uppercase;color:var(--color-text);opacity:.7}.ambassadors__item{position:relative}@media screen and (min-width:750px){.ambassadors__header{margin-bottom:36px}}.ambassadors__card{display:block;width:100%;padding:0;margin:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none}.ambassadors__card[disabled]{cursor:default}.ambassadors__card-img{display:block;position:relative;overflow:hidden;aspect-ratio:4 / 5;background:var(--color-text)}.ambassadors__card-img img{filter:saturate(.7) contrast(1.06) brightness(.98);transition:transform .6s ease,filter .4s ease}.ambassadors__card:not([disabled]):hover .ambassadors__card-img img{filter:none;transform:scale(1.03)}.ambassadors__card-img img,.ambassadors__card-img svg{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}.ambassadors__card-name{display:block;margin-top:16px;font-family:var(--font-head-family);font-weight:var(--font-header-weight);font-size:20px;line-height:1.1}.ambassadors__card-role{display:block;margin-top:6px;font-size:15px;line-height:1.5;color:color-mix(in srgb,var(--color-text) 70%,transparent)}@media screen and (min-width:750px){.ambassadors__card-name{font-size:24px}}.ambassadors__card:not([disabled]):hover .ambassadors__card-name{color:var(--color-button-background)}.ambassadors__modal[hidden]{display:none}.ambassadors__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px}.ambassadors__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:0;background:#0b0b0bc7;cursor:pointer}.ambassadors__modal-panel{position:relative;z-index:1;display:grid;gap:24px;align-items:start;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;padding:24px;background:var(--color-background)}@media screen and (min-width:750px){.ambassadors__modal-panel{grid-template-columns:40% 1fr;gap:40px;padding:40px}}.ambassadors__modal-media{aspect-ratio:1 / 1;overflow:hidden}.ambassadors__modal-media img,.ambassadors__modal-media svg{width:100%;height:100%;object-fit:cover;display:block}.ambassadors__modal-name{margin:0 0 4px;font-family:var(--font-head-family);font-weight:var(--font-header-weight);font-size:26px;color:var(--color-text)}.ambassadors__modal-role{margin:0 0 18px;font-size:15px;color:var(--color-button-background);text-transform:uppercase;letter-spacing:var(--hio-eyebrow-letter-spacing)}.ambassadors__modal-quote{position:static;margin:0 0 20px;padding:0;border:0;display:flex;align-items:flex-start;gap:10px;font-size:18px;line-height:1.5;color:var(--color-text)}.ambassadors__modal-quote:before{content:"\201e";display:block;position:static;flex:none;width:auto;height:auto;left:auto;top:auto;background:none;font-family:var(--font-head-family);font-weight:var(--font-header-weight);font-size:40px;line-height:1;color:var(--color-button-background)}.ambassadors__modal-facts{display:flex;flex-direction:column;gap:8px;margin:0 0 20px;padding:0;list-style:none}.ambassadors__modal-fact{display:grid;grid-template-columns:16px 1fr;gap:9px;align-items:start;font-size:16px;line-height:1.4;color:var(--color-text)}.ambassadors__modal-fact-icon{color:var(--color-button-background);padding-top:3px}.ambassadors__modal-fact-icon svg{display:block;width:14px;height:14px}.ambassadors__modal-video{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-head-family);font-weight:var(--font-header-weight);font-size:15px;color:var(--color-text);text-decoration:none}.ambassadors__modal-video-icon{flex:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-button-background);color:var(--color-button-text)}.ambassadors__modal-close{position:absolute;top:8px;right:10px;width:44px;height:44px;padding:0;border:0;background:none;color:var(--color-button-background);cursor:pointer;font-size:28px;line-height:1}body.ambassadors-modal-open{overflow:hidden}@media screen and (min-width:750px){.ambassadors__eyebrow{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-ambassadors.css.map */