← back to Malden House
rental.html
550 lines
<!DOCTYPE html>
<html lang="en" data-theme="1">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Malden House — 18764 Malden St, Northridge · LA 2028 Rental</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=Archivo:wght@400;500;700;800;900&family=Archivo+Black&family=Crimson+Pro:ital,wght@0,400;0,600;1,400&family=DM+Sans:wght@400;500;700&family=EB+Garamond:ital,wght@0,400;0,600;1,400&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,500;0,9..144,700;1,9..144,300&family=Inter:wght@400;500;600;700;800;900&family=Instrument+Serif:ital@0;1&family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Space+Grotesk:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css?v=12">
</head>
<body>
<!-- THEME SWITCHER -->
<aside class="switcher" aria-label="Theme switcher">
<button class="switcher-toggle" id="switcher-toggle" aria-expanded="false">
<span class="switcher-dot"></span>
<span class="switcher-label">THEME · <b id="switcher-num">01</b> <span id="switcher-name">Editorial</span></span>
<span class="switcher-chev">▾</span>
</button>
<div class="switcher-panel" id="switcher-panel" hidden>
<div class="switcher-head">Ten themes · pick one</div>
<div class="switcher-grid">
<button class="chip" data-set="1"><span class="sw"><i style="background:#F4F1EC;border:1px solid #1111"></i><i style="background:#111"></i><i style="background:#E2302A"></i></span><b>01 · Editorial</b><em>Swiss poster</em></button>
<button class="chip" data-set="2"><span class="sw"><i style="background:#F2E8D5;border:1px solid #2B2118"></i><i style="background:#2B2118"></i><i style="background:#B8491C"></i></span><b>02 · Sunbaked</b><em>warm ranch</em></button>
<button class="chip" data-set="3"><span class="sw"><i style="background:#ECE6DC;border:1px solid #0F2340"></i><i style="background:#0F2340"></i><i style="background:#D94A22"></i></span><b>03 · LA Eclipse</b><em>brutalist grid</em></button>
<button class="chip" data-set="4"><span class="sw"><i style="background:#F5F2EC;border:1px solid #1A1A1A"></i><i style="background:#1A1A1A"></i><i style="background:#B3311F"></i></span><b>04 · Monograph</b><em>book essay</em></button>
<button class="chip" data-set="5"><span class="sw"><i style="background:#E42F7E"></i><i style="background:#F5C400"></i><i style="background:#2BCEA8"></i><i style="background:#4A5FE0"></i></span><b>05 · Retro '84</b><em>nostalgic</em></button>
<button class="chip" data-set="6"><span class="sw"><i style="background:#EDE2CC;border:1px solid #3C2A1A"></i><i style="background:#3C2A1A"></i><i style="background:#3F5D43"></i></span><b>06 · Postcard</b><em>travel poster</em></button>
<button class="chip" data-set="7"><span class="sw"><i style="background:#F2F2F0;border:1px solid #050505"></i><i style="background:#050505"></i><i style="background:#1F3ECF"></i></span><b>07 · Arch Mono</b><em>spec sheet</em></button>
<button class="chip" data-set="8"><span class="sw"><i style="background:#F5F0E3;border:1px solid #0A0A0A"></i><i style="background:#0A0A0A"></i><i style="background:#F3D130"></i></span><b>08 · Block Sport</b><em>chunky poster</em></button>
<button class="chip" data-set="9"><span class="sw"><i style="background:#F5EFE0;border:1px solid #0E2818"></i><i style="background:#355E30"></i><i style="background:#D25A16"></i></span><b>09 · Citrus Grove</b><em>harvest</em></button>
<button class="chip" data-set="10"><span class="sw"><i style="background:#0A3D62;border:1px solid #EAF2FA"></i><i style="background:#EAF2FA"></i><i style="background:#C7A85B"></i></span><b>10 · Blueprint</b><em>site plan</em></button>
</div>
</div>
</aside>
<!-- NAV -->
<nav class="nav">
<div class="nav-brand">
<span class="brand-dot"></span>
<span class="brand-mark">MALDEN HOUSE</span>
<span class="brand-sub">Northridge · LA 2028</span>
</div>
<div class="nav-links">
<a href="#house">The House</a>
<a href="#olympics">Games</a>
<a href="#valley">The Valley</a>
<a href="#history">History</a>
<a href="#contact">Contact</a>
</div>
<a class="nav-cta" href="#contact">RESERVE · JUL 14–30, 2028</a>
</nav>
<!-- HERO -->
<header class="hero">
<div class="hero-top">
<div class="eyebrow">THE 2028 GAMES · LOS ANGELES</div>
<div class="eyebrow muted">Issue 01 / Northridge, CA</div>
</div>
<div class="hero-body">
<div class="hero-copy">
<h1 class="display">Sleep on the<br>Games<br>sideline.</h1>
<p class="lede">A quiet 1961 ranch on a tree-lined street in Northridge — eight miles from the Sepulveda Basin Valley Complex, where 3x3 basketball, BMX, skateboarding and modern pentathlon land in July 2028.</p>
</div>
<aside class="property-card">
<div class="pc-label">THE PROPERTY</div>
<div class="pc-address"><b>18764</b><span>MALDEN ST</span></div>
<div class="pc-sub">Northridge, California 91324<br>Los Angeles County</div>
<hr>
<div class="pc-stats">
<div><b>3</b><span>BEDS</span></div>
<div><b>2</b><span>BATHS</span></div>
<div><b>1,436</b><span>SQ FT</span></div>
</div>
</aside>
</div>
</header>
<!-- PHOTO PLATE -->
<section class="plate">
<figure class="plate-img">
<img src="https://picsum.photos/seed/maldenranch/1440/600" alt="The house at dusk">
<figcaption>
<span class="fig">FIG. 01</span>
<i>The house at dusk — single-storey, 1961, low-slung roofline.</i>
</figcaption>
<span class="apn">APN · LA COUNTY</span>
</figure>
<div class="plate-meta">
<span>Photograph · Malden St, facing west</span>
<span>3 BED · 2 BATH · 1,436 SF · LOT 6,898 SF</span>
</div>
</section>
<!-- PROPERTY SPEC -->
<section id="house" class="spec">
<header>
<div class="eyebrow accent">§ 01</div>
<h2 class="display sm">The house, on paper.</h2>
</header>
<dl>
<div><dt>YEAR BUILT</dt><dd>1961 — original single-storey ranch</dd><span>MID-CENTURY</span></div>
<div><dt>FLOOR AREA</dt><dd>1,436 square feet, one level</dd><span>3 BR · 2 BA</span></div>
<div><dt>LOT</dt><dd>6,898 sq ft · mature back garden · citrus</dd><span>0.16 ACRE</span></div>
<div><dt>SLEEPS</dt><dd>6 guests · queen + queen + two twins</dd><span>SIX</span></div>
<div><dt>PARKING</dt><dd>Two-car driveway · EV outlet · street legal</dd><span>2 + STREET</span></div>
<div><dt>GAMES ACCESS</dt><dd>14 min to Sepulveda Basin · Metro G line nearby</dd><span>8 MILES</span></div>
<div><dt>HOSTS</dt><dd>Bob & Ginny · Northridge, 32 years</dd><span>LOCALS</span></div>
</dl>
</section>
<!-- OLYMPICS -->
<section id="games" class="games">
<header>
<div>
<div class="eyebrow">§ 02 · LA 2028 VALLEY COMPLEX</div>
<h2 class="display">The Valley<br>gets a ring<br>this time.</h2>
</div>
<p class="lede inverted">In 1932 and 1984 the San Fernando Valley watched from the sidelines. In 2028, Sepulveda Basin becomes its own Games zone — four temporary complexes for 3x3 basketball, BMX, skateboarding and modern pentathlon. Malden St sits eight miles north.</p>
</header>
<div class="event-grid">
<article class="event headline">
<div class="row"><span>COMPLEX 3</span><span>HEADLINE</span></div>
<h3>3x3<br>Basketball</h3>
<p>Octagonal open-air court in the Sepulveda Basin. Fast games, short sessions — perfect for an evening walk-in after dinner.</p>
<div class="chips"><span class="pill filled">JUL 18–28</span><span class="pill outline">14 MIN DRIVE</span></div>
</article>
<article class="event inverted">
<div class="row"><span>COMPLEX 1 & 4</span><span>FREESTYLE + RACING</span></div>
<h3>BMX<br>on dirt.</h3>
<p>Racing on the basin's natural terrain; freestyle ramps in a temporary open-air park. Tickets sell fast — book the house first.</p>
<div class="chips"><span class="pill filled dark">JUL 21–26</span><span class="pill outline dark">BIKE PATH FROM DOOR</span></div>
</article>
<article class="event ghost">
<div class="row"><span>COMPLEX 1 & 2</span><span>STREET + PARK</span></div>
<h3>Skate-<br>boarding</h3>
<p>Two temporary courses inside the basin — a street course through concrete banks and a bowl park for the verticalists.</p>
<div class="chips"><span class="pill filled">JUL 18–22</span><span class="pill outline light">SHUTTLE FROM BALBOA</span></div>
</article>
<article class="event ghost">
<div class="row"><span>COMPLEX 2</span><span>FIVE-IN-ONE</span></div>
<h3>Modern<br>Pentathlon</h3>
<p>Fencing, swimming, obstacle, laser run and equestrian in one long, strange morning. The connoisseur's event ticket.</p>
<div class="chips"><span class="pill filled">JUL 24–28</span><span class="pill outline light">DAY TRIP</span></div>
</article>
</div>
</section>
<!-- LIVE GAMES RAIL -->
<section id="live" class="rail">
<div class="rail-head">
<div class="rail-head-left">
<span class="rail-eyebrow"><span class="pulse"></span>LIVE · LA28 VALLEY COMPLEX</span>
<h2 class="rail-title">Today at the Basin.</h2>
</div>
<div class="rail-head-right">
<div class="rail-clock" data-clock>
<b>18 : 07 : 42</b>
<span>PACIFIC · JUL 22, 2028</span>
</div>
<div class="rail-medals">
<div><b>14</b><span>G</span></div>
<div><b>09</b><span>S</span></div>
<div><b>11</b><span>B</span></div>
</div>
</div>
</div>
<div class="rail-track">
<article class="rail-card live">
<div class="rc-top"><span class="rc-dot"></span><b>LIVE NOW</b><em>COMPLEX 3</em></div>
<h3>3×3 Basketball<br>QF — USA v. FRA</h3>
<div class="rc-score"><b>19</b><span>—</span><b>14</b><em>Q3 · 2:04</em></div>
<div class="rc-foot"><span>14 MIN DRIVE</span><span>WALK-IN TICKETS</span></div>
</article>
<article class="rail-card next">
<div class="rc-top"><span class="rc-chev">▸</span><b>NEXT</b><em>COMPLEX 1</em></div>
<h3>BMX Freestyle<br>Women's Final</h3>
<div class="rc-countdown"><b>01 : 37 : 14</b><em>GATES OPEN IN</em></div>
<div class="rc-foot"><span>19:45 PT</span><span>BIKE PATH · 6.4 MI</span></div>
</article>
<article class="rail-card later">
<div class="rc-top"><span class="rc-chev">▸▸</span><b>LATER</b><em>COMPLEX 2</em></div>
<h3>Modern Pentathlon<br>Laser Run</h3>
<div class="rc-time"><b>21 : 30</b><em>WALK-ON SEATS</em></div>
<div class="rc-foot"><span>TOMORROW · JUL 23</span><span>SHUTTLE FROM CSUN</span></div>
</article>
<article class="rail-card hosttip">
<div class="rc-top"><span class="rc-chev">•</span><b>MALDEN TIP</b><em>FROM BOB</em></div>
<h3>Skip the 405.<br>Take Balboa.</h3>
<p>Google will route you west to the 405 south; locals take Balboa straight down to the Basin's north gate. Saves twelve minutes on a Friday night.</p>
<div class="rc-foot"><span>SAVES 12 MIN</span><span>VERIFIED 2028</span></div>
</article>
<article class="rail-card weather">
<div class="rc-top"><span class="rc-chev">☀</span><b>VALLEY WX</b><em>NOW</em></div>
<h3>94° / HAZY</h3>
<div class="rc-grid">
<div><b>84°</b><span>AT 21:00</span></div>
<div><b>67°</b><span>AT 06:00</span></div>
<div><b>0%</b><span>RAIN</span></div>
<div><b>NW 6</b><span>WIND</span></div>
</div>
<div class="rc-foot"><span>INDEX · MODERATE</span><span>SUNSET 20:07</span></div>
</article>
</div>
</section>
<!-- THINGS TO DO -->
<section id="valley" class="guide">
<header>
<div>
<div class="eyebrow accent">§ 03 · BETWEEN MEDALS</div>
<h2 class="display sm">A Valley<br>field guide.</h2>
</div>
<p class="lede">Ten things worth doing between events, ranked by distance from the front door. None are tourist traps. All are walkable, drivable, or a short Metro G-line away.</p>
</header>
<ol class="guide-list">
<li><span class="n">01</span><span class="t">The Iliad Bookshop</span><span class="d">North Hollywood used-book hideout — two stories, two shop cats, and a literature section the size of a small library.</span><span class="k">6 MILES SE</span></li>
<li><span class="n">02</span><span class="t">CSUN Botanic Garden</span><span class="d">Quiet campus oasis — mature California natives, a koi pond, benches made for killing an hour between sessions.</span><span class="k">1.5 MILES</span></li>
<li><span class="n">03</span><span class="t">Lake Balboa loop</span><span class="d">1.3-mile paved loop around the lake inside Anthony C. Beilenson Park. Cherry blossoms in spring; flat and stroller-friendly.</span><span class="k">7 MILES S</span></li>
<li><span class="n">04</span><span class="t">Pat & Lorraine's</span><span class="d">Eagle Rock diner used in the opening scene of <i>Reservoir Dogs</i>. Worth a breakfast pilgrimage on a rest day.</span><span class="k">16 MILES E</span></li>
<li><span class="n">05</span><span class="t">Sepulveda Dam bikepath</span><span class="d">Eight paved miles along the LA River. Bring a rental e-bike and roll straight into the Games venue gates.</span><span class="k">8 MILES S</span></li>
<li><span class="n">06</span><span class="t">Reseda Theater & Street Fair</span><span class="d">Sherman Way is slowly waking up — restored Art Deco marquee, Oaxacan lunch counters, a Sunday flea market.</span><span class="k">3 MILES SW</span></li>
<li><span class="n">07</span><span class="t">Aliso Canyon sunrise hike</span><span class="d">Trailhead at Rinaldi. Three miles of shaded switchbacks with a basin view at the top. Beat the Valley heat.</span><span class="k">5 MILES N</span></li>
<li><span class="n">08</span><span class="t">Northridge Fashion Center</span><span class="d">Air-conditioning, a proper grocery run, and a Cheesecake Factory for the guest who needed one. Zero judgment.</span><span class="k">1 MILE E</span></li>
<li><span class="n">09</span><span class="t">Adam Bomb Shelter</span><span class="d">Square-pie destination in a Winnetka strip mall. Order the upside-down cup-and-char. DoorDash it home after a late medal game.</span><span class="k">4 MILES W</span></li>
<li><span class="n">10</span><span class="t">Griffith Observatory, late</span><span class="d">Forty minutes over the hill on a summer night. Telescopes open till 10pm. Come back to a quiet house on a quiet street.</span><span class="k">22 MILES SE</span></li>
</ol>
</section>
<!-- MAP + STREET VIEW -->
<section class="map">
<header>
<div>
<div class="eyebrow accent">§ 04 · WALK THE BLOCK</div>
<h2 class="display sm">See the<br>street.</h2>
</div>
<div class="map-tabs">
<span class="pill filled dark">STREET VIEW</span>
<span class="pill outline">SATELLITE</span>
<span class="pill outline">MAP</span>
</div>
</header>
<div class="map-grid">
<div class="map-main">
<img src="https://maps.googleapis.com/maps/api/streetview?size=960x640&location=18764+Malden+St,+Northridge,+CA&key=demo" alt="Street view" onerror="this.src='https://picsum.photos/seed/maldenstreetview/960/640'">
<span class="chip-abs tl">LIVE STREET VIEW · 18764 MALDEN ST</span>
<span class="chip-abs tl2">HEADING: NW · PITCH: 0° · FOV: 90°</span>
<div class="pan-ctrls"><button>‹</button><button>⇪</button><button>›</button></div>
<span class="map-credit">Google · Imagery © 2028 · Click & drag to walk the block</span>
</div>
<div class="map-side">
<div class="map-tile">
<img src="https://picsum.photos/seed/maldenaerial/480/310" alt="Satellite">
<span class="chip-abs tl">SATELLITE · ZOOM 19</span>
<div class="marker"><span class="dot"></span><span class="mlabel">18764 MALDEN</span></div>
</div>
<div class="map-tile">
<img src="https://picsum.photos/seed/maldendrive/480/310" alt="Drive map">
<span class="chip-abs tl">DRIVE TO SEPULVEDA BASIN</span>
<div class="drive-meta"><b>14 min</b><span>8.3 MILES · 101 S → 405 S</span></div>
</div>
</div>
</div>
</section>
<!-- MAP OF THE STARS -->
<section id="stars" class="stars">
<header>
<div>
<div class="eyebrow accent">§ 04B · VALLEY CONSTELLATION</div>
<h2 class="display sm">A map of<br>the Valley stars.</h2>
</div>
<p class="lede">The San Fernando Valley quietly raised half of Hollywood. Pacoima gave up Ritchie Valens, Reseda stood in for every suburb in every teen movie, Marilyn graduated from Van Nuys. In July, the Olympics finally come to their front yard — and Malden sits eight blocks from the opening heat.</p>
</header>
<div class="stars-grid">
<div class="stars-map">
<svg viewBox="0 0 620 420" preserveAspectRatio="xMidYMid meet" role="img" aria-label="Map of San Fernando Valley with numbered pins of cultural landmarks">
<!-- Cartouche frame -->
<rect x="8" y="8" width="604" height="404" fill="none" stroke="currentColor" stroke-width="1" opacity="0.25"/>
<rect x="14" y="14" width="592" height="392" fill="none" stroke="currentColor" stroke-width="0.5" opacity="0.18"/>
<!-- San Gabriel / Verdugo foothills (top) -->
<path d="M 14,60 Q 100,30 200,45 T 380,40 T 606,55" fill="none" stroke="currentColor" stroke-width="0.8" opacity="0.35"/>
<g opacity="0.35" stroke="currentColor" stroke-width="0.5">
<line x1="60" y1="52" x2="66" y2="42"/><line x1="80" y1="54" x2="86" y2="42"/><line x1="120" y1="46" x2="126" y2="34"/><line x1="180" y1="46" x2="186" y2="34"/><line x1="240" y1="45" x2="246" y2="33"/><line x1="310" y1="42" x2="316" y2="30"/><line x1="380" y1="40" x2="386" y2="28"/><line x1="450" y1="45" x2="456" y2="33"/><line x1="520" y1="50" x2="526" y2="38"/>
</g>
<!-- Santa Monica Mtns (bottom curve) -->
<path d="M 14,350 Q 120,380 240,360 T 460,365 T 606,355" fill="none" stroke="currentColor" stroke-width="0.8" opacity="0.35"/>
<g opacity="0.35" stroke="currentColor" stroke-width="0.5">
<line x1="70" y1="358" x2="76" y2="370"/><line x1="150" y1="368" x2="156" y2="380"/><line x1="240" y1="362" x2="246" y2="374"/><line x1="330" y1="365" x2="336" y2="377"/><line x1="420" y1="365" x2="426" y2="377"/><line x1="510" y1="360" x2="516" y2="372"/>
</g>
<!-- 101 Ventura Fwy (south diagonal) -->
<path d="M 10,320 L 610,280" fill="none" stroke="currentColor" stroke-width="1.4" opacity="0.45"/>
<text x="560" y="272" font-family="Inter" font-size="9" font-weight="700" letter-spacing="0.2em" fill="currentColor" opacity="0.55">101 ›</text>
<!-- 405 San Diego Fwy (vertical) -->
<path d="M 360,14 L 340,406" fill="none" stroke="currentColor" stroke-width="1.4" opacity="0.45"/>
<text x="370" y="32" font-family="Inter" font-size="9" font-weight="700" letter-spacing="0.2em" fill="currentColor" opacity="0.55">405</text>
<!-- 118 Reagan Fwy (top horizontal) -->
<path d="M 14,95 L 606,80" fill="none" stroke="currentColor" stroke-width="1" opacity="0.38"/>
<text x="520" y="76" font-family="Inter" font-size="8" font-weight="700" letter-spacing="0.2em" fill="currentColor" opacity="0.45">118 RONALD REAGAN ›</text>
<!-- Ventura Blvd (labeled line along the south ridge) -->
<text x="110" y="338" font-family="Inter" font-size="7" font-weight="600" letter-spacing="0.3em" fill="currentColor" opacity="0.4">— — — VENTURA BLVD — — —</text>
<!-- LA River + Sepulveda Basin -->
<ellipse cx="340" cy="285" rx="42" ry="24" fill="currentColor" opacity="0.08"/>
<ellipse cx="340" cy="285" rx="42" ry="24" fill="none" stroke="currentColor" stroke-width="0.8" opacity="0.5" stroke-dasharray="2 2"/>
<path d="M 240,305 Q 300,295 340,285 T 440,260" fill="none" stroke="currentColor" stroke-width="0.7" opacity="0.35"/>
<!-- Neighborhood labels (ghost type) -->
<g font-family="Inter" font-weight="700" letter-spacing="0.22em" font-size="9" fill="currentColor" opacity="0.32" text-anchor="middle">
<text x="405" y="105">PACOIMA</text>
<text x="155" y="215">RESEDA</text>
<text x="205" y="155">NORTHRIDGE</text>
<text x="310" y="235">VAN NUYS</text>
<text x="265" y="305">ENCINO</text>
<text x="470" y="140">SUN VALLEY</text>
<text x="490" y="265">STUDIO CITY</text>
<text x="90" y="160">WOODLAND HILLS</text>
</g>
<text x="340" y="277" font-family="Inter" font-size="8" font-weight="700" letter-spacing="0.25em" fill="currentColor" opacity="0.55" text-anchor="middle">SEPULVEDA BASIN</text>
<!-- Compass + scale -->
<g transform="translate(560,360)" opacity="0.5">
<circle r="12" fill="none" stroke="currentColor" stroke-width="0.8"/>
<path d="M 0,-11 L 3,0 L 0,11 L -3,0 Z" fill="currentColor"/>
<text y="-16" font-family="Inter" font-size="8" font-weight="700" fill="currentColor" text-anchor="middle">N</text>
</g>
<g transform="translate(30,388)" opacity="0.5">
<line x1="0" y1="0" x2="60" y2="0" stroke="currentColor" stroke-width="1"/>
<line x1="0" y1="-3" x2="0" y2="3" stroke="currentColor" stroke-width="1"/>
<line x1="30" y1="-2" x2="30" y2="2" stroke="currentColor" stroke-width="1"/>
<line x1="60" y1="-3" x2="60" y2="3" stroke="currentColor" stroke-width="1"/>
<text x="30" y="-6" font-family="Inter" font-size="7" font-weight="700" fill="currentColor" text-anchor="middle" letter-spacing="0.15em">2 MILES</text>
</g>
<!-- Pins (drawn last so they're on top) -->
<g class="pin" data-star="1" transform="translate(200,155)">
<circle r="11" class="pin-dot house"/>
<text y="3.5" class="pin-num house-num" text-anchor="middle">★</text>
<text y="-16" class="pin-label" text-anchor="middle">MALDEN HOUSE</text>
</g>
<g class="pin" data-star="2" transform="translate(405,88)"><circle r="10" class="pin-dot"/><text y="3.5" class="pin-num" text-anchor="middle">02</text></g>
<g class="pin" data-star="3" transform="translate(155,225)"><circle r="10" class="pin-dot"/><text y="3.5" class="pin-num" text-anchor="middle">03</text></g>
<g class="pin" data-star="4" transform="translate(310,245)"><circle r="10" class="pin-dot"/><text y="3.5" class="pin-num" text-anchor="middle">04</text></g>
<g class="pin" data-star="5" transform="translate(265,310)"><circle r="10" class="pin-dot"/><text y="3.5" class="pin-num" text-anchor="middle">05</text></g>
<g class="pin" data-star="6" transform="translate(375,160)"><circle r="10" class="pin-dot"/><text y="3.5" class="pin-num" text-anchor="middle">06</text></g>
<g class="pin" data-star="7" transform="translate(175,260)"><circle r="10" class="pin-dot"/><text y="3.5" class="pin-num" text-anchor="middle">07</text></g>
<g class="pin" data-star="8" transform="translate(215,185)"><circle r="10" class="pin-dot"/><text y="3.5" class="pin-num" text-anchor="middle">08</text></g>
<g class="pin" data-star="9" transform="translate(340,285)">
<circle r="12" class="pin-dot olympic"/>
<text y="3.5" class="pin-num olympic-num" text-anchor="middle">○</text>
<text y="-18" class="pin-label olympic-label" text-anchor="middle">LA28 VALLEY COMPLEX</text>
</g>
</svg>
</div>
<ol class="stars-list">
<li data-star="1" class="starred-here">
<span class="sn">★</span>
<div class="si">
<div class="sh"><b>Malden House</b><em>18764 Malden St</em></div>
<p>You are here. Single-storey, 1961, three beds, one small citrus lot. Bob & Ginny have lived on the block longer than most of the stars below were famous.</p>
</div>
<span class="sk">NORTHRIDGE</span>
</li>
<li data-star="2">
<span class="sn">02</span>
<div class="si">
<div class="sh"><b>Ritchie Valens</b><em>1941 – 1959</em></div>
<p>Grew up on San Fernando Road in Pacoima. Pacoima Jr. High renamed its auditorium for him in '92. "La Bamba" was cut at Gold Star but the song is Valley to its teeth.</p>
</div>
<span class="sk">PACOIMA</span>
</li>
<li data-star="3">
<span class="sn">03</span>
<div class="si">
<div class="sh"><b>Frank Zappa</b><em>lived in Echo Park, wrote in Reseda</em></div>
<p>"Valley Girl" was co-written with fourteen-year-old Moon, sitting at the kitchen table. Sherman Way was the setting; gag, me with a spoon was the vernacular; the song was a top-40 hit by October '82.</p>
</div>
<span class="sk">RESEDA</span>
</li>
<li data-star="4">
<span class="sn">04</span>
<div class="si">
<div class="sh"><b>Marilyn Monroe</b><em>class of '42</em></div>
<p>Norma Jeane Dougherty attended Van Nuys High School — she appears in the Van Nuys News yearbook with the bob haircut and no screen name yet. The school building is still standing.</p>
</div>
<span class="sk">VAN NUYS</span>
</li>
<li data-star="5">
<span class="sn">05</span>
<div class="si">
<div class="sh"><b>Tom Petty</b><em>Encino, 30 years</em></div>
<p>Wrote "Free Fallin'" in a bungalow on a leafy Encino side street. The opening line is about a good girl who loves Jesus and America — she lived one suburb over from this house.</p>
</div>
<span class="sk">ENCINO</span>
</li>
<li data-star="6">
<span class="sn">06</span>
<div class="si">
<div class="sh"><b>Galpin Ford</b><em>since 1946</em></div>
<p>The world's largest Ford dealer — a two-block car lot on Roscoe. Pre-internet, this was how the Valley learned about new Mustangs. Still open. Still loud.</p>
</div>
<span class="sk">NORTH HILLS</span>
</li>
<li data-star="7">
<span class="sn">07</span>
<div class="si">
<div class="sh"><b>Reseda Theater</b><em>1948, re-skinned 2026</em></div>
<p>The art-deco marquee on Sherman Way stood in for every high school dance in every Valley movie. Restored last year as part of the 2028 street-fair push.</p>
</div>
<span class="sk">RESEDA</span>
</li>
<li data-star="8">
<span class="sn">08</span>
<div class="si">
<div class="sh"><b>CSUN</b><em>est. 1958</em></div>
<p>The Matadome, the oval, the Manzanita walk. CSUN trains a fourth of the Valley's teachers and twelve of its Olympic hopefuls for Paris, Milan, and now home — LA28.</p>
</div>
<span class="sk">NORTHRIDGE</span>
</li>
<li data-star="9" class="starred-olympic">
<span class="sn">○</span>
<div class="si">
<div class="sh"><b>Sepulveda Basin</b><em>§ 01 – 04 · LA28 Valley Complex</em></div>
<p>Four temporary venues: 3x3 basketball, BMX, skateboarding and modern pentathlon. 8.3 miles south of Malden; 14 minutes by car; a straight shot down the 405 or a flat 30-minute ride along the LA River path.</p>
</div>
<span class="sk">GAMES</span>
</li>
</ol>
</div>
<div class="stars-footnote">
<span class="sf-left">PLATE 04B · VALLEY CONSTELLATION · NOT TO SCALE</span>
<span class="sf-right">Cartography · Malden House · 2026</span>
</div>
</section>
<!-- VIDEO TOUR -->
<section class="video">
<header>
<div>
<div class="eyebrow">§ 05 · 30-SECOND TOUR</div>
<h2 class="display">Watch the<br>house in<br>thirty seconds.</h2>
</div>
<p class="lede inverted">A morning walkthrough with natural light, no voice-over. Click any chapter below to jump directly to a room — timeline scrubs, the LA 2028 mark holds.</p>
</header>
<div class="player">
<img src="https://picsum.photos/seed/maldenvideohero/1296/720" alt="Video cover">
<button class="play" aria-label="Play">▶</button>
<span class="badge-live"><span class="dot"></span>LIVE DEMO · MALDEN HOUSE</span>
<div class="hud"><span>4K</span><span>CC</span><span>FULLSCREEN</span></div>
<div class="controls">
<div class="scrub"><div class="prog"></div><div class="head"></div></div>
<div class="controls-row">
<div class="transport">⏴⏴ ▶ ⏵⏵ <span>0:11 / 0:30</span></div>
<button class="cta">BOOK THIS HOUSE</button>
</div>
</div>
</div>
</section>
<!-- section removed — IOC-protected marks -->
<!-- HISTORY -->
<section id="history" class="history">
<div class="history-copy">
<div class="eyebrow accent">§ 07 · THE NEIGHBORHOOD</div>
<h2 class="display sm">Orange groves,<br>aerospace,<br>aftershocks.</h2>
<p>Northridge used to be orange country — the Zelzah post office opened in 1908, the name changed to North Los Angeles in '29, and the railroad stop settled into Northridge by 1938. Citrus came out, tract homes came in. Malden St was cut in the mid-1950s; this house went up in 1961.</p>
<p>Cal State Northridge — founded '58 — gave the neighborhood its center of gravity. The 1994 earthquake gave it its scar. The house held. Most of the block held. Bob and Ginny re-stuccoed that summer and never left.</p>
</div>
<ol class="timeline">
<li><span class="y">1908</span><span>Zelzah post office opens in a wheat field.</span></li>
<li><span class="y">1938</span><span>Southern Pacific renames the station Northridge.</span></li>
<li><span class="y">1958</span><span>San Fernando Valley State College opens — later CSUN.</span></li>
<li><span class="y">1961</span><span>18764 Malden is built. Three beds, two baths, carport out back.</span></li>
<li><span class="y">1984</span><span>LA hosts the Summer Games. The Valley watches on TV.</span></li>
<li><span class="y">1992</span><span>Bob and Ginny buy the house and plant a kumquat tree.</span></li>
<li><span class="y">1994</span><span>6.7 at 4:31 AM. Everyone OK. Stucco — not OK.</span></li>
<li><span class="y">2017</span><span>Metro G-line expansion plan includes Balboa Station.</span></li>
<li><span class="y">2026</span><span>LA 2028 confirms Sepulveda Basin as the Valley Complex.</span></li>
<li><span class="y">2028</span><span>The Valley finally gets a ring. You stay on Malden.</span></li>
</ol>
</section>
<!-- CONTACT -->
<section id="contact" class="contact">
<div class="contact-copy">
<div class="eyebrow accent">§ 08 · INQUIRE</div>
<h2 class="display">Talk to<br>Bob & Ginny.</h2>
<p>We read every message ourselves. Tell us which events you're attending and how long you'd like to stay — we'll reply within a day with availability and a quote.</p>
<ul class="meta">
<li><span>EMAIL</span><b>stay@maldenhouse28.com</b></li>
<li><span>PHONE</span><b>+1 (818) 555-0128</b></li>
<li><span>HOURS</span><b>8am–9pm Pacific · seven days</b></li>
</ul>
</div>
<form class="contact-form" id="contact-form">
<div class="row">
<label><span>FIRST NAME</span><input type="text" name="first" placeholder="Ruth"></label>
<label><span>LAST NAME</span><input type="text" name="last" placeholder="Bader"></label>
</div>
<label><span>EMAIL</span><input type="email" name="email" placeholder="ruth@example.com"></label>
<div class="row">
<label><span>CHECK-IN</span><input type="date" name="in" value="2028-07-17"></label>
<label><span>CHECK-OUT</span><input type="date" name="out" value="2028-07-28"></label>
<label><span>GUESTS</span><input type="number" name="guests" value="4" min="1" max="6"></label>
</div>
<fieldset class="events">
<legend>EVENTS ATTENDING</legend>
<label class="tag"><input type="checkbox" checked>3x3 BASKETBALL</label>
<label class="tag"><input type="checkbox">BMX</label>
<label class="tag"><input type="checkbox" checked>SKATEBOARDING</label>
<label class="tag"><input type="checkbox">PENTATHLON</label>
<label class="tag"><input type="checkbox">OPENING CEREMONY</label>
</fieldset>
<label><span>MESSAGE</span><textarea rows="3" name="msg" placeholder="Hi Bob & Ginny — we're flying in from Chicago with two kids..."></textarea></label>
<div class="submit-row">
<span class="reply-note">We reply within 24 hours, usually faster.</span>
<button type="submit">SEND INQUIRY →</button>
</div>
</form>
</section>
<!-- FOOTER -->
<footer class="footer">
<div class="brand"><span class="brand-dot"></span>MALDEN HOUSE · EST. 1961</div>
<div class="addr">18764 Malden Street · Northridge · Los Angeles County · California · 91324</div>
<div class="credit">© 2028 · A PRIVATE RENTAL · NOT AFFILIATED WITH LA 2028</div>
</footer>
<script src="neighborhoods.js?v=10"></script>
<script src="rental.js?v=10"></script>
<script src="theme.js?v=10"></script>
</body>
</html>