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