Nathanial Maki
/* Layout: a formal corporate profile. Navy masthead, a sticky section bar, a summary panel, then ruled sections.
Interaction is kept functional: filterable projects, expandable roles, scroll-tracked navigation, a theme switch. */
:root {
–bg: #ffffff;
–panel: #f3f5f8;
–ink: #1a2433;
–muted: #55606e;
–rule: #d6dce4;
–navy: #1f3350;
–accent: #2d5a8a;
–on-navy: #ffffff;
–on-navy-muted: #c9d4e2;
–ok: #1f7a4a;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme=”light”]) {
–bg: #111820;
–panel: #18212c;
–ink: #e5eaf1;
–muted: #9aa6b5;
–rule: #2b3645;
–navy: #0c1520;
–accent: #8fb4de;
–on-navy: #e5eaf1;
–on-navy-muted: #9aa6b5;
–ok: #5fd38d;
color-scheme: dark;
}
}
:root[data-theme=”dark”] {
–bg: #111820;
–panel: #18212c;
–ink: #e5eaf1;
–muted: #9aa6b5;
–rule: #2b3645;
–navy: #0c1520;
–accent: #8fb4de;
–on-navy: #e5eaf1;
–on-navy-muted: #9aa6b5;
–ok: #5fd38d;
color-scheme: dark;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
background: var(–bg);
color: var(–ink);
font-family: “Source Sans 3”, “Segoe UI”, Arial, sans-serif;
font-size: 17px;
line-height: 1.6;
padding-left: max(16px, env(safe-area-inset-left, 0px));
padding-right: max(16px, env(safe-area-inset-right, 0px));
}
h1, h2, h3 {
font-family: “Source Serif 4”, Georgia, “Times New Roman”, serif;
font-weight: 600;
line-height: 1.2;
text-wrap: balance;
margin: 0;
}
a { color: var(–accent); }
a:focus-visible, button:focus-visible, summary:focus-visible {
outline: 2px solid var(–accent);
outline-offset: 3px;
}
.wrap { max-width: 1040px; margin: 0 auto; }
.eyebrow {
font-size: 13px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(–muted);
margin: 0;
}
.num { font-variant-numeric: tabular-nums; }
section, .summary { scroll-margin-top: 64px; }
/* Masthead */
.masthead {
background: var(–navy);
color: var(–on-navy);
margin: 0 calc(-1 * max(16px, env(safe-area-inset-left, 0px)));
padding: 0 max(16px, env(safe-area-inset-left, 0px));
}
.masthead .wrap { padding-block: 56px 48px; }
.masthead .eyebrow { color: var(–on-navy-muted); }
.masthead h1 {
font-size: clamp(40px, 7vw, 64px);
margin-top: 16px;
color: var(–on-navy);
letter-spacing: -0.01em;
}
.masthead .title { font-size: 20px; margin: 10px 0 0; color: var(–on-navy); }
.masthead .location { font-size: 15px; color: var(–on-navy-muted); margin: 6px 0 0; }
.badge {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 18px 0 0;
padding: 6px 14px;
border: 1px solid rgba(255,255,255,0.35);
font-size: 14px;
font-weight: 600;
letter-spacing: 0.04em;
color: var(–on-navy);
}
.badge .dot { width: 9px; height: 9px; border-radius: 50%; background: #5fd38d; }
/* Sticky section bar */
.subnav {
position: sticky;
top: env(safe-area-inset-top, 0px);
z-index: 5;
background: var(–bg);
border-bottom: 1px solid var(–rule);
margin: 0 calc(-1 * max(16px, env(safe-area-inset-left, 0px)));
padding: 0 max(16px, env(safe-area-inset-left, 0px));
}
.subnav .wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 8px 16px;
min-height: 52px;
}
.subnav nav { display: flex; flex-wrap: wrap; gap: 4px 4px; }
.subnav nav a {
color: var(–muted);
text-decoration: none;
font-size: 15px;
padding: 6px 10px;
border-bottom: 2px solid transparent;
}
.subnav nav a:hover { color: var(–ink); }
.subnav nav a[aria-current=”true”] {
color: var(–ink);
font-weight: 600;
border-bottom-color: var(–accent);
}
.subnav .brand {
font-family: “Source Serif 4″, Georgia, serif;
font-weight: 600;
font-size: 18px;
color: var(–navy);
text-decoration: none;
margin-right: auto;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme=”light”]) .subnav .brand { color: var(–ink); }
}
:root[data-theme=”dark”] .subnav .brand { color: var(–ink); }
.subnav nav { margin-left: auto; }
.theme-toggle {
font: inherit;
font-size: 14px;
padding: 6px 12px;
border: 1px solid var(–rule);
background: var(–panel);
color: var(–ink);
cursor: pointer;
}
.theme-toggle:hover { border-color: var(–accent); }
/* Summary panel */
.summary {
background: var(–panel);
border-bottom: 1px solid var(–rule);
margin: 0 calc(-1 * max(16px, env(safe-area-inset-left, 0px)));
padding: 0 max(16px, env(safe-area-inset-left, 0px));
}
.summary .wrap { padding-block: 36px; display: grid; gap: 28px; }
.summary p { margin: 0; max-width: 72ch; }
.figures {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
border: 1px solid var(–rule);
background: var(–bg);
}
.figures div {
padding: 18px 20px;
border-right: 1px solid var(–rule);
min-width: 0;
transition: background-color 160ms ease;
}
.figures div:last-child { border-right: 0; }
.figures div:hover { background: var(–panel); }
.figures .v {
font-family: “Source Serif 4″, Georgia, serif;
font-size: 28px;
font-weight: 600;
line-height: 1.1;
color: var(–navy);
font-variant-numeric: tabular-nums;
}
.figures .k { font-size: 14px; color: var(–muted); margin-top: 6px; }
@media (prefers-color-scheme: dark) {
:root:not([data-theme=”light”]) .figures .v { color: var(–accent); }
}
:root[data-theme=”dark”] .figures .v { color: var(–accent); }
.figures.focus .v { font-size: 20px; line-height: 1.25; }
.figures.focus .k { font-size: 15px; }
/* Sections */
section {
padding-block: clamp(40px, 6vw, 64px);
border-bottom: 1px solid var(–rule);
}
section:last-of-type { border-bottom: 0; }
.sec-head { margin-bottom: 28px; }
.sec-head h2 { font-size: clamp(26px, 3.6vw, 34px); color: var(–navy); }
@media (prefers-color-scheme: dark) {
:root:not([data-theme=”light”]) .sec-head h2 { color: var(–ink); }
}
:root[data-theme=”dark”] .sec-head h2 { color: var(–ink); }
.sec-head .eyebrow { margin-bottom: 6px; }
.prose { display: grid; gap: 16px; max-width: 74ch; }
.prose p { margin: 0; }
/* Projects */
.filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.chip {
font: inherit;
font-size: 14px;
padding: 6px 14px;
border: 1px solid var(–rule);
background: var(–bg);
color: var(–muted);
cursor: pointer;
}
.chip:hover { border-color: var(–accent); color: var(–ink); }
.chip[aria-pressed=”true”] {
background: var(–navy);
border-color: var(–navy);
color: var(–on-navy);
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme=”light”]) .chip[aria-pressed=”true”] { background: var(–accent); border-color: var(–accent); color: var(–bg); }
}
:root[data-theme=”dark”] .chip[aria-pressed=”true”] { background: var(–accent); border-color: var(–accent); color: var(–bg); }
.flagship {
border: 1px solid var(–rule);
border-top: 4px solid var(–navy);
background: var(–bg);
padding: clamp(22px, 3.5vw, 36px);
display: grid;
gap: 24px;
}
.flagship h3 { font-size: clamp(24px, 3vw, 30px); color: var(–navy); }
@media (prefers-color-scheme: dark) {
:root:not([data-theme=”light”]) .flagship h3 { color: var(–ink); }
}
:root[data-theme=”dark”] .flagship h3 { color: var(–ink); }
.flagship .intro { color: var(–muted); margin: 10px 0 0; max-width: 70ch; }
.flagship .pair { display: grid; gap: 24px; }
.flagship ul, .proj ul { margin: 0; padding-left: 1.2em; display: grid; gap: 10px; }
.facts { display: grid; gap: 0; border-top: 1px solid var(–rule); margin: 0; }
.facts div { display: grid; gap: 2px; padding-block: 12px; border-bottom: 1px solid var(–rule); }
.facts dt { font-size: 13px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(–muted); }
.facts dd { margin: 0; font-size: 16px; }
.proj-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
gap: 20px;
margin-top: 24px;
}
.proj {
border: 1px solid var(–rule);
padding: 22px;
min-width: 0;
background: var(–bg);
transition: border-color 160ms ease;
}
.proj:hover { border-color: var(–accent); }
.proj h3 { font-size: 20px; margin: 6px 0 10px; color: var(–navy); }
@media (prefers-color-scheme: dark) {
:root:not([data-theme=”light”]) .proj h3 { color: var(–ink); }
}
:root[data-theme=”dark”] .proj h3 { color: var(–ink); }
.proj p { margin: 0 0 10px; color: var(–muted); }
.proj p:last-of-type { margin-bottom: 0; }
.more-btn {
font: inherit;
font-size: 14px;
margin-top: 14px;
padding: 0;
border: 0;
background: none;
color: var(–accent);
cursor: pointer;
text-decoration: underline;
text-underline-offset: 3px;
}
.proj .more[hidden] { display: none; }
.empty-note { color: var(–muted); font-style: italic; margin: 16px 0 0; }
/* Experience accordion */
.roles { display: grid; border-top: 1px solid var(–ink); }
.role {
border-bottom: 1px solid var(–rule);
}
.role summary {
list-style: none;
cursor: pointer;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 4px 20px;
align-items: baseline;
padding: 20px 4px;
}
.role summary::-webkit-details-marker { display: none; }
.role summary:hover h3 { color: var(–accent); }
.role .when { color: var(–muted); font-size: 15px; font-variant-numeric: tabular-nums; grid-column: 1 / -1; order: -1; }
.role h3 { font-size: 20px; color: var(–navy); transition: color 160ms ease; }
@media (prefers-color-scheme: dark) {
:root:not([data-theme=”light”]) .role h3 { color: var(–ink); }
}
:root[data-theme=”dark”] .role h3 { color: var(–ink); }
.role .org { color: var(–accent); font-size: 15px; margin: 2px 0 0; grid-column: 1 / 2; }
.role .toggle-mark {
grid-column: 2 / 3;
grid-row: 2 / 3;
font-size: 22px;
line-height: 1;
color: var(–muted);
align-self: center;
}
.role .toggle-mark::before { content: “+”; }
.role[open] .toggle-mark::before { content: “\2212″; }
.role .body { padding: 0 4px 22px; }
.role ul { margin: 0; padding-left: 1.2em; display: grid; gap: 8px; color: var(–muted); }
.subhead { margin: 56px 0 10px; font-size: clamp(22px, 3vw, 28px); color: var(–navy); }
@media (prefers-color-scheme: dark) {
:root:not([data-theme=”light”]) .subhead { color: var(–ink); }
}
:root[data-theme=”dark”] .subhead { color: var(–ink); }
.intro-line { color: var(–muted); max-width: 72ch; margin: 0 0 24px; }
.proj-grid.two { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 720px) {
.proj-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.proj p:last-of-type { margin-bottom: 0; }
.proj p + p { margin-top: 10px; }
.proj-grid { margin-top: 0; }
.flagship + .proj-grid { margin-top: 24px; }
/* Credentials */
.cols { display: grid; gap: 40px; }
.cols h3 { font-size: 20px; margin-bottom: 14px; color: var(–navy); }
@media (prefers-color-scheme: dark) {
:root:not([data-theme=”light”]) .cols h3 { color: var(–ink); }
}
:root[data-theme=”dark”] .cols h3 { color: var(–ink); }
.cols ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.cols li { padding-bottom: 12px; border-bottom: 1px solid var(–rule); }
.cols li small { display: block; color: var(–muted); font-size: 15px; }
.group-label { font-size: 13px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(–muted); margin: 0 0 10px; }
.skills { display: flex; flex-wrap: wrap; gap: 8px; }
.skills span {
border: 1px solid var(–rule);
padding: 5px 12px;
font-size: 15px;
background: var(–panel);
transition: border-color 160ms ease;
}
.skills span:hover { border-color: var(–accent); }
/* Contact */
.contact-block { display: grid; gap: 14px; }
.contact-block p { margin: 0; font-size: 17px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.contact-block .label { min-width: 72px; color: var(–muted); font-weight: 600; }
.status-ok { color: var(–ok); font-weight: 600; }
.copy {
font: inherit;
font-size: 14px;
padding: 6px 14px;
border: 1px solid var(–rule);
background: var(–panel);
color: var(–ink);
cursor: pointer;
}
.copy:hover { border-color: var(–accent); }
footer {
padding-block: 24px 36px;
color: var(–muted);
font-size: 14px;
border-top: 1px solid var(–rule);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 8px 16px;
}
footer a { color: var(–accent); }
@media (min-width: 720px) {
.flagship .pair { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 32px; }
.cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
* { transition: none !important; animation: none !important; }
}
/* Portrait, faded into the navy masthead from the left */
.masthead { position: relative; overflow: hidden; }
.portrait {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: min(48%, 460px);
pointer-events: none;
}
.portrait img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 20%;
opacity: 0.92;
-webkit-mask-image: linear-gradient(to right, transparent 0%, #000 45%);
mask-image: linear-gradient(to right, transparent 0%, #000 45%);
}
.masthead .wrap { position: relative; z-index: 1; }
@media (max-width: 719px) {
.portrait { width: 100%; }
.portrait img { opacity: 0.22; }
}
Operations and security leader with five years managing teams, vendors and budgets across a multi-facility residential property. Experienced in staff onboarding, guest and resident experience, access control, multivendor management and board-level reporting, with a focus on hospitality and property management roles.
Profile
Professional background
My career began in training and quality assurance at Iron Wall Security in San Diego, where I designed onboarding programmes and moved across the firm’s commercial, residential and industrial clients to deliver training and quality reviews. I then led the establishment of a 24/7 security account from inception, which informed my approach to operational standards, accountability and reporting.
At Coronado Shores Council I oversee security, facilities and business operations for a 32-acre beachfront property of ten high-rise buildings, including a beach club, health club, four pools, tennis courts and a pavilion, with an annual operating budget above US$4.4M. I present quarterly executive reviews to the board of directors, prepare policy and analysis under California’s Davis-Stirling Act framework, and develop the analytical tools that demonstrate operational value to ownership.
I hold a Bachelor of Arts in Psychology. My academic training in research statistics and methodology informs how I plan staffing, evaluate incidents and assess vendor proposals.
Selected projects
Major initiatives
Flagship capital project
Campus security and surveillance platform modernisation
Two legacy systems, Brivo access control and Digital Watchdog video, operated separately under different vendors. I consolidated both onto a single Verkada cloud platform across a 32-acre, ten-building residential campus.
- Installed encryption-enabled card readers at 28 entrances and migrated more than 8,000 credentials with no service disruption to a community of over 10,000 users.
- Unified 58 legacy ONVIF cameras with new hardware into a 72-camera cloud network, removing on-site storage and extending footage retention from 7 to 30 days.
- Enabled AI video analytics for person and vehicle detection, licence plate recognition and anomaly alerts, with access events linked to video to support faster incident response.
- Budget
- US$270K (about AUD $415K)
- Scope
- Phased installation across occupied buildings
- Delivery
- Vendor selection, contract negotiation, credential migration and resident communication
Vendor governance
Contract renewal and cost reduction
I managed the multivendor ecosystem, including the security MSP, IT services, integrators and the ISP, covering contract negotiation, performance management and renewal cycles.
On a key renewal I reduced a proposed rate increase by 60%, producing ongoing annual savings for the association.
Analytics and reporting
Decision-support tools
I developed credential audit dashboards, incident heatmaps and staffing forecasting models to inform resource allocation and demonstrate value realisation.
These tools supported quarterly executive reviews, which quantified operational return and secured approval for strategic capital initiatives.
Workforce management
Team retention
Operational team tenure had averaged two to three months. Under my leadership the team achieved zero attrition across 14 consecutive months, scaling from 9 to 14 personnel during peak seasonal periods.
I also introduced an orientation and onboarding programme for staff, covering the property, its facilities, resident service expectations and site procedures.
Peak-season operations
Summer pool patrol system
Visitor numbers rose sharply each summer. I designed a pool patrol system to keep the four pools supervised, orderly and within capacity during the busiest periods.
The property sits directly beside Hotel del Coronado. Some visitors compared what they expected here with a resort experience, and some tried to enter private property. I managed those situations with clear access rules and consistent staff responses.
Earlier role: Iron Wall Security, San Diego
At Iron Wall Security I worked across the firm’s client portfolio throughout San Diego, building new programmes and moving between commercial, residential and industrial sites wherever training, quality assurance or onboarding was needed.
Account establishment
24/7 security programme launch
I established operations for the firm’s largest new client in the San Diego region, building a fully staffed, round-the-clock programme from inception.
A structured 90-day plan covered stakeholder discovery and operational baselining, team recruitment aligned to client culture and site requirements, and the introduction of policies, procedures and KPI frameworks, delivered on schedule.
I restructured the team around shift leads and supervisors, which improved accountability, operational throughput and the consistency of incident response.
Multi-site delivery
Training and quality assurance across San Diego
I designed and delivered enterprise-wide training and onboarding programmes across dozens of commercial, residential and industrial sites.
I moved between client sites throughout the San Diego metropolitan area, delivering training, quality assurance reviews and onboarding, and keeping service delivery standards consistent from site to site.
I advised property management executives on site-level performance and co-developed improvements to service delivery.
Employment history
Professional experience
March 2023 to April 2026
Head of Security and Business Operations
Coronado Shores Council, Coronado, California
- Directed security operations for a US$3.5 billion beachfront residential campus with an operating budget above US$4.4M.
- Led the platform modernisation capital project and the multivendor programme that followed.
- Presented quarterly executive business reviews to the board and authored governance analysis supporting board decisions.
- Introduced the staff orientation and onboarding programme across the property.
- Designed a summer pool patrol system to manage large visitor numbers across four pools.
June 2022 to March 2023
Account Manager
Iron Wall Security, San Diego, California
- Established a 24/7 onsite security programme for the firm’s largest new client in the San Diego region.
- Introduced shift leads and supervisors, improving accountability and consistency of incident response.
- Ran a structured 90-day onboarding plan covering discovery, recruitment matched to site culture, and policies and KPI frameworks.
- Managed site operations for one of Iron Wall’s San Diego clients, working alongside the client’s property management team.
December 2020 to June 2022
Manager, Training and Quality Assurance
Iron Wall Security, San Diego, California
- Designed and delivered enterprise-wide training and onboarding programmes across dozens of commercial, residential and industrial sites.
- Advised property management executives on site-level performance and co-developed improvements to service delivery.
- Moved across Iron Wall’s client sites throughout San Diego, delivering training, quality assurance reviews and onboarding wherever they were needed.
- Managed distributed personnel across the San Diego metropolitan area, keeping service delivery standards consistent from site to site.
Qualifications
Credentials and competencies
Certifications
- Anthropic: AI Fluency, Framework and Foundations
- IBM SkillsBuild: Artificial Intelligence Fundamentals May 2025
- Gavin De Becker Institute: Essential Protection Skills Academy December 2021
Education
- Bachelor of Arts (Psychology), San Diego State University 2014 to 2018. Relevant coursework includes research statistics, statistical methodology, business statistics and behavioural economics.
Technical competencies
Security and facilities
VerkadaAvigilonBrivoLimble CMMS
Analytics and productivity
Excel (advanced)PowerPointSalesforceClaudeCanva
Core competencies
Operational efficiencyStrategic planningProject managementVendor and stakeholder relationshipsBudgeting and financial oversightCloud systems and SaaS platforms
(function () {
/* Copy buttons */
document.querySelectorAll(“[data-copy]”).forEach(function (btn) {
btn.addEventListener(“click”, function () {
var text = btn.getAttribute(“data-copy”);
var reset = function (msg) {
btn.textContent = msg;
setTimeout(function () { btn.textContent = “Copy”; }, 1600);
};
try {
navigator.clipboard.writeText(text).then(
function () { reset(“Copied”); },
function () { reset(“Select to copy”); }
);
} catch (e) {
reset(“Select to copy”);
}
});
});
/* Section bar: highlight the section in view */
var links = document.querySelectorAll(“.subnav nav a”);
var map = {};
links.forEach(function (a) { map[a.getAttribute(“href”).slice(1)] = a; });
if (“IntersectionObserver” in window) {
var io = new IntersectionObserver(function (entries) {
entries.forEach(function (e) {
if (e.isIntersecting && map[e.target.id]) {
links.forEach(function (l) { l.removeAttribute(“aria-current”); });
map[e.target.id].setAttribute(“aria-current”, “true”);
}
});
}, { rootMargin: “-40% 0px -55% 0px” });
[“projects”, “experience”, “credentials”, “contact”].forEach(function (id) {
var el = document.getElementById(id);
if (el) io.observe(el);
});
}
/* Theme switch: System, Light, Dark. The choice is kept only in this viewer’s browser. */
var modes = [“system”, “light”, “dark”];
var labels = { system: “Theme: System”, light: “Theme: Light”, dark: “Theme: Dark” };
var btn = document.getElementById(“theme-btn”);
var current = “system”;
try {
var saved = localStorage.getItem(“theme-mode”);
if (saved && modes.indexOf(saved) !== -1) current = saved;
} catch (e) {}
function apply(mode) {
if (mode === “system”) {
document.documentElement.removeAttribute(“data-theme”);
} else {
document.documentElement.setAttribute(“data-theme”, mode);
}
btn.textContent = labels[mode];
}
apply(current);
btn.addEventListener(“click”, function () {
current = modes[(modes.indexOf(current) + 1) % modes.length];
apply(current);
try { localStorage.setItem(“theme-mode”, current); } catch (e) {}
});
})();
