:root{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;color:#222428;background:#f7f7f9;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #007aff;outline-offset:5px}header{height:88px;margin:auto;max-width:1320px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e2e5}.identity{font-size:31px;font-weight:750;letter-spacing:-3px;display:flex;align-items:center;gap:22px}.identity span{font-size:15px;letter-spacing:-.3px;font-weight:600}nav{display:flex;gap:36px;font-size:14px}nav a:last-child{color:#0876cf}main{max-width:1320px;margin:auto;padding:0 56px}.intro{display:flex;align-items:center;justify-content:space-between;padding:77px 56px 74px 0}.eyebrow{font-size:12px;letter-spacing:1.6px;color:#757b83;font-weight:600;margin:0 0 24px}h1{font-size:clamp(44px,5.2vw,68px);font-weight:550;letter-spacing:-3.5px;line-height:1.08;margin:0 0 25px}.lede{font-size:18px;line-height:1.6;color:#72757c;margin:0}.portfolio-file{text-align:center;display:block;transform:rotate(5deg);transition:transform .25s}.portfolio-file:hover{transform:rotate(0) translateY(-6px)}.paper{display:flex;flex-direction:column;text-align:left;width:190px;height:246px;background:#fff;box-shadow:0 6px 20px #26344213,0 1px 3px #26344218;padding:20px;border:1px solid #e4e5e7;position:relative}.paper:before{content:"";position:absolute;inset:0;transform:rotate(-5deg);background:#fff;border:1px solid #e4e5e7;z-index:-1}.paper-top{font-size:8px;font-weight:700;letter-spacing:.2px;display:flex;justify-content:space-between}.paper-top small{font-size:8px;color:#91969f}.paper-title{font-weight:650;font-size:36px;line-height:1.06;letter-spacing:-1.6px;margin-top:34px}.paper-rule{height:3px;width:29px;background:#0b89ec;margin-top:15px}.paper-bottom{font-size:8px;line-height:1.6;letter-spacing:1px;margin-top:auto;color:#8d949c}.file-label{display:block;margin:20px 0 6px;font-size:14px;font-weight:500}.file-label span{color:#0074d4}.portfolio-file>small{font-size:9px;letter-spacing:1px;color:#858b95}.workspace{scroll-margin-top:25px;border:1px solid #d9dce1;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 12px 36px #29334106}.window-bar{display:flex;align-items:center;justify-content:space-between;height:46px;background:linear-gradient(#f7f8fa,#eff0f3);border-bottom:1px solid #e1e3e7;padding:0 20px;font-size:12px;color:#6b7078;font-weight:500}.window-dots{display:flex;gap:7px;width:64px}.window-dots i{width:10px;height:10px;background:#ff625b;border-radius:50%;border:1px solid #0000000c}.window-dots i:nth-child(2){background:#ffbf45}.window-dots i:nth-child(3){background:#30cb55}.year{width:64px;text-align:right;color:#8d9198}.collection-head{display:flex;justify-content:space-between;align-items:end;padding:36px 36px 15px}.collection-head .eyebrow{font-size:10px;margin-bottom:10px}h2{margin:0;font-size:26px;letter-spacing:-.8px;font-weight:550}.collection-count{font-size:12px;color:#92969e;padding-bottom:3px}.folders{display:grid;grid-template-columns:repeat(3,1fr);padding:7px 26px 27px;gap:6px 24px}.folder{border:0;background:transparent;cursor:pointer;border-radius:12px;padding:15px 14px 22px;text-align:center;color:#272b32;transition:background .2s,transform .2s}.folder:hover{background:#f2f7fd;transform:translateY(-4px)}.folder-art{height:123px;position:relative;display:flex;align-items:center;justify-content:center}.folder-art img{width:154px;height:120px;object-fit:contain;mix-blend-mode:multiply}.folder h3{font-size:16px;font-weight:550;margin:8px 0}.folder p{color:#90959d;font-size:12px;margin:0}.workspace-foot{border-top:1px solid #eff0f2;padding:13px 22px;display:flex;justify-content:space-between;font-size:11px;color:#9499a1}.about{display:grid;grid-template-columns:270px 1fr;gap:86px;padding:110px 36px;align-items:center;scroll-margin-top:20px}.portrait-sheet{background:#fff;border:1px solid #e1e3e8;padding:12px 12px 18px;box-shadow:0 5px 18px #00000008;transform:rotate(-3deg)}.portrait-sheet img{width:100%;height:270px;object-fit:cover;display:block}.portrait-sheet span{display:block;font-size:12px;text-align:center;color:#838995;margin-top:15px}.about h2{font-size:40px;letter-spacing:-1.5px;line-height:1.15;margin-bottom:25px}.about p:not(.eyebrow){font-size:16px;line-height:1.7;color:#757a83;max-width:550px}.skills{margin-top:24px;border-top:1px solid #dedfe3;padding-top:20px;font-size:13px;color:#5f6670;line-height:2}.skills b{padding:0 8px;font-weight:400;color:#c1c4ca}footer{border-top:1px solid #dfe1e6;padding:44px 0 25px;display:flex;justify-content:space-between;flex-wrap:wrap}footer .eyebrow{font-size:10px;margin-bottom:15px}.email{font-size:31px;letter-spacing:-1.1px}.contact{display:flex;flex-direction:column;gap:10px;font-size:14px;color:#68727e;text-align:right;padding-top:17px}.footer-bottom{display:flex;width:100%;justify-content:space-between;font-size:12px;color:#959ba4;margin-top:58px}dialog{border:1px solid #d5d9df;border-radius:14px;padding:0;width:min(1000px,92vw);max-height:90vh;box-shadow:0 30px 120px #0003;color:#252930}dialog::backdrop{background:#242f3e66;backdrop-filter:blur(10px)}.dialog-bar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;background:#f3f4f6;border-bottom:1px solid #e1e3e8;padding:12px 24px;font-size:13px;color:#68717e}.dialog-bar button{background:#e3e6eb;border:0;border-radius:50%;width:30px;height:30px;font-size:24px;cursor:pointer;line-height:25px}.dialog-content{padding:38px}.dialog-content h2{font-size:38px;letter-spacing:-1.3px}.dialog-content>p:not(.eyebrow){color:#737b85;line-height:1.7}.project{border-top:1px solid #e5e7eb;margin-top:35px;padding-top:25px}.project h3{font-size:23px;letter-spacing:-.5px;margin:0 0 9px}.project p{font-size:16px;line-height:1.7;color:#6f7780}.project img{display:block;width:100%;height:auto;margin-top:18px;border-radius:5px;background:#f5f5f5}.watch-links{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.watch-links a{padding:11px 16px;background:#eff6fd;color:#0676d4;border-radius:7px;font-size:14px}@media(max-width:700px){header{height:72px;padding:0 24px}.identity span{display:none}nav{gap:24px}main{padding:0 20px}.intro{padding:50px 0;align-items:center;gap:20px}h1{font-size:43px;letter-spacing:-2.2px}.intro .eyebrow{font-size:9px;line-height:1.7;max-width:200px}.lede{font-size:15px}.portfolio-file{margin-right:8px}.paper{width:115px;height:154px;padding:12px}.paper-top{font-size:5px}.paper-top small{font-size:5px}.paper-title{font-size:24px;margin-top:22px}.paper-bottom{font-size:5px}.paper-rule{margin-top:10px;width:20px;height:2px}.file-label{font-size:11px}.portfolio-file>small{display:none}.collection-head{padding:26px 22px 10px}.collection-head h2{font-size:22px}.collection-count{display:none}.folders{grid-template-columns:repeat(2,1fr);padding:4px 12px 20px;gap:0}.folder-art{height:100px}.folder-art img{width:133px;height:104px}.folder{padding:12px 3px 18px}.folder h3{font-size:14px}.folder p{font-size:11px}.workspace-foot{font-size:10px}.workspace-foot span:last-child{display:none}.about{grid-template-columns:1fr;gap:38px;padding:65px 8px}.portrait-sheet{width:220px;margin:auto}.portrait-sheet img{height:230px}.about h2{font-size:35px}.about .eyebrow{font-size:10px}footer{gap:20px}.email{font-size:27px}.contact{text-align:left;padding:0}.footer-bottom{margin-top:18px}.dialog-content{padding:25px 18px}.dialog-content h2{font-size:30px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
