body{font-size:clamp(15px,.25vw + 14px,17px)}
.menu-toggle{width:48px;height:48px}
.page-home-link{position:fixed;z-index:42;top:30px;left:max(20px,calc((100vw - 1180px)/2));padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(18px);color:var(--muted);text-decoration:none;font:700 10px "Space Mono",monospace;letter-spacing:.14em;transition:.2s}.page-home-link:hover{color:var(--text);border-color:var(--accent);transform:translateY(-2px)}
.command-bar{min-height:52px;padding:6px 9px;gap:3px}.icon-link,.text-control{width:40px;height:40px;border-radius:12px}.icon-link svg{width:21px;height:21px}.text-control{font-size:12px}.nav-divider{height:24px;margin-inline:3px}
.hero{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(42px,5vw,76px);padding-block:clamp(72px,8vw,105px)}.hero h1{font-size:clamp(62px,7.6vw,112px)}.hero h2{font-size:clamp(29px,3.15vw,43px);max-width:720px}.hero-intro{font-size:clamp(16px,.35vw + 14px,19px);line-height:1.85}.hero-avatar{position:absolute;right:0;bottom:4px;width:82px;height:82px}
.section{padding-block:clamp(76px,8vw,110px)}.intro-grid{gap:clamp(42px,7vw,110px)}.intro-grid>p{font-size:clamp(17px,.45vw + 14px,20px)}.section-heading-row h2{font-size:clamp(32px,4vw,54px)}
.social-links{gap:10px}.social-links a,.social-links button{padding:12px 18px;font-size:clamp(13px,.2vw + 12px,15px)}
.article-main{padding-top:clamp(58px,7vw,88px)}.article-header{max-width:980px}.article-header h1{font-size:clamp(46px,5.7vw,82px);line-height:1.02}.article-lede{font-size:clamp(18px,.5vw + 15px,22px)}

