:root{color-scheme:dark;--orange:#e95327;--black:#090909;--muted:#85827d;--header:clamp(70px,5.21vw,100px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#000}body{margin:0;color:#f6f3ec;background:#000;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #ffb38d;outline-offset:6px}button,a{touch-action:manipulation}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:var(--header);padding:0 clamp(20px,3vw,58px) 0 clamp(20px,1.35vw,26px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:#0b0b0bf5;backdrop-filter:blur(14px);gap:20px}.identity{display:flex;gap:18px;align-items:center;font-size:clamp(13px,1.06vw,20px);font-weight:600;white-space:nowrap}.identity i{font-style:normal;padding:0 4px}.monogram{font-family:Georgia,serif;font-size:clamp(27px,1.7vw,34px);color:var(--orange);letter-spacing:-2px}.site-header nav{display:flex;gap:clamp(24px,2.35vw,46px);position:absolute;left:52.2%;transform:translateX(-50%)}.site-header nav a{font-size:clamp(18px,1.5vw,28px);color:#777;transition:color .25s}.site-header nav a:hover,.site-header nav a[aria-current]{color:#fff}.contact-button{background:var(--orange);color:#080808;border-radius:40px;padding:15px 32px;font-size:clamp(14px,1.08vw,20px);transition:background .25s,transform .25s}.contact-button:hover{background:#ff7547;transform:translateY(-2px)}
.page{opacity:1;transform:translateY(0);transition:opacity .36s ease,transform .48s cubic-bezier(.22,.61,.36,1);min-width:0}.page.is-exiting{opacity:0;transform:translateY(-12px)}.page.is-entering{opacity:0;transform:translateY(18px)}.hero{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;background:#f6efe5}.home-base,.hero canvas,.intro,.intro video,.card-hotspots{position:absolute;inset:0;width:100%;height:100%}.home-base,.intro video{object-fit:fill}.hero canvas{opacity:0;transition:opacity .25s}.hero canvas.ready{opacity:1}.card-hotspots{z-index:3;pointer-events:none}.card-hit{position:absolute;top:11.3%;height:20.2%;width:19.7%;border-radius:clamp(10px,2vw,38px);pointer-events:auto;outline-offset:-3px!important}.card-education{left:6.45%}.card-projects{left:29.05%}.card-experience{left:51.6%}.card-assessment{left:74.2%}.card-hit:focus-visible{outline:3px solid var(--orange);box-shadow:0 0 25px #f2834560}.intro{z-index:5;opacity:1;transition:opacity .9s cubic-bezier(.25,.46,.45,.94);background:#f5eee7}.intro.finished{opacity:0;pointer-events:none}.intro-controls{position:absolute;bottom:14%;right:3%;display:flex;gap:8px}.intro-controls button,#intro-play{font-size:13px;padding:10px 16px;border-radius:30px;color:#fff;background:#181411b8;border:1px solid #ffffff35;backdrop-filter:blur(10px);transition:background .2s}.intro-controls button:hover{background:#e95327}.intro-controls span{margin-left:8px}#intro-play{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);font-size:18px}.intro-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;color:#522515;background:#f8f0e9d9;font-size:14px;transition:opacity .4s}.intro-loader.loaded{opacity:0;pointer-events:none}.intro-loader span{width:16px;height:16px;border:2px solid #da4a2430;border-top-color:var(--orange);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-card-links{display:none}
.site-footer{min-height:84px;padding:17px 28px;display:flex;align-items:center;justify-content:center;position:relative;background:#000}.site-footer>span{font:italic clamp(22px,2.4vw,46px)/1.3 Georgia,"Times New Roman",serif;color:#99958f;background:#0a0a0a;padding:3px 0}.site-footer button{position:absolute;right:30px;color:#777;font-size:12px;transition:color .2s}.site-footer button:hover{color:var(--orange)}.site-footer button span{margin-left:8px;font-size:18px}
.detail-toolbar{height:64px;padding:0 clamp(24px,4.4vw,84px);display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff18;background:#050505}.detail-toolbar a,.detail-toolbar button{font-size:13px;color:#a29b95;transition:color .2s}.detail-toolbar a:hover,.detail-toolbar button:hover{color:var(--orange)}.detail-toolbar h1{font-size:14px;font-weight:400;letter-spacing:.15em;color:#ece5dc;margin:0}.detail-toolbar h1:focus{outline:0}.detail-image{display:block;width:100%;height:auto}.detail-bottom{display:flex;justify-content:space-between;margin:20px clamp(24px,4.4vw,84px) 0;padding:34px 0;border-top:1px solid #ffffff35;font-size:15px}.detail-bottom a{transition:color .2s}.detail-bottom a:hover{color:var(--orange)}.empty-page{min-height:calc(100dvh - var(--header) - 84px)}.video-section{padding:65px clamp(24px,4.4vw,84px) 30px}.section-heading>span{font-size:12px;letter-spacing:.2em;color:#888}.section-heading h2{font-weight:500;font-size:clamp(30px,3.8vw,64px);color:var(--orange);margin:15px 0}.section-heading p{font-size:15px;color:#999;margin-bottom:28px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.video-grid figure{margin:0;min-width:0}.video-grid video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#101010;display:block}.video-grid figcaption{padding:16px 0;color:#a59e96;font-size:13px}
dialog{color:#f6f0e8;border:1px solid #ffffff22;background:#101010;padding:0}dialog::backdrop{background:#000b;backdrop-filter:blur(9px)}.contact-dialog{width:min(560px,calc(100% - 32px));padding:55px 40px 35px;border-radius:22px}.dialog-close{position:absolute;right:19px;top:15px;color:#aaa;font-size:30px;line-height:1}.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--orange)}.contact-dialog h2{font-size:42px;font-weight:500;margin:24px 0 10px}.contact-dialog h2 span{color:var(--orange)}.contact-name{font-size:14px;color:#888;margin-bottom:36px}.contact-dialog>a{display:flex;align-items:center;gap:18px;padding:21px 0;border-top:1px solid #ffffff20;font-size:17px}.contact-dialog a>span:last-child{margin-left:auto;color:var(--orange)}.contact-dialog small{color:#777;font-size:12px}.contact-dialog .resume-link{margin-top:18px;font-size:14px}.contact-dialog a:hover{color:var(--orange)}.image-dialog{width:95vw;max-width:none;height:94dvh;max-height:none;border-radius:12px;overflow:hidden}.zoom-toolbar{height:60px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff22}.zoom-toolbar button{padding:8px 12px;margin-left:6px;background:#252525;border-radius:6px;font-size:14px}.zoom-scroll{height:calc(100% - 60px);overflow:auto}.zoom-scroll img{display:block;width:100%;max-width:none}.noscript{position:fixed;bottom:0;background:#e95327;color:#000;padding:16px;z-index:30}
@media(min-width:1600px){.detail-toolbar{height:68px}}@media(max-width:900px){.identity>span:last-child{font-size:12px}.identity{gap:10px}.site-header nav{position:static;transform:none;gap:22px}.site-header{padding:0 20px}.contact-button{padding:12px 22px}.site-footer{justify-content:flex-start}.site-footer>span{font-size:26px}.detail-toolbar{padding:0 24px}}
@media(max-width:600px){:root{--header:112px}.site-header{height:112px;align-content:center;flex-wrap:wrap;gap:13px;padding:15px 18px}.identity{order:0}.identity>span:last-child{font-size:12px}.site-header nav{order:2;width:100%;justify-content:space-between;padding:0 30px}.site-header nav a{font-size:16px}.contact-button{padding:9px 18px;font-size:12px;order:1;margin-left:auto}.monogram{font-size:27px}.home-page{min-height:calc(100dvh - var(--header) - 84px);background:#f5eee6}.hero{margin-top:0}.mobile-card-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:28px 22px 36px}.mobile-card-links a{border:1px solid #d74c2560;border-radius:12px;padding:18px 12px;text-align:center;color:#aa3516;background:#fff9f1;font-size:14px;transition:background .3s}.mobile-card-links a:active{background:#edc2a6}.intro-controls{bottom:13%;right:2%;gap:5px}.intro-controls button{font-size:10px;padding:6px 8px}.intro-loader{font-size:11px}.site-footer{padding:20px 18px;min-height:84px}.site-footer>span{font-size:19px}.site-footer button{right:18px;font-size:10px}.detail-toolbar{height:60px;padding:0 15px;gap:8px}.detail-toolbar a,.detail-toolbar button{font-size:11px}.detail-toolbar h1{font-size:12px;letter-spacing:0}.detail-bottom{font-size:12px;margin:10px 18px 0;padding:24px 0}.video-section{padding:30px 20px 12px}.video-grid{grid-template-columns:1fr;gap:16px}.contact-dialog{padding:45px 26px 22px}.contact-dialog>a{font-size:14px;gap:12px}.contact-dialog h2{font-size:34px}.zoom-toolbar{padding:0 12px;font-size:12px}.zoom-toolbar button{padding:6px 8px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page{transition:opacity .18s}.intro{transition-duration:.3s}.contact-button:hover{transform:none}}