:root{--accent:#fc0}body{background:#f5f5f7;margin:0}[data-theme=light]{--bg:#f5f5f7;--surface:#fff;--text:#1d1d1f;--text2:#424245;--line2:#d2d2d7;--line3:#8e8e93;--chip:#e8e8ed;--frame:#1d1d1f;--nav:#fbfbfde0;--navline:#d2d2d7;--btn:#1d1d1f;--btnfg:#fff;--tileline:transparent;--focus:#1d1d1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#000;--surface:#161617;--text:#f5f5f7;--text2:#d1d1d6;--line2:#48484a;--line3:#8e8e93;--chip:#2c2c2e;--frame:#636366;--nav:#161617e0;--navline:#2c2c2e;--btn:#f5f5f7;--btnfg:#1d1d1f;--tileline:#3a3a3c;--focus:#fc0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}a{color:var(--text)}a:hover{color:var(--text2)}:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:8px}.menu :focus-visible,.on-yellow :focus-visible{outline-color:#1d1d1f}.skip{z-index:80;color:#1d1d1f;background:#fc0;border-radius:16px;padding:16px 24px;font-weight:600;text-decoration:none;position:absolute;top:-80px;left:16px}.skip:focus{top:16px}.paused,.paused *{animation-play-state:paused!important}.knob{transition:transform .35s cubic-bezier(.7,0,.2,1)}*{box-sizing:border-box}.nav-links{display:flex}.burger{display:none}.nav-cta{display:inline-flex}#track-prev,#track-next{transition:background-color .2s,color .2s}#track-prev:hover,#track-next:hover{background:var(--accent)!important;color:#1d1d1f!important}@media (width<=833px){.nav-links{display:none}.burger{display:inline-flex}.nav-cta{display:none}}.burger{background:var(--btn);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .3s;position:relative}.burger .bar{border-radius:2px;height:2px;transition:transform .45s cubic-bezier(.7,0,.2,1),width .45s cubic-bezier(.7,0,.2,1),top .45s cubic-bezier(.7,0,.2,1);position:absolute;left:14px}.burger .b1{background:var(--btnfg);width:20px;top:19px}.burger .b2{width:12px;top:27px}.burger.open{background:#fff}.burger.open .b1{background:#1d1d1f;width:20px;top:23px;transform:rotate(45deg)}.burger.open .b2{background:#1d1d1f;width:20px;top:23px;transform:rotate(-45deg)}.menu{animation:.5s cubic-bezier(.7,0,.2,1) both menuIn}.menu-link{animation:.6s cubic-bezier(.2,.8,.2,1) both rise}.menu-link:first-child{animation-delay:.12s}.menu-link:nth-child(2){animation-delay:.18s}.menu-link:nth-child(3){animation-delay:.24s}.menu-link:nth-child(4){animation-delay:.3s}.menu-link:nth-child(5){animation-delay:.36s}@keyframes menuIn{0%{clip-path:circle(0% at calc(100% - 44px) 32px)}to{clip-path:circle(150% at calc(100% - 44px) 32px)}}@keyframes rise{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}.totop{transition:opacity .3s,transform .3s}.totop.hide{opacity:0;pointer-events:none;transform:translateY(16px)}.track{scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.track::-webkit-scrollbar{display:none}.track>*{scroll-snap-align:start}.stage{perspective:2200px}.fold{aspect-ratio:624/416;width:min(624px,88vw);transform-style:preserve-3d;animation:8s cubic-bezier(.65,0,.35,1) infinite slide;position:relative}.half{width:50%;height:100%;position:absolute;top:0}.leaf{transform-origin:100%;width:50%;height:100%;transform-style:preserve-3d;animation:8s cubic-bezier(.65,0,.35,1) infinite flip;position:absolute;top:0;left:0}.face{backface-visibility:hidden;position:absolute;inset:0}.back{transform:rotateY(180deg)}.route{stroke-dasharray:320;animation:8s ease-out infinite draw}.pulse{animation:1.6s ease-in-out infinite pulse}.pulse2{animation:1.6s ease-in-out .2s infinite pulse}.pulse3{animation:1.6s ease-in-out .4s infinite pulse}.pulse4{animation:1.6s ease-in-out .6s infinite pulse}.cap-closed{animation:8s ease-in-out infinite capc}.cap-open{animation:8s ease-in-out infinite capo}@keyframes flip{0%,18%{transform:rotateY(180deg)translateZ(-2px)}46%,82%{transform:rotateY(0)translateZ(-2px)}to{transform:rotateY(180deg)translateZ(-2px)}}@keyframes slide{0%,18%{transform:translate(-25%)}46%,82%{transform:translate(0)}to{transform:translate(-25%)}}@keyframes draw{0%,46%{stroke-dashoffset:320px}70%,to{stroke-dashoffset:0}}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}@keyframes capc{0%,22%{opacity:1}30%,88%{opacity:0}96%,to{opacity:1}}@keyframes capo{0%,30%{opacity:0}42%,84%{opacity:1}92%,to{opacity:0}}@media (width<=600px){.half,.face{border-width:8px!important;gap:8px!important;padding:16px!important}.leaf .face:first-child{border-right-width:2px!important}.half{border-left-width:0!important}.dev-title{font-size:11px!important}.dev-label{font-size:8px!important}.dev-ring{border-radius:16px!important;width:48px!important;height:48px!important}.tile{min-height:440px!important}}.modal-wrap{z-index:90;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#0000008f;border:0;padding:0;animation:.3s both fade;position:absolute;inset:0}.modal{border-radius:32px;flex-direction:column;width:min(960px,100%);max-height:min(88vh,880px);animation:.4s cubic-bezier(.2,.8,.2,1) both pop;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000052}.grabber{display:none}.panes{scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.panes::-webkit-scrollbar{display:none}.tabs{scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}@keyframes pop{0%{opacity:0;transform:scale(.96)translateY(16px)}}@keyframes sheet{0%{transform:translateY(100%)}}@keyframes fade{0%{opacity:0}}@media (width<=833px){.modal-wrap{align-items:flex-end;padding:0}.modal{border-radius:32px 32px 0 0;width:100%;max-height:92vh;animation:.45s cubic-bezier(.2,.8,.2,1) both sheet}.grabber{display:block}.pane{padding:16px 24px 24px!important}.modal-foot{padding:16px 24px max(16px, env(safe-area-inset-bottom))!important}}.reel .scene{opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:48px 48px 64px;animation-duration:18s;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-iteration-count:infinite;display:flex;position:absolute;inset:0}.reel .s1{animation-name:s1}.reel .s2{animation-name:s2}.reel .s3{animation-name:s3}.reel .s4{animation-name:s4}.reel .s5{animation-name:s5}.reel .s6{animation-name:s6}@keyframes s1{0%{opacity:0;transform:translateY(16px)}2.8%,16.7%{opacity:1;transform:none}19.4%,to{opacity:0;transform:translateY(-16px)}}@keyframes s2{0%,16.7%{opacity:0;transform:translateY(16px)}19.4%,35%{opacity:1;transform:none}37.8%,to{opacity:0;transform:translateY(-16px)}}@keyframes s3{0%,35%{opacity:0;transform:translateY(16px)}37.8%,52.8%{opacity:1;transform:none}55.6%,to{opacity:0;transform:translateY(-16px)}}@keyframes s4{0%,52.8%{opacity:0;transform:translateY(16px)}55.6%,71.1%{opacity:1;transform:none}73.9%,to{opacity:0;transform:translateY(-16px)}}@keyframes s5{0%,71.1%{opacity:0;transform:translateY(16px)}73.9%,87.8%{opacity:1;transform:none}90.6%,to{opacity:0;transform:translateY(-16px)}}@keyframes s6{0%,87.8%{opacity:0;transform:scale(.96)}90.6%,97.2%{opacity:1;transform:none}to{opacity:0;transform:none}}.reel .anim{transform-box:fill-box;animation-duration:18s;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-iteration-count:infinite}.reel .d1{stroke-dasharray:420;animation-name:d1}@keyframes d1{0%,3%{stroke-dashoffset:420px}15%,to{stroke-dashoffset:0}}.reel .pen{transform-box:view-box;animation-name:pen}@keyframes pen{0%,3%{transform:translate(0)}15%,to{transform:translate(150px,-32px)}}.reel .code1,.reel .code2,.reel .code3{transform-origin:0}.reel .code1{animation-name:cd1}@keyframes cd1{0%,21%{transform:scaleX(0)}25%,to{transform:scaleX(1)}}.reel .code2{animation-name:cd2}@keyframes cd2{0%,25%{transform:scaleX(0)}29%,to{transform:scaleX(1)}}.reel .code3{animation-name:cd3}@keyframes cd3{0%,29%{transform:scaleX(0)}33%,to{transform:scaleX(1)}}.reel .blink{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.reel .fl{animation-name:fl}@keyframes fl{0%,38%{opacity:0;transform:translate(-32px,24px)}46%,to{opacity:1;transform:none}}.reel .fr{animation-name:fr}@keyframes fr{0%,40%{opacity:0;transform:translate(32px,24px)}48%,to{opacity:1;transform:none}}.reel .ft{animation-name:ft}@keyframes ft{0%,42%{opacity:0;transform:translateY(-32px)}50%,to{opacity:1;transform:none}}.reel .fy{animation-name:fy}@keyframes fy{0%,49%{opacity:0}52%,to{opacity:1}}.reel .va{animation-name:va}@keyframes va{0%,56%{transform:translate(-40px,-8px)}65%,to{transform:none}}.reel .vb{animation-name:vb}@keyframes vb{0%,56%{transform:translate(40px,-8px)}65%,to{transform:none}}.reel .vc{animation-name:vc}@keyframes vc{0%,56%{transform:translateY(40px)}65%,to{transform:none}}.reel .vd{transform-origin:50%;animation-name:vd}@keyframes vd{0%,65%{transform:scale(0)}69%,to{transform:scale(1)}}.reel .ln{stroke-dasharray:120;animation-name:ln}@keyframes ln{0%,74%{stroke-dashoffset:120px}83%,to{stroke-dashoffset:0}}.reel .nd{transform-origin:50%;animation-name:nd}@keyframes nd{0%,78%{transform:scale(0)}84%,to{transform:scale(1)}}.reel .nc{transform-origin:50%;animation-name:nc}@keyframes nc{0%,73%{transform:scale(.4)}77%,to{transform:scale(1)}}.reel .bar{transform-origin:0;animation:18s linear infinite bar}@keyframes bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width<=600px){.reel{aspect-ratio:4/5!important}.reel .scene{gap:16px;padding:32px 24px 48px}}@media (prefers-reduced-motion:reduce){.reel .scene,.reel .anim,.reel .bar,.reel .blink{animation:none}.reel .s6{opacity:1}.reel .d1,.reel .ln{stroke-dashoffset:0}.modal,.modal-backdrop{animation:none}.panes{scroll-behavior:auto}.knob,.burger .bar,.totop{transition:none}.fold,.leaf,.route,.pulse,.pulse2,.pulse3,.pulse4,.cap-closed,.cap-open,.menu,.menu-link{animation:none}.route{stroke-dashoffset:0}.cap-closed{opacity:0}}.menu-open #site-header{background:0 0!important;border-bottom-color:#0000!important}.menu-open .logo{color:#1d1d1f!important}[data-theme=dark] .knob{transform:translate(24px)}.icon-moon{display:none}[data-theme=dark] .icon-moon{display:inline-flex}[data-theme=dark] .icon-sun{display:none}.icon-sun,.icon-moon{justify-content:center;align-items:center}.ico-play,.ico-pause{display:inline-flex}.accent-hatch{color:var(--accent);background:repeating-linear-gradient(135deg,var(--accent) 0 4px,transparent 4px 7px);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.case-gallery{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;padding-top:8px;display:grid}.case-shot{border:1px solid var(--line2);background:#10110e;border-radius:20px;flex-direction:column;margin:0;display:flex;overflow:hidden}.case-shot img{object-fit:contain;background:#10110e;width:100%;height:auto;max-height:58vh;display:block}.case-shot img.case-shot-tall{max-height:none}.case-shot figcaption{background:var(--surface);color:var(--text);padding:16px}.access-field{flex-direction:column;gap:8px;display:flex}.access-field label{color:var(--text2);font-size:13px;font-weight:600}.access-field input,.access-field textarea,.access-field select{border:1px solid var(--line3);background:var(--bg);width:100%;min-height:48px;color:var(--text);font:inherit;border-radius:12px;padding:12px 14px;font-size:16px}.access-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='m3 5 4 4 4-4' stroke='%238E8E93' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;height:48px;padding:0 44px 0 14px}.access-field textarea{resize:vertical;min-height:88px}.access-field input:focus,.access-field textarea:focus,.access-field select:focus{border-color:var(--text);outline:3px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}.access-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}@media (width<=700px){.access-grid{grid-template-columns:1fr}.case-shot img{max-height:none}}[hidden]{display:none!important}