/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}}:root{--ink:#151512;--paper:#f3f0e8;--white:#fffdf7;--butter:#e8c968;--clay:#d9674f;--blue:#6f7dff;--moss:#8fa593}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans),Arial,sans-serif;margin:0;overflow-x:hidden}a{color:inherit}.shell{width:min(1440px,100% - 40px);margin-inline:auto}.eyebrow{letter-spacing:.17em;text-transform:uppercase;margin:0 0 22px;font-size:11px;font-weight:750}h1,h2,h3{font-family:var(--font-display),Georgia,serif;letter-spacing:-.045em;font-weight:400}.site-nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#e5e1d7c7;border:1px solid #15151214;border-radius:24px;justify-content:center;align-items:center;gap:3px;width:max-content;max-width:calc(100% - 28px);padding:5px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 14px 42px #15151217}.brand{background:#fffdf7f0;border-radius:19px;justify-content:center;align-items:center;gap:10px;min-width:124px;height:48px;padding:0 15px 0 12px;text-decoration:none;transition:transform .18s,background .18s;display:flex}.brand:hover{background:var(--white);transform:rotate(-2deg)}.brand span:not(.nav-mark){letter-spacing:-.02em;font-size:13px;font-weight:750}.nav-mark{flex:none;width:28px;height:28px}.nav-mark:before,.nav-mark:after{display:none}.nav-mark>img{filter:none;animation:none;transform:none}.nav-links{align-items:center;gap:3px;display:flex}.nav-links a{background:#fffdf7e0;border-radius:18px;padding:15px 18px;font-size:12px;font-weight:650;text-decoration:none;transition:background .18s,transform .18s}.nav-links a:hover{background:var(--white);transform:translateY(-1px)}.nav-links .nav-cta{background:var(--ink);color:var(--paper);padding-inline:21px}.nav-links .nav-cta:hover{background:#30302b}.hero{text-align:center;isolation:isolate;align-content:center;justify-items:center;min-height:940px;padding:145px 24px 110px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;background:radial-gradient(circle at 50% 46%,#fffdf7 0 17%,#0000 51%);position:absolute;inset:0}.hero-intro{z-index:8;justify-items:center;display:grid;position:relative}.matchless-mark-animated{--mark-image:url(/matchless-mark.svg);isolation:isolate;line-height:0;display:block;position:relative}.matchless-mark-animated:before,.matchless-mark-animated:after{content:"";background:var(--mark-image) center/contain no-repeat;pointer-events:none;opacity:0;position:absolute;inset:0}.matchless-mark-animated:before{animation:2.6s step-end .95s infinite mark-pencil-a}.matchless-mark-animated:after{animation:2.6s step-end .95s infinite mark-pencil-b}.matchless-mark-animated>img{z-index:1;object-fit:contain;transform-origin:50% 66%;will-change:transform,filter;width:100%;height:100%;animation:2.6s step-end .95s infinite mark-stop-motion;display:block;position:relative}.matchless-mark-reverse{--mark-image:url(/matchless-mark-reverse.svg)}.hero-mark{width:58px;margin-bottom:24px;animation:.9s cubic-bezier(.22,1,.36,1) both mark-rise}h1{width:100%;max-width:900px;margin:0;font-size:clamp(70px,8.2vw,122px);line-height:.86}h1 em,.contact-section em{color:var(--clay);font-weight:inherit}.hero-title-line{display:block}.hero-motion-line{white-space:nowrap;justify-content:center;align-items:flex-start;width:100%;height:1.08em;line-height:1;display:flex}.hero-beautifully{white-space:nowrap;will-change:width;margin-inline-end:0;width:0;min-width:0;height:1em;margin-bottom:-.18em;padding-bottom:.18em;line-height:1;transition:width .19s cubic-bezier(.22,1,.36,1),margin-inline-end .19s cubic-bezier(.22,1,.36,1);display:inline-block;position:relative;overflow:visible}.hero-beautifully.is-typing{margin-inline-end:.18em}.hero-beautifully-word{white-space:nowrap;width:max-content;display:block;position:absolute;top:0;left:0}.hero-typed-letter{will-change:transform,opacity,filter;animation:.42s cubic-bezier(.22,1,.36,1) both hero-letter-ease;display:inline-block}.hero-copy{max-width:570px;margin:24px 0 0;font-size:clamp(16px,1.6vw,20px);line-height:1.55;position:relative}.hero-copy-reserve{visibility:hidden}.hero-copy-typed{white-space:nowrap;position:absolute;inset:0}.hero-tagline-letter{will-change:transform,opacity,filter;animation:.36s cubic-bezier(.22,1,.36,1) both hero-tagline-ease;display:inline-block}.hero-cta{z-index:9;background:var(--ink);color:var(--paper);border-radius:999px;align-items:center;gap:24px;margin-top:12px;padding:12px 13px 12px 18px;font-size:13px;font-weight:700;text-decoration:none;display:flex;position:relative}.hero-cta span{background:var(--butter);width:28px;height:28px;color:var(--ink);border-radius:50%;place-items:center;transition:transform .18s;display:grid}.hero-cta:hover span{transform:rotate(-45deg)}.hero-thumbnails{z-index:2;pointer-events:none;position:absolute;inset:0}.hero-thumb{aspect-ratio:1.56;border:6px solid var(--white);background:var(--white);border-radius:25px 31px 22px 29px;width:210px;animation:.8s cubic-bezier(.22,1,.36,1) both thumb-in,6.8s ease-in-out 1.2s infinite alternate thumb-float;display:block;position:absolute;overflow:hidden;box-shadow:0 24px 65px #15151224}.hero-thumb img{object-fit:cover;filter:saturate(.9)contrast(.97);width:100%;height:100%;display:block;scale:1.12}.hero-thumb-1{width:220px;animation-delay:.1s;top:17%;left:4%;transform:rotate(-6deg)}.hero-thumb-1 img{object-position:42% 50%}.hero-thumb-2{width:215px;animation-delay:.19s;top:18%;right:4%;transform:rotate(5deg)}.hero-thumb-2 img{object-position:16% 48%}.hero-thumb-3{width:225px;animation-delay:.28s;bottom:12%;left:7%;transform:rotate(5deg)}.hero-thumb-3 img{object-position:80% 54%;filter:saturate(1.08)contrast(1.04);scale:1.9}.hero-thumb-4{width:230px;animation-delay:.37s;bottom:11%;right:7%;transform:rotate(-6deg)}.hero-thumb-4 img{object-position:76% 50%;filter:saturate(1.08)contrast(1.04);scale:1.62}.hero-logo-card{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf7f0;border:1px solid #15151214;border-radius:23px 27px 21px 25px;place-items:center;width:86px;height:86px;padding:9px;animation:.8s cubic-bezier(.22,1,.36,1) both thumb-in,7.4s ease-in-out 1.3s infinite alternate info-float;display:grid;position:absolute;box-shadow:0 20px 55px #1515121f}.hero-logo-card img{object-fit:contain;border-radius:16px;width:100%;height:100%;display:block}.hero-logo-card-1{animation-delay:.25s;top:29%;left:16%;transform:rotate(3deg)}.hero-logo-card-2{animation-delay:.34s;top:30%;right:16%;transform:rotate(-3deg)}.hero-logo-card-3{animation-delay:.43s;bottom:20%;left:18%;transform:rotate(-3deg)}.hero-logo-card-4{animation-delay:.52s;bottom:19%;right:18%;transform:rotate(3deg)}.blue{--accent:var(--blue)}.clay{--accent:var(--clay)}.moss{--accent:var(--moss)}.butter{--accent:var(--butter)}.proof-section{background:var(--white);text-align:center;place-content:center;justify-items:center;min-height:760px;padding:120px 24px;display:grid;position:relative;overflow:hidden}.section-symbol{width:48px;height:48px;margin-bottom:28px}.proof-section h2{max-width:1050px;margin:0;font-size:clamp(64px,8vw,122px);line-height:.92}.proof-section h2 em{color:var(--clay);font-weight:inherit}.proof-copy{color:#151512ad;max-width:650px;margin:30px 0 0;font-size:clamp(15px,1.45vw,19px);line-height:1.65}.proof-cloud{pointer-events:none;position:absolute;inset:0}.proof-card{background:var(--paper);border-radius:16px;padding:14px 18px;font-size:11px;font-weight:700;position:absolute;box-shadow:0 16px 45px #15151214}.proof-a{top:25%;left:7%;transform:rotate(-7deg)}.proof-b{top:21%;right:8%;transform:rotate(5deg)}.proof-c{bottom:18%;left:13%;transform:rotate(4deg)}.proof-d{bottom:16%;right:10%;transform:rotate(-6deg)}.capabilities-section{background:var(--white);padding:120px 0 130px;position:relative;overflow:hidden}.capabilities-intro{text-align:center;justify-items:center;width:min(1100px,100% - 48px);margin-inline:auto;display:grid}.capabilities-intro h2{max-width:1050px;margin:0;font-size:clamp(64px,8vw,122px);line-height:.9}.capabilities-intro h2 em{color:var(--clay);font-weight:inherit}.capabilities-intro>p:last-child{color:#151512ad;max-width:760px;margin:30px 0 0;font-size:clamp(16px,1.5vw,20px);line-height:1.6}.capability-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:72px;display:grid}.capability-card{border-radius:42px;flex-direction:column;min-height:710px;padding:34px;display:flex;position:relative;overflow:hidden}.capability-apps{background:#dce1ff}.capability-animation{background:#e3a08f}.capability-meta{letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;font-size:11px;font-weight:750;display:flex}.capability-visual{background:#fffdf780;border-radius:28px;height:240px;margin:28px 0 38px;position:relative;overflow:hidden}.capability-card h3{margin:0;font-size:clamp(68px,6.7vw,104px);line-height:.86}.capability-card>p{max-width:480px;margin:16px 0 28px;font-size:16px;line-height:1.55}.capability-card ul{border-bottom:1px solid #1515122e;margin:0;padding:0;list-style:none}.capability-card li{border-top:1px solid #1515122e;align-items:center;gap:12px;padding:14px 0;font-size:13px;font-weight:650;display:flex}.capability-card li:before{content:"";background:var(--ink);border-radius:50%;flex:none;width:7px;height:7px}.capability-card>strong{font-family:var(--font-display),Georgia,serif;letter-spacing:-.035em;margin-top:auto;padding-top:30px;font-size:clamp(26px,2.5vw,38px);font-weight:400}.app-flow-screen{border:2px solid var(--ink);background:var(--white);border-radius:22px;width:55%;height:72%;padding:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-3deg);box-shadow:0 24px 42px #15151224}.app-flow-bar,.app-flow-row,.app-flow-button{border-radius:999px;display:block}.app-flow-bar{background:var(--ink);width:35%;height:8px}.app-flow-row{background:#d8d4c9;height:13px;margin-top:18px}.app-flow-row-one{width:88%}.app-flow-row-two{width:66%}.app-flow-button{background:var(--blue);border-radius:14px;width:42px;height:42px;position:absolute;bottom:18px;right:18px}.app-flow-node{z-index:2;border:6px solid var(--white);background:var(--ink);border-radius:50%;width:23px;height:23px;position:absolute;box-shadow:0 8px 18px #15151229}.app-node-one{animation:4.6s ease-in-out infinite alternate cap-node-one;top:28%;left:18%}.app-node-two{background:var(--clay);animation:5.2s ease-in-out infinite alternate cap-node-two;bottom:23%;right:17%}.app-flow-path{background:#15151247;height:2px;position:absolute;top:52%;left:21%;right:20%;transform:rotate(8deg)}.motion-flow{justify-content:center;align-items:center;gap:12px;padding:34px;display:flex}.motion-frame{aspect-ratio:1;border:2px solid var(--ink);background:var(--white);border-radius:24px;width:28%;position:relative;box-shadow:0 18px 32px #1515121f}.motion-frame:before{content:"";background:var(--ink);border-radius:50% 46% 55% 40%;position:absolute;inset:24%}.motion-frame-one{transform:rotate(-7deg)translateY(6px)}.motion-frame-two{transform:rotate(2deg)translateY(-5px)}.motion-frame-two:before{background:var(--clay);border-radius:22% 60% 38% 58%;transform:rotate(35deg)}.motion-frame-three{transform:rotate(7deg)translateY(7px)}.motion-frame-three:before{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:20%}.motion-playhead{z-index:3;background:var(--ink);width:2px;animation:4.2s cubic-bezier(.65,0,.35,1) infinite alternate cap-playhead;position:absolute;top:16px;bottom:16px;left:22%;box-shadow:0 0 0 4px #fffdf7b3}.capability-bridge{background:var(--ink);width:max-content;max-width:calc(100% - 32px);color:var(--paper);letter-spacing:.02em;text-align:center;border-radius:999px;margin:28px auto 0;padding:15px 22px;font-size:12px;font-weight:750;transform:rotate(-1deg)}.work-section{padding-block:140px}.section-header{grid-template-columns:.65fr 1.35fr;gap:40px;margin-bottom:64px;display:grid}.section-header h2{margin:0;font-size:clamp(58px,7vw,108px);line-height:.92}.section-header h2 em{color:var(--clay);font-weight:inherit}.project-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.project-card{--card:var(--paper);background:var(--card);min-height:700px;color:inherit;cursor:pointer;border-radius:42px;flex-direction:column;justify-content:space-between;padding:36px;text-decoration:none;display:flex;position:relative;overflow:hidden}.project-card:focus-visible{outline:4px solid var(--ink);outline-offset:5px}.project-card.blue{--card:var(--blue);color:#fff}.project-card.clay{--card:var(--clay)}.project-card.moss{--card:var(--moss)}.project-card.butter{--card:var(--butter)}.project-meta{letter-spacing:.15em;text-transform:uppercase;justify-content:space-between;font-size:11px;font-weight:750;display:flex}.project-card h3{margin:58px 0 10px;font-size:clamp(62px,6.7vw,104px);line-height:.86}.project-card>div>p{max-width:480px;margin:0;font-size:15px;line-height:1.55}.project-image{background:var(--white);border-radius:27px;width:calc(100% + 34px);margin:54px -17px -94px;padding:10px 10px 0;transition:transform .6s cubic-bezier(.22,1,.36,1);transform:rotate(-2.5deg);box-shadow:0 34px 70px #15151238}.project-card:nth-child(2n) .project-image{transform:rotate(2.5deg)}.project-card:hover .project-image{transform:rotate(-.5deg)translateY(-14px)}.project-card:nth-child(2n):hover .project-image{transform:rotate(.5deg)translateY(-14px)}.project-image img{aspect-ratio:16/9;object-fit:cover;border-radius:19px;width:100%;display:block}.project-image figcaption{color:var(--ink);letter-spacing:.1em;text-transform:uppercase;padding:12px 8px 15px;font-size:10px;font-weight:750}.process-section{background:var(--white);padding:140px 0}.center-header{text-align:center}.center-header h2{margin:0;font-size:clamp(62px,7vw,110px);line-height:.92}.process-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:70px;display:grid}.process-card{background:var(--paper);border:1px solid #15151217;border-radius:30px;padding:16px 16px 32px}.process-visual{background:#ece8df;border-radius:22px;place-items:center;height:320px;display:grid;position:relative;overflow:hidden}.shape{background:var(--ink);border-radius:48% 55% 42% 53%;width:112px;height:150px;display:block;transform:rotate(-7deg)}.shape-02{border-radius:44px 58px 38px 52px;width:150px;height:116px;transform:rotate(5deg)}.shape-03{clip-path:polygon(50% 0,63% 36%,100% 50%,63% 64%,50% 100%,37% 64%,0 50%,37% 36%);border-radius:50%;width:132px;height:132px}.mini-ui{background:var(--white);border-radius:14px;width:128px;padding:12px;position:absolute;bottom:24px;right:24px;box-shadow:0 12px 28px #1515121f}.mini-ui i{background:#d8d4ca;border-radius:20px;height:7px;margin:5px 0;display:block}.mini-ui i:first-child{background:var(--ink);width:58%}.step-number{letter-spacing:.14em;margin:24px 0 36px;font-size:11px;font-weight:750;display:block}.process-card h3{margin:0;font-size:52px}.process-card p{color:#151512a6;margin:12px 0 0;font-size:14px;line-height:1.55}.motion-section{background:var(--ink);color:var(--paper);padding:130px 0}.motion-grid{grid-template-columns:.76fr 1.24fr;align-items:center;gap:64px;display:grid}.motion-copy h2{margin:0;font-size:clamp(62px,7vw,112px);line-height:.88}.motion-copy h2 em{color:var(--butter);font-weight:inherit}.motion-copy>p:not(.eyebrow){color:#f3f0e8b3;max-width:500px;margin:32px 0;line-height:1.65}.motion-copy>a{background:var(--paper);color:var(--ink);border-radius:999px;align-items:center;gap:26px;padding:12px 14px 12px 18px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.motion-copy>a span{font-size:18px}.motion-reel{min-height:760px;position:relative}.motion-film{background:#292925;border-radius:25px;margin:0;padding:9px 9px 0;animation:7s ease-in-out infinite alternate drift;position:absolute;box-shadow:0 30px 80px #0000005c}.motion-film video{aspect-ratio:16/9;object-fit:cover;background:#090909;border-radius:18px;width:100%;display:block}.motion-film figcaption{letter-spacing:.1em;text-transform:uppercase;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px 7px 15px;font-size:9px;display:grid}.motion-film figcaption span{color:var(--butter);font-weight:800}.motion-film figcaption b{font-size:10px}.motion-film figcaption small{color:#f3f0e880;font-size:8px}.motion-film-1{z-index:2;width:62%;top:10px;left:0;transform:rotate(-2deg)}.motion-film-2{z-index:3;width:52%;animation-delay:-1.5s;top:70px;right:0;transform:rotate(3deg)}.motion-film-3{z-index:4;width:54%;animation-delay:-3s;bottom:34px;left:6%;transform:rotate(3deg)}.motion-film-4{z-index:5;width:49%;animation-delay:-4.5s;bottom:0;right:2%;transform:rotate(-4deg)}.studio-section{grid-template-columns:1fr 1fr;gap:24px;padding-block:140px;display:grid}.studio-story{padding:40px 30px}.studio-story h2{margin:0;font-size:clamp(62px,7vw,108px);line-height:.9}.studio-story>p:not(.eyebrow){max-width:590px;margin:34px 0 0;font-size:17px;line-height:1.7}.studio-notes{gap:14px;display:grid}.note{background:var(--accent);border-radius:30px;grid-template-columns:.7fr 1.3fr;align-items:end;gap:28px;min-height:210px;padding:30px;display:grid}.note strong{font-family:var(--font-display),Georgia,serif;font-size:48px;font-weight:400}.note span{font-size:14px;line-height:1.55}.note.ink{--accent:var(--ink);color:var(--paper)}.contact-section{background:var(--white);padding:130px 0}.contact-shell{grid-template-columns:minmax(0,.85fr) minmax(520px,1.15fr);align-items:start;gap:clamp(54px,8vw,130px);display:grid}.contact-intro{position:sticky;top:130px}.contact-mark{width:64px;height:64px;margin-bottom:32px}.contact-section h2{margin:0;font-size:clamp(70px,7.5vw,112px);line-height:.86}.contact-note{color:#151512a6;max-width:500px;margin:34px 0 0;font-size:15px;line-height:1.65}.contact-form{background:var(--paper);border:1px solid #1515121a;border-radius:38px;gap:22px;padding:clamp(24px,3.2vw,44px);display:grid;box-shadow:0 28px 80px #15151212}.contact-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-form label{text-align:left;gap:9px;display:grid}.contact-form label>span{letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:750}.contact-form label b{color:var(--clay);font-size:12px}.contact-form input,.contact-form select,.contact-form textarea{background:var(--white);width:100%;color:var(--ink);font:inherit;border:1px solid #1515121f;border-radius:17px;outline:none;font-size:14px;transition:border-color .18s,box-shadow .18s,transform .18s}.contact-form input,.contact-form select{height:54px;padding:0 16px}.contact-form select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 19px) 24px,calc(100% - 14px) 24px;background-repeat:no-repeat;background-size:5px 5px;padding-right:38px}.contact-form textarea{resize:vertical;min-height:150px;padding:16px;line-height:1.55}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#15151261}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--clay);transform:translateY(-1px);box-shadow:0 0 0 4px #d9674f1c}.contact-form-action{justify-content:flex-end;align-items:center;gap:20px;padding-top:4px;display:flex}.contact-form-action:has(.contact-form-status){justify-content:space-between}.contact-form-status{color:#1515128f;max-width:320px;margin:0;font-size:11px;line-height:1.5}.contact-form-status.sent{color:#426d50}.contact-form-status.error{color:#9b3b2c}.contact-form button{background:var(--ink);color:var(--paper);font:inherit;cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;gap:22px;padding:9px 10px 9px 18px;font-size:13px;font-weight:750;transition:transform .18s,background .18s;display:flex}.contact-form button:hover:not(:disabled){background:#30302b;transform:translateY(-2px)}.contact-form button:disabled{cursor:wait;opacity:.72}.contact-form button i{background:var(--butter);width:34px;height:34px;color:var(--ink);border-radius:50%;place-items:center;font-size:16px;font-style:normal;display:grid}.contact-honeypot{width:1px!important;height:1px!important;position:absolute!important;left:-9999px!important;overflow:hidden!important}.footer{z-index:1;background:var(--ink);width:100%;max-width:none;min-height:250px;color:var(--paper);grid-template-columns:1.3fr 1fr .5fr .5fr;align-items:end;gap:40px;margin:0;padding:70px max(20px,50vw - 720px);display:grid;position:relative}.footer-brand{font-family:var(--font-display),Georgia,serif;align-items:center;gap:14px;font-size:28px;text-decoration:none;display:flex}.footer-mark{width:48px;height:48px}.footer p{color:#f3f0e8ad;margin:0;font-size:12px;line-height:1.65}.footer p a{color:var(--paper);text-underline-offset:4px;margin-top:5px;text-decoration-thickness:1px;display:inline-block}.footer>div{gap:8px;display:grid}.footer>div a{font-size:12px;text-decoration:none}.footer>div a:hover,.footer p a:hover{color:var(--butter)}.footer small{text-align:right;color:#f3f0e880;font-size:10px}@keyframes mark-rise{0%{opacity:0;transform:translateY(22px)scale(.86)}to{opacity:1;transform:none}}@keyframes mark-stop-motion{0%,to{filter:none;transform:translate(0)rotate(0)scale(1)}12%{filter:drop-shadow(.35px 0 #1515123d);transform:translate(.35px,-.25px)rotate(-.35deg)scale(1.006,.996)}25%{filter:none;transform:translate(-.25px,.2px)rotate(.28deg)scale(.997,1.005)}39%{filter:drop-shadow(-.3px .2px #15151233);transform:translate(.15px,.35px)rotate(-.18deg)scale(1.003,.998)}54%{filter:none;transform:translate(-.35px,-.1px)rotate(.32deg)scale(.998,1.004)}68%{filter:drop-shadow(.25px -.2px #1515122e);transform:translate(.25px,.1px)rotate(-.25deg)scale(1.005,.997)}82%{filter:none;transform:translate(-.1px,.3px)rotate(.16deg)scale(.999,1.003)}}@keyframes mark-pencil-a{0%,to{opacity:.05;transform:translate(-.45px,.2px)rotate(-.28deg)scale(1.004)}25%{opacity:.09;transform:translate(.35px,-.3px)rotate(.2deg)scale(.998)}54%{opacity:.04;transform:translate(-.2px,-.4px)rotate(-.15deg)scale(1.003)}82%{opacity:.08;transform:translate(.4px,.25px)rotate(.24deg)scale(.999)}}@keyframes mark-pencil-b{0%,to{opacity:.035;transform:translate(.35px,-.25px)rotate(.2deg)scale(.998)}18%{opacity:.075;transform:translate(-.3px,.35px)rotate(-.22deg)scale(1.004)}47%{opacity:.03;transform:translate(.25px,.4px)rotate(.16deg)scale(1.001)}72%{opacity:.07;transform:translate(-.4px,-.15px)rotate(-.2deg)scale(.997)}}@keyframes hero-letter-ease{0%{opacity:0;filter:blur(2px);transform:translateY(.1em)rotate(1deg)scale(.96)}to{opacity:1;filter:blur();transform:none}}@keyframes hero-tagline-ease{0%{opacity:0;filter:blur(1.5px);transform:translateY(.16em)}to{opacity:1;filter:blur();transform:none}}@keyframes thumb-in{0%{opacity:0;translate:0 30px;scale:.84}to{opacity:.96;translate:0;scale:1}}@keyframes thumb-float{0%{translate:0 -5px}to{translate:0 9px}}@keyframes info-float{0%{translate:0 5px}to{translate:0 -7px}}@keyframes drift{0%{translate:0 -4px}to{translate:0 8px}}@keyframes cap-node-one{0%{translate:0}to{translate:20px 26px}}@keyframes cap-node-two{0%{translate:0}to{translate:-24px -18px}}@keyframes cap-playhead{0%{left:20%}to{left:80%}}@media (max-width:900px){.shell{width:min(100% - 24px,1440px)}.nav-links>a:not(.nav-cta){display:none}.hero{min-height:860px;padding-inline:18px}.hero-thumb{opacity:.72}.hero-thumb-1{width:170px;top:17%;left:-58px}.hero-thumb-2{width:165px;top:18%;right:-60px}.hero-thumb-3{width:178px;bottom:10%;left:-48px}.hero-thumb-4{width:180px;bottom:9%;right:-54px}.hero-logo-card{width:72px;height:72px;padding:8px}.hero-logo-card-1{top:29%;left:7%}.hero-logo-card-2{top:30%;right:7%}.hero-logo-card-3{bottom:20%;left:8%}.hero-logo-card-4{bottom:19%;right:8%}.proof-card{opacity:.65}.section-header,.motion-grid,.studio-section,.project-grid{grid-template-columns:1fr}.project-card{min-height:680px}.process-grid{grid-template-columns:1fr}.process-visual{height:280px}.motion-reel{min-height:720px;margin-top:42px}.studio-section{padding-block:90px}.footer{grid-template-columns:1fr 1fr}.footer small{text-align:left}.contact-section{padding-block:96px}.contact-shell{grid-template-columns:1fr;gap:48px}.contact-intro{position:static}.contact-intro h2{font-size:clamp(72px,13vw,108px)}}@media (max-width:560px){h1{font-size:65px}.hero-motion-line{font-size:clamp(41px,11.7vw,52px)}.hero{min-height:820px;padding-top:120px}.hero-copy{max-width:320px}.hero-thumb{opacity:.62;border-width:4px;border-radius:18px}.hero-thumb-1{width:130px;top:17%;left:-62px}.hero-thumb-2{width:128px;top:18%;right:-63px}.hero-thumb-3{width:142px;bottom:9%;left:-54px}.hero-thumb-4{width:142px;bottom:8%;right:-56px}.hero-logo-card{opacity:.88;border-radius:17px;width:56px;height:56px;padding:6px}.hero-logo-card img{border-radius:12px}.hero-logo-card-1{top:29%;left:8px}.hero-logo-card-2{top:30%;right:8px}.hero-logo-card-3{bottom:19%;left:12px}.hero-logo-card-4{bottom:18%;right:12px}.proof-section{min-height:660px}.proof-section h2{font-size:58px}.proof-card{padding:10px;font-size:9px}.proof-a{left:-20px}.proof-b{right:-28px}.proof-c{left:-24px}.proof-d{right:-26px}.work-section,.process-section{padding-block:90px}.section-header{display:block}.section-header .eyebrow{margin-bottom:30px}.project-card{border-radius:30px;min-height:580px;padding:24px}.project-card h3{font-size:62px}.project-image{margin-top:42px;margin-bottom:-64px}.motion-section{padding:90px 0}.motion-reel{min-height:560px}.motion-film-1{width:68%}.motion-film-2{width:58%}.motion-film-3{width:61%}.motion-film-4{width:56%}.motion-film figcaption small{display:none}.studio-story{padding-inline:6px}.note{grid-template-columns:1fr;align-items:start}.footer{grid-template-columns:1fr;gap:30px;padding-block:58px}.footer small{text-align:left}.contact-section{padding-block:78px}.contact-shell{gap:38px;width:calc(100% - 20px)}.contact-intro h2{font-size:58px}.contact-note{margin-top:24px;font-size:14px}.contact-form{border-radius:27px;gap:18px;padding:20px 14px}.contact-form-row{grid-template-columns:1fr}.contact-form-action{flex-direction:column;align-items:stretch}.contact-form-status{max-width:none}.contact-form button{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-beautifully{margin-inline-end:.18em!important}.matchless-mark-animated:before,.matchless-mark-animated:after{display:none}}.project-card.moss .project-image img{object-position:72% 50%;filter:saturate(1.05)contrast(1.04)}.hero-thumb,.hero-logo-card{pointer-events:auto;cursor:pointer;text-decoration:none;transition:box-shadow .22s,filter .22s}:is(.hero-thumb:hover,.hero-logo-card:hover,.hero-thumb:focus-visible,.hero-logo-card:focus-visible){filter:brightness(1.03);box-shadow:0 30px 76px #15151238}:is(.hero-thumb:focus-visible,.hero-logo-card:focus-visible){outline:3px solid var(--ink);outline-offset:5px}.hero-thumb-1{animation:.8s cubic-bezier(.22,1,.36,1) .1s both thumb-in,7.9s ease-in-out 1.25s infinite alternate hero-drift-one}.hero-thumb-2{animation:.8s cubic-bezier(.22,1,.36,1) .19s both thumb-in,6.3s ease-in-out 1.65s infinite alternate hero-drift-two}.hero-thumb-3{animation:.8s cubic-bezier(.22,1,.36,1) .28s both thumb-in,8.7s ease-in-out 1.4s infinite alternate hero-drift-three}.hero-thumb-4{animation:.8s cubic-bezier(.22,1,.36,1) .37s both thumb-in,7.1s ease-in-out 1.9s infinite alternate hero-drift-four}.hero-logo-card-1{animation:.8s cubic-bezier(.22,1,.36,1) .25s both thumb-in,6.7s ease-in-out 1.4s infinite alternate logo-drift-one}.hero-logo-card-2{animation:.8s cubic-bezier(.22,1,.36,1) .34s both thumb-in,8.2s ease-in-out 1.85s infinite alternate logo-drift-two}.hero-logo-card-3{animation:.8s cubic-bezier(.22,1,.36,1) .43s both thumb-in,7.4s ease-in-out 1.55s infinite alternate logo-drift-three}.hero-logo-card-4{animation:.8s cubic-bezier(.22,1,.36,1) .52s both thumb-in,9.1s ease-in-out 2.05s infinite alternate logo-drift-four}.hero-thumb-2 img{transform-origin:27% 28%;scale:1.68}.hero-thumb-3 img{object-position:100% 54%;transform-origin:100% 54%;scale:2.2}.hero-thumb-4 img{object-position:100% 50%;transform-origin:100%;scale:2}.project-image-crop{aspect-ratio:16/9;border-radius:19px;overflow:hidden}.project-image-crop img{aspect-ratio:auto;object-fit:cover;border-radius:0;width:100%;height:100%}.project-card.clay .project-image-crop img{transform-origin:27% 29%;scale:1.62}.project-card.moss .project-image-crop img{object-position:100% 54%;transform-origin:100% 54%;scale:1.72}.project-card.butter .project-image-crop img{object-position:100% 50%;transform-origin:100%;scale:1.82}@keyframes hero-drift-one{0%{translate:0}45%{translate:5px 1px}to{translate:-1px 12px}}@keyframes hero-drift-two{0%{translate:0}55%{translate:-5px -3px}to{translate:2px -12px}}@keyframes hero-drift-three{0%{translate:0}40%{translate:3px -8px}to{translate:7px 7px}}@keyframes hero-drift-four{0%{translate:0}58%{translate:-3px 8px}to{translate:-8px -9px}}@keyframes logo-drift-one{0%{translate:0}to{translate:-6px -7px}}@keyframes logo-drift-two{0%{translate:0}to{translate:7px 5px}}@keyframes logo-drift-three{0%{translate:0}to{translate:5px -9px}}@keyframes logo-drift-four{0%{translate:0}to{translate:-4px 10px}}@media (max-width:900px){.capability-grid{grid-template-columns:1fr}.capability-card{min-height:680px}.capabilities-section{padding-block:100px}.capability-visual{height:260px}}@media (max-width:560px){.capabilities-section{padding-block:84px}.capabilities-intro{width:calc(100% - 28px)}.capabilities-intro h2{font-size:54px}.capabilities-intro>p:last-child{font-size:15px}.capability-grid{margin-top:48px}.capability-card{border-radius:30px;min-height:610px;padding:24px}.capability-visual{height:190px;margin-block:24px 30px}.capability-card h3{font-size:66px}.capability-card>p{font-size:14px}.motion-flow{gap:7px;padding:22px}.motion-frame{border-radius:17px}.capability-bridge{border-radius:22px}}.app-build-story,.motion-make-story{isolation:isolate;perspective:900px;background:#fffdf794}.story-stage{z-index:3;will-change:transform,opacity;border:1px solid #1515121f;border-radius:20px;position:absolute;inset:14px 16px 36px;overflow:hidden;box-shadow:0 18px 38px #15151226}.story-steps{z-index:12;color:#1515126b;letter-spacing:.14em;justify-content:center;align-items:center;gap:8px;font-size:7px;font-weight:800;display:flex;position:absolute;bottom:11px;left:18px;right:18px}.story-steps i{background:#15151238;width:24px;height:1px}.story-steps span{transition:color .24s}.story-steps span:first-of-type{animation:9.6s linear infinite story-step-one}.story-steps span:nth-of-type(2){animation:9.6s linear infinite story-step-two}.story-steps span:nth-of-type(3){animation:9.6s linear infinite story-step-three}.motion-make-story .story-steps span{animation-duration:10.2s}.app-code-scene{color:#f8f5ed;background:#15161d;animation:9.6s cubic-bezier(.22,1,.36,1) infinite app-code-scene;transform:rotate(-1deg)}.code-window-bar,.mini-app-top,.editor-top{letter-spacing:.08em;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:30px;padding:0 12px;font-size:7px;display:flex}.code-window-bar>span,.mini-app-top>span,.editor-top>span{gap:4px;display:flex}.code-window-bar i,.mini-app-top>span i,.editor-top>span i{background:#ff6e60;border-radius:50%;width:5px;height:5px;display:block}.code-window-bar i:nth-child(2),.mini-app-top>span i:nth-child(2),.editor-top>span i:nth-child(2){background:#f4bd4f}.code-window-bar i:nth-child(3),.mini-app-top>span i:nth-child(3),.editor-top>span i:nth-child(3){background:#62c554}.code-window-bar b,.mini-app-top b,.editor-top b{font-size:7px}.code-window-bar small{color:#8a91ff;font-size:6px;font-weight:800}.code-window-body{color:#c7c9d2;gap:5px;padding:12px 17px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;line-height:1.1;display:grid}.code-window-body span{white-space:nowrap;display:block}.code-window-body em{color:#a994ff;font-style:normal}.code-window-body b{color:#e5c56e;font-weight:500}.code-indent{color:#7dd8c4;padding-left:16px}.code-indent-two{padding-left:31px}.code-caret{vertical-align:-2px;background:#8a91ff;width:1px;height:9px;margin-left:2px;animation:.7s step-end infinite code-caret;display:inline-block}.app-ui-scene{color:var(--ink);opacity:0;background:#fffdf7;animation:9.6s cubic-bezier(.22,1,.36,1) infinite app-ui-scene}.mini-app-top{border-bottom-color:#15151217}.mini-app-top small{color:#30a65a;font-size:6px;font-weight:800}.mini-app-body{grid-template-columns:24% 1fr;height:calc(100% - 30px);display:grid}.mini-app-nav{background:#f3f0e8;border-right:1px solid #15151214;align-content:start;gap:10px;padding:13px 10px;display:grid}.mini-app-nav i{background:#d7d3c8;border-radius:99px;height:6px}.mini-app-nav i:first-child{background:var(--blue);width:82%}.mini-app-nav i:nth-child(2){width:60%}.mini-app-nav i:nth-child(3){width:74%}.mini-app-nav i:nth-child(4){width:46%}.mini-app-main{padding:11px 13px}.mini-app-heading{justify-content:space-between;align-items:center;font-size:7px;display:flex}.mini-app-heading b{font-size:10px}.mini-app-heading span{color:#1515127a}.mini-app-cards{grid-template-columns:1.1fr .8fr .9fr;gap:6px;margin-top:10px;display:grid}.mini-app-cards i{background:#eef0ff;border:1px solid #15151217;border-radius:8px;height:38px}.mini-app-cards i:nth-child(2){background:#f8e4df}.mini-app-cards i:nth-child(3){background:#e6eee7}.mini-app-action{background:var(--ink);width:max-content;color:var(--white);border-radius:99px;margin:10px 0 0 auto;padding:5px 7px 5px 9px;font-size:6px;font-weight:800;animation:9.6s ease-in-out infinite app-confirm}.mini-app-action b{width:12px;height:12px;color:var(--ink);background:#63cf82;border-radius:50%;place-items:center;margin-left:5px;display:inline-grid}.app-happy-scene{z-index:5;opacity:0;justify-content:center;align-items:center;gap:12px;animation:9.6s cubic-bezier(.22,1,.36,1) infinite app-happy-scene;display:flex;position:absolute;inset:12px 20px 35px}.app-happy-scene>strong{white-space:nowrap;font-family:var(--font-display),Georgia,serif;letter-spacing:-.03em;font-size:16px;font-weight:400;position:absolute;bottom:3px;left:50%;translate:-50%}.happy-face{aspect-ratio:1;border:2px solid var(--ink);background:var(--white);border-radius:48% 52% 46% 54%;width:58px;position:relative;box-shadow:0 12px 24px #15151221}.happy-face-two{background:var(--butter);border-radius:52% 46% 55% 43%;width:66px;animation:9.6s ease-in-out infinite happy-face-two}.happy-face-one{animation:9.6s ease-in-out infinite happy-face-one;rotate:-7deg}.happy-face-three{background:var(--clay);animation:9.6s ease-in-out infinite happy-face-three;rotate:8deg}.happy-face i{background:var(--ink);border-radius:50%;width:5px;height:7px;position:absolute;top:35%}.happy-face i:first-child{left:29%}.happy-face i:nth-child(2){right:29%}.happy-face b{border-bottom:3px solid var(--ink);border-radius:0 0 50% 50%;height:9px;position:absolute;bottom:25%;left:32%;right:32%}.motion-design-scene{background:#fffdf7;animation:10.2s cubic-bezier(.22,1,.36,1) infinite motion-design-scene}.design-stage-head{letter-spacing:.12em;border-bottom:1px solid #15151217;justify-content:space-between;align-items:center;height:28px;padding:0 11px;font-size:6px;display:flex}.design-stage-head>span{gap:5px;display:flex}.design-stage-head i{background:#d7d3c8;border-radius:99px;width:18px;height:5px;display:block}.design-stage-head i:nth-child(2){background:var(--clay);width:10px}.design-stage-head i:nth-child(3){background:var(--butter);width:13px}.design-canvas{background:#e9d8d3;border:1px solid #1515121c;border-radius:13px;position:absolute;inset:42px 18% 27px;overflow:hidden}.motif-orbit,.viewer-orbit,.exported-orbit{border:2px solid var(--ink);border-radius:50%;width:82px;height:82px;position:absolute}.motif-orbit{top:9%;left:20%;transform:rotate(-18deg)scaleY(.48)}.motif-pill,.viewer-pill,.exported-pill{background:var(--clay);border-radius:99px;width:50px;height:17px;position:absolute;transform:rotate(-22deg)}.motif-pill{bottom:18%;right:17%}.motif-star,.viewer-star{color:var(--ink);font-family:Georgia,serif;line-height:1;position:absolute}.motif-star{font-size:42px;animation:3s ease-in-out infinite alternate design-star;top:45%;left:49%;translate:-50% -50%}.design-swatches{align-items:center;gap:5px;display:flex;position:absolute;bottom:8px;left:10px}.design-swatches i{background:var(--ink);border-radius:50%;width:9px;height:9px}.design-swatches i:nth-child(2){background:var(--clay)}.design-swatches i:nth-child(3){background:var(--butter)}.design-swatches b{letter-spacing:.12em;margin-left:4px;font-size:6px}.motion-editor-scene{color:#f7f4ed;opacity:0;background:#17181e;animation:10.2s cubic-bezier(.22,1,.36,1) infinite motion-editor-scene}.editor-top{height:27px}.editor-top small{color:#fff;background:#8d77ff;border-radius:99px;padding:4px 7px;font-size:6px;font-weight:800}.editor-workspace{grid-template-columns:28% 1fr;height:calc(100% - 55px);display:grid}.editor-layers{border-right:1px solid #ffffff17;align-content:start;gap:5px;padding:8px;font-size:6px;display:grid}.editor-layers>b{color:#ffffff6b;letter-spacing:.13em;margin-bottom:2px;font-size:5px}.editor-layers span{background:#ffffff0f;border-radius:4px;align-items:center;gap:5px;padding:4px 5px;display:flex}.editor-layers span:first-of-type{background:#8d77ff40}.editor-layers i{background:#8d77ff;border-radius:2px;width:6px;height:6px}.editor-layers span:nth-of-type(2) i{background:0 0;border:1px solid #e0dcd2;border-radius:50%}.editor-layers span:nth-of-type(3) i{background:var(--clay)}.editor-viewer{background:#ead9d4;border-radius:8px;margin:7px;position:relative;overflow:hidden}.viewer-orbit{top:4%;left:24%;transform:rotate(-18deg)scaleY(.48)}.viewer-pill{bottom:17%;right:18%}.viewer-star{font-size:39px;animation:2.1s ease-in-out infinite alternate viewer-star;top:48%;left:50%;translate:-50% -50%}.editor-timeline{background:#111217;border-top:1px solid #ffffff1a;height:28px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.editor-timeline>span{background:#8d77ff;border-radius:99px;height:4px;position:absolute;left:12px}.editor-timeline>span:first-child{width:54%;top:5px}.editor-timeline>span:nth-child(2){background:var(--clay);width:71%;top:12px}.editor-timeline>span:nth-child(3){background:var(--butter);width:42%;top:19px}.editor-playhead{background:#fff;width:1px;animation:10.2s ease-in-out infinite editor-playhead;position:absolute;top:2px;bottom:2px;left:16%;box-shadow:0 0 0 2px #ffffff29}.motion-export-scene{z-index:6;opacity:0;place-items:center;animation:10.2s cubic-bezier(.22,1,.36,1) infinite motion-export-scene;display:grid;position:absolute;inset:8px 18px 34px}.exported-motion{border:2px solid var(--ink);background:#fffdf7;border-radius:19px;width:132px;height:102px;animation:10.2s cubic-bezier(.22,1,.36,1) infinite exported-motion;position:relative;overflow:hidden;box-shadow:0 22px 36px #1515122e}.exported-motion>b{z-index:2;font-family:Georgia,serif;font-size:43px;position:absolute;top:45%;left:50%;translate:-50% -50%}.exported-motion>small{background:var(--ink);color:#fff;letter-spacing:.14em;border-radius:99px;padding:3px 5px;font-size:5px;font-weight:900;position:absolute;bottom:7px;right:8px}.exported-orbit{top:-2px;left:11px;transform:rotate(-18deg)scale(.75,.4)}.exported-pill{bottom:18px;right:10px;transform:rotate(-22deg)scale(.75)}.export-thumbs{border:2px solid var(--ink);background:var(--butter);border-radius:50%;place-items:center;width:38px;height:38px;font-size:20px;animation:10.2s cubic-bezier(.22,1,.36,1) infinite export-thumbs;display:grid;position:absolute;top:20%;right:16%;box-shadow:0 10px 22px #15151229}.motion-export-scene>strong{white-space:nowrap;font-family:var(--font-display),Georgia,serif;letter-spacing:-.03em;font-size:15px;font-weight:400;position:absolute;bottom:0;left:50%;translate:-50%}@keyframes app-code-scene{0%,23%{opacity:1;transform:translate(0)rotate(-1deg)scale(1)}31%,95%{opacity:0;transform:translate(-28px,-7px)rotate(-5deg)scale(.88)}to{opacity:1;transform:translate(0)rotate(-1deg)scale(1)}}@keyframes app-ui-scene{0%,23%{opacity:0;transform:translate(32px,12px)rotate(4deg)scale(.84)}31%,57%{opacity:1;transform:translate(0)rotate(0)scale(1)}65%,to{opacity:0;transform:translateY(-24px)rotate(-2deg)scale(.9)}}@keyframes app-happy-scene{0%,58%{opacity:0;transform:scale(.78)}67%,89%{opacity:1;transform:scale(1)}96%,to{opacity:0;transform:scale(.88)}}@keyframes app-confirm{0%,35%{opacity:.45;scale:.9}42%,55%{opacity:1;scale:1}59%{scale:1.06}64%,to{opacity:0;scale:.9}}@keyframes happy-face-one{0%,64%{translate:0 22px}72%{translate:0 -7px}78%,to{translate:0}}@keyframes happy-face-two{0%,67%{translate:0 25px}75%{translate:0 -10px}82%,to{translate:0}}@keyframes happy-face-three{0%,70%{translate:0 22px}78%{translate:0 -7px}85%,to{translate:0}}@keyframes code-caret{50%{opacity:0}}@keyframes story-step-one{0%,25%,96%,to{color:var(--ink)}32%,90%{color:#15151252}}@keyframes story-step-two{0%,26%,64%,to{color:#15151252}32%,58%{color:var(--ink)}}@keyframes story-step-three{0%,60%,96%,to{color:#15151252}68%,90%{color:var(--ink)}}@keyframes motion-design-scene{0%,23%{opacity:1;transform:translate(0)rotate(-1deg)scale(1)}31%,95%{opacity:0;transform:translate(-24px,-8px)rotate(-4deg)scale(.88)}to{opacity:1;transform:translate(0)rotate(-1deg)scale(1)}}@keyframes motion-editor-scene{0%,23%{opacity:0;transform:translate(30px,12px)rotate(3deg)scale(.84)}31%,61%{opacity:1;transform:translate(0)rotate(0)scale(1)}69%,to{opacity:0;transform:translateY(-22px)rotate(-2deg)scale(.9)}}@keyframes motion-export-scene{0%,61%{opacity:0}69%,90%{opacity:1}97%,to{opacity:0}}@keyframes exported-motion{0%,63%{transform:translateY(55px)rotate(-8deg)scale(.68)}71%{transform:translateY(-8px)rotate(3deg)scale(1.05)}77%{transform:translate(0)rotate(-1deg)scale(1)}84%{transform:translateY(-10px)rotate(2deg)scale(1)}90%{transform:translate(0)rotate(-1deg)scale(1)}97%,to{transform:translate(24px,-18px)rotate(7deg)scale(.86)}}@keyframes export-thumbs{0%,72%{opacity:0;transform:scale(.3)rotate(-18deg)}78%,90%{opacity:1;transform:scale(1)rotate(8deg)}96%,to{opacity:0;transform:scale(.6)rotate(18deg)}}@keyframes editor-playhead{0%,29%{opacity:0;left:16%}34%{opacity:1;left:16%}61%{opacity:1;left:82%}67%,to{opacity:0;left:82%}}@keyframes design-star{to{transform:rotate(14deg)scale(1.08)}}@keyframes viewer-star{to{transform:rotate(18deg)scale(1.1)}}@media (max-width:560px){.story-stage{inset:10px 11px 31px}.story-steps{gap:5px;bottom:9px}.story-steps i{width:12px}.code-window-body{gap:3px;padding:8px 12px;font-size:6px}.code-window-bar,.mini-app-top,.editor-top{height:25px;padding-inline:8px}.mini-app-body{height:calc(100% - 25px)}.mini-app-nav{gap:7px;padding:9px 7px}.mini-app-main{padding:8px}.mini-app-cards{gap:4px;margin-top:7px}.mini-app-cards i{height:29px}.happy-face{width:43px}.happy-face-two{width:50px}.app-happy-scene{gap:7px}.app-happy-scene>strong,.motion-export-scene>strong{font-size:13px}.editor-workspace{height:calc(100% - 50px)}.editor-top{height:24px}.editor-timeline{height:26px}.design-canvas{top:35px}.exported-motion{width:104px;height:81px}.export-thumbs{width:31px;height:31px;font-size:15px;right:10%}}@media (prefers-reduced-motion:reduce){.capability-visual *{animation:none!important}.app-code-scene,.app-happy-scene,.motion-design-scene,.motion-export-scene{display:none!important}.app-ui-scene,.motion-editor-scene{opacity:1!important;display:block!important;transform:none!important}.editor-playhead{opacity:1!important;left:55%!important}.story-steps{display:none!important}}.app-capability-still,.motion-capability-still{isolation:isolate;perspective:none;background:#fffdf7a3}.app-capability-still:before,.motion-capability-still:before{content:"";z-index:0;background:#15151229;height:1px;position:absolute;top:49%;left:14%;right:12%;transform:rotate(-4deg)}.app-capability-still *,.motion-capability-still *{animation:none!important}.app-capability-still .story-stage,.motion-capability-still .story-stage{opacity:1;will-change:auto;inset:auto}.app-capability-still .story-steps,.motion-capability-still .story-steps{bottom:8px;left:18px;right:18px}.app-capability-still .story-steps span,.motion-capability-still .story-steps span{color:var(--ink)}.app-capability-still .app-code-scene{z-index:2;width:48%;height:58%;top:27%;left:2%;transform:rotate(-5deg);box-shadow:0 14px 30px #15151224}.app-capability-still .app-ui-scene{z-index:4;width:59%;height:70%;top:7%;left:28%;transform:rotate(2deg);box-shadow:0 20px 42px #1515122e}.app-capability-still .code-caret{opacity:1}.app-capability-still .app-happy-scene{z-index:6;background:var(--white);opacity:1;border:1px solid #1515121f;border-radius:18px;justify-content:center;gap:7px;width:43%;height:78px;padding:10px 12px 25px;display:flex;inset:auto 1.5% 25px auto;transform:rotate(-2deg);box-shadow:0 16px 30px #1515122b}.app-capability-still .happy-face{flex:none;width:32px;translate:0;rotate:-5deg}.app-capability-still .happy-face-two{width:38px;rotate:2deg}.app-capability-still .happy-face-three{rotate:7deg}.app-capability-still .happy-face i{width:3px;height:4px}.app-capability-still .happy-face b{border-bottom-width:2px;height:6px}.app-capability-still .app-happy-scene>strong{font-size:11px;bottom:5px}.motion-capability-still .motion-design-scene{z-index:2;width:42%;height:56%;top:25%;left:2%;transform:rotate(-6deg);box-shadow:0 14px 30px #15151224}.motion-capability-still .motion-editor-scene{z-index:4;width:60%;height:72%;top:7%;left:24%;transform:rotate(1.5deg);box-shadow:0 20px 42px #15151233}.motion-capability-still .editor-playhead{opacity:1;left:58%}.motion-capability-still .motion-export-scene{z-index:6;opacity:1;place-items:center;width:36%;height:66%;display:grid;inset:auto .5% 24px auto}.motion-capability-still .exported-motion{width:112px;height:88px;transform:rotate(5deg);box-shadow:0 18px 34px #15151238}.motion-capability-still .export-thumbs{opacity:1;width:34px;height:34px;font-size:17px;top:3%;right:1%;transform:rotate(8deg)}.motion-capability-still .motion-export-scene>strong{font-size:11px;bottom:1px}@media (max-width:560px){.app-capability-still .app-code-scene{width:51%;height:55%;top:29%;left:1%}.app-capability-still .app-ui-scene{width:66%;height:69%;top:6%;left:24%}.app-capability-still .app-happy-scene{gap:5px;width:47%;height:64px;padding:8px 8px 21px;bottom:21px;right:1%}.app-capability-still .happy-face{width:25px}.app-capability-still .happy-face-two{width:30px}.app-capability-still .app-happy-scene>strong{font-size:9px}.motion-capability-still .motion-design-scene{width:45%;height:53%;top:27%;left:1%}.motion-capability-still .motion-editor-scene{width:67%;height:70%;top:6%;left:20%}.motion-capability-still .motion-export-scene{width:40%;height:62%;bottom:21px;right:0}.motion-capability-still .exported-motion{width:84px;height:68px}.motion-capability-still .export-thumbs{width:27px;height:27px;font-size:13px}.motion-capability-still .motion-export-scene>strong{font-size:9px}.app-capability-still .story-steps,.motion-capability-still .story-steps{bottom:7px}}.hero-thumb-4 img,.project-card.butter .project-image-crop img{object-position:50% 50%;transform-origin:50%;scale:1.02}@media (min-width:901px){.capabilities-section{padding-block:110px 115px}.capabilities-intro{width:min(1050px,100% - 48px)}.capabilities-intro h2{max-width:1000px;font-size:clamp(60px,7vw,108px)}.capabilities-intro>p:last-child{max-width:720px;margin-top:26px;font-size:clamp(15px,1.35vw,18px)}.capability-grid{gap:16px;width:min(1180px,100% - 40px);margin-top:58px}.capability-card{border-radius:34px;min-height:570px;padding:28px}.capability-meta{font-size:10px}.capability-visual{border-radius:23px;height:188px;margin:22px 0 28px}.capability-card h3{font-size:clamp(56px,5vw,76px);line-height:.88}.capability-card>p{max-width:440px;margin:12px 0 22px;font-size:14px;line-height:1.5}.capability-card li{gap:10px;padding:11px 0;font-size:12px}.capability-card li:before{width:6px;height:6px}.capability-card>strong{padding-top:22px;font-size:clamp(24px,2vw,30px)}.work-section{width:min(1180px,100% - 40px);padding-block:115px}.section-header{margin-bottom:52px}.section-header h2{font-size:clamp(54px,6vw,92px)}.project-grid{gap:16px}.project-card{border-radius:34px;min-height:550px;padding:28px}.project-meta{font-size:10px}.project-card h3{margin:42px 0 9px;font-size:clamp(54px,5vw,76px);line-height:.88}.project-card>div>p{max-width:430px;font-size:14px;line-height:1.5}.project-image{border-radius:23px;width:calc(100% + 28px);margin:40px -14px -74px;padding:8px 8px 0;box-shadow:0 28px 60px #15151233}}.scroll-reveal{--reveal-delay:0s;opacity:0;filter:blur(9px);transition:opacity .76s cubic-bezier(.22,1,.36,1) var(--reveal-delay), translate .76s cubic-bezier(.22,1,.36,1) var(--reveal-delay), filter .76s cubic-bezier(.22,1,.36,1) var(--reveal-delay);will-change:opacity,translate,filter;translate:0 38px}.scroll-reveal.is-revealed{opacity:1;filter:blur();translate:0}.capability-card:nth-child(2),.project-card:nth-child(2n){--reveal-delay:.11s}.contact-section>.scroll-reveal:nth-child(2){--reveal-delay:70ms}.contact-section>.scroll-reveal:nth-child(3){--reveal-delay:.13s}.contact-section>.scroll-reveal:nth-child(4){--reveal-delay:.19s}.footer>.scroll-reveal:nth-child(2){--reveal-delay:70ms}.footer>.scroll-reveal:nth-child(3){--reveal-delay:.13s}.footer>.scroll-reveal:nth-child(4){--reveal-delay:.19s}.motion-film.scroll-reveal{transition:opacity .82s cubic-bezier(.22,1,.36,1) var(--reveal-delay), scale .82s cubic-bezier(.22,1,.36,1) var(--reveal-delay), filter .82s cubic-bezier(.22,1,.36,1) var(--reveal-delay);translate:none;scale:.94}.motion-film-2.scroll-reveal{--reveal-delay:90ms}.motion-film-3.scroll-reveal{--reveal-delay:.17s}.motion-film-4.scroll-reveal{--reveal-delay:.25s}.motion-film.scroll-reveal.is-revealed{scale:1}@media (prefers-reduced-motion:reduce){.scroll-reveal{opacity:1!important;filter:none!important;transition:none!important;translate:none!important;scale:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}
