/* The original portfolio palette meets the current resume. */
:root { --paper:#fffefa; --accent:#963a50; --accent-dark:#6e2436; --ink:#20232b; }
.hero { background:#b9e5f5; min-height:78vh; }
h1 {font-size:clamp(2.6rem,5.7vw,5.6rem);max-width:1080px;letter-spacing:-.055em;line-height:1.06;}
.hero-copy {max-width:1100px;}
.hero-summary {max-width:760px;}
.hero .eyebrow {color:#343b49;}
.metrics {background:#edf8fc;}
.footer,.resume-band {background:#f8d8e3;}
.community {background:#edf8fc;}
.case-card {transition:transform .2s ease,box-shadow .2s ease;}
.case-card:hover {transform:translateY(-4px);box-shadow:0 16px 40px #20273314;}
.case-link {display:inline-block;margin-top:12px;text-decoration:underline;text-underline-offset:5px;font-weight:700;}
section[id] {scroll-margin-top:110px;}
a:focus-visible {outline:3px solid #963a50;outline-offset:5px;}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}.case-card{transition:none;}.case-card:hover{transform:none;}}

/* Explicit foregrounds for the light sections. */
:root { --muted:#4b5868; }
.metrics,.resume-band {color:var(--ink);}
.metric span,.resume-summary-grid p {color:var(--muted);}
.metric {border-color:#bacbd2;}
.resume-band .section-kicker {color:var(--accent-dark);}
.resume-summary-grid > div {background:#fffefa;border-color:#b88c9b;}
.resume-summary-grid a {color:var(--accent-dark);}
.resume-summary-grid a:hover {color:var(--ink);}
.case-visual span {background:#20232b;color:#fffefa;backdrop-filter:none;}
.button.secondary,.nav-cta,.case-link {border-color:#687585;}
.button.secondary {background:#fffefa;color:var(--ink);}
.button.secondary:hover,.nav-cta:hover,.case-link:hover {background:var(--accent-dark);color:#fffefa;border-color:var(--accent-dark);}
.contact-list a,.footer a {text-decoration:underline;text-underline-offset:4px;}
a:focus-visible {outline:3px solid #6e2436;outline-offset:4px;box-shadow:0 0 0 3px #fffefa;}
.nav a {display:inline-flex;align-items:center;min-height:44px;}
@media(max-width:720px){
  .nav {flex-wrap:wrap;overflow:visible;gap:4px 18px;}
  .metric {border-bottom-color:#bacbd2;}
}

/* Mercado Ads portfolio section. */
.mercado-feature {margin-bottom:32px;padding:clamp(24px,4vw,48px);border:1px solid #c9be75;border-radius:8px;background:#fff6bc;color:var(--ink);}
.mercado-intro {max-width:850px;}
.mercado-intro h3 {margin-bottom:16px;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.1;letter-spacing:-.025em;}
.mercado-intro .section-kicker,.mercado-product .section-kicker {color:#594813;}
.mercado-role {font-weight:700;}
.mercado-products {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px;}
.mercado-product {padding:24px;background:#fffefa;border:1px solid #c9be75;border-radius:8px;}
.mercado-product h4 {margin:0;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;}
@media(max-width:720px){.mercado-products{grid-template-columns:1fr;}}

.role-meta .text-link {display:inline-block;margin-top:8px;color:var(--accent-dark);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere;}
.role-meta .text-link:hover {color:var(--ink);text-decoration-thickness:2px;}

.wip-pill {display:inline-block;margin-bottom:18px;padding:6px 12px;border:1px solid #594813;border-radius:999px;background:#fffefa;color:#594813;font-size:.8rem;font-weight:700;line-height:1.5;}

.don-alfred-feature {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:center;margin-bottom:32px;padding:clamp(24px,4vw,48px);border:1px solid #b5cfc3;border-radius:8px;background:#edf7f1;color:var(--ink);}
.don-alfred-logo {padding:clamp(12px,2vw,24px);background:#fff;border-radius:8px;}
.don-alfred-logo img {display:block;width:100%;height:auto;}
.don-alfred-copy h3 {font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.1;margin-bottom:16px;}
.don-alfred-copy .section-kicker,.don-alfred-link {color:#075b43;}
.don-alfred-link {text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere;}
.don-alfred-link:hover {color:var(--ink);text-decoration-thickness:2px;}
@media(max-width:720px){.don-alfred-feature{grid-template-columns:1fr;}}

/* Keep the profile and portfolio introductions compact and aligned. */
.intro.section-shell {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
  align-items: start;
  gap: clamp(28px, 4vw, 64px);
  padding-block: clamp(40px, 5vw, 72px);
}
.intro h2, .portfolio-header h2 {
  margin: 0;
  font-size: clamp(2rem, 3.2vw, 3rem);
  line-height: 1.12;
  letter-spacing: -.025em;
}
.intro-copy p {margin-bottom: 20px;}
.intro-copy p:last-child {margin-bottom: 0;}
.portfolio {padding-block: clamp(40px, 5vw, 72px);}
.portfolio-header {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
  grid-template-areas: "label label" "title description";
  align-items: start;
  gap: 16px clamp(28px, 4vw, 64px);
  margin-bottom: clamp(28px, 3vw, 40px);
}
.portfolio-header .section-kicker {grid-area: label; margin: 0;}
.portfolio-header h2 {grid-area: title;}
.portfolio-header p:last-child {grid-area: description; margin: 0; max-width: 70ch;}
@media(max-width:980px) {
  .intro.section-shell {grid-template-columns: 1fr; gap: 24px;}
  .portfolio-header {grid-template-columns: 1fr; grid-template-areas: "label" "title" "description"; gap: 16px;}
}

.podcast-feature h3 {margin-bottom:12px;}
.podcast-player {display:block;width:100%;border:0;border-radius:12px;margin:20px 0 12px;}
.podcast-link {color:var(--accent-dark);text-decoration:underline;text-underline-offset:4px;}
.podcast-link:hover {color:var(--ink);}

.google-video-feature {margin-top:32px;}
.google-video-feature h3 {margin-bottom:16px;}
.google-video-player {display:block;width:100%;aspect-ratio:16 / 9;border:0;border-radius:12px;margin-bottom:12px;}