*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:#f4f1eb;color:#6b4a35;cursor:grab;font-family:Outfit,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;touch-action:none;-webkit-font-smoothing:antialiased}body:active{cursor:grabbing}body.detail-open{cursor:default}#c{position:fixed;inset:0;z-index:1;transition:opacity .35s ease}body.resume-mode #c{opacity:0;pointer-events:none}.site-header{position:fixed;top:22px;left:28px;right:28px;z-index:50;color:#6b4a35;pointer-events:none;transition:color .25s ease}body.detail-open .site-header{color:#fff}.site-header h1{font-size:clamp(18px,2vw,28px);font-weight:420;letter-spacing:0;line-height:1;text-align:center;text-transform:lowercase}.view-nav{display:flex;justify-content:space-between;margin-top:18px;pointer-events:auto}.view-button{border:0;background:transparent;color:#6b4a35;cursor:pointer;font:inherit;font-size:15px;font-weight:420;letter-spacing:0;line-height:1;opacity:.5;padding:0;text-transform:lowercase;transition:opacity .2s ease}.view-button.active{opacity:1}body.detail-open .view-button,body.detail-open .view-button.active{opacity:0;pointer-events:none}.site-footer{position:fixed;right:28px;bottom:18px;left:28px;z-index:45;display:grid;place-items:center;pointer-events:none;transition:opacity .2s ease}body.detail-open .site-footer{opacity:0}.ct-logo-stack{position:relative;width:clamp(58px,7vw,92px);aspect-ratio:220 / 262}.ct-logo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.ct-logo-100{z-index:1;filter:blur(4px)}.ct-logo-50{z-index:2;filter:blur(1px)}.ct-logo-80{z-index:3;transform:translate(3px,3px)}.resume-view{position:fixed;inset:118px 28px 28px;z-index:2;overflow:auto;opacity:0;pointer-events:none;scrollbar-width:thin;transform:translate(44px);transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}.resume-view.active{opacity:1;pointer-events:auto;transform:translate(0)}.resume-pages{display:grid;justify-items:center;width:min(900px,100%);margin:0 auto;gap:0;padding-bottom:0;background:#fff}.resume-pages img{display:block;width:100%;height:auto;margin:0}.resume-pages .resume-language-slice{margin-top:18px}.loader{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#f4f1eb;transition:opacity .45s ease}.loader.hidden{opacity:0;pointer-events:none}.loader-bar-track{width:200px;height:2px;overflow:hidden;border-radius:1px;background:#2a2a281f}.loader-bar-fill{width:0%;height:100%;background:#2a2a28;transition:width .2s ease}.loader-percent{color:#2a2a2859;font-size:12px;font-weight:400;letter-spacing:2px}.detail-overlay{position:fixed;inset:0;z-index:100;pointer-events:none;visibility:hidden}.detail-overlay.active{pointer-events:auto;visibility:visible}.detail-click-layer{position:absolute;inset:0;z-index:3}.detail-content{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;justify-content:flex-end;padding:60px;color:#fff;background:linear-gradient(to top,#0000007a,#0000 48%);opacity:0;pointer-events:none;transition:opacity .35s ease .3s}.detail-overlay.active .detail-content{opacity:1;pointer-events:auto}.detail-title{font-size:48px;font-weight:760;letter-spacing:0;line-height:1.1}.detail-tag{margin-top:12px;color:#ffffff8c;font-size:13px;font-weight:450;letter-spacing:2px;text-transform:uppercase}.detail-desc{max-width:480px;margin-top:24px;color:#ffffffbd;font-size:16px;font-weight:320;line-height:1.6}.detail-close{position:absolute;top:32px;right:36px;z-index:20;display:grid;width:48px;height:48px;place-items:center;border:0;border-radius:50%;background:#000;color:#fff;cursor:pointer;font-size:28px;font-weight:300;line-height:1;opacity:0;transform:scale(.92);transition:opacity .25s ease .3s,transform .25s ease .3s}.detail-overlay.active .detail-close{opacity:1;transform:scale(1)}@media(max-width:768px){.detail-content{padding:28px}.detail-title{font-size:28px}.detail-tag{margin-top:8px;font-size:11px}.detail-desc{margin-top:16px;font-size:14px}.detail-close{top:20px;right:20px;width:40px;height:40px;font-size:23px}.site-header{top:18px;left:18px;right:18px}.view-nav{margin-top:16px}.resume-view{inset:104px 18px 18px}}