/* GENERATED by design/layout.py from Figma coordinates. Do not edit by hand. */
.wp-site-blocks{container-type:inline-size}
:root{--px:calc(100cqw / 1920)}
body{--px:calc(100cqw / 1920)}
.hm-hero{position:relative;aspect-ratio:1920/1200;overflow-x:clip}
.hm-hero .hm-hero__collage{position:absolute;margin:0!important}
.hm-hero .hm-hero__collage{left:calc(387 * var(--px));top:calc(112 * var(--px));width:calc(1312 * var(--px));height:calc(975.86 * var(--px));z-index:1}
.hm-hero .hm-hero__purple{position:absolute;margin:0!important}
.hm-hero .hm-hero__purple{left:calc(1557 * var(--px));top:calc(511 * var(--px));width:calc(370 * var(--px));height:calc(948 * var(--px));z-index:1;box-shadow:calc(-185*var(--px)) calc(240*var(--px)) calc(200*var(--px)) rgba(33,3,15,.25)}
.hm-hero .hm-hero__num{position:absolute;margin:0!important}
.hm-hero .hm-hero__num{left:calc(116 * var(--px));top:calc(430.64 * var(--px));font-size:calc(300 * var(--px));z-index:2}
.hm-hero .hm-hero__name{position:absolute;margin:0!important}
.hm-hero .hm-hero__name{left:calc(401 * var(--px));top:calc(52 * var(--px));font-size:calc(50 * var(--px));z-index:2}
.hm-hero .hm-hero__title{position:absolute;margin:0!important}
.hm-hero .hm-hero__title{left:calc(681 * var(--px));top:calc(54 * var(--px));font-size:calc(50 * var(--px));z-index:2}
.hm-hero .hm-hero__vision{position:absolute;margin:0!important}
.hm-hero .hm-hero__vision{left:calc(1386 * var(--px));top:calc(174 * var(--px));font-size:calc(149 * var(--px));z-index:2}
.hm-hero .hm-hero__intro{position:absolute;margin:0!important}
.hm-hero .hm-hero__intro{left:calc(123 * var(--px));top:calc(695.64 * var(--px));width:calc(202 * var(--px));font-size:max(12px, calc(16 * var(--px)));z-index:2}
.hm-hero .hm-hero__peep{position:absolute;margin:0!important}
.hm-hero .hm-hero__peep{left:calc(1740 * var(--px));top:calc(827.64 * var(--px));transform:translate(-50%,-50%) rotate(90deg);font-size:max(14px, calc(24 * var(--px)));z-index:2}
.hm-hero .hm-hero__arrow{position:absolute;margin:0!important}
.hm-hero .hm-hero__arrow{left:calc(1741.58 * var(--px));top:calc(996.93 * var(--px));transform:translate(-50%,-50%) rotate(90deg);width:calc(260.57 * var(--px));height:calc(15.153 * var(--px));z-index:2}
.hm-design{position:relative;aspect-ratio:1920/1200;overflow-x:clip}
.hm-design .hm-design__shopify{position:absolute;margin:0!important}
.hm-design .hm-design__shopify{left:calc(62 * var(--px));top:calc(66.64 * var(--px));font-size:calc(94 * var(--px))}
.hm-design .hm-design__design{position:absolute;margin:0!important}
.hm-design .hm-design__design{left:calc(55 * var(--px));top:calc(172.64 * var(--px));font-size:calc(220 * var(--px))}
.hm-design .hm-design__text{position:absolute;margin:0!important}
.hm-design .hm-design__text{left:calc(1495 * var(--px));top:calc(737.64 * var(--px));width:calc(270 * var(--px));font-size:max(12px, calc(16 * var(--px)))}
.hm-design .hm-design__btn{position:absolute;margin:0!important}
.hm-design .hm-design__btn{left:calc(1402 * var(--px));top:calc(910.64 * var(--px))}
.hm-latest{position:relative;aspect-ratio:1920/1137;overflow-x:clip}
.hm-latest .hm-latest__collage{position:absolute;margin:0!important}
.hm-latest .hm-latest__collage{left:calc(687 * var(--px));top:calc(14.64 * var(--px));width:calc(1546 * var(--px));height:calc(1185 * var(--px));z-index:0}
.hm-latest .hm-latest__kicker{position:absolute;margin:0!important}
.hm-latest .hm-latest__kicker{left:calc(123 * var(--px));top:calc(189.64 * var(--px));font-size:max(16px, calc(34 * var(--px)));z-index:1}
.hm-latest .hm-latest__logo{position:absolute;margin:0!important}
.hm-latest .hm-latest__logo{left:calc(123 * var(--px));top:calc(269.64 * var(--px));width:calc(564 * var(--px));height:calc(136 * var(--px));z-index:1}
.hm-latest .hm-latest__text{position:absolute;margin:0!important}
.hm-latest .hm-latest__text{left:calc(243 * var(--px));top:calc(467.64 * var(--px));width:calc(444 * var(--px));font-size:max(13px, calc(20 * var(--px)));z-index:1}
.hm-latest .hm-latest__btn{position:absolute;margin:0!important}
.hm-latest .hm-latest__btn{left:calc(242 * var(--px));top:calc(655.64 * var(--px));z-index:1}
.hm-more{position:relative;aspect-ratio:1920/1436;overflow-x:clip}
.hm-more .hm-more__collage{position:absolute;margin:0!important}
.hm-more .hm-more__collage{left:calc(179 * var(--px));top:calc(139 * var(--px));width:calc(1562 * var(--px));height:calc(1096 * var(--px));z-index:0}
.hm-more .hm-more__num{position:absolute;margin:0!important}
.hm-more .hm-more__num{left:calc(1582 * var(--px));top:calc(310.64 * var(--px));font-size:calc(300 * var(--px));z-index:1}
.hm-more .hm-more__title{position:absolute;margin:0!important}
.hm-more .hm-more__title{left:calc(135 * var(--px));top:calc(204.64 * var(--px));font-size:calc(149 * var(--px));z-index:1}
.hm-more .hm-more__text{position:absolute;margin:0!important}
.hm-more .hm-more__text{left:calc(1591 * var(--px));top:calc(560.64 * var(--px));width:calc(237 * var(--px));font-size:max(13px, calc(20 * var(--px)));z-index:1}
.hm-more .hm-more__btn{position:absolute;margin:0!important}
.hm-more .hm-more__btn{left:calc(135 * var(--px));top:calc(300.64 * var(--px));z-index:1}
.wp-ftr{position:relative;aspect-ratio:1920/800;overflow-x:clip}
.wp-ftr .wp-ftr__collage{position:absolute;margin:0!important}
.wp-ftr .wp-ftr__collage{left:calc(414 * var(--px));top:calc(-0.36 * var(--px));width:calc(1164 * var(--px));height:calc(730 * var(--px));z-index:0}
.wp-ftr .wp-ftr__logo{position:absolute;margin:0!important}
.wp-ftr .wp-ftr__logo{left:calc(796 * var(--px));top:calc(-134.36 * var(--px));width:calc(328 * var(--px));height:calc(934 * var(--px));z-index:1}
.wp-ftr .wp-ftr__nav-l{position:absolute;margin:0!important}
.wp-ftr .wp-ftr__nav-l{left:calc(40 * var(--px));top:calc(221.64 * var(--px));width:calc(291 * var(--px));font-size:max(22px, calc(50 * var(--px)));z-index:2}
.wp-ftr .wp-ftr__nav-r{position:absolute;margin:0!important}
.wp-ftr .wp-ftr__nav-r{right:calc(40 * var(--px));left:auto;top:calc(221.64 * var(--px));font-size:max(22px, calc(50 * var(--px)));z-index:2}
.wp-ftr .wp-ftr__copy{position:absolute;margin:0!important}
.wp-ftr .wp-ftr__copy{left:calc(40 * var(--px));top:calc(746 * var(--px));font-size:max(11px, calc(20 * var(--px)));z-index:2}
.wp-ftr .wp-ftr__legal{position:absolute;margin:0!important}
.wp-ftr .wp-ftr__legal{right:calc(40 * var(--px));left:auto;top:calc(746 * var(--px));font-size:max(11px, calc(20 * var(--px)));z-index:2}
.pf-hero{position:relative;aspect-ratio:1920/1175;overflow-x:clip}
.pf-hero .pf-hero__collage{position:absolute;margin:0!important}
.pf-hero .pf-hero__collage{left:calc(374 * var(--px));top:calc(107 * var(--px));width:calc(1546 * var(--px));height:calc(1185 * var(--px));z-index:1}
.pf-hero .pf-hero__featured{position:absolute;margin:0!important}
.pf-hero .pf-hero__featured{left:calc(237.5 * var(--px));top:calc(407 * var(--px));transform:translate(-50%,-50%) rotate(90deg);font-size:calc(150 * var(--px));z-index:2}
.pf-hero .pf-hero__title{position:absolute;margin:0!important}
.pf-hero .pf-hero__title{left:calc(1117 * var(--px));top:calc(65 * var(--px));font-size:calc(149 * var(--px));z-index:2}
.pf-hero .pf-hero__name{position:absolute;margin:0!important}
.pf-hero .pf-hero__name{left:calc(657 * var(--px));top:calc(165 * var(--px));font-size:calc(76 * var(--px));z-index:2}
.pf-hero .pf-hero__text{position:absolute;margin:0!important}
.pf-hero .pf-hero__text{left:calc(664 * var(--px));top:calc(249 * var(--px));width:calc(145 * var(--px));font-size:max(11px, calc(12 * var(--px)));z-index:2}
.pf-f2{position:relative;aspect-ratio:1920/1362;overflow-x:clip}
.pf-f2 .pf-f2__bg{position:absolute;margin:0!important}
.pf-f2 .pf-f2__bg{left:calc(-948 * var(--px));top:calc(164 * var(--px));width:calc(3088 * var(--px));height:calc(910 * var(--px))}
.pf-f2 .pf-f2__desk{position:absolute;margin:0!important}
.pf-f2 .pf-f2__desk{left:calc(1218 * var(--px));top:calc(366 * var(--px));width:calc(588 * var(--px));height:calc(436 * var(--px))}
.pf-f2 .pf-f2__mob{position:absolute;margin:0!important}
.pf-f2 .pf-f2__mob{left:calc(849 * var(--px));top:calc(96 * var(--px));width:calc(240 * var(--px));height:calc(1170 * var(--px))}
.pf-f2 .pf-f2__box{position:absolute;margin:0!important}
.pf-f2 .pf-f2__box{left:calc(113 * var(--px));top:calc(641 * var(--px));width:calc(541 * var(--px));height:calc(375 * var(--px))}
.pf-f2 .pf-f2__label{position:absolute;margin:0!important}
.pf-f2 .pf-f2__label{left:calc(1186 * var(--px));top:calc(106 * var(--px));font-size:calc(150 * var(--px))}
.pf-f3{position:relative;aspect-ratio:1920/1340;overflow-x:clip}
.pf-f3 .pf-f3__bg{position:absolute;margin:0!important}
.pf-f3 .pf-f3__bg{left:calc(0 * var(--px));top:calc(290 * var(--px));width:calc(1920 * var(--px));height:calc(795 * var(--px))}
.pf-f3 .pf-f3__mob{position:absolute;margin:0!important}
.pf-f3 .pf-f3__mob{left:calc(1637 * var(--px));top:calc(-72 * var(--px));width:calc(175 * var(--px));height:calc(1412 * var(--px))}
.pf-f3 .pf-f3__text{position:absolute;margin:0!important}
.pf-f3 .pf-f3__text{left:calc(685 * var(--px));top:calc(755 * var(--px));width:calc(206 * var(--px));font-size:max(11px, calc(12 * var(--px)))}
.pf-f3 .pf-f3__logo{position:absolute;margin:0!important}
.pf-f3 .pf-f3__logo{left:calc(682.5 * var(--px));top:calc(175 * var(--px));width:calc(555 * var(--px));height:calc(221 * var(--px))}
.pf-f3 .pf-f3__label{position:absolute;margin:0!important}
.pf-f3 .pf-f3__label{left:calc(495.5 * var(--px));top:calc(127 * var(--px));transform:translate(-50%,-50%) rotate(-90deg);font-size:calc(150 * var(--px))}
.pf-f3 .pf-f3__desk{position:absolute;margin:0!important}
.pf-f3 .pf-f3__desk{left:calc(461 * var(--px));top:calc(474 * var(--px));width:calc(999 * var(--px));height:calc(693 * var(--px))}
.pf-f4{position:relative;aspect-ratio:1920/1259;overflow-x:clip}
.pf-f4 .pf-f4__work{position:absolute;margin:0!important}
.pf-f4 .pf-f4__work{left:calc(612 * var(--px));top:calc(468 * var(--px));width:calc(641 * var(--px));height:calc(385 * var(--px))}
.pf-f4 .pf-f4__text{position:absolute;margin:0!important}
.pf-f4 .pf-f4__text{left:calc(363 * var(--px));top:calc(642 * var(--px));width:calc(206 * var(--px));font-size:max(11px, calc(12 * var(--px)))}
.pf-f4 .pf-f4__label{position:absolute;margin:0!important}
.pf-f4 .pf-f4__label{left:calc(670.5 * var(--px));top:calc(144 * var(--px));transform:translate(-50%,-50%) rotate(-90deg);font-size:calc(150 * var(--px))}
.pf-f4 .pf-f4__logo{position:absolute;margin:0!important}
.pf-f4 .pf-f4__logo{left:calc(84 * var(--px));top:calc(509 * var(--px));width:calc(500 * var(--px));height:calc(101 * var(--px))}
.pf-f4 .pf-f4__gary{position:absolute;margin:0!important}
.pf-f4 .pf-f4__gary{left:calc(413 * var(--px));top:calc(776 * var(--px));width:calc(789 * var(--px));height:calc(433 * var(--px))}
.pf-f4 .pf-f4__banner{position:absolute;margin:0!important}
.pf-f4 .pf-f4__banner{left:calc(322 * var(--px));top:calc(184 * var(--px));width:calc(319 * var(--px));height:calc(284 * var(--px))}
.pf-f4 .pf-f4__gary2{position:absolute;margin:0!important}
.pf-f4 .pf-f4__gary2{left:calc(696 * var(--px));top:calc(77 * var(--px));width:calc(464 * var(--px));height:calc(391 * var(--px))}
.pf-f4 .pf-f4__line{position:absolute;margin:0!important}
.pf-f4 .pf-f4__line{left:calc(136 * var(--px));top:calc(468 * var(--px));width:calc(1521 * var(--px));height:calc(1 * var(--px));background:#000}
.pf-f4 .pf-f4__col{position:absolute;margin:0!important}
.pf-f4 .pf-f4__col{left:calc(1121 * var(--px));top:calc(184 * var(--px));width:calc(690 * var(--px));height:calc(524 * var(--px))}
.pf-f4 .pf-f4__tablet{position:absolute;margin:0!important}
.pf-f4 .pf-f4__tablet{left:calc(1253 * var(--px));top:calc(708 * var(--px));width:calc(429 * var(--px));height:calc(330 * var(--px))}
.pj{position:relative;aspect-ratio:1920/3687;overflow-x:clip}
.pj .pj__label{position:absolute;margin:0!important}
.pj .pj__label{left:calc(125 * var(--px));top:calc(134 * var(--px));font-size:calc(76 * var(--px));z-index:2}
.pj .pj__title{position:absolute;margin:0!important}
.pj .pj__title{left:calc(135 * var(--px));top:calc(356 * var(--px));font-size:calc(149 * var(--px));z-index:2}
.pj .pj__excerpt{position:absolute;margin:0!important}
.pj .pj__excerpt{left:calc(127 * var(--px));top:calc(520 * var(--px));width:calc(192 * var(--px));font-size:max(11px, calc(12 * var(--px)));z-index:2}
.pj .pj__giant{position:absolute;margin:0!important}
.pj .pj__giant{left:calc(1361 * var(--px));top:calc(282 * var(--px));font-size:calc(1000 * var(--px));z-index:0}
.pj-show{position:relative;aspect-ratio:1920/3687;overflow-x:clip}
.pj-show .pj-show__desk{position:absolute;margin:0!important}
.pj-show .pj-show__desk{left:calc(724 * var(--px));top:calc(104 * var(--px));width:calc(806 * var(--px));height:calc(1332 * var(--px));z-index:1}
.pj-show .pj-show__mob{position:absolute;margin:0!important}
.pj-show .pj-show__mob{left:calc(223 * var(--px));top:calc(725 * var(--px));width:calc(323 * var(--px));height:calc(1845 * var(--px));z-index:1}
.pj-show .pj-show__img3{position:absolute;margin:0!important}
.pj-show .pj-show__img3{left:calc(657 * var(--px));top:calc(2110 * var(--px));width:calc(556 * var(--px));height:calc(932 * var(--px));z-index:1}
.pj-show .pj-show__copy{position:absolute;margin:0!important}
.pj-show .pj-show__copy{left:calc(635 * var(--px));top:calc(1548 * var(--px));width:calc(1071 * var(--px));font-size:max(18px, calc(44 * var(--px)));z-index:1}
.pj-show .pj-show__vvv{position:absolute;margin:0!important}
.pj-show .pj-show__vvv{left:calc(1306 * var(--px));top:calc(2219 * var(--px));width:calc(614 * var(--px));height:calc(232 * var(--px));z-index:1}
.pj-show .pj-show__details{position:absolute;margin:0!important}
.pj-show .pj-show__details{left:calc(0 * var(--px));top:calc(2824 * var(--px));width:calc(1920 * var(--px));height:calc(860 * var(--px));z-index:1}
.pj-details{position:relative;aspect-ratio:1920/860;overflow-x:clip}
.pj-details .pj-details__line{position:absolute;margin:0!important}
.pj-details .pj-details__line{left:calc(294 * var(--px));top:calc(325 * var(--px));width:calc(1236 * var(--px));height:calc(1 * var(--px));background:#fff}
.pj-details .pj-details__label{position:absolute;margin:0!important}
.pj-details .pj-details__label{left:calc(345 * var(--px));top:calc(390 * var(--px));font-size:calc(76 * var(--px))}
.pj-details .pj-details__text{position:absolute;margin:0!important}
.pj-details .pj-details__text{left:calc(1187 * var(--px));top:calc(399 * var(--px));width:calc(389 * var(--px));font-size:max(12px, calc(16 * var(--px)))}
.pj-more{position:relative;aspect-ratio:1920/1256;overflow-x:clip}
.pj-more .pj-more__collage{position:absolute;margin:0!important}
.pj-more .pj-more__collage{left:calc(179 * var(--px));top:calc(80 * var(--px));width:calc(1562 * var(--px));height:calc(1096 * var(--px))}
@media (max-width:767px){
.wp-site-blocks *{--px:calc(100cqw / 440)}
.pf-hero *{--px:calc(100cqw / 1920)}
.pf-hero{--px:calc(100cqw / 1920)}
.pf-f2 *{--px:calc(100cqw / 1920)}
.pf-f2{--px:calc(100cqw / 1920)}
.pf-f3 *{--px:calc(100cqw / 1920)}
.pf-f3{--px:calc(100cqw / 1920)}
.pf-f4 *{--px:calc(100cqw / 1920)}
.pf-f4{--px:calc(100cqw / 1920)}
.pj *{--px:calc(100cqw / 1920)}
.pj{--px:calc(100cqw / 1920)}
.pj-show *{--px:calc(100cqw / 1920)}
.pj-show{--px:calc(100cqw / 1920)}
.pj-details *{--px:calc(100cqw / 1920)}
.pj-details{--px:calc(100cqw / 1920)}
.pj-more *{--px:calc(100cqw / 1920)}
.pj-more{--px:calc(100cqw / 1920)}
.hm-hero{aspect-ratio:440/750}
.hm-hero .hm-hero__collage{left:calc(-49 * var(--px));top:calc(146.63 * var(--px));width:calc(584 * var(--px));height:calc(434.37 * var(--px));z-index:1}
.hm-hero .hm-hero__purple{left:calc(336 * var(--px));top:calc(491.63 * var(--px));width:calc(104 * var(--px));height:calc(357 * var(--px));z-index:0;box-shadow:none}
.hm-hero .hm-hero__num{left:calc(32 * var(--px));top:calc(29.63 * var(--px));font-size:calc(140 * var(--px));z-index:2}
.hm-hero .hm-hero__name{left:calc(194.6 * var(--px));top:calc(40.63 * var(--px));font-size:calc(22 * var(--px));z-index:2}
.hm-hero .hm-hero__title{left:calc(194 * var(--px));top:calc(62.5 * var(--px));width:calc(222 * var(--px));font-size:calc(42 * var(--px));z-index:2;color:#fff;white-space:normal}
.hm-hero .hm-hero__vision{display:none!important}
.hm-hero .hm-hero__intro{left:calc(67 * var(--px));top:calc(579.63 * var(--px));width:calc(202 * var(--px));font-size:calc(14 * var(--px));z-index:2;color:#000}
.hm-hero .hm-hero__peep{display:none!important}
.hm-hero .hm-hero__arrow{display:none!important}
.hm-design{aspect-ratio:440/866}
.hm-design .hm-design__shopify{left:calc(129 * var(--px));top:calc(64.63 * var(--px));font-size:calc(47 * var(--px))}
.hm-design .hm-design__design{left:calc(128 * var(--px));top:calc(123.63 * var(--px));font-size:calc(96 * var(--px))}
.hm-design .hm-design__text{left:calc(99 * var(--px));top:calc(676.63 * var(--px));width:calc(270 * var(--px));font-size:calc(14 * var(--px))}
.hm-design .hm-design__btn{left:calc(99 * var(--px));top:calc(818 * var(--px));--btn-h:44px}
.hm-latest{aspect-ratio:440/1085}
.hm-latest .hm-latest__collage{left:calc(-85 * var(--px));top:calc(-10.37 * var(--px));width:calc(611 * var(--px));height:calc(468 * var(--px))}
.hm-latest .hm-latest__kicker{left:calc(45.75 * var(--px));top:calc(388.63 * var(--px));font-size:calc(23 * var(--px))}
.hm-latest .hm-latest__logo{left:calc(45.75 * var(--px));top:calc(419.68 * var(--px));width:calc(348.25 * var(--px));height:calc(82.95 * var(--px))}
.hm-latest .hm-latest__text{left:calc(45.75 * var(--px));top:calc(552.63 * var(--px));width:calc(348.25 * var(--px));font-size:calc(16 * var(--px))}
.hm-latest .hm-latest__btn{left:calc(45.75 * var(--px));top:calc(777.63 * var(--px));width:calc(348.25 * var(--px));--btn-h:60px}
.hm-more{aspect-ratio:440/900}
.hm-more .hm-more__collage{left:calc(0 * var(--px));top:calc(430 * var(--px));width:calc(440 * var(--px));height:calc(308.7 * var(--px))}
.hm-more .hm-more__num{display:none!important}
.hm-more .hm-more__title{left:calc(24 * var(--px));top:calc(40 * var(--px));font-size:calc(70 * var(--px))}
.hm-more .hm-more__text{left:calc(24 * var(--px));top:calc(130 * var(--px));width:calc(392 * var(--px));font-size:calc(16 * var(--px))}
.hm-more .hm-more__btn{left:calc(24 * var(--px));top:calc(300 * var(--px));width:calc(392 * var(--px));--btn-h:60px}
.wp-ftr{aspect-ratio:440/1230}
.wp-ftr .wp-ftr__collage{left:calc(0 * var(--px));top:calc(950 * var(--px));width:calc(440 * var(--px));height:calc(276 * var(--px))}
.wp-ftr .wp-ftr__logo{left:calc(93 * var(--px));top:calc(655 * var(--px));width:calc(255 * var(--px));height:calc(575 * var(--px));justify-content:flex-start;padding-top:calc(50*var(--px))}
.wp-ftr .wp-ftr__nav-l{left:calc(50 * var(--px));top:calc(74 * var(--px));width:calc(291 * var(--px));font-size:calc(45 * var(--px))}
.wp-ftr .wp-ftr__nav-r{left:calc(50 * var(--px));top:calc(244 * var(--px));width:calc(238 * var(--px));font-size:calc(45 * var(--px));right:auto}
.wp-ftr .wp-ftr__copy{left:calc(50 * var(--px));top:calc(488 * var(--px));width:calc(340 * var(--px));font-size:calc(16 * var(--px));white-space:normal}
.wp-ftr .wp-ftr__legal{left:calc(50 * var(--px));top:calc(559 * var(--px));width:calc(340 * var(--px));font-size:calc(16 * var(--px));right:auto;white-space:normal}
}