.skip-link{background:var(--ink);color:var(--white);z-index:10001;transition:transform .2s var(--ease);padding:.75rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}:root{--blue-50:#f3f8fc;--blue-100:#e4f0f8;--blue-200:#c5dff0;--blue-300:#9bcde6;--blue-400:#6eb4d6;--blue-500:#4a9bc4;--ink:#0b0d10;--ink-soft:#1a1f26;--gray-500:#6b7480;--gray-400:#8b939c;--gray-300:#c4cad1;--gray-200:#e6eaee;--gray-100:#f2f4f6;--white:#fff;--paper:#f7f9fb;--radius:2px;--ease:cubic-bezier(.22, 1, .36, 1);--font-display:"Syne", system-ui, sans-serif;--font-body:"Figtree", system-ui, sans-serif;--nav-h:72px;--max:1200px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:auto;background:var(--ink);max-width:100%;overflow-x:clip}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);cursor:none;max-width:100%;margin:0;padding:0;font-size:17px;line-height:1.55;overflow-x:clip}body.on-hero{background:var(--ink)}body.is-loading,body.menu-open{overflow:hidden}body.menu-open .nav{color:var(--white)}body.menu-open .nav .nav__solid,body.menu-open .nav .nav__mark--light{display:none}body.menu-open .nav .nav__mark--dark{display:block}body.menu-open .nav .nav__clarke{color:var(--white)}body.menu-open .nav .nav__studio{color:var(--blue-300)}body.menu-open .nav__toggle span{background:var(--white)}@media (pointer:coarse){body{cursor:auto}.cursor{display:none!important}}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-weight:700;line-height:1.05}p{margin:0}ul{margin:0;padding:0;list-style:none}.eyebrow{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-500);margin:0 0 1rem;font-size:.78rem;font-weight:600}.section-head{max-width:720px;margin-bottom:2.25rem}.section-title{margin-bottom:1rem;font-size:clamp(2.2rem,5vw,3.6rem)}.section-lede{color:var(--gray-500);max-width:540px;font-size:1.1rem}.loader{z-index:10000;background:var(--ink);color:var(--white);transition:opacity .7s var(--ease), visibility .7s;place-items:center;display:grid;position:fixed;inset:0}.loader.is-done{opacity:0;visibility:hidden;pointer-events:none}.loader__inner{text-align:center;justify-items:center;gap:1.5rem;width:min(280px,72vw);display:grid}.loader__lockup{justify-items:center;display:grid}.loader__mark{object-fit:contain;background:0 0;width:min(168px,44vw);height:auto}.loader__bar{background:#ffffff24;width:min(140px,38vw);height:1px;overflow:hidden}.loader__bar span{background:var(--blue-300);width:0;height:100%;display:block}.cursor{pointer-events:none;z-index:9998;mix-blend-mode:difference;position:fixed;inset:0}.cursor__dot,.cursor__ring{will-change:transform;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor__dot{background:var(--white);width:6px;height:6px}.cursor__ring{width:36px;height:36px;transition:width .25s var(--ease), height .25s var(--ease), opacity .25s;border:1px solid #ffffffb3}body.cursor-hover .cursor__ring{width:56px;height:56px}.progress{z-index:9990;background:0 0;height:2px;position:fixed;top:0;left:0;right:0}.progress span{background:linear-gradient(90deg, var(--blue-400), var(--blue-200));width:0%;height:100%;display:block}.nav{z-index:900;min-height:calc(var(--nav-h) + env(safe-area-inset-top,0px));height:auto;padding-top:calc(.85rem + env(safe-area-inset-top,0px));padding-bottom:.85rem;padding-left:max(1.1rem, env(safe-area-inset-left,0px));padding-right:max(1.1rem, env(safe-area-inset-right,0px));-webkit-backdrop-filter:none;transition:color .25s var(--ease);color:var(--white);background:0 0;border-bottom:none;justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:fixed;top:0;left:0;right:0;overflow:visible}.nav__solid{z-index:-1;pointer-events:none;border-bottom:1px solid var(--gray-200);background:#f7f9fbf7;display:none;position:absolute;inset:0}.nav.is-solid{color:var(--ink)}.nav.is-solid .nav__solid{display:block}@media (pointer:fine){.nav.is-solid .nav__solid{-webkit-backdrop-filter:blur(14px);background:#f7f9fbe0}}.nav__brand{color:inherit;align-items:center;text-decoration:none;display:flex}.nav__lockup{align-items:center;gap:.55rem;min-width:0;display:flex;overflow:visible}.nav__mark-wrap{flex-shrink:0;place-items:center;width:56px;height:36px;display:grid;overflow:visible}.nav__mark{object-fit:contain;object-position:center center;width:auto;max-width:56px;height:36px;display:block}.nav__mark--dark{grid-area:1/1;display:none}.nav__mark--light{grid-area:1/1}.nav:not(.is-solid) .nav__mark--light{display:none}.nav:not(.is-solid) .nav__mark--dark,.nav.is-solid .nav__mark--light{display:block}.nav.is-solid .nav__mark--dark{display:none}.nav__wordmark{white-space:nowrap;font-family:var(--font-body);align-items:center;gap:.4rem;line-height:1;display:flex}.nav__clarke,.nav__studio{letter-spacing:.11em;text-transform:uppercase;font-size:.6875rem;font-weight:700;line-height:1}.nav__studio{color:var(--blue-500)}.nav:not(.is-solid) .nav__clarke{color:var(--white)}.nav:not(.is-solid) .nav__studio{color:var(--blue-200)}.nav.is-solid .nav__clarke{color:var(--ink)}.nav.is-solid .nav__studio{color:var(--blue-500)}.nav__links{align-items:center;gap:1.75rem;font-size:.92rem;font-weight:500;display:flex}.nav__links a:not(.nav__cta){opacity:.85;transition:opacity .2s}.nav__links a:not(.nav__cta):hover{opacity:1}.nav__cta{border:1px solid;padding:.55rem 1rem;transition:background .25s,color .25s}.nav.is-solid .nav__cta:hover{background:var(--ink);color:var(--white)}.nav:not(.is-solid) .nav__cta:hover{background:var(--white);color:var(--ink)}.nav__toggle{width:40px;height:40px;display:none;position:relative}.nav__toggle span{height:1.5px;transition:transform .3s var(--ease);background:currentColor;position:absolute;left:10px;right:10px}.nav__toggle span:first-child{top:16px}.nav__toggle span:last-child{top:23px}body.menu-open .nav__toggle span:first-child{transform:translateY(3.5px)rotate(45deg)}body.menu-open .nav__toggle span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.mobile-menu{z-index:850;background:radial-gradient(ellipse at 12% 0%, #9bcde647, transparent 52%), radial-gradient(ellipse at 100% 85%, #4a9bc433, transparent 48%), var(--ink);color:var(--white);padding:calc(var(--nav-h) + 1.5rem) clamp(1.5rem, 6vw, 2.5rem) 3rem;flex-direction:column;justify-content:center;gap:1.75rem;display:flex;position:fixed;inset:0}.mobile-menu[hidden]{display:none}.mobile-menu__eyebrow{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--blue-300);margin:0;font-size:.72rem;font-weight:600}.mobile-menu__links{gap:.15rem;display:grid}.mobile-menu__links a{font-family:var(--font-display);letter-spacing:-.03em;color:#ffffffeb;transition:color .2s var(--ease), transform .2s var(--ease);border-bottom:1px solid #9bcde624;align-items:baseline;gap:.85rem;padding:.7rem 0;font-size:clamp(1.85rem,7.5vw,2.75rem);font-weight:600;display:flex}.mobile-menu__links a:hover,.mobile-menu__links a:focus-visible{color:var(--blue-300);transform:translate(4px)}.mobile-menu__num{font-family:var(--font-body);letter-spacing:.12em;color:var(--blue-400);min-width:1.6rem;font-size:.7rem;font-weight:600;transform:translateY(-.35em)}.mobile-menu__cta{margin-top:.85rem;font-weight:600;color:var(--blue-300)!important;border-bottom:none!important}.mobile-menu__cta .mobile-menu__num{display:none}.mobile-menu__cta:hover,.mobile-menu__cta:focus-visible{color:var(--blue-200)!important}@media (width<=860px){.nav__links{display:none}.nav__toggle{display:block}.nav__mark-wrap{width:52px;height:34px}.nav__mark{max-width:52px;height:34px}.nav__clarke,.nav__studio{letter-spacing:.1em;font-size:.625rem}}.btn{letter-spacing:-.01em;transition:transform .25s var(--ease), background .25s, color .25s, border-color .25s;justify-content:center;align-items:center;padding:.9rem 1.35rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--ink);color:var(--white)}.btn--primary:hover{background:var(--blue-500)}.scene--hero .btn--primary{color:var(--white);border:1px solid var(--blue-300);box-shadow:inset 0 0 0 0 var(--blue-300);background:0 0}.scene--hero .btn--primary:hover{background:var(--blue-300);color:var(--ink);border-color:var(--blue-300)}.btn--ghost{color:var(--white);border:1px solid #ffffff73}.btn--ghost:hover{background:var(--white);color:var(--ink);border-color:var(--white)}.btn--lg{padding:1.05rem 1.6rem;font-size:1.05rem}.scene{width:100%;max-width:100%;padding:clamp(2.6rem,6.5vw,5.2rem) clamp(1.25rem,4vw,2.5rem);position:relative;overflow-x:clip}.scene-wipe{z-index:9500;pointer-events:none;background:var(--blue-200);transform-origin:bottom;position:fixed;inset:0;transform:scaleY(0)}.magnetic{display:inline-flex}.scene--hero{min-height:100dvh;color:var(--white);align-items:end;padding:0;display:grid;overflow:hidden}.hero__media{position:absolute;inset:0}.hero__image{will-change:transform;background-color:#0b0d10;background-image:-webkit-linear-gradient(330deg,#4a9bc42e,#0000 48%),-webkit-image-set(url(/images/hero.webp) 1x type("image/webp"),url(/images/hero.jpg) 1x type("image/jpeg"));background-image:linear-gradient(120deg,#4a9bc42e,#0000 48%),image-set("/images/hero.webp" 1x type("image/webp"),"/images/hero.jpg" 1x type("image/jpeg"));background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}@media (width<=640px){.hero__image{background-image:-webkit-linear-gradient(330deg,#4a9bc42e,#0000 48%),-webkit-image-set(url(/images/hero-mobile.webp) 1x type("image/webp"),url(/images/hero.jpg) 1x type("image/jpeg"));background-image:linear-gradient(120deg,#4a9bc42e,#0000 48%),image-set("/images/hero-mobile.webp" 1x type("image/webp"),"/images/hero.jpg" 1x type("image/jpeg"));background-position:50% 45%}}.hero__veil{background:linear-gradient(#0b0d1059 0%,#0b0d108c 45%,#0b0d10d1 100%),linear-gradient(90deg,#0b0d1073,#0000 55%);position:absolute;inset:0}.hero__grain{opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero__content{z-index:2;max-width:820px;padding:calc(var(--nav-h) + 2rem) clamp(1.25rem, 4vw, 2.5rem) 6rem;position:relative}.hero__title{max-width:14ch;margin-bottom:1.25rem;font-size:clamp(2.6rem,7.2vw,5.2rem)}.hero__title .word{vertical-align:top;margin-right:.28em;display:inline-block;overflow:hidden}.hero__title .word>span{display:inline-block;transform:translateY(110%)}.hero__lede{color:#ffffffd1;opacity:1;max-width:42ch;margin-bottom:2rem;font-size:clamp(1.05rem,2vw,1.25rem)}.hero__actions{flex-wrap:wrap;gap:.85rem;display:flex}.hero__scroll{z-index:2;letter-spacing:.16em;text-transform:uppercase;opacity:.75;flex-direction:column;align-items:center;gap:.75rem;font-size:.7rem;display:flex;position:absolute;bottom:2rem;right:clamp(1.25rem,4vw,2.5rem)}.hero__scroll-line{background:linear-gradient(180deg, var(--blue-300), transparent);transform-origin:top;width:1px;height:56px;animation:scrollPulse 2.2s var(--ease) infinite}@keyframes scrollPulse{0%,to{opacity:.4;transform:scaleY(.45)}50%{opacity:1;transform:scaleY(1)}}.scene--statement{background:var(--white);padding-block:clamp(5rem,12vw,9rem)}.statement{max-width:980px;margin:0 auto}.statement__kicker{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-500);margin:0 0 1rem;font-size:.78rem;font-weight:600}.statement__text{letter-spacing:-.03em;color:var(--ink);opacity:1;font-size:clamp(1.8rem,4.2vw,3.1rem);font-weight:600}.statement__text em{color:var(--gray-500);font-style:normal}.scene--pillars{background:var(--paper);overflow:hidden}.pillars{gap:2.6rem;display:grid}.pillar{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(1.1rem,3vw,2.25rem);display:grid}.pillar:nth-child(2n){direction:rtl}.pillar:nth-child(2n)>*{direction:ltr}.pillar__visual{background:linear-gradient(160deg, var(--blue-100), var(--white) 55%, var(--gray-100));border:1px solid var(--gray-200);place-items:center;min-height:234px;display:grid;position:relative;overflow:hidden}.pillar__visual:before{content:"";background:radial-gradient(circle at 30% 20%,#9bcde673,#0000 45%);width:180%;height:180%;animation:12s ease-in-out infinite alternate drift;position:absolute}@keyframes drift{to{transform:translate(4%,6%)}}.pillar__copy h3{margin-bottom:.85rem;font-size:clamp(1.6rem,3vw,2.2rem)}.pillar__copy>p{color:var(--gray-500);max-width:42ch;margin-bottom:1.25rem}.pillar__copy li{border-top:1px solid var(--gray-200);color:var(--ink-soft);padding:.55rem 0;font-size:.95rem}.pillar__copy li:last-child{border-bottom:1px solid var(--gray-200)}.mock{z-index:1;background:var(--white);border:1px solid var(--gray-200);width:min(220px,72%);position:relative;box-shadow:0 20px 40px #0b0d1012}.mock__chrome{border-bottom:1px solid var(--gray-200);background:var(--gray-100);gap:6px;padding:.7rem .85rem;display:flex}.mock__chrome span{background:var(--gray-300);border-radius:50%;width:8px;height:8px}.mock__chrome span:first-child{background:var(--blue-300)}.mock__body{padding:1.25rem}.mock__line{background:var(--ink);width:42%;height:10px;margin-bottom:1.1rem}.mock__row{justify-content:space-between;gap:1rem;margin-bottom:.75rem;display:flex}.mock__row i{background:var(--gray-200);flex:1;height:8px;display:block}.mock__row i:last-child{background:var(--blue-200);flex:.35}.mock__cta{background:var(--ink);width:48%;height:28px;margin-top:1.25rem}.mock--biz{width:min(380px,84%)}.mock__grid{grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem;display:grid}.mock__panel{background:var(--gray-100);border:1px solid var(--gray-200);height:88px}.mock__panel:first-child{background:linear-gradient(90deg, var(--blue-100), var(--white));grid-column:1/-1;height:56px}.mock__panel--accent{background:var(--blue-200)}.mock--phone{background:var(--ink);border:0;border-radius:20px;width:118px;padding:.4rem}.mock__notch{background:#2a2f36;border-radius:8px;width:42px;height:6px;margin:.25rem auto .4rem}.mock__screen{background:var(--paper);border-radius:14px;flex-direction:column;gap:.45rem;min-height:182px;padding:.55rem;display:flex}.mock__app-bar{background:var(--ink);width:55%;height:18px}.mock__card{background:linear-gradient(160deg, var(--blue-100), var(--white));border:1px solid var(--gray-200);flex:1}.mock__card--sm{background:var(--white);flex:.55}.mock__dock{justify-content:space-around;padding-top:.35rem;display:flex}.mock__dock i{background:var(--gray-300);border-radius:4px;width:18px;height:4px}.scene--craft{background:var(--ink);color:var(--white);grid-template-columns:.9fr 1.1fr;align-items:start;gap:3rem;display:grid;overflow-x:clip}.scene--craft .eyebrow{color:var(--blue-300)}.scene--craft .section-lede{color:#ffffffa6}.craft__sticky{top:calc(var(--nav-h) + 2rem);position:sticky}.craft__rail{gap:1rem;display:grid}.craft-card{transition:background .35s var(--ease), transform .35s var(--ease);border-top:1px solid #ffffff1f;padding:1.5rem 1.35rem}.craft-card:hover{background:#9bcde60f}@media (hover:hover) and (pointer:fine){.craft-card:hover{transform:translate(6px)}}.craft-card__num{letter-spacing:.14em;color:var(--blue-300);margin-bottom:.65rem;font-size:.75rem;display:block}.craft-card h3{margin-bottom:.5rem;font-size:1.35rem}.craft-card p{color:#ffffff9e;max-width:42ch}.scene--stage{background:var(--white)}.stage__frame{border:1px solid var(--gray-200);background:var(--paper);overflow:hidden}.stage__tabs{border-bottom:1px solid var(--gray-200);background:var(--white);gap:0;display:flex}.stage__tabs button{color:var(--gray-500);border-bottom:2px solid #0000;flex:1;padding:1rem 1.25rem;font-size:.92rem;font-weight:600;transition:color .25s,border-color .25s,background .25s}.stage__tabs button.is-active{color:var(--ink);border-bottom-color:var(--blue-400);background:var(--blue-50)}.stage__viewport{min-height:273px;position:relative}.stage-panel{opacity:0;visibility:hidden;transition:opacity .45s var(--ease), transform .45s var(--ease), visibility .45s;padding:clamp(1.5rem,4vw,2.75rem);position:absolute;inset:0;transform:translateY(16px)}.stage-panel.is-active{opacity:1;visibility:visible;position:relative;transform:translateY(0)}.atm{min-height:221px;color:var(--white);grid-template-columns:1.2fr .8fr;align-items:end;gap:1.35rem;padding:1.35rem;display:grid;position:relative;overflow:hidden}.atm__bg{background-color:#0b0d10;background-image:-webkit-linear-gradient(270deg,#0b0d1038,#0b0d10c7),-webkit-image-set(url(/images/atmosphere.webp) 1x type("image/webp"),url(/images/atmosphere.jpg) 1x type("image/jpeg"));background-image:linear-gradient(#0b0d1038,#0b0d10c7),image-set("/images/atmosphere.webp" 1x type("image/webp"),"/images/atmosphere.jpg" 1x type("image/jpeg"));background-position:50%;background-repeat:no-repeat;background-size:cover;animation:18s ease-in-out infinite alternate slowZoom;position:absolute;inset:0;transform:scale(1.05)}@keyframes slowZoom{to{transform:scale(1.12)}}.atm__copy,.atm__ui{z-index:1;position:relative}.atm__copy .eyebrow{color:var(--blue-200)}.atm__copy h3{max-width:14ch;margin-bottom:.75rem;font-size:clamp(1.6rem,3vw,2.3rem)}.atm__copy p{color:#ffffffc7;max-width:34ch}.atm__ui{flex-direction:column;align-items:flex-end;gap:.65rem;display:flex}.atm__chip{background:var(--white);color:var(--ink);padding:.75rem 1.1rem;font-size:.9rem;font-weight:600}.atm__chip--ghost{color:var(--white);background:0 0;border:1px solid #ffffff73}.flow{grid-template-columns:1fr 1fr;align-items:center;gap:1.35rem;min-height:221px;display:grid}.flow__steps{gap:.75rem;display:grid}.flow__step{border:1px solid var(--gray-200);background:var(--white);transition:border-color .3s, background .3s, transform .3s var(--ease);align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.flow__step span{font-family:var(--font-display);color:var(--blue-500);font-weight:700}.flow__step.is-on,.flow__step:hover{border-color:var(--blue-300);background:var(--blue-50)}@media (hover:hover) and (pointer:fine){.flow__step.is-on,.flow__step:hover{transform:translate(6px)}}.flow__detail h3{margin-bottom:.75rem;font-size:1.8rem}.flow__detail p{color:var(--gray-500);max-width:36ch}.prod{grid-template-columns:1.1fr .9fr;align-items:center;gap:1.35rem;min-height:221px;display:grid}.prod__window{border:1px solid var(--gray-200);background:var(--white);grid-template-columns:48px 1fr;min-height:182px;display:grid;overflow:hidden}.prod__sidebar{background:var(--ink);flex-direction:column;gap:.75rem;padding:1rem .85rem;display:flex}.prod__sidebar i{background:#ffffff2e;height:10px}.prod__sidebar i.is-live{background:var(--blue-300);box-shadow:0 0 0 3px #9bcde640}.prod__main{padding:1rem}.prod__header{background:var(--gray-200);width:40%;height:28px;margin-bottom:1rem}.prod__rows{gap:.65rem;display:grid}.prod__rows div{background:linear-gradient(90deg, var(--blue-100), var(--gray-100));border:1px solid var(--gray-200);height:36px;animation:2.8s ease-in-out infinite rowPulse}.prod__rows div:nth-child(2){animation-delay:.2s}.prod__rows div:nth-child(3){animation-delay:.4s}.prod__rows div:nth-child(4){animation-delay:.6s}@keyframes rowPulse{0%,to{opacity:.7}50%{opacity:1}}.prod__copy h3{margin-bottom:.75rem;font-size:1.8rem}.prod__copy p{color:var(--gray-500);max-width:36ch}.scene--process{background:var(--blue-50)}.process{gap:0;max-width:900px;margin:0;padding:0;list-style:none;display:grid}.process__item{border-top:1px solid var(--gray-200);grid-template-columns:88px 1fr;gap:1.25rem;padding:1.75rem 0;display:grid}.process__item:last-child{border-bottom:1px solid var(--gray-200)}.process__num{font-family:var(--font-display);color:var(--blue-500);font-size:1.4rem;font-weight:700}.process__item h3{margin-bottom:.4rem;font-size:1.45rem}.process__item p{color:var(--gray-500);max-width:48ch}.scene--identity{background:var(--white)}.logo-selected{border:1px solid var(--gray-200);text-align:center;background-color:#f7f9fb;background-image:linear-gradient(45deg,#e8ebef 25%,#0000 25%),linear-gradient(-45deg,#e8ebef 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8ebef 75%),linear-gradient(-45deg,#0000 75%,#e8ebef 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;max-width:520px;margin:0 auto;padding:clamp(2rem,5vw,3.5rem)}.logo-selected img{background:0 0;width:min(100%,420px);height:auto;margin:0 auto}.logo-selected__caption{letter-spacing:.1em;text-transform:uppercase;color:var(--blue-500);margin-top:1.25rem;font-size:.85rem;font-weight:600}.logos{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.logo-tile{background:var(--paper);border:1px solid var(--gray-200);transition:transform .35s var(--ease), border-color .35s;margin:0;padding:1.5rem}.logo-tile:hover{border-color:var(--blue-300);transform:translateY(-4px)}.logo-tile img{object-fit:contain;background:var(--white);width:100%;height:220px}.logo-tile figcaption{letter-spacing:.08em;text-transform:uppercase;color:var(--gray-500);margin-top:1rem;font-size:.85rem;font-weight:600}.scene--contact{background:radial-gradient(ellipse at 20% 0%, #9bcde659, transparent 50%), radial-gradient(ellipse at 90% 100%, #c5dff080, transparent 45%), var(--paper);align-items:center;min-height:56vh;display:grid}.contact{max-width:760px}.contact__title{letter-spacing:-.03em;max-width:12ch;color:var(--blue-500);margin:0 0 .65rem;font-size:clamp(2.4rem,6.2vw,3.8rem)}.contact__lede{color:var(--gray-500);max-width:40ch;margin:0 0 2rem;font-size:1.15rem}.contact__sent{border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);margin-bottom:1.5rem;padding:1.25rem 0}.contact__sent[hidden]{display:none}.contact__sent-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:.4rem;font-size:1.4rem;font-weight:700}.contact__sent-copy{color:var(--gray-500);max-width:42ch}.contact__sent-copy a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.contact-form{gap:1rem;max-width:560px;margin-bottom:1.5rem;display:grid}.contact-form__honey{opacity:0;pointer-events:none;width:0;height:0;position:absolute;left:-9999px}.contact-form__row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.contact-field{gap:.45rem;display:grid}.contact-field span{letter-spacing:.08em;text-transform:uppercase;color:var(--gray-500);font-size:.78rem;font-weight:600}.contact-field input,.contact-field select,.contact-field textarea{width:100%;font:inherit;color:var(--ink);border:1px solid var(--gray-200);background:#ffffffb8;border-radius:0;outline:none;padding:.9rem 1rem;transition:border-color .2s,background .2s}.contact-field textarea{resize:vertical;min-height:140px}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:var(--blue-400);background:var(--white)}.contact-form__actions{flex-wrap:wrap;align-items:center;gap:1rem 1.25rem;margin-top:.35rem;display:flex}.contact-form__email{color:var(--gray-500);text-underline-offset:3px;font-size:.92rem;text-decoration:underline}.contact-form__email:hover{color:var(--ink)}.contact__meta{color:var(--gray-400);margin-top:1.75rem;font-size:.9rem}@media (width<=640px){.contact-form__row{grid-template-columns:1fr}}.footer{border-top:1px solid var(--gray-200);background:var(--white);color:var(--gray-500);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1.5rem clamp(1.25rem,4vw,2.5rem);font-size:.88rem;display:flex}.footer__brand{align-items:center;display:flex}.nav__lockup--footer .nav__mark{height:28px}.nav__lockup--footer .nav__clarke,.nav__lockup--footer .nav__studio{font-size:.7rem}.nav__lockup--footer .nav__clarke{color:var(--ink)}.nav__lockup--footer .nav__studio{color:var(--blue-500)}[data-reveal],[data-craft],[data-pillar]{opacity:0;transform:translateY(28px)}@media (prefers-reduced-motion:reduce){[data-reveal],[data-craft],[data-pillar]{opacity:1;transform:none}}@media (width<=960px){.pillar,.pillar:nth-child(2n),.scene--craft,.atm,.flow,.prod{direction:ltr;grid-template-columns:1fr}.craft__sticky{position:relative;top:0}.mobile-menu__links a:hover,.mobile-menu__links a:focus-visible{transform:none}.atm__ui{flex-flow:wrap;align-items:flex-start}.logos{grid-template-columns:1fr}.stage__viewport{min-height:0}}@media (width<=640px){.hero__content{padding-bottom:5rem}.process__item{grid-template-columns:56px 1fr}.logo-tile img{height:180px}}