:root{--paper:#f4f5f7;--blue:#3155ee;--ink:#151925;--muted:#656c7c;--line:#d4d9e2}.reading-progress{position:fixed;left:0;top:0;width:100%;height:3px;background:#a8c1ff;z-index:100;transform:scaleX(0);transform-origin:left;pointer-events:none}.header{background:rgba(244,245,247,.95);height:78px}.cover{position:relative;overflow:hidden;background:#111b32;color:#f7f9ff}.cover-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.cover-inner{position:relative;padding-top:26px}.cover-kicker{display:flex;justify-content:space-between;font:12px Arial;letter-spacing:.12em;color:#b5c0d8}.cover-layout{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:50px;min-height:650px;padding:70px 0}.cover-copy .eyebrow{color:#acbded;font-size:14px;letter-spacing:.18em;margin-bottom:30px}.cover-name{display:block;font-size:clamp(64px,7.3vw,110px);letter-spacing:.05em;font-weight:600}.cover-english{display:block;font:700 clamp(30px,4.6vw,68px)/1.1 Arial;letter-spacing:-.045em;margin-top:13px}.name-dot{color:#8da9ff}.cover-statement{font-size:21px;line-height:1.8;color:#c1cce0;margin-top:35px}.cover-actions{display:flex;gap:32px;align-items:center;margin-top:35px}.cover-actions .primary{background:#8eacff;color:#111b32}.cover-link{font-size:14px;border-bottom:1px solid #69758e;padding:10px 0}.cover-composition{position:relative;height:470px;perspective:1000px}.cover-work{position:absolute;display:block;background:#edf0f5;box-shadow:0 24px 55px #02071355;will-change:transform;transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .65s}.cover-work img{object-fit:cover;aspect-ratio:1.35}.cover-work>span{display:flex;justify-content:space-between;padding:15px 19px;color:#25324c;font:11px Arial;letter-spacing:.08em}.cover-work-back{width:46%;right:0;top:0;transform:rotate(9deg)}.cover-work-back img{aspect-ratio:1}.cover-work-front{width:86%;left:0;top:135px;transform:rotate(-6deg)}.cover-work:hover{transform:translateY(-9px) rotate(0deg);box-shadow:0 32px 65px #02071380;z-index:2}.composition-caption{position:absolute;left:0;top:12px;font:13px/1.8 Arial;letter-spacing:.14em;color:#8193b5}.cover-bottom{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-top:1px solid #ffffff24;font:12px Arial;letter-spacing:.07em;color:#adbcd7}.cover-bottom a{font:13px 'Microsoft YaHei',sans-serif;color:white}.scroll-line{display:inline-block;margin-left:14px;animation:scrollCue 2.8s ease-in-out infinite}.contents{display:grid;grid-template-columns:1fr 1.25fr;gap:90px}.contents-intro .eyebrow{color:var(--blue)}.contents h2{font-size:39px;line-height:1.45;letter-spacing:-.035em}.contents h2 span{color:var(--blue)}.contents-intro>p:not(.eyebrow){margin:25px 0;color:var(--muted);font-size:15px}.contents-list>a{display:flex;align-items:center;gap:30px;padding:24px 4px;border-top:1px solid var(--line);transition:padding .3s,color .3s}.contents-list>a:last-child{border-bottom:1px solid var(--line)}.contents-list>a:hover{padding-left:16px;color:var(--blue)}.toc-number{font:14px Arial;color:var(--blue);align-self:start;margin-top:5px}.contents-list strong{display:block;font-size:23px;font-weight:500}.contents-list small{display:block;font:12px Arial;margin-top:10px;color:var(--muted);letter-spacing:.04em}.contents-list i{font-style:normal;font-size:25px;margin-left:auto}.about-section{background:#e9eef7;border-top:1px solid #dae1ed}.about-grid h2{font-size:43px}.about-grid h2 span{color:var(--blue)}.about-en{margin-top:14px}.profile-monogram{margin-top:36px;width:250px;height:190px;background:#1c2e52;color:#a8bffd;display:flex;flex-direction:column;justify-content:center;padding:27px;font:500 88px/.9 Arial;letter-spacing:-.08em}.profile-monogram span{font:12px Arial;letter-spacing:.1em;margin-top:25px;color:#e1e9ff}.degree{font-size:14px}.about-copy .lead{color:#203353}.experience{padding-top:80px;padding-bottom:85px}.experience-row{position:relative}.experience-row:hover h3{color:var(--blue)}.experience-row h3{transition:color .3s}.works{border-top:1px solid var(--line)}.section-heading h2{font-size:37px}.project-image{border-radius:3px}.project:hover .project-image img{transform:scale(1.035)}.project-image img{transition:transform .75s cubic-bezier(.2,.8,.2,1)}.open-icon{transition:transform .35s,background .35s,color .35s}.project:hover .open-icon{transform:rotate(8deg)}.contact-section{background:#172540}.contact-section h2 span{color:#99b5ff}.floating-index{position:fixed;right:24px;bottom:24px;display:flex;align-items:center;gap:9px;padding:10px 16px;background:#172540;color:white;border:1px solid #ffffff36;border-radius:40px;z-index:15;box-shadow:0 8px 25px #0002;font-size:21px;transition:background .3s,transform .3s}.floating-index span{font-size:13px}.floating-index:hover{background:var(--blue);transform:translateY(-3px)}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}.header nav a{position:relative}.header nav a.active{color:var(--blue)}.header nav a:after{content:'';position:absolute;left:0;bottom:-9px;width:100%;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .3s}.header nav a.active:after,.header nav a:hover:after{transform:scaleX(1)}dialog[open]{animation:dialogIn .25s ease-out}.cover-copy{animation:coverIn .9s ease both}.cover-composition{animation:coverIn 1.1s .12s ease both}.cover-kicker{animation:coverIn .7s ease both}@keyframes coverIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes dialogIn{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}@keyframes scrollCue{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@media(max-width:1050px){.cover-layout{gap:30px;min-height:570px}.cover-composition{height:400px}.cover-work-front{top:135px}.contents{gap:50px}.contents h2{font-size:33px}.cover-name{font-size:77px}.cover-english{font-size:46px}}@media(max-width:720px){.header{height:70px}.cover-kicker{font-size:10px;letter-spacing:.035em;gap:10px}.cover-layout{grid-template-columns:1fr;gap:35px;padding:48px 0 28px;min-height:0}.cover-name{font-size:65px}.cover-english{font-size:42px}.cover-copy .eyebrow{font-size:12px;margin-bottom:22px}.cover-statement{font-size:18px;margin-top:24px}.cover-actions{margin-top:27px}.cover-composition{height:325px;max-width:440px;width:100%;margin:5px auto 0}.cover-work-front{width:82%;top:95px;left:8px}.cover-work-back{width:41%;right:10px}.cover-work>span{font-size:9px;padding:12px}.composition-caption{font-size:10px;left:10px;top:10px}.cover-bottom{font-size:10px;gap:12px;padding:21px 0}.cover-bottom>span:nth-child(2){display:none}.cover-bottom a{font-size:12px}.contents{grid-template-columns:1fr;gap:38px}.contents h2{font-size:31px}.contents-intro>p:not(.eyebrow){margin:20px 0}.contents-list>a{padding:22px 0;gap:22px}.contents-list strong{font-size:21px}.contents-list small{font-size:11px}.about-grid h2{font-size:36px}.profile-monogram{width:100%;height:150px;font-size:72px;margin-top:26px}.profile-monogram span{margin-top:18px}.section-heading h2{font-size:29px}.floating-index{bottom:15px;right:15px;padding:8px 13px}.experience{padding:60px 0}.contact-section .wrap{padding-bottom:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.cover-copy,.cover-composition,.cover-kicker{opacity:1;transform:none}}
@media(min-width:721px){.cover-work-front{width:78%;top:100px}}