.project-showcase{display:flex;gap:var(--space-2xl);align-items:center}.project-showcase-reverse{flex-direction:row-reverse}.device-mockup{flex:1 1 50%;min-width:0}.device-mobile{display:flex;flex-direction:column;align-items:center}.project-description{flex:1 1 50%;display:flex;flex-direction:column;gap:var(--space-md)}.project-description-title{font-size:var(--font-size-title-s);font-weight:700;color:var(--ink);letter-spacing:-.025em}.project-description-text{font-size:var(--font-size-description-m);line-height:1.8;color:var(--ink-soft)}.project-visit-link{text-decoration:none}.project-visit-link button{display:flex;align-items:center;gap:var(--space-sm)}.browser-frame{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-xl);background-color:var(--surface-raised)}.browser-bar{display:flex;align-items:center;gap:var(--space-sm);padding:12px 16px;background-color:var(--surface-sunken);border-bottom:1px solid var(--border)}.browser-dots{display:flex;gap:6px;flex-shrink:0}.browser-dots span{width:10px;height:10px;border-radius:50%}.browser-dots span:first-child{background-color:#ff5f57}.browser-dots span:nth-child(2){background-color:#febc2e}.browser-dots span:nth-child(3){background-color:#28c840}.browser-url{flex:1;display:flex;align-items:center;gap:6px;background-color:var(--surface-raised);padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;color:var(--ink-muted);overflow:hidden}.browser-url svg{font-size:10px;color:var(--color-blue);flex-shrink:0}.browser-url span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-content{aspect-ratio:16/9;background-color:var(--surface-sunken);position:relative;overflow:hidden}.browser-content .screenshot-image{width:100%!important;height:100%!important;object-fit:cover;position:absolute!important;inset:0}.device-mobile .phone-frame,.device-mobile .sidebar-frame{width:100%;max-width:350px}.phone-frame{border-radius:36px;overflow:hidden;border:6px solid var(--ink);box-shadow:var(--shadow-xl)}.phone-frame,.phone-notch{background-color:var(--ink);position:relative}.phone-notch{width:120px;height:28px;border-radius:0 0 16px 16px;margin:0 auto;z-index:1}.phone-content{aspect-ratio:9/19;background-color:var(--surface-sunken);position:relative;overflow:hidden;margin-top:-14px}.phone-content .screenshot-image{width:100%!important;height:100%!important;object-fit:cover;position:absolute!important;inset:0}.phone-home-bar{width:100px;height:4px;background-color:var(--ink-muted);border-radius:2px;margin:8px auto}.sidebar-frame{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-xl);background-color:var(--surface-sunken);aspect-ratio:9/16;min-height:300px;position:relative}.sidebar-frame .screenshot-image{width:100%!important;height:100%!important;object-fit:cover;position:absolute!important;inset:0}.project-highlight{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.project-highlight-title{font-size:var(--font-size-title-s);font-weight:700;color:var(--ink);letter-spacing:-.025em}.project-highlight-text{font-size:var(--font-size-description-l);line-height:1.8;color:var(--ink-soft)}.project-tasks-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.project-tasks-title{font-size:var(--font-size-title-s);font-weight:700;text-align:center;color:var(--ink);letter-spacing:-.025em}.project-tasks{display:flex;gap:var(--space-lg);width:100%}.project-task-card{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xl) var(--space-lg);gap:var(--space-md);border-radius:var(--radius-lg);background-color:var(--surface-raised);border:1px solid var(--border);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.project-task-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.project-task-icon{width:56px;height:56px;border-radius:var(--radius-md);background-color:var(--color-orange-light);display:flex;align-items:center;justify-content:center;color:var(--color-orange);font-size:1.3rem;flex-shrink:0}.project-task-content{display:flex;flex-direction:column;gap:var(--space-sm)}.project-task-card-title{font-size:var(--font-size-description-l);font-weight:700;color:var(--ink)}.project-task-card-text{font-size:var(--font-size-description-s);line-height:1.7;color:var(--ink-muted)}.project-page-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.project-page-section-title{font-size:var(--font-size-title-s);font-weight:700;text-align:center;color:var(--ink);letter-spacing:-.025em}.project-page-services{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.project-page-service-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background-color:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--font-size-description-m);font-weight:500;color:var(--ink);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.project-page-service-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-page-service-icon{width:36px;height:36px;border-radius:var(--radius-md);background-color:var(--color-orange-light);align-items:center;color:var(--color-orange);font-size:.9rem;flex-shrink:0}.project-page-cta-container,.project-page-service-icon{display:flex;justify-content:center}@media (max-width:1024px){.project-showcase,.project-showcase-reverse{flex-direction:column;gap:var(--space-xl)}}@media (max-width:768px){.project-page-services,.project-tasks{flex-direction:column}}