/* ===== Design B for area pages (matches the home page and IREO Victory Valley pages). Append to ff-location.css. ===== */
.ffloc{--b-ink:#0B1B33;--b-mut:#5A6B82;--b-line:#E6EAF0;--b-green:#13804A;--b-green-d:#0C5E36;--b-soft:#F6F8FB;--b-gold:#D8BC82;
  font-family:Manrope,Arial,sans-serif;color:var(--b-ink);max-width:1180px;padding:24px 16px 88px;gap:72px}
.ffloc a{text-decoration:none}
.ffloc a:focus-visible{outline:3px solid #facc15;outline-offset:2px}
.ffloc-crumbs{color:var(--b-mut);margin-bottom:-48px}
.ffloc-crumbs a{color:var(--b-mut)}.ffloc-crumbs a:hover{color:var(--b-green);text-decoration:underline}

/* hero: text left, photo right */
.ffloc-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:48px;row-gap:0;align-items:start}
.ffloc-hero>*{grid-column:1}
.ffloc-hero::after{content:"";grid-column:2;grid-row:1 / span 6;align-self:stretch;min-height:380px;border-radius:16px;
  background:#0B1B33 url("/projects/ireovictoryvalley/images/ff-vv-ov-12.jpg") center/cover no-repeat}
.ffloc-kicker{color:var(--b-green);letter-spacing:.16em;margin-bottom:12px}
.ffloc-kicker i{display:none}
.ffloc h1{font-weight:800;font-size:clamp(32px,4.2vw,50px);line-height:1.06;letter-spacing:-.03em;color:var(--b-ink)}
.ffloc-lede{margin-top:16px;font-size:16px;color:#3D4E66}
.ffloc-facts{margin-top:24px;gap:12px;max-width:none}
.ffloc-facts div{background:#fff;border:1px solid var(--b-line);border-radius:16px;padding:16px 18px}
.ffloc-facts b{color:var(--b-ink);font-size:28px}
.ffloc-facts span{color:var(--b-mut);font-weight:600}
.ffloc-cta{margin-top:24px;gap:10px 16px;align-items:center}
.ffloc-btn{min-height:48px;padding:0 22px;border-radius:10px;font:800 15px Manrope,Arial,sans-serif;background:var(--b-green);color:#fff}
.ffloc-btn:hover{background:var(--b-green-d)}
.ffloc-btn.ghost{background:none;border:0;padding:0;min-height:0;color:var(--b-green)}
.ffloc-btn.ghost:hover{background:none;text-decoration:underline}

/* section heads */
.ffloc-sec{gap:18px}
.ffloc h2{font:800 clamp(26px,3vw,34px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.02em;color:var(--b-ink)}
.ffloc-note{color:var(--b-mut);font-size:15px;line-height:1.55;max-width:820px;margin-top:-8px}

/* verified flats */
.ffloc-flats{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.ffloc-flat{border-radius:16px;border-color:var(--b-line);padding-bottom:18px;gap:5px;color:var(--b-ink);transition:box-shadow .2s,transform .2s}
.ffloc-flat:hover,.ffloc-flat:focus-visible{box-shadow:0 18px 40px rgba(11,27,51,.1);transform:translateY(-2px)}
.ffloc-flat img{aspect-ratio:4/3;margin-bottom:8px}
.ffloc-flat>*:not(img){padding:0 18px}
.ffloc-tag{color:var(--b-green-d)!important;letter-spacing:.08em;margin-top:4px}
.ffloc-flat b{font-size:16px;font-weight:800;margin-top:0}
.ffloc-flat span{color:var(--b-mut);font-size:14px}
.ffloc-flat strong{margin-top:6px;font:800 22px Manrope,Arial,sans-serif;color:var(--b-ink);font-variant-numeric:tabular-nums}

/* jump links */
.ffloc-jump{gap:8px;padding:6px 0 4px}
.ffloc-jump a{border-radius:10px;border-color:var(--b-line);color:var(--b-ink);font-weight:800;padding:9px 14px}
.ffloc-jump a:hover{border-color:var(--b-ink)}
.ffloc-jump small{color:var(--b-mut);font-weight:600}

/* sectors and project cards */
.ffloc-sector{gap:14px;padding-top:20px}
.ffloc-sector h3{font:800 22px Manrope,Arial,sans-serif;letter-spacing:-.01em;border-bottom:2px solid var(--b-ink);padding-bottom:10px}
.ffloc-sector h3 small{color:var(--b-mut);font-size:14px;font-weight:600}
.ffloc-projs{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.ffloc-proj{border-radius:14px;border-color:var(--b-line);grid-template-columns:76px minmax(0,1fr)!important;gap:14px!important;padding:10px!important;color:var(--b-ink);background:#fff}
.ffloc-proj:hover,.ffloc-proj:focus-visible{border-color:var(--b-ink);box-shadow:0 10px 28px rgba(11,27,51,.08)}
.ffloc-proj img,.ffloc-ph{width:76px!important;height:76px;border-radius:10px}
.ffloc-ph{background:var(--b-ink)!important;border:0!important;color:var(--b-gold)!important;font:800 18px Manrope,Arial,sans-serif;letter-spacing:.08em}
.ffloc-pt b{font-size:16px;font-weight:800;color:var(--b-ink)}
.ffloc-proj:hover .ffloc-pt b{color:var(--b-green)}
.ffloc-pt span{color:var(--b-mut);font-size:13.5px}
.ffloc-inv{color:#3D4E66!important;font-size:13px!important}
.ffloc-inv b{color:var(--b-ink)}
.ffloc-inv b.v{color:var(--b-green)}
.ffloc-inv.none{font-style:normal;color:var(--b-green)!important;font-weight:700}

/* help + questions */
.ffloc-two{background:var(--b-soft);border:1px solid var(--b-line);border-radius:20px;padding:40px;gap:48px}
.ffloc-two h2{font-size:clamp(24px,2.6vw,30px)}
.ffloc-two p{color:#3D4E66;font-size:16px}
.ffloc-faq{gap:0;border-top:1px solid var(--b-line)}
.ffloc-faq dt{font-weight:800;font-size:16px;padding-top:16px}
.ffloc-faq dd{color:#3D4E66;font-size:15px;padding-bottom:16px;border-bottom:1px solid var(--b-line)}
.ffloc-two form input:not([type=hidden]):not([type=checkbox]),.ffloc-two form select,.ffloc-two form textarea{border:1px solid #D8DEE7;border-radius:10px;font:600 15px Manrope,Arial,sans-serif;background:#fff}
.ffloc-two form button,.ffloc-two form [type=submit]{background:var(--b-green);color:#fff;border:0;border-radius:10px;font:800 15px Manrope,Arial,sans-serif;min-height:48px}

@media (max-width:900px){
  .ffloc{gap:56px}
  .ffloc-crumbs{margin-bottom:-40px}
  .ffloc-hero{grid-template-columns:minmax(0,1fr)}
  .ffloc-hero::after{grid-column:1;grid-row:1;min-height:220px;margin-bottom:22px}
  .ffloc-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ffloc-two{padding:24px 18px;gap:28px}
}
@media (max-width:520px){
  .ffloc-flats{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 6px}
  .ffloc-flat{scroll-snap-align:start}
  .ffloc-projs{grid-template-columns:minmax(0,1fr)}
  .ffloc-cta .ffloc-btn:not(.ghost){flex:1}
}
/* lighter hero photo (12 Nov): 1000 px on desktop, 600 px on phones */
.ffloc-hero::after{background-image:url("/projects/ireovictoryvalley/images/ff-vv-ov-12-1000.webp")}
@media (max-width:900px){.ffloc-hero::after{background-image:url("/projects/ireovictoryvalley/images/ff-vv-ov-12-600.webp")}}

.ffloc-browse{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:14px 0 0}
.ffloc-browse .ffloc-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}