/* AboutHero.css — transplanted from about.maErfgJO.css (data-v scope stripped) */

.hz-about {--about-ink:#171719;--about-muted:#6f7178;--about-line:#e7e8e7;--about-lime:#dfff6b;--about-violet:#aaa0f5;--about-coral:#ff9371;--about-mint:#dff6ec;width:100%;max-width:1566px;margin-inline:auto;padding:0 0 14px;--hz-font-min:12px}

.hz-about-hero {grid-template-columns:minmax(470px,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(18px,2.4vw,38px);min-height:390px;padding:18px clamp(16px,2.2vw,34px) 24px;display:grid}
.hz-about-hero-copy {z-index:2;position:relative}
.hz-about-eyebrow {color:#393a40;letter-spacing:.035em;margin:0 0 24px;font-size:12px;font-weight:680}
.hz-about-hero h1 {color:var(--about-ink);letter-spacing:-.068em;margin:0;font-size:clamp(48px,4.25vw,66px);font-weight:790;line-height:1.04}
.hz-about-hero h1 span {white-space:nowrap;display:block}
.hz-about-lead {color:#5f6066;margin:21px 0 0;font-size:15px;line-height:1.8}
.hz-about-primary {color:#fff;background:var(--about-ink);border-radius:10px;align-items:center;gap:26px;margin-top:21px;padding:13px 18px;font-size:13px;font-weight:700;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px 22px #17171921}
.hz-about-primary:hover {transform:translateY(-2px);box-shadow:0 12px 26px #1717192e}
.hz-about-route {isolation:isolate;min-height:350px;position:relative}
.hz-about-route-wash {z-index:-2;border-radius:34px;position:absolute}
.hz-about-route-wash-violet {background:radial-gradient(circle at 72% 25%,#dcd7ff,#0000 38%),linear-gradient(145deg,#eeecff,#faf9ff);inset:2px 19% 34px 7%;transform:rotate(3deg);box-shadow:0 25px 70px #8378d217}
.hz-about-route-wash-mint {background:linear-gradient(145deg,#e4f9f052,#eefaf5);width:54%;height:64%;bottom:15px;right:-3%;transform:rotate(-4deg)}
.hz-about-route-orbit {z-index:-1;color:#5e947f;background:radial-gradient(circle,#f8fffb 0 34%,#e8f8f1 35% 100%);border-radius:50%;place-items:center;width:126px;height:126px;display:grid;position:absolute;bottom:29px;left:-4%;box-shadow:0 18px 44px #4891751f}
.hz-about-route-coral {z-index:-1;background:#ffb19485;border-radius:50%;width:86px;height:86px;position:absolute;bottom:67px;right:-1%}
.hz-about-map-card {color:#fff;background:radial-gradient(circle at 63% 43%,#dfff6b1a,#0000 24%),radial-gradient(circle at 13% 15%,#a49bf521,#0000 30%),linear-gradient(145deg,#1d1f29,#101116);border-radius:28px;width:min(520px,64%);min-height:284px;position:absolute;top:28px;right:7%;overflow:hidden;transform:rotate(-5deg);box-shadow:0 30px 64px #1f222d3d}
.hz-about-map-card:after {content:"";background:linear-gradient(110deg,#ffffff09,#0000 35% 72%,#ffffff06);position:absolute;inset:0}
.hz-about-coordinates {z-index:4;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--hz-font-min);letter-spacing:.03em;flex-direction:column;gap:5px;font-style:italic;display:flex;position:absolute;top:26px;left:28px}
.hz-about-map-compass {z-index:4;opacity:.92;position:absolute;top:23px;right:25px}
.hz-about-map-avatar {z-index:4;-o-object-fit:cover;object-fit:cover;border:4px solid #ffffffe6;border-radius:50%;width:92px;height:92px;position:absolute;top:71px;left:52%;transform:translate(-50%);box-shadow:0 12px 30px #0000003d}
.hz-about-map-line {z-index:3;width:100%;height:150px;position:absolute;bottom:9px;left:0;right:0;overflow:visible}
.hz-about-map-line path {fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2.2px;opacity:.72}
.hz-about-map-line circle {fill:#fff}
.hz-about-waypoint {z-index:5;color:var(--about-lime);filter:drop-shadow(0 7px 9px #dfff6b6b);position:absolute;top:92px;left:73%}
.hz-about-waypoint span {background:var(--about-lime);width:15px;height:15px;box-shadow:0 0 0 8px #dfff6b1f,0 0 20px var(--about-lime);border-radius:50%;position:absolute;bottom:-23px;right:13px}
.hz-about-route-quote {z-index:6;color:var(--about-ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-radius:13px;align-items:center;gap:12px;padding:17px 23px;display:flex;position:absolute;bottom:13px;right:2%;box-shadow:0 13px 28px #23253024}
.hz-about-route-quote svg {color:var(--about-lime)}
.hz-about-route-quote strong {white-space:nowrap;font-size:14px}
.hz-about-intro {grid-template-columns:minmax(350px,.74fr) minmax(0,1.26fr);gap:12px;display:grid}
.hz-about-contact,.hz-about-journey,.hz-about-motto,.hz-about-profile,.hz-about-projects,.hz-about-skills,.hz-about-story {border:1px solid #2023290b;border-radius:18px;box-shadow:0 18px 52px #3032420d}
.hz-about-profile {background:linear-gradient(145deg,#fbfcfa,#f3f7f4);grid-template-rows:1fr auto;grid-template-columns:126px 1fr;min-height:266px;padding:26px 26px 18px;display:grid;position:relative;overflow:hidden}
.hz-about-profile-mark {color:#fff;background:var(--about-ink);border-radius:0 0 10px;place-items:center;width:27px;height:42px;display:grid;position:absolute;top:0;left:0}
.hz-about-profile-avatar {-o-object-fit:cover;object-fit:cover;border:5px solid #ffffffe6;border-radius:50%;align-self:center;width:102px;height:102px;box-shadow:0 16px 32px #4c6b5e21}
.hz-about-profile-copy {align-self:center;min-width:0;padding-left:4px}
.hz-about-profile-copy h2 {color:var(--about-ink);letter-spacing:-.04em;margin:0 0 7px;font-size:clamp(21px,1.7vw,27px)}
.hz-about-profile-copy>strong {color:#3f4146;font-size:13px}
.hz-about-tags {flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}
.hz-about-tags span {color:#68736f;font-size:var(--hz-font-min);background:#e8f6f0;border-radius:99px;padding:6px 10px}
.hz-about-tags span:nth-child(2) {color:#6d678e;background:#eeebff}
.hz-about-tags span:nth-child(3) {color:#946454;background:#fff0e9}
.hz-about-profile-stats {grid-column:1/-1;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px;display:grid}
.hz-about-profile-stats>span {background:#ffffffc2;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:1px 10px;padding:10px 13px;display:grid}
.hz-about-profile-stats svg {color:#292a2e;grid-row:1/3}
.hz-about-profile-stats b {color:#25262a;font-size:21px;line-height:1}
.hz-about-profile-stats small {color:#777980;font-size:var(--hz-font-min)}
.hz-about-story {background:linear-gradient(145deg,#fbfbff,#f5f4fb);grid-template-rows:auto 1fr;min-height:266px;padding:24px 26px 16px;display:grid}
.hz-about-card-heading h2,.hz-about-contact h2,.hz-about-section-heading h2,.hz-about-story-copy h2 {color:var(--about-ink);letter-spacing:-.045em;margin:0}
.hz-about-story-copy h2 {font-size:clamp(24px,2.1vw,30px)}
.hz-about-story-copy p {color:#696b71;max-width:850px;font-size:var(--hz-font-min);margin:8px 0 0;line-height:1.75}
.hz-about-values {grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}
.hz-about-values article {border-radius:13px;min-height:124px;padding:15px}
.hz-about-values article.is-lime {background:linear-gradient(145deg,#f8fce9,#f4f8ee)}
.hz-about-values article.is-violet {background:linear-gradient(145deg,#f3f1ff,#f8f7ff)}
.hz-about-values article.is-coral {background:linear-gradient(145deg,#fff1ec,#fff8f5)}
.hz-about-value-title {align-items:center;gap:10px;display:flex}
.hz-about-value-title>span {width:40px;height:40px;color:var(--about-ink);border-radius:50%;place-items:center;display:grid}
.hz-about-values .is-lime .hz-about-value-title>span {background:var(--about-lime)}
.hz-about-values .is-violet .hz-about-value-title>span {background:#e8e4ff}
.hz-about-values .is-coral .hz-about-value-title>span {color:#f26442;background:#ffe6dd}
.hz-about-value-title strong {font-size:14px}
.hz-about-values article>p {color:#6d6f74;font-size:var(--hz-font-min);margin:12px 0 0;line-height:1.65}

/* ===== @media (full) ===== */
@media (hover:hover){.hz-about-journey-node:hover>span{transform:translate(-50%,-50%)scale(1.16)}.hz-about-journey-node:hover>span:after,.hz-about-journey-node:hover>span:before{animation:1.65s ease-out infinite hz-about-node-ripple-cbd7a5fc}.hz-about-journey-node:hover>span:after{animation-delay:.55s}}
@media (width<=1180px){.hz-about-hero{grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr)}.hz-about-map-card{width:72%;right:5%}.hz-about-intro{grid-template-columns:minmax(320px,.84fr) minmax(0,1.16fr)}.hz-about-profile{grid-template-columns:108px 1fr;padding-inline:22px}.hz-about-profile-avatar{width:90px;height:90px}.hz-about-values article{padding:13px}.hz-about-skill-grid{grid-template-columns:repeat(2,1fr)}.hz-about-closing{grid-template-columns:1fr}}
@media (width<=960px){.hz-about-hero{grid-template-columns:1fr;padding-top:54px}.hz-about-route{min-height:340px}.hz-about-map-card{width:min(580px,72%);right:10%}.hz-about-intro,.hz-about-work{grid-template-columns:1fr}.hz-about-profile{grid-template-columns:132px 1fr}.hz-about-values article{min-height:130px}}
@media (width<=720px){.hz-about-dialog{padding:10px}.hz-about-dialog-panel{border-radius:19px;max-height:calc(100vh - 20px);padding:18px}.hz-about-dialog-header{grid-template-columns:60px minmax(0,1fr) auto;gap:11px}.hz-about-dialog-year{border-radius:15px;width:60px;height:60px}.hz-about-dialog-year b{font-size:20px}.hz-about-dialog-header h2{font-size:21px}.hz-about-dialog-lead{margin-top:16px}.hz-about-books-grid,.hz-about-life-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.hz-about-life-lightbox{grid-template-columns:42px minmax(0,1fr) 42px;gap:7px;padding-inline:8px}.hz-about-life-lightbox button{width:38px;height:38px}.hz-about{width:100%;padding-bottom:28px;padding-left:0;padding-right:0}.hz-about-hero{min-height:0;padding:40px 12px 22px}.hz-about-eyebrow{margin-bottom:19px}.hz-about-hero h1{font-size:clamp(42px,12vw,59px)}.hz-about-hero h1 span{white-space:normal}.hz-about-desktop-break{display:none}.hz-about-route{min-height:300px}.hz-about-map-card{border-radius:22px;width:83%;min-height:235px;top:24px;right:2%}.hz-about-map-avatar{width:76px;height:76px;top:59px}.hz-about-map-line{height:132px}.hz-about-waypoint{top:76px}.hz-about-route-orbit{width:96px;height:96px;left:-7%}.hz-about-route-coral{width:64px;height:64px;right:-3%}.hz-about-route-quote{max-width:92%;padding:14px 16px;bottom:8px;right:0}.hz-about-route-quote strong{white-space:normal;font-size:12px}.hz-about-profile{grid-template-columns:94px 1fr;padding:25px 18px 18px}.hz-about-profile-avatar{width:76px;height:76px}.hz-about-profile-copy{padding-left:0}.hz-about-profile-copy h2{margin-bottom:6px}.hz-about-profile-stats>span{padding-inline:12px}.hz-about-story{padding:23px 18px 18px}.hz-about-values{grid-template-columns:1fr}.hz-about-values article{min-height:0}.hz-about-journey{padding-inline:19px}.hz-about-journey-viewport{margin-inline:-19px}.hz-about-projects,.hz-about-skills{padding:20px 18px}.hz-about-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hz-about-motto{grid-template-columns:auto 1fr;display:grid}.hz-about-motto h2{margin-right:0}.hz-about-life-tags{grid-column:1/-1;justify-content:space-around;gap:0;margin:18px 0 0}.hz-about-contact{padding-inline:18px}.hz-about+.site-footer{margin-top:20px}}
@media (width<=460px){.hz-about-profile{grid-template-columns:78px 1fr;padding-inline:15px}.hz-about-profile-avatar{width:64px;height:64px}.hz-about-profile-copy h2{font-size:19px}.hz-about-tags{gap:5px}.hz-about-tags span{padding:5px 8px;font-size:10px}.hz-about-profile-stats b{font-size:19px}.hz-about-skill-grid{grid-template-columns:1fr 1fr;gap:7px}.hz-about-skill-grid>span{padding-inline:8px}.hz-about-project-list small{max-width:190px}}
@media (prefers-reduced-motion:reduce){.hz-about-primary,.hz-about-project-list a{transition:none}.hz-about-journey-node:focus-visible>span:after,.hz-about-journey-node:focus-visible>span:before,.hz-about-journey-node:hover>span:after,.hz-about-journey-node:hover>span:before,.hz-about-journey-stop.is-active .hz-about-journey-node>span:after,.hz-about-journey-stop.is-active .hz-about-journey-node>span:before{opacity:.28;animation:none;transform:scale(1.55)}}

/* ===== @keyframes (full) ===== */
@keyframes hz-about-node-ripple-cbd7a5fc{0%{opacity:0;transform:scale(.5)}18%{opacity:.42}to{opacity:0;transform:scale(2.35)}}