@font-face{font-family:Markazi Text;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/markazi-text-arabic-700-normal.B4Ase19u.woff2) format("woff2"),url(/_astro/markazi-text-arabic-700-normal.CARkOKcF.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Markazi Text;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/markazi-text-vietnamese-700-normal.DfDjcbfh.woff2) format("woff2"),url(/_astro/markazi-text-vietnamese-700-normal.BaEQgEH4.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Markazi Text;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/markazi-text-latin-ext-700-normal.LyLhxPvS.woff2) format("woff2"),url(/_astro/markazi-text-latin-ext-700-normal.BX8T_4gm.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Markazi Text;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/markazi-text-latin-700-normal.BhnndblU.woff2) format("woff2"),url(/_astro/markazi-text-latin-700-normal.BxLTN7Cs.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--space-3xs: 2px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 96px;--space-4xl: 144px;--text-xs: .8125rem;--text-sm: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5625rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-display-s: clamp(2.25rem, 3.4vw + .75rem, 3.75rem);--text-display: clamp(2.75rem, 4.6vw + 1rem, 5.25rem);--text-section: clamp(2rem, 2.6vw + 1rem, 3.5rem);--text-title: clamp(1.25rem, .75vw + .875rem, 1.625rem);--text-lead: clamp(1.125rem, .4vw + 1rem, 1.375rem);--text-clock: clamp(6.5rem, 20vw, 17rem);--text-hour: clamp(4rem, 9vw, 8.5rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--color-error: oklch(52% .19 27);--color-error-dark: oklch(72% .15 27);--color-success: oklch(50% .12 150);--container: 1320px;--gutter: 64px;--gap-columns: 32px;--section-gap-s: 120px;--section-gap: 144px;--section-gap-l: 176px;--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-sticky-nav: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--sky-fajr: oklch(32% .06 282);--sky-fajr-ink: oklch(95% .02 282);--sky-fajr-soft: oklch(82% .04 282);--sky-morning: oklch(87% .045 236);--sky-morning-ink: oklch(23% .035 248);--sky-morning-soft: oklch(40% .03 245);--sky-noon: oklch(97% .007 205);--sky-noon-ink: oklch(22% .02 240);--sky-noon-soft: oklch(42% .02 240);--sky-asr: oklch(85% .055 82);--sky-asr-ink: oklch(25% .04 62);--sky-asr-soft: oklch(40% .045 62);--sky-dusk: oklch(42% .085 300);--sky-dusk-ink: oklch(96% .02 320);--sky-dusk-soft: oklch(85% .04 315);--sky-evening: oklch(26% .055 272);--sky-evening-ink: oklch(94% .02 272);--sky-evening-soft: oklch(80% .035 272);--sky-night: oklch(17% .03 266);--sky-night-ink: oklch(93% .015 266);--sky-night-soft: oklch(76% .025 266);--color-paper: var(--sky-night);--color-paper-2: oklch(21% .032 266);--color-paper-3: oklch(25% .034 266);--color-ink: var(--sky-night-ink);--color-ink-2: oklch(85% .02 266);--color-muted: var(--sky-night-soft);--color-rule: oklch(34% .03 266);--color-accent: oklch(82% .14 78);--color-accent-ink: oklch(22% .04 70);--color-focus: oklch(80% .16 78);--font-display: "Gloock", "Markazi Text", ui-serif, Georgia, serif;--font-body: "Figtree", "Markazi Text", ui-sans-serif, system-ui, sans-serif;--font-arabic: "Markazi Text", "Gloock", ui-serif, serif;--font-outlier: var(--font-body);--mark-body: #e2b04a;--mark-sky: #f2f5fb;--mark-ground: #6a5a3c;--mark-key: #fff3df;--mark-rim: #b9cdf0;--edge-shot: 0 0 0 1px oklch(20% .03 266 / .14);--edge-icon: 0 0 0 1px oklch(95% .02 266 / .22);--radius-card: 10px;--radius-shot: 26px;--radius-pill: 999px;--rule-hair: 1px;--shadow-card: none;--tracking-display: -.02em}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);line-height:1.55;-webkit-font-smoothing:antialiased;caret-color:var(--color-accent)}::selection{background:color-mix(in oklab,var(--color-accent) 22%,transparent);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.16em}h1,h2,h3{margin:0;font-family:var(--font-display);font-synthesis:none;overflow-wrap:break-word;min-width:0;text-wrap:balance}p{margin:0;text-wrap:pretty}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);box-sizing:border-box}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[data-slot]{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--color-paper-2, var(--color-paper)),var(--color-paper-3, var(--color-paper)))}[data-slot]>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media(max-width:60rem){:root{--gutter: 24px;--section-gap-s: 80px;--section-gap: 96px;--section-gap-l: 120px}}@media(max-width:40rem){:root{--gutter: 16px;--section-gap-s: 56px;--section-gap: 72px;--section-gap-l: 96px;--gap-columns: 16px}}@media(prefers-reduced-motion:reduce){*:not(.keep-motion),*:not(.keep-motion):before,*:not(.keep-motion):after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sky-fajr{--bg: var(--sky-fajr);--fg: var(--sky-fajr-ink);--soft: var(--sky-fajr-soft)}.sky-morning{--bg: var(--sky-morning);--fg: var(--sky-morning-ink);--soft: var(--sky-morning-soft)}.sky-noon{--bg: var(--sky-noon);--fg: var(--sky-noon-ink);--soft: var(--sky-noon-soft)}.sky-asr{--bg: var(--sky-asr);--fg: var(--sky-asr-ink);--soft: var(--sky-asr-soft)}.sky-dusk{--bg: var(--sky-dusk);--fg: var(--sky-dusk-ink);--soft: var(--sky-dusk-soft)}.sky-evening{--bg: var(--sky-evening);--fg: var(--sky-evening-ink);--soft: var(--sky-evening-soft)}.sky-night{--bg: var(--sky-night);--fg: var(--sky-night-ink);--soft: var(--sky-night-soft)}[class*=sky-]{background-color:var(--bg);color:var(--fg)}[class*=sky-] :focus-visible{outline-color:var(--fg)}.sky-fajr,.sky-dusk,.sky-evening,.sky-night{--edge-shot: var(--edge-icon)}body{font-size:var(--text-md);line-height:1.6}[lang=ar]{font-family:var(--font-arabic);font-size:1.12em;letter-spacing:0}h1,h2,h3{font-weight:400;letter-spacing:var(--tracking-display)}.skip{position:absolute;left:var(--space-md);top:var(--space-md);z-index:var(--z-modal);padding:var(--space-xs) var(--space-md);background:var(--color-accent);color:var(--color-accent-ink);border-radius:var(--radius-pill);transform:translateY(-200%)}.skip:focus-visible{transform:none}.link{color:inherit;font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in oklab,currentColor 40%,transparent);text-underline-offset:.24em;transition:text-decoration-color var(--dur-micro) var(--ease-out)}.link:hover{text-decoration-color:currentColor}.link:active{opacity:.7}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--space-lg);border:0;border-radius:var(--radius-pill);background:var(--fg);color:var(--bg);font-weight:600;text-decoration:none;cursor:pointer;transition:transform var(--dur-micro) var(--ease-out),opacity var(--dur-micro) var(--ease-out)}.btn:hover{opacity:.88}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;background:var(--soft);color:var(--bg)}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--space-lg);border:1px solid color-mix(in oklab,var(--fg) 45%,transparent);border-radius:var(--radius-pill);background:transparent;color:var(--fg);font-weight:600;cursor:pointer;transition:border-color var(--dur-micro) var(--ease-out)}.pill:hover{border-color:var(--fg)}.pill:active{transform:translateY(1px)}.nav{display:flex;align-items:center;gap:var(--space-xl);min-height:76px}.wordmark{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.015em;text-decoration:none;margin-inline-end:auto;white-space:nowrap}.nav nav{display:flex;gap:var(--space-lg)}.nav nav a{color:var(--soft);text-decoration:none;transition:color var(--dur-micro) var(--ease-out)}.nav nav a:hover{color:var(--fg);text-decoration:underline;text-underline-offset:.24em}.nav__hi{display:inline-flex;align-items:center;white-space:nowrap;min-height:40px;padding:0 var(--space-md);border:1px solid color-mix(in oklab,var(--fg) 45%,transparent);border-radius:var(--radius-pill);text-decoration:none;font-weight:600;transition:border-color var(--dur-micro) var(--ease-out)}.nav__hi:hover{border-color:var(--fg)}.hero{padding-block:var(--space-2xl) var(--section-gap-s)}.hero__body{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:var(--space-xl) var(--gap-columns)}.hero__intro{display:grid;gap:var(--space-lg);align-content:start}.hero h1{font-size:clamp(2.75rem,4vw + 1rem,5.25rem);line-height:.98;max-width:11ch}.lead{font-size:var(--text-lead);color:var(--soft);max-width:32ch}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md) var(--space-lg)}.mark{display:grid}.mark__stage{position:relative;aspect-ratio:5 / 4;max-height:72svh;width:100%}.mark__still{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.12em;margin:0;font-family:var(--font-display);font-size:clamp(7rem,14vw,13rem);line-height:1;color:var(--fg)}.mark__still [lang=ar]{font-family:var(--font-arabic);font-weight:700;font-size:1.1em}.mark.is-live .mark__still{visibility:hidden}.mark__canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:pan-y}.mark__canvas:active{cursor:grabbing}.mark__canvas:focus-visible{outline:2px solid var(--fg);outline-offset:4px;border-radius:var(--radius-card)}.band{padding-block:var(--section-gap-s)}.apps__head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-md) var(--gap-columns);align-items:end;padding-bottom:var(--space-2xl);margin-bottom:var(--section-gap-s);background-image:linear-gradient(color-mix(in oklab,var(--fg) 22%,transparent),color-mix(in oklab,var(--fg) 22%,transparent));background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat}.apps__head h2{font-size:var(--text-section);line-height:1.04}.apps__head p{color:var(--soft);max-width:44ch;font-size:var(--text-lead)}.band__text{display:grid;gap:var(--space-md);align-content:start}.band__text h3{font-size:clamp(3rem,5vw + 1rem,6rem);line-height:.95;max-width:9ch}.band__meta{font-size:var(--text-sm);color:var(--soft);margin-top:calc(-1 * var(--space-xs))}.band__text p:not(.band__meta):not(.band__links){color:var(--soft);max-width:44ch}.band__links{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-lg);margin-top:var(--space-xs)}.band__text--row{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-md) var(--gap-columns);align-items:start;margin-bottom:var(--space-2xl)}.band__text--row>div{display:grid;gap:var(--space-md)}.band__next{margin-top:var(--section-gap-s);padding-top:var(--section-gap-s);background-image:linear-gradient(color-mix(in oklab,var(--fg) 18%,transparent),color-mix(in oklab,var(--fg) 18%,transparent));background-size:100% 1px;background-position:50% 0;background-repeat:no-repeat}.band__grid{display:grid;gap:var(--space-2xl) var(--gap-columns);align-items:center}.band__grid--wide{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.band__grid--phone,.band__grid--phones{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.band__pic{margin:0}.band__pic img{width:100%;border-radius:var(--radius-card);box-shadow:var(--edge-shot)}.band__pic--pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-md)}.band__pic--pair img{aspect-ratio:4 / 5;object-fit:cover}.band__phone{margin:0;justify-self:center;width:min(100%,320px)}.band__phone img{width:100%;border-radius:var(--radius-shot);box-shadow:var(--edge-shot)}.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.trio figure{margin:0;display:grid;gap:var(--space-xs);align-content:start}.trio img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:100% 0;border-radius:var(--radius-card);box-shadow:var(--edge-shot)}.trio figcaption{font-size:var(--text-sm);color:var(--soft)}.band__tv{margin:0}.band__tv img{width:100%;border-radius:var(--radius-card)}.devices{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);grid-template-rows:auto auto;gap:var(--space-md)}.devices figure{margin:0;display:grid;gap:var(--space-xs);align-content:start}.devices img{width:100%;border-radius:var(--radius-card);box-shadow:var(--edge-shot)}.devices figcaption{font-size:var(--text-sm);color:var(--soft)}.devices__tv{grid-row:span 2}.devices__mac img{aspect-ratio:16 / 10;object-fit:cover;object-position:50% 0}.devices__player img{aspect-ratio:16 / 10;object-fit:cover}.phones{display:grid;grid-template-columns:repeat(3,minmax(0,300px));justify-content:center;gap:var(--space-xl);align-items:start}.phones--two{grid-template-columns:repeat(2,minmax(0,300px))}.phones img{width:100%;border-radius:var(--radius-shot);box-shadow:var(--edge-shot)}.phones img:nth-child(2){margin-top:var(--space-3xl)}.small{display:flex;align-items:center;gap:var(--space-lg);margin-top:var(--section-gap-s);padding-top:var(--space-xl);background-image:linear-gradient(color-mix(in oklab,var(--fg) 18%,transparent),color-mix(in oklab,var(--fg) 18%,transparent));background-size:100% 1px;background-position:0 0;background-repeat:no-repeat}.small__icon{width:56px;height:56px;border-radius:13px;flex-shrink:0;box-shadow:var(--edge-shot)}.small h3{font-size:var(--text-xl);letter-spacing:-.01em;margin-bottom:var(--space-2xs)}.small p{color:var(--soft)}.tools{margin-top:var(--section-gap-s);padding-top:var(--space-xl);background-image:linear-gradient(color-mix(in oklab,var(--fg) 18%,transparent),color-mix(in oklab,var(--fg) 18%,transparent));background-size:100% 1px;background-position:0 0;background-repeat:no-repeat}.tools h3{font-size:var(--text-2xl);letter-spacing:-.01em;margin-bottom:var(--space-xl)}.tools__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xl) var(--gap-columns)}.tools__list li{display:grid;gap:var(--space-2xs);align-content:start}.tools__list p{color:var(--soft);max-width:30ch}.tools__list .tools__name{color:var(--fg);font-weight:600}.tools__list .link{justify-self:start;margin-top:var(--space-2xs)}.clients{padding-block:var(--section-gap-s)}.clients .container{padding-top:var(--section-gap-s);background-image:linear-gradient(color-mix(in oklab,var(--fg) 18%,transparent),color-mix(in oklab,var(--fg) 18%,transparent));background-size:calc(100% - 2 * var(--gutter)) 1px;background-position:50% 0;background-repeat:no-repeat}.clients__head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-md) var(--gap-columns);align-items:end}.clients h2{font-size:var(--text-section);line-height:1.04;max-width:14ch}.clients__head p{color:var(--soft);font-size:var(--text-lead);max-width:40ch}.logos{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md);margin-block:var(--space-2xl) var(--space-3xl);padding-block:var(--space-xl);border-block:1px solid color-mix(in oklab,var(--fg) 18%,transparent)}.logos__label{font-size:var(--text-sm);color:var(--soft)}.logos__row{display:flex;align-items:center;gap:var(--space-lg)}.logos__viewport{flex:1;min-width:0;overflow:hidden}.logos.is-moving .logos__viewport{mask-image:linear-gradient(90deg,transparent,var(--fg) 6%,var(--fg) 94%,transparent)}.logos__track{display:flex;align-items:center;gap:var(--space-4xl);width:max-content;list-style:none;margin:0;padding:var(--space-sm) 0}.logos.is-moving .logos__track{animation:logos-run var(--marquee-dur, 40s) linear infinite}.logos.is-moving:hover .logos__track,.logos.is-moving:focus-within .logos__track,.logos[data-paused=true] .logos__track{animation-play-state:paused}@keyframes logos-run{to{transform:translate(-50%)}}.logos__track li{flex-shrink:0;display:grid;place-items:center;height:72px}.logo{width:auto;filter:brightness(0) invert(1);opacity:.88}.logos__pause{flex-shrink:0;min-height:40px;padding:0 var(--space-md);font-size:var(--text-sm)}.tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xl) var(--space-lg)}.tile a,.tile>div{display:grid;gap:var(--space-2xs);text-decoration:none}.tile img{width:100%;aspect-ratio:4 / 3;object-fit:cover;object-position:50% 0;border-radius:var(--radius-card);box-shadow:var(--edge-shot);margin-bottom:var(--space-xs);background:var(--color-paper-2);transition:transform var(--dur-short) var(--ease-out)}.tile a:hover img{transform:translateY(-3px)}.tile a:hover .tile__name{text-decoration:underline;text-underline-offset:.24em}.tile__name{font-weight:600;min-width:0}.tile__kind{font-size:var(--text-sm);color:var(--soft)}.tiles.is-collapsed .tile:nth-child(n+13){display:none}.archive__more{display:flex;align-items:center;justify-content:center;min-height:48px;margin:var(--space-2xl) auto 0;padding:0 var(--space-xl);border:1px solid color-mix(in oklab,var(--fg) 45%,transparent);border-radius:var(--radius-pill);background:transparent;color:var(--fg);font-weight:600;cursor:pointer;transition:border-color var(--dur-micro) var(--ease-out)}.archive__more:hover{border-color:var(--fg)}.archive__more:active{transform:translateY(1px)}.about{padding-block:var(--space-2xl) var(--section-gap-s)}.about__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-xl) var(--gap-columns);padding-top:var(--section-gap-s);background-image:linear-gradient(color-mix(in oklab,var(--fg) 18%,transparent),color-mix(in oklab,var(--fg) 18%,transparent));background-size:calc(100% - 2 * var(--gutter)) 1px;background-position:50% 0;background-repeat:no-repeat}.about h2{font-size:var(--text-section);line-height:1.04;max-width:13ch}.about__text{display:grid;gap:var(--space-md);font-family:var(--font-display);font-size:clamp(1.375rem,1vw + 1rem,1.875rem);line-height:1.38}.about__text p{max-width:36ch}.about__text p+p{color:var(--soft)}.together{padding-block:var(--section-gap-s) var(--section-gap)}.together__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-2xl) var(--gap-columns);align-items:start}.together__intro{display:grid;gap:var(--space-lg)}.together h2{font-size:clamp(3.25rem,5vw + 1rem,6rem);line-height:.95;max-width:9ch}.together__intro>p{color:var(--soft);max-width:36ch;font-size:var(--text-lead)}.offer{margin:var(--space-sm) 0 0;display:grid}.offer div{display:grid;gap:var(--space-2xs);padding-block:var(--space-md);border-top:1px solid color-mix(in oklab,var(--fg) 22%,transparent)}.offer div:last-child{border-bottom:1px solid color-mix(in oklab,var(--fg) 22%,transparent)}.offer dt{font-weight:600}.offer dd{margin:0;color:var(--soft)}.note{display:grid;gap:var(--space-lg);padding:var(--space-xl);border-radius:18px;background:var(--color-paper-2)}.note__title{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.01em}.note__about{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:0;padding:0;border:0}.note__about legend{width:100%;margin-bottom:var(--space-xs);font-size:var(--text-sm);color:var(--soft)}.note__about label{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-md);border:1px solid var(--soft);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out)}.note__about input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.note__about label:hover{border-color:var(--fg)}.note__about label:has(input:checked){background:var(--fg);color:var(--bg);border-color:var(--fg)}.note__about label:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.note__field{display:grid;gap:var(--space-xs)}.note__field span{font-size:var(--text-sm);color:var(--soft)}.note textarea,.note input[type=text]{width:100%;min-height:48px;padding:var(--space-sm) var(--space-md);border:1px solid var(--soft);border-radius:12px;background:var(--color-paper-3);color:var(--fg);font-size:max(16px,var(--text-md));line-height:1.5;resize:vertical;transition:border-color var(--dur-micro) var(--ease-out)}.note textarea::placeholder,.note input::placeholder{color:color-mix(in oklab,var(--soft) 80%,transparent)}.note textarea:hover,.note input[type=text]:hover{border-color:var(--fg)}.note textarea:focus-visible,.note input[type=text]:focus-visible{outline:2px solid var(--color-focus);outline-offset:-1px}.note [aria-invalid=true]{border-color:var(--color-error-dark)}.note__send{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md) var(--space-lg)}.note__status{min-height:1lh;font-size:var(--text-sm);color:var(--soft);max-width:44ch}.footer__row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-md);padding-block:var(--space-xl);font-size:var(--text-sm);color:var(--soft);background-image:linear-gradient(color-mix(in oklab,var(--fg) 18%,transparent),color-mix(in oklab,var(--fg) 18%,transparent));background-size:calc(100% - 2 * var(--gutter)) 1px;background-position:50% 0;background-repeat:no-repeat}.footer__links{display:flex;gap:var(--space-lg);list-style:none;margin:0;padding:0}.footer__links a{color:var(--fg);text-decoration:none}.footer__links a:hover{text-decoration:underline;text-underline-offset:.24em}@media(max-width:75rem){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:60rem){.nav nav{display:none}.hero__body{grid-template-columns:minmax(0,1fr)}.mark__stage{aspect-ratio:1;max-height:none}.devices{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.devices__tv{grid-column:1 / -1;grid-row:auto}.wordmark{font-size:var(--text-lg)}.apps__head,.clients__head,.band__grid--wide,.band__grid--phone,.band__grid--phones,.band__text--row,.about__grid,.together__grid{grid-template-columns:minmax(0,1fr)}.band__grid--phone .band__phone{order:2}.phones,.phones--two{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.phones img:nth-child(3){display:none}.trio{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tools__list{grid-template-columns:repeat(2,minmax(0,1fr))}.trio figure:first-child{grid-column:1 / -1}.phones img:nth-child(2){margin-top:var(--space-xl)}.logos__track{gap:var(--space-3xl)}}@media(max-width:40rem){.band__pic--pair{grid-template-columns:minmax(0,1fr)}.band__pic--pair img{aspect-ratio:3 / 2}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg) var(--space-md)}.note{padding:var(--space-lg)}.phones img{border-radius:18px}.logo{max-height:48px}}@media(max-width:26rem){.nav__hi{display:none}}@media(prefers-reduced-motion:reduce){.logos.is-moving .logos__track{animation:none}}.note__trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.note select{width:100%;min-height:48px;padding:var(--space-sm) var(--space-md);border:1px solid var(--soft);border-radius:12px;background:var(--color-paper-3);color:var(--fg);font-size:max(16px,var(--text-md))}.note select:hover{border-color:var(--fg)}.note select:focus-visible{outline:2px solid var(--color-focus);outline-offset:-1px}.project{padding-block:var(--space-3xl) var(--section-gap-s);min-height:70svh}.project__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-2xl) var(--gap-columns);align-items:start}.project__text{display:grid;gap:var(--space-lg);align-content:start}.project__back{font-size:var(--text-sm)}.project h1{font-size:clamp(2.75rem,4vw + 1rem,5.25rem);line-height:.98;max-width:12ch}.project__kind{color:var(--soft)}.project__summary{font-size:var(--text-lead);max-width:40ch}.project__cover{margin:0}.project__cover img{width:100%;border-radius:var(--radius-card);box-shadow:var(--edge-shot)}.project__nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-3xl);padding-top:var(--space-xl);background-image:linear-gradient(color-mix(in oklab,var(--fg) 18%,transparent),color-mix(in oklab,var(--fg) 18%,transparent));background-size:calc(100% - 2 * var(--gutter)) 1px;background-position:50% 0;background-repeat:no-repeat}.tool{padding-block:var(--space-3xl) var(--section-gap);min-height:70svh}.tool__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-2xl) var(--gap-columns);align-items:start}.tool__intro{display:grid;gap:var(--space-lg)}.tool h1{font-size:clamp(2.5rem,3.5vw + 1rem,4.5rem);line-height:1;max-width:12ch}.tool__intro p{color:var(--soft);font-size:var(--text-lead);max-width:34ch}.tool__row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--space-md)}@media(max-width:60rem){.project__grid,.tool__grid,.tool__row{grid-template-columns:minmax(0,1fr)}}