.hiw{background:#184344;position:relative;overflow:hidden}.hiw:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:700px;height:400px;background:radial-gradient(ellipse,rgba(201,176,107,.03) 0%,transparent 70%);pointer-events:none}.hiw__container{padding:64px 24px 72px;position:relative;z-index:1}@media(min-width:750px){.hiw__container{padding:100px 60px 108px}}.hiw__header{text-align:center;margin-bottom:48px}@media(min-width:750px){.hiw__header{margin-bottom:64px}}.hiw__eyebrow{font-family:var(--font-heading-family, "Red Hat Display", sans-serif);font-weight:700;font-size:1.2rem;letter-spacing:.18em;text-transform:uppercase;color:#c9b06b;margin:0 0 1.4rem}@media(min-width:750px){.hiw__eyebrow{font-size:1.6rem;margin-bottom:1.8rem}}.hiw__heading{font-family:var(--font-heading-family, "Red Hat Display", sans-serif);font-weight:800;color:#fff;letter-spacing:-.025em;font-size:3.2rem;line-height:1.1;margin:0 0 1rem}@media(min-width:750px){.hiw__heading{font-size:5rem;margin-bottom:1.2rem}}.hiw__sub{font-family:var(--font-body-family, "Red Hat Text", sans-serif);color:#ffffffbf;line-height:1.6;font-size:1.5rem;margin:0}@media(min-width:750px){.hiw__sub{font-size:1.7rem;max-width:540px;margin:0 auto}}.hiw__steps{display:flex;flex-direction:column;gap:20px}@media(min-width:750px){.hiw__steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;max-width:960px;margin:0 auto}}.hiw__step{background:#ffffff06;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;transition:border-color .3s ease,transform .3s ease}.hiw__step:hover{border-color:#c9b06b40;transform:translateY(-2px)}.hiw__step-img{width:100%;aspect-ratio:1 / 1;overflow:hidden;position:relative;background:linear-gradient(135deg,#ffffff05,#c9b06b08)}.hiw__step-img img,.hiw__step-img video{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.hiw__step-placeholder{width:100%;height:100%}.hiw__step-num{position:absolute;top:16px;left:16px;width:40px;height:40px;border-radius:50%;background:#ffc927;color:#000;font-family:var(--font-heading-family, "Red Hat Display", sans-serif);font-weight:800;font-size:1.6rem;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 14px #ffc92759;z-index:2}@media(min-width:750px){.hiw__step-num{width:44px;height:44px;font-size:1.8rem}}.hiw__step-body{padding:24px}@media(min-width:750px){.hiw__step-body{padding:28px}}.hiw__step-title{font-family:var(--font-heading-family, "Red Hat Display", sans-serif);font-weight:700;color:#fff;line-height:1.2;margin:0 0 8px;font-size:2rem}@media(min-width:750px){.hiw__step-title{font-size:2.2rem}}.hiw__step-text{font-family:var(--font-body-family, "Red Hat Text", sans-serif);color:#ffffffbf;line-height:1.65;font-size:1.5rem;margin:0}@media(min-width:750px){.hiw__step-text{font-size:1.6rem}}.hiw__cta{text-align:center;margin-top:40px}@media(min-width:750px){.hiw__cta{margin-top:56px}}.hiw__button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;background:#ffc927;color:#000;font-family:var(--font-heading-family, "Red Hat Display", sans-serif);font-weight:700;font-size:1.4rem;letter-spacing:.02em;padding:1.4rem 3rem;border-radius:.75rem;border:none;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 24px #ffc92759;width:100%}@media(min-width:750px){.hiw__button{font-size:1.5rem;padding:1.6rem 3.6rem;width:auto}}.hiw__button:hover{background:#ffd04a;box-shadow:0 8px 36px #ffc92780;transform:translateY(-2px);color:#000}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-how-it-works.css.map */