.command-bar{position:fixed;z-index:40;top:18px;left:50%;right:auto;width:max-content;max-width:none;margin:0;transform:translateX(-50%);border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:0 16px 46px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.025) inset;backdrop-filter:blur(22px) saturate(1.15);animation:toolbar-float 6s ease-in-out infinite}
@keyframes toolbar-float{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-3px)}}
.hero h1 small{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.role-badge{position:static;display:inline-flex;align-items:center;justify-content:center;flex:none;padding:6px 9px;border:1px solid color-mix(in srgb,var(--accent) 52%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--accent);font:700 8px/1 "Space Mono",monospace;letter-spacing:.08em;white-space:nowrap;vertical-align:middle}.hero-name-row{padding-right:102px}

@media(max-width:1180px){.work-grid{grid-template-columns:1fr}.work-featured{grid-row:auto}.award-card{grid-column:auto}.video-card{grid-template-columns:minmax(250px,34%) 1fr}.hero{grid-template-columns:minmax(0,1fr) minmax(330px,.82fr);gap:38px}.hero h1{font-size:clamp(58px,8vw,92px)}}
@media(max-width:900px){.menu-toggle{right:16px}.page-home-link{left:16px}.command-bar{margin-left:16px;margin-right:auto}.hero{grid-template-columns:1fr;padding-top:92px}.globe-card{width:min(100%,620px);margin-inline:auto}.hero-copy{max-width:760px}.article-header h1{font-size:clamp(44px,8vw,70px)}.command-bar{left:50%;right:auto;margin:0;transform:translateX(-50%)}.hero h1 small{gap:10px}}
@media(max-width:720px){.video-card,.award-card{grid-template-columns:1fr}.video-thumb{min-height:clamp(210px,58vw,330px)}.work-content{padding:clamp(20px,5vw,27px)}.work-card h3{font-size:clamp(26px,7vw,34px)}.work-meta{font-size:9px}.work-list{margin-top:28px}.work-list-item{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:24px 0}.work-list-mark{width:44px;height:44px;border-radius:12px;font-size:12px}.work-list-copy h3{padding-right:24px;font-size:23px}.work-list-copy>div{gap:8px}.work-list-copy p{font-size:14px;line-height:1.6}.work-list-item time{grid-column:2;padding-top:0;text-align:left}.work-list-item>b{position:absolute;right:2px;top:22px}.social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.social-links a,.social-links button{text-align:center;padding:11px 9px}.article-header h1{font-size:clamp(39px,11vw,58px)}}
@media(max-width:620px){:root{--content:min(100% - 24px,1180px)}.menu-toggle{top:8px;right:8px;left:auto;width:42px;height:42px;border-radius:13px}.menu-toggle span{width:19px}.page-home-link{top:13px;left:10px;padding:6px 10px;font-size:9px}.command-bar{top:8px;margin:8px auto 0 8px;max-width:calc(100% - 62px);width:max-content;min-height:42px;padding:4px 5px;gap:1px}.icon-link,.text-control{display:grid!important;width:34px;height:34px;border-radius:10px}.icon-link svg{width:18px;height:18px}.text-control{font-size:10px}.nav-divider{height:20px;margin-inline:1px}.hero,main,.footer{width:min(100% - 24px,1240px)}.hero{padding:76px 0 64px;gap:30px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.16em}.hero-name-row{display:block;padding-right:78px}.hero h1{font-size:clamp(50px,16vw,70px);margin:24px 0}.hero h1 small{font-size:11px;letter-spacing:.18em;margin-top:18px}.hero-avatar{width:64px;height:64px;right:0;bottom:3px}.role-badge{right:0;bottom:76px;padding:5px 7px;font-size:7px}.hero h2{font-size:clamp(25px,7.4vw,31px);line-height:1.35;margin-bottom:18px}.hero-intro{font-size:15px;line-height:1.75}.globe-card{height:min(88vw,350px)}.globe-location{top:20px;left:20px}.globe-location strong{font-size:17px}.globe-disciplines{font-size:8px}.globe-hint{font-size:7px}.section{padding-block:68px}.intro-grid h2,.perxona-heading h2{font-size:clamp(29px,8.4vw,38px)}.intro-grid>p{font-size:16px;line-height:1.85}.section-heading-row h2{font-size:clamp(29px,8.5vw,38px)}.section-heading-row>p{font-size:15px}.experience-card,.experience-card.featured{padding:22px 16px}.role-line h3{font-size:21px}.role-line h4{font-size:16px}.experience-copy li{font-size:14px}.community-copy h3{font-size:19px}.community-copy p{font-size:14px}.work-visual{min-height:240px}.kinsun-mark{font-size:clamp(48px,17vw,72px)}.blog-header{padding-top:82px}.blog-header h1{font-size:clamp(66px,22vw,92px)}.blog-header>div>p:last-child{font-size:16px}.blog-header img{width:68px;height:68px}.article-main{padding-top:42px}.back-link{margin-top:48px;margin-bottom:48px}.article-header h1{font-size:clamp(37px,11.5vw,52px)}.article-meta{gap:6px}.article-meta span{font-size:8px}.linkedin-embed iframe{height:1120px}.footer{padding-top:64px}.command-bar,.blog-page .command-bar{position:fixed;top:8px;left:50%;right:auto;width:max-content;max-width:none;margin:0;transform:translateX(-50%);padding:4px 5px}.hero h1 small{display:flex;gap:8px;letter-spacing:.14em}.role-badge{right:auto;bottom:auto;padding:5px 7px;font-size:6.5px;letter-spacing:.06em}.hero-name-row{padding-right:72px}}
@media(max-width:390px){.command-bar{max-width:calc(100% - 54px);margin-left:4px;padding-inline:3px}.icon-link,.text-control{width:31px;height:31px}.icon-link svg{width:17px;height:17px}.nav-divider{display:none}.menu-toggle{right:5px;width:39px;height:39px}.hero-name-row{padding-right:68px}.hero-avatar{width:57px;height:57px}.role-badge{bottom:68px;font-size:6px}.hero h1{font-size:clamp(46px,15vw,58px)}.social-links{grid-template-columns:1fr}.article-header h1{font-size:36px}.command-bar,.blog-page .command-bar{left:50%;margin:0;max-width:none;padding-inline:3px}.hero h1 small{gap:6px;font-size:10px;letter-spacing:.11em}.role-badge{font-size:6px;padding:4px 5px}.hero-name-row{padding-right:64px}}
@media(max-width:340px){.icon-link,.text-control{width:29px;height:29px}.icon-link svg{width:16px;height:16px}.command-bar,.blog-page .command-bar{padding-inline:2px}.hero h1 small{font-size:9px;letter-spacing:.08em}.role-badge{font-size:5.5px}}
@media(prefers-reduced-motion:reduce){.command-bar{animation:none}}
@media(width <= 390px){.social-links{grid-template-columns:repeat(2,minmax(0,1fr))}.social-links a,.social-links button{min-width:0;padding-inline:7px;font-size:12px}}

.menu-cluster{position:fixed;z-index:52;top:clamp(8px,2vw,20px);right:clamp(8px,2vw,20px);display:flex;align-items:center;gap:7px}.menu-cluster .menu-toggle{position:relative;inset:auto}.section-indicator{color:var(--muted);font:700 8px "Space Mono",monospace;letter-spacing:.1em;white-space:nowrap}
@media(width <= 390px){.section-indicator{display:none}}
@media(width <= 720px){.work-featured{grid-template-columns:1fr}.work-featured .work-visual{min-height:clamp(240px,68vw,330px)}.work-card .case-summary{display:none}.work-card p{margin-bottom:18px}.work-card .tag-row{margin-top:0}}