/* Clear, readable introduction for business owners. */
.navigation-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body.page-loading:before{content:'';position:fixed;z-index:100;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,#273bd8,#a4b3ff,#273bd8);background-size:200% 100%;animation:navigation-progress 1s linear infinite}
@keyframes navigation-progress{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){body.page-loading:before{animation:none}}
.hero-reassurance{font-size:.82rem;margin:15px 0 0;color:#586477;max-width:440px}
.business-overview{background:#f1f4fc;border:1px solid #dce3f3;border-radius:16px;padding:34px;box-shadow:0 20px 45px #20345d09;min-width:0}
.business-overview>.eyebrow{color:#4258a4;font-size:.7rem;letter-spacing:.1em}
.business-overview h2{font-size:1.9rem;line-height:1.2;margin-bottom:27px}
.business-task{display:flex;gap:15px;align-items:flex-start;padding:19px 0;border-top:1px solid #dce3f0}
.task-icon{width:38px;height:38px;border:1px solid #dce3f3;display:grid;place-items:center;background:white;color:#354bbb;border-radius:10px;flex-shrink:0}
.business-task h3{font-size:1rem;letter-spacing:-.015em;line-height:1.4;margin:0 0 5px}
.business-task p{font-size:.88rem;line-height:1.6;margin:0;color:#5d6b82}
.overview-bottom{display:flex;align-items:center;gap:10px;background:white;border:1px solid #dee5f3;padding:12px 15px;margin-top:7px;border-radius:7px;font-size:.8rem;color:#374b78}
.overview-bottom .icon{color:#338267;width:18px}.overview-caption{font-size:.72rem;margin:15px 0 0;color:#667389}
.contact-whatsapp{font-size:.85rem;margin-bottom:25px;white-space:normal}.hero+.section{padding-top:40px}.tech-strip{margin-bottom:60px}
@media(max-width:1000px){.business-overview{padding:25px}.business-overview h2{font-size:1.65rem}.business-task{gap:10px}.nav-wrap nav{gap:18px}}
@media(max-width:680px){.business-overview{padding:26px 23px;border-radius:12px}.business-overview h2{font-size:1.8rem}.business-task{gap:14px}.business-task h3{font-size:1rem}.business-task p{font-size:.9rem}.hero-reassurance{font-size:.8rem}.hero-proof{align-items:flex-start}.hero .hero-proof strong{font-size:.75rem}.hero .hero-proof span{font-size:.72rem}.hero+.section{padding-top:30px}}
/* Give a single completed project the full feature area. */
.project-preview { background: #fff8ec; display: flex; align-items: center; aspect-ratio: 16 / 10; overflow: hidden; }
.project-preview img { display: block; width: 100%; height: auto; }
.case-hero .project-preview { aspect-ratio: auto; }
.project-grid > .project-card:only-child { grid-column: 1 / -1; }
@media (min-width: 900px) {
  .project-grid > .project-card:only-child { display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
}

.hero-proof .mini-portrait img { filter: none; }

/* Compact header, with the mobile menu aligned to its lower edge. */
.about-profile { grid-template-columns: .9fr 1.1fr; gap: clamp(36px, 5vw, 72px); }
.about-profile .prose h2 { font-size: clamp(1.7rem, 2.5vw, 2.3rem); }
@media (max-width: 850px) {
  .about-profile { grid-template-columns: 1fr; gap: 32px; }
}
.site-header .nav-wrap { height: 76px; }
.site-header .monogram { width: 38px; height: 38px; font-size: 32px; border-radius: 10px; }
.site-header .nav-cta { min-height: 40px; padding: 9px 17px; }
@media (min-width: 681px) {
  .site-header .nav-wrap nav a { padding-block: 24px; }
  .site-header .nav-wrap nav a[aria-current]:after { bottom: 13px; }
}
@media (max-width: 850px) {
  .site-header .nav-wrap { height: 68px; }
  .site-header .monogram { width: 35px; height: 35px; font-size: 30px; }
}
@media (max-width: 680px) {
  .site-header .nav-wrap { height: 64px; }
  .site-header .nav-wrap nav { top: 64px; }
  .site-header .nav-cta { min-height: 38px; padding: 8px 11px; }
}