*,:before,:after{box-sizing:border-box}body{background:#fff;margin:0}#root{width:100%;min-height:100svh}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#0a0a0a;--white:#fff;--grey-card:#f0f0ee;--grey-mid:#888;--font-display:"Bebas Neue", sans-serif;--font-body:"Inter", sans-serif}html{scroll-behavior:smooth}body{background:var(--white);color:var(--black);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-weight:400}a{color:inherit;text-decoration:none}.site{max-width:1400px;margin:0 auto;padding:0 32px}.nav{background:var(--white);z-index:100;border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:20px 0;display:flex;position:sticky;top:0}.nav__left,.nav__right{flex:1;gap:8px;display:flex}.nav__right{justify-content:flex-end}.nav__center{text-align:center;flex:1}.nav__logo{font-family:var(--font-body);letter-spacing:.12em;font-size:15px;font-weight:600}.nav__pill{font-family:var(--font-body);letter-spacing:.08em;cursor:pointer;border-radius:999px;padding:8px 20px;font-size:13px;font-weight:500;transition:opacity .2s;display:inline-block}.nav__pill:hover{opacity:.7}.nav__pill--light{color:var(--black);background:#ebebeb}.nav__pill--dark{background:var(--black);color:var(--white)}.hero{align-items:flex-end;min-height:85vh;padding-bottom:0;display:flex;position:relative}.hero__wordmark{box-sizing:border-box;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;align-items:flex-end;gap:clamp(8px,1.5vw,24px);width:100vw;padding:0 max(32px,50vw - 668px);line-height:.88;display:flex;position:absolute;bottom:18vh;left:calc(50% - 50vw)}.hero__word{font-family:var(--font-display);letter-spacing:-.01em;color:var(--black);white-space:nowrap;flex:1;min-width:0;font-size:calc(20.4918vw - min(340px,30vw)/4.88 - 9.01639px);line-height:.88;display:block}.hero__figurine{z-index:2;pointer-events:none;flex-shrink:0;align-self:flex-end;position:relative;transform:translate(-56px,64px)}.hero__figurine-video{display:none}.hero__figurine-img{width:min(340px,30vw);height:auto;display:block}.work-heading{border-top:1px solid #e0e0e0;margin-top:0;padding:80px 0 24px}.wordmark{font-family:var(--font-display);letter-spacing:-.01em;font-size:calc(20.4918vw - min(340px,30vw)/4.88 - 9.01639px);line-height:.9;display:block}.projects{padding-bottom:100px}.projects__grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.project-card{background:var(--grey-card);border-radius:16px;flex-direction:column;justify-content:space-between;align-items:center;gap:20px;min-height:360px;padding:24px;display:flex}.project-card--full{grid-column:1/-1;min-height:420px}.project-card--half{min-height:340px}.project-card__label{font-family:var(--font-body);letter-spacing:.14em;color:var(--grey-mid);text-transform:uppercase;align-self:flex-start;font-size:11px;font-weight:600}.project-card--text{background:#08080f;justify-content:center;align-items:center;position:relative;overflow:hidden}.project-card--text:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00e8ff0a 3px 4px);position:absolute;inset:0}.project-card__title{color:#00e8ff;text-shadow:0 0 10px #00e8ff,0 0 30px #00e8ff,0 0 60px #00e8ff66;letter-spacing:.05em;text-align:center;z-index:2;font-family:"Press Start 2P",monospace;font-size:clamp(20px,3.5vw,48px);line-height:1.4;position:relative}.project-card__mockup{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.project-card__image-wrap{border-radius:10px;width:100%;max-height:260px;overflow:hidden}.project-card--full .project-card__image-wrap{max-height:300px}.project-card__image{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.project-card:hover .project-card__image{transform:scale(1.04)}.mockup-tablet{background:#d0d0ce;border-radius:14px;width:280px;height:200px;padding:12px;box-shadow:0 8px 32px #0000001a}.mockup-tablet__screen{background:#bbb;border-radius:6px;width:100%;height:100%}.mockup-phone{background:#d0d0ce;border-radius:22px;width:110px;height:220px;padding:10px 8px;box-shadow:0 8px 32px #0000001a}.mockup-phone__screen{background:#bbb;border-radius:14px;width:100%;height:100%}.blog{border-top:1px solid #e0e0e0;padding:80px 0 60px}.blog__header{justify-content:space-between;align-items:flex-end;margin-bottom:40px;display:flex}.blog__view-all{font-family:var(--font-body);letter-spacing:.1em;color:var(--black);padding-bottom:8px;font-size:13px;font-weight:600;transition:opacity .2s}.blog__view-all:hover{opacity:.5}.blog__loading{font-family:var(--font-body);color:var(--grey-mid);padding:40px 0;font-size:14px}.blog__grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.blog-card{background:var(--grey-card);cursor:pointer;border-radius:16px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.blog-card__image-wrap{width:100%;height:200px;overflow:hidden}.blog-card__image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-card:hover .blog-card__image{transform:scale(1.04)}.blog-card__body{flex-direction:column;flex:1;gap:10px;padding:24px;display:flex}.blog-card__date{font-family:var(--font-body);letter-spacing:.12em;color:var(--grey-mid);text-transform:uppercase;font-size:11px;font-weight:600}.blog-card__title{font-family:var(--font-body);color:var(--black);font-size:17px;font-weight:700;line-height:1.3}.blog-card__excerpt{font-family:var(--font-body);color:#555;flex:1;font-size:13px;font-weight:400;line-height:1.6}.blog-card__read{font-family:var(--font-body);letter-spacing:.08em;color:var(--black);margin-top:8px;font-size:12px;font-weight:600}@media (width<=768px){.blog__grid{grid-template-columns:1fr}}.bio{border-top:1px solid #e0e0e0;justify-content:space-between;align-items:center;gap:60px;padding:80px 0;display:flex}.bio__text{font-family:var(--font-body);color:#333;max-width:640px;font-size:clamp(15px,1.4vw,18px);font-weight:300;line-height:1.7}.bio__cta{background:var(--black);color:var(--white);font-family:var(--font-body);letter-spacing:.1em;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:16px 36px;font-size:13px;font-weight:600;transition:opacity .2s;display:inline-block}.bio__cta:hover{opacity:.75}.email-section{border-top:1px solid #e0e0e0;padding:60px 0 40px;overflow:hidden}.email-wordmark{font-family:var(--font-display);letter-spacing:-.01em;color:var(--black);white-space:nowrap;font-size:clamp(28px,4.5vw,72px);transition:opacity .2s;display:block}.email-wordmark:hover{opacity:.6}.footer{border-top:1px solid #e0e0e0;align-items:flex-start;gap:60px;padding:48px 0 40px;display:flex}.footer__col{flex-direction:column;gap:10px;display:flex}.footer__heading{font-family:var(--font-body);letter-spacing:.14em;color:var(--grey-mid);margin-bottom:4px;font-size:11px;font-weight:700}.footer__col a{font-family:var(--font-body);letter-spacing:.06em;color:var(--black);font-size:13px;font-weight:500;transition:opacity .2s}.footer__col a:hover{opacity:.5}.footer__copy{font-family:var(--font-body);letter-spacing:.06em;color:var(--grey-mid);align-self:flex-end;margin-left:auto;font-size:12px;font-weight:400}.hero__figurine-static{display:none}.hero__figurine-canvas{display:block}@media (width<=768px){.hero__figurine-canvas{display:none!important}.hero__figurine-static{width:180px;display:block!important}}.nav__hamburger{cursor:pointer;z-index:200;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;padding:4px;display:none}.nav__hamburger-bar{background:var(--black);border-radius:2px;width:24px;height:2px;transition:transform .3s,opacity .3s;display:block}.nav__hamburger-bar.open:first-child{transform:translateY(7px)rotate(45deg)}.nav__hamburger-bar.open:nth-child(2){opacity:0}.nav__hamburger-bar.open:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{background:var(--white);z-index:150;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:32px;transition:opacity .3s;display:none;position:fixed;inset:0}.mobile-menu--open{opacity:1;pointer-events:all}.mobile-menu__link{font-family:var(--font-display);letter-spacing:-.01em;color:var(--black);font-size:56px;text-decoration:none;transition:opacity .2s}.mobile-menu__link:hover{opacity:.5}.mobile-menu__link--cta{font-family:var(--font-body);letter-spacing:.1em;background:var(--black);color:var(--white);border-radius:999px;margin-top:8px;padding:14px 32px;font-size:13px;font-weight:600}@media (width<=768px){.site{padding:0 16px}.nav__left,.nav__right{display:none}.nav__hamburger,.mobile-menu{display:flex}.nav__logo{letter-spacing:.08em;font-size:12px}.hero{align-items:flex-end;height:auto;min-height:auto;padding-top:16px;padding-bottom:0;overflow:visible}.hero__wordmark{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:0;width:100%;padding:0;position:static}.hero__word{white-space:nowrap;text-align:left;flex:1;font-size:clamp(44px,12vw,60px);line-height:.9}.hero__figurine{flex-shrink:0;position:static;transform:none}.hero__figurine-static{width:150px}.wordmark,.blog .wordmark{font-size:clamp(44px,12vw,60px)}.projects__grid{grid-template-columns:1fr}.project-card--full{grid-column:1}.project-card__title{font-size:clamp(16px,5vw,28px)}.blog__grid{grid-template-columns:1fr}.blog__header{flex-direction:column;align-items:flex-start;gap:8px}.bio{flex-direction:column;gap:32px;padding:48px 0}.footer{flex-wrap:wrap;gap:36px}.footer__copy{width:100%;margin-left:0}}