@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/case-studies/rya-dev-hub/fonts/instrument-serif-latin-ext-400-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/case-studies/rya-dev-hub/fonts/instrument-serif-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/case-studies/rya-dev-hub/fonts/instrument-sans-latin-ext-wght-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/case-studies/rya-dev-hub/fonts/instrument-sans-latin-wght-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.cs-rya-dev-hub{--cs-bg:#faf8f4;--cs-ink:#17151c;--cs-ink-2:#46424f;--cs-muted:#6b6675;--cs-line:#e6e0d6;--cs-accent:#7c3aed;--cs-accent-strong:#6425d0;--cs-serif:"Instrument Serif", "Iowan Old Style", "Times New Roman", Georgia, serif;--cs-sans:"Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--cs-gutter:clamp(1rem, 4vw, 3.5rem);--cs-max:1320px;--cs-gap:clamp(1.5rem, 2.6vw, 2.5rem);background:var(--cs-bg);color:var(--cs-ink);font-family:var(--cs-sans);font-kerning:normal;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:clamp(3rem,6vw,5rem);font-size:1.0625rem;line-height:1.6;display:block}.cs-rya-dev-hub :where(h1,h2,h3,p,ol,dl,dd,figure){margin:0}.cs-rya-dev-hub :where(ol){padding:0;list-style:none}.cs-rya-dev-hub img{max-width:100%;height:auto;display:block}.cs-rya-dev-hub a{color:inherit}.cs-rya-dev-hub :focus-visible{outline:2px solid var(--cs-accent);outline-offset:3px;border-radius:4px}.cs-rya-dev-hub .cs-container{width:100%;max-width:calc(var(--cs-max) + 2 * var(--cs-gutter));padding-inline:var(--cs-gutter);margin-inline:auto}.cs-rya-dev-hub .cs-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.cs-rya-dev-hub .cs-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--cs-accent);align-items:center;gap:.625rem;font-size:.75rem;font-weight:600;display:flex}.cs-rya-dev-hub .cs-eyebrow:before{content:"";background:currentColor;width:1.5rem;height:1px}.cs-rya-dev-hub .cs-display,.cs-rya-dev-hub .cs-h2,.cs-rya-dev-hub .cs-points h3,.cs-rya-dev-hub .cs-cta__q{font-family:var(--cs-serif);color:var(--cs-ink);text-wrap:balance;font-weight:400}.cs-rya-dev-hub .cs-hero{padding-top:clamp(2rem,4vw,3rem)}.cs-rya-dev-hub .cs-masthead{border-bottom:1px solid var(--cs-line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1.5rem;padding-bottom:1rem;display:flex}.cs-rya-dev-hub .cs-masthead h1{font-family:var(--cs-sans);letter-spacing:-.005em;font-size:1.0625rem;font-weight:600;line-height:1.3}.cs-rya-dev-hub .cs-masthead__cat{letter-spacing:.08em;text-transform:uppercase;color:var(--cs-muted);font-size:.8125rem;font-weight:500}.cs-rya-dev-hub .cs-display{letter-spacing:-.012em;margin-top:clamp(1.5rem,2.5vw,2rem);font-size:clamp(2.75rem,1.25rem + 4.8vw,5.5rem);line-height:.98}.cs-rya-dev-hub .cs-hero__body{gap:clamp(2rem,4vw,3rem);margin-top:clamp(2rem,3.5vw,3rem);display:grid}.cs-rya-dev-hub .cs-hero__text{flex-direction:column;gap:2rem;display:flex}.cs-rya-dev-hub .cs-lead{color:var(--cs-ink-2);max-width:34ch;font-size:clamp(1.125rem,1rem + .35vw,1.25rem);line-height:1.55}.cs-rya-dev-hub .cs-facts{border-top:1px solid var(--cs-line);font-size:.9375rem}.cs-rya-dev-hub .cs-facts>div{border-bottom:1px solid var(--cs-line);grid-template-columns:6.5rem 1fr;gap:1rem;padding:.75rem 0;display:grid}.cs-rya-dev-hub .cs-facts dt{color:var(--cs-muted)}.cs-rya-dev-hub .cs-facts dd{color:var(--cs-ink)}.cs-rya-dev-hub .cs-shot__frame{cursor:zoom-in;background:#fff;border-radius:clamp(8px,1vw,14px);display:block;overflow:hidden;box-shadow:0 0 0 1px #17151c17,0 1px 2px #17151c0d,0 28px 56px -28px #4c1d9547}.cs-rya-dev-hub .cs-shot figcaption{color:var(--cs-muted);gap:.75rem;margin-top:1rem;font-size:.875rem;line-height:1.5;display:flex}.cs-rya-dev-hub .cs-shot__num{font-variant-numeric:tabular-nums;color:var(--cs-accent);flex:none;font-weight:600}.cs-rya-dev-hub .cs-work{margin-top:clamp(4rem,8vw,7rem)}.cs-rya-dev-hub .cs-work__head{border-top:1px solid var(--cs-line);gap:1.25rem;padding-top:clamp(2rem,4vw,3rem);display:grid}.cs-rya-dev-hub .cs-h2{letter-spacing:-.01em;font-size:clamp(2.25rem,1.1rem + 3.2vw,4rem);line-height:1}.cs-rya-dev-hub .cs-work__body{gap:clamp(2rem,4vw,3rem);margin-top:clamp(2.25rem,5vw,3.5rem);display:grid}.cs-rya-dev-hub .cs-points{counter-reset:none;border-top:1px solid var(--cs-line)}.cs-rya-dev-hub .cs-points li{border-bottom:1px solid var(--cs-line);grid-template-columns:2.25rem 1fr;align-content:start;column-gap:.75rem;padding:1.125rem 0 1.25rem;display:grid}.cs-rya-dev-hub .cs-points__num{letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--cs-accent);padding-top:.5rem;font-size:.8125rem;font-weight:600}.cs-rya-dev-hub .cs-points h3{font-size:clamp(1.5rem,1.3rem + .5vw,1.75rem);line-height:1.15}.cs-rya-dev-hub .cs-points p{color:var(--cs-ink-2);grid-column:2;margin-top:.5rem;font-size:1rem;line-height:1.6}.cs-rya-dev-hub .cs-cta{margin-top:clamp(3.5rem,6vw,5.5rem)}.cs-rya-dev-hub .cs-cta__inner{border-top:1px solid var(--cs-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem 2rem;padding-top:clamp(1.75rem,3vw,2.25rem);display:flex}.cs-rya-dev-hub .cs-cta__q{max-width:28ch;font-size:clamp(1.625rem,1.25rem + 1.2vw,2.25rem);line-height:1.12}.cs-rya-dev-hub .cs-btn{background:var(--cs-accent);border-radius:999px;align-items:center;gap:.625rem;min-height:3rem;padding:.75rem 1.375rem;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;transition:background-color .2s;display:inline-flex;color:#fff!important}.cs-rya-dev-hub .cs-btn svg{flex:none;width:1rem;height:1rem;transition:transform .2s}.cs-rya-dev-hub .cs-btn:hover{background:var(--cs-accent-strong)}.cs-rya-dev-hub .cs-btn:hover svg{transform:translate(2px)}@media (width>=760px) and (width<=959.98px){.cs-rya-dev-hub .cs-points{column-gap:var(--cs-gap);border-top:0;grid-template-columns:repeat(3,1fr);display:grid}.cs-rya-dev-hub .cs-points li{border-top:1px solid var(--cs-line);border-bottom:0;grid-template-columns:1fr;padding-top:1rem}.cs-rya-dev-hub .cs-points__num{margin-bottom:.5rem;padding-top:0}.cs-rya-dev-hub .cs-points p{grid-column:1}}@media (width>=960px){.cs-rya-dev-hub .cs-hero__body,.cs-rya-dev-hub .cs-work__body{column-gap:var(--cs-gap);grid-template-columns:repeat(12,minmax(0,1fr))}.cs-rya-dev-hub .cs-hero__text{grid-column:1/span 3;justify-content:space-between;padding-bottom:2.375rem}.cs-rya-dev-hub .cs-shot--hero{grid-column:4/-1}.cs-rya-dev-hub .cs-shot--work{grid-column:1/span 8}.cs-rya-dev-hub .cs-points{grid-column:9/-1;align-self:start}}@media (prefers-reduced-motion:reduce){.cs-rya-dev-hub .cs-btn,.cs-rya-dev-hub .cs-btn svg{transition:none}}