:root{--paper:#fafaf8;--cream:#f5efe3;--main-accent:#c026d3;--ochre:#c88a1e;--charcoal:#2b2621;--mustard:#d9a02e;--rust:#b8320f;--moss-green:#5c6b4a;--ink:#0f0f0f;--vox-orange:#e8533a;--vox-purple:#c026d3}body{background:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23000000' fill-opacity='0.08'/%3E%3C/svg%3E");font-family:Sora,sans-serif;overflow-x:hidden}.purple{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Ccircle cx='1' cy='1' r='1' fill='%232B2621' fill-opacity='0.4'/%3E%3C/svg%3E");background-color:var(--main-accent);color:var(--cream);z-index:101;border-radius:4px;padding:6px 8px;font-family:Lilita One,sans-serif}.orange{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Ccircle cx='1' cy='1' r='1' fill='%232B2621' fill-opacity='0.4'/%3E%3C/svg%3E");background-color:var(--vox-orange);color:var(--cream);z-index:101;border-radius:4px;padding:6px 8px}.white{color:var(--ink);z-index:101;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Ccircle cx='1' cy='1' r='1' fill='%232B2621' fill-opacity='0.4'/%3E%3C/svg%3E");border-radius:4px;margin-inline:2px;padding:3px 5px}.yellow{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Ccircle cx='1' cy='1' r='1' fill='%232B2621' fill-opacity='0.4'/%3E%3C/svg%3E");background-color:var(--ochre);color:var(--ink);z-index:101;border-radius:4px;margin-inline:2px;padding:3px 5px}.green{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Ccircle cx='1' cy='1' r='1' fill='%232B2621' fill-opacity='0.4'/%3E%3C/svg%3E");background-color:var(--moss-green);color:var(--paper);z-index:101;border-radius:4px;margin-inline:2px;padding:3px 5px}.block{font-size:18px;font-weight:700}.cta-volume{background-color:var(--cream);border:none;flex-shrink:0}.carousel{white-space:nowrap;flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px;width:100%;display:flex;overflow-x:auto}.carousel-text{white-space:nowrap;flex-shrink:0;font-size:12px}.motion-title{place-self:center;width:fit-content;margin-bottom:20px;font-size:clamp(22px,4vw,32px)}.motion-description{text-align:center;margin-bottom:32px;display:block}.motion-videos{flex-wrap:wrap;place-self:center;gap:20px;display:flex}.motion-video-div{aspect-ratio:16/10;background:#0d0b08;flex:0 0 400px;max-width:400px;overflow:hidden}.motion-video{object-fit:cover;width:100%;height:100%;display:block}@media (width<=640px){.motion-video-div{flex:0 0 240px;max-width:300px}}.site-footer{text-align:center;border-top:1.5px solid #2b262126;padding:40px 6vw 28px}.footer-line{color:var(--ink);margin:0 0 18px;font-family:Lilita One,sans-serif;font-size:clamp(13px,2vw,18px)}.footer-line .char{transition:color .25s;transition-delay:calc(var(--i) * 18ms);display:inline-block}.footer-line:hover .char:nth-child(8n+1){color:var(--main-accent)}.footer-line:hover .char:nth-child(8n+2){color:var(--rust)}.footer-line:hover .char:nth-child(8n+3){color:var(--moss-green)}.footer-line:hover .char:nth-child(8n+4){color:var(--ochre)}.footer-line:hover .char:nth-child(8n+5){color:var(--vox-orange)}.footer-line:hover .char:nth-child(8n+6){color:var(--mustard)}.footer-line:hover .char:nth-child(8n+7){color:var(--vox-purple)}.footer-line:hover .char:nth-child(8n+8){color:var(--charcoal)}.footer-bottom{color:var(--charcoal);opacity:.7;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;font-size:12.5px;display:flex}.to-top{color:var(--main-accent);cursor:pointer;opacity:1;background:0 0;border:none;padding:0;font-family:Sora,sans-serif;font-size:12.5px;font-weight:600}.to-top:hover{text-decoration:underline}@media (width<=480px){.footer-bottom{flex-direction:column;gap:8px}}.intro-layout{flex-direction:column;gap:.5rem;max-width:1100px;margin:0 auto;padding:3rem 2rem;display:flex}.intro-top{flex-direction:row-reverse;justify-content:space-around;align-items:center;gap:1rem;height:12vh;margin-bottom:1.5rem;display:flex}.img{background-color:var(--cream);border:1px solid var(--vox-purple);border-radius:99px;order:-1;width:56px;height:56px}.Hi-text{margin:0;font-size:1.5rem}.name{letter-spacing:-.03em;flex-direction:column;margin:0 auto;font-size:clamp(3.2rem,9vw,7rem);font-weight:800;line-height:.95;display:flex}.im{letter-spacing:-.1em;font-size:clamp(1rem,4vw,35rem);font-weight:800;line-height:.95}.job-title{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4em;margin-top:1.25rem;font-size:clamp(1.1rem,2.2vw,1.6rem);font-weight:500;display:flex;position:relative}.software-text{align-self:center;margin-top:-2rem;display:inline-block}.motion-design{align-items:flex-start;gap:.3em;margin-left:-1.5rem;display:flex;position:relative}.curl-arrow-svg{flex-shrink:0;margin-left:1rem;display:inline-block;transform:translateY(15px)rotate(-10deg)}.motion-text{align-self:flex-start;margin-top:40px;margin-left:-.3rem;display:inline-block;position:relative}@media (width<=768px){.intro-layout{padding:2rem 1.5rem}.job-title{gap:.2em;font-size:clamp(1rem,2.5vw,1.2rem)}.curl-arrow-svg{height:20px;margin-left:-.3rem;transform:translateY(-2px)rotate(-6deg)}.motion-text{margin-top:10px;margin-left:-.2rem}.motion-design{margin-left:-1rem}}@media (width<=480px){.intro-layout{padding:1.5rem 1rem}.job-title{gap:.1em;font-size:clamp(.9rem,3vw,1rem)}.curl-arrow-svg{height:22px;margin-left:-.2rem;transform:translateY(8px)rotate(-6deg)}.motion-text{margin-top:8px;margin-left:-.1rem}.name{font-size:clamp(2.5rem,8vw,3.5rem)}.motion-design{margin-left:-.5rem}}.navbar{box-sizing:border-box;width:75%;max-width:calc(100% - 20px);color:var(--ink);background-color:var(--paper);z-index:100;border:1px solid #2b262114;border-top:none;border-bottom-right-radius:14px;border-bottom-left-radius:14px;justify-content:space-between;justify-self:center;align-items:center;margin-top:-8px;padding:10px 20px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.logo-flip{width:34px;height:34px;position:relative}.tetris-frame{width:100%;height:100%;position:absolute}.nav-links{align-items:center;gap:8px;display:flex}.nav-icon{width:30px;height:30px;color:var(--charcoal);background-color:#0000;border:1px solid #2b262124;border-radius:50%;justify-content:center;align-items:center;transition:background-color .18s,transform .18s,color .18s;display:flex}.nav-icon:hover{background-color:var(--main-accent);color:var(--cream);border-color:var(--main-accent);transform:translateY(-1px)}.at-symbol{font-size:14px;font-weight:500;line-height:1}.blog{background-color:var(--charcoal);color:var(--paper);border-radius:10px;margin-left:7px;padding:7px 10px;font-size:14px}.blog:hover{padding:7px 12px}.philosophy-section{width:100%;max-width:640px;color:var(--charcoal);margin:0 auto;padding:clamp(24px,6vw,56px) 0}.philosophy-section::selection{background-color:var(--charcoal);color:var(--paper)}.philosophy-title{width:fit-content;margin-bottom:20px;font-size:clamp(22px,4vw,32px)}.philosophy-section p{margin-bottom:18px;font-size:clamp(15px,2.2vw,17px);line-height:1.75}.inline-chip{vertical-align:middle;background-color:var(--cream);border:1px solid #2b26211f;border-radius:6px;justify-content:center;align-items:center;width:1.6em;height:1.6em;margin:0 2px;padding:3px;display:inline-flex;transform:translateY(-2px)}.inline-chip::selection{background-color:var(--main-accent)}.qr{background-color:var(--charcoal)}.inline-chip img{object-fit:contain;width:100%;height:100%}.anchor-line{color:var(--cream);z-index:102;place-self:center;margin-top:28px;margin-left:-20px;font-size:clamp(24px,2.6vw,20px)}.projects-wrap{--tab-h:44px;--ruler-h:28px}.ruler{z-index:50;height:var(--ruler-h);background:var(--paper);border-bottom:1px solid #0f0f0f1f;align-items:flex-end;display:flex;position:sticky;top:0;overflow:hidden}.ruler-track{white-space:nowrap;align-items:flex-end;height:100%;display:flex}.tick{border-left:1px solid #0f0f0f2e;flex:none;width:48px;height:100%;position:relative}.tick span{color:#0f0f0f73;font-family:Sora,sans-serif;font-size:10px;position:absolute;top:3px;left:4px}.ruler-pin{pointer-events:none;align-items:center;gap:5px;display:flex;position:absolute;top:2px;left:0}.pin-dot{background:var(--main-accent);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #c026d42e}.pin-label{letter-spacing:.08em;background:var(--main-accent);color:var(--cream);border-radius:3px;padding:2px 6px;font-family:Lilita One,sans-serif;font-size:10px;transform:translateY(-1px)}.stack{position:relative}.panel{flex-direction:column;height:100vh;display:flex;position:sticky;box-shadow:0 -18px 34px -18px #00000040}.tab{height:var(--tab-h);letter-spacing:.08em;flex:none;align-items:center;gap:8px;padding:0 22px;font-family:Lilita One,sans-serif;font-size:13px;display:flex}.tab .mark{font-size:12px}.body{flex:auto;grid-template-columns:minmax(280px,1fr) minmax(280px,1.15fr);align-items:center;gap:5vw;padding:0 6vw;display:grid}.copy .kicker{letter-spacing:.14em;text-transform:uppercase;opacity:.72;font-size:12px;font-weight:600}.copy h2{margin:14px 0;font-family:Lilita One,sans-serif;font-size:clamp(34px,5.6vw,58px);line-height:1}.copy p{opacity:.88;max-width:44ch;font-size:15.5px;line-height:1.65}.copy a.view{letter-spacing:.04em;color:inherit;border-bottom:1.5px solid;align-items:center;gap:6px;margin-top:24px;padding-bottom:3px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.mock{justify-content:center;display:flex}.mock-card{border-radius:14px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 30px 60px -20px #00000073}.panel--vox .tab{color:var(--cream);background:#3a332c}.panel--vox .body{background:var(--charcoal);color:var(--cream)}.panel--pixel .tab{color:var(--ink);background:#c98317}.panel--pixel .body{background:var(--mustard);color:var(--ink)}.panel--favi .tab{color:var(--cream);background:#4d5a3d}.panel--favi .body{background:var(--moss-green);color:var(--cream)}.mock-card{background:#1c1815;padding:10px 10px 0}.mock-card .win-bar{gap:6px;padding:0 4px 10px;display:flex}.mock-card .win-bar span{background:#4a4038;border-radius:50%;width:9px;height:9px}.mock-img{border-radius:4px 4px 0 0;width:100%;display:block}.mock-card--pixel{background:var(--paper)}.mock-card--pixel .win-bar span{background:#d8cfba}.mock-card--favi{background:#efece4}.mock-card--favi .win-bar span{background:#c7c1b1}@media (width<=820px){.body{text-align:left;grid-template-columns:1fr;row-gap:20px;padding-top:26px}.panel{height:auto;min-height:100vh}.mock-card{max-width:100%}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}.socials{max-width:720px;margin-inline:auto;padding:70px 6vw 90px}.social-heading{text-align:center;margin:0 0 22px;font-family:Lilita One,sans-serif;font-size:clamp(20px,2.6vw,26px)}.social-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.social-icon{border:1.5px solid var(--charcoal);background:var(--paper);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .15s,border-color .15s;display:flex}.social-icon img{object-fit:contain;width:18px;height:18px}.social-icon--email{color:var(--ink);font-family:Lilita One,sans-serif;font-size:17px;text-decoration:none}.social-icon:hover{border-color:var(--main-accent);transform:translateY(-2px)}.podcast-note{text-align:center;color:var(--charcoal);opacity:.7;margin:16px 0 0;font-size:13px}.podcast-note a{color:var(--main-accent);font-weight:600;text-decoration:underline}.contact{place-self:center;margin-top:64px}.contact h3{margin:0 0 12px;font-family:Lilita One,sans-serif;font-size:clamp(26px,4vw,34px)}.contact-sub{color:var(--charcoal);opacity:.82;max-width:54ch;margin:0 0 28px;font-size:14.5px;line-height:1.65}.contact-form{flex-direction:column;gap:14px;display:flex}.contact-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-form input,.contact-form textarea{background:var(--cream);width:100%;color:var(--ink);border:1.5px solid #2b26212e;border-radius:10px;padding:14px 15px;font-family:Sora,sans-serif;font-size:14px}.contact-form textarea{resize:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#2b262180}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--main-accent);outline:none}.contact-form button{letter-spacing:.02em;color:var(--cream);background-color:var(--charcoal);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23fafaf8' fill-opacity='0.12'/%3E%3C/svg%3E");border:none;border-radius:10px;padding:15px;font-family:Sora,sans-serif;font-size:14px;font-weight:600;transition:opacity .15s}.contact-form button:hover{opacity:.88}@media (width<=560px){.contact-row{grid-template-columns:1fr}.social-icon{width:38px;height:38px}}