/* Generated from assets/development-finance/hero.css; edit those source files. */
.dev-page .ui-action{display:inline-flex;min-width:0;min-height:50px;align-items:center;justify-content:center;gap:18px;padding:0 20px 0 22px;border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-sans-ui);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-body);line-height:1.2;text-align:center;text-decoration:none;text-transform:none;white-space:nowrap;box-shadow:var(--shadow-card);cursor:pointer;transform:none;transition:var(--transition-color),var(--transition-elevation)}.dev-page .ui-action::after{color:var(--gold-700);font-size:1.1rem;line-height:1;content:"\2192";translate:0 -1px;transition:translate var(--duration-fast) var(--ease-standard)}.dev-page .ui-action--inverse{border-color:var(--ink-50);background:var(--ink-50);color:var(--navy-900)}.dev-page .ui-action--secondary{border-color:rgba(247,245,241,0.82);background:rgba(14,29,43,0.22);color:var(--ink-50);box-shadow:none}.dev-page .ui-action--text{min-height:44px;justify-content:flex-start;gap:12px;padding:0;border:0;background:transparent;color:currentColor;box-shadow:none}.dev-page .ui-action--inverse:hover,.dev-page .ui-action--inverse:focus-visible,.dev-page .ui-action--secondary:hover,.dev-page .ui-action--secondary:focus-visible{border-color:var(--gold-400);background:var(--gold-400);color:var(--navy-900);box-shadow:var(--shadow-raised);transform:none}.dev-page .ui-action--text:hover,.dev-page .ui-action--text:focus-visible{border:0;background:transparent;color:var(--gold-700);box-shadow:none;transform:none}.dev-page .section-inverse .ui-action--text:hover,.dev-page .section-inverse .ui-action--text:focus-visible{color:var(--gold-400)}.dev-page .ui-action:hover::after,.dev-page .ui-action:focus-visible::after{translate:3px -1px}.dev-page .ui-action:focus-visible{outline:3px solid var(--gold-400);outline-offset:4px}.dev-page .ui-action--inverse:active,.dev-page .ui-action--secondary:active{border-color:var(--gold-500);background:var(--gold-500);color:var(--navy-950);box-shadow:var(--shadow-card);transform:none}.dev-page .ui-action>[aria-hidden=true]{display:none}@media(max-width:600px){.dev-page .ui-action:not(.ui-action--text){width:100%;min-height:50px;justify-content:space-between;padding-right:18px;padding-left:18px;white-space:normal;font-size:0.875rem}}@media(max-width:360px){.dev-page .ui-action--text{white-space:normal}.dev-page .ui-action:not(.ui-action--text){gap:10px;padding-right:12px;padding-left:12px;font-size:0.8125rem}.dev-page .ui-action::after{font-size:0.95rem}}@media(prefers-reduced-motion:reduce){.dev-page .ui-action,.dev-page .ui-action::after{transition-duration:0ms}}.dev-hero{isolation:isolate;background:var(--ink-50);color:var(--navy-900)}.dev-hero-inner{width:min(1520px,calc(100% - clamp(48px,10vw,160px)));margin-inline:auto;padding-block:60px 12px;display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:clamp(36px,5vw,72px);align-items:center}.dev-hero h1{margin:0;max-width:15em;font-family:var(--font-serif-display);font-size:clamp(3.4rem,4.4vw,4.5rem);font-weight:600;line-height:1;letter-spacing:-.02em;text-wrap:balance}.dev-hero h1 span{display:block;color:var(--navy-450)}.dev-hero-copy{min-width:0}.dev-hero .ui-action{box-shadow:var(--shadow-raised)}.dev-hero-copy p{margin:0 0 28px;max-width:43ch;color:var(--text-body);font-family:var(--font-sans);font-size:1.0625rem;line-height:1.65}.dev-hero-drawing{position:relative;width:100%;aspect-ratio:2.2;margin:0 auto;overflow:hidden}.dev-hero-drawing img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top;mix-blend-mode:darken}@media(max-width:1100px){.dev-hero-inner{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:44px 16px}.dev-hero h1{max-width:14em;font-size:clamp(3.4rem,6.4vw,3.8rem)}.dev-hero-copy{display:flex;gap:32px;align-items:center;justify-content:space-between}.dev-hero-copy p{margin:0;max-width:52ch}.dev-hero .ui-action{flex:none}}@media(max-width:900px){.dev-hero-drawing{aspect-ratio:2}}@media(max-width:600px){.dev-hero-inner{width:calc(100% - 40px);padding-block:36px 12px;gap:24px}.dev-hero h1{font-size:clamp(2.5rem,10.8vw,3.4rem);line-height:1;text-wrap:balance}.dev-hero-copy{display:block}.dev-hero-copy p{font-size:1rem;line-height:1.6;margin-bottom:24px}.dev-hero-drawing{aspect-ratio:1.3}}