.brand-process-section{padding-top:var(--padding-top, 40px);padding-bottom:var(--padding-bottom, 40px);width:100%}.brand-process__container{width:100%;box-sizing:border-box}.brand-process__header{text-align:center;margin-bottom:3rem}.brand-process__heading{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem;color:var(--color-foreground, #000);line-height:1.2}.brand-process__subheading{font-size:1.125rem;color:var(--color-foreground, #333);opacity:.8;max-width:800px;margin:0 auto;line-height:1.6}.brand-process__content{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:3rem}@media screen and (min-width:769px){.brand-process__content{grid-template-columns:1fr 1fr;gap:4rem}}.brand-process__image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media screen and (min-width:480px){.brand-process__image-grid{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:769px){.brand-process__image-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto)}}.brand-process__grid-item{display:flex;flex-direction:column;align-items:center;text-align:center}.brand-process__grid-image-wrapper{width:100%;aspect-ratio:4 / 3;border-radius:8px;overflow:hidden;margin-bottom:.75rem;box-shadow:0 4px 12px #0000000d}.brand-process__grid-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.brand-process__grid-item:hover .brand-process__grid-image{transform:scale(1.05)}.brand-process__grid-title{font-size:.875rem;font-weight:600;color:var(--color-foreground, #333);opacity:.8;text-transform:capitalize}.brand-process__steps-list{display:flex;flex-direction:column;gap:1.25rem;list-style:none;padding:0;margin:0}.brand-process__step-item{font-size:1rem;line-height:1.6;color:var(--color-foreground, #333)}.brand-process__step-title{font-weight:700;color:var(--color-foreground, #000)}.brand-process__videos{display:grid;grid-template-columns:1fr;gap:2rem}@media screen and (min-width:769px){.brand-process__videos{grid-template-columns:repeat(2,1fr)}}.brand-process__video-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000001a}.brand-process__video-wrapper iframe,.brand-process__video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/7/assets/brand-creation-process.css.map */