:root{--ink:#191919}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:12px}.sidebar{position:fixed;left:36px;top:64px;width:90px;z-index:5}.face{display:grid;place-items:center;width:48px;height:48px;text-decoration:none;color:#ff4e15;font-size:39px;font-weight:bold;transform:rotate(-12deg)}.face span{border:3px solid #ff4e15;border-radius:48% 52% 46% 54%;line-height:.9;padding:0 3px}nav{display:flex;flex-direction:column;gap:8px;margin:33px 0 0 4px}nav a{color:#999;text-decoration:none;font-size:11px}nav a.active{color:#111;font-weight:700}main{width:548px;margin:0 auto;padding:88px 0 103px}.intro{margin-bottom:58px}.intro h1{font-size:32px;letter-spacing:-.7px;margin:0 0 24px;font-weight:700}.intro h1 span{color:#ff4e15}.intro p{font-size:10px;line-height:1.42;color:#535353;margin:0 0 9px}.projects{display:flex;flex-direction:column;gap:44px}.project{color:inherit;text-decoration:none;display:block}.project:hover .art{transform:translateY(-3px);box-shadow:0 10px 24px #00000012}.art{height:314px;border-radius:4px;position:relative;overflow:hidden;transition:.2s}.caption{padding-top:10px}.caption small,footer small{font:8px "DM Mono",monospace;color:#777;letter-spacing:.3px}.caption h2{font-size:12px;line-height:1.15;margin:4px 0 0;font-weight:500}.opportune{background:#9beaaf}.phone{position:absolute;width:145px;height:265px;border:5px solid #1c1d1f;border-radius:25px;background:#fbfbf9;box-shadow:0 2px 4px #0006;top:45px;left:calc(50% - 72px);padding:25px 9px 8px;font-size:7px}.phone.small{top:72px}.dynamic{position:absolute;top:5px;left:50%;width:45px;height:11px;background:#151515;border-radius:9px;transform:translateX(-50%)}.phone b{font-size:8px}.ui-line{height:3px;background:#ddd;margin:9px 0}.ui-line.wide{width:70%}.ui-card{padding:8px 5px;border-radius:6px;background:#fff0e6;margin:5px 0;font-size:7px}.ui-card.mint{background:#d6f5d5}.phone button{font-size:6px;width:100%;border:1px solid #555;border-radius:4px;background:white;padding:3px}.phone-art{background:linear-gradient(135deg,#fffdf9,#fff4f8)}.blocks{position:absolute;left:50%;top:36px;width:250px;height:230px;transform:translateX(-50%)}.blocks i{position:absolute;width:47px;height:43px;border-radius:3px}.blocks i:nth-child(1){background:#ffe996;left:4px;top:35px}.blocks i:nth-child(2){background:#ffd494;left:28px;top:112px}.blocks i:nth-child(3){background:#aceaff;right:0;top:26px}.blocks i:nth-child(4){background:#d2f3ff;right:27px;top:75px}.blocks i:nth-child(5){background:#ffb8e6;right:3px;bottom:3px}.blocks i:nth-child(6){background:#ffcfb5;left:3px;bottom:2px}.phone-art .phone{height:254px;top:31px;width:126px;left:calc(50% - 63px)}.todo{position:relative;z-index:2;border-radius:4px;padding:4px;margin-top:5px;font-size:6px}.purple{background:#ead9ff}.yellow{background:#ffefad}.sky{position:absolute;left:0;right:0;top:92px;height:133px;background:linear-gradient(#9ce2e8,#f8c8aa 60%,#55799f);opacity:.85}.dock{position:absolute;bottom:7px;left:9px;right:9px;background:#ffffffaa;border-radius:8px;text-align:center;padding:6px;color:#55aa73;font-size:11px}.black{background:#050505}.camera{position:absolute;width:140px;height:100px;border:6px solid #eee;border-radius:0 0 35px 35px;left:50%;transform:translateX(-50%);top:-35px}.export{background:#f5f5f4}.export-card{position:absolute;top:118px;left:50%;transform:translateX(-50%);background:white;padding:12px;box-shadow:0 3px 10px #0001;text-align:center}.export-card b{font:7px "DM Mono";padding:6px}.export-card button{border:0;background:#111;color:white;padding:6px 9px;font-size:7px;border-radius:2px;margin:7px 2px 0}footer{position:relative;height:555px;background:#ff4e15;color:white;padding:47px max(calc((100vw - 790px)/2),30px);display:flex;justify-content:space-between}footer .footer-meta p{font-size:10px;margin:4px 0}.note{position:absolute;top:50px;left:50%;width:280px;min-height:172px;padding:18px 20px;background:#151515;border-radius:4px;transform:translateX(-50%) rotate(-3deg);box-shadow:2px 4px #b82c08}.note p{font-size:15px;line-height:1.35;margin:12px 0;border-bottom:1px solid #444;padding-bottom:5px}.right{text-align:right}.socials{position:absolute;top:290px;left:50%;transform:translateX(-50%) rotate(7deg);display:flex;gap:6px}.socials span{display:grid;place-items:center;width:77px;height:67px;border:4px solid #fff;border-radius:14px;font-size:37px;font-weight:700}@media(max-width:760px){.sidebar{position:static;width:548px;max-width:90%;margin:30px auto 0;display:flex;align-items:center}.face{width:34px;height:34px;font-size:27px}nav{flex-direction:row;margin:0 0 0 28px;gap:17px}main{max-width:90%;width:548px;padding-top:48px}footer{height:450px;padding:35px 7%}.note{width:240px}.note p{font-size:12px}.socials span{width:52px;height:50px;font-size:26px}.socials{top:260px}.right{display:none}}