@import url(//hellohellostudio.com/wp-content/themes/hellohello/sass/style.min.css);@import url(//hellohellostudio.com/wp-content/themes/hellohello/sass/single-product.css);@view-transition{navigation:auto}::view-transition-old(root){animation:1s ease-out both fadeOut}::view-transition-new(root){animation:1s cubic-bezier(.645,.045,.355,1) fadeIn}@keyframes fadeOut{0%{opacity:100%}100%{opacity:0}}@keyframes fadeIn{0%{opacity:0%}100%{opacity:100%}}.menu-active .site-header .site-branding .logo{color:#fff}#menu-toggle span:before{top:2px}#menu-toggle span:after{top:-2px}.menu-active #menu-toggle span:before,.menu-active #menu-toggle span:after{background:#fff}@media screen and (min-width:768px){.page main,.search main,.single main{padding-top:42px}.site-header .site-branding{padding:15px 20px}.home-slider{min-height:calc(100svh - 42px)}}.fade.in-view{isolation:auto !important;mix-blend-mode:normal}.fade.in-view.animation-complete{-webkit-transform:none !important;transform:none !important}.site-header .primary-menu{background-color:rgba(88,88,83,.44);transition:all 1s ease;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.project-images img{display:block;@media screen and (max-width:749px){margin:0 0 10px}}.parallax-window{min-height:calc(100svh - 41.5px);@media screen and (max-width:749px){min-height:calc(80svh - 32px)}}.form-style,select{padding:10px 10px 6px 0}.wpcf7 form{margin:0;display:grid;grid-template-columns:repeat(1,1fr);gap:20px 10px;.footer-contact &{@media screen and (min-width:750px){grid-template-columns:repeat(2,1fr);gap:20px 10px}}&:before,&:after{display:none}p{float:none;padding:0;width:100%;margin:0;&.active{label{top:-5px}}&:empty{display:none}&:has(.website-url-wrap){display:none}label{left:0;top:18px;.page-template-contact &{top:15px}}&.full-width{.footer-contact &{@media screen and (min-width:750px){grid-column:span 2}}}}span.wpcf7-not-valid-tip{font-size:10px;left:auto;bottom:7px;right:0;width:auto}.cf7-cf-turnstile{text-align:left;.footer-contact &{@media screen and (min-width:750px){grid-column:span 2}}}}.wpcf7 form{@media screen and (min-width:750px){grid-template-columns:repeat(2,1fr)}.wpcf7-response-output{border-radius:5px;background:#464645;color:white;opacity:0.8;padding:8px;border:0;margin:0;font-size:10px;.footer-contact &{@media screen and (min-width:750px){grid-column:span 2}}@media screen and (min-width:750px){font-size:12px}}}.page-template-contact .post-single p{margin-bottom:0}.single-project-info{.project-description{@media screen and (min-width:750px){width:50%;p{font-size:16px}}}}.hero-image{height:calc(100svh - 41.5px);position:-webkit-sticky;position:sticky;top:0;z-index:-1;@media screen and (max-width:749px){height:calc(100svh - 31px)}img{object-fit:cover;height:100%;width:100%}.bottom{position:absolute;bottom:30px;text-decoration:none;width:100%;text-align:center;left:0;color:#fff;mix-blend-mode:difference}}.single-project-info,.project-images{background-color:#fff;position:relative;z-index:2;isolation:isolate;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);will-change:transform}.image-wrapper.blur-load{position:relative;overflow:hidden;background-repeat:no-repeat;background-position:center;filter:blur(15px);transition:filter .7s cubic-bezier(.4,0,.2,1);clip-path:inset(0)}.image-wrapper.blur-load img{opacity:0;display:block;transition:opacity .7s cubic-bezier(.4,0,.2,1)}.image-wrapper.blur-load.loaded{filter:blur(0)}.image-wrapper.blur-load.loaded img{opacity:1}.project-images{max-width:100%;padding:0;width:100%;.image-area{margin-bottom:0}.item{.image-wrapper img{width:100%;height:auto}.image-wrapper.blur-load.loaded{filter:blur(0)}.image-wrapper.blur-load.loaded img{opacity:1}@media screen and (max-width:749px){margin-left:10px;margin-right:10px}margin-bottom:80px;@media screen and (min-width:750px){margin-bottom:120px}@media screen and (min-width:750px){&.narrow-width{width:60%;margin-left:auto;margin-right:auto;max-width:800px}}&.image-area{@media screen and (min-width:750px){padding:120px;margin-bottom:120px}&+.image-area{padding-top:0;margin-top:-80px;@media screen and (min-width:750px){margin-top:-120px}}}&:not(.image-area){@media screen and (min-width:750px){padding-left:20px;padding-right:20px}}img,.image-wrapper{margin:0 auto;max-width:1440px;box-shadow:none;-webkit-box-shadow:none}&.item--video{video{width:100%;height:auto}}&.item--multi-image{display:flex;align-items:center;justify-content:center;gap:10px;img{flex:1;min-width:0;height:auto;width:auto}@media screen and (min-width:750px){gap:20px;&.image-area{padding:10vw}}&.asymmetric-layout:not(.image-area){align-items:flex-start;justify-content:space-between;gap:20%;img{&:first-child{flex:2}}}}}.back-to-projects{padding:10px;text-align:left;margin-bottom:80px;@media screen and (min-width:750px){padding:20px}}}.home{#main.space{padding-top:32px;@media screen and (min-width:750px){padding-top:42px}}#hero.featured-text{@media screen and (max-width:749px){padding-bottom:10px}h1{font-size:clamp(1.63rem, 1.25vi + 1.31rem, 2.88rem);text-indent:100px;line-height:1.1;margin-left:0;padding:0;margin-bottom:0;max-width:100%;text-transform:none;@media screen and (min-width:750px){text-indent:160px;padding-right:10%}}}}.work{background-color:white;@media screen and (min-width:750px){width:100%;max-width:100%;display:grid;padding-left:20px;padding-right:20px;grid-template-columns:repeat(2,1fr);gap:120px 0}.project-link{&:hover{opacity:1;cursor:none}@media screen and (min-width:750px){margin:0;&:nth-child(4n+1){padding-right:20%;.image-container{aspect-ratio:4/5}}&:nth-child(4n+2){padding-right:10%;.image-container{aspect-ratio:6/4}}&:nth-child(4n+3){padding-right:20%;.image-container{aspect-ratio:1}}&:nth-child(3){.image-container{aspect-ratio:16/10}}&:nth-child(4n+4){padding-right:20%;.image-container{aspect-ratio:4/6}}&:nth-child(4){.image-container{aspect-ratio:4/5}}}@media screen and (min-width:1800px){&:nth-child(4n+1){padding-right:30%}&:nth-child(4n+2){padding-right:20%}&:nth-child(4n+3){padding-right:30%}&:nth-child(4n+4){padding-right:30%}}.image-container{margin-bottom:10px;img{margin-bottom:0}@media screen and (min-width:750px){aspect-ratio:16/10;img{height:100%;width:100%;object-fit:cover}}}.video-container{margin-bottom:10px;video{width:100%;height:auto}}}.button{justify-self:start}}.project-list{.project-link{@media screen and (min-width:750px){display:grid;grid-template-columns:repeat(2,1fr)}.project-info{@media screen and (min-width:750px){width:100%;position:sticky;top:60px}}.image-container{img{width:100%;height:auto;margin:0}}.video-container{video{width:100%;height:auto}}@media screen and (max-width:749px){.video-container,.image-container{margin-bottom:5px}}}}.custom-cursor{position:fixed;width:10px;height:10px;color:white;border-radius:50%;pointer-events:none;mix-blend-mode:difference;transition:transform 0.1s ease;z-index:9999;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;color:white;font-size:12px;content:"";.menu-active &{mix-blend-mode:normal !important;opacity:0}}.custom-cursor.hovering{width:60px;height:60px}.reel-slider,.home-slider{.image-wrapper{height:calc(100svh - 32px) !important;width:100%;@media screen and (min-width:750px){height:calc(100svh - 41.5px) !important}}}.single-product{h2,.h2{font-size:clamp(0.75rem, 0.13vi + 0.72rem, 0.88rem);text-transform:uppercase;letter-spacing:.05rem;line-height:1.1}h3,.h3{font-size:clamp(0.94rem, 0.13vi + 0.91rem, 1.06rem);text-transform:none;letter-spacing:0;line-height:1.2}h4,.h4{font-size:clamp(0.81rem, 0.13vi + 0.78rem, 0.94rem);text-transform:none;letter-spacing:0;line-height:1.2}h5,.h5{font-size:clamp(0.63rem, 0.06vi + 0.61rem, 0.69rem);text-transform:uppercase;letter-spacing:.02rem;line-height:1.1}p,li{font-size:clamp(0.69rem, 0.13vi + 0.66rem, 0.81rem)}.button.full{display:inline-block}.product-hero{.image-area{height:calc(100svh - 32px);@media screen and (min-width:768px){height:calc(100svh - 42px);padding:7% 5%}.heading{color:white;display:flex;flex-direction:column;position:absolute;top:0;left:0;width:100%;padding:10px;gap:15px;@media screen and (min-width:768px){flex-direction:row;justify-content:space-between;align-items:center;padding:20px;.h3{max-width:520px}}.button{color:black;background:white;&:hover{background:#ccc;color:#000}}}}}.section h2{grid-column:1/9}.section.info{@media screen and (max-width:767px){.heading{grid-column:1/-1;padding-bottom:50px}}}.section.features{.feature{.heading{@media screen and (min-width:768px){grid-column:1/6}}h3{font-size:clamp(1rem, 0.19vi + 0.95rem, 1.19rem)}}}.section.testimonials{padding-bottom:12vh;padding-left:0;padding-right:0;h3{font-size:clamp(1.13rem, 0.19vi + 1.08rem, 1.31rem);margin-bottom:15px}h2{margin-bottom:50px;padding-left:10px;@media screen and (min-width:768px){margin-bottom:70px;padding-left:20px}}.quote-wrapper{grid-column:1/-1;display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:20px;padding-left:20px;scroll-padding-left:20px;mask-image:linear-gradient(to right,black 95%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 95%,transparent 100%);@media screen and (max-width:767px){padding-left:10px;scroll-padding-left:10px}>*{flex:0 0 46%;scroll-snap-align:start;view-timeline-name:--item-visible;view-timeline-axis:inline;animation-name:fade-in-out;animation-fill-mode:both;animation-timeline:--item-visible;animation-range:cover 0% cover 100%;padding-right:25%;padding-bottom:20px;&:first-child{flex:0 0 48.5%}&:last-child{flex:0 0 50%}@media screen and (max-width:767px){flex:0 0 90%;padding-right:8%;&:first-child{flex:0 0 90%}&:last-child{flex:0 0 100%}}}}}.section.about{padding-bottom:12vh;.content{grid-column:span 8;h3{margin-bottom:50px}}.collaborators{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;.collaborator{padding-right:16%;p{margin-bottom:30px}&:nth-child(2){img{padding-right:25%}}}}}.section.product_CTA_bundles{background:black;color:white;padding-bottom:12vh;@media screen and (max-width:767px){padding-bottom:6vh}>h2:first-child{display:none}.content{grid-column:1/-1}.heading{margin-bottom:50px}.products{@media screen and (min-width:768px){display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.product{@media screen and (max-width:767px){margin-bottom:50px;&:last-child{margin-bottom:0}}@media screen and (min-width:768px){padding-right:10%}.product-label{margin-bottom:15px;@media screen and (max-width:767px){margin-bottom:10px}}.product-content{>h3{margin-bottom:5px;@media screen and (max-width:767px){margin-bottom:2px}}}.price p+*{margin-top:0}.collaborators{font-size:11px;opacity:0.7;margin-top:3px;@media screen and (max-width:767px){margin-top:1px}}.image-link{position:relative;display:block;margin-bottom:20px;@media screen and (max-width:767px){margin-bottom:10px}.sale-badge{color:black;font-size:10px;text-align:center;position:absolute;top:-25px;width:50px;height:50px;right:-25px;line-height:50px;text-transform:uppercase;background:white;border-radius:50%;@media screen and (max-width:767px){top:10px;right:10px;height:45px;width:45px;line-height:45px}}}.button.full{background:white;color:black;&:hover{background:#ccc;color:#000}}}}}.related-product-info{h4{margin-bottom:3px}}.price-sale{display:inline-block;&+.price-original{opacity:.7;display:inline-block;padding-left:5px}}.jump{@media screen and (max-width:767px){display:none}@media screen and (min-width:768px){grid-column:9/-1;p{justify-content:flex-end}}}}.product-bar{position:relative;background:white;color:black;a{.price &{color:black;transition:all 0.3s ease;text-underline-offset:0.1rem;&:hover{opacity:.8;text-underline-offset:.25rem}.black &{color:#fff}}&.button.full{color:white;background:black;&:hover{background:#555;color:#fff}.black &{color:black;background:white;&:hover{background:#ccc;color:#000}}}}&:not(.fixed) .name{@media screen and (max-width:767px){p{margin:3px 0}span{display:block;padding-left:0}}}&.fixed{position:fixed;transform:translateY(100%);transition:transform 0.35s cubic-bezier(0.16,1,0.3,1),background-color 0.3s ease;.name span{display:none}}&.black{color:#fff;background:#000;transform:translateY(0)}.action{display:flex;justify-content:space-between;align-items:center;@media screen and (max-width:767px){width:100%}.price{@media screen and (max-width:767px){justify-content:flex-start;gap:10px;h2{width:auto}a{width:auto}}}@media screen and (min-width:768px){grid-column:6/-1;.price a{display:block}}@media screen and (min-width:1200px){grid-column:7/-1}}}.product-top{&.space{@media screen and (min-width:768px){padding-top:101px;transition:padding-top 0s ease}}.description{@media screen and (max-width:767px){padding-right:7.5%}@media screen and (min-width:768px){grid-column:1/9;h4{padding-right:40%}h2{margin-bottom:70px}}}h2{font-size:clamp(1.25rem, 0.38vi + 1.16rem, 1.63rem);text-transform:none;margin-bottom:50px;line-height:1.2;letter-spacing:0}}