@font-face{font-family:Heebo;src:url(assets/fonts/Heebo-Variable.ttf) format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:Hand;src:url(assets/fonts/OHRonShemer-Regular.woff2) format('woff2');font-display:swap}
:root{--red:#FD4401;--blue:#2668FD;--yellow:#FDCB40;--pale:#FFF2B7;--cream:#F3EFE0;--green:#00B351;--mint:#A7EB98;--dark:#005C00;--pink:#F780D4;--purple:#503FD0;--turquoise:#2CD1D0;--current-bg:#FDCB40;--current-pale:#FFF2B7;--page-pad:3.125rem;color:#161316;background:var(--cream);font-family:Heebo,sans-serif;font-size:1.0582vw;font-synthesis:none;overscroll-behavior:none}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-size:1.25rem;line-height:1.2;cursor:url(assets/art/cursor.svg) 4 2,auto}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{border:0;color:inherit;background:none;font:inherit;cursor:pointer}a,button{cursor:url(assets/art/cursor.svg) 4 2,pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}img,svg{display:block}img{max-inline-size:100%}svg{overflow:visible}bdi{unicode-bidi:isolate}::selection{background:var(--blue);color:white}.svg-defs{position:absolute;inline-size:0;block-size:0;overflow:hidden}.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:8px;background:white;color:var(--blue);padding:1rem;z-index:999;transform:translateY(-200%)}.skip-link:focus{transform:none}
.pill,.circle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:white;border-radius:999px;min-block-size:3.625rem;padding:.75rem 1.85rem;font-weight:600;line-height:1.1;white-space:nowrap;will-change:transform}.pill.red{background:var(--red);color:white}.pill.blue{background:var(--blue);color:white}.pill.yellow{background:var(--yellow);color:#161316}.pill.dark-green{background:var(--dark);color:var(--mint)}.circle{inline-size:3.625rem;block-size:3.625rem;padding:0;color:var(--blue)}.circle svg{inline-size:1.55rem;block-size:1.55rem}.header{position:fixed;inset-block-start:1.25rem;inset-inline:0;z-index:100;padding-inline:var(--page-pad);display:flex;align-items:center;justify-content:space-between;pointer-events:none}.header>*{pointer-events:auto}.logo{position:relative;font-size:3.25rem;font-weight:800;color:var(--blue);letter-spacing:-.19rem;line-height:1;display:flex;align-items:center}.logo-first{color:var(--red)}.logo-rest{display:inline-block;max-inline-size:20rem;transition:max-inline-size .4s,opacity .3s;overflow:hidden;padding-inline-end:.15rem}.logo-face{position:absolute;inset-block-start:-.25rem;inset-inline-start:1.85rem;color:var(--blue);font-size:.55rem;letter-spacing:.12rem}.header.scrolled .logo-rest{max-inline-size:0;opacity:0}.header-actions{display:flex;align-items:center;gap:.32rem}.desktop-nav{display:flex;gap:1.65rem;align-items:center;background:white;padding:.7rem 1.8rem;border-radius:99rem;min-block-size:3.625rem;font-weight:600}.nav-trigger{padding:0;display:flex;align-items:center;gap:.4rem}.nav-trigger span{color:var(--blue);font-size:.85em}.contact-circle svg,.social svg{fill:none;stroke:var(--blue);stroke-width:2.2}.menu-toggle{display:none}.desktop-menu{position:fixed;inset-block-start:6.1rem;inset-inline:3.125rem;z-index:99;background:white;border-radius:1.5rem;padding:2rem;box-shadow:0 8px 0 #00000006}.desktop-menu:not([hidden]){display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.menu-item{display:flex;flex-direction:column;gap:1rem;text-align:start;font-weight:800;color:var(--red);font-size:1.5rem}.menu-item img{inline-size:100%;aspect-ratio:1.6;object-fit:cover;border-radius:.8rem}.mobile-menu{border:0;padding:2rem;background:var(--pale);color:var(--red);max-inline-size:none;max-block-size:none;inline-size:100%;block-size:100dvh;margin:0;overflow:auto}.mobile-menu::backdrop{background:#16131666}.menu-close{position:absolute;inset-inline-end:1.25rem;inset-block-start:1.25rem;font-size:2.5rem}.mobile-brand{font-size:2.3rem;color:var(--blue);font-weight:900;display:block;text-align:start}.mobile-services{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-block:3rem 2rem}.mobile-services button{font-size:2.25rem;font-weight:900;text-align:start;line-height:1.1}.mobile-links{display:grid;gap:1rem;color:var(--blue)}.mobile-menu>img{margin-block-start:2rem;margin-inline-start:auto}
.intro{position:fixed;inset:0;z-index:200;background:var(--cream);display:grid;place-items:center;overflow:hidden;pointer-events:none}.intro-center{position:relative;z-index:2;text-align:center;inline-size:40rem;max-inline-size:90vw}.intro-center>img{margin:0 auto .5rem;inline-size:6rem;block-size:auto}.intro-head{font-size:4.2rem;line-height:.98;font-weight:900;color:var(--red)}.intro-head span{display:block;transform-origin:center bottom}.intro-center p{font-size:1.25rem;line-height:1.22;color:var(--blue);margin-block-start:1.7rem}.intro-wing{position:absolute;inset:0;background:var(--cream);transform-origin:50% 90%;z-index:1}.wing-one{clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}.wing-two{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}
.opening{height:500svh;position:relative;background:var(--current-pale);transition:background-color 1s}.hero-carousel{height:110svh;inline-size:100%;position:absolute;inset:0 0 auto;overflow:hidden;background:var(--current-pale);isolation:isolate}.wheel-viewport{position:absolute;inset:0;overflow:hidden;touch-action:pan-y;cursor:grab}.wheel-viewport:active{cursor:grabbing}.wheel-position{position:absolute;inline-size:calc(3352 / 982 * 100svh);block-size:calc(3352 / 982 * 100svh);inset-inline-start:50%;inset-block-start:0;transform:translateX(50%) translateY(-20.5%);direction:ltr}.wheel-tilt,.wheel{inline-size:100%;block-size:100%;position:relative;will-change:transform}.sector{position:absolute;inline-size:100%;block-size:50%;inset-block-start:0;inset-inline-start:0;transform:rotate(calc(var(--i) * 90deg));transform-origin:50% 100%;clip-path:polygon(0 0,100% 0,50% 100%);background:var(--scene-bg)}.scene{position:absolute;inline-size:100%;block-size:100%;inset:0;display:flex;align-items:flex-end;justify-content:center}.scene>svg{inline-size:100%;block-size:100%;flex-shrink:0;overflow:visible;transform:scale(1.03);transform-origin:center bottom}.hero-ground{display:none}.hero-controls{position:absolute;inset-block-start:88svh;inset-inline:18.8%;display:flex;justify-content:space-between;z-index:5}.hero-controls .prev svg{transform:none}.hero-controls .next svg{transform:rotate(180deg)}.googly{position:absolute;inset-block-start:calc(100svh - 3rem);inset-inline-start:50%;transform:translateX(50%);display:flex;gap:.25rem;z-index:5;pointer-events:none}.eye{position:relative;background:white;inline-size:2rem;block-size:2.1rem;border-radius:50%;display:grid;place-items:center}.pupil{inline-size:.65rem;block-size:.65rem;background:var(--blue);border-radius:50%}.cloud{position:absolute;inline-size:13rem;block-size:6.5rem;fill:white;pointer-events:none}.hero-cloud{inset-inline-start:-3rem;inset-block-start:59%;z-index:4}.cloud-field{position:absolute;inset:110svh 0 0;overflow:hidden;pointer-events:none}.cloud-field .cloud:nth-child(1){inset-block-start:6%;inset-inline-start:8%;inline-size:17rem}.cloud-field .cloud:nth-child(2){inset-block-start:32%;inset-inline-end:-3%;inline-size:24rem;block-size:12rem}.cloud-field .cloud:nth-child(3){inset-block-start:62%;inset-inline-start:18%;inline-size:11rem}.cloud-field .cloud:nth-child(4){inset-block-start:86%;inset-inline-end:10%;inline-size:17rem}.cards-pin{position:sticky;inset-block-start:0;block-size:100svh;pointer-events:none;z-index:6;display:grid;place-items:center}.cards-wrap{position:relative;inline-size:28.625rem;block-size:31.25rem;transform:translateY(50svh);perspective:1200px}.card{inline-size:28.625rem;block-size:31.25rem;border-radius:1.5625rem;padding:3.125rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;pointer-events:auto}.service-card{background:var(--red);color:white;block-size:26.375rem;padding-block:2.8rem}.service-card h1{font-size:3.75rem;line-height:.95;font-weight:900;color:var(--pale);max-inline-size:100%;overflow-wrap:normal}.service-tag{background:white;color:#161316;border-radius:.25rem;padding:.28rem .5rem;font-size:.8rem;font-weight:600}.service-card p{font-size:1.25rem;line-height:1.2}.down.circle{background:transparent;border:2px solid white;color:white;inline-size:3.125rem;block-size:3.125rem;min-block-size:3.125rem}.down svg{transform:rotate(90deg);inline-size:1.2rem}.flip-front,.flip-back{position:absolute;inset:0;backface-visibility:hidden;transform-style:preserve-3d;pointer-events:none}.flip-front{z-index:10}.flip-back{transform:rotateY(-180deg);visibility:hidden}.product-card{position:absolute;inset:0;z-index:var(--z);background:var(--card-bg);color:var(--card-ink);transform:rotate(var(--angle));will-change:transform;transform-origin:center center}.product-card h2{font-size:2.1875rem;line-height:1.05;font-weight:700}.product-card p{font-size:1.25rem;line-height:1.2;color:#161316;font-weight:500}.product-card:nth-child(2) p,.product-card:nth-child(4) p{color:white}.card-art{inline-size:11rem;block-size:10rem;overflow:visible;color:var(--card-ink);flex-shrink:0}
.about-intro{position:relative;background:var(--current-pale);text-align:center;padding-block:0 20rem;min-block-size:50rem;display:flex;flex-direction:column;align-items:center;transition:background-color 1s;z-index:7}.about-intro h2{font-weight:900;line-height:1.05;font-size:3.5rem;max-inline-size:60rem;margin-block-end:2.5rem;color:var(--red);padding-inline:1.25rem}.about-intro .pill{position:relative;z-index:3}.kinetic{position:absolute;inset-block-end:1.3rem;inset-inline-start:50%;transform:translateX(50%);inline-size:35rem;block-size:11rem;color:var(--blue);font-family:Hand,Heebo,sans-serif;font-size:10rem;line-height:1}.kinetic>span{position:absolute;inset:0;transform-origin:center center;display:flex;justify-content:center;align-items:center}.kinetic>span:not(:first-child){visibility:hidden}.about-cloud{inset-inline-start:13%;inset-block-end:7rem;inline-size:10rem}.photo-scene{position:relative;block-size:69rem;margin-block-start:-6.4rem;clip-path:polygon(0 0,100% 9%,100% 100%,0 100%);overflow:hidden;background:#bbb;isolation:isolate}.main-photo{inline-size:100%;block-size:115%;object-fit:cover;object-position:center center;position:absolute;inset-block-start:-5%;will-change:transform}.photo-mascot{position:absolute;inline-size:26rem;inset-inline-end:7%;inset-block-end:0;transform:rotate(-8deg)}.photo-mascot img{inline-size:100%;block-size:auto}.photo-bubble{position:absolute;inset-inline-start:12%;inset-block-start:20%;inline-size:18rem;block-size:16rem;color:var(--yellow);transform:rotate(12deg)}.photo-cloud{inset-block-start:20%;inset-inline-end:8%;inline-size:15rem}.photo-tower{position:absolute;inset-inline-start:6%;inset-block-end:0;inline-size:15rem}.tower-triangle{inline-size:0;block-size:0;border-inline:7.5rem solid transparent;border-block-end:14rem solid var(--red)}.tower-square{block-size:13rem;background:var(--yellow);color:var(--blue);display:grid;place-items:center;font-weight:900;font-size:3rem}.tower-arch{background:var(--blue);block-size:10rem;clip-path:polygon(0 0,100% 0,100% 100%,65% 100%,65% 40%,35% 40%,35% 100%,0 100%)}
.story{padding-block-start:8rem;background:var(--cream);position:relative;overflow:hidden}.story-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:13%;padding-inline:11%;align-items:center}.giant-title{font-size:9.8rem;line-height:.97;font-weight:900;color:var(--red);position:relative;display:flex;flex-direction:column;align-items:flex-start;max-inline-size:100%}.giant-title>span{display:block;transform-origin:center bottom;white-space:nowrap}.story-copy{max-inline-size:20rem;font-weight:500;font-size:1.25rem;line-height:1.2}.story-copy p{margin-block-end:2.8rem}.title-sticker{position:absolute;inline-size:12rem;block-size:12rem;z-index:2;filter:drop-shadow(3px 0 white) drop-shadow(-3px 0 white) drop-shadow(0 3px white) drop-shadow(0 -3px white);pointer-events:none}.sticker-one{inset-block-start:20%;inset-inline-start:65%;color:var(--turquoise);transform:rotate(20deg)}.sticker-two{inset-block-end:12%;inset-inline-start:-15%;color:var(--yellow);transform:rotate(-15deg)}.assembly-scene{block-size:79rem;position:relative;margin-block-start:-5rem}.assembly-photo{position:absolute;object-fit:cover;border-radius:.8rem;inline-size:36%;block-size:45rem}.photo-one{inset-inline-start:8%;inset-block-start:5%;transform:rotate(3deg);object-position:center 25%}.photo-two{inset-inline-end:9%;inset-block-start:26%;transform:rotate(-7deg)}.assembly{position:absolute;inline-size:80%;block-size:100%;inset-inline:10%;inset-block-start:2rem;pointer-events:none}.piece{will-change:transform}.assembly-cloud.cloud-a{inset-block-start:44%;inset-inline-start:7%}.assembly-cloud.cloud-b{inset-block-start:68%;inset-inline-end:14%}
.process{position:relative;background:white;border-radius:.8rem;margin:0 var(--page-pad) var(--page-pad);padding:7.5rem 9.7rem;display:grid;grid-template-columns:1fr 1.1fr;gap:8rem}.process-intro h2{font-size:2.1875rem;font-weight:700;line-height:1.12;margin-block-end:2.5rem}.steps{margin:0;padding:0;list-style:none;display:grid;gap:4.2rem}.steps li{display:flex;align-items:flex-start;gap:2.5rem}.steps svg{inline-size:6.8125rem;block-size:6.8125rem;flex-shrink:0;color:var(--yellow)}.steps li:nth-child(2) svg{color:var(--blue)}.steps li:nth-child(3) svg{color:var(--red)}.steps h3{font-size:1.5625rem;font-weight:700;margin-block-end:.5rem;line-height:1.05}.steps p{font-size:1.25rem;line-height:1.2}
.next-stop{position:relative;min-block-size:74rem;background:var(--green);text-align:center;display:flex;flex-direction:column;align-items:center;padding-block:12rem 17rem;overflow:hidden;color:var(--mint)}.next-stop>p{color:white;font-size:1.5625rem;font-weight:700;margin-block-end:5rem}.next-stop h2{font-size:11rem;font-weight:900;line-height:.95;margin-block-end:3.75rem;position:relative;z-index:2}.next-stop .pill{z-index:3}.next-mascot{position:absolute;inset-block-end:0;inline-size:19rem;block-size:auto}.next-cloud{inset-inline-start:12%;inset-block-start:20%;inline-size:18rem}
footer{background:var(--green);position:relative;padding:0 var(--page-pad) var(--page-pad);margin-block-start:-17rem;z-index:10}.footer-inner{background:white;border-radius:.5rem;padding:3.125rem 2.5rem 1.3rem;position:relative;overflow:hidden}.footer-links{display:grid;grid-template-columns:1fr 1fr;max-inline-size:60%;font-size:1.25rem;line-height:1.25}.footer-links>div{display:flex;flex-direction:column;align-items:flex-start}.footer-links a:hover{text-decoration:underline}.footer-social{display:flex;align-items:center;gap:.6rem;margin-block-start:3.5rem}.social.circle{background:var(--pale);inline-size:2.8rem;block-size:2.8rem;min-block-size:2.8rem}.social svg{inline-size:1.7rem;block-size:1.7rem}.footer-wordmark{position:relative;margin-block-start:10rem;isolation:isolate}.wordmark{display:flex;justify-content:center;align-items:flex-end;font-family:Heebo,sans-serif;font-weight:900;font-size:26vw;line-height:.82;letter-spacing:-.03em}.wordmark>span{color:var(--blue)}.wordmark .wm-k{color:var(--red);display:inline-block;transform:scaleX(-1)}.footer-friend{position:absolute;z-index:2;block-size:auto;transform-origin:bottom center}.friend-a{inline-size:20%;inset-inline-start:39%;inset-block-end:51%;transform:rotate(-10deg)}.friend-b{inline-size:11%;block-size:13rem;inset-inline-start:5%;inset-block-end:75%;color:var(--red)}.friend-c{inline-size:10%;block-size:12rem;inset-inline-end:16%;inset-block-end:72%;color:var(--blue);transform:rotate(14deg)}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;font-size:.875rem;line-height:1.4;margin-block-start:1.3rem}.footer-bottom a{text-decoration:underline}
@media(min-aspect-ratio:1) and (max-height:850px){:root{font-size:.925926vw}}
@media(max-width:1024px){:root{font-size:3.2vw;--page-pad:1.25rem}.desktop-nav,.contact-circle{display:none}.menu-toggle{display:flex;flex-direction:column;gap:.25rem;inline-size:3.125rem;block-size:3.125rem;min-block-size:3.125rem}.menu-toggle span{inline-size:1.5rem;block-size:.13rem;background:var(--blue);border-radius:10px}.logo{font-size:2.75rem}.header-actions{gap:.3rem}.header .pill{min-block-size:3.125rem;padding-inline:1.5rem;font-size:1.05rem}.header .logo-face{inset-inline-start:1.55rem}.hero-carousel{height:110svh}.wheel-position{inline-size:calc(3352 / 982 * 70svh);block-size:calc(3352 / 982 * 70svh);transform:translateX(50%) translateY(-15.7%)}.hero-controls{inset-block-start:70svh;inset-inline:0;gap:1rem;justify-content:center}.hero-controls .circle{inline-size:3.5625rem;block-size:3.5625rem}.googly{inset-block-start:calc(81svh - 1.2rem)}.eye{inline-size:1.4rem;block-size:1.5rem}.pupil{inline-size:.5rem;block-size:.5rem}.cards-wrap{inline-size:20.9375rem;block-size:22.8125rem;transform:translateY(50svh)}.card{inline-size:20.9375rem;block-size:22.8125rem;padding:2.75rem 1.25rem}.service-card{block-size:20.9375rem;padding:1.6rem 2.6rem}.service-card h1{font-size:2.65rem;line-height:1.02}.service-card p{font-size:1.0625rem}.product-card h2{font-size:1.5625rem}.product-card p{font-size:1.0625rem}.card-art{inline-size:8rem;block-size:7rem}.hero-cloud{inline-size:8rem;block-size:4rem;inset-block-start:62%;inset-inline-start:-4rem}.about-intro{min-block-size:37rem;padding-block:0 18rem}.about-intro h2{font-size:2.3rem;line-height:1.05;margin-block-end:2rem}.pill{font-size:1.0625rem;min-block-size:3.5rem}.kinetic{inline-size:22rem;font-size:6rem;block-size:8rem;inset-block-end:.8rem}.about-cloud{inline-size:5rem;inset-inline-start:3%;inset-block-end:10rem}.photo-scene{block-size:36rem;margin-block-start:-3rem}.main-photo{object-position:30% center}.photo-mascot{inline-size:12rem;inset-inline-end:-1.5rem}.photo-bubble{inline-size:6rem;block-size:6rem;inset-inline-start:4%;inset-block-start:25%}.photo-tower{inline-size:6rem;inset-inline-start:0}.tower-triangle{border-inline-width:3rem;border-block-end-width:6rem}.tower-square{block-size:6rem;font-size:1.6rem}.tower-arch{block-size:6rem}.photo-cloud{inline-size:6rem;inset-inline-end:3%}.story{padding-block-start:3.75rem}.story-grid{padding-inline:1.25rem;grid-template-columns:1fr;gap:2rem;align-items:start}.giant-title{font-size:4.6rem;inline-size:65%;line-height:1.02}.title-sticker{inline-size:5.5rem;block-size:5.5rem}.sticker-one{inset-inline-start:75%;inset-block-start:16%}.sticker-two{inset-inline-start:-4%;inset-block-end:1%}.story-copy{font-size:1.0625rem;max-inline-size:19rem;margin-inline-start:auto;padding-inline-end:1rem}.story-copy p{margin-block-end:1.7rem}.assembly-scene{block-size:38rem;margin-block-start:2rem}.assembly-photo{inline-size:46%;block-size:23rem}.photo-one{inset-inline-start:4%}.photo-two{inset-inline-end:4%;inset-block-start:33%}.assembly{inline-size:100%;inset-inline:0;block-size:100%;inset-block-start:1rem}.assembly-cloud{inline-size:6rem;block-size:3rem}.process{padding:3rem 1.25rem 3.5rem;grid-template-columns:1fr;gap:4rem}.process-intro h2{font-size:1.5625rem;line-height:1.15;max-inline-size:18rem;margin-block-end:1.75rem}.steps{gap:3rem}.steps li{gap:.9rem}.steps svg{inline-size:5.3125rem;block-size:5.3125rem}.steps h3{font-size:1.25rem;line-height:1.1}.steps p{font-size:1.0625rem;line-height:1.25}.next-stop{min-block-size:49rem;padding-block:7rem 13rem}.next-stop>p{font-size:1.4rem;margin-block-end:3rem}.next-stop h2{font-size:5.1rem;line-height:.97}.next-mascot{inline-size:12rem}.next-cloud{inline-size:7rem;block-size:4rem;inset-block-start:6%;inset-inline-start:-1rem}footer{margin-block-start:-7rem;padding:0 .3rem .3rem}.footer-inner{padding:1.3rem 1rem 1.5rem;min-block-size:39rem}.footer-links{font-size:1.0625rem;line-height:1.4;max-inline-size:none;gap:2rem}.footer-social{margin-block-start:2rem}.footer-wordmark{margin-block-start:10rem}.friend-b{block-size:4rem;inset-block-end:65%}.friend-c{block-size:4rem;inset-block-end:62%}.footer-bottom{font-size:.75rem;flex-wrap:wrap;margin-block-start:1.8rem;gap:.6rem}.footer-bottom>span:nth-child(2){flex-basis:100%}.intro-head{font-size:3.1rem}.intro-center p{font-size:1.1rem}.intro-center>img{inline-size:5rem}}
@media(max-width:768px){:root{font-size:4.26667vw}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.intro{display:none!important}.opening{height:auto}.hero-carousel{position:relative;height:110svh}.wheel,.wheel-tilt{will-change:auto}.googly{display:none}.cards-pin{position:relative;height:auto;display:block;padding:2rem 0 5rem}.cards-wrap{transform:none!important;inline-size:100%;block-size:auto;perspective:none}.flip-front,.flip-back{position:relative;transform:none!important;visibility:visible!important}.flip-front{display:none}.flip-back{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;max-inline-size:70rem;margin:auto;padding:2rem;scroll-margin-block-start:7rem}.product-card{position:relative;transform:none!important;margin:auto;max-inline-size:100%;opacity:1!important;visibility:visible!important;will-change:auto}.cloud-field{display:none}.kinetic>span:first-child{visibility:visible!important}.kinetic>span:not(:first-child){visibility:hidden!important}.piece{transform:none!important;opacity:1!important;will-change:auto}.story-grid{scroll-margin-block-start:7rem}}
@media(prefers-reduced-motion:reduce) and (max-width:1024px){.flip-back{grid-template-columns:1fr;padding:1.25rem;gap:2rem}.hero-carousel{height:88svh}.cards-pin{padding-block-start:0}}
.scene>svg{inline-size:48%;block-size:auto;transform:none;overflow:visible}.flip-front{display:grid;place-items:center}
/* Geometry lives in an isolated LTR wheel; Hebrew page layout remains RTL. */
.wheel-position{transform:translateX(-50%) translateY(-20.5%)}
.photo-scene{z-index:8}
@media(max-width:1024px){.wheel-position{transform:translateX(-50%) translateY(-15.7%)}}
.opening{overflow:clip}
/* Measured wheel origin: 41.05% of its 3352/982 viewport-height square. */
.hero-carousel{--wheel-tip:calc(3352 / 982 * 100svh * .4105)}
.wheel-position{transform:translateX(-50%) translateY(-8.95%)}
.wheel-viewport{clip-path:polygon(0 0,100% 0,100% calc(var(--wheel-tip) - 50vw),50% var(--wheel-tip),0 calc(var(--wheel-tip) - 50vw))}
.scene>svg{transform:translateY(-28svh)}
.about-intro{overflow:clip}
@media(max-width:1024px){.hero-carousel{--wheel-tip:calc(3352 / 982 * 70svh * .3905)}.wheel-position{transform:translateX(-50%) translateY(-10.95%)}.scene>svg{transform:translateY(-20svh)}.kinetic{font-size:5rem}.process>*{min-inline-size:0}.steps li>div{min-inline-size:0}}
/* Reference desktop navigation opens as a rotating white fan, not a dropdown grid. */
.desktop-menu-layer{position:fixed;inset:0;z-index:99;overflow:clip;pointer-events:none}
.menu-scrim{position:absolute;inset:0;background:var(--current-bg);opacity:.6;pointer-events:auto}
.desktop-menu{position:absolute;inset-block-start:-22rem;inset-inline-start:30rem;inset-inline-end:auto;inline-size:79.4375rem;block-size:49.3125rem;border-radius:1.5rem;padding:3.125rem;box-shadow:none;pointer-events:auto;transform-origin:bottom left}
.desktop-menu:not([hidden]){display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.6rem}
.menu-item{display:block;font-size:3rem;line-height:1.07;font-weight:900;max-inline-size:39rem;text-align:start}
.menu-item>img{position:absolute;inline-size:14rem;block-size:15.375rem;object-fit:cover;inset-inline-start:45rem;inset-block-end:3.8rem;opacity:0;transform:scale(0);border-radius:.7rem;pointer-events:none}
.menu-item:hover>span,.menu-item:focus-visible>span{color:var(--blue)}
@media(max-width:1024px){.desktop-menu-layer{display:none}}
/* Reference foreground: the pale "hills" belong to each scene and rotate with the wheel.
   Measured on the live reference: desktop slope .687 with the tip 8.82% of the wheel above its centre;
   mobile art is steeper: slope .93, tip 2.13% above the centre. */
.wheel-viewport{clip-path:none}
.fore{position:absolute;inline-size:100%;block-size:60%;inset-block-start:0;inset-inline-start:0;transform:rotate(calc(var(--i) * 90deg));transform-origin:50% 83.3333%;z-index:4;pointer-events:none;background:var(--scene-pale);clip-path:polygon(21.82% 36.37%,50% 68.63%,78.18% 36.37%,78.18% 36.37%,50% 83.33%,21.82% 36.37%);transition:clip-path .55s cubic-bezier(.2,.9,.3,1)}.fore.is-active{z-index:5;clip-path:polygon(0 11.38%,50% 68.63%,100% 11.38%,100% 100%,50% 100%,0 100%)}
.scene>svg{inline-size:36%;transform:translateY(-45svh)}
@media(max-width:1024px){.fore{clip-path:polygon(19.57% 32.62%,50% 79.78%,80.43% 32.62%,80.43% 32.62%,50% 83.33%,19.57% 32.62%)}.fore.is-active{clip-path:polygon(0 2.28%,50% 79.78%,100% 2.28%,100% 100%,50% 100%,0 100%)}.scene>svg{inline-size:34%;transform:translateY(-22svh)}}
/* The reference has no cursor-tracking eyes (the brief misread the paired arrow buttons in the narrow recording). */
.googly{display:none!important}
/* Round 2 robustness */
.product-card{backface-visibility:hidden}
/* At rest the active scene owns the whole top half, so ultra-wide viewports never show a neighbour in the top corners. */
.sector.is-active{clip-path:none;z-index:2}
/* Photo "sandwich" like the reference: photo < shapes behind < pixel-aligned cutout of the person < shapes in front. */
.assembly-photo{z-index:1}.assembly-back{z-index:2}.assembly-photo.is-cut{z-index:3;border-radius:0;pointer-events:none}.assembly-front{z-index:4}.assembly-cloud{z-index:5}
.photo-two{object-position:center 30%}
/* davka wordmark: eyes sit on the bowl of the "d"; footer friends re-seated on a five letter word */
.logo-face{inset-inline-start:.42rem;inset-block-start:1.02rem;font-size:.5rem;letter-spacing:.1rem;color:var(--cream)}
@media(max-width:1024px){.logo-face{inset-inline-start:.36rem;inset-block-start:.86rem}}
.friend-a{inset-inline-start:27%}.friend-c{inset-inline-end:40%}
/* Intro curtain, rebuilt from the reference frame by frame: a slit opens into a wedge that pivots on the tip of the hero V.
   Stack: cream wings > pale wings (stop on the hill angle) > yellow square (spins and grows) > blue. Then the wheel spins the blank away. */
.intro{background:transparent;--tip:110svh}
.intro-center{z-index:5}
.intro-blue{position:absolute;inset:0;background:#2668FD;z-index:0}
.intro-square{position:absolute;left:50%;top:54svh;inline-size:240vmax;block-size:240vmax;margin:-120vmax 0 0 -120vmax;background:#FDCB40;z-index:1;transform:scale(0);will-change:transform}
.intro-wing{position:absolute;inset:auto;inline-size:300vmax;block-size:600vmax;top:calc(var(--tip) - 300vmax);clip-path:none;will-change:transform}
.intro-wing.wing-l{right:calc(50% - 1px);left:auto;transform-origin:100% 50%}
.intro-wing.wing-r{left:calc(50% - 1px);right:auto;transform-origin:0 50%}
.intro-wing.pale{background:#FFF2B7;z-index:2}
.intro-wing.cream{background:#F3EFE0;z-index:3}
/* A blank yellow sector rides the wheel in slot 2 during the intro spin, exactly like the empty sector in the reference. */
.blank{display:none;position:absolute;inline-size:100%;block-size:60%;inset-block-start:0;inset-inline-start:0;transform:rotate(180deg);transform-origin:50% 83.3333%;z-index:7;background:#FDCB40;clip-path:polygon(0 0,100% 0,50% 83.33%,50% 83.33%);transition:clip-path .3s}
.blank::after{content:"";position:absolute;inset:0;background:#FFF2B7;clip-path:polygon(0 11.38%,50% 68.63%,100% 11.38%,100% 100%,0 100%)}
.blank.is-on{display:block}.blank.is-open{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
@media(max-width:1024px){.intro{--tip:88.2svh}.blank::after{clip-path:polygon(0 2.28%,50% 79.78%,100% 2.28%,100% 100%,0 100%)}}
html.intro-lock,html.intro-lock body{overflow:hidden}
/* Logo B: one letter that goes against the flow. The k is mirrored. */
.logo-rest{white-space:nowrap}
.logo .flip-k{display:inline-block;transform:scaleX(-1);color:var(--red)}
.logo-first{color:var(--blue)}
.logo .logo-rest>span:not(.flip-k){color:var(--blue)}
/* Photo-scene sandwich: base photo < shapes behind < pixel-aligned cutout of Evyatar < shapes in front. */
.photo-stage{position:absolute;inset:0}
.photo-stage .main-photo{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:50% 38%}
.main-photo.layer-bg{z-index:0;filter:saturate(1.02)}
.photo-behind{position:absolute;inset:0;inline-size:100%;block-size:100%;z-index:1}
.main-photo.layer-cut{z-index:2}
.photo-front{position:absolute;inset:0;z-index:3}
.pf{position:absolute}
.pf-flower{inline-size:12rem;block-size:auto;inset-inline-start:6%;inset-block-end:8%;color:#FD4401;transform:rotate(-8deg)}
.pf-bubble{inline-size:11rem;block-size:auto;inset-inline-end:9%;inset-block-start:12%;transform:rotate(10deg)}
.pf-tower{inline-size:9rem;position:absolute;inset-inline-end:4%;inset-block-end:0}
.pf-cloud{inline-size:13rem;inset-block-start:16%;inset-inline-start:3%}
.pb-halo{opacity:1}
@media(max-width:1024px){.photo-stage .main-photo{object-position:50% 34%}.pf-flower{inline-size:6rem}.pf-bubble{inline-size:6rem}.pf-tower{inline-size:5rem}.pf-cloud{inline-size:6rem}}
/* Footer wordmark friends re-seated on the centered HTML wordmark */
.footer-wordmark{display:flex;justify-content:center}
.friend-a{inline-size:16%;inset-inline-start:auto;inset-inline-end:34%;inset-block-end:44%;transform:rotate(-8deg)}
.friend-b{inline-size:9%;block-size:auto;inset-inline-start:18%;inset-inline-end:auto;inset-block-end:52%;color:var(--red)}
.friend-c{inline-size:8%;block-size:auto;inset-inline-end:20%;inset-block-end:50%;color:var(--turquoise);transform:rotate(12deg)}
@media(max-width:1024px){.wordmark{font-size:30vw}.friend-a{inline-size:18%;inset-block-end:40%}.friend-b{inset-block-end:50%}.friend-c{inset-block-end:48%}}