{"id":36,"date":"2025-03-28T19:46:49","date_gmt":"2025-03-28T19:46:49","guid":{"rendered":"https:\/\/lisbonfamilyoffice.pt\/?page_id=36"},"modified":"2026-11-09T20:47:43","modified_gmt":"2026-11-09T20:47:43","slug":"home","status":"publish","type":"page","link":"https:\/\/lisbonfamilyoffice.pt\/","title":{"rendered":""},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ==========================================================\n   Lisbon Family Office \u2014 homepage styles\n   Paste ALL of this into: Appearance > Customize > Additional CSS\n   (or your page builder's Custom CSS box). If you have no such box,\n   wrap it in a pair of style tags at the very top of the HTML block.\n   Everything is scoped to .lfo so it will not restyle the rest of your site.\n   Colour theme: change data-theme=\"midnight\" in the HTML (midnight | noir | oxblood).\n   ========================================================== *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Inter:wght@300;400;500&display=swap');\n\n.lfo {\n  --ink:#0B1426;\n  --ink-2:#121E36;\n  --ink-3:#080F1D;\n  --ivory:#F4F1EA;\n  --stone:#E4E0D6;\n  --gold:#C2A878;\n  --gold-d:#705C2D;\n  --text:#1A1B1E;\n  --muted:#66655F;\n  --ink-rgb:11,20,38;\n  --gold-rgb:194,168,120;\n  --ivory-rgb:244,241,234;\n  --glow-1:#1F3559;\n  --glow-2:#0F1B33;\n  --ease:cubic-bezier(.2,.7,.2,1);\n  --gutter:clamp(1.25rem,4.5vw,4rem);\n  --max:1320px;\n  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;\n  --sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;\n}\n.lfo[data-theme=\"noir\"] {\n  --ink:#121212;\n  --ink-2:#1C1C1C;\n  --ink-3:#0A0A0A;\n  --ivory:#F3F0EA;\n  --stone:#E2DED5;\n  --gold:#BCA57C;\n  --gold-d:#6E5D38;\n  --text:#181818;\n  --muted:#646360;\n  --ink-rgb:18,18,18;\n  --gold-rgb:188,165,124;\n  --ivory-rgb:243,240,234;\n  --glow-1:#2E2E2E;\n  --glow-2:#1A1A1A;\n}\n.lfo[data-theme=\"oxblood\"] {\n  --ink:#26100F;\n  --ink-2:#351717;\n  --ink-3:#1A0A0A;\n  --ivory:#F6F0E7;\n  --stone:#E8DED0;\n  --gold:#C9A96E;\n  --gold-d:#755A2C;\n  --text:#211815;\n  --muted:#6E625A;\n  --ink-rgb:38,16,15;\n  --gold-rgb:201,169,110;\n  --ivory-rgb:246,240,231;\n  --glow-1:#5C2626;\n  --glow-2:#331414;\n}\n.lfo, .lfo * {\n  box-sizing:border-box;\n  margin:0;\n  padding:0;\n}\nhtml {\n  scroll-behavior:smooth;\n  scroll-padding-top:80px;\n}\n.lfo {\n  font-family:var(--sans);\n  font-weight:300;\n  font-size:1.0625rem;\n  line-height:1.85;\n  letter-spacing:.01em;\n  color:var(--text);\n  background:var(--ivory);\n  -webkit-font-smoothing:antialiased;\n  text-rendering:optimizeLegibility;\n  overflow-x:clip;\n}\n.lfo img {\n  display:block;\n  max-width:100%;\n  height:auto;\n  border:0;\n  box-shadow:none;\n}\n.lfo a {\n  color:inherit;\n  text-decoration:none;\n}\n.lfo ::selection {\n  background:var(--gold);\n  color:var(--ink);\n}\n.lfo :focus-visible {\n  outline:2px solid var(--gold);\n  outline-offset:4px;\n}\n.lfo .wrap {\n  width:100%;\n  max-width:var(--max);\n  margin-inline:auto;\n  padding-inline:var(--gutter);\n}\n.lfo .skip {\n  position:absolute;\n  left:-999px;\n  top:0;\n  background:var(--gold);\n  color:var(--ink);\n  padding:.8rem 1.2rem;\n  z-index:100;\n}\n.lfo .skip:focus {\n  left:0;\n}\n.lfo h1, .lfo h2, .lfo h3, .lfo h4 {\n  color:inherit;\n  text-transform:none;\n  text-decoration:none;\n  font-family:var(--serif);\n  font-weight:300;\n  letter-spacing:-.01em;\n  line-height:1.08;\n}\n.lfo h1 {\n  font-size:clamp(3rem,8.2vw,7.4rem);\n}\n.lfo h2 {\n  font-size:clamp(2.1rem,4.4vw,3.9rem);\n  line-height:1.12;\n}\n.lfo h3 {\n  font-size:clamp(1.7rem,2.8vw,2.5rem);\n}\n.lfo em {\n  font-style:italic;\n  font-weight:300;\n}\n.lfo .eyebrow {\n  font-family:var(--sans);\n  font-size:.7rem;\n  font-weight:500;\n  letter-spacing:.34em;\n  text-transform:uppercase;\n  color:var(--gold-d);\n  display:flex;\n  align-items:center;\n  gap:1rem;\n}\n.lfo .eyebrow::before {\n  content:\"\";\n  width:40px;\n  height:1px;\n  background:currentColor;\n  opacity:.7;\n}\n.lfo .on-dark .eyebrow {\n  color:var(--gold);\n}\n.lfo .num {\n  font-family:var(--serif);\n  font-weight:300;\n  color:var(--gold);\n}\n.lfo .btn {\n  display:inline-flex;\n  align-items:center;\n  gap:1rem;\n  padding:1.15em 2.6em;\n  border:1px solid var(--gold);\n  color:var(--gold);\n  font-size:.7rem;\n  font-weight:500;\n  letter-spacing:.3em;\n  text-transform:uppercase;\n  line-height:1;\n  transition:background .45s var(--ease),color .45s var(--ease);\n}\n.lfo .btn:hover {\n  background:var(--gold);\n  color:var(--ink);\n}\n.lfo .btn.solid {\n  background:var(--gold);\n  color:var(--ink);\n}\n.lfo .btn.solid:hover {\n  background:transparent;\n  color:var(--gold);\n}\n.lfo .link {\n  font-size:.7rem;\n  font-weight:500;\n  letter-spacing:.3em;\n  text-transform:uppercase;\n  display:inline-flex;\n  gap:.9rem;\n  align-items:center;\n  padding-bottom:.5rem;\n  border-bottom:1px solid currentColor;\n  transition:gap .4s var(--ease),color .3s;\n}\n.lfo .link:hover {\n  gap:1.4rem;\n}\n.lfo .hdr {\n  position:fixed;\n  inset:0 0 auto 0;\n  z-index:50;\n  transition:background .5s var(--ease),padding .5s var(--ease),border-color .5s;\n  padding:.9rem 0;\n  background:rgba(var(--ink-rgb),.92);\n  backdrop-filter:blur(14px);\n  -webkit-backdrop-filter:blur(14px);\n  border-bottom:1px solid rgba(var(--ivory-rgb),.08);\n  color:var(--ivory);\n}\n.lfo.js .hdr:not(.solid) {\n  background:transparent;\n  backdrop-filter:none;\n  -webkit-backdrop-filter:none;\n  padding:1.6rem 0;\n  border-bottom-color:transparent;\n}\n.lfo .hdr.solid {\n  background:rgba(var(--ink-rgb),.92);\n  backdrop-filter:blur(14px);\n  -webkit-backdrop-filter:blur(14px);\n  padding:.9rem 0;\n  border-color:rgba(var(--ivory-rgb),.08);\n}\n.lfo .hdr .wrap {\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:2rem;\n}\n.lfo .logo {\n  font-family:var(--serif);\n  font-size:1.45rem;\n  letter-spacing:.02em;\n  line-height:1;\n  display:flex;\n  flex-direction:column;\n  gap:.35rem;\n}\n.lfo .logo small {\n  font-family:var(--sans);\n  font-size:.55rem;\n  letter-spacing:.5em;\n  text-transform:uppercase;\n  color:var(--gold);\n  font-weight:500;\n}\n.lfo .nav {\n  display:flex;\n  align-items:center;\n  gap:2.4rem;\n}\n.lfo .nav a {\n  font-size:.68rem;\n  font-weight:400;\n  letter-spacing:.26em;\n  text-transform:uppercase;\n  position:relative;\n  padding:.4rem 0;\n  transition:color .3s;\n}\n.lfo .nav a:not(.btn)::after {\n  content:\"\";\n  position:absolute;\n  left:0;\n  bottom:0;\n  width:0;\n  height:1px;\n  background:var(--gold);\n  transition:width .5s var(--ease);\n}\n.lfo .nav a:not(.btn):hover {\n  color:var(--gold);\n}\n.lfo .nav a:not(.btn):hover::after {\n  width:100%;\n}\n.lfo .nav .btn {\n  padding:1em 1.8em;\n}\n.lfo .burger {\n  display:none;\n  background:none;\n  border:0;\n  color:inherit;\n  width:44px;\n  height:44px;\n  cursor:pointer;\n  position:relative;\n}\n.lfo .burger span {\n  position:absolute;\n  left:10px;\n  right:10px;\n  height:1px;\n  background:currentColor;\n  transition:transform .4s var(--ease),top .4s var(--ease);\n}\n.lfo .burger span:nth-child(1) {\n  top:18px;\n}\n.lfo .burger span:nth-child(2) {\n  top:26px;\n}\n.lfo .hdr.open .burger span:nth-child(1) {\n  top:22px;\n  transform:rotate(45deg);\n}\n.lfo .hdr.open .burger span:nth-child(2) {\n  top:22px;\n  transform:rotate(-45deg);\n}\n.lfo .hero {\n  position:relative;\n  min-height:100svh;\n  display:flex;\n  align-items:flex-end;\n  color:var(--ivory);\n  overflow:hidden;\n  background:radial-gradient(1100px 620px at 78% 18%,var(--glow-1) 0%,transparent 62%),radial-gradient(800px 500px at 10% 90%,var(--glow-2) 0%,transparent 70%),linear-gradient(180deg,var(--ink) 0%,var(--ink-3) 100%);\n}\n.lfo .hero::after {\n  content:\"\";\n  position:absolute;\n  inset:0;\n  pointer-events:none;\n  opacity:.07;\n  mix-blend-mode:overlay;\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n}\n.lfo .arches {\n  position:absolute;\n  right:clamp(-90px,-5vw,-30px);\n  bottom:0;\n  height:min(86%,800px);\n  aspect-ratio:600\/760;\n  pointer-events:none;\n  animation:breathe 14s ease-in-out infinite alternate;\n}\n.lfo .arches path {\n  fill:none;\n  stroke:var(--gold);\n  stroke-width:1;\n  vector-effect:non-scaling-stroke;\n}\n@keyframes breathe {from{opacity:.75}to{opacity:1}}\n.lfo .hero .wrap {\n  position:relative;\n  z-index:2;\n  padding-bottom:clamp(4rem,10vh,7rem);\n  padding-top:9rem;\n}\n.lfo .hero h1 {\n  max-width:13ch;\n  margin:1.8rem 0 1.6rem;\n}\n.lfo .hero h1 em {\n  color:var(--gold);\n}\n.lfo .hero p.lede {\n  font-size:clamp(1.05rem,1.6vw,1.3rem);\n  color:rgba(var(--ivory-rgb),.78);\n  max-width:34ch;\n  font-family:var(--serif);\n  font-style:italic;\n  font-size:clamp(1.4rem,2.2vw,1.9rem);\n  line-height:1.35;\n}\n.lfo .hero-foot {\n  display:flex;\n  justify-content:space-between;\n  align-items:flex-end;\n  gap:2rem;\n  margin-top:3.2rem;\n  flex-wrap:wrap;\n}\n.lfo .scroll {\n  font-size:.62rem;\n  letter-spacing:.4em;\n  text-transform:uppercase;\n  color:rgba(var(--ivory-rgb),.6);\n  display:flex;\n  align-items:center;\n  gap:1rem;\n}\n.lfo .scroll::after {\n  content:\"\";\n  width:1px;\n  height:56px;\n  background:linear-gradient(var(--gold),transparent);\n  animation:pulse 2.4s var(--ease) infinite;\n  transform-origin:top;\n}\n@keyframes pulse {0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}\n.lfo .band {\n  background:var(--ink);\n  color:var(--ivory);\n  border-top:1px solid rgba(var(--gold-rgb),.35);\n}\n.lfo .band .wrap {\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n}\n.lfo .fact {\n  padding:2.6rem 2rem 2.6rem 0;\n  border-right:1px solid rgba(var(--ivory-rgb),.1);\n}\n.lfo .fact+.fact {\n  padding-left:2rem;\n}\n.lfo .fact:last-child {\n  border-right:0;\n}\n.lfo .fact .big {\n  font-family:var(--serif);\n  font-size:clamp(2.2rem,4vw,3.4rem);\n  font-weight:300;\n  line-height:1;\n  color:var(--gold);\n}\n.lfo .fact p {\n  font-size:.68rem;\n  letter-spacing:.26em;\n  text-transform:uppercase;\n  color:rgba(var(--ivory-rgb),.65);\n  margin-top:.9rem;\n  line-height:1.6;\n}\n.lfo section {\n  position:relative;\n}\n.lfo .pad {\n  padding-block:clamp(5.5rem,12vw,10.5rem);\n}\n.lfo .on-dark {\n  background:var(--ink);\n  color:var(--ivory);\n}\n.lfo .mission-grid {\n  display:grid;\n  grid-template-columns:5fr 7fr;\n  gap:clamp(2.5rem,7vw,7rem);\n  align-items:start;\n}\n.lfo .mission-grid .stick {\n  position:sticky;\n  top:7rem;\n}\n.lfo .mission-grid h2 {\n  margin-top:1.6rem;\n}\n.lfo .mission-grid h2 em {\n  color:var(--gold-d);\n}\n.lfo .prose p {\n  max-width:58ch;\n  margin-bottom:1.6rem;\n  color:#34332f;\n}\n.lfo .prose p:first-child::first-letter {\n  font-family:var(--serif);\n  float:left;\n  font-size:5.2rem;\n  line-height:.78;\n  padding:.3rem .8rem 0 0;\n  color:var(--gold-d);\n  font-weight:300;\n}\n.lfo .values {\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:1.5rem;\n  margin:3rem 0 3.5rem;\n  border-top:1px solid rgba(28,28,26,.18);\n  padding-top:2rem;\n}\n.lfo .values div {\n  font-size:.68rem;\n  letter-spacing:.24em;\n  text-transform:uppercase;\n  color:var(--muted);\n  line-height:1.7;\n}\n.lfo .values b {\n  display:block;\n  font-family:var(--serif);\n  font-weight:400;\n  font-size:1.5rem;\n  letter-spacing:0;\n  text-transform:none;\n  color:var(--text);\n  margin-bottom:.3rem;\n}\n.lfo .figure {\n  position:relative;\n  aspect-ratio:16\/10;\n  background:linear-gradient(135deg,var(--ink-2),var(--ink));\n  overflow:hidden;\n}\n.lfo .figure img {\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  filter:saturate(.8) contrast(1.04);\n  transition:transform 2s var(--ease);\n}\n.lfo .figure:hover img {\n  transform:scale(1.03);\n}\n.lfo .figure figcaption {\n  position:absolute;\n  left:0;\n  bottom:0;\n  padding:.7rem 1.1rem;\n  background:var(--ivory);\n  font-size:.62rem;\n  letter-spacing:.3em;\n  text-transform:uppercase;\n  color:var(--muted);\n}\n.lfo .head-row {\n  display:flex;\n  justify-content:space-between;\n  align-items:end;\n  gap:2rem;\n  margin-bottom:clamp(3rem,6vw,5.5rem);\n  flex-wrap:wrap;\n}\n.lfo .head-row h2 {\n  max-width:14ch;\n  margin-top:1.4rem;\n}\n.lfo .head-row p {\n  max-width:36ch;\n  color:rgba(var(--ivory-rgb),.65);\n}\n.lfo .rows {\n  border-top:1px solid rgba(var(--ivory-rgb),.16);\n}\n.lfo .row {\n  display:grid;\n  grid-template-columns:90px 1.1fr 1.4fr 60px;\n  gap:2rem;\n  align-items:center;\n  padding:clamp(2rem,3.4vw,3rem) 0;\n  border-bottom:1px solid rgba(var(--ivory-rgb),.16);\n  position:relative;\n  transition:padding .6s var(--ease);\n}\n.lfo .row::before {\n  content:\"\";\n  position:absolute;\n  inset:0 calc(var(--gutter) * -1);\n  background:linear-gradient(90deg,rgba(var(--gold-rgb),.09),transparent);\n  opacity:0;\n  transition:opacity .6s var(--ease);\n}\n.lfo .row:hover::before {\n  opacity:1;\n}\n.lfo .row:hover {\n  padding-left:1rem;\n}\n.lfo .row>* {\n  position:relative;\n}\n.lfo .row .num {\n  font-size:1.5rem;\n}\n.lfo .row h3 {\n  transition:color .4s;\n}\n.lfo .row:hover h3 {\n  color:var(--gold);\n}\n.lfo .row p {\n  color:rgba(var(--ivory-rgb),.7);\n  max-width:44ch;\n}\n.lfo .row .arr {\n  justify-self:end;\n  font-size:1.4rem;\n  color:var(--gold);\n  transition:transform .5s var(--ease);\n}\n.lfo .row:hover .arr {\n  transform:translateX(8px);\n}\n.lfo .quote {\n  background:var(--stone);\n  text-align:center;\n}\n.lfo .quote blockquote {\n  font-family:var(--serif);\n  font-weight:300;\n  font-style:italic;\n  font-size:clamp(1.9rem,4.2vw,3.6rem);\n  line-height:1.2;\n  max-width:22ch;\n  margin:2rem auto 2.6rem;\n  letter-spacing:-.01em;\n}\n.lfo .quote .eyebrow {\n  justify-content:center;\n}\n.lfo .quote .eyebrow::after {\n  content:\"\";\n  width:40px;\n  height:1px;\n  background:currentColor;\n  opacity:.7;\n}\n.lfo .mark {\n  font-family:var(--serif);\n  font-size:6rem;\n  line-height:.5;\n  color:var(--gold-d);\n  height:2.2rem;\n  opacity:.6;\n}\n.lfo .team-top {\n  display:flex;\n  justify-content:space-between;\n  align-items:end;\n  gap:2rem;\n  flex-wrap:wrap;\n  margin-bottom:clamp(3rem,6vw,5rem);\n}\n.lfo .team-top h2 {\n  margin-top:1.4rem;\n  max-width:12ch;\n}\n.lfo .team-top p {\n  max-width:40ch;\n  color:#4a4943;\n}\n.lfo .people {\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:clamp(1.5rem,4vw,4rem);\n  max-width:980px;\n}\n.lfo .person .ph {\n  position:relative;\n  aspect-ratio:4\/5;\n  overflow:hidden;\n  background:linear-gradient(160deg,var(--ink-2),var(--ink));\n}\n.lfo .person .ph::after {\n  content:attr(data-mono);\n  position:absolute;\n  inset:0;\n  display:grid;\n  place-items:center;\n  font-family:var(--serif);\n  font-size:5rem;\n  color:rgba(var(--gold-rgb),.5);\n  font-weight:300;\n  z-index:0;\n}\n.lfo .person img {\n  position:relative;\n  z-index:1;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  filter:grayscale(1) contrast(1.05);\n  transition:filter 1s var(--ease),transform 1.6s var(--ease);\n}\n.lfo .person:hover img {\n  filter:grayscale(0);\n  transform:scale(1.03);\n}\n.lfo .person h3 {\n  margin-top:1.6rem;\n  font-size:clamp(1.6rem,2.4vw,2.1rem);\n}\n.lfo .person span {\n  display:block;\n  margin-top:.4rem;\n  font-size:.66rem;\n  letter-spacing:.3em;\n  text-transform:uppercase;\n  color:var(--gold-d);\n  font-weight:500;\n}\n.lfo .cta {\n  text-align:center;\n  background:var(--ink-3);\n  color:var(--ivory);\n  overflow:hidden;\n}\n.lfo .cta h2 {\n  font-size:clamp(2.4rem,6vw,5.4rem);\n  max-width:15ch;\n  margin:1.6rem auto 2rem;\n}\n.lfo .cta h2 em {\n  color:var(--gold);\n}\n.lfo .cta p {\n  margin:0 auto 3rem;\n  max-width:46ch;\n  color:rgba(var(--ivory-rgb),.7);\n}\n.lfo .cta .eyebrow {\n  justify-content:center;\n}\n.lfo .cta .eyebrow::after {\n  content:\"\";\n  width:40px;\n  height:1px;\n  background:currentColor;\n  opacity:.7;\n}\n.lfo footer {\n  background:var(--ink-3);\n  color:rgba(var(--ivory-rgb),.6);\n  border-top:1px solid rgba(var(--ivory-rgb),.08);\n  font-size:.85rem;\n}\n.lfo .f-grid {\n  display:grid;\n  grid-template-columns:1.6fr 1fr 1.2fr;\n  gap:3rem;\n  padding-block:4.5rem 3rem;\n}\n.lfo footer h4 {\n  font-family:var(--sans);\n  font-size:.65rem;\n  letter-spacing:.32em;\n  text-transform:uppercase;\n  color:var(--gold);\n  font-weight:500;\n  margin-bottom:1.4rem;\n}\n.lfo footer li {\n  list-style:none;\n  margin-bottom:.7rem;\n}\n.lfo footer a:hover {\n  color:var(--gold);\n}\n.lfo .f-logo {\n  font-family:var(--serif);\n  font-size:1.7rem;\n  color:var(--ivory);\n  margin-bottom:1rem;\n  line-height:1.1;\n}\n.lfo .legal {\n  border-top:1px solid rgba(var(--ivory-rgb),.08);\n  padding-block:2rem 3rem;\n  font-size:.74rem;\n  line-height:1.75;\n  color:rgba(var(--ivory-rgb),.45);\n}\n.lfo .legal p {\n  max-width:100ch;\n  margin-bottom:.8rem;\n}\n.lfo.js .rv {\n  opacity:0;\n  transform:translateY(26px);\n  transition:opacity 1.1s var(--ease),transform 1.1s var(--ease);\n  transition-delay:var(--d,0s);\n}\n.lfo.js .rv.in {\n  opacity:1;\n  transform:none;\n}\n@media (max-width:980px) {\n  .lfo.js .burger {\n    display:block;\n  }\n  .lfo .hdr .wrap {\n    flex-wrap:wrap;\n  }\n  .lfo .nav {\n    flex-wrap:wrap;\n    gap:.6rem 1.4rem;\n  }\n  .lfo.js .nav {\n    position:fixed;\n    inset:0;\n    background:var(--ink);\n    flex-direction:column;\n    justify-content:center;\n    gap:2rem;\n    opacity:0;\n    pointer-events:none;\n    transition:opacity .5s var(--ease);\n  }\n  .lfo .nav a {\n    font-size:.85rem;\n  }\n  .lfo .hdr.open {\n    background:transparent;\n    backdrop-filter:none;\n  }\n  .lfo .hdr.open .nav {\n    opacity:1;\n    pointer-events:auto;\n  }\n  .lfo .hdr .burger, .lfo .hdr .logo {\n    position:relative;\n    z-index:2;\n  }\n  .lfo .mission-grid, .lfo .letter .wrap {\n    grid-template-columns:1fr;\n  }\n  .lfo .mission-grid .stick {\n    position:static;\n  }\n  .lfo .row {\n    grid-template-columns:48px 1fr 32px;\n    gap:1rem;\n  }\n  .lfo .row p {\n    grid-column:2 \/ 3;\n    grid-row:2;\n  }\n  .lfo .row .arr {\n    grid-row:1;\n    grid-column:3;\n  }\n  .lfo .f-grid {\n    grid-template-columns:1fr 1fr;\n  }\n}\n@media (max-width:640px) {\n  .lfo .band .wrap {\n    grid-template-columns:1fr;\n  }\n  .lfo .fact, .lfo .fact+.fact {\n    padding:1.6rem 0;\n    border-right:0;\n    border-bottom:1px solid rgba(var(--ivory-rgb),.1);\n  }\n  .lfo .values {\n    grid-template-columns:1fr;\n  }\n  .lfo .people {\n    grid-template-columns:1fr;\n  }\n  .lfo .f-grid {\n    grid-template-columns:1fr;\n  }\n  .lfo .hero-foot .btn {\n    width:100%;\n    justify-content:center;\n  }\n  .lfo .arches {\n    right:-38%;\n    height:74%;\n    opacity:.3;\n    animation:none;\n  }\n}\n@media (prefers-reduced-motion:reduce) {\n  html {\n    scroll-behavior:auto;\n  }\n  .lfo, .lfo * {\n    animation:none!important;\n    transition:none!important;\n  }\n  .lfo.js .rv {\n    opacity:1;\n    transform:none;\n  }\n}\n.lfo .themes {\n  position:fixed;\n  right:16px;\n  bottom:16px;\n  z-index:90;\n  display:flex;\n  gap:10px;\n  align-items:center;\n  padding:10px 14px;\n  background:rgba(0,0,0,.6);\n  backdrop-filter:blur(8px);\n  -webkit-backdrop-filter:blur(8px);\n  border:1px solid rgba(255,255,255,.18);\n  font:500 .58rem\/1 var(--sans);\n  letter-spacing:.24em;\n  text-transform:uppercase;\n  color:#fff;\n}\n.lfo .themes button {\n  width:24px;\n  height:24px;\n  border-radius:50%;\n  border:1px solid rgba(255,255,255,.55);\n  cursor:pointer;\n  padding:0;\n}\n.lfo .themes button[aria-pressed=\"true\"] {\n  outline:2px solid #fff;\n  outline-offset:2px;\n}\n.lfo.gsap .figure img, .lfo.gsap .person img {\n  transition:filter 1s var(--ease)!important;\n  will-change:transform;\n}\n.lfo.gsap .figure:hover img {\n  transform:none;\n}\n\n\/* Full-width breakout so the page spans the screen even inside a narrow content column *\/\nbody { overflow-x: clip; }\nhtml.lenis, html.lenis body { height: auto; }\n.lenis.lenis-smooth { scroll-behavior: auto !important; }\n.lenis.lenis-stopped { overflow: hidden; }\n.lfo {\n  position: relative; display: block; box-sizing: border-box;\n  width: 100vw; max-width: none !important;\n  margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important;\n}\n\n\/* ==========================================================\n   LISBON FAMILY OFFICE \u2014 DIVI FULL-WIDTH DESKTOP FIX\n   Remove Divi's sidebar and content width restrictions.\n   ========================================================== *\/\n\n\/* Remove the Divi sidebar *\/\n#sidebar {\n    display: none !important;\n}\n\n\/* Remove the sidebar divider *\/\n#main-content .container:before {\n    display: none !important;\n}\n\n\/* Make the main Divi content container full width *\/\n#main-content .container {\n    width: 100% !important;\n    max-width: 100% !important;\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n}\n\n\/* Expand the content column *\/\n#left-area {\n    width: 100% !important;\n    max-width: 100% !important;\n    float: none !important;\n    padding: 0 !important;\n}\n\n\/* Remove unnecessary spacing around the page *\/\n#main-content {\n    padding-top: 0 !important;\n}\n\n\/* Make the LFO homepage occupy the full available width *\/\n#lfo.lfo {\n    display: block !important;\n    position: relative !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    left: auto !important;\n    right: auto !important;\n    transform: none !important;\n    box-sizing: border-box !important;\n}\n\n\/* Keep inner content beautifully centred *\/\n#lfo .wrap {\n    width: 100% !important;\n    max-width: 1440px !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n    padding-left: clamp(25px, 5vw, 80px) !important;\n    padding-right: clamp(25px, 5vw, 80px) !important;\n    box-sizing: border-box !important;\n}\n\n\/* Full-width homepage sections *\/\n#lfo main,\n#lfo section,\n#lfo .hero,\n#lfo .band,\n#lfo footer {\n    width: 100% !important;\n    max-width: 100% !important;\n}\n\n\/* Desktop and laptop optimisation *\/\n@media (min-width: 1024px) {\n    #lfo .wrap {\n        max-width: 1440px !important;\n    }\n\n    #lfo .hero {\n        min-height: 100vh;\n    }\n}\n\n\/* Tablet and mobile \u2014 preserve responsive layout *\/\n@media (max-width: 1023px) {\n    #lfo .wrap {\n        padding-left: 24px !important;\n        padding-right: 24px !important;\n    }\n}\n<\/style>\n\n<!-- Lisbon Family Office homepage. Paste into a Custom HTML block on a Blank\/Canvas-template page.\n     Styles live in lfo-page.css (Additional CSS). Colour theme: edit data-theme below. -->\n<div class=\"lfo\" id=\"lfo\" data-theme=\"midnight\">\n<a class=\"skip\" href=\"#main\">Skip to content<\/a>\n\n<!-- ============ HEADER ============ -->\n<header class=\"hdr\" id=\"hdr\">\n  <div class=\"wrap\">\n    <a href=\"#top\" class=\"logo\" aria-label=\"Lisbon Family Office \u2014 home\">Lisbon Family Office<small>Est. 2019<\/small><\/a>\n    <nav class=\"nav\" id=\"nav\" aria-label=\"Primary\">\n      <a href=\"#mission\">The Firm<\/a>\n      <a href=\"#expertise\">Expertise<\/a>\n      <a href=\"#team\">People<\/a>\n      <a href=\"https:\/\/lisbonfamilyoffice.pt\/index.php\/contact\/\" class=\"btn\">Request a conversation<\/a>\n    <\/nav>\n    <button class=\"burger\" id=\"burger\" aria-label=\"Menu\" aria-expanded=\"false\" aria-controls=\"nav\"><span><\/span><span><\/span><\/button>\n  <\/div>\n<\/header>\n\n<main id=\"main\">\n<!-- ============ HERO ============ -->\n<section class=\"hero on-dark\" id=\"top\">\n  <svg class=\"arches\" viewBox=\"0 0 600 760\" aria-hidden=\"true\" focusable=\"false\">\n    <defs>\n      <linearGradient id=\"archfill\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n        <stop offset=\"0\" stop-color=\"var(--gold)\" stop-opacity=\".13\"><\/stop>\n        <stop offset=\".7\" stop-color=\"var(--gold)\" stop-opacity=\".02\"><\/stop>\n        <stop offset=\"1\" stop-color=\"var(--gold)\" stop-opacity=\"0\"><\/stop>\n      <\/linearGradient>\n    <\/defs>\n    <path d=\"M175 760V300A125 125 0 0 1 425 300V760Z\" fill=\"url(#archfill)\" stroke=\"none\"><\/path>\n    <path d=\"M40 760V300A260 260 0 0 1 560 300V760\" style=\"opacity:.16\"><\/path>\n    <path d=\"M85 760V300A215 215 0 0 1 515 300V760\" style=\"opacity:.24\"><\/path>\n    <path d=\"M130 760V300A170 170 0 0 1 470 300V760\" style=\"opacity:.34\"><\/path>\n    <path d=\"M175 760V300A125 125 0 0 1 425 300V760\" style=\"opacity:.50\"><\/path>\n  <\/svg>\n  <div class=\"wrap\">\n    <p class=\"eyebrow rv\">Strategic Investment Solutions &nbsp;\u00b7&nbsp; Lisbon<\/p>\n    <h1 class=\"rv\" style=\"--d:.1s\">Money is a tool, <em>not the goal.<\/em><\/h1>\n    <p class=\"lede rv\" style=\"--d:.2s\">Freedom is the goal. Don\u2019t forget that.<\/p>\n    <div class=\"hero-foot rv\" style=\"--d:.3s\">\n      <a href=\"#mission\" class=\"btn\">Discover the firm<\/a>\n      <span class=\"scroll\">Scroll<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ FACTS BAND (edit these to real, approved figures) ============ -->\n<div class=\"band\">\n  <div class=\"wrap\">\n    <div class=\"fact rv\"><div class=\"big\">2019<\/div><p>Established in Lisbon<\/p><\/div>\n    <div class=\"fact rv\" style=\"--d:.1s\"><div class=\"big\">03<\/div><p>Disciplines \u2014 portfolio, planning, retirement<\/p><\/div>\n    <div class=\"fact rv\" style=\"--d:.2s\"><div class=\"big\">1<\/div><p>Principle \u2014 your interests first<\/p><\/div>\n  <\/div>\n<\/div>\n\n<!-- ============ MISSION ============ -->\n<section id=\"mission\" class=\"pad\">\n  <div class=\"wrap mission-grid\">\n    <div class=\"stick\">\n      <p class=\"eyebrow rv\">01 &nbsp; Our Story<\/p>\n      <h2 class=\"rv\" style=\"--d:.1s\">Simplifying the investment journey, with <em>clarity and confidence.<\/em><\/h2>\n    <\/div>\n    <div>\n      <div class=\"prose rv\">\n        <p>Established in 2019 by Francisco Magalh\u00e3es Carneiro, Lisbon Family Office emerged from a vision to simplify and enhance the investment journey for its clients. With roots in a prestigious Portuguese private bank, our founder brought a wealth of experience and a commitment to excellence.<\/p>\n        <p>Our mission is to deliver unparalleled value through focused and effective investment strategies, ensuring our clients\u2019 financial goals are met with clarity and confidence.<\/p>\n      <\/div>\n      <div class=\"values rv\">\n        <div><b>Transparency<\/b>In everything we do<\/div>\n        <div><b>Alignment<\/b>With client interests<\/div>\n        <div><b>Principle<\/b>Proven investment thinking<\/div>\n      <\/div>\n      <figure class=\"figure rv\">\n        <img decoding=\"async\" src=\"https:\/\/lisbonfamilyoffice.pt\/wp-content\/uploads\/2025\/03\/AMM_LFO_011-scaled-1.jpeg\" alt=\"Lisbon\" loading=\"lazy\" onerror=\"this.style.display='none'\">\n        <figcaption>Lisbon, Portugal<\/figcaption>\n      <\/figure>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ EXPERTISE ============ -->\n<section id=\"expertise\" class=\"pad on-dark\">\n  <div class=\"wrap\">\n    <div class=\"head-row\">\n      <div>\n        <p class=\"eyebrow rv\">02 &nbsp; Our Expertise<\/p>\n        <h2 class=\"rv\" style=\"--d:.1s\">Three disciplines. One <em style=\"color:var(--gold)\">aligned<\/em> approach.<\/h2>\n      <\/div>\n      <p class=\"rv\" style=\"--d:.2s\">Personal, long-term guidance built around your objectives and your tolerance for risk.<\/p>\n    <\/div>\n    <div class=\"rows\">\n      <a class=\"row rv\" href=\"https:\/\/lisbonfamilyoffice.pt\/index.php\/contact\/\">\n        <span class=\"num\">01<\/span><h3>Portfolio Management<\/h3>\n        <p>Personalised portfolio management, ensuring your investments are aligned with your financial objectives and risk tolerance.<\/p><span class=\"arr\">\u2192<\/span>\n      <\/a>\n      <a class=\"row rv\" href=\"https:\/\/lisbonfamilyoffice.pt\/index.php\/contact\/\">\n        <span class=\"num\">02<\/span><h3>Financial Planning<\/h3>\n        <p>Comprehensive financial planning to map out a strategy for long-term financial security and success.<\/p><span class=\"arr\">\u2192<\/span>\n      <\/a>\n      <a class=\"row rv\" href=\"https:\/\/lisbonfamilyoffice.pt\/index.php\/contact\/\">\n        <span class=\"num\">03<\/span><h3>Retirement Solutions<\/h3>\n        <p>Expert guidance on retirement planning, helping you secure a comfortable and financially stable future.<\/p><span class=\"arr\">\u2192<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ PHILOSOPHY QUOTE ============ -->\n<section class=\"quote pad\" aria-label=\"Philosophy\">\n  <div class=\"wrap\">\n    <p class=\"eyebrow rv\">Our philosophy<\/p>\n    <div class=\"mark rv\" aria-hidden=\"true\">\u201c<\/div>\n    <blockquote class=\"rv\" style=\"--d:.1s\">Investment performance doesn\u2019t determine real life returns; investor behaviour does.<\/blockquote>\n  <\/div>\n<\/section>\n\n<!-- ============ TEAM ============ -->\n<section id=\"team\" class=\"pad\">\n  <div class=\"wrap\">\n    <div class=\"team-top\">\n      <div>\n        <p class=\"eyebrow rv\">03 &nbsp; People<\/p>\n        <h2 class=\"rv\" style=\"--d:.1s\">Seasoned judgement, <em style=\"color:var(--gold-d)\">personally delivered.<\/em><\/h2>\n      <\/div>\n      <p class=\"rv\" style=\"--d:.2s\">A team of experienced professionals guiding you through the complexities of investment management with precision and care.<\/p>\n    <\/div>\n    <div class=\"people\">\n      <article class=\"person rv\">\n        <div class=\"ph\" data-mono=\"FC\"><img decoding=\"async\" src=\"https:\/\/lisbonfamilyoffice.pt\/wp-content\/uploads\/2025\/03\/AMM_LFO-potrait.jpeg\" alt=\"Francisco Magalh\u00e3es Carneiro\" loading=\"lazy\" onerror=\"this.style.display='none'\"><\/div>\n        <h3>Francisco Magalh\u00e3es Carneiro<\/h3><span>Managing Partner<\/span>\n      <\/article>\n      <article class=\"person rv\" style=\"--d:.12s\">\n        <div class=\"ph\" data-mono=\"MD\"><img decoding=\"async\" src=\"https:\/\/lisbonfamilyoffice.pt\/wp-content\/uploads\/2025\/03\/Mitchell-Draper-potrait.jpg\" alt=\"Mitchell Draper\" loading=\"lazy\" onerror=\"this.style.display='none'\"><\/div>\n        <h3>Mitchell Draper<\/h3><span>Senior Advisor<\/span>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ CTA ============ -->\n<section id=\"contact\" class=\"cta pad on-dark\">\n  <div class=\"wrap\">\n    <p class=\"eyebrow rv\">Get in touch<\/p>\n    <h2 class=\"rv\" style=\"--d:.1s\">Let\u2019s begin with <em>a conversation.<\/em><\/h2>\n    <p class=\"rv\" style=\"--d:.2s\">Tell us about your goals. We\u2019ll tell you, plainly, how we would approach them.<\/p>\n    <a class=\"btn rv\" style=\"--d:.3s\" href=\"https:\/\/lisbonfamilyoffice.pt\/index.php\/contact\/\">Schedule a consultation<\/a>\n  <\/div>\n<\/section>\n<\/main>\n\n<!-- ============ FOOTER ============ -->\n<footer>\n  <div class=\"wrap\">\n    <div class=\"f-grid\">\n      <div><div class=\"f-logo\">Lisbon Family Office<\/div><p>Strategic investment solutions.<br>Lisbon, Portugal.<\/p><\/div>\n      <div><h4>The Firm<\/h4><ul><li><a href=\"#mission\">Our Story<\/a><\/li><li><a href=\"#expertise\">Expertise<\/a><\/li><li><a href=\"#team\">People<\/a><\/li><\/ul><\/div>\n      <div><h4>Contact<\/h4><ul><li><a href=\"https:\/\/lisbonfamilyoffice.pt\/index.php\/contact\/\">Request a conversation<\/a><\/li><\/ul><\/div>\n    <\/div>\n    <div class=\"legal\">\n      <p>\u00a9 <span id=\"yr\">2026<\/span> Lisbon Family Office. All rights reserved. &nbsp;\u00b7&nbsp; Privacy &nbsp;\u00b7&nbsp; Cookies &nbsp;\u00b7&nbsp; Terms<\/p>\n    <\/div>\n  <\/div>\n<\/footer>\n<script>\n(function () {\n  var root = document.getElementById('lfo'); if (!root) return;\n  root.classList.add('js');\n\n  \/\/ Header turns solid after scrolling\n  var hdr = root.querySelector('.hdr');\n  var onScroll = function () { hdr.classList.toggle('solid', window.scrollY > 40); };\n  onScroll(); addEventListener('scroll', onScroll, {passive: true});\n\n  \/\/ Mobile menu\n  var burger = root.querySelector('.burger');\n  burger.addEventListener('click', function () {\n    var open = hdr.classList.toggle('open'); burger.setAttribute('aria-expanded', open);\n  });\n  root.querySelectorAll('.nav a').forEach(function (a) {\n    a.addEventListener('click', function () { hdr.classList.remove('open'); burger.setAttribute('aria-expanded', false); });\n  });\n\n  \/\/ Scroll reveal\n  var els = root.querySelectorAll('.rv');\n  if ('IntersectionObserver' in window) {\n    var io = new IntersectionObserver(function (es) {\n      es.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });\n    }, {threshold: .12, rootMargin: '0px 0px -6% 0px'});\n    els.forEach(function (el) { io.observe(el); });\n  } else { els.forEach(function (el) { el.classList.add('in'); }); }\n\n  \/\/ THEME PREVIEW SWITCHER (delete with its HTML before launch; set the default in data-theme above)\n  var btns = root.querySelectorAll('.themes button');\n  var setTheme = function (t) { root.setAttribute('data-theme', t); btns.forEach(function (b) { b.setAttribute('aria-pressed', b.dataset.t === t); }); };\n  var q = new URLSearchParams(location.search).get('theme'); if (q) setTheme(q);\n  btns.forEach(function (b) { b.addEventListener('click', function () { setTheme(b.dataset.t); }); });\n\n  \/\/ ---- OPTIONAL enhancement layer: GSAP (parallax, arches intro) + Lenis (smooth scroll).\n  \/\/ Loaded from a CDN only if scripts run and the visitor has not asked for reduced motion.\n  \/\/ If anything fails to load, the page simply keeps working without it.\n  if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n    var load = function (src) {\n      return new Promise(function (ok, no) {\n        var s = document.createElement('script'); s.src = src; s.onload = ok; s.onerror = no; document.head.appendChild(s);\n      });\n    };\n    var CDN = 'https:\/\/cdn.jsdelivr.net\/npm\/';\n    var gsapReady = load(CDN + 'gsap@3.15.1\/dist\/gsap.min.js').then(function () { return load(CDN + 'gsap@3.15.1\/dist\/ScrollTrigger.min.js'); });\n    var lenisReady = load(CDN + 'lenis@1.3.27\/dist\/lenis.min.js').catch(function () { return null; });\n    Promise.all([gsapReady, lenisReady]).then(function () {\n      try {\n        gsap.registerPlugin(ScrollTrigger);\n        root.classList.add('gsap');\n\n        \/\/ Smooth scrolling, kept in sync with ScrollTrigger\n        if (window.Lenis) {\n          var lenis = new Lenis({lerp: .1});\n          lenis.on('scroll', ScrollTrigger.update);\n          gsap.ticker.add(function (t) { lenis.raf(t * 1000); });\n          gsap.ticker.lagSmoothing(0);\n          root.querySelectorAll('a[href^=\"#\"]').forEach(function (a) {\n            a.addEventListener('click', function (e) {\n              var id = a.getAttribute('href'); var t = id.length > 1 && root.querySelector(id);\n              if (t) { e.preventDefault(); lenis.scrollTo(t, {offset: -70}); }\n            });\n          });\n        }\n\n        \/\/ Hero arches: rise in one by one, then drift slowly as you scroll\n        gsap.from(root.querySelectorAll('.arches path'), {opacity: 0, y: 40, duration: 1.8, ease: 'power3.out', stagger: .18, delay: .2});\n        gsap.to(root.querySelector('.arches'), {yPercent: 10, ease: 'none',\n          scrollTrigger: {trigger: root.querySelector('.hero'), start: 'top top', end: 'bottom top', scrub: true}});\n\n        \/\/ Gentle parallax on photographs\n        root.querySelectorAll('.figure img, .person .ph img').forEach(function (img) {\n          gsap.fromTo(img, {yPercent: -6, scale: 1.12}, {yPercent: 6, scale: 1.12, ease: 'none',\n            scrollTrigger: {trigger: img.parentElement, start: 'top bottom', end: 'bottom top', scrub: true}});\n        });\n      } catch (err) { \/* enhancement is optional *\/ }\n    }).catch(function () { \/* libraries blocked: page works fine without them *\/ });\n  }\n\n  var yr = root.querySelector('#yr'); if (yr) yr.textContent = new Date().getFullYear();\n})();\n<\/script><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Skip to content Lisbon Family OfficeEst. 2019 The Firm Expertise People Request a conversation Strategic Investment Solutions &nbsp;\u00b7&nbsp; Lisbon Money is a tool, not the goal. Freedom is the goal. Don\u2019t forget that. Discover the firm Scroll 2019 Established in Lisbon 03 Disciplines \u2014 portfolio, planning, retirement 1 Principle \u2014 your interests first 01 &nbsp; [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lisbonfamilyoffice.pt\/index.php\/wp-json\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lisbonfamilyoffice.pt\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lisbonfamilyoffice.pt\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lisbonfamilyoffice.pt\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lisbonfamilyoffice.pt\/index.php\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":23,"href":"https:\/\/lisbonfamilyoffice.pt\/index.php\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":109,"href":"https:\/\/lisbonfamilyoffice.pt\/index.php\/wp-json\/wp\/v2\/pages\/36\/revisions\/109"}],"wp:attachment":[{"href":"https:\/\/lisbonfamilyoffice.pt\/index.php\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}