/* Homepage photo layout. Shared chrome and lead behavior remain in their existing files. */
html{scroll-behavior:smooth;scroll-padding-top:160px}
body{background:#fbfaf7}
.watermark-layer{display:none!important}
.hero{padding:50px 0 65px!important;overflow:visible!important}
.hero>.wrap{display:grid!important;grid-template-columns:1fr 1fr!important;gap:48px!important;align-items:center!important}
.photo-copy h1{font-size:clamp(38px,4.2vw,60px)!important;line-height:1.07!important;max-width:12ch!important;letter-spacing:-.025em!important}
.photo-copy .lead{font-size:18px!important;margin:26px 0!important;max-width:39ch!important}
.photo-copy .btn-row{margin-top:28px!important}
.photo-scene{height:580px;position:relative;border-radius:14px;overflow:hidden;background:#dce4ea;isolation:isolate}
.photo-scene>.added-photo{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.photo-scene:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#10264045);z-index:-1}
.photo-scene .hero-visual{position:absolute!important;right:15px!important;bottom:18px!important;top:auto!important;left:auto!important;width:300px!important;height:265px!important;min-height:0!important;max-width:none!important;margin:0!important;transform:rotate(-3deg) scale(.82)!important;transform-origin:bottom right!important;filter:drop-shadow(0 10px 18px #10264030);pointer-events:none}
.photo-scene .le-doc{background:#fffefbf5!important}
.photo-scene .le-note{font-size:12px!important}
.section{padding-block:65px!important}
#start{background:#f0f3f4;border-block:1px solid #e0e5e8}
#start .intake{max-width:none!important;width:100%!important;background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}
#start .intake-form{max-width:none!important}
#start h2{max-width:none!important}
.intake-why{max-width:66ch!important}
.choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;margin-top:30px!important}
.choice{display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:left!important;padding:0 0 23px!important;background:white!important;border:0!important;border-radius:12px!important;overflow:hidden;box-shadow:0 5px 15px #10264006;transition:transform .2s,box-shadow .2s!important}
.choice:hover{transform:translateY(-4px)!important;box-shadow:0 12px 23px #10264012}
.choice .added-photo{width:100%;height:170px;object-fit:cover;margin-bottom:20px}
.choice strong,.choice span{margin-inline:20px!important}
.choice strong{font-size:18px!important;line-height:1.3!important}
.choice span{font-size:13px!important;line-height:1.55!important;margin-top:10px!important}
.intake-privacy{max-width:85ch!important;margin-top:25px!important}
.tool-split{grid-template-columns:1.1fr 1fr!important;gap:36px!important;align-items:stretch!important}
.tool-split>.card{padding:0 0 25px!important;overflow:hidden;border-radius:12px!important;background:#f0f3f4!important;border:0!important}
.tool-split>.card .added-photo{height:250px;width:100%;object-fit:cover;margin-bottom:25px}
.tool-split>.card h3,.tool-split>.card p{margin-inline:26px!important}
.tool-links{display:flex!important;flex-direction:column!important;justify-content:center!important}
.tool-links li{padding-block:12px!important}
.tool-links a{font-size:19px!important}
.tool-links span{font-size:14px!important;max-width:36ch}
.section-head{margin-bottom:32px!important}
#watch{position:relative;padding:42px 42px 42px 44%!important;background:#edf1f4;border-radius:14px;overflow:hidden;margin-top:45px!important;min-height:420px}
#watch:before{content:'';position:absolute;inset:0 62% 0 0;background:url('/assets/homepage/rate-watch.webp') center/cover no-repeat}
#watch h3{font-size:30px!important}
#watch .intake-fields{grid-template-columns:1fr!important}
.quote-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:25px!important}
.quote{padding:28px!important;background:white!important;border:1px solid #e5e2da!important}
.quote blockquote{font-size:20px!important;line-height:1.55!important}
.advisor{display:grid!important;grid-template-columns:.85fr 1.15fr!important;gap:55px!important;align-items:center!important;padding:0!important;border:0!important;background:transparent!important}
.advisor-photo{width:100%!important;height:440px!important;border-radius:14px!important;overflow:hidden}
.advisor-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 20%!important}
.advisor p{max-width:54ch!important}
.advisor h2{font-size:42px!important}
#contact{background:#f0f3f4}
[hidden]{display:none!important}

@media(max-width:1000px){.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.photo-scene{height:530px}
.hero>.wrap{gap:25px!important}
.photo-copy h1{font-size:45px!important}
}

@media(max-width:700px){.hero>.wrap{grid-template-columns:1fr!important}
.hero{padding-top:30px!important}
.photo-copy h1{font-size:42px!important;max-width:17ch!important}
.photo-copy .lead{font-size:17px!important}
.photo-scene{height:410px}
.hero-visual{display:block!important}
.choice-grid{gap:12px!important}
.choice .added-photo{height:145px}
.choice strong{font-size:16px!important}
.choice strong,.choice span{margin-inline:15px!important}
.tool-split,.advisor{grid-template-columns:1fr!important}
.section{padding-block:42px!important}
#watch{padding:245px 23px 25px!important}
#watch:before{inset:0 0 auto;height:215px}
.quote-grid{grid-template-columns:1fr!important}
.advisor-photo{height:340px!important}
.advisor{gap:28px!important}
.photo-scene .hero-visual{transform:rotate(-3deg) scale(.75)!important;right:10px!important;bottom:10px!important}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{animation:none!important;transition:none!important}
}


.hero>.wrap>.photo-copy{grid-column:1!important;grid-row:1!important}
.photo-copy h1{max-width:17ch!important}
.hero>.wrap>.photo-scene{grid-column:2!important;grid-row:1!important}
.quote-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.quote cite{display:block;margin-top:18px}
.quote cite a{font-size:13px}
.review-context{font-size:13px;color:var(--ink-2);margin-top:16px}
.photo-scene .hero-visual{display:block!important}
.choice:focus-visible{outline:3px solid #0f2240;outline-offset:4px}
@media(max-width:700px){.hero>.wrap>.photo-scene{grid-column:1!important;grid-row:2!important}
.quote-grid{grid-template-columns:1fr!important}
}
/* 2026-10-07 (Leah): keep the whole Loan Estimate overlay inside the photo frame.
   The box was capped at 265px tall while the document runs taller, and the notes
   hung past the right edge (site.css adds a -34px hang at 1280px+). */
.photo-scene .hero-visual{height:auto!important;padding:0!important;right:22px!important;bottom:36px!important}
.photo-scene .le-note{right:8px!important}
@media(max-width:700px){.photo-scene .hero-visual{transform:rotate(-3deg) scale(.66)!important;right:16px!important;bottom:28px!important}
}