.page-hero{position:relative;overflow:hidden;min-height:86vh;display:flex;align-items:center;padding:120px 0 60px}
.page-hero .wrap{position:relative;z-index:2;width:100%}
#bg{position:absolute;inset:0;width:100%;height:100%}
.hero-fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,var(--bg) 0%,transparent 26%)}
.ah{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(30px,5vw,70px);align-items:center}
.page-hero h1{font-size:clamp(40px,5.2vw,72px);line-height:1;letter-spacing:-.045em;font-weight:600;margin-top:16px}
.page-hero h1 .s{color:var(--accent);display:block;margin-top:4px}
.hero-acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.me{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 40px 80px -50px #0008}
.me img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.tint{isolation:isolate}.tint img{filter:saturate(.82) contrast(.98)}
.tint::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 30%,transparent) 0%,color-mix(in srgb,var(--accent) 14%,transparent) 100%);mix-blend-mode:multiply}
[data-theme="dark"] .tint img{filter:saturate(.75) brightness(.88)}
[data-theme="dark"] .tint::after{mix-blend-mode:soft-light;background:color-mix(in srgb,var(--accent) 45%,transparent)}
.me .badge{position:absolute;z-index:4;left:14px;bottom:14px;background:var(--s1);border-radius:12px;padding:10px 14px;font-size:13px;box-shadow:0 10px 30px -12px #0005}.me .badge b{display:block;font-size:15px}
.why-c .wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:clamp(40px,6vw,70px);padding-bottom:clamp(40px,6vw,70px)}
.why-c .big{font-size:clamp(24px,2.8vw,38px);line-height:1.2;letter-spacing:-.025em;font-weight:500;max-width:30ch;margin-top:14px}
.why-c .big .s{color:var(--accent)}
.story{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,70px)}
.txt p{font-size:clamp(17px,1.35vw,19px);color:var(--muted);margin-bottom:18px}
.txt p:first-child{color:var(--ink)}
.lss{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:36px}
.ls{background:var(--s1);border:1px solid var(--line);border-radius:22px;padding:26px;transition:transform .3s,border-color .3s}
.ls:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.ls .n{font-family:var(--serif);font-style:italic;font-size:34px;color:var(--accent);line-height:1}
.ls h3{font-size:20px;font-weight:600;letter-spacing:-.02em;margin-top:14px}
.ls p{font-size:15px;color:var(--muted);margin-top:8px}
.cv{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,70px)}
.certs{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px}
.certs h5{width:100%;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.certs span{font-size:14px;border:1px solid var(--line);border-radius:999px;padding:7px 13px;background:var(--s1)}
.tl{list-style:none;position:relative;padding-left:28px}
.tl::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--accent),var(--line))}
.tl li{position:relative;padding:0 0 26px}
.tl li::before{content:"";position:absolute;left:-28px;top:5px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}
.tl li:first-child::before{background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}
.tl .w{font-size:13px;font-weight:600;color:var(--accent);letter-spacing:.02em}
.tl b{display:block;font-size:20px;font-weight:600;letter-spacing:-.02em;margin-top:2px}
.tl p{color:var(--muted);font-size:15.5px;margin-top:4px;max-width:56ch}
.cta{text-align:center}.cta h2{margin:12px auto 0}.cta p{color:var(--muted);max-width:46ch;margin:14px auto 0}.cta .acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}
@media (max-width:980px){.lss{grid-template-columns:1fr 1fr}.story,.cv{grid-template-columns:1fr}}
@media (max-width:760px){.ah{grid-template-columns:1fr}.me{max-width:340px}.page-hero{min-height:0}}
@media (max-width:560px){.lss{grid-template-columns:1fr}}