.loan-page .topbar .category-nav { justify-content: flex-start; gap: 35px; }
.loan-page .topbar .category-nav a { height: 53px; }
.loan-hero { min-height: 720px; padding: 210px 7vw 100px; display: grid; grid-template-columns: 1.1fr .9fr; gap: 7vw; align-items: center; background: linear-gradient(135deg,#fffaf7,#f4e4e0); }
.loan-hero-copy { max-width: 650px; }
.back-link { display: inline-block; color: #776568; font-size: 12px; text-decoration: none; margin-bottom: 65px; }
.back-link:hover { color: var(--brand-red-dark); }
.loan-hero h1 { font: 500 clamp(48px,6vw,84px)/1.04 var(--serif); letter-spacing: -.06em; margin: 15px 0 23px; }
.loan-hero h1 em, .loan-steps h2 em { font-weight: 400; }
.loan-hero-copy > p:not(.kicker) { max-width: 540px; line-height: 1.7; color: #655758; }
.loan-primary, .loan-contact a { display: inline-flex; align-items: center; gap: 30px; background: var(--brand-red-dark); color: #fff; text-decoration: none; font-size: 13px; font-weight: 600; padding: 17px 20px; margin-top: 24px; }
.loan-primary:hover, .loan-contact a:hover { background: var(--brand-red); filter: brightness(.9); }
.loan-brand-card { min-height: 380px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; position: relative; overflow: hidden; background: #fff; box-shadow: 0 28px 75px rgba(88,33,38,.1); padding: 55px 45px; }
.loan-brand-card .logo-clip { z-index: 2; }
.loan-card-line { z-index: 2; width: 55px; border-top: 2px solid var(--brand-red); margin: 42px 0 18px; }
.loan-card-text { z-index: 2; font: 500 28px/1.25 var(--serif); letter-spacing: -.04em; }
.loan-card-shape { position: absolute; right: -95px; bottom: -150px; width: 370px; height: 370px; border-radius: 50%; background: #ffe3dd; }
.loan-steps { display: grid; grid-template-columns: 1fr 1fr; gap: 9vw; padding: 120px 7vw; }
.loan-steps h2 { font: 500 clamp(40px,5vw,68px)/1.05 var(--serif); letter-spacing: -.055em; margin: 18px 0 24px; }
.loan-steps > div > p:last-child { max-width: 370px; color: #6a5b5d; line-height: 1.7; }
.loan-steps ol { padding: 0; margin: 0; list-style: none; }
.loan-steps li { display: grid; grid-template-columns: 45px 1fr; gap: 18px; padding: 24px 0; border-bottom: 1px solid var(--line); }
.loan-steps li:first-child { border-top: 1px solid var(--line); }
.loan-steps li > span { color: var(--brand-red-dark); font-size: 12px; }
.loan-steps h3 { font: 500 24px var(--serif); margin: 0 0 8px; }
.loan-steps li p { color: #6a5b5d; font-size: 13px; line-height: 1.6; margin: 0; }
.loan-contact { text-align: center; background: var(--brand-wine); color: #fff; padding: 105px 24px; }
.loan-contact .kicker { color: #ffc5ba; }
.loan-contact h2 { font: 500 clamp(42px,5vw,68px)/1.05 var(--serif); letter-spacing: -.055em; margin: 20px 0; }
.loan-contact p:not(.kicker) { color: #ebd7d2; }
.loan-contact a { background: #fff; color: var(--brand-red-dark); }
.loan-contact a:hover { background: #ffeae5; }
.loan-contact small { display: block; max-width: 590px; margin: 38px auto 0; color: #d5b6b2; font-size: 11px; line-height: 1.55; }
.loan-contact small .loan-source { display: inline; padding: 0; margin: 0; background: transparent; color: #fff; font: inherit; text-decoration: underline; text-underline-offset: 3px; }
@media(max-width:800px) { .loan-hero,.loan-steps { grid-template-columns: 1fr; } .loan-hero { gap: 45px; padding-top: 175px; } .back-link { margin-bottom: 40px; } .loan-brand-card { min-height: 300px; } .loan-steps { gap: 45px; padding: 90px 7vw; } }
@media(max-width:520px) { .loan-page .topbar .category-nav { gap: 23px; } .loan-page .topbar .category-nav a { height: 48px; } .loan-hero { padding: 150px 22px 75px; } .loan-hero h1 { font-size: 49px; } .loan-brand-card { padding: 38px 28px; min-height: 280px; } .loan-steps { padding: 75px 22px; } .loan-contact { padding: 85px 22px; } }