@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400;1,9..144,500&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--paper:#edede4;--paper-dim:#e3e3d8;--ink:#16181b;--ink-soft:#33352f;--muted:#6b6a63;--pine:#2f5d50;--pine-soft:#dde6e1;--rust:#c4501c;--line:#c9c6ba;--white:#fafaf6;--font-display:"Fraunces", serif;--font-body:"Inter", sans-serif;--font-mono:"IBM Plex Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}::selection{background:var(--pine);color:var(--white)}.mono-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 32px}@media (width<=640px){.container{padding:0 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:focus{outline:none}:focus-visible{outline:2px solid var(--rust);outline-offset:3px}.nav{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#edede4db;position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;height:68px;display:flex}.nav__mark{align-items:center;gap:10px;display:flex}.nav__mark-glyph{background:var(--ink);width:30px;height:30px;color:var(--paper);font-family:var(--font-mono);letter-spacing:.02em;border-radius:50%;place-items:center;font-size:.68rem;display:grid}.nav__mark-text{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.05rem;font-weight:500}.nav__list{gap:28px;margin:0;padding:0;list-style:none;display:flex}.nav__link{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:6px 2px;font-size:.78rem;position:relative}.nav__link:after{content:"";background:var(--rust);transform-origin:0;height:2px;transition:transform .25s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.nav__link:hover{color:var(--ink)}.nav__link:hover:after{transform:scaleX(1)}.nav__link--active{color:var(--ink)}.nav__link--active:after{background:var(--pine);transform:scaleX(1)}@media (width<=640px){.nav__mark-text{display:none}.nav__list{gap:14px}.nav__link{font-size:.66rem}}.footer{border-top:1px solid var(--line);margin-top:auto;padding:22px 0}.footer__inner{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}@media (width<=640px){.footer__inner{flex-direction:column}}.project-frame{background:var(--white);border:1px solid var(--line);text-align:left;width:100%;transform:rotate(var(--tilt,0deg));border-radius:10px;padding:0;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1);display:block;overflow:hidden;box-shadow:0 1px 2px #16181b0f}button.project-frame:hover,button.project-frame:focus-visible{transform:rotate(0)translateY(-4px);box-shadow:0 20px 40px -20px #16181b59}.project-frame__chrome{background:var(--paper-dim);border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:10px 12px;display:flex}.project-frame__dot{background:var(--line);border-radius:50%;width:7px;height:7px}.project-frame__url{font-family:var(--font-mono);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-left:8px;font-size:.68rem;overflow:hidden}.project-frame__screen{aspect-ratio:4/3;background:var(--paper-dim);overflow:hidden}.project-frame__screen img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);display:block}button.project-frame:hover .project-frame__screen img,button.project-frame:focus-visible .project-frame__screen img{transform:scale(1.04)}.project-frame__caption{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:14px 16px 16px;display:flex}.project-frame__name{font-family:var(--font-display);font-size:1.05rem;font-weight:500}.hero{max-width:900px;padding:88px 32px 56px}.hero__title{font-family:var(--font-display);letter-spacing:-.015em;margin:18px 0 22px;font-size:clamp(2.4rem,5.6vw,4.2rem);font-weight:500;line-height:1.04}.hero__lede{color:var(--ink-soft);max-width:56ch;margin:0 0 34px;font-size:1.1rem;line-height:1.6}.hero__actions{flex-wrap:wrap;gap:14px;display:flex}.btn{font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;border:1px solid #0000;border-radius:6px;align-items:center;padding:13px 22px;font-size:.82rem;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.btn--primary{background:var(--ink);color:var(--paper)}.btn--primary:hover{background:var(--pine);transform:translateY(-2px)}.btn--ghost{border-color:var(--ink);color:var(--ink)}.btn--ghost:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}.marquee-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper-dim);padding:30px 0 46px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.marquee{gap:22px;width:max-content;animation:42s linear infinite scroll;display:flex}.marquee-wrap:hover .marquee{animation-play-state:paused}.marquee__item{flex:none;width:240px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.featured{padding:68px 32px 90px}.featured__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:30px;display:flex}.section-title{font-family:var(--font-display);margin:0;font-size:1.8rem;font-weight:500}.featured__all{color:var(--pine)}.featured__grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.featured__link{display:block}.featured__caption{justify-content:space-between;align-items:baseline;padding-top:12px;display:flex}.featured__name{font-family:var(--font-display);font-size:1.05rem}@media (width<=900px){.featured__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.hero{padding:56px 20px 40px}.featured{padding:48px 20px 60px}.featured__grid{grid-template-columns:1fr}}.modal-overlay{z-index:100;background:#16181b8c;justify-content:center;align-items:center;padding:24px;animation:.2s overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--white);border:1px solid var(--line);border-radius:12px;width:100%;max-width:760px;max-height:88vh;animation:.28s cubic-bezier(.16,1,.3,1) modal-in;position:relative;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal__close{border:1px solid var(--line);background:var(--white);width:34px;height:34px;color:var(--ink);z-index:2;border-radius:50%;font-size:.9rem;position:absolute;top:14px;right:14px}.modal__close:hover{background:var(--ink);color:var(--white)}.modal__image{aspect-ratio:16/9;border-top-left-radius:12px;border-top-right-radius:12px;overflow:hidden}.modal__image img{object-fit:cover;width:100%;height:100%;display:block}.modal__body{padding:28px 32px 32px}.modal__title{font-family:var(--font-display);margin:6px 0 14px;font-size:2rem;font-weight:500}.modal__description{color:var(--ink-soft);max-width:56ch;margin:0 0 24px;font-size:1rem;line-height:1.6}.modal__visit{background:var(--pine);color:var(--white);font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;border-radius:6px;align-items:center;gap:8px;padding:12px 20px;font-size:.82rem;transition:background .2s;display:inline-flex}.modal__visit:hover{background:var(--ink)}@media (width<=640px){.modal__body{padding:22px 20px 26px}.modal__title{font-size:1.5rem}}.portfolio{padding:64px 32px 100px}.portfolio__head{max-width:62ch;margin-bottom:46px}.page-title{font-family:var(--font-display);letter-spacing:-.01em;margin:10px 0 16px;font-size:clamp(2.2rem,4.4vw,3.2rem);font-weight:500}.portfolio__lede{color:var(--ink-soft);margin:0;font-size:1.05rem;line-height:1.6}.portfolio__grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}@media (width<=900px){.portfolio__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.portfolio{padding:48px 20px 70px}.portfolio__grid{grid-template-columns:1fr}}.process{padding:64px 32px 110px}.process__head{max-width:62ch;margin-bottom:54px}.process__lede{color:var(--ink-soft);margin:0;font-size:1.05rem;line-height:1.6}.process__list{max-width:780px;margin:0;padding:0;list-style:none}.process__step{border-top:1px solid var(--line);grid-template-columns:84px 1fr;gap:24px;padding:34px 0;display:grid}.process__step:last-child{border-bottom:1px solid var(--line)}.process__num{font-family:var(--font-display);color:var(--pine);font-size:2rem;font-style:italic;line-height:1}.process__meta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.process__title{font-family:var(--font-display);margin:0;font-size:1.5rem;font-weight:500}.process__body{color:var(--ink-soft);max-width:58ch;margin:0;font-size:1rem;line-height:1.65}@media (width<=600px){.process{padding:48px 20px 80px}.process__step{grid-template-columns:44px 1fr;gap:16px;padding:26px 0}.process__num{font-size:1.3rem}}.about{padding:64px 32px 110px}.about__grid{grid-template-columns:340px 1fr;align-items:start;gap:64px;display:grid}.about__portrait{border:1px solid var(--line);aspect-ratio:4/5;background:var(--paper-dim);border-radius:10px;position:sticky;top:92px;overflow:hidden}.about__portrait img{object-fit:cover;filter:grayscale(.15);width:100%;height:100%;display:block}.about__bio{color:var(--ink-soft);max-width:62ch;margin:0 0 18px;font-size:1.05rem;line-height:1.65}.about__facts{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(160px,260px));gap:22px 30px;margin:36px 0 0;padding-top:26px;display:grid}.about__fact{margin:0}.about__fact dt{margin-bottom:4px}.about__fact dd{font-family:var(--font-display);margin:0;font-size:1.05rem}@media (width<=860px){.about__grid{grid-template-columns:1fr;gap:32px}.about__portrait{max-width:320px;position:static}}@media (width<=600px){.about{padding:48px 20px 80px}.about__facts{grid-template-columns:1fr 1fr}}.connect{padding:64px 32px 110px}.connect__head{max-width:62ch;margin-bottom:50px}.connect__lede{color:var(--ink-soft);margin:0;font-size:1.05rem;line-height:1.6}.connect__grid{grid-template-columns:1fr 1.1fr;gap:64px;display:grid}.connect__socials{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.connect__social-link{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:18px 4px;transition:padding-left .2s,color .2s;display:flex}.connect__social-link:hover{color:var(--pine);padding-left:10px}.connect__social-value{font-family:var(--font-display);flex:1;font-size:1.1rem}.connect__arrow{font-family:var(--font-mono);color:var(--muted)}.connect__form{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:30px}.connect__field{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.connect__field input,.connect__field textarea{font-family:var(--font-body);border:1px solid var(--line);background:var(--paper);color:var(--ink);resize:vertical;border-radius:6px;padding:12px 14px;font-size:1rem}.connect__field input:focus-visible,.connect__field textarea:focus-visible{outline:2px solid var(--rust);outline-offset:1px}.connect__submit{border:none;margin-top:4px}.connect__status{margin:14px 0 0}@media (width<=860px){.connect__grid{grid-template-columns:1fr;gap:40px}}@media (width<=600px){.connect{padding:48px 20px 80px}.connect__form{padding:22px}}