@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap";:root{font-family:Jost,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#2d2d2d;background-color:var(--background);--gray: #8f8f8f;--purple: #535bf2;--blue: #37b6f3;--dark-purple: #1f0833;--red: #ffb8b8;--dark: #2d2d2d;--background: #fffaf6;--drop-shadow: rgba(136, 136, 136, .3);--text: #2d2d2d;--light-text: #fffaf6;--button-background: #2d2d2d;--footer: #2d2d2d;--home-gradient: linear-gradient( 180deg, rgba(31, 8, 51, 1) 0%, rgba(93, 24, 153, 1) 100% );--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 2rem;--radius-full: 99rem;--border: 2px;--letter-body: .1rem;--letter-h1: 6.4px;--letter-h2: 2.4px;--letter-h3: 2.4px;--letter-h4: 2px;--font-tag: .8rem;--font-tag-small: .6rem;--font-body: 1rem;--font-link: 1rem;--font-button: 1rem;--font-h1: 4rem;--font-h2: 2rem;--font-h3: 1.5rem;--section-bottom: 4rem;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--text);text-decoration:inherit;transition:color .3s}a:hover{color:#535bf2}*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;overflow-x:hidden}html{margin:0;padding:0;box-sizing:border-box}h1{font-size:var(--font-h1);text-transform:uppercase;text-align:left;font-weight:500;letter-spacing:var(--letter-h1);line-height:1.1;margin-bottom:.5rem;margin-top:0}@media (max-width: 980px){h1{font-size:3rem}}@media (max-width: 540px){h1{font-size:2rem}}h2{font-size:var(--font-h2);text-transform:uppercase;letter-spacing:var(--letter-h2);font-weight:500;margin:0}@media (max-width: 540px){h2{font-size:1.5rem}}h3{font-size:var(--font-h3);text-transform:uppercase;font-weight:500;letter-spacing:var(--letter-h3);margin:0;margin-bottom:1rem}p{font-size:var(--font-body);text-align:justify;letter-spacing:var(--letter-body);margin:0}@media (max-width: 540px){p{text-align:left}}.tags{display:flex;flex-wrap:wrap;width:100%;gap:1rem;margin-bottom:1rem}@media (max-width: 540px){.tags{gap:.5rem}}button{border-radius:var(--radius-full);border:none;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-background);color:var(--light-text);cursor:pointer;transition:all .25s;text-transform:uppercase;letter-spacing:var(--letter-body)}button:hover{background-color:#646cff}div{display:block}img{border-radius:var(--radius-md);filter:drop-shadow(0 0 .75rem var(--drop-shadow));display:block;width:100%}.phone img{border-radius:30px}@media (max-width: 350px){.phone img{border-radius:20px}}section{margin-bottom:var(--section-bottom)}.grid{width:100vw;grid-template-columns:5rem repeat(10,1fr) 5rem;grid-template-rows:min-content}.standard-grid{display:grid;grid-column:1/-1;grid-template-columns:5rem repeat(10,1fr) 5rem}@media (max-width: 920px){.standard-grid{grid-template-columns:2rem repeat(10,1fr) 2rem}}@media (max-width: 540px){.standard-grid{grid-template-columns:1rem repeat(10,1fr) 1rem}}.site-subtext{text-align:left;font-weight:500;margin-bottom:1.5rem;color:var(--gray);text-transform:uppercase;font-size:1.5rem}#root{margin:0;padding:0;box-sizing:border-box;text-align:center}.homepage-body{background:var(--home-gradient)}.homepage-titles-container{display:grid;grid-template-columns:subgrid;grid-template-rows:auto;grid-column:2/-2;padding:10rem 0}.homepage-titles{grid-column:1/-1;text-align:left;display:flex;z-index:70;justify-content:center;flex-direction:column}.homepage-titles span{font-size:4rem;font-weight:500;text-transform:uppercase;color:var(--light-text)}.homepage-bottom{background-color:var(--background);padding:2rem 0;height:fit-content;text-align:left;grid-column:1/-1;display:grid;grid-template-columns:subgrid;z-index:60;position:relative}@media (max-width: 780px){.homepage-bottom{padding-top:4rem}}.endurance-center{display:flex;justify-content:center;width:100vw}.endurance-container{position:absolute;width:6rem;visibility:hidden;animation:60s endurance infinite linear}@media (max-width: 780px){.endurance-container{top:-52px;visibility:visible}}.homepage-content{display:grid;grid-template-columns:subgrid;grid-column:2/-2;align-items:center}@media (max-width: 780px){.homepage-content{gap:1rem}}.homepage-content-first{grid-column:1/4;margin-right:.5rem}.homepage-content-first h3{margin-bottom:0}@media (max-width: 780px){.homepage-content-first{grid-column:1/-1}}.homepage-content-second{grid-column:4/8;margin-right:.5rem}@media (max-width: 780px){.homepage-content-second{grid-column:1/-1}}.homepage-content-button{grid-column:-1/8;text-align:right}@media (max-width: 780px){.homepage-content-button{grid-column:1/-1;text-align:left}}.star-container{position:absolute;top:0;z-index:1;height:100vh;overflow:hidden}.star-background{animation:400s stars infinite linear}@media (max-width: 920px){.star-background img{transform:scale(2)}}.star-2{opacity:.8;animation:400s stars2 infinite linear}@keyframes stars{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes stars2{0%{transform:rotate(180deg)}to{transform:rotate(720deg)}}@keyframes endurance{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.project-details-container{grid-column:2 /7;height:fit-content;padding:50px;background-color:var(--background);filter:drop-shadow(0 0 .75rem var(--drop-shadow));justify-content:center}@media (max-width: 1200px){.project-details-container{grid-column:2/8}}@media (max-width: 920px){.project-details-container{grid-column:2/-2}}@media (max-width: 540px){.project-details-container{padding:1.5rem}}.project-details{display:flex;flex-direction:column;text-align:left}.date{font-size:var(--font-h3);text-transform:uppercase;font-weight:500;letter-spacing:var(--letter-h3);margin-bottom:1.5rem}@media (max-width: 540px){.date{font-size:1rem}}.position{font-size:20px;text-transform:uppercase;letter-spacing:var(--letter-h4);font-weight:500;margin-bottom:.5rem}@media (max-width: 540px){.position{font-size:1rem}}.description{text-align:justify;margin:0}@media (max-width: 540px){.description{text-align:left}}.nav-container{width:100vw;z-index:99;top:0;left:0;position:relative}.main-nav{display:flex;align-items:center;justify-content:space-between;padding:2rem 5rem}@media (max-width: 920px){.main-nav{padding:2rem}}@media (max-width: 540px){.main-nav{padding:2rem 1rem}}.links{list-style:none;cursor:pointer;display:flex;font-size:var(--font-link);letter-spacing:var(--letter-body);font-weight:500;gap:2rem;text-transform:uppercase;align-items:center}@media (max-width: 540px){.links{display:none}}.mobile-hamburger{display:none}@media (max-width: 540px){.mobile-hamburger{display:block}}.logo{width:50px}.logo img{width:100%}.mobile-menu{position:fixed;top:0;z-index:999;right:0;height:100vh;width:100vw;background-color:var(--dark-purple);touch-action:none;transition:all .3s}@media (min-width: 540px){.mobile-menu{display:none}}.mobile-closeout{position:absolute;top:1rem;right:1rem;color:var(--light-text)}.mobile-links-container{position:relative;height:100%;width:100%}.mobile-links{list-style:none;margin:0;padding:0;padding-top:5rem;width:100%;height:100%;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;font-size:var(--font-link);letter-spacing:var(--letter-body);font-weight:500;gap:2rem;text-transform:uppercase;align-items:center}.mobile-links a{color:var(--light-text)}@media (min-width: 540px){.mobile-links{display:none}}.menu-close{transform:translate(-100%)}.menu-open{width:100%}.text-block{text-align:left}.title-block{margin-bottom:.5rem}.carousel-container{grid-column:1/-1;margin-bottom:var(--section-bottom);padding-bottom:1.5rem;padding-top:1.5rem;display:flex;gap:2rem;overflow-x:hidden}.carousel-list{display:flex;list-style:none;gap:2rem;justify-content:center;animation:60s carousel infinite linear}.carousel-list li{background-color:#fff;width:15rem;height:10rem;display:flex;justify-content:center;align-items:center;border-radius:var(--radius-sm);filter:drop-shadow(0 0 .75rem var(--drop-shadow))}.carousel-list li img{width:45%;border-radius:0}@keyframes carousel{0%{transform:translate(0)}to{transform:translate(-100%)}}.carousel-text{grid-column:2 /-2;text-align:left;grid-row:2}.carousel-text span{font-size:3rem}.hero-grid{display:grid;width:100vw;margin-bottom:var(--section-bottom);grid-template-columns:subgrid;grid-column:1/-1}.hero{grid-column:6 / -1}.supporting-material{grid-column:1 / -1}.project-textblock{grid-column:2/7;margin-bottom:2rem}@media (max-width: 1200px){.project-textblock{grid-column:2/7}}@media (max-width: 920px){.project-textblock{grid-column:2/-2}}.project-section-image{grid-column:1/-1;display:grid;grid-template-columns:subgrid;margin-bottom:var(--section-bottom)}.halftone{background-image:radial-gradient(circle at center,#ebebeb .1rem,transparent 0);background-size:1.5rem 1.5rem;background-repeat:round}.project-image img{width:50%}.friendbuy-grid{display:grid;grid-template-columns:subgrid;grid-column:2/-2;gap:2rem}.friendbuy-col-1{display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;flex-direction:column;grid-column:1 /7}@media (max-width: 920px){.friendbuy-col-1{grid-column:1/-1}}.friendbuy-col-2{grid-column:7/-1}@media (max-width: 920px){.friendbuy-col-2{grid-column:1/-1}}.friendbuy-col-1-top{grid-column:1/-1}.friendbuy-image img{width:100%}.fb-ui-section:first-child{margin-bottom:2rem}@media (max-width: 920px){.fb-ui-section:first-child{margin-bottom:4rem}}.fb-ui-section{display:grid;grid-template-columns:subgrid;grid-column:1/-1;row-gap:2rem}.fb-ui-title{grid-column:1/-1;text-align:left}.fb-ui--section-image-1{grid-column:1/8}@media (max-width: 920px){.fb-ui--section-image-1{grid-column:1/-1}}.fb-ui--section-image-2{grid-column:8/-1}@media (max-width: 920px){.fb-ui--section-image-2{grid-column:1/-1}}.friendbuy-marketing-section{gap:2rem;grid-column:2/ -2}.fb-marketing-col-1{grid-column:1/ 5;display:flex;flex-direction:column;gap:2rem}@media (max-width: 920px){.fb-marketing-col-1{grid-column:1/-1}}.fb-marketing-col-2{grid-column:5/-1}@media (max-width: 920px){.fb-marketing-col-2{grid-column:1/-1}}.about-container{min-height:100vh;row-gap:2rem;margin-bottom:var(--section-bottom);align-items:center}.about-text{text-align:left;grid-column:2/6}@media (max-width: 1200px){.about-text{grid-column:2/7}}@media (max-width: 920px){.about-text{grid-column:2 /-2}}.about-text-block div:last-child{margin-top:2rem}.about-image{grid-column:8 /-2}@media (max-width: 920px){.about-image{grid-column:2 /-2}}.about-image img{width:100%}.margin-button{margin:2rem 0}.about-h1{margin-bottom:2rem}.footer-container{text-transform:uppercase;z-index:999;background-color:var(--footer);color:#fff;padding:2rem 5rem;display:flex;letter-spacing:var(--letter-body);justify-content:space-between}@media (max-width: 920px){.footer-container{flex-direction:column;padding:2rem}}.sampleme-design-system{filter:drop-shadow(0 0 .75rem var(--drop-shadow))}.top-row{display:grid;grid-column:2/9}.column-1{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;flex-direction:column;grid-column:2 /9}@media (max-width: 540px){.column-1{grid-column:2/-2}}.column-2{display:flex;flex-direction:column;grid-column:9/-2}@media (max-width: 540px){.column-2{grid-column:2/-2}}.bottom-row-div{grid-column:1/-1}.bottom-row-div img{width:100%;border-radius:0!important}.sampleme-img img{width:100%;border-radius:0!important;filter:none}.design-div_small{grid:span 4}.design-div_1{grid-column:1/3}@media (max-width: 540px){.design-div_1{grid-column:1/-1}}.design-div_2{grid-column:3/5}@media (max-width: 540px){.design-div_2{grid-column:1/-1}}.site-grid{margin-bottom:var(--section-bottom)}.site-image_1{grid-column:2/5;margin-right:2rem}.site-image_1 img{width:100%}@media (max-width: 540px){.site-image_1{grid-column:2/-2;margin-right:0;margin-bottom:1rem}}.site-image_2{grid-column:5/-2}.site-image_2 img{width:100%}@media (max-width: 540px){.site-image_2{grid-column:2/-2}}.site-image_1_home{grid-column:2/9;margin-right:2rem}.site-image_1_home img{width:100%}@media (max-width: 540px){.site-image_1_home{grid-column:2/-2;margin-right:0;margin-bottom:1rem}}.site-image_2_home{grid-column:9/-2}.site-image_2_home img{width:100%}@media (max-width: 540px){.site-image_2_home{grid-column:2/-2}}.sampleme-subtext{grid-column:2/-2;text-align:left;margin-bottom:2rem}.pain-point-section-new{display:flex;flex-direction:column;margin-top:4rem;margin-bottom:var(--section-bottom);flex-direction:row;grid-template-columns:subgrid;grid-column:2/-2;gap:1rem;justify-content:space-between}@media (max-width: 1080px){.pain-point-section-new{display:grid;row-gap:6rem;margin-top:2rem}}.ring-mocks-section{grid-column:1/-1;display:grid;grid-template-columns:subgrid;margin-bottom:var(--section-bottom)}.ring-mocks-col-1{grid-column:2/4;grid-row:1/-1}@media (max-width: 920px){.ring-mocks-col-1{grid-column:2/7;margin-bottom:2rem}}.ring-mocks-col-1 img{margin-top:1rem}.ring-mocks-col-2{grid-column:4/6;grid-row:1/-1}@media (max-width: 920px){.ring-mocks-col-2{grid-column:7/-2}}.ring-mocks-col-2 img{margin-top:1rem}.ring-mocks-col-1-left{grid-column:2/4;grid-row:1/-1}@media (max-width: 920px){.ring-mocks-col-1-left{grid-column:2/7}}.ring-mocks-col-1-left img{margin-top:1rem}.ring-mocks-col-2-left{grid-column:4/6;grid-row:1/-1}@media (max-width: 920px){.ring-mocks-col-2-left{grid-column:7/-2}}.ring-mocks-col-2-left img{margin-top:1rem}.ring-mock-text{grid-column:2/6;display:flex;flex-direction:column;justify-content:center;margin-bottom:5rem}@media (max-width: 920px){.ring-mock-text{grid-column:2/-2;margin-bottom:1rem}}.ring-mock-text-right-desktop{grid-column:8/12;display:flex;flex-direction:column;justify-content:center;margin-bottom:5rem}@media (max-width: 920px){.ring-mock-text-right-desktop{grid-column:2/-2;margin-bottom:2rem;display:none}}.ring-mock-text-right-mobile{grid-column:8/12;display:flex;flex-direction:column;justify-content:center;display:none;margin-bottom:5rem}@media (max-width: 920px){.ring-mock-text-right-mobile{display:block;grid-column:2/-2;margin-bottom:2rem}}.ring-mode-section{grid-column:1/-1;background-color:var(--blue);margin-bottom:var(--section-bottom);display:grid;grid-template-columns:subgrid;padding:4rem 0rem;align-items:center}.ring-mode-textblock{grid-column:1/7;display:grid;grid-template-columns:subgrid;background-color:var(--background);height:fit-content;padding:2rem;justify-content:center}@media (max-width: 820px){.ring-mode-textblock{grid-column:1/-1;margin-bottom:2rem}}.ring-mode-textblock-newgrid{grid-column:3/7}@media (max-width: 820px){.ring-mode-textblock-newgrid{grid-column:1/-1;display:none}}.ring-mode-textblock-mobile{grid-column:1/-1}@media (min-width: 820px){.ring-mode-textblock-mobile{grid-column:1/-1;display:none}}.ring-mocks-right-section{grid-column:7/-1;display:grid;gap:1rem;align-items:center;grid-template-columns:subgrid}@media (max-width: 920px){.ring-mocks-right-section{grid-column:1/-1;margin-bottom:2rem;align-items:first baseline}}@media (max-width: 920px){.ring-mocks-right-section{background-color:var(--blue);padding:2rem 0}}.ring-mocks-left-section{grid-column:1/7;display:grid;gap:1rem;align-items:center;grid-template-columns:subgrid}@media (max-width: 920px){.ring-mocks-left-section{grid-column:1/-1;margin-bottom:2rem}}@media (max-width: 920px){.ring-mocks-left-section{background-color:var(--blue);padding:2rem 0}}.ring-mocks-blue-bg{background-color:var(--blue);grid-column:1/-1;grid-row:1/-1;border-radius:30px 0 0 30px;height:70%;align-self:center}@media (max-width: 920px){.ring-mocks-blue-bg{display:none}}.ring-mocks-blue-bg-left{background-color:var(--blue);grid-column:1/-1;grid-row:1/-1;border-radius:0 30px 30px 0;height:70%;align-self:center}@media (max-width: 920px){.ring-mocks-blue-bg-left{display:none}}.ring-section-break{border-bottom:1px solid var(--dark);grid-column:2/-2;margin:8rem 0}@media (max-width: 920px){.ring-section-break{margin:6rem 0}}.ring-project-textblock{grid-column:2/-2;margin-bottom:4rem;text-align:center}.light-on-dark{text-align:center}@media (max-width: 920px){.light-on-dark{color:var(--light-text)}}.popout-desktop{background-color:#fff;border-radius:var(--radius-md);filter:drop-shadow(0 0 .75rem var(--drop-shadow));padding:2rem;text-align:left;height:fit-content}.popout-desktop p:first-of-type{margin-bottom:1rem}@media (max-width: 920px){.popout-desktop{visibility:hidden;display:none}}.popout-mobile{visibility:hidden;grid-column:2/-2;display:none;background-color:#fff;border-radius:var(--radius-md);filter:drop-shadow(0 0 .75rem var(--drop-shadow));padding:2rem;text-align:left;height:fit-content}.popout-mobile p:first-of-type{margin-bottom:1rem}@media (max-width: 920px){.popout-mobile{visibility:visible;display:block}}.ring-carousel{overflow:hidden;grid-column:9/11;display:flex;flex-direction:column;justify-content:center;width:100%;filter:drop-shadow(0 0 .75rem var(--drop-shadow))}@media (max-width: 1300px){.ring-carousel{grid-column:8/11}}@media (max-width: 820px){.ring-carousel{grid-column:2/-2;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}}.ring-carousel-item-map{white-space:nowrap;transition:transform .3s}.ring-carousel-item{display:inline-flex;align-items:center;justify-content:center;scroll-snap-align:center}.ring-carousel-item img{filter:none}.ring-carousel-buttons{filter:none;display:flex;justify-content:space-between;margin-top:1rem}@media (max-width: 820px){.ring-carousel-buttons{display:none}}.ring-carousel-button-arrow{background:none;border:none;color:var(--light-text)}.ring-carousel-button-arrow:hover{background-color:transparent!important;color:#14445b}.ring-carousel-indicators{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem;align-content:center;width:100%}.ring-carousel-indicator-buttons{background:none;width:fit-content;display:flex;justify-content:center;padding:0;color:var(--light-text);letter-spacing:0px}.ring-carousel-indicator-buttons:hover{background-color:transparent!important;color:var(--dark)}.ring-carousel-indicator-button-active{color:#14445b;background:none}.ring-highlight-container{display:flex;flex-direction:column;flex:1}@media (max-width: 1080px){.ring-highlight-container{display:grid;grid-template-columns:subgrid;flex-direction:row;gap:1rem;grid-column:1/-1;align-items:center}.ring-highlight-container img{grid-column:1/5}}@media (max-width: 680px){.ring-highlight-container img{grid-column:1/-1}}.ring-highlight-text-container{display:flex;flex-direction:column;text-align:left;margin-top:1rem}@media (max-width: 1080px){.ring-highlight-text-container{justify-content:center;grid-column:5/-1}}@media (max-width: 680px){.ring-highlight-text-container{grid-column:1/-1}}.ring-highlight-para-container{display:flex;flex-direction:column;gap:1rem}.project-card-container{height:600px;width:400px;border-radius:var(--radius-sm);position:relative;filter:drop-shadow(0 0 .75rem var(--drop-shadow));cursor:pointer}.project-card-name-container{justify-content:space-between;align-items:center;flex-wrap:wrap;padding:1rem;display:flex;background-color:#fff;width:100%;position:absolute;bottom:0;border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.project-card-name-title{text-transform:uppercase;font-weight:600;letter-spacing:var(--letter-h3)}.project-tag-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.project-page-cards{display:flex;grid-column:2/-2;flex-direction:row;justify-content:space-evenly;flex-wrap:wrap;gap:2rem}@media (max-width: 450px){.project-page-cards{flex-direction:column}}.project-page-container{display:grid;width:100vw;margin-top:var(--section-bottom);margin-bottom:var(--section-bottom)}.pd-cover-col-1{grid-column:1/6}@media (max-width: 920px){.pd-cover-col-1{grid-column:1/-1}}.pd-cover-col-2{grid-column:6/-1}@media (max-width: 920px){.pd-cover-col-2{grid-column:1/-1}}.pd-illustrations-section{display:grid;grid-template-columns:subgrid;grid-column:1/-1;margin-bottom:var(--section-bottom)}.pd-illustrations-row{grid-column:2/-2;display:flex;flex-direction:row;gap:2rem}.pd-illustrations-row:first-child{margin-bottom:2rem}@media (max-width: 920px){.pd-illustrations-row{flex-direction:column}}