.profile{padding:clamp(48px,6vw,80px) clamp(20px,5vw,72px) clamp(80px,12vw,160px);background:var(--cream)}.profile-container{max-width:1440px;margin:0 auto}.profile-main{display:grid;grid-template-columns:.65fr 1fr;gap:clamp(48px,8vw,128px);align-items:start;margin-bottom:clamp(80px,10vw,140px)}.profile-photo-wrap{position:sticky;top:104px;opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.profile-photo-wrap.is-visible{opacity:1;transform:translateY(0)}.profile-photo{width:100%;aspect-ratio:4/5;border-radius:6px;overflow:hidden;background:var(--bone);position:relative}.profile-photo .placeholder-person{width:100%;height:100%;background:linear-gradient(170deg,var(--bone),#ccc9c2);display:flex;align-items:center;justify-content:center}.profile-photo .placeholder-person svg{width:56px;height:56px;color:var(--subtle);opacity:.5}.profile-photo-frame{position:absolute;top:-16px;left:-16px;width:calc(100% + 32px);aspect-ratio:4/5;border:1px solid var(--line);border-radius:8px;z-index:-1;transition:transform .6s var(--ease-out)}.profile-photo-wrap:hover .profile-photo-frame{transform:translate(-4px,-4px)}.profile-detail{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease-out) .15s,transform .8s var(--ease-out) .15s}.profile-detail.is-visible{opacity:1;transform:translateY(0)}.profile-name-en{font-family:var(--body-en);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}.profile-name{font-size:32px;font-weight:700;color:var(--ink);letter-spacing:.06em;margin-bottom:6px}.profile-role{font-size:14px;color:var(--accent);font-weight:400;margin-bottom:40px;letter-spacing:.02em}.profile-text{font-size:14.5px;font-weight:300;line-height:2.3;color:var(--mid);margin-bottom:48px}.section-sub-label{font-family:var(--body-en);font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--line)}.career-list{margin-bottom:48px}.career-item{display:grid;grid-template-columns:100px 1fr;gap:24px;padding:16px 0;border-bottom:1px solid var(--bone)}.career-year{font-family:var(--body-en);font-size:13px;font-weight:500;color:var(--mute);padding-top:2px}.career-text{font-size:14px;font-weight:400;color:var(--ink);line-height:1.7}.career-text span{display:block;font-size:12.5px;font-weight:300;color:var(--mute);margin-top:2px}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:48px}.skill-group-label{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:12px;letter-spacing:.02em}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-chip{font-family:var(--body-en);font-size:11px;font-weight:400;letter-spacing:.03em;padding:6px 14px;border-radius:3px;border:1px solid var(--line);color:var(--mid);background:var(--white);transition:all .3s}.skill-chip:hover{border-color:var(--accent);color:var(--accent)}.values-section{padding:clamp(80px,10vw,140px) clamp(20px,5vw,72px);background:var(--warm)}.values-container{max-width:1440px;margin:0 auto}.values-header{margin-bottom:clamp(48px,6vw,72px)}.values-eyebrow{font-family:var(--body-en);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}.values-heading{font-size:clamp(22px,2.5vw,30px);font-weight:600;color:var(--ink);letter-spacing:.04em;line-height:1.5}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}.value-card{background:var(--white);padding:clamp(32px,3.5vw,48px);transition:background .4s;opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out),background .4s}.value-card.is-visible{opacity:1;transform:translateY(0)}.value-card:hover{background:var(--cream)}.value-num{font-family:var(--heading);font-size:11px;font-weight:600;letter-spacing:.15em;color:var(--accent);margin-bottom:24px}.value-title{font-size:17px;font-weight:600;color:var(--ink);margin-bottom:14px;letter-spacing:.03em;line-height:1.6}.value-desc{font-size:13.5px;font-weight:300;line-height:2;color:var(--mid)}@media(max-width:1024px){.profile-main{grid-template-columns:1fr;gap:48px}.profile-photo-wrap{position:static;max-width:320px}.values-grid,.skills-grid{grid-template-columns:1fr}}@media(max-width:768px){.career-item{grid-template-columns:1fr;gap:4px}}
