.elementor-5368 .elementor-element.elementor-element-cd132e3{--display:flex;--min-height:76vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.85;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5368 .elementor-element.elementor-element-cd132e3:not(.elementor-motion-effects-element-type-background), .elementor-5368 .elementor-element.elementor-element-cd132e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121D50;}.elementor-5368 .elementor-element.elementor-element-cd132e3::before, .elementor-5368 .elementor-element.elementor-element-cd132e3 > .elementor-background-video-container::before, .elementor-5368 .elementor-element.elementor-element-cd132e3 > .e-con-inner > .elementor-background-video-container::before, .elementor-5368 .elementor-element.elementor-element-cd132e3 > .elementor-background-slideshow::before, .elementor-5368 .elementor-element.elementor-element-cd132e3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5368 .elementor-element.elementor-element-cd132e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(150deg, #121D50 50%, #3042AC 67%);}.elementor-5368 .elementor-element.elementor-element-cd132e3 > .elementor-shape-bottom .elementor-shape-fill, .elementor-5368 .elementor-element.elementor-element-cd132e3 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#ffffff;}.elementor-5368 .elementor-element.elementor-element-cd132e3 > .elementor-shape-bottom svg, .elementor-5368 .elementor-element.elementor-element-cd132e3 > .e-con-inner > .elementor-shape-bottom svg{width:calc(155% + 1.3px);height:103px;}.elementor-5368 .elementor-element.elementor-element-8fe4778{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-5368 .elementor-element.elementor-element-8fe4778 > .elementor-widget-container{margin:75px 0px 0px 0px;}.elementor-5368 .elementor-element.elementor-element-8fe4778.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5368 .elementor-element.elementor-element-8fe4778 .elementor-heading-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-5368 .elementor-element.elementor-element-a5fafc8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-5368 .elementor-element.elementor-element-a5fafc8:not(.elementor-motion-effects-element-type-background), .elementor-5368 .elementor-element.elementor-element-a5fafc8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5368 .elementor-element.elementor-element-58d3423{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5368 .elementor-element.elementor-element-4532d94{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5368 .elementor-element.elementor-element-55cee53{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5368 .elementor-element.elementor-element-99ffa09 > .elementor-widget-container{padding:0px 0px 0px 180px;}.elementor-5368 .elementor-element.elementor-element-5593fbb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5368 .elementor-element.elementor-element-0703523 > .elementor-widget-container{padding:0px 0px 0px 100px;}.elementor-5368 .elementor-element.elementor-element-3c6abb6{--display:flex;}.elementor-5368 .elementor-element.elementor-element-c0919be{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5368 .elementor-element.elementor-element-4ed8024{--display:flex;}.elementor-5368 .elementor-element.elementor-element-6045993{--display:flex;}.elementor-5368 .elementor-element.elementor-element-ef00622{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-5368 .elementor-element.elementor-element-cf65c46 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5368 .elementor-element.elementor-element-4c2d97f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5368 .elementor-element.elementor-element-07e2d87{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:10px;--n-tabs-gap:0px;--n-tabs-title-border-radius:10px 10px 10px 10px;--n-tabs-title-color:var( --e-global-color-astglobalcolor4 );--n-tabs-title-color-active:var( --e-global-color-accent );}.elementor-5368 .elementor-element.elementor-element-07e2d87 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-accent );}.elementor-5368 .elementor-element.elementor-element-07e2d87.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-astglobalcolor4 );border-style:solid;}.elementor-5368 .elementor-element.elementor-element-07e2d87.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-5368 .elementor-element.elementor-element-07e2d87.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-astglobalcolor4 );border-style:solid;}.elementor-5368 .elementor-element.elementor-element-07e2d87 > .elementor-widget-container{border-style:none;}.elementor-5368 .elementor-element.elementor-element-07e2d87.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:2px 2px 2px 2px;}.elementor-5368 .elementor-element.elementor-element-07e2d87.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){text-transform:capitalize;}.elementor-5368 .elementor-element.elementor-element-07e2d87 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-accent );}.elementor-5368 .elementor-element.elementor-element-902efe0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-5368 .elementor-element.elementor-element-902efe0:not(.elementor-motion-effects-element-type-background), .elementor-5368 .elementor-element.elementor-element-902efe0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5368 .elementor-element.elementor-element-9d16046{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5368 .elementor-element.elementor-element-f066c0f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5368 .elementor-element.elementor-element-7d26333{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5368 .elementor-element.elementor-element-ffd39f2 > .elementor-widget-container{padding:0px 0px 0px 180px;}.elementor-5368 .elementor-element.elementor-element-d1075b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5368 .elementor-element.elementor-element-284d9dc > .elementor-widget-container{padding:0px 0px 0px 100px;}.elementor-5368 .elementor-element.elementor-element-8b14225{--display:flex;}.elementor-5368 .elementor-element.elementor-element-abe51e9{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5368 .elementor-element.elementor-element-0b2f497{--display:flex;}.elementor-5368 .elementor-element.elementor-element-83fff81{--display:flex;}.elementor-5368 .elementor-element.elementor-element-c06c6d9{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-5368 .elementor-element.elementor-element-96a6f3f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5368 .elementor-element.elementor-element-0059ac5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5368 .elementor-element.elementor-element-7aae7f0{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:10px;--n-tabs-gap:0px;--n-tabs-title-border-radius:10px 10px 10px 10px;--n-tabs-title-color:var( --e-global-color-astglobalcolor4 );--n-tabs-title-color-active:var( --e-global-color-accent );}.elementor-5368 .elementor-element.elementor-element-7aae7f0 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-accent );}.elementor-5368 .elementor-element.elementor-element-7aae7f0.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-astglobalcolor4 );border-style:solid;}.elementor-5368 .elementor-element.elementor-element-7aae7f0.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-5368 .elementor-element.elementor-element-7aae7f0.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-astglobalcolor4 );border-style:solid;}.elementor-5368 .elementor-element.elementor-element-7aae7f0 > .elementor-widget-container{border-style:none;}.elementor-5368 .elementor-element.elementor-element-7aae7f0.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:2px 2px 2px 2px;}.elementor-5368 .elementor-element.elementor-element-7aae7f0.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){text-transform:capitalize;}.elementor-5368 .elementor-element.elementor-element-7aae7f0 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-accent );}.elementor-5368 .elementor-element.elementor-element-bf1e0ff{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-5368 .elementor-element.elementor-element-bf1e0ff:not(.elementor-motion-effects-element-type-background), .elementor-5368 .elementor-element.elementor-element-bf1e0ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5368 .elementor-element.elementor-element-9ee4362{text-align:center;}.elementor-5368 .elementor-element.elementor-element-9ee4362 .elementor-heading-title{font-family:"Ubuntu", Sans-serif;font-weight:600;}.elementor-5368 .elementor-element.elementor-element-14cb8e7{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5368 .elementor-element.elementor-element-89c14bf > .elementor-widget-container{border-radius:20px 20px 20px 20px;}.elementor-5368 .elementor-element.elementor-element-89c14bf iframe{height:585px;}.elementor-5368 .elementor-element.elementor-element-746a35c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-5368 .elementor-element.elementor-element-746a35c > .elementor-widget-container{margin:0px 13px 0px 17px;padding:20px 20px 20px 20px;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}@media(min-width:768px){.elementor-5368 .elementor-element.elementor-element-55cee53{--width:50%;}.elementor-5368 .elementor-element.elementor-element-5593fbb{--width:50%;}.elementor-5368 .elementor-element.elementor-element-7d26333{--width:50%;}.elementor-5368 .elementor-element.elementor-element-d1075b6{--width:50%;}}@media(max-width:1024px){.elementor-5368 .elementor-element.elementor-element-cd132e3{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:191px;--margin-left:0px;--margin-right:0px;--padding-top:49px;--padding-bottom:130px;--padding-left:50px;--padding-right:50px;}.elementor-5368 .elementor-element.elementor-element-cd132e3 > .elementor-shape-bottom svg, .elementor-5368 .elementor-element.elementor-element-cd132e3 > .e-con-inner > .elementor-shape-bottom svg{height:65px;}.elementor-5368 .elementor-element.elementor-element-c0919be{--grid-auto-flow:row;}.elementor-5368 .elementor-element.elementor-element-ef00622{--grid-auto-flow:row;}.elementor-5368 .elementor-element.elementor-element-abe51e9{--grid-auto-flow:row;}.elementor-5368 .elementor-element.elementor-element-c06c6d9{--grid-auto-flow:row;}.elementor-5368 .elementor-element.elementor-element-14cb8e7{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-5368 .elementor-element.elementor-element-cd132e3{--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5368 .elementor-element.elementor-element-8fe4778 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5368 .elementor-element.elementor-element-c0919be{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5368 .elementor-element.elementor-element-ef00622{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5368 .elementor-element.elementor-element-ffd39f2 > .elementor-widget-container{margin:0px 0px 0px -70px;padding:0px 0px 0px 0px;}.elementor-5368 .elementor-element.elementor-element-284d9dc > .elementor-widget-container{margin:0px 0px 0px -70px;padding:0px 0px 0px 0px;}.elementor-5368 .elementor-element.elementor-element-abe51e9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5368 .elementor-element.elementor-element-77047a2{width:var( --container-widget-width, 557px );max-width:557px;--container-widget-width:557px;--container-widget-flex-grow:0;}.elementor-5368 .elementor-element.elementor-element-77047a2 > .elementor-widget-container{margin:0px 0px 0px -70px;padding:0px 0px 0px 0px;}.elementor-5368 .elementor-element.elementor-element-c06c6d9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5368 .elementor-element.elementor-element-7aae7f0{width:var( --container-widget-width, 256px );max-width:256px;--container-widget-width:256px;--container-widget-flex-grow:0;}.elementor-5368 .elementor-element.elementor-element-7aae7f0 > .elementor-widget-container{margin:0px 0px 0px 68px;}.elementor-5368 .elementor-element.elementor-element-7aae7f0.elementor-element{--order:-99999 /* order start hack */;}.elementor-5368 .elementor-element.elementor-element-14cb8e7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}} .phone-wrapper.brews-gallery{width:320px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative}.phone-wrapper.brews-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:brewsScroll 45s linear infinite;animation-play-state:paused!important}.phone-wrapper.brews-gallery:hover .image-scroll{animation-play-state:running!important}.phone-wrapper.brews-gallery .image-scroll img{width:100%;height:auto;display:block}@keyframes brewsScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.guidelines-gallery{width:320px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative}.phone-wrapper.guidelines-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:guidelinesScroll 90s linear infinite;animation-play-state:paused!important}.phone-wrapper.guidelines-gallery:hover .image-scroll{animation-play-state:running!important}.phone-wrapper.guidelines-gallery .image-scroll img{width:100%;height:auto;display:block}@keyframes guidelinesScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.figma-gallery{width:450px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative;margin:20px}.phone-wrapper.figma-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:figmaScroll 150s linear infinite;animation-play-state:paused}.phone-wrapper.figma-gallery:hover .image-scroll{animation-play-state:running}.phone-wrapper.figma-gallery .image-scroll img{width:100%;height:auto;display:block;border-radius:8px}@keyframes figmaScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.brews-gallery{width:320px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative}.phone-wrapper.brews-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:brewsScroll 45s linear infinite;animation-play-state:paused!important}.phone-wrapper.brews-gallery:hover .image-scroll{animation-play-state:running!important}.phone-wrapper.brews-gallery .image-scroll img{width:100%;height:auto;display:block}@keyframes brewsScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.guidelines-gallery{width:320px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative}.phone-wrapper.guidelines-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:guidelinesScroll 90s linear infinite;animation-play-state:paused!important}.phone-wrapper.guidelines-gallery:hover .image-scroll{animation-play-state:running!important}.phone-wrapper.guidelines-gallery .image-scroll img{width:100%;height:auto;display:block}@keyframes guidelinesScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.figma-gallery{width:450px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative;margin:20px}.phone-wrapper.figma-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:figmaScroll 150s linear infinite;animation-play-state:paused}.phone-wrapper.figma-gallery:hover .image-scroll{animation-play-state:running}.phone-wrapper.figma-gallery .image-scroll img{width:100%;height:auto;display:block;border-radius:8px}@keyframes figmaScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.brews-gallery{width:320px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative}.phone-wrapper.brews-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:brewsScroll 45s linear infinite;animation-play-state:paused!important}.phone-wrapper.brews-gallery:hover .image-scroll{animation-play-state:running!important}.phone-wrapper.brews-gallery .image-scroll img{width:100%;height:auto;display:block}@keyframes brewsScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.guidelines-gallery{width:320px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative}.phone-wrapper.guidelines-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:guidelinesScroll 90s linear infinite;animation-play-state:paused!important}.phone-wrapper.guidelines-gallery:hover .image-scroll{animation-play-state:running!important}.phone-wrapper.guidelines-gallery .image-scroll img{width:100%;height:auto;display:block}@keyframes guidelinesScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.figma-gallery{width:450px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative;margin:20px}.phone-wrapper.figma-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:figmaScroll 150s linear infinite;animation-play-state:paused}.phone-wrapper.figma-gallery:hover .image-scroll{animation-play-state:running}.phone-wrapper.figma-gallery .image-scroll img{width:100%;height:auto;display:block;border-radius:8px}@keyframes figmaScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.brews-gallery{width:320px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative}.phone-wrapper.brews-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:brewsScroll 45s linear infinite;animation-play-state:paused!important}.phone-wrapper.brews-gallery:hover .image-scroll{animation-play-state:running!important}.phone-wrapper.brews-gallery .image-scroll img{width:100%;height:auto;display:block}@keyframes brewsScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.guidelines-gallery{width:320px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative}.phone-wrapper.guidelines-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:guidelinesScroll 90s linear infinite;animation-play-state:paused!important}.phone-wrapper.guidelines-gallery:hover .image-scroll{animation-play-state:running!important}.phone-wrapper.guidelines-gallery .image-scroll img{width:100%;height:auto;display:block}@keyframes guidelinesScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.figma-gallery{width:450px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative;margin:20px}.phone-wrapper.figma-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:figmaScroll 150s linear infinite;animation-play-state:paused}.phone-wrapper.figma-gallery:hover .image-scroll{animation-play-state:running}.phone-wrapper.figma-gallery .image-scroll img{width:100%;height:auto;display:block;border-radius:8px}@keyframes figmaScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.brews-gallery{width:320px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative}.phone-wrapper.brews-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:brewsScroll 45s linear infinite;animation-play-state:paused!important}.phone-wrapper.brews-gallery:hover .image-scroll{animation-play-state:running!important}.phone-wrapper.brews-gallery .image-scroll img{width:100%;height:auto;display:block}@keyframes brewsScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.guidelines-gallery{width:320px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative}.phone-wrapper.guidelines-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:guidelinesScroll 90s linear infinite;animation-play-state:paused!important}.phone-wrapper.guidelines-gallery:hover .image-scroll{animation-play-state:running!important}.phone-wrapper.guidelines-gallery .image-scroll img{width:100%;height:auto;display:block}@keyframes guidelinesScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.figma-gallery{width:450px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative;margin:20px}.phone-wrapper.figma-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:figmaScroll 150s linear infinite;animation-play-state:paused}.phone-wrapper.figma-gallery:hover .image-scroll{animation-play-state:running}.phone-wrapper.figma-gallery .image-scroll img{width:100%;height:auto;display:block;border-radius:8px}@keyframes figmaScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.brews-gallery{width:320px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative}.phone-wrapper.brews-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:brewsScroll 45s linear infinite;animation-play-state:paused!important}.phone-wrapper.brews-gallery:hover .image-scroll{animation-play-state:running!important}.phone-wrapper.brews-gallery .image-scroll img{width:100%;height:auto;display:block}@keyframes brewsScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.guidelines-gallery{width:320px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative}.phone-wrapper.guidelines-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:guidelinesScroll 90s linear infinite;animation-play-state:paused!important}.phone-wrapper.guidelines-gallery:hover .image-scroll{animation-play-state:running!important}.phone-wrapper.guidelines-gallery .image-scroll img{width:100%;height:auto;display:block}@keyframes guidelinesScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.figma-gallery{width:450px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative;margin:20px}.phone-wrapper.figma-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:figmaScroll 150s linear infinite;animation-play-state:paused}.phone-wrapper.figma-gallery:hover .image-scroll{animation-play-state:running}.phone-wrapper.figma-gallery .image-scroll img{width:100%;height:auto;display:block;border-radius:8px}@keyframes figmaScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.brews-gallery{width:320px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative}.phone-wrapper.brews-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:brewsScroll 45s linear infinite;animation-play-state:paused!important}.phone-wrapper.brews-gallery:hover .image-scroll{animation-play-state:running!important}.phone-wrapper.brews-gallery .image-scroll img{width:100%;height:auto;display:block}@keyframes brewsScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.guidelines-gallery{width:320px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative}.phone-wrapper.guidelines-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:guidelinesScroll 90s linear infinite;animation-play-state:paused!important}.phone-wrapper.guidelines-gallery:hover .image-scroll{animation-play-state:running!important}.phone-wrapper.guidelines-gallery .image-scroll img{width:100%;height:auto;display:block}@keyframes guidelinesScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.figma-gallery{width:450px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative;margin:20px}.phone-wrapper.figma-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:figmaScroll 150s linear infinite;animation-play-state:paused}.phone-wrapper.figma-gallery:hover .image-scroll{animation-play-state:running}.phone-wrapper.figma-gallery .image-scroll img{width:100%;height:auto;display:block;border-radius:8px}@keyframes figmaScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.brews-gallery{width:320px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative}.phone-wrapper.brews-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:brewsScroll 45s linear infinite;animation-play-state:paused!important}.phone-wrapper.brews-gallery:hover .image-scroll{animation-play-state:running!important}.phone-wrapper.brews-gallery .image-scroll img{width:100%;height:auto;display:block}@keyframes brewsScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.guidelines-gallery{width:320px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative}.phone-wrapper.guidelines-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:guidelinesScroll 90s linear infinite;animation-play-state:paused!important}.phone-wrapper.guidelines-gallery:hover .image-scroll{animation-play-state:running!important}.phone-wrapper.guidelines-gallery .image-scroll img{width:100%;height:auto;display:block}@keyframes guidelinesScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.figma-gallery{width:450px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative;margin:20px}.phone-wrapper.figma-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:figmaScroll 150s linear infinite;animation-play-state:paused}.phone-wrapper.figma-gallery:hover .image-scroll{animation-play-state:running}.phone-wrapper.figma-gallery .image-scroll img{width:100%;height:auto;display:block;border-radius:8px}@keyframes figmaScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.brews-gallery{width:320px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative}.phone-wrapper.brews-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:brewsScroll 45s linear infinite;animation-play-state:paused!important}.phone-wrapper.brews-gallery:hover .image-scroll{animation-play-state:running!important}.phone-wrapper.brews-gallery .image-scroll img{width:100%;height:auto;display:block}@keyframes brewsScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.guidelines-gallery{width:320px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative}.phone-wrapper.guidelines-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:guidelinesScroll 90s linear infinite;animation-play-state:paused!important}.phone-wrapper.guidelines-gallery:hover .image-scroll{animation-play-state:running!important}.phone-wrapper.guidelines-gallery .image-scroll img{width:100%;height:auto;display:block}@keyframes guidelinesScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.figma-gallery{width:450px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative;margin:20px}.phone-wrapper.figma-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:figmaScroll 150s linear infinite;animation-play-state:paused}.phone-wrapper.figma-gallery:hover .image-scroll{animation-play-state:running}.phone-wrapper.figma-gallery .image-scroll img{width:100%;height:auto;display:block;border-radius:8px}@keyframes figmaScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.brews-gallery{width:320px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative}.phone-wrapper.brews-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:brewsScroll 45s linear infinite;animation-play-state:paused!important}.phone-wrapper.brews-gallery:hover .image-scroll{animation-play-state:running!important}.phone-wrapper.brews-gallery .image-scroll img{width:100%;height:auto;display:block}@keyframes brewsScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.guidelines-gallery{width:320px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative}.phone-wrapper.guidelines-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:guidelinesScroll 90s linear infinite;animation-play-state:paused!important}.phone-wrapper.guidelines-gallery:hover .image-scroll{animation-play-state:running!important}.phone-wrapper.guidelines-gallery .image-scroll img{width:100%;height:auto;display:block}@keyframes guidelinesScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}} .phone-wrapper.figma-gallery{width:450px;height:480px;overflow:hidden;border-radius:36px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,0.25);position:relative;margin:20px}.phone-wrapper.figma-gallery .image-scroll{display:flex;flex-direction:column;gap:16px;animation:figmaScroll 150s linear infinite;animation-play-state:paused}.phone-wrapper.figma-gallery:hover .image-scroll{animation-play-state:running}.phone-wrapper.figma-gallery .image-scroll img{width:100%;height:auto;display:block;border-radius:8px}@keyframes figmaScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}}