.build{--muted-2:#68778b;--frame-line:#96a5b94d;background:var(--navy);position:relative}.build-frame{isolation:isolate;height:100svh;min-height:620px;max-height:1080px;position:relative;overflow:hidden}.build-link{display:block;position:absolute;inset:0}.build-link:focus-visible{outline-offset:-8px}.build-scene{opacity:var(--seam,1);position:absolute;inset:0}.build-scrim{pointer-events:none;background:linear-gradient(#0000 60%,#07111f8c 80%,#07111ff0 100%),linear-gradient(#07111fbf 0%,#0000 20%);position:absolute;inset:0}.build-copy{left:var(--gutter);z-index:3;pointer-events:none;max-width:62%;position:absolute;bottom:clamp(36px,8svh,88px)}.build-title{letter-spacing:-.05em;font-size:clamp(2.4rem,5.6vw,6.4rem);font-weight:600;line-height:.96}.build-title em{color:var(--red);font-style:normal}html.js .build-title .mask-line>span{transition:transform 1.1s var(--ease-expo);transform:translateY(108%)}html.js .build-title .mask-line+.mask-line>span{transition-delay:80ms}html.js .build.is-inview .build-title .mask-line>span{transform:none}.build-cta{right:var(--gutter);z-index:3;color:var(--paper);justify-items:center;gap:12px;display:grid;position:absolute;bottom:calc(clamp(16px,3vh,28px) + 76px)}.build-cta-circle{aspect-ratio:1;background:var(--red);color:#fff;width:clamp(76px,7vw,104px);transition:transform .6s var(--ease-expo), box-shadow .6s var(--ease-expo);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 #ff304f59}.build-link:hover .build-cta-circle,.build-link:focus-visible .build-cta-circle{transform:rotate(-45deg)scale(1.06);box-shadow:0 0 0 14px #ff304f1f}.build-cta-text{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:500}.build-hud{top:clamp(20px,4svh,40px);left:var(--gutter);right:var(--gutter);z-index:4;pointer-events:none;position:absolute}.build-bars{pointer-events:auto;grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.bar{height:18px;display:block;position:relative}.bar:before,.bar i{content:"";border-radius:2px;height:2px;position:absolute;top:8px;left:0;right:0}.bar:before{background:#f4f6fa29;transition:background-color .3s}.bar i{background:var(--paper);transform:scaleX(var(--fill,0));transform-origin:0}.bar.is-active i{background:var(--red)}.bar:hover:before{background:#f4f6fa66}.build-hud-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:12px;display:flex}.build-caption{letter-spacing:-.03em;min-width:12em;height:1.35em;font-size:clamp(1.15rem,1.7vw,1.7rem);font-weight:600;line-height:1.3;position:relative;overflow:hidden}.cap{white-space:nowrap;opacity:0;transition:transform .75s var(--ease-expo), opacity .4s;align-items:baseline;gap:.6em;display:flex;position:absolute;top:0;left:0;transform:translateY(110%)}.cap.is-on{opacity:1;transform:none}.cap.is-out{transform:translateY(-110%)}.cap b{font-family:var(--font-mono);letter-spacing:.1em;color:var(--red);font-size:.45em;font-weight:500;transform:translateY(-.4em)}.cap em{color:var(--red);font-style:normal}.build-meta{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);pointer-events:auto;align-items:center;gap:14px;font-size:.6875rem;font-weight:500;display:flex}.build-time{color:var(--paper);font-variant-numeric:tabular-nums}.build-play{width:36px;height:36px;color:var(--paper);border-radius:50%;place-items:center;transition:background-color .3s,box-shadow .3s;display:grid;box-shadow:inset 0 0 0 1px #f4f6fa40}.build-play:hover{background:#f4f6fa1a;box-shadow:inset 0 0 0 1px #f4f6fa80}.build-play .i-play,.build-play[aria-pressed=true] .i-pause{display:none}.build-play[aria-pressed=true] .i-play{display:block}.scene-bg{pointer-events:none;position:absolute;inset:0}.glow{position:absolute;inset:0}.glow--blue{opacity:var(--g-blue,0);background:radial-gradient(36% 42% at var(--bx,58%) var(--by,46%), #4f7cff33, transparent 70%)}.glow--sun{opacity:var(--g-sun,0);background:radial-gradient(32% 40% at var(--bx,58%) var(--by,46%), #f7c21b26, transparent 70%)}.glow--red{opacity:var(--g-red,.6);background:radial-gradient(36% 44% at var(--bx,58%) calc(var(--by,46%) + 6%), #ff304f33, transparent 70%)}.scene-dots{opacity:var(--dots,.5);-webkit-mask-image:radial-gradient(40% 50% at var(--bx,58%) var(--by,46%), #000 30%, transparent);mask-image:radial-gradient(40% 50% at var(--bx,58%) var(--by,46%), #000 30%, transparent);background-image:radial-gradient(#a5b0bf52 1px,#0000 1.5px);background-size:22px 22px;position:absolute;inset:0}.scene-box{width:800px;height:560px;position:absolute;top:0;left:0}.stage-float{perspective:1700px;animation:9s ease-in-out infinite alternate stage-float;position:absolute;inset:0}@keyframes stage-float{0%{translate:0 -6px}to{translate:0 6px}}.stage-cam{font-size:calc(var(--u,1) * 14px);transform-style:preserve-3d;transform-origin:50%;pointer-events:none;position:absolute;inset:0}.stage-cam .device{pointer-events:auto}.frag{transform:translate3d(calc(var(--px,0) * var(--depth,1) * 14px), calc(var(--py,0) * var(--depth,1) * 10px), calc(var(--depth,1) * var(--amp,1) * 40px))}.device{--r:12;--bz:0;--ch:28;--browser:1;--island:0;--z:0;border-radius:calc(var(--r) * 1px);width:640px;height:400px;transform:translateZ(calc(var(--z) * 1px));transition:transform .8s var(--ease-expo), filter .5s var(--ease-out);position:absolute;top:0;left:0}.device--main{transform-style:preserve-3d}.device:before{content:"";border-radius:inherit;box-shadow:0 0 0 1px var(--frame-line), inset 0 1px 0 #f4f6fa24, inset 0 -1px 0 #f4f6fa0d, 0 3.4em 6em -2.4em #000c, 0 1em 2em -1em #00000080;opacity:var(--solid,1);background:linear-gradient(160deg,#1b2c46 0%,#0b1626 34%,#0a1422 70%,#16263d 100%);position:absolute;inset:0}.device--main:after{content:"";border-radius:inherit;opacity:calc(1 - var(--solid,1));pointer-events:none;border:1.5px dashed #a5b0bf80;position:absolute;inset:0}.device-keys{opacity:var(--island);gap:.5em;display:grid;position:absolute;top:20%;right:-2px}.device-keys i{background:linear-gradient(90deg,#1a2a42,#2c3e5a);border-radius:0 2px 2px 0;width:3px;height:2.6em}.device-keys i:first-child{height:1.4em}.device-chrome{height:calc(var(--ch) * 1px);opacity:var(--solid,1);position:absolute;inset:0 0 auto}.chrome-dots{top:50%;left:calc(var(--ch) * .5px);gap:calc(var(--ch) * .2px);opacity:var(--browser);display:flex;position:absolute;translate:0 -50%}.chrome-dots i{width:calc(var(--ch) * .26px);height:calc(var(--ch) * .26px);background:#96a5b952;border-radius:50%}.chrome-dots i:first-child{background:#ff304fbf}.chrome-url{width:40%;height:calc(var(--ch) * .62px);color:var(--slate);font-family:var(--font-mono);font-size:calc(var(--ch) * .34px);white-space:nowrap;opacity:var(--browser);background:#96a5b921;border-radius:999px;justify-content:center;align-items:center;gap:.5em;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%}.chrome-url svg{flex:none;width:1em;height:1em}.chrome-island{width:30%;height:calc(var(--ch) * .46px);opacity:var(--island);background:#02060c;border-radius:999px;position:absolute;top:50%;left:50%;translate:-50% -42%;box-shadow:inset 0 0 0 1px #96a5b91f}.device-screen{top:calc(var(--ch) * 1px);left:calc(var(--bz) * 1px);right:calc(var(--bz) * 1px);bottom:calc(var(--bz) * 1px);isolation:isolate;border-radius:max(2px, calc((var(--r) - var(--bz)) * 1px));border-top-left-radius:calc(max(0, var(--r) - var(--bz)) * (1 - var(--browser)) * 1px);border-top-right-radius:calc(max(0, var(--r) - var(--bz)) * (1 - var(--browser)) * 1px);background:rgb(8 12 26/var(--solid,1));position:absolute;overflow:hidden}.site-viewport{transform-origin:0 0;width:1366px;height:854px;position:absolute;top:0;left:0;overflow:hidden;container:cfp/inline-size}.layer{position:absolute;inset:0}.layer--final{clip-path:inset(0 0 calc((1 - var(--wipe,1)) * 100%) 0)}.site-scroll{position:relative}.grid-overlay{gap:calc(var(--s,.5) * 22px);padding:0 calc(var(--s,.5) * 48px);opacity:var(--grid,0);pointer-events:none;grid-template-columns:repeat(12,1fr);display:grid;position:absolute;inset:0}.grid-overlay i{background:#ff304f0f;box-shadow:inset 1px 0 #ff304f38,inset -1px 0 #ff304f38}.wipe-edge{z-index:4;background:var(--red);opacity:0;height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 1.2em .15em #ff304fbf}.device-glass{z-index:5;border-radius:inherit;pointer-events:none;background:radial-gradient(28% 36% at var(--gx,30%) var(--gy,20%), #ffffff1a, transparent 70%), linear-gradient(118deg, #ffffff14 0%, #fff0 30%);position:absolute;inset:0;overflow:hidden}.device-glass:after{content:"";translate:calc((var(--sheen,0) * 2 - 1) * 70%) 0;opacity:var(--sheen-o,0);background:linear-gradient(100deg,#0000 43%,#ffffff2e 50%,#0000 57%);position:absolute;inset:-10% -50%}.resize-handle{background:var(--paper);opacity:var(--handle,0);border-radius:999px;gap:.18em;padding:.55em .3em;display:flex;position:absolute;top:50%;right:-.95em;translate:0 -50%;box-shadow:0 0 0 .3em #ff304f47}.resize-handle i{background:#07111f73;border-radius:1px;width:.14em;height:1.6em}.device-tag{color:var(--slate);font-family:var(--font-mono);letter-spacing:.06em;white-space:nowrap;opacity:var(--tag,0);background:#0c1a2ce6;border-radius:999px;padding:.4em .8em;font-size:.72em;position:absolute;top:calc(100% + 1.1em);left:50%;translate:-50%;box-shadow:0 0 0 1px #96a5b938}.device-tag:after{content:" px";color:var(--muted-2)}.device--ghost{--z:-70;opacity:0;visibility:hidden}.device--laptop:after{content:"";height:max(6px, calc(var(--bz) * 1.5px));background:linear-gradient(#2a3a52,#121d2d);border-radius:0 0 50% 50%/0 0 100% 100%;position:absolute;top:100%;left:-8%;right:-8%;box-shadow:0 1.4em 2em -1.2em #000c}.device--laptop .device-tag{top:calc(100% + 2em);left:30%}.is-launch .device--main{--z:30}.is-launch .device{cursor:inherit}.is-launch .device:hover{--z:110}.is-launch .stage-cam:has(.device:hover) .device:not(:hover){filter:brightness(.5)saturate(.7)}.explode{top:calc(var(--ch) * 1px);left:calc(var(--bz) * 1px);right:calc(var(--bz) * 1px);bottom:calc(var(--bz) * 1px);visibility:hidden;transform-style:preserve-3d;pointer-events:none;position:absolute}.plane{border-radius:0 0 calc(var(--r) * 1px) calc(var(--r) * 1px);transform:translateZ(calc(var(--k) * var(--gap,0) * 1px));box-shadow:0 0 0 1px rgba(244, 246, 250, calc(.3 * var(--e,0)));position:absolute;inset:0;overflow:hidden}.plane[data-plane=base]{--k:0}.plane[data-plane=type]{--k:1}.plane[data-plane=image]{--k:2}.plane[data-plane=ui]{--k:3}.plane:not([data-plane=base]){background:rgba(14, 28, 48, calc(.18 * var(--e,0)))}.plane-tag{z-index:2;background:var(--red);color:#fff;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;opacity:var(--e,0);border-radius:999px;padding:.35em .7em;font-size:.68em;font-weight:500;position:absolute;top:.7em;left:.7em}.layer--final .cfp-portrait{transform-origin:50% 100%;scale:calc(1 + var(--po,0) * var(--po-k,0));translate:0 calc(var(--po,0) * var(--po-y,0px) * -1)}.scene-group{transform-style:preserve-3d;position:absolute;inset:0}.scene-group--mr{opacity:0;visibility:hidden}.device--mr-phone{--z:50}.is-mr .device--mr:hover{--z:110}.is-mr .stage-cam:has(.device--mr:hover) .device--mr:not(:hover){filter:brightness(.55)saturate(.8)}.mr-scrollbar{z-index:4;background:#3b200f1f;border-radius:9px;width:5px;position:absolute;top:6px;bottom:6px;right:4px}.mr-scrollbar i{top:calc(var(--pg,0) * 62%);background:#3b200f8c;border-radius:9px;height:38%;position:absolute;left:0;right:0}.frag{transform-origin:0 0;opacity:0;position:absolute;top:0;left:0}.frag-inner{isolation:isolate;border-radius:1em;padding:.9em 1em;animation:5.5s ease-in-out infinite alternate frag-float;position:relative}.frag:nth-of-type(2n) .frag-inner{animation-duration:6.8s;animation-delay:-2s}.frag-inner:before{content:"";z-index:-1;border-radius:inherit;opacity:var(--chrome,1);background:#0d1b2d;position:absolute;inset:0;box-shadow:0 0 0 1px #96a5b93d,0 2.2em 4em -1.6em #000000bf}@keyframes frag-float{0%{translate:0 calc(var(--amp,1) * -.4em);rotate:calc(var(--amp,1) * -.7deg)}to{translate:0 calc(var(--amp,1) * .4em);rotate:calc(var(--amp,1) * .7deg)}}.frag-label{font-family:var(--font-mono);letter-spacing:.12em;color:var(--slate);opacity:var(--chrome,1);font-size:.64em}.frag--type .frag-specimen{letter-spacing:.03em;text-transform:uppercase;color:#f3efe6;font-family:Archivo,Arial Narrow,sans-serif;font-size:4.4em;font-weight:820;font-stretch:62%;line-height:.86}.frag--portrait .frag-inner{padding:0}.frag--portrait .frag-inner:before{box-shadow:none;background:radial-gradient(50% 46% at 50% 58%,#344280e6,#0000 72%)}.frag--portrait img{width:12em;height:auto;-webkit-mask-image:linear-gradient(#000 72%,#0000 98%);mask-image:linear-gradient(#000 72%,#0000 98%)}.frag-btn,.cfp-btn{color:#0a0e1c;white-space:nowrap;background:#f7c21b;border-radius:999px;justify-content:center;align-items:center;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-weight:600;display:inline-flex}.frag-btn{gap:.7em;height:3.2em;padding:0 .45em 0 1.3em;font-size:.92em}.frag-btn i,.cfp-btn i{background:#0a0e1c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6' fill='none' stroke='%23f7c21b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/45% no-repeat;border-radius:50%;flex:none}.frag-btn i{width:2.3em;height:2.3em}.frag-badge{color:#f7c21b;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.7em;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:.86em;font-weight:550;line-height:1.6;display:inline-flex}.frag-badge i{background:#f7c21b;border-radius:50%;width:.5em;height:.5em}.swatches{grid-template-columns:repeat(4,2.6em);gap:.35em;display:grid}.swatches span{background:var(--c);border-radius:.5em;height:3.4em;box-shadow:inset 0 0 0 1px #f4f6fa24}.readout{opacity:0;pointer-events:none;height:2em;position:absolute;top:0;left:0}.readout:before,.readout:after,.readout-line{background:#a5b0bf80;position:absolute}.readout:before,.readout:after{content:"";width:1px;height:1.1em;top:.45em}.readout:before{left:0}.readout:after{right:0}.readout-line{height:1px;top:1em;left:0;right:0}.readout-label{background:var(--navy);color:var(--slate);font-family:var(--font-mono);white-space:nowrap;border-radius:999px;padding:.3em .8em;font-size:.8em;transition:box-shadow .4s;position:absolute;top:1em;left:50%;translate:-50% -50%;box-shadow:0 0 0 1px #96a5b942}.readout-px{color:var(--paper);font-variant-numeric:tabular-nums;font-weight:500}.readout.is-snap .readout-label{box-shadow:0 0 0 1px var(--red), 0 0 1.4em #ff304f80}.px-cursor{filter:drop-shadow(0 .3em .4em #00000080);transform-origin:0 0;opacity:0;pointer-events:none;width:1.55em;height:auto;position:absolute;top:0;left:0;transform:translateZ(3px)}.sparks{pointer-events:none;position:absolute;inset:0;transform:translateZ(3px)}.is-launch .px-cursor,.is-launch .sparks{transform:translateZ(33px)}.spark{background:var(--c,var(--red));width:.36em;height:.36em;position:absolute;top:0;left:0}.cfp{--night:#080c1a;--navy-c:#182042;--sun:#f7c21b;--cream:#f3efe6;--cream-2:#e9e3d5;--ink:#0a0e1c;--fog:#f3efe6a3;--line-d:#f3efe624;--line-l:#0a0e1c1f;--ink-soft:#0a0e1ca8;--display:"Archivo", "Arial Narrow", sans-serif;--pad:48px;background:var(--night);width:100%;color:var(--cream);text-align:left;letter-spacing:0;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.6;position:relative}.cfp p{margin:0}.cfp-logo b,.cfp-giant,.cfp-lockup,.cfp-h,.cfp-card b,.cfp-post b,.cfp-cta-title{font-family:var(--display);text-transform:uppercase;font-weight:820;font-stretch:62%}.cfp-nav{z-index:6;height:76px;padding:0 var(--pad);border-bottom:1px solid var(--line-d);align-items:center;gap:32px;display:flex;position:relative}.cfp-logo{white-space:nowrap;align-items:baseline;gap:10px;display:flex}.cfp-logo b{letter-spacing:.03em;font-size:30px;line-height:1}.cfp-logo small{color:var(--fog);font-size:12px}.cfp-links{color:var(--fog);gap:30px;margin-left:auto;font-size:15px;display:flex}.cfp-nav-cta{background:var(--sun);height:42px;color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;padding:0 20px;font-size:14px;font-weight:600;display:inline-flex}.cfp-menu{width:42px;height:42px;box-shadow:inset 0 0 0 1px var(--line-d);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:none}.cfp-menu i{background:var(--cream);width:16px;height:1.5px}.cfp-hero{height:720px;padding:26px var(--pad) 64px;flex-direction:column;display:flex;position:relative;overflow:hidden}.cfp-hero-glow{background:radial-gradient(40% 54% at 57% 76%,#3442809e,#0000 70%),radial-gradient(70% 60% at 50% 110%,#f7c21b1a,#0000 70%);position:absolute;inset:0}.cfp-hero-top{z-index:4;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.cfp-label{color:var(--sun);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;font-size:13px;font-weight:550;display:inline-flex}.cfp-label i{background:var(--sun);border-radius:50%;width:7px;height:7px}.cfp-creds{color:var(--fog);font-size:14px}.cfp-giant{z-index:1;font-size:calc((100cqw - var(--pad) * 2) / 2.86);letter-spacing:.03em;white-space:nowrap;margin-top:18px;line-height:.8;position:relative}.cfp-portrait{z-index:2;width:min(36cqw,560px);margin-left:-13.6cqw;position:absolute;bottom:0;left:50%}.cfp-portrait img{width:100%;height:auto;-webkit-mask-image:linear-gradient(#000 70%,#0000 98%);mask-image:linear-gradient(#000 70%,#0000 98%)}.cfp-shade{z-index:3;background:linear-gradient(#0000,#080c1a99 55%,#080c1af0);height:45%;position:absolute;inset:auto 0 0}.cfp-lockup{z-index:1;color:var(--sun);margin-top:14px;font-size:max(22px,3.6cqw);line-height:.9;position:relative}.cfp-lockup sup{font-size:.5em}.cfp-hero-bottom{z-index:4;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:auto;display:flex;position:relative}.cfp-hero-intro{max-width:460px}.cfp-intro{--lh:1.6em;color:var(--fog);font-size:17px}.cfp-intro strong{color:var(--cream);margin-bottom:4px;font-weight:600;display:block}.cfp-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.cfp-btn{gap:12px;height:54px;padding:0 8px 0 24px;font-size:15px}.cfp-btn i{width:38px;height:38px}.cfp-btn--ghost{color:var(--cream);box-shadow:inset 0 0 0 1px var(--line-d);background:0 0;padding:0 24px}.cfp-scroll{letter-spacing:.14em;text-transform:uppercase;color:var(--fog);padding-bottom:48px;font-size:12px;position:relative}.cfp-scroll:after{content:"";background:linear-gradient(var(--sun) 40%, var(--line-d) 40%);width:1px;height:38px;position:absolute;bottom:0;left:50%}.cfp-about{z-index:5;padding:76px var(--pad) 56px;background:var(--cream);color:var(--ink);border-radius:32px 32px 0 0;margin-top:-32px;position:relative}.cfp-about-lead{--lh:1.14em;letter-spacing:-.02em;max-width:1000px;font-size:44px;font-weight:500;line-height:1.14}.cfp-about-lead mark{color:inherit;background:linear-gradient(#0000 64%,#f7c21bbf 64%)}.cfp-stats{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px;display:grid}.cfp-stat{border-top:1px solid var(--line-l);padding-top:18px}.cfp-stat b{letter-spacing:-.03em;font-size:64px;font-weight:600;line-height:1;display:block}.cfp-stat span{max-width:240px;color:var(--ink-soft);margin-top:10px;font-size:14px;line-height:1.5;display:block}.cfp-stat--mission small{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-size:12px;display:block}.cfp-stat--mission span{max-width:300px;color:var(--ink);font-size:19px;font-weight:500}.cfp-expertise{padding:40px var(--pad) 80px;background:var(--cream);color:var(--ink);grid-template-columns:1fr 1.7fr;gap:48px;display:grid;position:relative}.cfp-h{font-size:76px;line-height:.86}.cfp-cards{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.cfp-card{box-shadow:inset 0 0 0 1px var(--line-l);background:#fbf9f4;border-radius:20px;padding:22px}.cfp-card small{color:var(--ink-soft);font-size:12px}.cfp-card b{margin-top:14px;font-size:28px;line-height:.95;display:block}.cfp-card span{color:var(--ink-soft);margin-top:8px;font-size:14px;line-height:1.5;display:block}.cfp-insight{padding:72px var(--pad);background:var(--night);position:relative}.cfp-posts{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;display:grid}.cfp-post{aspect-ratio:4/5;border-radius:20px;flex-direction:column;justify-content:flex-end;padding:22px;display:flex;position:relative;overflow:hidden}.cfp-post small{letter-spacing:.14em;text-transform:uppercase;font-size:11px;position:absolute;top:20px;left:22px}.cfp-post b{font-size:36px;line-height:.9;position:relative}.cfp-post--sun{background:var(--sun);color:var(--ink)}.cfp-post--night{background:var(--navy-c)}.cfp-post--photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cfp-post--photo:after{content:"";background:linear-gradient(#0000 45%,#080c1ad9);position:absolute;inset:0}.cfp-post--photo b{z-index:1}.cfp-cta{padding:80px var(--pad) 96px;background:var(--sun);color:var(--ink);position:relative}.cfp-cta-title{font-size:15cqw;line-height:.84}.cfp-btn--ink{background:var(--ink);color:var(--cream);margin-top:32px}.cfp-btn--ink i{background-color:var(--sun);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6' fill='none' stroke='%230a0e1c' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}@container cfp (width<=1024px){.cfp{--pad:32px}.cfp-links,.cfp-creds,.cfp-scroll{display:none}.cfp-nav-cta{margin-left:auto}.cfp-menu{display:flex}.cfp-hero{height:940px}.cfp-portrait{width:64cqw;margin-left:-30cqw}.cfp-shade{height:52%}.cfp-lockup{font-size:5.4cqw}.cfp-hero-intro{max-width:520px}.cfp-about-lead{font-size:34px}.cfp-stat b{font-size:52px}.cfp-expertise{grid-template-columns:1fr;gap:28px}.cfp-h{font-size:64px}}@container cfp (width<=640px){.cfp{--pad:20px;font-size:15px}.cfp-nav{gap:12px;height:62px}.cfp-logo small,.cfp-nav-cta{display:none}.cfp-menu{margin-left:auto}.cfp-hero{height:820px;padding-top:20px;padding-bottom:28px}.cfp-giant{margin-top:14px}.cfp-portrait{width:88cqw;margin-left:-44cqw;bottom:120px}.cfp-shade{height:62%}.cfp-lockup{font-size:7.4cqw}.cfp-intro{font-size:15px}.cfp-actions{flex-direction:column;gap:10px;margin-top:18px}.cfp-btn{width:100%;height:52px}.cfp-about{padding:48px var(--pad) 36px;border-radius:24px 24px 0 0}.cfp-about-lead{font-size:26px}.cfp-stats{grid-template-columns:1fr 1fr;gap:18px;margin-top:32px}.cfp-stat--mission{grid-column:1/-1}.cfp-stat b{font-size:42px}.cfp-expertise{padding:24px var(--pad) 48px}.cfp-cards{grid-template-columns:1fr}.cfp-h{font-size:50px}.cfp-insight{padding:48px var(--pad)}.cfp-posts{grid-template-columns:1fr 1fr;gap:12px}.cfp-post--night{display:none}.cfp-post b{font-size:24px}.cfp-cta{padding:56px var(--pad) 64px}.cfp-cta-title{font-size:24cqw}}.cfp.is-wire{--wf-line:#a0bcff57;--wf-fill:#a0bcff0f;--wf-bar:#c8d6ff2b;color:#0000;background:0 0}.is-wire .cfp-nav,.is-wire section{border-color:var(--wf-line);box-shadow:inset 0 0 0 1px var(--wf-line);background:0 0;position:relative}.is-wire .cfp-about{border-radius:0}.is-wire .cfp-hero-glow,.is-wire .cfp-shade,.is-wire .cfp-scroll:after{display:none}.is-wire [data-wl]:before{content:attr(data-wl);z-index:9;letter-spacing:.12em;text-transform:uppercase;color:#a0bcffb3;font-family:JetBrains Mono,monospace;font-size:18px;position:absolute;top:10px;right:14px}.is-wire [data-w]{--wi:clamp(0, calc(var(--wire,1) * 20 - var(--i,0)), 1);background:var(--wf-bar);box-shadow:none;color:#0000;opacity:var(--wi);translate:0 calc((1 - var(--wi)) * 18px);border-radius:8px}.is-wire [data-w] *{visibility:hidden}.is-wire [data-w=text]{background:repeating-linear-gradient(to bottom, var(--wf-bar) 0 calc(var(--lh,1.5em) * .6), transparent calc(var(--lh,1.5em) * .6) var(--lh,1.5em));border-radius:0}.is-wire [data-w=box]{background:var(--wf-fill);box-shadow:inset 0 0 0 1px var(--wf-line)}.is-wire [data-w=img]{background:linear-gradient(to top right, transparent calc(50% - 1px), var(--wf-line) 50%, transparent calc(50% + 1px)), linear-gradient(to bottom right, transparent calc(50% - 1px), var(--wf-line) 50%, transparent calc(50% + 1px)), var(--wf-fill);box-shadow:inset 0 0 0 1px var(--wf-line);border-radius:14px}.cfp[data-plane]{background:0 0}.cfp[data-plane=base]{background:var(--night)}.cfp[data-plane] .cfp-nav>*,.cfp[data-plane] .cfp-hero>*{opacity:0}.cfp[data-plane]:not([data-plane=ui]) .cfp-nav{border-color:#0000}.cfp[data-plane=base] .cfp-hero-glow,.cfp[data-plane=base] .cfp-shade,.cfp[data-plane=type] .cfp-giant,.cfp[data-plane=type] .cfp-lockup,.cfp[data-plane=image] .cfp-portrait,.cfp[data-plane=ui] .cfp-nav>*,.cfp[data-plane=ui] .cfp-hero-top,.cfp[data-plane=ui] .cfp-hero-bottom{opacity:1}@font-face{font-family:MR Bebas;src:url(/assets/home/showreel/bakery/fonts/bebas-neue-latin-400-normal.woff2)format("woff2");font-display:swap}@font-face{font-family:MR Poppins;src:url(/assets/home/showreel/bakery/fonts/poppins-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:MR Poppins;src:url(/assets/home/showreel/bakery/fonts/poppins-latin-600-normal.woff2)format("woff2");font-weight:600;font-display:swap}.site-viewport--mr{container:mr/inline-size}.mr{--yellow:#f6b81f;--crust:#f89f48;--kopi:#3b200f;--plum:#611938;--flour:#fffdf8;--display:"MR Bebas", "Bebas Neue", Impact, sans-serif;--body:"MR Poppins", "Poppins", Arial, sans-serif;--gut:clamp(16px, 4cqw, 56px);--bunw:clamp(240px, min(40cqw, calc(var(--vh) * .5)), 560px);--spread:15%;--grow:.22;width:100%;color:var(--kopi);font-family:var(--body);text-align:left;font-size:16px;line-height:1.6;position:relative}.mr p,.mr ul{margin:0;padding:0;list-style:none}.mr-page{translate:0 calc(var(--pg,0) * var(--vh) * -1)}.mr-hero{height:var(--vh);isolation:isolate;background:var(--yellow);position:relative;overflow:hidden}.mr-dark{background:radial-gradient(60% 55% at 50% 52%, #5a321a 0%, transparent 70%), var(--kopi);opacity:var(--dark,0);position:absolute;inset:0}.mr-copy{padding-top:max(80px, calc(var(--vh) * .11));opacity:calc(1 - var(--intro,0));transform:translateY(calc(var(--intro,0) * var(--vh) * -.12));justify-content:center;display:flex;position:absolute;inset:0}.mr-title{text-align:center;flex-direction:column;align-items:center;display:flex}.mr-kicker{font-size:clamp(18px,2cqw,28px);font-weight:600;line-height:1.2}.mr-giant{font-family:var(--display);font-size:min(28.5cqw, calc(var(--vh) * .5));letter-spacing:.005em;color:var(--flour);white-space:nowrap;margin-top:.04em;line-height:.82}.mr-bun{width:var(--bunw);aspect-ratio:654/603;transform:translate(-50%, -50%) translateY(calc(var(--lift,0) * var(--vh) * -.09)) scale(calc(1 + var(--lift,0) * var(--grow)));position:absolute;top:60%;left:50%}.mr-shadow{filter:blur(18px);height:16%;transform:scaleX(calc(1 + var(--split,0) * .7));opacity:calc(1 - var(--dark,0) * .6);background:#3b200f61;border-radius:50%;position:absolute;bottom:-4%;left:8%;right:8%}.mr-whole{width:100%;height:100%;opacity:calc(1 - var(--crack,0));position:absolute;inset:0}.mr-halves{aspect-ratio:927/764;width:111.9%;opacity:var(--crack,0);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mr-halfL,.mr-halfR{transform-origin:50% 92%;width:100%;height:100%;position:absolute;inset:0}.mr-halfL{transform:translateX(calc(var(--split,0) * -1 * var(--spread) + (1 - var(--crack,0)) * 2%)) rotate(calc(var(--split,0) * -10deg))}.mr-halfR{transform:translateX(calc(var(--split,0) * var(--spread) - (1 - var(--crack,0)) * 2%)) rotate(calc(var(--split,0) * 10deg))}.mr-words{font-family:var(--display);color:var(--yellow);font-size:clamp(56px,9cqw,150px);line-height:.9;position:absolute;inset:0}.mr-words li{white-space:nowrap;opacity:var(--w);transform:translateY(calc((1 - var(--w)) * 40px)) rotate(calc(var(--r) * var(--w))) scale(calc(.8 + var(--w) * .2));position:absolute}.mr-w1{--w:var(--w1,0);--r:-7deg;top:20%;left:7%}.mr-w2{--w:var(--w2,0);--r:8deg;top:17%;right:8%}.mr-w3{--w:var(--w3,0);--r:-5deg;bottom:17%;left:11%}.mr-w4{--w:var(--w4,0);--r:6deg;bottom:14%;right:9%}.mr-bottom{left:var(--gut);right:var(--gut);bottom:clamp(20px, calc(var(--vh) * .04), 40px);opacity:calc(1 - var(--intro,0));transform:translateY(calc(var(--intro,0) * 30px));grid-template-columns:1fr auto 1fr;align-items:end;gap:16px;display:grid;position:absolute}.mr-tagline{font-family:var(--display);font-size:clamp(24px,2.2cqw,34px);line-height:1}.mr-cue{flex-direction:column;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.mr-cue i{background:linear-gradient(var(--kopi) 50%, #3b200f33 50%);border-radius:2px;width:2px;height:40px}.mr-actions{justify-content:flex-end;gap:10px;display:flex}.mr-btn{background:var(--kopi);min-height:52px;color:var(--flour);white-space:nowrap;border-radius:999px;align-items:center;padding:0 26px;font-weight:600;display:inline-flex}.mr-btn--ghost{color:var(--kopi);background:0 0;box-shadow:inset 0 0 0 2px}.mr-dough{--ink:color-mix(in srgb, #2a0b19 calc(var(--tv,0) * 100%), var(--kopi));--muted:color-mix(in srgb, #876579 calc(var(--tv,0) * 100%), #fffdf88c);--accent:color-mix(in srgb, #713c7d calc(var(--tv,0) * 100%), var(--plum));min-height:var(--vh);background:var(--crust);color:var(--ink);align-items:center;display:grid;position:relative;overflow:hidden}.mr-dough-taro{opacity:var(--tv,0);background:#f5ead8;position:absolute;inset:0}.mr-grid{width:min(1320px, 100% - 2 * var(--gut));grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) minmax(0,.95fr);align-items:center;gap:clamp(16px,3cqw,48px);margin-inline:auto;display:grid;position:relative}.mr-dough-title{font-size:clamp(16px,1.3cqw,19px);font-weight:600;line-height:1.2}.mr-names{flex-direction:column;align-items:flex-start;margin-top:12px;display:flex}.mr-name{font-family:var(--display);padding-left:.24em;font-size:clamp(72px,7.8cqw,136px);line-height:.9;position:relative}.mr-name:before{content:"";border:2px solid;border-radius:50%;width:.12em;height:.12em;position:absolute;top:50%;left:0;transform:translateY(-65%)}.mr-name--o{color:color-mix(in srgb, var(--muted) calc(var(--tv,0) * 100%), var(--ink))}.mr-name--t{color:color-mix(in srgb, var(--ink) calc(var(--tv,0) * 100%), var(--muted))}.mr-name--o:before{background:color-mix(in srgb, transparent calc(var(--tv,0) * 100%), var(--accent))}.mr-name--t:before{background:color-mix(in srgb, var(--accent) calc(var(--tv,0) * 100%), transparent)}.mr-dstage{aspect-ratio:927/764;position:relative}.mr-plate{filter:blur(22px);background:#3b200f38;border-radius:50%;height:12%;position:absolute;bottom:2%;left:12%;right:12%}.mr-dbun{position:absolute;inset:0}.mr-dhalfL,.mr-dhalfR{transform-origin:50% 95%;width:100%;height:100%;position:absolute;inset:0}.mr-dbun--o img{opacity:var(--oo,1)}.mr-dbun--o .mr-dhalfL{transform:translateX(calc(var(--oo,1) * -3%)) rotate(calc(var(--oo,1) * -3deg)) scale(calc(.9 + var(--oo,1) * .1))}.mr-dbun--o .mr-dhalfR{transform:translateX(calc(var(--oo,1) * 3%)) rotate(calc(var(--oo,1) * 3deg)) scale(calc(.9 + var(--oo,1) * .1))}.mr-dbun--t img{opacity:clamp(0, calc(var(--to,0) * 4), 1);filter:hue-rotate(325deg)saturate(1.65)}.mr-dbun--t .mr-dhalfL{transform:translateX(calc(var(--to,0) * -3% - var(--pull,0) * 4%)) rotate(calc(var(--to,0) * -3deg - var(--pull,0) * 4deg)) scale(calc(.9 + clamp(0, var(--to,0), 1) * .1))}.mr-dbun--t .mr-dhalfR{transform:translateX(calc(var(--to,0) * 3% + var(--pull,0) * 4%)) rotate(calc(var(--to,0) * 3deg + var(--pull,0) * 4deg)) scale(calc(.9 + clamp(0, var(--to,0), 1) * .1))}.mr-panel-label{opacity:.75;font-size:15px;font-weight:600}.mr-fills{grid-template-columns:minmax(0,1fr);margin-top:10px;display:grid}.mr-fill{min-width:0;font-family:var(--display);color:var(--accent);grid-area:1/1;font-size:clamp(36px,3.6cqw,56px);line-height:1.04}.mr-fill--o{opacity:var(--fo,1)}.mr-fill--t li{opacity:clamp(0, calc(var(--ft,0) * 5 - var(--k)), 1);transform:translateY(calc((1 - clamp(0, calc(var(--ft,0) * 5 - var(--k)), 1)) * 14px))}.mr-next{background:var(--ink);min-height:48px;color:color-mix(in srgb, #f5ead8 calc(var(--tv,0) * 100%), var(--crust));border-radius:999px;align-items:center;margin-top:28px;padding:0 22px;font-size:15px;font-weight:600;display:inline-grid}.mr-next>span{white-space:nowrap;grid-area:1/1}.mr-next-o{opacity:calc(1 - var(--tv,0))}.mr-next-t{opacity:var(--tv,0)}@container mr (width<=1000px){.mr-grid{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:8px}.mr-head,.mr-panel{flex-direction:column;align-items:center;display:flex}.mr-names{flex-direction:row;gap:clamp(16px,5cqw,40px)}.mr-name{font-size:clamp(48px,12.5cqw,110px)}.mr-dstage{width:min(600px,92%);margin-top:8px}.mr-fill{flex-wrap:wrap;justify-content:center;gap:0 18px;font-size:clamp(30px,8cqw,44px);display:flex}}@container mr (width<=900px){.mr{--bunw:clamp(220px, min(64cqw, calc(var(--vh) * .4)), 440px);--spread:11%;--grow:.12}.mr-bun{top:58%}.mr-words{font-size:clamp(48px,13cqw,96px)}.mr-w1{top:15%;left:6%}.mr-w2{top:25%;right:6%}.mr-w3{bottom:23%;left:7%}.mr-w4{bottom:13%;right:6%}.mr-bottom{text-align:center;grid-template-columns:1fr;justify-items:center;gap:14px}.mr-cue{display:none}}@container mr (width<=520px){.mr{--bunw:clamp(190px, min(66cqw, calc(var(--vh) * .34)), 320px);--spread:7%;--grow:-.04}.mr-copy{padding-top:max(110px, calc(var(--vh) * .19))}.mr-bun{top:54%}.mr-w1{top:13%}.mr-w2{top:22%}.mr-w3{bottom:22%}.mr-w4{bottom:13%}.mr-actions{width:100%}.mr-btn{flex:1;justify-content:center;min-height:50px;padding:0 14px}}@media (width<=767px){.build-frame{min-height:600px}.build-copy{right:var(--gutter);max-width:none;bottom:76px}.build-title{font-size:clamp(1.6rem,7.6vw,2.6rem)}.build-cta{bottom:calc(90px + 1.92*clamp(1.6rem,7.6vw,2.6rem))}.build-cta-circle{width:56px}.build-cta-text,.build-sample{display:none}.build-caption{flex:1;min-width:0;font-size:1.1rem}}.build:not(.is-inview) *,.build.is-paused *{animation-play-state:paused!important}html:not(.js) .build-scene,html:not(.js) .build-hud{display:none}
