:root{--ink: #223348;--muted: #667585;--glass: rgba(246, 250, 252, .56);--line: rgba(255, 255, 255, .62);--shadow: 0 22px 70px rgba(39, 59, 80, .16);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;overflow-x:hidden}body{background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.9),transparent 28rem),radial-gradient(circle at 82% 70%,rgba(80,109,134,.45),transparent 30rem),linear-gradient(135deg,#edf2f5,#d7e1e9 42%,#91a7ba)}body:after{position:fixed;right:-8vw;bottom:8vh;z-index:-1;width:56vw;height:24vw;border-radius:50%;background:#415b7457;filter:blur(46px);content:""}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid rgba(50,77,104,.74);outline-offset:5px}.page-shell{width:min(calc(100% - 48px),1200px);min-height:100vh;margin:0 auto;padding:32px 0 28px;animation:fade-in .65s ease both}.site-header,.nav-links,.card-title-row,.site-footer,.social-links{display:flex;align-items:center}.site-header{justify-content:space-between;gap:24px;min-height:64px}.logo{display:grid;flex:0 0 auto;width:52px;height:52px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#e8f0f64d;overflow:hidden;line-height:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.logo img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;border-radius:50%;object-fit:cover}.nav-links{justify-content:flex-end;gap:clamp(14px,4vw,50px);font-size:.94rem}.nav-links a{position:relative;padding:8px 0 14px;color:#223348b3}.nav-links a:hover,.nav-links .active{color:var(--ink)}.nav-links .active:after{position:absolute;bottom:4px;left:50%;width:4px;height:4px;border-radius:50%;background:currentColor;content:"";transform:translate(-50%)}.hero{max-width:740px;padding:clamp(72px,11vw,124px) 0 clamp(38px,6vw,68px)}.hero h1,.resume-hero h1,.photos-hero h1,.card-title-row h2,.link-card strong,.photo-list-copy strong,.photo-modal-header h2,.resume-name,.resume-section-heading h2{margin:0;font-family:Georgia,Songti SC,STSong,serif;font-weight:400;letter-spacing:0}.hero h1,.resume-hero h1{font-size:clamp(3.1rem,7vw,5.8rem);line-height:1;overflow-wrap:break-word}.tagline{margin:20px 0 0;color:#223348d1;font-size:clamp(1rem,2vw,1.25rem)}.intro,.photo-card p,.link-card small{color:var(--muted)}.intro{margin:14px 0 0}.resume-page{padding-top:clamp(28px,5vw,56px)}.photos-page{padding-top:clamp(28px,5vw,54px)}.photos-content{transition:filter .18s ease,opacity .18s ease}.photos-page.modal-open .photos-content{filter:blur(10px);opacity:.74;pointer-events:none;-webkit-user-select:none;user-select:none}.resume-hero{max-width:780px;padding:clamp(42px,7vw,82px) 0 clamp(34px,5vw,58px)}.photos-hero{max-width:760px;padding:clamp(34px,6vw,72px) 0 clamp(30px,5vw,54px)}.photos-hero h1{color:var(--ink);font-size:clamp(2.35rem,5vw,4.25rem);line-height:1.08;overflow-wrap:break-word}.back-link{display:inline-flex;margin-bottom:clamp(24px,4vw,38px);color:#223348ad;font-size:.9rem}.back-link:hover{color:var(--ink)}.resume-layout{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.55fr);gap:20px;align-items:start}.resume-intro-card{min-height:330px;padding:32px}.resume-intro-card img{display:block;width:88px;height:88px;border:1px solid var(--line);border-radius:50%;box-shadow:0 16px 38px #273b5029;object-fit:cover}.resume-name{margin:26px 0 12px;color:var(--ink);font-size:clamp(1.34rem,2vw,1.7rem);line-height:1.18}.resume-intro-card p:not(.resume-name),.resume-section>p{color:var(--muted)}.resume-intro-card p:not(.resume-name){margin:0;max-width:28rem}.resume-section-list{display:grid;gap:16px}.photos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.photo-list-card{width:100%;padding:14px 14px 20px;color:inherit;font:inherit;text-align:left;appearance:none;cursor:pointer}.photo-list-image{display:block;aspect-ratio:4 / 3;border:1px solid rgba(255,255,255,.52);border-radius:20px;background:#cbd8e147;overflow:hidden}.photo-list-image img,.photo-thumb img{display:block;width:100%;max-width:100%;height:100%;object-fit:cover}.photo-list-image img,.photo-thumb img{filter:saturate(.84) contrast(.96);transition:transform .22s ease,filter .22s ease}.photo-list-card:hover img,.photo-list-card:focus-visible img,.photo-card:hover .photo-thumb img,.photo-card:focus-visible .photo-thumb img{filter:saturate(.92) contrast(1);transform:scale(1.035)}.photo-list-copy{display:grid;gap:10px;padding:18px 4px 0}.photo-list-copy strong{color:var(--ink);font-size:clamp(1.15rem,1.8vw,1.42rem);line-height:1.22}.photo-list-meta,.photo-modal-date,.photo-modal-details{color:#3f5265b8;font-size:.82rem}.photo-list-meta{display:flex;flex-wrap:wrap;gap:8px 12px}.photo-list-summary{color:var(--muted);font-size:.92rem;line-height:1.7}.photo-tags{display:flex;flex-wrap:wrap;gap:8px}.photo-tags span{border:1px solid rgba(255,255,255,.54);border-radius:999px;padding:5px 10px;background:#eff5f86b;color:#374b5eb8;font-size:.72rem;line-height:1.1}.resume-section{padding:clamp(24px,3vw,34px)}.resume-section-heading{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:10px;align-items:baseline;margin-bottom:16px}.resume-section-heading span,.resume-section-heading p{color:#3f5265b8;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.resume-section-heading p{margin:0}.resume-section-heading h2{justify-self:end;color:var(--ink);font-size:clamp(1.18rem,2vw,1.48rem)}.resume-section>p{max-width:62ch;margin:0;line-height:1.9}.card-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,.95fr);gap:20px}.side-cards{display:grid;gap:20px}.glass-card{display:block;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.66),var(--glass));box-shadow:var(--shadow),inset 0 1px #ffffffa6;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.glass-card:hover,.glass-card:focus-visible{border-color:#ffffffdb;box-shadow:0 28px 90px #22344638;transform:translateY(-4px)}.photo-card{min-height:390px;padding:clamp(22px,3vw,34px)}.card-title-row{justify-content:space-between;gap:18px;margin-bottom:22px}.card-title-row h2{color:var(--ink);font-size:clamp(1.22rem,2vw,1.55rem)}.card-title-row span{flex:0 0 auto;color:#3f5265;font-size:.9rem}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.photo-thumb{position:relative;display:block;aspect-ratio:3 / 4;min-height:198px;border:1px solid rgba(255,255,255,.42);border-radius:13px;background:#c6d3dd42;box-shadow:inset 0 0 34px #1b2b3a24;overflow:hidden}.photo-thumb-title{position:absolute;right:10px;bottom:10px;left:10px;max-width:calc(100% - 20px);border:1px solid rgba(255,255,255,.62);border-radius:999px;padding:7px 10px;background:#ecf3f78f;color:#223348c7;font-size:.76rem;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.photo-thumb:hover .photo-thumb-title,.photo-card:focus-visible .photo-thumb-title{opacity:1;transform:translateY(0)}.photo-card p{margin:22px 0 0;font-size:.95rem}.link-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;min-height:185px;padding:32px}.icon-circle{display:grid;width:66px;height:66px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#bfcfdc73;color:#ffffffeb}.icon-circle svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.link-card strong,.link-card small{display:block}.link-card strong{color:var(--ink);font-size:clamp(1.08rem,1.7vw,1.34rem);line-height:1.26}.link-card small{margin-top:8px;font-size:.92rem}.arrow{color:#40566b}.site-footer{justify-content:center;gap:32px;padding-top:clamp(36px,6vw,58px);color:#f7fafcc7;font-size:.88rem}.social-links{gap:18px}.social-links a{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:inherit}.social-links a:hover{color:#fff}.social-links svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.social-links a[aria-label="500px"] svg{width:34px}.social-links text{fill:currentColor;font:700 8px Inter,sans-serif;stroke:none}.social-links a[aria-label=GitHub] svg{fill:currentColor;stroke:none}.photo-modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:clamp(14px,2.6vw,32px);background:#cedbe475;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden;animation:modal-in .18s ease both}.photo-modal{position:relative;width:min(100%,1180px);max-height:calc(100dvh - clamp(28px,5.2vw,64px));border:1px solid rgba(255,255,255,.66);border-radius:30px;padding:clamp(24px,3.2vw,42px);background:linear-gradient(135deg,#fafdffc7,#e8f1f79e);box-shadow:0 32px 110px #20314347,inset 0 1px #ffffffc7;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.photo-modal-close{position:absolute;top:clamp(18px,2.6vw,30px);right:clamp(18px,2.6vw,30px);z-index:2;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.68);border-radius:50%;background:#eff6f994;color:#223348c2;font:inherit;font-size:1.6rem;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.photo-modal-close:hover{background:#ffffffc7;color:var(--ink)}.photo-modal-header{max-width:860px;padding-right:54px}.photo-modal-date{margin:0 0 14px}.photo-modal-header h2{color:var(--ink);font-size:clamp(2rem,5vw,3.45rem);line-height:1.08;overflow-wrap:break-word}.photo-modal-details{margin:16px 0 0}.photo-modal-header .photo-tags{margin-top:18px}.photo-markdown{max-width:76ch;margin-top:clamp(28px,4vw,42px);color:#314456e0;font-size:1rem;line-height:1.78}.photo-markdown p{margin:0 0 1.1em}.photo-markdown p:last-child{margin-bottom:0}.photo-markdown strong{color:var(--ink);font-weight:600}.photo-markdown a{color:#2b506feb;text-decoration:underline;text-underline-offset:.18em}.photo-markdown blockquote{margin:1.2em 0;border-left:2px solid rgba(73,101,124,.32);padding-left:1.1em;color:#556777e6}.photo-markdown ul,.photo-markdown ol{padding-left:1.35em}.photo-modal-gallery{display:grid;gap:clamp(22px,4vw,34px);margin-top:clamp(32px,5vw,54px)}.photo-gallery-row{display:grid;gap:clamp(12px,2vw,18px);align-items:start;width:100%}.downloadable-photo{margin:0;min-width:0}.downloadable-photo-frame{position:relative;border:1px solid rgba(255,255,255,.54);border-radius:22px;background:#c6d3dd38;overflow:hidden}.downloadable-photo img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}.photo-gallery-row .downloadable-photo-frame{aspect-ratio:var(--photo-aspect)}.photo-gallery-row .downloadable-photo img{height:100%}.downloadable-photo figcaption{margin-top:12px;color:#556777e0;font-size:.9rem;line-height:1.65}.download-original-link{position:absolute;right:14px;bottom:14px;border:1px solid rgba(255,255,255,.68);border-radius:999px;padding:8px 12px;background:#edf5f894;color:#223348d6;font-size:.82rem;line-height:1;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,background .18s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.download-original-link:hover{background:#ffffffd1}.downloadable-photo-frame:hover .download-original-link,.downloadable-photo-frame:focus-within .download-original-link{opacity:1;pointer-events:auto;transform:translateY(0)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}}@keyframes modal-in{0%{opacity:0}}@media(max-width:900px){.page-shell{width:min(calc(100% - 36px),760px)}.card-layout,.resume-layout{grid-template-columns:1fr}.photos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resume-intro-card{min-height:auto}.link-card{min-height:148px}}@media(max-width:640px){.page-shell{width:min(calc(100% - 28px),100%);padding-top:20px}.logo{width:44px;height:44px;font-size:1.08rem}.nav-links{flex:1;justify-content:flex-end;gap:11px;font-size:.78rem;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.hero{padding:62px 0 34px}.hero h1,.resume-hero h1{font-size:clamp(2.45rem,10.8vw,3.25rem);line-height:1.08}.photos-hero h1{font-size:clamp(2.1rem,9vw,3rem)}.resume-page{padding-top:12px}.photos-page{padding-top:10px}.resume-hero,.photos-hero{padding:42px 0 30px}.resume-intro-card,.resume-section{padding:24px;border-radius:22px}.resume-section-heading{grid-template-columns:1fr;gap:4px}.resume-section-heading h2{justify-self:start}.card-title-row{display:grid;gap:8px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-thumb{min-height:132px}.photos-grid{grid-template-columns:1fr;gap:16px}.photo-list-card{padding:12px 12px 18px;border-radius:22px}.photo-list-image{border-radius:17px}.photo-modal-backdrop{padding:10px}.photo-modal{width:100%;max-height:calc(100dvh - 20px);border-radius:24px;padding:20px}.photo-modal-close{top:16px;right:16px;width:36px;height:36px}.photo-modal-header{padding-right:44px}.photo-modal-header h2{font-size:clamp(1.9rem,10vw,2.65rem)}.downloadable-photo-frame{border-radius:18px}.photo-gallery-row{grid-template-columns:1fr!important}.download-original-link{right:10px;bottom:10px;opacity:.92;pointer-events:auto;transform:none}.link-card{grid-template-columns:auto minmax(0,1fr);min-height:138px;padding:24px}.arrow{display:none}.icon-circle{width:56px;height:56px}.site-footer{flex-direction:column;gap:14px;color:#283a4bad}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.glass-card:hover,.glass-card:focus-visible{transform:none}}