.layout-bone .arb-hero{align-items:center;min-height:52vh;padding-block:4rem;padding-inline:1.5rem;display:flex;position:relative;overflow:hidden}@media (width>=768px){.layout-bone .arb-hero{padding-block:6rem 5rem;padding-inline:3rem}}.layout-bone .arb-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 70% 30%,#ff5a4d1a 0%,#0000 50%),radial-gradient(circle at 30% 70%,#c8ff3d1a 0%,#0000 50%);position:absolute;inset:0}.layout-bone .arb-hero__inner{width:100%;max-width:1320px;margin-inline:auto;position:relative}.layout-bone .arb-hero__meta-top{justify-content:space-between;margin-bottom:2rem;display:flex}.layout-bone .arb-hero__title{font-family:var(--font-sans);letter-spacing:-.04em;color:var(--color-ink-primary);font-size:clamp(2.75rem,8vw,7.5rem);font-weight:600;line-height:.95}.layout-bone .arb-hero__title em{color:var(--color-ink-primary);font-family:Instrument Serif,Georgia,serif;font-style:italic}.layout-bone .arb-hero__title em.coral{color:var(--color-acc-coral)}.layout-bone .arb-hero__lede{color:var(--color-ink-secondary);max-width:36rem;margin-top:2rem;font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.5}.layout-bone .arb-hero__stats{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3rem;display:grid}@media (width>=768px){.layout-bone .arb-hero__stats{grid-template-columns:repeat(4,1fr);gap:2.5rem;max-width:40rem}}.layout-bone .arb-hero__stat{border-left:1.5px solid var(--color-acc-lime);flex-direction:column;gap:.3rem;padding-left:1rem;display:flex}.layout-bone .arb-hero__stat-num{color:var(--color-ink-primary);font-family:Instrument Serif,Georgia,serif;font-size:clamp(1.75rem,2.6vw,2.5rem);font-style:italic;line-height:1}.layout-bone .arb-hero__stat-label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-ink-tertiary);font-size:.625rem}.layout-bone .arb-filter{z-index:40;backdrop-filter:saturate(140%)blur(8px);border-block:1px solid var(--color-rule-bone);background:#f5f1eaeb;padding-block:.875rem;position:sticky;top:60px}.layout-bone .arb-filter__inner{flex-wrap:wrap;gap:.5rem;max-width:1320px;margin-inline:auto;padding-inline:1.5rem;display:flex;overflow-x:auto}@media (width>=768px){.layout-bone .arb-filter__inner{padding-inline:3rem}}.layout-bone .arb-filter__chip{color:var(--color-ink-secondary);border:1px solid var(--color-rule-bone);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background .3s,border-color .3s,color .3s,transform .3s;display:inline-flex}.layout-bone .arb-filter__chip:hover{border-color:var(--color-ink-primary);color:var(--color-ink-primary)}.layout-bone .arb-filter__chip.is-active{background:var(--color-ink-primary);color:var(--color-bone);border-color:var(--color-ink-primary)}.layout-bone .arb-filter__chip.is-active .arb-filter__chip-count{color:var(--color-acc-lime)}.layout-bone .arb-filter__chip-count{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-ink-tertiary);opacity:.7;border-left:1px solid;padding-left:.4rem;font-size:.6875rem}.layout-bone .arb-grid{padding-block:4rem 7rem;padding-inline:1.5rem}@media (width>=768px){.layout-bone .arb-grid{padding-block:5rem 9rem;padding-inline:3rem}}.layout-bone .arb-grid__inner{grid-template-columns:1fr;gap:2.5rem 2rem;max-width:1320px;margin-inline:auto;display:grid}@media (width>=640px){.layout-bone .arb-grid__inner{grid-template-columns:1fr 1fr}}@media (width>=1024px){.layout-bone .arb-grid__inner{grid-template-columns:repeat(6,1fr);gap:3rem 2rem}.layout-bone .arb-tile--app{grid-column:span 2}.layout-bone .arb-tile--client{grid-column:span 3}}.layout-bone .arb-tile{color:inherit;transition:transform .7s var(--ease-out-soft), opacity .4s;text-decoration:none;display:block}.layout-bone .arb-tile.is-hidden{display:none}@media (width>=1024px){.layout-bone .arb-tile:hover{transform:translateY(-6px)}}@media (width<=1023px){.layout-bone .arb-tile:hover{transform:translateY(-4px)}}.layout-bone .arb-tile__phone{aspect-ratio:1100/2268;margin-inline:auto;max-width:220px;margin-bottom:1rem}.layout-bone .arb-tile__phone .phone-frame{width:100%;height:100%}.layout-bone .arb-tile__browser{margin-bottom:1rem}.layout-bone .arb-tile__browser .browser-frame{transition:box-shadow .6s var(--ease-out-soft)}.layout-bone .arb-tile:hover .arb-tile__browser .browser-frame{box-shadow:inset 0 0 0 1px #ffffff1a,0 30px 60px #100f0d2e,0 6px 14px #100f0d1a}.layout-bone .arb-tile__credit{flex-direction:column;gap:.25rem;display:flex}.layout-bone .arb-tile__tag{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-ink-tertiary);font-size:.6875rem}.layout-bone .arb-tile__name{letter-spacing:-.005em;color:var(--color-ink-primary);font-family:Instrument Serif,Georgia,serif;font-size:clamp(1.125rem,1.4vw,1.375rem);font-style:italic}.layout-bone .arb-tile__meta{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-ink-tertiary);font-size:.625rem}.layout-bone .arb-tile__cta{border-top:1px solid var(--color-rule-bone);width:fit-content;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-ink-primary);transition:gap .4s var(--ease-out-soft), color .3s, border-color .4s;align-items:center;gap:.4rem;margin-top:.55rem;padding-top:.55rem;font-size:.6875rem;display:inline-flex}.layout-bone .arb-tile__cta svg{transition:transform .4s var(--ease-out-soft)}.layout-bone .arb-tile:hover .arb-tile__cta{color:var(--color-acc-lime-ink);border-color:var(--color-acc-lime-ink);gap:.7rem}.layout-bone .arb-tile:hover .arb-tile__cta svg{transform:translate(3px)}.layout-bone .arb-grid__empty{text-align:center;color:var(--color-ink-secondary);margin:3rem auto 0;font-family:Instrument Serif,Georgia,serif;font-size:1.25rem;font-style:italic;display:none}.layout-bone .arb-grid__inner[data-empty=true]+.arb-grid__empty{display:block}