.concept-notice{font-size:11px;letter-spacing:.06em;padding:11px 15px;background:#fff5d9;border:1px solid #e9dfbd;border-radius:7px;color:#766138;margin-bottom:30px}.personal-hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:80px;padding:15px 0 75px}.personal-hero h1{font-size:76px;letter-spacing:-.065em;margin-bottom:16px}.personal-hero .role{font-size:18px;color:var(--accent);font-weight:600;margin-bottom:20px}.personal-hero .lede{font-size:25px;max-width:640px;line-height:1.45}.personal-intro{font-size:17px;color:var(--muted);max-width:560px}.portrait-placeholder{height:440px;background:#e9edf4;border:1px dashed #b6bfd1;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#718097;text-align:center;padding:35px}.portrait-placeholder>span{font-size:19px;color:#4e5d75;margin:20px 0 10px;font-weight:600}.portrait-placeholder p{font-size:13px;line-height:1.5;margin:0}.portrait-outline{height:105px;width:90px;border:2px solid #bbc5d6;border-radius:45px 45px 20px 20px;position:relative}.portrait-outline:before{content:'';position:absolute;width:38px;height:38px;border:2px solid #bbc5d6;border-radius:50%;left:24px;top:14px}.portrait-outline:after{content:'';position:absolute;width:55px;height:29px;border:2px solid #bbc5d6;border-bottom:0;border-radius:35px 35px 0 0;left:15px;bottom:9px}.personal-cases{scroll-margin-top:30px}.personal-case{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px}.personal-case h3{font-size:27px;line-height:1.2}.personal-case>p{font-size:16px;color:var(--muted)}.personal-case dl{border-top:1px solid var(--line);padding-top:18px;font-size:14px}.personal-case dt{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:5px}.personal-case dd{margin:0 0 15px;color:var(--muted)}.read{font-size:13px;font-weight:600;color:var(--accent)}.additional-work{font-size:14px;color:var(--muted);margin:22px 0 0}.additional-work a{color:var(--accent)}.personal-approach{padding:65px 0;margin:65px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.personal-approach>h2{font-size:40px;margin:0 0 35px}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-bottom:25px}.approach-grid span{color:var(--accent);font-size:11px}.approach-grid h3{font-size:21px;margin:12px 0}.approach-grid p{font-size:15px;color:var(--muted)}.personal-journal{padding-top:0}@media(max-width:900px){.personal-hero{gap:35px}.personal-hero h1{font-size:59px}.portrait-placeholder{height:390px}.personal-hero .lede{font-size:22px}}@media(max-width:650px){main{padding-top:25px}.concept-notice{font-size:9px}.personal-hero{grid-template-columns:1fr;padding-bottom:42px;gap:28px}.personal-hero h1{font-size:51px}.personal-hero .role{font-size:16px;margin-bottom:16px}.personal-hero .lede{font-size:21px}.portrait-placeholder{height:260px}.personal-case{padding:25px}.personal-case h3{font-size:25px}.personal-approach{margin:40px 0;padding:38px 0}.personal-approach>h2{font-size:30px}.approach-grid{grid-template-columns:1fr;gap:15px}.approach-grid p{margin-bottom:10px}}.portrait-option{height:440px;border-radius:20px;position:relative;overflow:hidden;background:#e9edf4}.portrait-option img{position:absolute;height:100%;width:200%;max-width:none;left:0;top:0;object-fit:cover;object-position:left top}@media(max-width:900px){.portrait-option{height:390px}}@media(max-width:650px){.portrait-option{height:360px}}
.about-personal{display:grid;grid-template-columns:1.45fr 1fr;gap:65px;align-items:start}.about-personal h1{font-size:60px}.about-personal .portrait-option{height:420px;position:sticky;top:30px}.about-copy p{font-size:18px;line-height:1.8}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:45px 0}.expertise-grid>div{padding:26px;border:1px solid var(--line);border-radius:14px;background:white}.expertise-grid h3{font-size:22px}.expertise-grid p{font-size:15px;color:var(--muted)}@media(max-width:650px){.about-personal{grid-template-columns:1fr;gap:25px}.about-personal h1{font-size:46px}.about-personal .portrait-option{position:relative;height:300px;grid-row:2}.about-copy p{font-size:17px}.expertise-grid{grid-template-columns:1fr;gap:15px}.personal-hero h1{overflow-wrap:normal}}
