.hero{min-height:40vh;padding:var(--space-16)0;align-items:center;display:flex;position:relative;overflow:hidden}.hero__content{z-index:1;max-width:640px;position:relative}.hero__label{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-olive);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-6);font-weight:500;display:inline-flex}.hero__label-line{background:var(--color-olive);width:24px;height:1px}.hero__title{letter-spacing:-.03em;margin-bottom:var(--space-6);font-size:clamp(3rem,8vw,6rem);font-weight:400;line-height:1.05}.hero__title-accent{color:var(--color-olive);font-style:italic}.hero__subtitle{font-size:var(--text-lg);color:var(--color-gray);margin-bottom:var(--space-10);line-height:1.7}.hero__cta{gap:var(--space-4);display:flex}.btn{align-items:center;gap:var(--space-2);padding:var(--space-4)var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);border:none;border-radius:8px;font-weight:600;text-decoration:none;display:inline-flex}.btn--primary{background:var(--color-olive);color:#fff}.btn--primary:hover{background:var(--color-olive-dark);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--primary svg{transition:transform var(--transition-fast)}.btn--primary:hover svg{transform:translate(4px)}.hero__decoration{pointer-events:none;position:absolute;inset:0}.hero__circle{border:1px solid var(--color-border);border-radius:50%;position:absolute}.hero__circle--1{opacity:.5;width:400px;height:400px;top:50%;right:-100px;transform:translateY(-50%)}.hero__circle--2{opacity:.3;width:600px;height:600px;top:50%;right:-200px;transform:translateY(-50%)}.hero__line{background:linear-gradient(to right,transparent,var(--color-saffron),transparent);opacity:.4;height:1px;position:absolute}.hero__line--1{width:200px;top:30%;right:10%;transform:rotate(-15deg)}.hero__line--2{width:150px;bottom:25%;right:20%;transform:rotate(10deg)}.projects{padding:var(--space-24)0;background:linear-gradient(180deg,var(--color-cream)0%,var(--color-cream-dark)100%)}.section-header{margin-bottom:var(--space-12)}.section-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-light);margin-bottom:var(--space-2);font-weight:600;display:block}.section-title{font-size:var(--text-4xl)}.project-card{gap:var(--space-12);padding:var(--space-10);box-shadow:var(--shadow-lg);background:#fff;border-radius:24px;grid-template-columns:1fr 1fr;align-items:center;display:grid}.project-card__visual{justify-content:center;align-items:center;display:flex}.project-card__mockup{position:relative}.phone-frame{background:var(--color-charcoal);border-radius:36px;width:220px;height:440px;padding:12px;box-shadow:0 20px 60px #00000026,inset 0 0 0 2px #ffffff1a}.phone-screen{background:#faf8f3;border-radius:28px;width:100%;height:100%;overflow:hidden}.app-preview{height:100%;padding:var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.app-preview__header{align-items:center;gap:var(--space-2);letter-spacing:.15em;color:var(--color-gray);margin-bottom:var(--space-8);font-size:10px;font-weight:600;display:flex}.app-preview__header .wave-icon{color:var(--color-teal);width:16px;height:8px}.app-preview__icon{width:80px;height:80px;margin-bottom:var(--space-4);color:var(--color-teal);background:linear-gradient(135deg,#2c5f5d1a,#c4a35a1a);border-radius:50%;justify-content:center;align-items:center;display:flex}.app-preview__title{font-family:var(--font-display);color:var(--color-charcoal);margin-bottom:var(--space-2);font-size:28px;font-weight:700}.app-preview__text{color:var(--color-gray);font-size:12px;line-height:1.5}.project-card__content{gap:var(--space-4);flex-direction:column;display:flex}.project-card__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag{padding:var(--space-1)var(--space-3);font-size:var(--text-xs);background:var(--color-cream);color:var(--color-gray);border-radius:100px;font-weight:500;display:inline-flex}.project-card__title{font-size:var(--text-2xl);color:var(--color-charcoal)}.project-card__description{font-size:var(--text-base);color:var(--color-gray);line-height:1.7}.project-card__features{gap:var(--space-3);margin:var(--space-4)0;flex-direction:column;list-style:none;display:flex}.project-card__features li{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-charcoal-light);display:flex}.project-card__features svg{color:var(--color-olive);flex-shrink:0}.project-card__link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-olive);margin-top:var(--space-2);font-weight:600;display:inline-flex}.project-card__link:hover{color:var(--color-olive-dark)}.project-card__link svg{transition:transform var(--transition-fast)}.project-card__link:hover svg{transform:translate(4px)}.philosophy{padding:var(--space-32)0;text-align:center}.philosophy__quote{position:relative}.philosophy__quote p{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-charcoal);max-width:none;font-style:italic;font-weight:400;line-height:1.3}.philosophy__quote-mark{color:var(--color-saffron)}@media (max-width:968px){.project-card{gap:var(--space-8);grid-template-columns:1fr}.project-card__visual{order:-1}.phone-frame{border-radius:28px;width:180px;height:360px;padding:10px}.phone-screen{border-radius:22px}}@media (max-width:768px){.hero{min-height:auto;padding:var(--space-16)0}.hero__decoration{display:none}.philosophy__quote p{font-size:var(--text-3xl)}}@media (max-width:480px){.project-card{padding:var(--space-6)}.philosophy__quote p{font-size:var(--text-2xl)}}