:root{--bg:#eef1f5;--bg-elevated:#f7f8fb;--ink:#0e1116;--ink-soft:#4a5563;--ink-faint:#8b95a5;--line:#0e11161a;--accent:#e84e1b;--accent-soft:#e84e1b1f;--forest:#1f4d3a;--mist:#d7dee8;--white:#fff;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--max:1200px;--nav-h:72px;--ease:cubic-bezier(.22, 1, .36, 1);--font-display:"Syne", sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--font-body:"IBM Plex Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.55;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 55% at 12% -10%,#e84e1b24,#0000 55%),radial-gradient(60% 45% at 92% 8%,#1f4d3a1f,#0000 50%),radial-gradient(50% 40% at 70% 100%,#d7dee8e6,#0000 60%);position:fixed;inset:0}#root{z-index:1;position:relative}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}img{max-width:100%;display:block}::selection{background:var(--accent);color:var(--white)}.container{width:min(100% - 2.5rem, var(--max));margin-inline:auto}@media (width<=640px){.container{width:min(100% - 1.5rem, var(--max))}}.page{min-height:100vh}.scroll-progress{background:var(--accent);transform-origin:0%;z-index:100;height:2px;position:fixed;top:0;left:0;right:0}.nav{z-index:50;height:var(--nav-h);transition:background .35s var(--ease), backdrop-filter .35s var(--ease);position:fixed;inset:0 0 auto}.nav--solid{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#eef1f5d6}.nav__inner{align-items:center;gap:1.5rem;height:100%;display:flex}.nav__brand{align-items:center;gap:.75rem;display:inline-flex}.nav__avatar{object-fit:cover;border:2px solid var(--white);width:40px;height:40px;box-shadow:0 0 0 1px var(--line);border-radius:50%}.nav__brand span{flex-direction:column;line-height:1.15;display:flex}.nav__brand strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:.95rem}.nav__brand small{color:var(--ink-faint);font-size:.72rem}.nav__links{gap:1.75rem;margin-left:auto;display:flex}.nav__links a{color:var(--ink-soft);font-size:.92rem;font-weight:500;transition:color .2s}.nav__links a:hover{color:var(--ink)}.nav__status{background:var(--ink);height:40px;color:var(--bg);border-radius:999px;align-items:center;gap:.45rem;padding:0 .95rem;font-size:.82rem;font-weight:500;display:inline-flex}.nav__status i{background:#3dd68c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #3dd68c33}.nav__burger{flex-direction:column;place-items:center;gap:6px;width:40px;height:40px;display:none}.nav__burger span{background:var(--ink);width:18px;height:1.5px;transition:transform .25s var(--ease);display:block}.nav__burger.is-open span:first-child{transform:translateY(3.75px)rotate(45deg)}.nav__burger.is-open span:last-child{transform:translateY(-3.75px)rotate(-45deg)}.mobile-menu{inset:var(--nav-h) 0 0;z-index:40;background:var(--bg);flex-direction:column;gap:1.25rem;padding:2rem 1.5rem;display:flex;position:fixed}.mobile-menu a{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.8rem,8vw,2.4rem);font-weight:700}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:.78rem;font-weight:600}.eyebrow--light{color:#ffffffa6}.section-head{max-width:38rem;margin-bottom:2.5rem}.section-head h2,.about h2,.contact__copy h2,.hero__title{font-family:var(--font-display);letter-spacing:-.045em;font-weight:700;line-height:1.05}.section-head h2,.about h2{font-size:clamp(2.2rem,4.5vw,3.4rem)}.section-head em,.about em,.contact__copy em,.hero__serif{font-family:var(--font-serif);letter-spacing:-.02em;font-style:italic;font-weight:400}.btn{min-height:48px;transition:transform .25s var(--ease), background .2s ease, color .2s ease, border-color .2s ease;border-radius:999px;justify-content:center;align-items:center;padding:0 1.25rem;font-size:.95rem;font-weight:500;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--accent);color:var(--white)}.btn--primary:hover{background:#d34314}.btn--ghost{border:1px solid var(--line);background:#ffffff73}.btn--ghost:hover{border-color:var(--ink)}.btn--light{background:var(--white);color:var(--ink)}.btn--outline-light{color:var(--white);border:1px solid #ffffff47}.btn--outline-light:hover{background:#ffffff14}.hero{padding:calc(var(--nav-h) + 3.25rem) 0 0;flex-direction:column;min-height:100svh;display:flex}.hero__grid{flex:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:2.5rem;padding-bottom:3rem;display:grid}.hero__title{margin-bottom:1.25rem;font-size:clamp(3.4rem,9vw,6.2rem)}.hero__lede{color:var(--ink);max-width:34rem;margin-bottom:.85rem;font-size:clamp(1.1rem,1.7vw,1.28rem);font-weight:500;line-height:1.45}.hero__subtext{color:var(--ink-soft);max-width:34rem;margin-bottom:1.5rem;font-size:clamp(.95rem,1.35vw,1.05rem);line-height:1.55}.hero__meta{color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:.35rem .15rem;max-width:36rem;margin-bottom:1.35rem;font-size:.92rem;line-height:1.6;display:flex}.hero__meta a{color:var(--ink);text-underline-offset:.18em;font-weight:500;-webkit-text-decoration:underline #0e111633;text-decoration:underline #0e111633;transition:color .2s,text-decoration-color .2s}.hero__meta a:hover{color:var(--accent);text-decoration-color:#e84e1b73}.hero__actions{flex-wrap:wrap;gap:.75rem;display:flex}.portrait{border-radius:calc(var(--radius-lg) + 8px);aspect-ratio:4/5;background:#d9dde5;position:relative;overflow:hidden;box-shadow:0 40px 80px #0e111629}.portrait img{object-fit:cover;object-position:center top;width:100%;height:100%}.portrait__chip{z-index:2;border:1px solid var(--line);background:#f7f8fbf0;border-radius:999px;padding:.55rem .85rem;font-size:.78rem;font-weight:600;animation:5s ease-in-out infinite floaty;position:absolute;box-shadow:0 12px 30px #0e111614}.portrait__chip--a{top:1rem;left:1rem}.portrait__chip--b{animation-delay:-1.8s;bottom:1.25rem;right:1rem}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero__marquee{border-block:1px solid var(--line);background:#ffffff59;padding:1rem 0;overflow:hidden}.marquee__track{width:max-content;font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink-soft);gap:1.5rem;font-size:.95rem;font-weight:600;animation:28s linear infinite marquee;display:flex}.marquee__track em{color:var(--accent);margin-left:1.5rem;font-style:normal}@keyframes marquee{to{transform:translate(-50%)}}.featured{padding:5.5rem 0 2rem}.featured__head{justify-content:space-between;align-items:flex-end;gap:1.5rem 2rem;margin-bottom:2.5rem;display:flex}.featured__head .section-head{margin-bottom:0}.featured__more{border:1px solid var(--line);color:var(--ink-soft);transition:color .2s ease, border-color .2s ease, background .2s ease, transform .25s var(--ease), box-shadow .25s var(--ease);background:#ffffffb8;border-radius:999px;flex-shrink:0;align-items:center;gap:.55rem;margin-bottom:.35rem;padding:.55rem .85rem .55rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.featured__more:hover{color:var(--ink);background:var(--white);border-color:#ea4c8959;transform:translateY(-2px);box-shadow:0 10px 24px #0e111614}.dribbble-icon{color:#ea4c89;width:1.35rem;height:1.35rem;transition:transform .25s var(--ease);flex-shrink:0}.featured__more:hover .dribbble-icon{transform:scale(1.08)}.featured__marquee{margin-top:0}.featured__track{gap:1rem;display:flex}.featured__track--grid{width:min(100% - 2.5rem, var(--max));grid-template-columns:repeat(4,1fr);margin-inline:auto;display:grid}.featured__marquee--scroll{--featured-pad:max(1.25rem, calc((100vw - var(--max)) / 2));--featured-gap:1rem;--featured-peek:4.5rem;--featured-card:calc((min(100vw - 2.5rem, var(--max)) - (3 * var(--featured-gap)) - var(--featured-peek)) / 4);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;max-width:100%;padding-bottom:.25rem;overflow:auto hidden}.featured__marquee--scroll::-webkit-scrollbar{display:none}.featured__marquee--scroll .featured__track{align-items:stretch;gap:var(--featured-gap);width:max-content;max-width:none;padding-left:var(--featured-pad);padding-right:var(--featured-pad);box-sizing:content-box;vertical-align:top;flex-wrap:nowrap;display:inline-flex}.featured__marquee--scroll .featured__card{flex:0 0 var(--featured-card);width:var(--featured-card);min-width:var(--featured-card);max-width:var(--featured-card);box-sizing:border-box}.featured__card{border-radius:var(--radius-md);background:var(--white);border:1px solid var(--line);color:inherit;cursor:pointer;transition:transform .45s var(--ease), border-color .35s var(--ease), box-shadow .45s var(--ease);text-decoration:none;display:block;overflow:hidden}.featured__card:hover{border-color:#e84e1b47;transform:translateY(-8px);box-shadow:0 18px 40px #0e11161a}.featured__card img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .7s var(--ease)}.featured__card:hover img{transform:scale(1.07)}.featured__card p{color:var(--ink-soft);transition:color .3s var(--ease);padding:.9rem 1rem 1.1rem;font-size:.9rem;font-weight:500}.featured__card:hover p{color:var(--ink)}.selected{padding:4.5rem 0 5rem}.selected__list{flex-direction:column;gap:2rem;display:flex}.case{border-radius:var(--radius-lg);border:1px solid var(--line);transition:transform .5s var(--ease), border-color .4s var(--ease), box-shadow .5s var(--ease), background .4s var(--ease);background:#ffffff8c;grid-template-columns:.9fr 1.1fr;align-items:center;gap:1.5rem;padding:1.25rem;display:grid}.case:hover{background:#ffffffd1;border-color:#e84e1b38;transform:translateY(-4px);box-shadow:0 22px 48px #0e111614}.case--flip .case__text{order:2}.case--flip .case__media{order:1}.case__meta{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);transition:color .3s var(--ease);align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.78rem;font-weight:600;display:flex}.case:hover .case__meta{color:var(--accent)}.case__meta em{color:var(--forest);letter-spacing:.04em;background:#1f4d3a1a;border-radius:999px;padding:.3rem .55rem;font-style:normal}.case__text h3{font-family:var(--font-display);letter-spacing:-.035em;transition:color .3s var(--ease);margin-bottom:.35rem;font-size:clamp(1.7rem,3vw,2.5rem)}.case:hover .case__text h3{color:var(--forest)}.case__subtitle{font-family:var(--font-serif);color:var(--ink-faint);max-width:none;margin-bottom:.85rem;font-size:.98rem;font-style:italic}.case__text p:not(.case__subtitle){color:var(--ink-soft);max-width:34rem;margin-bottom:1.15rem}.case__text ul{flex-wrap:wrap;gap:.45rem;list-style:none;display:flex}.case__text li{border:1px solid var(--line);background:var(--white);transition:border-color .3s var(--ease), background .3s var(--ease), color .3s var(--ease);border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:500}.case:hover .case__text li{background:#1f4d3a0f;border-color:#1f4d3a38}.case__actions{flex-wrap:wrap;gap:.6rem;margin-top:1.25rem;display:flex}.case__btn{border:1px solid var(--line);background:var(--white);color:var(--ink);transition:background .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease), opacity .25s var(--ease);border-radius:999px;align-items:center;gap:.5rem;padding:.55rem .95rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.case__btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0e11161f}.case__btn--figma:hover{background:var(--ink);border-color:var(--ink);color:var(--white)}.case__btn--site{color:var(--accent);background:#e84e1b14;border-color:#e84e1b38}.case__btn--site:hover{background:var(--accent);border-color:var(--accent);color:var(--white)}.case__btn.is-pending{opacity:.55;cursor:not-allowed}.case__btn.is-pending:hover{box-shadow:none;background:var(--white);border-color:var(--line);color:var(--ink);transform:none}.case__btn--site.is-pending:hover{color:var(--accent);background:#e84e1b14;border-color:#e84e1b38}.figma-icon{flex-shrink:0;width:.95rem;height:1.35rem}.link-icon{flex-shrink:0;width:.95rem;height:.95rem}.case__media{border-radius:var(--radius-md);background:#dfe4ec;min-height:280px;overflow:hidden}.case__media img{object-fit:cover;width:100%;height:100%;min-height:280px;transition:transform .75s var(--ease)}.case:hover .case__media img{transform:scale(1.06)}.case--dashboard{background:radial-gradient(70% 80% at 100% 0,#e84e1b1a,#0000 55%),radial-gradient(50% 60% at 0 100%,#1f4d3a14,#0000 50%),linear-gradient(160deg,#ffffffeb,#f7f8fbe0);border-color:#e84e1b29;grid-template-columns:.78fr 1.22fr;gap:1.75rem;padding:1.5rem}.case--dashboard:hover{border-color:#e84e1b4d;box-shadow:0 26px 56px #0e11161a}.case--dashboard .case__meta em{color:var(--accent);background:#e84e1b1a}.case--dashboard:hover .case__text h3{color:var(--accent)}.case--dashboard .case__media{background:0 0;border-radius:0;min-height:0;overflow:visible}.case--dashboard .case__media img,.case--dashboard:hover .case__media img{min-height:0;transform:none}.case__browser{border-radius:calc(var(--radius-md) + 2px);background:var(--white);border:1px solid #0e11161a;overflow:hidden;box-shadow:0 18px 40px #0e11161a,inset 0 2px #ffffffb3}.case__browser-bar{border-bottom:1px solid var(--line);background:linear-gradient(#f7f8fb,#eef1f5);align-items:center;gap:.4rem;padding:.7rem .9rem;display:flex}.case__browser-bar span{background:#d7dee8;border-radius:50%;width:9px;height:9px}.case__browser-bar span:first-child{background:#ff6b5c}.case__browser-bar span:nth-child(2){background:#ffc14d}.case__browser-bar span:nth-child(3){background:#3dd68c}.case__browser-bar em{border:1px solid var(--line);min-width:0;color:var(--ink-faint);font-family:var(--font-body);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;background:#ffffffd9;border-radius:999px;flex:1;margin-left:.55rem;padding:.28rem .7rem;font-size:.72rem;font-style:normal;font-weight:500;overflow:hidden}.case__browser img{aspect-ratio:16/10;object-fit:cover;object-position:top center;background:#eef1f5;width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){.featured__card,.featured__card img,.featured__card p,.case,.case__meta,.case__text h3,.case__text li,.case__btn,.case__media img{transition:none}.featured__card:hover,.case:hover,.case__btn:hover,.featured__card:hover img,.case:hover .case__media img{transform:none}}.about{padding:2rem 0 5.5rem}.about__grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:2.5rem;display:grid}.about p{color:var(--ink-soft);max-width:36rem;margin-top:1rem}.about__tools{flex-direction:column;gap:.75rem;display:flex}.tool{border-radius:var(--radius-sm);border:1px solid var(--line);background:#ffffffb3;justify-content:space-between;gap:1rem;padding:1.1rem 1.2rem;display:flex}.tool strong{font-family:var(--font-display);letter-spacing:-.02em}.tool span{color:var(--ink-faint);font-size:.9rem}.contact{padding:0 0 5rem}.contact__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:1rem;display:grid}.contact__copy,.contact__form{border-radius:calc(var(--radius-lg) + 4px);min-width:0;color:var(--ink);border:1px solid var(--line);padding:clamp(2rem,4vw,3rem)}.contact__copy{background:radial-gradient(80% 70% at 100% 0,#e84e1b24,#0000 55%),radial-gradient(55% 50% at 0 100%,#1f4d3a1a,#0000 50%),linear-gradient(160deg,#fff 0%,#f3f6fa 100%);flex-direction:column;justify-content:center;display:flex}.contact__status{color:var(--forest);letter-spacing:.01em;background:#1f4d3a14;border:1px solid #1f4d3a24;border-radius:999px;align-self:flex-start;align-items:center;gap:.5rem;margin-bottom:1.15rem;padding:.45rem .85rem .45rem .7rem;font-size:.82rem;font-weight:600;display:inline-flex}.contact__status i{background:#2f9e6b;border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite contact-pulse;box-shadow:0 0 0 4px #2f9e6b29}@keyframes contact-pulse{0%,to{box-shadow:0 0 0 4px #2f9e6b29}50%{box-shadow:0 0 0 7px #2f9e6b14}}.contact__copy h2{font-family:var(--font-display);letter-spacing:-.045em;max-width:11ch;margin-bottom:1rem;font-size:clamp(2.1rem,4.2vw,3.2rem);font-weight:700;line-height:1.12}.contact__copy h2 em{font-family:var(--font-serif);letter-spacing:-.02em;font-style:italic;font-weight:400}.contact__copy>p:not(.contact__meta){color:var(--ink-soft);max-width:38ch;margin-bottom:1.75rem;font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.6}.contact__meta{color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:.55rem;margin:0;font-size:.95rem;display:flex}.contact__meta a{color:var(--ink);font-weight:600;text-decoration:none;transition:color .2s;position:relative}.contact__meta a:after{content:"";transform-origin:0;height:1.5px;transition:transform .25s var(--ease);background:#e84e1b59;position:absolute;bottom:-.15em;left:0;right:0;transform:scaleX(0)}.contact__meta a:hover{color:var(--accent)}.contact__meta a:hover:after{transform:scaleX(1)}.contact__actions{flex-wrap:wrap;gap:.75rem;display:flex}.contact__form{background:radial-gradient(70% 55% at 0 100%,#e84e1b1a,#0000 55%),radial-gradient(50% 45% at 100% 0,#d7dee8d9,#0000 50%),linear-gradient(165deg,#fff 0%,#f7f8fb 100%);flex-direction:column;gap:.9rem;width:100%;display:flex}.contact__field{flex-direction:column;gap:.45rem;display:flex}.contact__field span{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:.78rem;font-weight:600}.contact__field input,.contact__field textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;resize:vertical;background:#ffffffd9;border-radius:14px;outline:none;padding:.9rem 1rem;transition:border-color .2s,background .2s,box-shadow .2s}.contact__field input::placeholder,.contact__field textarea::placeholder{color:var(--ink-faint)}.contact__field input:focus,.contact__field textarea:focus{background:var(--white);border-color:#e84e1b8c;box-shadow:0 0 0 3px #e84e1b1f}.btn--accent{background:var(--accent);color:#fff;width:100%;margin-top:.25rem}.btn--accent:hover{background:#d34314}.btn--accent:disabled{opacity:.7;cursor:wait;transform:none}.contact__note{margin:0;font-size:.9rem;line-height:1.45}.contact__note--ok{color:var(--forest)}.contact__note--err{color:#c2410c}.footer{padding:0 0 2rem}.footer__inner{border-top:1px solid var(--line);color:var(--ink-faint);justify-content:space-between;gap:1rem;padding-top:1.25rem;font-size:.88rem;display:flex}@media (width<=1100px){.featured__track--grid{grid-template-columns:1fr 1fr}.featured__marquee--scroll{--featured-peek:3.5rem;--featured-card:calc((min(100vw - 2.5rem, var(--max)) - var(--featured-gap) - var(--featured-peek)) / 2)}}@media (width<=980px){.hero{min-height:auto;padding-top:calc(var(--nav-h) + 2rem)}.hero__grid,.about__grid,.case,.case--flip,.case--dashboard{grid-template-columns:1fr}.hero__grid{gap:2rem;padding-bottom:2rem}.hero__portrait{width:100%;max-width:420px;margin-inline:auto}.case--flip .case__text,.case--flip .case__media{order:initial}.case,.case--dashboard{padding:1rem}.case__media,.case__media img{min-height:220px}.case--dashboard .case__media,.case--dashboard .case__browser img{min-height:0}.case__actions{width:100%}.case__btn{flex:auto;justify-content:center}}@media (width<=720px){.nav__links,.nav__status{display:none}.nav__burger{margin-left:auto;display:flex}.nav__brand small{display:none}.hero__title{font-size:clamp(2.8rem,14vw,3.6rem)}.hero__lede{font-size:1.05rem}.hero__subtext{font-size:.95rem}.hero__meta{font-size:.88rem}.hero__actions{width:100%}.hero__actions .btn{flex:auto;min-width:140px}.section-head h2,.about h2{font-size:clamp(1.85rem,8vw,2.4rem)}.featured{padding-top:3.5rem}.featured__head{flex-direction:column;align-items:flex-start;gap:1.15rem;margin-bottom:1.75rem}.featured__more{margin-bottom:0}.featured__track--grid{gap:.85rem;width:auto;margin-inline:0;padding-left:.75rem;padding-right:.75rem;display:inline-flex}.featured__marquee:not(.featured__marquee--scroll){overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;padding-bottom:.25rem;overflow:auto hidden}.featured__marquee:not(.featured__marquee--scroll)::-webkit-scrollbar{display:none}.featured__marquee--scroll{--featured-pad:.75rem;--featured-gap:.85rem;--featured-card:min(280px, 78vw)}.featured__track--grid .featured__card,.featured__marquee--scroll .featured__card{flex:0 0 var(--featured-card);width:var(--featured-card);min-width:var(--featured-card);max-width:var(--featured-card)}.selected{padding:3rem 0 3.5rem}.selected__list{gap:1.15rem}.case__text h3{font-size:1.55rem}.about{padding-bottom:3.5rem}.contact__grid{grid-template-columns:1fr;gap:.85rem}.contact__copy,.contact__form{border-radius:22px;padding:2rem 1.35rem}.contact__copy h2{max-width:none;font-size:clamp(1.7rem,8vw,2.3rem)}.contact__copy>p:not(.contact__meta){max-width:none}.footer__inner{flex-direction:column}.portrait__chip--b{display:none}}@media (width<=420px){.container{width:min(100% - 1.25rem, var(--max))}.btn{min-height:46px;font-size:.9rem}}