← back to Osborne Redesign

philosophy.html

178 lines

<!doctype html>
<html lang="en" data-theme="heritage">
<head>
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Philosophy · Osborne Partners</title>
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@200;300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&family=Libre+Caslon+Text:wght@400;700&family=Playfair+Display:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/theme.css">
</head>
<body>
<div id="site-header-slot"></div>

<main>
  <section class="hero">
    <div class="container">
      <div class="hero__eyebrow">The Osborne Method</div>
      <h1 class="hero__title">Long-only. Multi-asset.<br><em>Tax-aware</em>. Patient.</h1>
      <p class="hero__sub">
        We have one job: to compound the wealth of the families we serve, after taxes, after fees,
        after the inevitable wobble of markets. That job has not changed since 1937. Neither has
        the discipline that gets it done.
      </p>
    </div>
  </section>

  <section class="section">
    <div class="container" style="display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:start">
      <div>
        <div class="section__eyebrow">Five tenets</div>
        <h2 class="section__title">What we believe.</h2>
      </div>
      <div>
        <div style="border-top:1px solid var(--line)">
          <div style="padding:24px 0;border-bottom:1px solid var(--line)">
            <div style="font-family:var(--font-display);font-size:14px;letter-spacing:2px;color:var(--accent);margin-bottom:8px">I.</div>
            <h3 style="font-family:var(--font-display);font-size:24px;margin-bottom:8px;font-weight:600">Compounding rewards patience.</h3>
            <p style="color:var(--ink-soft);line-height:1.6">A dollar invested at the firm's founding in 1937 — earning the long-run return of US equities at roughly 10% — became more than $26,000 by 2026. That math does not work without time. We do not interrupt it.</p>
          </div>
          <div style="padding:24px 0;border-bottom:1px solid var(--line)">
            <div style="font-family:var(--font-display);font-size:14px;letter-spacing:2px;color:var(--accent);margin-bottom:8px">II.</div>
            <h3 style="font-family:var(--font-display);font-size:24px;margin-bottom:8px;font-weight:600">Taxes are returns.</h3>
            <p style="color:var(--ink-soft);line-height:1.6">A pre-tax return of 10% net of a 35% tax is 6.5%. A pre-tax return of 9% deferred for thirty years is closer to 9%. We construct portfolios <em>after-tax</em>, holding period by holding period — because what compounds is what's left.</p>
          </div>
          <div style="padding:24px 0;border-bottom:1px solid var(--line)">
            <div style="font-family:var(--font-display);font-size:14px;letter-spacing:2px;color:var(--accent);margin-bottom:8px">III.</div>
            <h3 style="font-family:var(--font-display);font-size:24px;margin-bottom:8px;font-weight:600">Diversification is real, but oversold.</h3>
            <p style="color:var(--ink-soft);line-height:1.6">Multi-asset portfolios reduce variance — but they also dilute conviction. We hold ~30–60 names per equity sleeve, not 500. We know each one. We can defend each one. We sell each one when the thesis breaks.</p>
          </div>
          <div style="padding:24px 0;border-bottom:1px solid var(--line)">
            <div style="font-family:var(--font-display);font-size:14px;letter-spacing:2px;color:var(--accent);margin-bottom:8px">IV.</div>
            <h3 style="font-family:var(--font-display);font-size:24px;margin-bottom:8px;font-weight:600">Active is worth the fee — when it's actually active.</h3>
            <p style="color:var(--ink-soft);line-height:1.6">Closet-indexers should charge index prices. Real active managers — concentrated, opinionated, willing to look wrong — should charge for what they do. We charge accordingly.</p>
          </div>
          <div style="padding:24px 0">
            <div style="font-family:var(--font-display);font-size:14px;letter-spacing:2px;color:var(--accent);margin-bottom:8px">V.</div>
            <h3 style="font-family:var(--font-display);font-size:24px;margin-bottom:8px;font-weight:600">Plans matter more than picks.</h3>
            <p style="color:var(--ink-soft);line-height:1.6">An investment policy statement, signed and revisited annually, is worth more than any quarterly tactical call. The plan tells us what to do at 7am on a panic morning — so we do not have to invent it then.</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="section section--alt">
    <div class="container">
      <div class="section__eyebrow">The process</div>
      <h2 class="section__title">How a portfolio actually gets built.</h2>
      <div class="cards" style="grid-template-columns:repeat(auto-fit,minmax(260px,1fr))">
        <div class="card">
          <div class="card__num">01 · Discovery</div>
          <h3 class="card__title">Listen first.</h3>
          <p class="card__body">We learn what you've built, what you owe, what you owe to whom, and where you'd like the next thirty years to go. Nothing is assumed. Nothing is sold.</p>
        </div>
        <div class="card">
          <div class="card__num">02 · IPS</div>
          <h3 class="card__title">Write the rules.</h3>
          <p class="card__body">A written, signed Investment Policy Statement codifies your goals, return targets, risk tolerance, liquidity needs, tax picture, and constraints. It governs every decision that follows.</p>
        </div>
        <div class="card">
          <div class="card__num">03 · Construct</div>
          <h3 class="card__title">Build the portfolio.</h3>
          <p class="card__body">Asset allocation, sector tilts, and security selection — all driven by the IPS, not by the morning's headlines. Tax lots are tracked from purchase. Cost basis matters.</p>
        </div>
        <div class="card">
          <div class="card__num">04 · Steward</div>
          <h3 class="card__title">Tend it carefully.</h3>
          <p class="card__body">Quarterly reviews, annual IPS revisits, rolling tax-loss harvesting, rebalancing within written bands. Surprises are minimized; transparency is total.</p>
        </div>
        <div class="card">
          <div class="card__num">05 · Report</div>
          <h3 class="card__title">Show every cent.</h3>
          <p class="card__body">Quarterly reports delivered to the client portal. Performance, attribution, taxes, allocation drift. If your portfolio did something, you will know what and why.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ALLOCATION SAMPLE -->
  <section class="section">
    <div class="container">
      <div class="section__eyebrow">Sample model · Balanced Growth</div>
      <h2 class="section__title">A representative allocation.</h2>
      <p class="section__lead">
        For a household nearing retirement with an eight-figure balance sheet, fifteen-year liability
        horizon, and California tax residency. Actual allocations vary by client and IPS.
      </p>

      <div style="display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:start">
        <div class="chart">
          <h3 class="chart__title">Asset allocation</h3>
          <p class="chart__sub">Balanced Growth model · April 2026</p>
          <svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg" style="max-width:380px;margin:0 auto">
            <!-- Donut -->
            <circle cx="200" cy="200" r="140" fill="none" stroke="var(--bg-alt)" stroke-width="56"/>
            <!-- US Equity 38% -->
            <circle cx="200" cy="200" r="140" fill="none" stroke="var(--accent)" stroke-width="56" stroke-dasharray="334.4 879" transform="rotate(-90 200 200)"/>
            <!-- Foreign Equity 18% -->
            <circle cx="200" cy="200" r="140" fill="none" stroke="var(--accent-soft)" stroke-width="56" stroke-dasharray="158.4 879" stroke-dashoffset="-334.4" transform="rotate(-90 200 200)"/>
            <!-- Fixed Income 26% -->
            <circle cx="200" cy="200" r="140" fill="none" stroke="var(--ink-soft)" stroke-width="56" stroke-dasharray="228.8 879" stroke-dashoffset="-492.8" transform="rotate(-90 200 200)"/>
            <!-- Real Assets 10% -->
            <circle cx="200" cy="200" r="140" fill="none" stroke="var(--ink-mute)" stroke-width="56" stroke-dasharray="88 879" stroke-dashoffset="-721.6" transform="rotate(-90 200 200)"/>
            <!-- Alternatives 5% -->
            <circle cx="200" cy="200" r="140" fill="none" stroke="var(--line-strong)" stroke-width="56" stroke-dasharray="44 879" stroke-dashoffset="-809.6" transform="rotate(-90 200 200)"/>
            <!-- Cash 3% -->
            <circle cx="200" cy="200" r="140" fill="none" stroke="var(--line)" stroke-width="56" stroke-dasharray="26.4 879" stroke-dashoffset="-853.6" transform="rotate(-90 200 200)"/>

            <text x="200" y="195" text-anchor="middle" font-family="Playfair Display" font-size="42" fill="var(--ink)" font-weight="700">100%</text>
            <text x="200" y="220" text-anchor="middle" font-family="Inter" font-size="11" letter-spacing="2" fill="var(--ink-mute)">DIVERSIFIED</text>
          </svg>
        </div>

        <div>
          <div style="display:grid;gap:14px">
            <div style="display:grid;grid-template-columns:14px 1fr auto;gap:14px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)">
              <span style="width:14px;height:14px;background:var(--accent);border-radius:3px;display:block"></span>
              <span>US Equities</span><strong style="font-family:var(--font-mono)">38%</strong>
            </div>
            <div style="display:grid;grid-template-columns:14px 1fr auto;gap:14px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)">
              <span style="width:14px;height:14px;background:var(--accent-soft);border-radius:3px;display:block"></span>
              <span>Foreign Equities</span><strong style="font-family:var(--font-mono)">18%</strong>
            </div>
            <div style="display:grid;grid-template-columns:14px 1fr auto;gap:14px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)">
              <span style="width:14px;height:14px;background:var(--ink-soft);border-radius:3px;display:block"></span>
              <span>Fixed Income (Muni-tilted)</span><strong style="font-family:var(--font-mono)">26%</strong>
            </div>
            <div style="display:grid;grid-template-columns:14px 1fr auto;gap:14px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)">
              <span style="width:14px;height:14px;background:var(--ink-mute);border-radius:3px;display:block"></span>
              <span>Real Assets</span><strong style="font-family:var(--font-mono)">10%</strong>
            </div>
            <div style="display:grid;grid-template-columns:14px 1fr auto;gap:14px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)">
              <span style="width:14px;height:14px;background:var(--line-strong);border-radius:3px;display:block"></span>
              <span>Alternatives</span><strong style="font-family:var(--font-mono)">5%</strong>
            </div>
            <div style="display:grid;grid-template-columns:14px 1fr auto;gap:14px;align-items:center;padding:8px 0">
              <span style="width:14px;height:14px;background:var(--line);border-radius:3px;display:block"></span>
              <span>Cash &amp; Equivalents (SGOV)</span><strong style="font-family:var(--font-mono)">3%</strong>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="section section--alt">
    <div class="container" style="text-align:center;max-width:780px">
      <h2 class="section__title" style="margin-left:auto;margin-right:auto">Want this much detail on your own portfolio?</h2>
      <a href="contact.html" class="btn">Begin a conversation →</a>
    </div>
  </section>
</main>

<div id="site-footer-slot"></div>
<div id="theme-picker-slot"></div>
<script src="assets/site.js"></script>
</body>
</html>