.hero-personal{min-height:auto;padding-top:105px}.hero-personal .hero-main{grid-template-columns:1fr 1fr;gap:45px;min-height:620px}.hero-personal .intro-label{margin-bottom:24px}.hero-personal .hero-intro{margin-bottom:6px;font-size:25px}.hero-personal h1{font-size:clamp(64px,6vw,86px);letter-spacing:-3.5px;line-height:1.02}.hero-personal .hero-description{max-width:475px;margin-top:19px;font-size:16px;line-height:1.85}.hero-role{margin-top:23px;font-size:22px;color:#d9e0f1;line-height:1.5;letter-spacing:-.4px}.hero-role>span{color:#8a9ac0;margin-inline:3px}.hero-personal .hero-buttons{margin-top:26px}.hero-personal .hero-location{margin-top:23px}.hero-portrait{min-width:0;width:100%;height:595px;position:relative}.hero-portrait-stage{position:relative;width:100%;height:100%;isolation:isolate}.portrait-filter-defs{position:absolute;pointer-events:none}.portrait-depth{position:absolute;inset:0;transform-style:preserve-3d}.portrait-halo{position:absolute;inset:12% -6% -5%;background:radial-gradient(ellipse at 50% 45%,#7578f336,#435fbb10 48%,transparent 70%);pointer-events:none}.portrait-backplate{position:absolute;inset:15% 10% 5%;border-radius:46% 46% 24px 24px;background:linear-gradient(150deg,#283754,#202c49 35%,#28283e 85%);border:1px solid #9ba9e42b;box-shadow:inset 0 1px 0 #bbc8ff13;transform:translateZ(-35px) rotate(-5deg)}.portrait-outline{position:absolute;inset:13% 7% 6%;border:1px solid #a8b7f137;border-radius:46% 46% 24px 24px;transform:translateZ(-18px) rotate(5deg)}.hero-person{position:absolute;inset:0 0 3%;transform:translateZ(45px);mask-image:linear-gradient(180deg,black 0,black 88%,transparent)}.hero-person-image{object-fit:contain;object-position:center bottom;filter:drop-shadow(-10px 0 18px #8ea2ff25) drop-shadow(13px 4px 20px #9482f024)}.portrait-ground{position:absolute;left:16%;right:16%;height:25px;bottom:3%;border-radius:50%;background:#8294ef25;filter:blur(15px);transform:translateZ(15px);pointer-events:none}.portrait-role{position:absolute;display:inline-flex;align-items:center;gap:10px;padding:13px 17px;background:#152033e8;border:1px solid #9baee43b;border-radius:9px;box-shadow:0 12px 22px #02061144;color:#c8d4eb;font-size:13px;transform:translateZ(65px);backdrop-filter:blur(16px)}.portrait-role svg{color:#a5b9ff}.portrait-role-code{left:0;bottom:20%;rotate:-5deg}.portrait-role-design{right:-4px;top:34%;rotate:5deg}@media (max-width:1100px){.hero-personal .hero-main{gap:20px;min-height:600px}.hero-personal h1{font-size:72px}.hero-portrait{height:535px}.hero-role{font-size:19px}.hero-personal .hero-description{font-size:15px}.portrait-role{font-size:11px;padding:11px 12px;gap:7px}}@media (min-width:641px) and (max-width:800px){.hero-personal{padding-top:100px}.hero-personal .hero-main{gap:18px;min-height:550px}.hero-personal h1{font-size:54px;letter-spacing:-2.8px}.hero-personal .intro-label{font-size:9px;letter-spacing:1px}.hero-personal .hero-intro{font-size:21px}.hero-role{font-size:17px;max-width:290px}.hero-personal .hero-description{font-size:14px}.hero-portrait{height:430px}.portrait-role{font-size:10px;padding:9px}.portrait-role svg{width:14px}}@media (max-width:640px){.hero-personal{padding-top:84px}.hero-personal .hero-main{grid-template-columns:minmax(0,1fr);gap:14px;min-height:auto}.hero-portrait{order:-1;width:min(300px,100%);height:290px;margin:0 auto}.hero-personal .hero-copy{padding:0}.hero-personal .intro-label{display:none}.hero-personal .hero-intro{font-size:18px;margin-bottom:4px}.hero-personal .hello-star{font-size:23px}.hero-personal h1{font-size:clamp(40px,10.4vw,59px);letter-spacing:-1.8px;line-height:1.05}.hero-personal h1 br{display:none}.hero-role{font-size:17px;margin-top:14px;letter-spacing:-.25px}.hero-personal .hero-description{font-size:14px;line-height:1.75;margin-top:12px;max-width:none}.hero-personal .hero-buttons{margin-top:20px}.hero-personal .hero-location{margin-top:16px}.hero-personal .hero-bottom{height:68px}.portrait-role{padding:8px 10px;font-size:10px;gap:6px;border-radius:7px}.portrait-role svg{width:13px;height:13px}.portrait-role-code{left:-4px;bottom:17%}.portrait-role-design{right:-4px;top:38%}.portrait-backplate{inset:15% 12% 5%}.portrait-outline{inset:13% 9% 6%}}@media (max-width:360px){.hero-portrait{width:265px;height:255px}.hero-personal h1{font-size:36px;letter-spacing:-1.7px}.hero-role{font-size:16px}.hero-personal .hero-description{font-size:13px}}