.hq-hiw-v3-hero{position:relative;width:100%;margin:0;padding-top:216px;padding-bottom:120px;overflow:hidden;background:var(--hq-white, #f9f8f4);color:var(--hq-blue, #012f3e)}.hq-hiw-v3-hero__container{width:min(var(--hq-container, 1310px),calc(100% - 96px));max-width:var(--hq-container, 1310px);margin-inline:auto}.hq-hiw-v3-hero__layout{display:grid;grid-template-columns:minmax(0,650px) minmax(0,540px);grid-template-rows:auto 1fr auto;grid-template-areas:"title media" "body  media" "cta   media";column-gap:120px;row-gap:32px;align-items:start}.hq-hiw-v3-hero__title-group{grid-area:title;width:650px;max-width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:36px}.hq-hiw-v3-hero__eyebrow{width:100%;margin:0;color:var(--hq-blue, #012f3e);text-transform:uppercase}.hq-hiw-v3-hero__heading{margin:0;color:var(--hq-blue, #012f3e);text-wrap:balance}.hq-hiw-v3-hero__heading--desktop{display:block;width:650px;max-width:100%}.hq-hiw-v3-hero__heading--mobile{display:none}.hq-hiw-v3-hero__body{grid-area:body;align-self:start;width:478px;max-width:100%;margin:0;color:var(--hq-blue-dark, #00202a)}.hq-hiw-v3-hero__body p{margin:0}.hq-hiw-v3-hero__body p+p{margin-top:28px}.hq-hiw-v3-hero__cta{grid-area:cta;align-self:end;display:flex;align-items:center;width:100%;margin:0}.hq-hiw-v3-hero__media-card{position:relative;grid-area:media;align-self:stretch;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:32px;background:linear-gradient(135deg,#d2cfc870,#f9f8f4f5);box-shadow:0 24px 70px #012f3e1a;isolation:isolate}.hq-hiw-v3-hero__video,.hq-hiw-v3-hero__preview-image,.hq-hiw-v3-hero__media-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0}.hq-hiw-v3-hero__video{z-index:1;object-fit:cover;object-position:center;cursor:pointer}.hq-hiw-v3-hero__preview-image{z-index:2;object-fit:cover;object-position:center;transition:opacity .32s ease,visibility .32s ease;-webkit-user-select:none;user-select:none;pointer-events:none}.hq-hiw-v3-hero__media-card.has-started .hq-hiw-v3-hero__preview-image{opacity:0;visibility:hidden}.hq-hiw-v3-hero__media-placeholder{z-index:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d2cfc85c,#ffffffb8);color:#012f3e85;font-family:var(--hq-font-family, "Google Sans Flex", Arial, sans-serif);font-size:12px;font-weight:600;letter-spacing:.18em}.hq-hiw-v3-hero__play{appearance:none;-webkit-appearance:none;position:absolute;z-index:4;top:50%;left:50%;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:#012f3ec2;color:#fff;box-shadow:0 16px 40px #012f3e33,inset 0 1px #ffffff42;-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);transform:translate(-50%,-50%);cursor:pointer;transition:opacity .18s ease,transform .18s ease,background .18s ease}.hq-hiw-v3-hero__play:hover{background:#012f3ee6;transform:translate(-50%,-50%) scale(1.04)}.hq-hiw-v3-hero__play:focus-visible{outline:2px solid #ffffff;outline-offset:4px}.hq-hiw-v3-hero__media-card.is-playing .hq-hiw-v3-hero__play{opacity:0;pointer-events:none}.hq-hiw-v3-hero__play-icon{width:0;height:0;margin-left:5px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid currentColor}@media screen and (max-width:1439px)and (min-width:768px){.hq-hiw-v3-hero{padding-top:192px;padding-bottom:104px}.hq-hiw-v3-hero__container{width:calc(100% - 64px)}.hq-hiw-v3-hero__layout{grid-template-columns:minmax(0,1fr) minmax(320px,42vw);column-gap:clamp(48px,6vw,96px);row-gap:28px}.hq-hiw-v3-hero__title-group,.hq-hiw-v3-hero__heading--desktop{width:100%}.hq-hiw-v3-hero__body{width:min(100%,478px)}.hq-hiw-v3-hero__media-card{border-radius:28px}}@media screen and (max-width:767px){.hq-hiw-v3-hero{padding-top:160px;padding-bottom:96px;overflow:hidden;background:var(--hq-white, #f9f8f4)}.hq-hiw-v3-hero__container{width:calc(100% - 40px);max-width:390px;margin-inline:auto}.hq-hiw-v3-hero__layout{display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"title" "media" "body" "cta";gap:0}.hq-hiw-v3-hero__title-group{width:100%;gap:36px}.hq-hiw-v3-hero__heading--desktop{display:none}.hq-hiw-v3-hero__heading--mobile{display:block;width:100%;font-family:var(--hq-font-family, "Google Sans Flex", Arial, sans-serif);font-size:var(--hq-h1-size, 48px);font-weight:var(--hq-h1-weight, 600);line-height:var(--hq-h1-line-height, 1);letter-spacing:var(--hq-h1-letter-spacing, -.96px)}.hq-hiw-v3-hero__media-card{width:100%;margin-top:40px;border-radius:24px;box-shadow:0 18px 50px #012f3e1a}.hq-hiw-v3-hero__body{width:100%;max-width:100%;margin-top:40px}.hq-hiw-v3-hero__body p+p{margin-top:28px}.hq-hiw-v3-hero__cta{width:100%;margin-top:32px}.hq-hiw-v3-hero__play{width:64px;height:64px}}@media screen and (max-width:399px){.hq-hiw-v3-hero{padding-top:144px;padding-bottom:80px}.hq-hiw-v3-hero__container{width:calc(100% - 32px)}.hq-hiw-v3-hero__heading--mobile{font-size:42px}.hq-hiw-v3-hero__media-card{margin-top:34px;border-radius:22px}.hq-hiw-v3-hero__body{margin-top:34px}.hq-hiw-v3-hero__cta{margin-top:28px}}@media(prefers-reduced-motion:reduce){.hq-hiw-v3-hero *,.hq-hiw-v3-hero *:before,.hq-hiw-v3-hero *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/hq-how-it-works-v3-hero.css.map */