:root{--color-bg:#fff;--color-surface:#fff;--color-form-surface:color-mix(in oklab,var(--color-surface)94%,black);--color-text:#1f2937;--color-muted:#6b7280;--color-border:#efefef;--color-border-strong:#d1d5db;--color-accent:#ff6b35;--color-accent-50:#fff4ec;--color-accent-100:#ffe4d6;--color-accent-200:#ffcfba;--color-accent-600:#e55a2b;--color-accent-700:#c74d25;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 2px rgba(0,0,0,.06);--shadow-md:0 2px 10px rgba(0,0,0,.08);--header-height:80px;--container-max:1100px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem}@media (prefers-color-scheme:dark){:root{--color-bg:#1f2937;--color-surface:#0e141b;--color-form-surface:color-mix(in oklab,var(--color-surface)92%,white);--color-text:#e5e7eb;--color-muted:#9ca3af;--color-border:#0b0f14;--color-border-strong:#263241}}html[data-theme=light]{--color-bg:#fff;--color-surface:#fff7f7;--color-form-surface:color-mix(in oklab,var(--color-surface)94%,black);--color-text:#1f2937;--color-muted:#6b7280;--color-border:#efefef}html[data-theme=dark]{--color-bg:#1f2937;--color-surface:#0e141b;--color-form-surface:color-mix(in oklab,var(--color-surface)92%,white);--color-text:#e5e7eb;--color-muted:#9ca3af;--color-border:#0b0f14;--color-accent-50:#041d36}
html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.1px;color:var(--color-text,#1f2937);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;line-height:1.7}h1,h2,h3,h4{margin:0 0 var(--space-3,.75rem);color:var(--color-text,#1f2937);font-weight:700;line-height:1.25}h1{font-size:max(2rem,min(1.2rem + 1.8vw,2.5rem))}h2{font-size:max(1.5rem,min(1.1rem + 1.1vw,2rem))}h3{font-size:max(1.25rem,min(1rem + .7vw,1.5rem))}h4{font-size:max(1.1rem,min(.95rem + .5vw,1.25rem))}p{margin:0 0 var(--space-4,1rem);color:var(--color-text,#1f2937)}small{color:var(--color-muted,#6b7280)}strong{font-weight:700}.text-accent{color:var(--color-accent,#ff6b35)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted,#6b7280);font-size:.75rem;display:inline-block}.mono{letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.headline--code:before{content:"<";color:var(--color-accent,#ff6b35);margin-right:.25rem}.headline--code:after{content:" />";color:var(--color-accent,#ff6b35);margin-left:.25rem}code{background:var(--color-accent-50,#fff4ec);border:1px solid var(--color-accent-100,#ffe4d6);color:var(--color-text,#1f2937);border-radius:6px;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}pre{margin:0}
*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--color-bg,#fff);color:var(--color-text,#1f2937);min-height:100svh;padding-top:var(--header-height,80px);flex-direction:column;margin:0;transition:background-color .25s,color .25s;display:flex}img,svg,video{max-width:100%;height:auto;display:block}main{flex:1 0 auto;display:block}.container{max-width:var(--container-max,1100px);padding-inline:min(5vw,var(--space-6,1.5rem));margin-left:auto;margin-right:auto}.section{padding-block:var(--space-16,4rem)var(--space-12,3rem)}.hero{background:var(--color-surface,#fff);border-bottom:1px solid var(--color-border,#efefef);box-shadow:inset 0 -6px 0 var(--color-accent-50,#fff4ec);padding-block:var(--space-16,4rem)}.hero h2{margin:0 0 var(--space-2,.5rem)}.hero p{max-width:60ch;color:var(--color-muted,#6b7280);margin:0}footer{background:var(--color-bg,#fff);border-top:1px solid var(--color-border,#efefef);margin-top:var(--space-16,4rem);padding:var(--space-6,1.5rem)min(5vw,var(--space-6,1.5rem));color:var(--color-muted,#6b7280);text-align:center}:focus-visible{outline:2px solid var(--color-accent,#ff6b35);outline-offset:2px;border-radius:var(--radius-sm,6px)}::selection{background:var(--color-accent-100,#ffe4d6);color:var(--color-text,#1f2937)}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[id]{scroll-margin-top:calc(var(--header-height,80px) + 12px)}hr{background:var(--color-border,#efefef);height:1px;margin:var(--space-8,2rem)0;border:0}.section--alt{background:var(--color-accent-50,#fff4ec);border-top:1px solid var(--color-border,#efefef);border-bottom:1px solid var(--color-border,#efefef)}.lead{color:var(--color-muted,#6b7280);font-size:1.125rem}footer{background:var(--color-surface)}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.sticky-footer{z-index:40;pointer-events:none;transition:transform .3s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.sticky-footer.is-visible{pointer-events:auto;transform:translateY(0);box-shadow:0 -6px 20px rgba(0,0,0,.08)}
.section-title{margin-bottom:var(--space-6,1.5rem);padding-bottom:.4rem;display:inline-block;position:relative}.section-title:after{content:"";background:var(--color-accent,#ff6b35);border-radius:999px;width:56px;height:3px;position:absolute;bottom:0;left:0}.grid{gap:var(--space-6,1.5rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));display:grid}.card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#efefef);border-radius:var(--radius-md,10px);box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.06));padding:var(--space-6,1.5rem);transition:transform .15s,box-shadow .2s,border-color .2s}.card:hover{border-color:var(--color-accent-100,#ffe4d6);box-shadow:var(--shadow-md,0 2px 10px rgba(0,0,0,.08));transform:translateY(-2px)}.block{background:var(--color-surface,#fff);border:1px solid var(--color-border,#efefef);border-radius:var(--radius-md,10px);padding:var(--space-6,1.5rem);box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.06))}.block--split{align-items:center;gap:var(--space-6,1.5rem);flex-wrap:wrap;display:flex}.block__media{border-radius:var(--radius-md,10px);background:var(--color-accent-50,#fff4ec);border:1px solid var(--color-accent-100,#ffe4d6);flex:0 0 96px;height:96px}.block__content{flex:360px}.feature{align-items:flex-start;gap:var(--space-4,1rem);display:flex}.feature__icon{background:var(--color-accent-50,#fff4ec);border:1px solid var(--color-accent-100,#ffe4d6);border-radius:999px;width:40px;height:40px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px rgba(255,107,53,.08)}.feature__title{margin:0}.cta-bar{justify-content:space-between;align-items:center;gap:var(--space-4,1rem);padding:var(--space-5,1.25rem)var(--space-6,1.5rem);border-radius:var(--radius-md,10px);background:var(--color-accent-50,#fff4ec);border:1px solid var(--color-accent-100,#ffe4d6);display:flex}.dev-hero{background:linear-gradient(180deg,var(--color-surface),var(--color-accent-50,#fff4ec));border-bottom:1px solid var(--color-border,#efefef);padding-block:var(--space-16,4rem);position:relative;overflow:hidden}.dev-hero:before{content:"";background:radial-gradient(closest-side,color-mix(in oklab,var(--color-accent)12%,transparent),transparent 70%);opacity:.35;filter:blur(20px);height:220px;position:absolute;top:-10%;bottom:auto;left:-20%;right:-20%}.dev-hero .headline{letter-spacing:-.02em;font-weight:800}.dev-hero .subheadline{color:var(--color-muted,#6b7280);max-width:70ch}.tech-badges{margin-top:var(--space-4,1rem);flex-wrap:wrap;gap:.5rem;display:flex}.badge{border:1px solid var(--color-accent-100,#ffe4d6);background:var(--color-accent-50,#fff4ec);color:var(--color-accent-700,#c74d25);border-radius:999px;align-items:center;padding:.35rem .6rem;font-size:.9rem;font-weight:600;display:inline-flex}.badge--mono{letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.service-card{gap:var(--space-3,.75rem);flex-direction:column;display:flex}.skill-grid{gap:var(--space-6,1.5rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}.skill-card{gap:var(--space-4,1rem);background:var(--color-surface,#fff);border:1px solid var(--color-border,#efefef);border-radius:var(--radius-md,10px);padding:var(--space-6,1.5rem);box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.06));flex-direction:column;transition:transform .15s,box-shadow .2s,border-color .2s,background-color .2s;display:flex;position:relative}.skill-card:after{content:"";border-top-left-radius:var(--radius-md,10px);border-bottom-left-radius:var(--radius-md,10px);background:0 0;width:4px;transition:background-color .2s;position:absolute;top:0;bottom:0;left:0;right:auto}.skill-card:hover{border-color:var(--color-accent-100,#ffe4d6);box-shadow:var(--shadow-md,0 2px 10px rgba(0,0,0,.08));transform:translateY(-2px)}.skill-card:hover:after{background:var(--color-accent,#ff6b35)}.skill-card:focus-within{border-color:var(--color-accent,#ff6b35);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent,#ff6b35)22%,transparent)}.skill-card__header{align-items:center;gap:var(--space-3,.75rem);display:flex}.skill-card__icon{background:var(--color-accent-50,#fff4ec);border:1px solid var(--color-accent-100,#ffe4d6);border-radius:10px;flex:none;width:36px;height:36px}.skill-card__body{gap:var(--space-3,.75rem);flex-direction:column;display:flex}.skill-card__footer{justify-content:space-between;align-items:center;gap:var(--space-3,.75rem);padding-top:var(--space-4,1rem);border-top:1px solid var(--color-border,#efefef);margin-top:auto;display:flex}.skill-card__title{margin:0 0 var(--space-3,.75rem)}.skill-card__tags{flex-wrap:wrap;gap:.5rem;display:flex}.skill-meter{border:1px solid var(--color-border,#efefef);background:#fff;border-radius:999px;height:8px;overflow:hidden}.skill-meter__bar{height:100%;width:var(--level,70%);background:linear-gradient(90deg,var(--color-accent,#ff6b35),var(--color-accent-700,#c74d25))}.code-block{color:#e5e7eb;border-radius:var(--radius-md,10px);padding:var(--space-6,1.5rem);background:#0b0f14;border:1px solid #1f2937;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.code-block .code-accent{color:#ffb38f}.stats{gap:var(--space-6,1.5rem);margin-top:var(--space-6,1.5rem);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.stat{border:1px solid var(--color-border,#efefef);border-radius:var(--radius-md,10px);padding:var(--space-5,1.25rem);text-align:center;box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.06));background:#fff}.stat .stat__value{color:var(--color-accent-700,#c74d25);font-size:1.5rem;font-weight:800}.stat .stat__label{color:var(--color-muted,#6b7280);font-size:.9rem}.projects-list{gap:var(--space-6,1.5rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));margin:0;padding:0;list-style:none;display:grid}.projects-list>li{background:var(--color-surface,#fff);border:1px solid var(--color-border,#efefef);border-radius:var(--radius-md,10px);padding:var(--space-6,1.5rem);box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.06));transition:transform .15s,box-shadow .2s,border-color .2s}.projects-list>li:hover{border-color:var(--color-accent-100,#ffe4d6);box-shadow:var(--shadow-md,0 2px 10px rgba(0,0,0,.08));transform:translateY(-2px)}.projects-list h3{margin:0 0 var(--space-2,.5rem);font-size:1.125rem}.projects-list p{color:var(--color-muted,#6b7280);margin:0}#services ul{gap:var(--space-6,1.5rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));margin:0;padding:0;list-style:none;display:grid}#services li{background:var(--color-surface,#fff);border:1px solid var(--color-border,#efefef);border-radius:var(--radius-md,10px);padding:var(--space-5,1.25rem)var(--space-6,1.5rem);box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.06));transition:transform .15s,box-shadow .2s,border-color .2s;position:relative}#services li:before{content:"";background:var(--color-accent,#ff6b35);border-top-left-radius:var(--radius-md,10px);border-bottom-left-radius:var(--radius-md,10px);width:4px;position:absolute;top:0;bottom:0;left:0;right:auto}#services li:hover{border-color:var(--color-accent-100,#ffe4d6);box-shadow:var(--shadow-md,0 2px 10px rgba(0,0,0,.08));transform:translateY(-2px)}section>ul>li{background:var(--color-surface,#fff);border:1px solid var(--color-border,#efefef);border-radius:var(--radius-md,10px);padding:var(--space-5,1.25rem)var(--space-6,1.5rem)}section>ul>li+li{margin-top:var(--space-4,1rem)}section>ul>li>h3{margin:0 0 var(--space-3,.75rem)}section>ul>li>ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}section>ul>li>ul>li{background:var(--color-accent-50,#fff4ec);color:var(--color-accent-700,#c74d25);border:1px solid var(--color-accent-100,#ffe4d6);border-radius:999px;padding:.25rem .5rem;font-size:.85rem;font-weight:600}.projects-list>li.project-card{padding:0;overflow:hidden}.project-card__link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.project-card__header{position:relative}.project-card__image{background-position:50%;background-size:cover;background-color:var(--color-accent-50,#fff4ec);width:100%;height:160px}.project-card__image--placeholder{color:var(--color-accent-700,#c74d25);justify-content:center;align-items:center;font-size:1.75rem;font-weight:700;display:flex}.project-card__body{padding:var(--space-5,1.25rem)var(--space-6,1.5rem)}.project-card__body h3{margin:0 0 var(--space-2,.5rem);font-size:1.125rem}.project-card__body p{color:var(--color-muted,#6b7280);margin:0}.project-card__footer{padding:var(--space-4,1rem)var(--space-6,1.5rem)var(--space-5,1.25rem);border-top:1px solid var(--color-border,#efefef);margin-top:auto}
.container--narrow{max-width:820px;margin-left:auto;margin-right:auto}.u-center{place-items:center;display:grid}.u-text-center{text-align:center}.u-muted{color:var(--color-muted,#6b7280)}.flow>*+*{margin-top:var(--space-4,1rem)}.shadow-hover{transition:box-shadow .2s,transform .15s}.shadow-hover:hover{box-shadow:var(--shadow-md,0 2px 10px rgba(0,0,0,.08));transform:translateY(-2px)}.visually-hidden,.sr-only{clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-row{flex-direction:row;display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2,.5rem)}.gap-4{gap:var(--space-4,1rem)}.gap-6{gap:var(--space-6,1.5rem)}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.grid-2{gap:var(--space-6,1.5rem);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-6,1.5rem);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-6,1.5rem);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.stack>*+*{margin-top:var(--space-4,1rem)}.stack-sm>*+*{margin-top:var(--space-3,.75rem)}.stack-lg>*+*{margin-top:var(--space-6,1.5rem)}.mt-0{margin-top:0!important}.mt-4{margin-top:var(--space-4,1rem)!important}.mt-8{margin-top:var(--space-8,2rem)!important}.mb-0{margin-bottom:0!important}.mb-4{margin-bottom:var(--space-4,1rem)!important}.mb-8{margin-bottom:var(--space-8,2rem)!important}.max-w-prose{max-width:65ch}.max-w-wide{max-width:var(--container-max,1100px)}.w-full{width:100%}.btn-group{flex-wrap:wrap;gap:.5rem;display:inline-flex}
label{margin-bottom:var(--space-2,.5rem);font-weight:600;display:block}input[type=text],input[type=email],input[type=url],input[type=tel],input[type=password],input[type=number],select,textarea{background:var(--color-form-surface,var(--color-surface,#fff));width:100%;max-width:640px;color:var(--color-text,#1f2937);border:1px solid var(--color-border-strong,#d1d5db);border-radius:var(--radius-sm,6px);box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.06));outline:none;padding:.625rem .75rem;transition:border-color .2s,box-shadow .2s,background-color .2s}input:hover,select:hover,textarea:hover{border-color:var(--color-accent-100,#ffe4d6);background:color-mix(in oklab,var(--color-surface,#fff)94%,var(--color-accent-50,#fff4ec));box-shadow:var(--shadow-md,0 2px 10px rgba(0,0,0,.08))}textarea{resize:vertical;min-height:140px}input::placeholder,textarea::placeholder{color:var(--color-muted,#6b7280)}input:focus,select:focus,textarea:focus{border-color:var(--color-accent,#ff6b35);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent,#ff6b35)22%,transparent);background:var(--color-form-surface,var(--color-surface,#fff))}button,.button{border-radius:var(--radius-sm,6px);background:var(--color-accent,#ff6b35);color:#fff;cursor:pointer;border:1px solid transparent;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-weight:600;text-decoration:none;transition:transform 50ms,background-color .2s,box-shadow .2s;display:inline-flex}button:hover,.button:hover{background:var(--color-accent-600,#e55a2b);box-shadow:0 6px 14px rgba(255,107,53,.2)}button:active,.button:active{background:var(--color-accent-700,#c74d25);transform:translateY(.5px)}button:focus-visible{outline:2px solid var(--color-accent,#ff6b35);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in oklab,var(--color-accent,#ff6b35)25%,transparent)}.button:focus-visible{outline:2px solid var(--color-accent,#ff6b35);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in oklab,var(--color-accent,#ff6b35)25%,transparent)}button:disabled,.button:disabled{opacity:.6;cursor:not-allowed}.button--elevated{box-shadow:0 8px 18px rgba(255,107,53,.25)}.button--soft{background:var(--color-accent-50,#fff4ec);color:var(--color-accent-700,#c74d25);border:1px solid var(--color-accent-100,#ffe4d6)}.button--soft:hover{background:var(--color-accent-100,#ffe4d6);color:var(--color-accent-700,#c74d25)}.button--pill{border-radius:999px}
.minimalist-pro{background:var(--color-surface);color:var(--color-text);border-bottom:1px solid var(--color-border);z-index:1000;box-sizing:border-box;width:100%;height:var(--header-height,80px);justify-content:space-between;align-items:center;padding:1rem 5%;transition:background-color .25s,color .25s,box-shadow .25s,border-color .25s;display:flex;position:fixed;top:0;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08)}.minimalist-pro.is-top{box-shadow:none;border-bottom-color:transparent}.minimalist-pro .logo{min-width:0;font-size:1.25rem;font-weight:700}.minimalist-pro .name{color:inherit}.minimalist-pro .tagline{color:var(--color-muted);font-size:.85rem;font-weight:400;display:block}.minimalist-pro nav ul{flex-wrap:wrap;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.minimalist-pro nav a{color:inherit;white-space:nowrap;font-weight:600;text-decoration:none;transition:color .2s}.minimalist-pro nav a:hover{color:var(--color-accent)}.minimalist-pro .cta{align-items:center;gap:.75rem;display:inline-flex}.minimalist-pro .button{background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);flex-shrink:0;padding:.55rem 1rem;font-weight:700;text-decoration:none;transition:background-color .2s,box-shadow .2s}.minimalist-pro .button:hover{background:var(--color-accent-600);box-shadow:0 6px 14px rgba(255,107,53,.2)}.theme-toggle__btn{border:1px solid var(--color-border);background:var(--color-surface);width:2.25rem;height:2.25rem;color:var(--color-text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s,transform 50ms;display:inline-flex}.theme-toggle__btn:hover{background:var(--color-accent-50);border-color:var(--color-accent-100)}.theme-toggle__btn:active{transform:translateY(.5px)}@media (max-width:1024px){.minimalist-pro nav ul{gap:1rem}}
a{color:inherit;background-image:linear-gradient(var(--color-accent,#ff6b35),var(--color-accent,#ff6b35));background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px;text-decoration:none;transition:background-size .25s,color .2s,opacity .2s}a:hover{color:var(--color-accent-700,#c74d25);background-size:100% 2px}a:active{opacity:.9}a:focus-visible{outline:2px solid var(--color-accent,#ff6b35);outline-offset:2px;border-radius:var(--radius-sm,6px)}.link-button{color:var(--color-accent,#ff6b35);font-weight:600}