/* ══════════════════════════════
   DESKTOP — 1280px+
══════════════════════════════ */

/* Nav */
nav { padding: 0 7vw; height: 56px; }
.nav-links { gap: 2.2rem; }
.nav-cta { font-size: 13px; padding: 8px 22px; }

/* Hero */
.hero-left { padding: 8vw 5vw 8vw 7vw; }
.hero-right { padding: 7vw 6vw; }

h1 { font-size: clamp(3rem, 5.5vw, 5.8rem); }
h2 { font-size: clamp(2.2rem, 4vw, 4rem); }

.hero-sub { font-size: 1.05rem; max-width: 420px; margin: 1.8rem 0 2.8rem; }
.hero-hint { font-size: 0.9rem; margin-bottom: 2.2rem; }

.slides-wrap { min-height: 260px; }
.slide blockquote { font-size: clamp(1.4rem, 2.4vw, 2.3rem); margin-bottom: 2rem; }
.slide-num { font-size: 3rem; }
.slide-metric { margin-bottom: 2rem; }

/* Services */
.services-top { gap: 4vw; margin-bottom: 4rem; }
.services-grid { border-radius: var(--rlg); }
.service-card { padding: 2.5rem 1.8rem; }
.service-num { font-size: 3rem; margin-bottom: 1.8rem; }
.service-title { font-size: 1.25rem; }

/* Projects */
.projects-top { gap: 4vw; margin-bottom: 4rem; }
.proj-title { font-size: 1.5rem; }
.proj.featured .proj-title { font-size: 2.2rem; }
.proj-featured-content { padding: 2.5rem; }
.proj.featured > .proj-featured-inner { min-height: 380px; }
.proj-featured-img { min-height: 320px; }

/* Process */
.process-grid { margin-top: 4rem; }
.step { padding: 2.5rem 1.8rem; }
.step-conn { right: -12px; width: 24px; height: 24px; }

/* Stack */
.stack-layout { gap: 6vw; margin-top: 3.5rem; }
.stack-cats { display: grid; grid-template-columns: repeat(3, 1fr); }
.stack-cat { padding: 1.75rem 1.5rem; }

/* About */
.about-layout { gap: 5vw; max-width: 1100px; }
.about-img { max-width: none; flex: 0 0 280px; align-self: stretch; }
.about-body { font-size: 1rem; margin: 1.5rem 0 2.2rem; }

/* CTA */
.cta-section { padding: 110px 7vw; }
.cta-section h2 { font-size: clamp(2.8rem, 5.5vw, 5.5rem); }
.cta-sub { font-size: 1.05rem; margin: 1.2rem auto 3rem; }

/* Footer */
footer { padding: 1.5rem 7vw; }

/* Section padding */
section { padding: 100px 7vw; }

/* Section lead max-width */
.section-lead { max-width: 480px; }

/* Uxialab */
.uxialab-content { padding: 3rem 3.5rem; }
.uxialab-title { font-size: 2rem; }
.uxialab-img { min-height: 300px; }