/* v68: original dark hero, rounded portrait and full-width closing sections. */
body[data-page=home] .hero{position:relative;isolation:isolate;overflow:hidden;background:#102c32;color:#fffdf8;min-height:620px;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,72px)}
body[data-page=home] .hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../img/hero-contours.svg') right center / auto 100% no-repeat;opacity:.7}
body[data-page=home] .hero h1{font-family:Georgia,'Times New Roman',serif!important;font-weight:500;font-size:clamp(54px,7.2vw,100px);letter-spacing:-.055em;line-height:1;color:#fffdf8!important}
body[data-page=home] .hero h1 em{color:#c8db88!important;background:none;animation:none;padding:0;font-weight:500}
body[data-page=home] .hero .kicker{color:#c8db88!important;font:700 12px/1.65 Arial,sans-serif!important;letter-spacing:.13em!important;text-transform:uppercase!important}
body[data-page=home] .hero .kicker::before{box-shadow:none;width:6px;height:6px}
body[data-page=home] .hero-copy p{color:#d5e0d9!important;font:400 17px/1.75 Arial,sans-serif;max-width:490px}
body[data-page=home] .hero-links a{font:700 13px/1.4 Arial,sans-serif!important}
body[data-page=home] .hero-links a.pill:not(.hero-projects){background:#c8db88;color:#102c32!important;border-color:#c8db88}
body[data-page=home] .hero-links a.pill:not(.hero-projects):hover{background:#fffdf8;border-color:#fffdf8}
body[data-page=home] .hero-links a.hero-projects{color:#fffdf8!important;border-color:#7f9d97}
body[data-page=home] .hero-links a.hero-projects:hover{background:#fffdf8;color:#102c32!important;border-color:#fffdf8}
body[data-page=home] .hero-links a.under{color:#e9efeb!important;border-bottom:1px solid #98aca3}
body[data-page=home] .hero-photo{width:min(100%,420px);border-radius:24px;outline:0;box-shadow:0 24px 64px #0003;border:1px solid #ffffff20;background:#17383e}
body[data-page=home] .hero-photo::after{content:"";inset:auto 0 0;height:35%;padding:0;border:0;background:linear-gradient(transparent,#102c32e6)}
body[data-page=home] .hero-caption{left:24px;right:108px;bottom:26px;max-width:none;align-items:flex-start;text-align:left;padding:0;gap:5px}
body[data-page=home] .hero-name{font:500 23px/1.1 Georgia,'Times New Roman',serif!important;color:#fff!important}
body[data-page=home] .hero-role{font:400 13px/1.4 Arial,sans-serif!important;color:#d5e0d9!important}
body[data-page=home] .stamp{right:20px;bottom:24px;width:72px;height:72px;font:700 10px/1.25 Arial,sans-serif!important;box-shadow:none}
body[data-page=home] #contact{width:100%;max-width:none;margin:0;padding:0!important;background:#102c32}
body[data-page=home] #contact .contact{width:min(1200px,100%);margin:auto;padding:clamp(52px,7vw,88px) clamp(24px,4vw,40px);border-radius:0;background:transparent;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center}
body[data-page=home] #contact .kicker{font-size:13px!important;color:#c8db88!important;max-width:36em}
body[data-page=home] #contact h2{font-family:Georgia,'Times New Roman',serif!important;font-weight:500;font-size:clamp(42px,5vw,68px);letter-spacing:-.04em;margin:20px 0 16px}
body[data-page=home] #contact p{font-size:17px;line-height:1.7;color:#d5e0d9!important;max-width:36em;margin:0}
body[data-page=home] #contact .contact-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}
body[data-page=home] #contact .contact-actions a{margin:0;justify-content:center;text-align:center;white-space:normal}
body[data-page=home] #contact .cv-download{background:transparent!important;border-color:#7f9d97!important;color:#fffdf8!important}
body[data-page=home] #contact .cv-download:hover{background:#fffdf8!important;color:#102c32!important}
.screen .footer{width:100%;max-width:none;margin:0;background:#102c32;color:#d5e0d9;border-top:1px solid #ffffff20;padding:28px max(24px,calc((100% - 1120px)/2))!important;align-items:center;font-size:13px}
.screen .footer>.wrap{width:100%;max-width:1120px;padding:0;margin:auto}
@media(max-width:900px){body[data-page=home] .hero{grid-template-columns:1fr;padding-block:52px;gap:38px}body[data-page=home] .hero-photo{width:min(100%,380px);justify-self:center;outline:0;margin:0}body[data-page=home] .hero h1{font-size:clamp(54px,10vw,82px)}body[data-page=home] #contact .contact{grid-template-columns:1fr;gap:28px}body[data-page=home] #contact .contact-actions{align-items:flex-start}body[data-page=home] #contact .contact-actions a{min-width:230px}}
@media(max-width:520px){body[data-page=home] .hero{padding-inline:24px}body[data-page=home] .hero h1{font-size:clamp(43px,11.5vw,60px)}body[data-page=home] .hero-links{gap:16px}body[data-page=home] .hero-photo{width:min(100%,340px);border-radius:20px}body[data-page=home] .hero-caption{left:20px;right:100px;bottom:24px}body[data-page=home] .hero-name{font-size:21px!important}body[data-page=home] #contact .contact-actions,body[data-page=home] #contact .contact-actions a{width:100%}.screen .footer{flex-direction:column;align-items:flex-start;gap:12px}.screen .footer>.wrap{flex-direction:column;align-items:flex-start}}

/* v70 — section backgrounds match the certificates area. */
body[data-page=home] .about-me,
body[data-page=home] .recruiter-snapshot,
body[data-page=home] .skill-strip{background:var(--paper,#f2efe6)!important}

/* v71 — refined recruiter and skills cards. */
body[data-page=home] .recruiter-grid,body[data-page=home] .skill-groups{gap:20px;align-items:stretch;counter-reset:card}
body[data-page=home] .recruiter-snapshot .recruiter-card,body[data-page=home] .skill-strip .skill-group{position:relative;min-width:0;padding:28px;background:linear-gradient(145deg,#f9f7f0,#f2efe6);border:1px solid rgba(16,44,50,.13)!important;border-top:1px solid rgba(16,44,50,.13)!important;border-radius:18px!important;box-shadow:0 4px 16px rgba(16,44,50,.035);counter-increment:card;transition:border-color .25s,box-shadow .25s,transform .25s}
body[data-page=home] .recruiter-card::before,body[data-page=home] .skill-group::before{content:counter(card,decimal-leading-zero);display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:22px;background:#e3eade;border:1px solid rgba(36,121,110,.12);border-radius:10px;color:#24796e;font:700 11px/1 Arial,sans-serif;letter-spacing:.05em}
body[data-page=home] .recruiter-card>*:first-child,body[data-page=home] .skill-group h3{display:block;font-family:Georgia,'Times New Roman',serif!important;font-size:20px!important;line-height:1.25!important;color:#102c32!important;letter-spacing:-.015em!important;margin:0 0 14px;text-transform:none!important}
body[data-page=home] .recruiter-card p{font:400 14px/1.8 Arial,sans-serif;color:#46605f;margin:0;text-wrap:pretty}
body[data-page=home] .skill-group ul{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;margin:0;padding:0;list-style:none}
body[data-page=home] .skill-group li{max-width:100%;border:0!important;border-radius:7px!important;background:#e8ede3!important;color:#31574e!important;font:400 12px/1.55 Arial,sans-serif!important;padding:6px 10px;overflow-wrap:anywhere}
@media(hover:hover){body[data-page=home] .recruiter-snapshot .recruiter-card:hover,body[data-page=home] .skill-strip .skill-group:hover{transform:translateY(-3px);border-color:rgba(36,121,110,.35)!important;box-shadow:0 12px 28px rgba(16,44,50,.07)}}
@media(max-width:1000px){body[data-page=home] .recruiter-grid,body[data-page=home] .skill-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:600px){body[data-page=home] .recruiter-grid,body[data-page=home] .skill-groups{grid-template-columns:1fr;gap:14px}body[data-page=home] .recruiter-snapshot .recruiter-card,body[data-page=home] .skill-strip .skill-group{padding:24px;min-height:0}body[data-page=home] .recruiter-card::before,body[data-page=home] .skill-group::before{margin-bottom:18px}}