.brand-message{position:relative;margin-block:40px;overflow:hidden;text-align:center;display:block}.brand-message-container{position:relative;margin-inline:10px;display:flex;flex-direction:column;overflow:hidden;aspect-ratio:2.56;border-radius:24px}.brand-message-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.brand-message-img img{width:100%;height:100%;max-width:100%;object-fit:cover;display:block}.brand-message-svg{position:absolute;top:0;right:0;bottom:0;left:0;height:fit-content}.brand-message-content{display:flex;flex-direction:column;gap:12px;z-index:2}h3.brand-message-title{font-size:20px;line-height:1.4;letter-spacing:.99968px;font-family:var(--font-geograph);color:var(--title-text-color);margin:0}.brand-message-desc{font-size:12px;line-height:1.33333;font-family:var(--font-geograph);color:var(--desc-text-color);letter-spacing:0px;max-width:500px;margin:auto}.brand-message-desc p{margin:0}.brand-message-content .brand-message-btn{width:fit-content;margin-inline:auto;margin-block:8px;font-size:12px;line-height:1.25;letter-spacing:.6px}.brand-message-callouts{position:relative;margin-top:auto;margin-bottom:36px;display:block;overflow:visible;z-index:2}.marquee-container{display:flex}ul.marquee-content{list-style:none;padding:0;margin:0}ul.marquee-content.marquee-content-desktop{display:flex;gap:8px;white-space:nowrap;padding-right:8px}li.brand-message-callout{display:inline-block}p.brand-message-callouts-text{margin:0;pointer-events:none;border-color:#ffffff80!important;padding:4px 8px;font-size:10px;line-height:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--font-akkurat-mono)}ul.marquee-content.marquee-content-mobile{white-space:nowrap;display:flex;gap:8px}.brand-message-svg svg.circle-line-svg{display:block}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(min-width:768px){.brand-message-svg svg.circle-line-svg{rotate:90deg}.brand-message-svg{margin:auto;width:calc(25% + 85px)}.brand-message-content{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:fit-content}.brand-message-callouts{position:static}.marquee-container{display:block}ul.marquee-content.marquee-content-desktop{position:static}ul.marquee-content.marquee-content-desktop li.brand-message-callout{position:absolute;overflow:hidden}.brand-message-callout-1{top:calc(10vw - 65px);right:calc(40vw - 260px)}.brand-message-callout-3{bottom:calc(10vw - 40px);right:calc(40vw - 300px)}.brand-message-callout-2{bottom:calc(20vw - 26px)}.brand-message-callout-2{left:calc(30vw - 224px)}ul.marquee-content.marquee-content-mobile{display:none}.brand-message-svg{margin:auto}}@media(min-width:900px){.brand-message-callout-3{bottom:calc(10vw - 40px);right:calc(40vw - 315px)}}@media(min-width:1024px){h3.brand-message-title{font-size:24px;line-height:1.33333}.brand-message-desc{font-size:14px;line-height:1.42857}.brand-message-callout-1{right:calc(40vw - 312px)}.brand-message-callout-2{bottom:calc(20vw - 35px)}.brand-message-callout-2{left:calc(30vw - 270px)}.brand-message-callout-3{right:calc(40vw - 385px)}p.brand-message-callouts-text{font-size:12px;line-height:1.25;letter-spacing:1.2px}}@media(min-width:1536px){h3.brand-message-title{font-size:30px;line-height:1.2}.brand-message-desc{font-size:16px;line-height:1.5}.brand-message-callout-1{right:calc(40vw - 360px)}.brand-message-callout-2{left:calc(30vw - 286px)}.brand-message-callout-3{right:calc(40vw - 445px)}p.brand-message-callouts-text{font-size:14px}}@media(min-width:1920px){h3.brand-message-title{font-size:40px}.brand-message-desc{font-size:20px}.brand-message-callout-1{right:calc(40vw - 400px)}.brand-message-callout-3{right:calc(40vw - 490px)}}@media(max-width:767px){.brand-message-container{aspect-ratio:.63;border-radius:12px}.brand-message-svg{position:absolute;width:100%;left:0;top:24px;padding:0 32px}.brand-message-content{position:relative;padding-top:25%;padding-inline:80px;margin:auto}.brand-message-callouts{margin-top:auto}ul.marquee-content.marquee-content-desktop{display:none}p.brand-message-callouts-text{padding:5px 8px}.marquee-content-mobile{display:flex;gap:1rem;animation:marqueeScroll 10s linear infinite;will-change:transform}.marquee-content-mobile li{white-space:nowrap;flex-shrink:0}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-product-purpose.css.map */