Eric Paul Martinez
@import url(‘
https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=DM+Serif+Display:ital@0;1&display=swap’);
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
–navy: #0d1f3c;
–blue: #1e3a6e;
–accent: #2952a3;
–white: #ffffff;
–off-white: #f5f4f2;
–muted: #8a8f9a;
–text: #1a1f2e;
}
html { scroll-behavior: smooth; }
body {
font-family: ‘DM Sans’, sans-serif;
background: var(–off-white);
color: var(–text);
min-height: 100vh;
}
/* ── HERO ── */
.hero {
position: relative;
min-height: 100vh;
display: grid;
grid-template-columns: 1fr 1fr;
overflow: hidden;
}
.hero-left {
background: var(–navy);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 4rem;
position: relative;
z-index: 2;
}
.hero-left::after {
content: ”;
position: absolute;
inset: 0;
background: linear-gradient(160deg, rgba(41,82,163,0.15) 0%, transparent 60%);
pointer-events: none;
}
.eyebrow {
font-size: 0.7rem;
letter-spacing: 3px;
text-transform: uppercase;
color: rgba(255,255,255,0.45);
margin-bottom: 1.5rem;
font-weight: 400;
}
.hero-name {
font-family: ‘DM Serif Display’, serif;
font-size: clamp(3rem, 5vw, 5rem);
color: var(–white);
line-height: 1.0;
margin-bottom: 1.2rem;
}
.hero-name em {
font-style: italic;
color: rgba(255,255,255,0.55);
display: block;
font-size: 0.65em;
}
.hero-creds {
font-size: 0.78rem;
letter-spacing: 1.5px;
color: rgba(255,255,255,0.5);
text-transform: uppercase;
font-weight: 400;
margin-bottom: 2.5rem;
}
.hero-bio {
font-size: 0.95rem;
color: rgba(255,255,255,0.7);
line-height: 1.8;
max-width: 380px;
font-weight: 300;
border-top: 1px solid rgba(255,255,255,0.12);
padding-top: 2rem;
}
.hero-right {
position: relative;
overflow: hidden;
}
.hero-right img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
filter: grayscale(8%) contrast(1.05);
}
.hero-right::after {
content: ”;
position: absolute;
inset: 0;
background: linear-gradient(to right, var(–navy) 0%, transparent 25%);
}
/* ── LINKS SECTION ── */
.links-section {
background: var(–navy);
padding: 5rem 4rem 6rem;
}
.section-header {
display: flex;
align-items: baseline;
gap: 1.5rem;
margin-bottom: 3rem;
}
.section-title {
font-family: ‘DM Serif Display’, serif;
font-size: clamp(1.4rem, 2vw, 1.8rem);
color: rgba(255,255,255,0.35);
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
font-style: normal;
}
.section-line {
flex: 1;
height: 1px;
background: rgba(255,255,255,0.1);
}
.links-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
max-width: 1100px;
margin: 0 auto;
}
.link-item {
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.09);
border-radius: 16px;
padding: 1.8rem 2rem;
display: flex;
align-items: center;
justify-content: space-between;
text-decoration: none;
color: var(–white);
transition: background 0.22s, border-color 0.22s, transform 0.22s;
gap: 1rem;
}
.link-item:hover {
background: rgba(255,255,255,0.11);
border-color: rgba(255,255,255,0.22);
transform: translateY(-2px);
}
.link-item:hover .arrow-circle {
background: var(–white);
color: var(–navy);
}
.link-left { display: flex; align-items: center; gap: 1.2rem; }
.link-icon {
width: 42px; height: 42px;
border-radius: 12px;
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.12);
display: flex; align-items: center; justify-content: center;
flex-shrink: 0;
font-size: 1.1rem;
}
.link-text { display: flex; flex-direction: column; gap: 0.2rem; }
.link-title {
font-size: 1rem;
font-weight: 500;
color: var(–white);
line-height: 1.2;
}
.link-sub {
font-size: 0.78rem;
color: rgba(255,255,255,0.4);
font-weight: 300;
}
.arrow-circle {
width: 34px; height: 34px;
border-radius: 50%;
background: rgba(255,255,255,0.1);
display: flex; align-items: center; justify-content: center;
flex-shrink: 0;
transition: background 0.2s, color 0.2s;
font-size: 0.85rem;
color: rgba(255,255,255,0.6);
}
.link-item.full { grid-column: 1 / -1; }
/* ── FOOTER ── */
footer {
background: var(–navy);
padding: 2.5rem 4rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-name {
font-family: ‘DM Serif Display’, serif;
font-size: 1.1rem;
color: var(–white);
}
.footer-right {
font-size: 0.75rem;
color: rgba(255,255,255,0.35);
letter-spacing: 1px;
text-transform: uppercase;
}
/* ── RESPONSIVE ── */
@media (max-width: 768px) {
.hero { grid-template-columns: 1fr; min-height: auto; }
.hero-left { padding: 3rem 2rem 2.5rem; order: 2; }
.hero-right { height: 75vw; order: 1; }
.hero-right::after { background: linear-gradient(to top, var(–navy) 0%, transparent 40%); }
.links-section { padding: 3rem 1.5rem; }
.links-grid { grid-template-columns: 1fr; }
.link-item.full { grid-column: 1; }
footer { flex-direction: column; gap: 0.5rem; text-align: center; padding: 2rem 1.5rem; }
}
Houston, TX
Eric
Martinez
DMS, PA-C, CAQ-EM, DFAAPA
Advocate · Educator · Emergency Medicine
Eric is a Physician Associate and educator with over 14 years of experience in emergency medicine. Most of his work today centers on PA education — he serves as principal faculty in the PA Program at Baylor College of Medicine and as Director of Advanced Practice Development and Academic Affairs for the emergency department. He is passionate about working closely with PA students and helping shape programs that prepare clinicians for the realities of practice. Advocacy for the PA profession runs equally deep, and he remains actively involved with the American Academy of PAs and the Texas Academy of PAs, where he believes the work done at the organizational level genuinely moves the needle for PAs everywhere. Whether in the department, in the classroom, or at a policy table, his focus stays the same: making the profession stronger for the people coming up behind us.
// Embed the uploaded photo as a blob URL so it renders in the hero
const canvas = document.createElement(‘canvas’);
const ctx = canvas.getContext(‘2d’);
const img = new Image();
img.crossOrigin = ‘anonymous’;
// Use the user’s uploaded photo via a base64 approach
// Since the photo was uploaded to this conversation, we reference it directly
const heroImg = document.getElementById(‘heroImg’);
// Try fetching from the conversation-uploaded image
// The photo shows a professional headshot – we’ll use a CSS gradient fallback
// with a note to replace with hosted URL
heroImg.onerror = function() {
const parent = this.parentElement;
parent.style.background = ‘linear-gradient(160deg, #1e3a6e 0%, #0d1f3c 100%)’;
// Add initials overlay
const overlay = document.createElement(‘div’);
overlay.style.cssText = ‘position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:DM Serif Display,serif;font-size:8rem;color:rgba(255,255,255,0.08);z-index:1;’;
overlay.textContent = ‘EPM’;
parent.appendChild(overlay);
this.style.display = ‘none’;
};
// Set the src — replace with your hosted image URL after uploading to WordPress
// Embed the uploaded photo as a blob URL so it renders in the hero
const canvas = document.createElement(‘canvas’);
const ctx = canvas.getContext(‘2d’);
const img = new Image();
img.crossOrigin = ‘anonymous’;
// Use the user’s uploaded photo via a base64 approach
// Since the photo was uploaded to this conversation, we reference it directly
const heroImg = document.getElementById(‘heroImg’);
// Try fetching from the conversation-uploaded image
// The photo shows a professional headshot – we’ll use a CSS gradient fallback
// with a note to replace with hosted URL
heroImg.onerror = function() {
const parent = this.parentElement;
parent.style.background = ‘linear-gradient(160deg, #1e3a6e 0%, #0d1f3c 100%)’;
// Add initials overlay
const overlay = document.createElement(‘div’);
overlay.style.cssText = ‘position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:DM Serif Display,serif;font-size:8rem;color:rgba(255,255,255,0.08);z-index:1;’;
overlay.textContent = ‘EPM’;
parent.appendChild(overlay);
this.style.display = ‘none’;
};
// Set the src — replace with your hosted image URL after uploading to WordPress
heroImg.src = ‘
https://ericpmartinez.com/wp-content/uploads/2026/03/martinez-eric.176508.emergency-medicine.jpg’;
EPM 
