@layer base,layout,components,responsive;@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff")}@layer base{:root{color-scheme:light;--canvas: #f5f5f3;--surface: #ffffff;--ink: #242323;--muted: #6d6967;--line: #dad8d5;--brand: #d74341;--brand-shadow: #6b2120;--accent: #b93130;--accent-soft: #f3e6e3;--button: #b93130;--on-button: #ffffff;--offset-shadow: #e3ded9;--dialog-shadow: 12px 12px 0 #2423231a;--sans: "DM Sans", "PingFang SC", "Microsoft YaHei", sans-serif;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace}:root[data-theme=dark]{color-scheme:dark;--canvas: #191919;--surface: #222120;--ink: #f4f1ec;--muted: #b9b2ae;--line: #45403d;--accent: #f48d83;--accent-soft: #392624;--offset-shadow: #35302e;--dialog-shadow: 12px 12px 0 #0006}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--brand)}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer;border:0}button,a{color:inherit}a{text-decoration:none}button,a{transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,p,figure{margin:0}svg{display:block;width:24px;height:24px;flex-shrink:0}::selection{background:var(--button);color:var(--on-button)}[hidden]{display:none!important}.skip-link{position:fixed;z-index:10;top:12px;left:16px;padding:12px 20px;background:var(--button);color:var(--on-button);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}}@layer layout{.page-shell{max-width:1512px;min-height:100svh;padding:0 clamp(28px,5.6vw,88px);margin:0 auto;display:grid;grid-template-rows:104px 1fr 64px}.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}main{display:flex;flex-direction:column;justify-content:center;gap:clamp(32px,5vh,56px);padding:34px 0;min-width:0}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(52px,7vw,110px);align-items:center}.introduction{min-width:0}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}}@layer components{.identity{display:inline-flex;align-items:center;gap:12px;min-height:44px}.identity-logo{display:block;width:44px;height:44px;border-radius:20%}.identity:hover{transform:translate(-2px,-2px)}.identity:hover .identity-logo{box-shadow:3px 3px 0 var(--offset-shadow)}.identity-text{display:grid;gap:5px}.identity-text strong{font-size:16px;font-weight:700;letter-spacing:-.5px}.identity-text>span{color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:1px}.header-actions{display:flex;align-items:center;gap:22px}.time-label{display:flex;align-items:center;gap:9px;color:var(--muted);font:11px var(--mono)}.time-label time{color:var(--ink);min-width:60px;font-variant-numeric:tabular-nums}.status-dot,.brand-dot{display:inline-block;width:6px;height:6px;background:var(--brand);flex-shrink:0}.icon-button{display:grid;place-items:center;width:44px;height:44px;padding:10px;background:transparent;border:1px solid var(--line);border-radius:2px}.icon-button:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.icon-button svg{width:18px;height:18px}.eyebrow{display:flex;align-items:center;gap:13px;color:var(--muted);font:10px var(--mono);letter-spacing:1.6px}.section-number{color:var(--accent);font:11px var(--mono);letter-spacing:.5px}h1{margin:26px 0 21px;font-size:clamp(66px,6.8vw,98px);font-weight:600;line-height:1.05;letter-spacing:-.07em;white-space:nowrap}.greeting{display:block;font-size:20px;letter-spacing:1px;font-weight:400;line-height:1.5;margin-bottom:12px}.title-period{color:var(--brand)}.roles{display:flex;flex-wrap:wrap;gap:0;font-size:12px;letter-spacing:1px}.roles span+span:before{content:"/";color:var(--accent);margin:0 13px}.introduction h2{font-size:20px;font-weight:500;line-height:1.6;margin-top:28px;letter-spacing:-.4px}.bio{max-width:450px;margin-top:11px;color:var(--muted);font-size:15px;line-height:1.9}.intro-actions{display:flex;align-items:center;gap:22px;margin-top:25px}.hello-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:0 22px;background:var(--button);color:var(--on-button);font-size:13px;letter-spacing:.5px;border-radius:2px}.hello-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}.hello-button:hover{background:var(--brand-shadow);box-shadow:4px 4px 0 var(--offset-shadow);transform:translate(-2px,-2px)}.hello-button:active{box-shadow:none;transform:translate(0)}.welcome-note{color:var(--muted);font-size:11px;line-height:1.7}.interests{display:flex;flex-wrap:wrap;gap:20px;margin-top:27px}.interests>span{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.interests svg{width:14px;height:14px}.brand-panel{width:100%;max-width:416px;justify-self:end;padding-right:28px}.brand-heading{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font:9px var(--mono);letter-spacing:.65px}.brand-heading>span:first-child{display:inline-flex;align-items:center;gap:9px}.brand-stage{position:relative;width:min(100%,360px);margin:24px auto 35px}.brand-stage:before{content:"";position:absolute;inset:0;transform:translate(16px,16px);background:var(--offset-shadow)}.brand-stage:after{content:"";position:absolute;inset:-9px 9px 9px -9px;border-top:1px solid var(--line);border-left:1px solid var(--line);pointer-events:none}.brand-stage img{display:block;position:relative;width:100%;height:auto;aspect-ratio:1}.registration-mark{position:absolute;top:-12px;right:-30px;width:18px;height:18px;stroke:var(--accent);stroke-width:1}.shadow-label{position:absolute;right:-34px;bottom:0;writing-mode:vertical-rl;font:8px var(--mono);letter-spacing:1.3px;color:var(--muted)}.brand-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:17px}.brand-caption>div{display:grid;gap:7px}.brand-caption strong{font-size:15px;font-weight:500;letter-spacing:2px}.brand-caption>div>span{font:8px var(--mono);letter-spacing:.7px;color:var(--muted)}.brand-palette{display:flex}.brand-palette i{width:13px;height:13px;background:var(--brand)}.brand-palette i:nth-child(2){background:var(--brand-shadow)}.brand-palette i:nth-child(3){background:#fff;border:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.section-heading h2{display:flex;align-items:center;gap:14px;font-size:15px;font-weight:500}.section-english{color:var(--muted);font:9px var(--mono);letter-spacing:1px}.section-note{display:inline-flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}.section-note svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.3}.social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.social-card{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:16px;column-gap:10px;align-items:center;padding:17px 20px;border:1px solid var(--line);border-radius:2px;background:var(--surface);text-align:left}.social-icon{color:var(--ink)}.social-icon svg{width:22px;height:22px}.social-index{justify-self:end;align-self:start;color:var(--muted);font:10px var(--mono)}.social-copy{display:grid;gap:5px;min-width:0}.social-name{font-size:16px;font-weight:600}.social-description{color:var(--muted);font-size:11px;letter-spacing:.5px}.social-end{display:flex;gap:10px;align-items:center}.social-pending{color:var(--muted);font-size:9px;white-space:nowrap}.social-arrow{width:20px;height:20px;color:var(--muted);transition:transform .2s ease}.social-card:hover{border-color:var(--accent);box-shadow:5px 5px 0 var(--offset-shadow);transform:translate(-2px,-2px)}.social-card:hover .social-icon,.social-card:hover .social-arrow,.social-card:hover .social-index{color:var(--accent)}.social-card:hover .social-arrow{transform:translate(2px,-2px)}.social-card:active{transform:translate(0);box-shadow:none}.footer-signature{display:flex;align-items:center;gap:9px;font:9px var(--mono);letter-spacing:.6px}.footer-mark{width:10px;height:10px;background:linear-gradient(45deg,var(--brand) 50%,var(--brand-shadow) 50%)}dialog{width:min(440px,calc(100% - 40px));max-height:calc(100dvh - 40px);overflow-y:auto;padding:24px 28px 20px;border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:2px;background:var(--canvas);color:var(--ink);box-shadow:var(--dialog-shadow)}dialog[open]{animation:dialog-enter .2s ease-out}dialog::backdrop{background:#17141485;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}body:has(dialog[open]){overflow:hidden}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-top .eyebrow{font-size:10px}.dialog-symbol{width:52px;height:52px;display:grid;place-items:center;margin:20px 0 24px;background:var(--accent-soft);color:var(--accent)}dialog h2{font-size:24px;font-weight:500;line-height:1.4}#dialog-description{margin-top:14px;color:var(--muted);font-size:15px;line-height:1.9}.contact-detail{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);padding:10px 12px;margin:22px 0}#contact-value{overflow-wrap:anywhere;font-size:15px;-webkit-user-select:all;user-select:all}.copy-contact{flex-shrink:0}.dialog-dismiss{display:flex;align-items:center;gap:24px;min-height:44px;padding:8px 0;margin-top:22px;background:transparent;color:var(--accent);font-size:13px}.dialog-dismiss:hover{color:var(--ink)}.copy-status{min-height:18px;margin-top:10px;color:var(--accent);font-size:12px;line-height:1.5}.noscript-notice{text-align:center;padding:14px}@keyframes dialog-enter{0%{opacity:0;transform:translate(-5px,-5px)}to{opacity:1;transform:translate(0)}}}@layer responsive{@media(min-width:1000px){.page-shell{min-height:100dvh;grid-template-rows:clamp(76px,11vh,104px) 1fr clamp(52px,7.5vh,64px)}main{gap:clamp(26px,4vh,48px);padding-block:clamp(24px,3.5vh,36px)}h1{font-size:clamp(66px,min(6.8vw,11vh),98px)}.brand-stage{width:min(100%,37vh,360px)}}@media(min-width:1000px)and (max-height:799px){main{gap:26px;padding-block:24px}h1{margin:18px 0 17px}.greeting{font-size:18px;margin-bottom:8px}.introduction h2{margin-top:22px;font-size:18px}.bio{font-size:14px;margin-top:8px;line-height:1.8}.intro-actions{margin-top:20px}.interests{margin-top:22px}.brand-stage{margin-block:20px 30px}.brand-caption{padding-top:14px}.social-card{padding-block:15px;row-gap:12px}.section-heading{margin-bottom:15px}}@media(max-width:1199px){.hero{gap:46px;grid-template-columns:1.25fr 1fr}.social-card{padding-inline:16px}.social-pending{display:none}.welcome-note{font-size:10px}.intro-actions{gap:16px}.brand-heading{font-size:8px}}@media(max-width:999px){.page-shell{grid-template-rows:88px 1fr 64px;padding-inline:32px}main{gap:34px;padding-block:36px}.hero{gap:34px;grid-template-columns:1.15fr 1fr}h1{font-size:66px}.greeting{font-size:18px}.introduction h2{font-size:18px;margin-top:24px}.bio{font-size:14px}.welcome-note{display:none}.interests{gap:12px}.interests>span{font-size:10px;gap:5px}.brand-panel{padding-right:20px}.brand-heading>span:last-child,.brand-dot{display:none}.brand-caption{align-items:start}.brand-caption strong{font-size:13px;letter-spacing:1px}.brand-caption>div>span{font-size:7px;letter-spacing:0}.brand-palette i{width:9px;height:9px}.shadow-label{right:-26px;font-size:7px}.registration-mark{right:-23px}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-pending{display:block}}@media(max-width:699px){.page-shell{padding-inline:24px;grid-template-rows:84px 1fr auto}.identity-logo{width:40px;height:40px}.identity-text strong{font-size:15px}.identity-text>span{font-size:8px}.time-label{display:none}main{padding-block:34px 32px;gap:34px}.hero{grid-template-columns:minmax(0,1fr);gap:32px}h1{font-size:clamp(58px,13.8vw,86px);margin:24px 0 19px;letter-spacing:-.065em}.greeting{font-size:18px;margin-bottom:10px}.roles{font-size:12px}.roles span+span:before{margin-inline:10px}.introduction h2{font-size:19px;margin-top:25px}.bio{font-size:16px;line-height:1.85;margin-top:10px}.intro-actions{gap:18px;margin-top:24px}.welcome-note{display:block;max-width:145px;font-size:10px}.interests{gap:16px;margin-top:25px}.brand-panel{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:26px;align-items:center;justify-self:stretch;max-width:none;padding:21px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.brand-heading{grid-column:2;grid-row:1;align-self:end;padding-bottom:12px;font-size:7px;letter-spacing:.35px}.brand-stage{grid-column:1;grid-row:1 / 3;width:112px;margin:0 0 8px}.brand-stage:before{transform:translate(8px,8px)}.brand-stage:after{display:none}.registration-mark,.shadow-label{display:none}.brand-caption{grid-column:2;grid-row:2;align-self:start;display:block;border:0;padding:0}.brand-caption strong{font-size:14px;line-height:1.5;letter-spacing:.5px}.brand-caption>div>span{font-size:7px;line-height:1.5;max-width:135px}.brand-palette{margin-top:14px}.brand-palette i{width:10px;height:10px}.section-heading{margin-bottom:16px}.section-heading h2{font-size:14px;gap:9px}.section-english{display:none}.section-note{font-size:10px;gap:5px}.section-note svg{width:16px;height:16px}.social-grid{gap:12px}.social-card{padding:16px 14px;row-gap:19px;column-gap:7px}.social-name{font-size:15px}.social-description{font-size:10px;letter-spacing:0}.social-pending{display:none}.social-icon svg{width:21px;height:21px}.social-arrow{width:18px;height:18px}.site-footer{flex-wrap:wrap;justify-content:space-between;padding-block:22px;gap:15px;font-size:10px}.footer-signature{width:100%;font-size:8px}dialog{padding:18px 22px 16px}dialog h2{font-size:22px}}@media(max-width:359px){.page-shell{padding-inline:18px}h1{font-size:54px}.welcome-note{display:none}.interests{gap:10px}.brand-panel{grid-template-columns:96px minmax(0,1fr);column-gap:24px}.brand-stage{width:96px}.brand-heading{font-size:6px;letter-spacing:.25px}.social-card{padding-inline:12px}.social-name{font-size:14px}}@media(min-width:1000px)and (max-height:767px){.page-shell{grid-template-rows:70px 1fr 50px}main{padding-block:14px;gap:18px}h1{font-size:60px;margin-block:10px}.greeting{display:inline;font-size:14px;letter-spacing:0;margin:0 12px 0 0}.introduction h2{margin-top:14px;font-size:18px}.bio{font-size:13px;line-height:1.75}.intro-actions{margin-top:18px}.hello-button{min-height:44px}.interests{margin-top:14px}.brand-stage{width:min(100%,32vh);margin-block:18px 28px}.brand-caption{padding-top:12px}.brand-caption strong{font-size:13px}.social-card{padding-block:12px;row-gap:8px}.social-icon svg{width:20px;height:20px}.section-heading{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}}