.developer-page{--developer-gap:28px;color:var(--color-text)}.developer-page section[id]{scroll-margin-top:165px}.developer-hero{background:var(--color-primary-tint-soft);border-bottom:1px solid var(--color-border);padding:56px 0 48px}.developer-hero-grid{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:56px;display:grid}.developer-intro .section-eyebrow{margin-bottom:16px}.developer-intro h1{max-width:750px;margin:0 0 24px;font-size:clamp(2.1rem,3.7vw,3.25rem);line-height:1.15}.developer-lead{max-width:740px;color:var(--color-text);margin-bottom:28px;font-size:1.03rem;line-height:1.85}.developer-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.developer-actions a{gap:10px}.developer-highlights{border-top:1px solid var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:32px;padding-top:24px;display:grid}.developer-highlights>div{align-items:start;gap:10px;font-size:.88rem;font-weight:600;line-height:1.5;display:flex}.developer-highlights i{color:var(--color-primary-text);flex-shrink:0}.developer-profile-card{background:var(--color-white);border:1px solid var(--color-border);box-shadow:0 12px 36px rgba(var(--color-dark-rgb),.055);border-radius:20px;padding:24px}.developer-profile-identity{text-align:center}.developer-portrait{aspect-ratio:1;object-fit:contain;border-radius:16px;width:224px;max-width:100%;height:auto;margin:0 auto 16px;display:block}.developer-profile-name{color:var(--color-dark);margin:0 0 4px;font-size:1.1rem;font-weight:700;line-height:1.4}.developer-profile-role{color:var(--color-muted);margin:0;font-size:.8rem}.developer-profile-card h2{border-top:1px solid var(--color-border);margin:24px 0 16px;padding-top:20px;font-size:.94rem;font-weight:700;line-height:1.5}.developer-checklist{gap:14px;margin:0;padding:0;list-style:none;display:grid}.developer-checklist li{align-items:start;gap:10px;font-size:.94rem;line-height:1.65;display:flex}.developer-checklist i{color:var(--color-primary-text);flex-shrink:0}.developer-profile-card .developer-checklist{gap:10px}.developer-profile-card .developer-checklist li{font-size:.81rem}.developer-profile-links{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:12px;margin-top:20px;padding-top:16px;display:flex}.developer-profile-links a{border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-primary-text);border-radius:12px;justify-content:center;align-items:center;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.developer-profile-links a:hover{color:var(--color-primary-text-hover);background:var(--color-primary-tint-soft);border-color:var(--color-primary-text)}.developer-profile-links a:focus-visible{outline:2px solid var(--color-primary-text);outline-offset:3px}.developer-profile-links i{font-size:1.25rem;line-height:1}.developer-section{padding:72px 0}.developer-section-muted{background:var(--color-surface);border-block:1px solid var(--color-border)}.developer-section-heading{max-width:780px;margin-bottom:32px}.developer-section-heading .section-eyebrow{margin-bottom:10px}.developer-section-heading h2,.developer-overview-copy h2,.developer-fullstack-grid h2{margin:8px 0 20px;font-size:clamp(1.7rem,2.6vw,2.35rem);line-height:1.25}.developer-section-heading p{margin:0}.developer-overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:56px;display:grid}.developer-overview-copy p{margin-bottom:20px}.developer-overview-copy p:last-child{margin-bottom:0}.developer-side-stack{gap:24px;display:grid}.developer-panel{border:1px solid var(--color-border);background:var(--color-white);border-radius:16px;padding:28px}.developer-panel h3{color:var(--color-dark);margin:0 0 20px;font-size:1.15rem;font-weight:700;line-height:1.4}.developer-banner{border:1px solid var(--color-border);border-radius:16px;margin:0;overflow:hidden}.developer-banner img{width:100%;height:auto;display:block}.developer-skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.developer-skill{border:1px solid var(--color-border);background:var(--color-white);border-radius:16px;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:20px;padding:26px;display:grid}.developer-skill-icon{width:48px;height:48px;color:var(--color-primary-text);background:var(--color-primary-tint);border-radius:12px;place-items:center;font-size:1.3rem;display:grid}.developer-skill h3{color:var(--color-dark);margin:2px 0 10px;font-size:1.08rem;font-weight:700;line-height:1.4}.developer-skill p{color:var(--color-text-soft);margin:0;font-size:.92rem;line-height:1.75}.developer-experience-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px;display:grid}.developer-experience{border:1px solid var(--color-border);border-top:3px solid var(--color-primary);background:var(--color-white);border-radius:16px;padding:28px}.developer-period{color:var(--color-primary-text);margin:0 0 14px;font-size:.81rem;font-weight:650}.developer-experience h3{color:var(--color-dark);margin:0 0 10px;font-size:1.2rem;font-weight:700}.developer-company{margin:0 0 6px;font-weight:650}.developer-location{color:var(--color-muted);margin:0 0 20px;font-size:.86rem}.developer-experience .body-text{margin:0;font-size:.94rem}.developer-project-group+.developer-project-group{border-top:1px solid var(--color-border);margin-top:48px;padding-top:40px}.developer-project-group>h3{color:var(--color-dark);margin:0 0 24px;font-size:1.2rem;font-weight:700}.developer-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.developer-project{background:var(--color-white);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;min-width:0;transition:border-color .18s,transform .18s;display:flex;overflow:hidden}.developer-project:hover{border-color:var(--color-primary);transform:translateY(-3px)}.developer-project-image{aspect-ratio:16/10;background:var(--color-surface-muted);position:relative;overflow:hidden}.developer-project-image img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.developer-project-body{flex-direction:column;flex:1;padding:22px;display:flex}.developer-project h4{color:var(--color-dark);margin:0 0 10px;font-size:1.25rem;font-weight:700;line-height:1.4}.developer-project-category{color:var(--color-primary-text);margin:0 0 8px;font-size:.78rem;font-weight:600;line-height:1.5}.developer-project-technology{color:var(--color-muted);border-block:1px solid var(--color-border);margin:0 0 12px;padding:10px 0;font-size:.76rem;line-height:1.6}.developer-project-description{color:var(--color-text-soft);margin-bottom:18px;font-size:.88rem;line-height:1.75}.developer-project-links{flex-direction:column;align-items:start;gap:8px;margin-top:auto;display:flex}.developer-project-links a{color:var(--color-primary-text);padding-block:3px;font-size:.79rem;font-weight:600;line-height:1.6;text-decoration:none}.developer-project-links a:hover{text-underline-offset:3px;color:var(--color-primary-text-hover);text-decoration:underline}.developer-case-link{align-items:center;gap:8px;display:inline-flex}.developer-artwork-label{color:var(--color-muted);margin-bottom:8px;font-size:.68rem}.developer-fullstack-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:48px;display:grid}.developer-service-links{flex-wrap:wrap;gap:14px 24px;margin-top:24px;display:flex}.developer-service-links a{font-size:.89rem}.developer-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.developer-benefit{background:var(--color-white);border:1px solid var(--color-border);border-radius:16px;padding:24px}.developer-benefit>i{color:var(--color-primary-text);margin-bottom:14px;font-size:1.35rem;display:inline-block}.developer-benefit h3{color:var(--color-dark);margin:0 0 12px;font-size:1.04rem;font-weight:700;line-height:1.5}.developer-benefit p{color:var(--color-text-soft);margin:0;font-size:.92rem;line-height:1.75}.developer-process-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.developer-process-step{border-top:1px solid var(--color-border-strong);padding-top:20px}.developer-step-number{width:38px;height:38px;color:var(--color-primary-text);background:var(--color-primary-tint);border-radius:10px;place-items:center;margin-bottom:18px;font:600 .84rem ui-monospace,monospace;display:inline-grid}.developer-process-step h3{color:var(--color-dark);margin-bottom:12px;font-size:1rem;font-weight:700;line-height:1.5}.developer-process-step p{color:var(--color-text-soft);margin:0;font-size:.9rem;line-height:1.75}.developer-faq-layout{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:48px;display:grid}.developer-faq-list{gap:12px;display:grid}.developer-faq{background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.developer-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:20px 24px;list-style:none;display:flex}.developer-faq summary::-webkit-details-marker{display:none}.developer-faq summary h3{color:var(--color-dark);margin:0;font-size:.98rem;font-weight:650;line-height:1.6}.developer-faq summary>i{color:var(--color-primary-text);flex-shrink:0;transition:transform .18s}.developer-faq[open]{border-color:rgba(var(--color-primary-rgb),.4)}.developer-faq[open] summary>i{transform:rotate(45deg)}.developer-faq>p{color:var(--color-text-soft);margin:0;padding:0 24px 24px;font-size:.94rem;line-height:1.8}.developer-cta{text-align:left}.developer-cta .cta-content{grid-template-columns:minmax(0,1fr) auto;column-gap:36px;display:grid}.developer-cta h2{grid-column:1;max-width:680px}.developer-cta p{grid-column:1;max-width:740px;margin:0;font-size:.98rem}.developer-cta .developer-actions{flex-direction:column;grid-area:1/2/3;justify-content:center;align-items:stretch;margin:0}.developer-page a:focus-visible,.developer-page summary:focus-visible{outline:3px solid var(--color-primary-text);outline-offset:4px}@media (width<=1199px){.developer-hero-grid{grid-template-columns:minmax(0,1fr) 320px;gap:32px}.developer-overview-grid{gap:32px}.developer-project-grid,.developer-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=991px){.developer-hero-grid{grid-template-columns:minmax(0,1fr) 300px;gap:24px}.developer-intro h1{font-size:2.15rem}.developer-lead{font-size:.95rem;line-height:1.8}.developer-overview-grid{grid-template-columns:1fr}.developer-side-stack{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.developer-faq-layout{grid-template-columns:1fr;gap:12px}.developer-cta .cta-content{grid-template-columns:1fr}.developer-cta .developer-actions{flex-flow:wrap;grid-area:auto/1;justify-content:start;margin-top:24px}.developer-section{padding:56px 0}}@media (width<=767px){.developer-hero{padding:36px 0}.developer-hero-grid,.developer-skills-grid,.developer-experience-grid,.developer-side-stack,.developer-fullstack-grid,.developer-benefits-grid{grid-template-columns:1fr}.developer-hero-grid{gap:28px}.developer-intro h1{font-size:clamp(2rem,7.8vw,2.6rem)}.developer-highlights{gap:16px}.developer-profile-identity{text-align:left;align-items:center;gap:16px;display:flex}.developer-portrait{flex-shrink:0;width:96px;margin:0}.developer-profile-card h2{margin-top:20px}.developer-profile-card .developer-checklist li{font-size:.88rem}.developer-profile-links{gap:12px}.developer-section{padding:44px 0}.developer-section-heading{margin-bottom:28px}.developer-skill{grid-template-columns:40px minmax(0,1fr);gap:16px;padding:20px}.developer-skill-icon{width:40px;height:40px}.developer-overview-grid,.developer-fullstack-grid{gap:28px}.developer-panel,.developer-experience,.developer-benefit{padding:22px}.developer-project-group+.developer-project-group{margin-top:36px;padding-top:32px}.developer-project-grid{grid-template-columns:1fr;gap:24px}.developer-project-image{aspect-ratio:16/9}.developer-process-grid{gap:24px}.developer-faq summary{padding:18px 20px}.developer-faq>p{padding-inline:20px}}@media (width<=374px){.developer-highlights,.developer-process-grid{grid-template-columns:1fr}.developer-profile-card{padding:20px}.developer-portrait{width:80px}.developer-profile-name{font-size:1rem}.developer-actions a{width:100%}}@media (prefers-reduced-motion:reduce){.developer-project,.developer-faq summary>i{transition:none}.developer-project:hover{transform:none}}
