/* Redline Financial Partners. Shared styles for index (ENTER splash), home and apply.
   Built off prosperagencies.com: splash with ENTER, cream and charcoal editorial layout, ruled grid, black and white media,
   big uppercase grotesk, mono labels, outlined buttons. Joey's colors: black, gray and red (Max, Nov 3: keep Prosper's layout, not its cream colors). */
:root{
  --paper:#0C0C0E; --paper2:#141417; --ink:#F3F3F1; --ink2:#050506; --line:#2C2C31; --soft:#3A3A3F;
  --muted:#9A9AA0; --red:#E3141B; --white:#F7F7F5;
  --sans:'Inter Tight','Helvetica Neue',Arial,sans-serif; --mono:'Inter Tight','Helvetica Neue',Arial,sans-serif; --brand:'Archivo','Inter Tight',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:inherit}
.up{text-transform:uppercase}
.h{font-family:var(--sans);font-weight:500;text-transform:uppercase;letter-spacing:-.02em;line-height:1;margin:0}
.mono{font-family:var(--mono);font-weight:500;text-transform:uppercase;letter-spacing:.04em}
.red{color:var(--red)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;min-width:280px;padding:0 34px;border:1.5px solid currentColor;background:transparent;
  font:500 15px var(--sans);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;color:inherit;position:relative;overflow:hidden;transition:color .3s}
.btn::before{content:"";position:absolute;inset:0;background:var(--red);transform:translateY(101%);transition:transform .35s cubic-bezier(.6,0,.2,1);z-index:-1}
.btn{z-index:0}
.btn:hover{color:#fff;border-color:var(--red)}
.btn:hover::before{transform:none}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}

/* media placeholders until Joey's photos and video land */
.media{position:relative;overflow:hidden;background:#2A2A2C}
.media img,.media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.06)}
.media .ph{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#8C8C90;font:400 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;
  background:radial-gradient(120% 90% at 30% 20%,#3A3A3D,#161618)}
.media .ph::after{content:"";position:absolute;inset:0;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.media.light .ph{background:radial-gradient(120% 90% at 30% 20%,#26262B,#121215);color:#6E6E74}

/* scroll effects: text inks in from light gray, blocks rise */
.ink{color:var(--soft);transition:color 1.1s ease}
.ink.in .red,.ink .red{color:var(--red)}
.ink.in{color:var(--ink)}
.on-dark .ink{color:#5A5A5E}.on-dark .ink.in{color:var(--white)}
.rise{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.rise.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rise{opacity:1;transform:none}.ink{color:var(--ink)}.on-dark .ink{color:var(--white)}}