:root{--bg: #ffffff;--bg-elevated: #f5f5f7;--bg-elevated-2: #e8e8ed;--fog: #0071e3;--fog-bright: #0077ed;--fog-dim: rgba(0, 113, 227, .08);--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-muted: #86868b;--border: #e5e5ea;--border-strong: #d2d2d7;--font-heading: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Helvetica Neue", Arial, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", ui-monospace, monospace;--max-width: 1100px;--section-pad: 4rem;--ease: cubic-bezier(.2, .8, .2, 1);--space-2: 1rem;--space-3: 1.5rem;--shadow-soft: 0 16px 34px -18px rgba(32, 28, 22, .45)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html,body{overflow-x:clip;width:100%}body{margin:0;background:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600;letter-spacing:-.02em;line-height:1.1;margin:0;color:var(--text-primary)}p{margin:0;color:var(--text-secondary)}a{color:var(--fog);text-decoration:none;transition:color .2s ease}a:hover{color:var(--fog-bright)}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.section{padding:var(--section-pad) 0}@media(max-width:640px){.container{padding:0 1.25rem}.section{padding:2.5rem 0}}.horizon{border:none;border-top:1px solid var(--border);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.75rem 1.6rem;border-radius:980px;font-family:var(--font-body);font-size:1rem;font-weight:400;cursor:pointer;border:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .3s var(--ease),background .2s ease,color .2s ease,border-color .2s ease}.btn:hover{transform:scale(1.04)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--fog);border:1px solid var(--fog);color:#fff}.btn-primary:hover{background:var(--fog-bright);border-color:var(--fog-bright);color:#fff}.btn-secondary{background:transparent;border:1px solid var(--fog);color:var(--fog)}.btn-secondary:hover{background:var(--fog);color:#fff}.mono-label{font-family:var(--font-body);font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.section-heading{font-size:clamp(2rem,5vw,3.5rem);margin:.75rem 0 1rem;text-align:center}.section-intro{color:var(--text-secondary);font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.35;max-width:640px;margin:0 auto 1.5rem;text-align:center}.section .mono-label{text-align:center}.case-prose{max-width:680px;margin:0 auto}.case-prose p{font-size:1.15rem;line-height:1.65;margin-bottom:1.5rem}.case-prose p:last-child{margin-bottom:0}@keyframes rise{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}@supports (animation-timeline: view()){.section-heading,.section-intro,.work-card,.skills-group,.contact-list,.case-prose,.case-cta{animation:rise linear backwards;animation-timeline:view();animation-range:entry 0% entry 45%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}.hero{position:relative;min-height:92vh;min-height:92svh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-elevated) 100%)}.fog-layer{position:absolute;left:-10%;width:120%;height:240px;border-radius:50%;filter:blur(80px);pointer-events:none}.fog-layer--1{top:6%;background:#0071e31a;animation:drift 34s ease-in-out infinite}.fog-layer--2{top:42%;height:280px;background:#5ac8fa1a;animation:drift 46s ease-in-out infinite reverse}.fog-layer--3{bottom:4%;height:200px;background:#af82ff12;animation:drift 40s ease-in-out infinite}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(4%)}}.hero__content{position:relative;z-index:1;max-width:820px;margin:0 auto}.hero__content>*{animation:rise 1s var(--ease) both}.hero__content>*:nth-child(2){animation-delay:.1s}.hero__content>*:nth-child(3){animation-delay:.2s}.hero__content>*:nth-child(4){animation-delay:.3s}.hero__content>*:nth-child(5){animation-delay:.4s}.hero__eyebrow{margin-bottom:1.25rem}.hero__headline{font-size:clamp(2.75rem,7vw,5.5rem);letter-spacing:-.035em;margin-bottom:1.25rem}.hero__pitch{font-size:clamp(1.15rem,2.2vw,1.6rem);line-height:1.3;color:var(--text-secondary);max-width:620px;margin:0 auto 2.5rem}.hero__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(max-width:640px){.hero{min-height:82vh;min-height:82svh}.hero__actions{flex-direction:column;align-items:stretch;width:100%}.hero__actions .btn{width:100%}.fog-layer{filter:blur(50px)}}@media(max-width:400px){.hero__headline{font-size:2.4rem}.fog-layer--3{display:none}}.work-card{max-width:760px;margin:0 auto;text-align:center}.work-card__preview{border-radius:14px;overflow:hidden;background:var(--bg-elevated);box-shadow:0 30px 60px #00000024,0 0 0 1px var(--border);margin-bottom:2rem;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}.work-card__preview:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 40px 80px #0000002e,0 0 0 1px var(--border)}.work-card__preview-chrome{background:var(--bg-elevated-2);padding:.65rem .9rem;display:flex;align-items:center;gap:.5rem}.work-card__preview-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.work-card__preview-dot--red{background:#ff5f57}.work-card__preview-dot--yellow{background:#febc2e}.work-card__preview-dot--green{background:#28c840}.work-card__preview-url{font-family:var(--font-body);font-size:.72rem;color:var(--text-muted);margin-left:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-card__preview-body{position:relative;padding-top:62.5%;background:var(--bg)}.work-card__preview-frame-wrapper{position:absolute;inset:0;overflow:hidden;--preview-scale: .3}.work-card__preview-frame-wrapper iframe{position:absolute;top:0;left:0;width:calc(100% / var(--preview-scale));height:calc(100% / var(--preview-scale));border:0;transform:scale(var(--preview-scale));transform-origin:top left;z-index:0}.work-card__preview-frame-wrapper:after{content:"";position:absolute;inset:0;z-index:1}.badge{display:inline-block;font-family:var(--font-body);font-size:.75rem;font-weight:600;padding:.3rem .8rem;border-radius:980px;margin-bottom:1rem}.badge--live{background:#34c7591f;color:#248a3d}.badge--dev{background:#ff950024;color:#b25000}.work-card__title{font-size:clamp(1.6rem,3vw,2.25rem);margin-bottom:.75rem}.work-card__summary{margin:0 auto 1.75rem;max-width:560px;font-size:1.1rem}.work-card__actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.skills-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.skills-group{background:var(--bg-elevated);border-radius:24px;padding:2.25rem;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.skills-group:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000014}.skills-group__title{font-family:var(--font-heading);font-size:1.4rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:1rem}.skills-list{list-style:none;margin:0;padding:0}.skills-list li{font-family:var(--font-body);font-size:1rem;padding:.7rem 0;border-bottom:1px solid var(--border-strong);color:var(--text-secondary)}.skills-list li:last-child{border-bottom:none}@media(max-width:640px){.skills-groups{grid-template-columns:1fr}.skills-group{padding:1.75rem}}.contact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.contact-list a{font-size:clamp(1.15rem,2.5vw,1.5rem);display:inline-flex;align-items:center;min-height:44px}.nav-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1.5rem;height:52px;background:#ffffffb8;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08);padding:0 1.25rem}.nav-bar__scroll{display:flex;align-items:center;justify-content:center;gap:1.75rem;overflow-x:auto;flex:1;min-width:0;scrollbar-width:none}.nav-bar__scroll::-webkit-scrollbar{display:none}.nav-bar__link,.lang-toggle__btn{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;font-family:var(--font-body);font-size:.82rem;font-weight:400;color:var(--text-primary);opacity:.8;background:transparent;border:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .2s ease,color .2s ease}.nav-bar__link:hover,.lang-toggle__btn:hover{color:var(--text-primary);opacity:1}.nav-bar__link.is-active{color:var(--text-primary);opacity:1;font-weight:600}.lang-toggle{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%)}@media(max-width:640px){.nav-bar{padding:0 1rem;gap:1rem}.nav-bar__scroll{justify-content:flex-start;padding-right:6rem}.lang-toggle{right:1rem}}.hero__affiliation{margin-top:.5rem;margin-bottom:1.5rem}.hero__affiliation-badge{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-body);font-size:.85rem;color:var(--text-secondary);background:var(--bg);border:1px solid var(--border-strong);border-radius:980px;padding:.35rem .95rem;transition:border-color .2s ease,color .2s ease}.hero__affiliation-badge:hover{border-color:var(--fog);color:var(--fog)}.case-hero{padding:4rem 0 2rem;text-align:center}.case-back{display:inline-block;font-size:.9rem;color:var(--fog);margin-bottom:1.5rem}.case-hero__eyebrow{margin-bottom:.75rem}.case-hero__title{font-size:clamp(2.25rem,6vw,4rem);letter-spacing:-.03em;margin-bottom:1rem}.case-hero__summary{font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.35;max-width:640px;margin:0 auto}.case-preview{padding-top:2.5rem}.case-preview .work-card__preview{max-width:760px;margin:0 auto 2rem}.case-preview__actions{display:flex;justify-content:center}.case-section--alt{background:var(--bg-elevated)}.case-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(max-width:640px){.case-cta{flex-direction:column;align-items:stretch}.case-cta .btn{width:100%}}.contact-fab{position:fixed;right:var(--space-2);bottom:var(--space-2);z-index:60;display:flex;align-items:center;gap:.5rem;background:var(--fog);color:#fff;font-family:var(--font-body);font-weight:800;font-size:.85rem;padding:.75rem 1.1rem;border-radius:999px;box-shadow:var(--shadow-soft);transition:transform .15s ease}.contact-fab:hover{transform:translateY(-2px)}.contact-fab__icon{width:20px;height:20px;flex-shrink:0}@media(min-width:640px){.contact-fab{right:var(--space-3);bottom:var(--space-3)}}.section-intro:last-child{margin-bottom:0}.included-list{list-style:none;max-width:680px;margin:0 auto;padding:2.25rem;background:var(--bg-elevated);border-radius:24px}.included-list li{position:relative;padding:.7rem 0 .7rem 1.75rem;border-bottom:1px solid var(--border-strong);color:var(--text-secondary)}.included-list li:last-child{border-bottom:none}.included-list li:before{content:"\2713";position:absolute;left:0;color:var(--fog);font-weight:600}@media(max-width:640px){.included-list{padding:1.75rem}}.recruiter-card{max-width:680px;margin:0 auto}.case-prose h3{font-size:clamp(1.35rem,2.5vw,1.75rem);margin:2.5rem 0 .75rem}.case-prose ul{margin:0 0 1.5rem;padding-left:1.25rem;font-size:1.15rem;line-height:1.65;color:var(--text-secondary)}.case-prose li{margin-bottom:.4rem}.case-prose p code,.case-prose li code{font-family:var(--font-mono);font-size:.88em;background:var(--bg-elevated);color:var(--fog);padding:.12em .4em;border-radius:6px}.case-section--alt .case-prose p code,.case-section--alt .case-prose li code{background:var(--bg)}.code-block{margin:2rem 0;background:#1d1d1f;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #00000024}.code-block__header{display:flex;align-items:center;gap:.5rem;background:#2c2c2e;padding:.65rem .9rem}.code-block__lang{margin-left:.4rem;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.code-block pre{margin:0;padding:1.1rem 1.25rem;overflow-x:auto}.code-block code{font-family:var(--font-mono);font-size:.85rem;line-height:1.65;color:#f5f5f7;white-space:pre;tab-size:2}.code-block figcaption{padding:0 1.25rem 1rem;font-size:.8rem;color:var(--text-muted)}.blog-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;max-width:900px;margin:0 auto}.blog-card{display:flex;flex-direction:column;background:var(--bg-elevated);border-radius:24px;padding:2.25rem;color:inherit;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.blog-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000014;color:inherit}.blog-card .mono-label{margin-bottom:.75rem}.blog-card h3{font-size:1.5rem;margin-bottom:.75rem}.blog-card p{flex:1}.blog-card__more{margin-top:1.25rem;font-weight:500;color:var(--fog)}@media(max-width:640px){.blog-card{padding:1.75rem}}@supports (animation-timeline: view()){.blog-card,.code-block{animation:rise linear backwards;animation-timeline:view();animation-range:entry 0% entry 45%}}.case-back-row{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:1.5rem}.case-back-row .case-back{margin-bottom:0}