.home-hero{overflow:visible}.home-hero .container1{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(.75rem,1.5vw,2rem);width:min(100%,140rem);margin:0 auto;padding:clamp(2rem,4vh,4rem) clamp(1.25rem,4vw,5rem);overflow:visible}.home-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(1rem,2vw,2rem);min-width:0;container-type:inline-size}.home-hero .text1{position:static;top:auto;left:auto;z-index:2;text-align:left;width:100%;max-width:100%;margin:0;padding:0;overflow:visible}.home-hero .text1 h2,.home-hero h2{white-space:nowrap;font-size:clamp(1.25rem,10cqi,7.5rem);font-weight:700;letter-spacing:-.02em;line-height:1;margin:0}.home-hero-visual{position:relative;justify-self:end;width:100%;max-width:min(100rem,100%);container-type:inline-size;overflow:visible}.home-blob-wrap{position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(calc(-50% - 3rem),-50%) scale(min(1,80cqw / 500px));transform-origin:center center;z-index:0;pointer-events:none}.home-hero-visual .blob-cont1{position:relative;width:100%;height:100%;z-index:0}.home-hero .universlanding{position:relative;z-index:1;width:100%;max-width:min(100rem,100%);height:auto;display:block;margin:0;animation:bounce2 5.5s ease-out .5s infinite}.home-hero .universlanding:hover{animation:none}.home-hero .button1{position:static;top:auto;left:auto;z-index:2;display:inline-block;outline:2px solid black;background-color:#ffd119;color:#111;text-align:center;font-size:clamp(1rem,1.1vw + .5rem,1.5rem);padding:clamp(.75rem,1vw,1.25rem) clamp(1rem,1.5vw,1.25rem);width:clamp(9rem,12vw,16rem);transition:all .5s;cursor:pointer;margin:0;border:none}@media(max-width:768px){.home-hero .container1{grid-template-columns:1fr;width:90%;padding:clamp(1.5rem,4vw,2.5rem) 0;gap:0}.home-hero-copy{align-items:center;order:2;margin-top:1.5rem}.home-hero-visual{order:1;justify-self:center;max-width:100%}.home-hero .universlanding{max-width:100%;margin:0 auto;animation:none}.home-hero .text1{text-align:center}.home-hero .button1{display:block;margin:0 auto 3rem;width:15rem}}.home-hero .button1 span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.home-hero .button1 span:after{content:"\bb";position:absolute;opacity:0;top:0;right:-20px;transition:.5s}.home-hero .button1:hover span{padding-right:25px}.home-hero .button1:hover span:after{opacity:1;right:0}.home-hero .button1 a{text-decoration:none;color:#111}.home-projects{width:100%;margin:0;padding:0;overflow-x:clip;overflow-y:visible}.home-projects.is-visible .home-projects-track-section{animation:homeProjectsIn .7s cubic-bezier(.22,1,.36,1) both}@keyframes homeProjectsIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.home-projects-track-section{width:100vw;margin-left:calc(50% - 50vw);display:flex;flex-direction:column;min-height:auto;padding:clamp(1.5rem,4vw,2.5rem) 0 clamp(2rem,4vw,3rem);overflow-x:hidden;overflow-y:visible;position:relative}.home-projects-header{flex-shrink:0;text-align:center;margin:0 0 clamp(.75rem,2vw,1.25rem);padding:0 4vmin}.home-projects-heading{font-size:clamp(2rem,4.5vw,2.75rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;margin:0}.home-projects-rule{width:3rem;margin:.85rem auto;border:none;border-top:1px solid #111}.home-projects-sub{font-style:oblique;font-size:clamp(1.05rem,1.75vw,1.2rem);margin:0;color:#1111119e}.home-projects-legend{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.75rem,2.5vw,1.5rem);margin:clamp(.85rem,2vw,1.15rem) 0 0;padding:0;list-style:none}.home-projects-legend__item{display:inline-flex;align-items:center;gap:.45rem;font-family:Jost,sans-serif;font-size:clamp(1.14rem,2.1vw,1.26rem);line-height:1.2}.home-projects-legend__swatch{flex-shrink:0;width:.84rem;height:.84rem;border-radius:50%}.home-projects-legend__swatch--yellow{background-color:#f2b307}.home-projects-legend__swatch--blue{background-color:#a5c8e8}.home-projects-legend__swatch--red{background-color:#ff8f7f}.home-projects-legend__label{font-weight:500;background:none}.home-projects-track-wrap{position:relative;flex:none;min-height:clamp(300px,56vmin,520px);overflow:visible}.home-projects-track{display:flex;gap:4vmin;position:absolute;left:4vmin;top:50%;width:max-content;transform:translate3d(0,-50%,0);-webkit-user-select:none;user-select:none;touch-action:none;cursor:-webkit-grab;cursor:grab;contain:layout style}.home-projects-track:active,.home-projects-track.is-dragging,.home-project-card:active,.home-project-card:active .home-project-inner{cursor:-webkit-grabbing;cursor:grabbing}.home-projects-track.is-dragging .home-project-link{pointer-events:none}.home-projects-track.is-dragging .home-project-link,.home-projects-track.is-dragging .home-project-caption{visibility:hidden;opacity:0;pointer-events:none}.home-project-card,.home-project-inner{cursor:-webkit-grab;cursor:grab}.home-project-card{position:relative;width:clamp(220px,40vmin,380px);height:clamp(300px,56vmin,520px);flex-shrink:0;contain:layout style}.home-project-card .home-project-inner{position:relative;width:100%;height:100%;border:2px solid #111;box-sizing:border-box;overflow:hidden}.home-project-card .home-project-image{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;pointer-events:none}.home-project-link--white,.home-project-caption--white{color:#fff}.home-project-link--yellow,.home-project-caption--yellow{color:#f2b307}.home-project-link--blue,.home-project-caption--blue{color:#a5c8e8}.home-project-link--red,.home-project-caption--red{color:#ff8f7f}.home-project-link,.home-project-caption{position:absolute;bottom:0;right:0;background:#00000080;padding:.5rem 1rem;text-decoration:none;font-family:Jost,sans-serif;font-size:1.14rem;border-top-left-radius:.5rem;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;pointer-events:none;white-space:nowrap;z-index:2;line-height:1.2}.home-project-link{display:inline-block;cursor:pointer;-webkit-user-drag:none;user-drag:none}@media(hover:hover){.home-projects-track:not(.is-dragging) .home-project-card:hover .home-project-link,.home-projects-track:not(.is-dragging) .home-project-card:hover .home-project-caption{opacity:1;transform:translateY(0);pointer-events:auto}}@media(hover:none){.home-project-link{opacity:1;transform:none;transition:none;pointer-events:auto}.home-project-caption{opacity:1;transform:none;transition:none;pointer-events:none}}@media(max-width:756px){.home-projects.is-visible .home-projects-track-section{animation:none}.home-projects-track-section{padding-top:1.25rem;padding-bottom:2.5rem;position:relative;z-index:1;overflow-x:visible}.home-projects-track-wrap{min-height:calc(min(58vw,300px)/.8);padding:.25rem 0 1rem}.home-project-card{width:min(58vw,300px);height:auto;aspect-ratio:4 / 5}.home-project-link,.home-project-caption{font-size:.9rem;padding:.4rem .8rem;transition:none;transform:none}}.home-projects--native-scroll{overflow-x:visible}.home-projects--native-scroll .home-projects-track-wrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-padding-inline:max(1rem,calc(50vw - min(29vw,150px)));touch-action:pan-x}.home-projects--native-scroll .home-projects-track{position:relative;top:auto;left:0;width:max-content;max-width:none;transform:none!important;touch-action:auto;cursor:default;contain:none}.home-projects--native-scroll .home-project-card{scroll-snap-align:center;scroll-snap-stop:always;cursor:-webkit-grab;cursor:grab}.home-projects--native-scroll .home-project-link{pointer-events:auto;cursor:pointer}@media(max-width:480px){.home-project-card{width:min(72vw,280px)}.home-projects-track-wrap{min-height:calc(min(72vw,280px)/.8)}.home-project-link,.home-project-caption{font-size:.9rem;padding:.4rem .8rem}}html:has(.home-hero),html:has(.home-hero) body,html:has(.home-projects),html:has(.home-projects) body{overflow-x:clip}.shopify-section:has(.home-hero),.shopify-section:has(.home-hero)>.gradient,.shopify-section:has(.home-hero) [class*=section-][class*=-padding]{overflow:visible}html:has(.home-hero) .shopify-section-group-footer-group{margin-bottom:0}html:has(.home-hero) body:before,html:has(.home-hero) body:after{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/5/assets/home.css.map */