.visual-stage,.visual-stage[data-mood=energy],.visual-stage[data-mood=precision]{color:#f5f5f5;aspect-ratio:2.45;background:#191919;min-height:430px;transition:none}.visual-stage:before{content:"";pointer-events:none;border:1px solid #f2f2f224;position:absolute;inset:28px}.stage-copy{pointer-events:none;width:53%;padding:clamp(32px,4.5vw,80px);position:relative}.stage-copy h3{letter-spacing:-.045em;font-size:clamp(58px,6.4vw,105px);line-height:1.03}.lab-next{perspective:800px;border:0;padding:0;position:absolute;inset:0;outline-offset:-9px!important}.lab-next:disabled{opacity:1}.lab-next:disabled .lab-next-hint{display:none}.lab-next-hint{z-index:2;color:#f5f5f5;border-bottom:1px solid;padding-bottom:5px;font-size:15px;line-height:1.4;position:absolute;bottom:clamp(32px,4vw,62px);left:clamp(32px,4.5vw,80px)}.pixel-composition{aspect-ratio:1;width:33.5%;transform-style:preserve-3d;margin-top:-16.75%;position:absolute;top:50%;left:58%}.lab-cell{background:var(--accent);transform-origin:50%;width:25%;height:25%;display:block;position:absolute}.lab-cell:nth-child(4n+2){left:25%}.lab-cell:nth-child(4n+3){left:50%}.lab-cell:nth-child(4n){left:75%}.lab-cell:nth-child(n+5){top:25%}.lab-cell:nth-child(n+9){top:50%}.lab-cell:nth-child(n+13){top:75%}.js .lab-cell{top:0;left:0}.lab-cursor{background:var(--accent);color:#191919;opacity:0;pointer-events:none;border:1px solid #191919;place-items:center;width:36px;height:36px;margin:-18px 0 0 -18px;font-size:24px;display:grid;position:absolute;top:0;left:0}@media (hover:hover) and (pointer:fine){.lab-next.has-pixel-cursor{cursor:none}}.heading-accent,.contact-link h2>.heading-accent,.contact-link:hover h2>.heading-accent{color:var(--accent)}.playground-heading{grid-template-columns:1.25fr 1fr;align-items:end;column-gap:7%;display:grid}.playground-heading .eyebrow{grid-column:1/-1}.playground-heading .section-intro{max-width:36ch;margin:0 0 5px}@media (width<=767px){.playground-heading{display:block}.playground-heading .section-intro{margin-top:24px}.visual-stage,.visual-stage[data-mood=energy],.visual-stage[data-mood=precision]{aspect-ratio:auto;min-height:520px}.visual-stage:before{inset:18px}.stage-copy{width:100%;height:auto;padding:35px 32px}.stage-copy h3,:lang(en) .stage-copy h3{font-size:clamp(48px,12vw,72px)}.lab-next{inset:0}.pixel-composition{width:170px;margin-top:0;top:250px;left:calc(50% - 85px)}.lab-next-hint{font-size:15px;bottom:32px;left:32px}}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .lab-next.has-pixel-cursor{cursor:pointer}:root:not([data-motion=full]) .lab-cursor{display:none}}:root[data-motion=off] .lab-next.has-pixel-cursor{cursor:pointer}:root[data-motion=off] .lab-cursor{display:none}.visual-stage{aspect-ratio:auto;color:#f5f5f5;background:#191919;min-height:clamp(540px,63vh,760px);transition:background-color .55s cubic-bezier(.22,1,.36,1),color .4s}.visual-stage[data-mood=energy]{color:#191919;background:#ff4f1f}.visual-stage[data-mood=precision]{color:#191919;background:#d9e8e5}.visual-stage[data-mood=energy] .lab-cell{background:#191919}.visual-stage[data-mood=precision] .lab-cell{background:#ff4f1f}.visual-stage:before{opacity:.22;border-color:currentColor;inset:clamp(18px,2.3vw,36px)}.stage-copy{z-index:1;width:58%;padding:clamp(42px,5vw,88px)}.stage-copy>span{margin-bottom:18px;font-size:clamp(17px,1.4vw,22px);line-height:1.3;display:block}.stage-copy h3{letter-spacing:-.065em;max-width:7ch;font-size:clamp(76px,9vw,148px);line-height:.82}.lab-next-hint{color:currentColor;bottom:clamp(42px,5vw,82px);left:clamp(42px,5vw,88px)}.lab-cursor{color:var(--paper);background:currentColor;border-color:currentColor}@media (width<=767px){.visual-stage,.visual-stage[data-mood=energy],.visual-stage[data-mood=precision]{min-height:600px}.stage-copy{width:100%;padding:42px 30px}.stage-copy>span{font-size:17px}.stage-copy h3,:lang(en) .stage-copy h3{font-size:clamp(58px,17vw,82px)}.pixel-composition{width:180px;top:300px;left:calc(50% - 90px)}.lab-next-hint{bottom:34px;left:30px}}.hero{overflow:clip}.hero-emblem{aspect-ratio:73.85/64.98;transform-origin:50%;will-change:transform;width:clamp(340px,34vw,600px);position:absolute;top:18%;right:3%}.hero-brand-mark{width:100%;height:100%;display:block;overflow:visible}.hero-heading{max-width:69%}.hero-heading h1{letter-spacing:-.04em;font-size:clamp(58px,6.8vw,112px);line-height:.96}.hero-heading .hero-line{margin-bottom:.04em}.hero-pixel-slot{aspect-ratio:1;background:var(--accent);z-index:2;width:8.22%;position:absolute;bottom:0;right:0}.hero-end-dot{color:var(--ink)}:root{--accent:#fa4b16;--ink:#191919;--paper:#f2f2f2;--ease-out:cubic-bezier(.23,1,.32,1)}.pixel-system{--pixel-menu-x:calc(100% - max(var(--gutter,clamp(22px,4.1vw,80px)),env(safe-area-inset-right)) - 34px);--pixel-menu-y:37px;z-index:21;top:max(16px,env(safe-area-inset-top));right:max(var(--gutter,clamp(22px,4.1vw,80px)),env(safe-area-inset-right));left:max(var(--gutter,clamp(22px,4.1vw,80px)),env(safe-area-inset-left));pointer-events:none;height:44px;position:fixed}.pixel-system[hidden]{display:none}.pixel-system__compact-brand,.pixel-system__compact-logo--word,.pixel-system__compact-logo-pixel{--compact-logo-width:132px;top:max(16px,env(safe-area-inset-top));left:max(var(--gutter,clamp(22px,4.1vw,80px)),env(safe-area-inset-left));position:fixed}.pixel-system__compact-brand{z-index:24;width:var(--compact-logo-width);height:calc(var(--compact-logo-width)*.28328);pointer-events:auto;line-height:0;display:block}.pixel-system__compact-brand img{display:none}.pixel-system__compact-logo--word{z-index:21;width:var(--compact-logo-width);height:calc(var(--compact-logo-width)*.28328);pointer-events:none;mix-blend-mode:difference;background:#f2f2f2;display:block;-webkit-mask:url(/brand/logo-invert-mask.svg) 0 0/100% 100% no-repeat;mask:url(/brand/logo-invert-mask.svg) 0 0/100% 100% no-repeat}.pixel-system__compact-logo-pixel{z-index:22;pointer-events:none;background:var(--accent);display:block}.pixel-system__compact-logo-pixel--main{width:calc(var(--compact-logo-width)*.19149);aspect-ratio:1;-webkit-mask:url(/brand/logo-scarlet-mask.svg) 0 0/100% 100% no-repeat;mask:url(/brand/logo-scarlet-mask.svg) 0 0/100% 100% no-repeat}.pixel-system__compact-logo-pixel--end{top:calc(max(16px,env(safe-area-inset-top)) + var(--compact-logo-width)*.254);left:calc(max(var(--gutter,clamp(22px,4.1vw,80px)),env(safe-area-inset-left)) + var(--compact-logo-width)*.97378);width:calc(var(--compact-logo-width)*.02622);aspect-ratio:1}.pixel-system__compact-logo--mark-dark,.pixel-system__compact-logo--mark-light{display:none}.pixel-system__button{color:#f2f2f2;letter-spacing:.06em;cursor:pointer;opacity:0;pointer-events:none;background:#000;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-width:88px;min-height:40px;padding:0 15px 0 17px;font:600 13px/1 Manrope Variable,Arial,sans-serif;transition:opacity .32s;display:inline-flex;position:absolute;right:0}.pixel-system[data-visible=true] .pixel-system__button,body.pixel-menu-open .pixel-system__button{opacity:1;pointer-events:auto}.pixel-system[data-brand-tone=light] .pixel-system__compact-brand{color:#f2f2f2}.pixel-system__button-marker{width:14px;height:10px;color:var(--accent);display:block;position:relative}.pixel-system__button-marker:before,.pixel-system__button-marker:after{content:"";width:14px;height:1.5px;transition:transform .18s var(--ease-out),width .18s var(--ease-out);background:currentColor;position:absolute;left:0}.pixel-system__button-marker:before{top:2px}.pixel-system__button-marker:after{width:9px;bottom:2px}.pixel-system__button:focus-visible,.pixel-system__compact-brand:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.pixel-system__panel{z-index:1;color:#191919;opacity:0;overscroll-behavior:contain;pointer-events:auto;background:#f2f2f2;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.pixel-system__button{z-index:2}.pixel-system__panel:not(:popover-open){display:none}.pixel-system__panel:popover-open{opacity:1;display:block}body:has(.pixel-system__panel:popover-open){overflow:hidden}.pixel-system__panel-brand{z-index:2;top:max(16px,env(safe-area-inset-top));left:max(var(--gutter,clamp(22px,4.1vw,80px)),env(safe-area-inset-left));width:132px;height:38px;line-height:0;display:block;position:fixed}.pixel-system__panel-brand img{width:100%;height:auto;display:block}.pixel-system__panel-brand:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.pixel-system__top{position:static}.pixel-system__languages{z-index:2;left:max(var(--gutter,clamp(22px,4.1vw,80px)),env(safe-area-inset-left));letter-spacing:.04em;align-items:center;gap:18px;font-size:15px;font-weight:550;display:flex;position:fixed;bottom:clamp(28px,5vh,58px)}.pixel-system__languages a{color:#19191980;place-items:center;min-width:34px;min-height:44px;transition:color .18s;display:grid}.pixel-system__languages a[aria-current=page]{color:#191919;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:8px;text-decoration-thickness:2px}.pixel-system__panel-close{z-index:2;top:max(16px,env(safe-area-inset-top));right:max(var(--gutter,clamp(22px,4.1vw,80px)),env(safe-area-inset-right));color:#f2f2f2;letter-spacing:.06em;cursor:pointer;background:#000;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:40px;padding:0 15px 0 17px;font:600 13px/1 Manrope Variable,Arial,sans-serif;display:inline-flex;position:fixed}.pixel-system__panel-close:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.pixel-system__visual{background:#202020;width:min(32vw,470px);height:min(60vh,630px);margin:0;display:block;position:fixed;top:50%;left:54%;overflow:hidden;transform:translateY(-50%)}.pixel-system__visual img{object-fit:cover;object-position:center 58%;filter:saturate(.88)contrast(1.03);width:100%;height:100%;display:block}.pixel-system__nav{gap:6px;width:30vw;display:grid;position:fixed;top:43%;left:clamp(80px,22vw,350px);transform:translateY(-50%)}.pixel-system__nav a{letter-spacing:-.055em;width:max-content;transition:opacity .18s ease,transform .22s var(--ease-out);font-family:"Exo 2 Variable",sans-serif;font-size:clamp(52px,5.4vw,90px);font-weight:500;line-height:.94}.pixel-system__contact{z-index:2;position:fixed;top:62%;left:clamp(80px,22vw,350px)}.pixel-system__email{color:#f2f2f2;min-height:54px;transition:transform .22s var(--ease-out),box-shadow .22s ease;background:#191919;border:0;border-radius:999px;justify-content:center;align-items:center;padding:15px 25px;font-size:clamp(14px,1.1vw,17px);font-weight:600;line-height:1.2;display:inline-flex}.pixel-system__email.contact-pill{grid-template-columns:1fr;justify-items:center;min-width:210px;display:inline-grid}.pixel-system__email.contact-pill>span{grid-area:1/1}.pixel-system__email.contact-pill__feedback{opacity:0}@media (hover:hover) and (pointer:fine){.pixel-system__button:hover,.pixel-system__panel-close:hover{opacity:.72}.pixel-system__button:hover .pixel-system__button-marker:before,.pixel-system__panel-close:hover .pixel-system__button-marker:before{transform:translate(-3px)}.pixel-system__button:hover .pixel-system__button-marker:after,.pixel-system__panel-close:hover .pixel-system__button-marker:after{width:14px;transform:translate(2px)}.pixel-system__nav:has(a:hover) a:not(:hover){opacity:.24}.pixel-system__nav a:hover{transform:translate(8px)}.pixel-system__email:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0002}}.pixel-system__button:active,.pixel-system__panel-close:active,.pixel-system__email:active{opacity:.58}@media (width>=768px){.pixel-system__panel:popover-open{display:block}}@media (width<=767px){.pixel-system__compact-brand,.pixel-system__compact-logo--word,.pixel-system__compact-logo-pixel{--compact-logo-width:108px;top:max(12px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left))}.pixel-system__compact-logo-pixel--end{top:calc(max(12px,env(safe-area-inset-top)) + var(--compact-logo-width)*.254);left:calc(max(18px,env(safe-area-inset-left)) + var(--compact-logo-width)*.97378)}.pixel-system{--pixel-menu-x:calc(100% - max(18px,env(safe-area-inset-right)) - 28px);--pixel-menu-y:34px;top:max(12px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));left:max(18px,env(safe-area-inset-left));height:44px}.pixel-system__button{min-width:72px;font-size:12px}.pixel-system__panel-close{top:max(12px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));font-size:12px}.pixel-system__visual{display:none}.pixel-system__nav{width:auto;top:45%;left:18px}.pixel-system__nav a{font-size:clamp(48px,16vw,76px);line-height:.96}.pixel-system__languages{gap:10px;font-size:14px;bottom:24px;left:18px}.pixel-system__contact{inset:auto auto 76px 50%;transform:translate(-50%)}.pixel-system__email{min-width:210px;min-height:52px;padding:14px 22px;font-size:15px}.hero-heading{max-width:100%}.hero-heading h1{font-size:clamp(37px,11vw,58px);line-height:1.01}.hero-emblem{width:clamp(235px,74vw,330px);top:68px;right:calc(50% - clamp(235px,74vw,330px)/2)}.pixel-system__panel-brand{top:max(12px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));width:108px}}@media (prefers-reduced-motion:reduce){.pixel-system{transition:opacity 1ms linear;transform:none}.pixel-system__compact-brand,.pixel-system__button,.pixel-system__button-marker:before,.pixel-system__button-marker:after,.pixel-system__panel,.pixel-system__nav a,.pixel-system__email{transition:none!important}}:root:not([data-motion=full]) .pixel-system,:root:not([data-motion=full]) .pixel-system__compact-brand,:root:not([data-motion=full]) .pixel-system__button,:root:not([data-motion=full]) .pixel-system__button-marker:before,:root:not([data-motion=full]) .pixel-system__button-marker:after,:root:not([data-motion=full]) .pixel-system__panel,:root:not([data-motion=full]) .pixel-system__nav a,:root:not([data-motion=full]) .pixel-system__email{transition:none!important}
