.intro-showcase { padding:6rem 0; scroll-margin-top:7rem; }
.intro-showcase-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:4rem; }
.intro-eyebrow { color:#087e93; font-size:1.05rem; font-weight:750; margin-bottom:1.5rem; }
.intro-showcase h2 { font-size:clamp(2.5rem,4.1vw,4.25rem); line-height:1.14; font-weight:800; letter-spacing:-.045em; color:#172f49; margin:0; }
.intro-showcase h2 span { color:#c41565; }
.intro-showcase-lead { font-size:1.3rem; line-height:1.75; color:#354c6a; margin:1.75rem 0 1rem; }
.intro-showcase-detail { font-size:1.1rem; line-height:1.85; color:#526274; }
.intro-expertise { display:flex; flex-wrap:wrap; gap:.8rem 1.3rem; padding:1.5rem 0; margin-top:1rem; border-block:1px solid #dbe2e7; list-style:none; }
.intro-expertise li { display:flex; align-items:center; gap:.65rem; color:#354c6a; font-size:1rem; font-weight:650; }
.intro-expertise i { color:#087e93; }
.intro-showcase-actions { display:flex; align-items:center; flex-wrap:wrap; gap:1.5rem; margin-top:2rem; }
.intro-showcase-actions a { font-size:1.05rem; font-weight:700; text-decoration:none; }
.intro-primary { padding:1rem 1.4rem; background:#c41565; color:#fff; border-radius:.7rem; display:flex; gap:1.5rem; }
.intro-primary:hover { background:#a71054; }
.intro-secondary { color:#172f49; border-bottom:1px solid #9dadbb; padding:.5rem 0; }
.intro-workboard { padding:1.5rem; background:#354c6a; border-radius:1.5rem; box-shadow:0 22px 45px -28px #172f4970; }
.intro-workboard-top { display:flex; align-items:center; gap:.7rem; font-size:1rem; color:#fff; margin-bottom:1.3rem; }
.intro-workboard-dot { width:.6rem; height:.6rem; background:#a6e8f2; border-radius:50%; }
.intro-primary-project { margin:0; border-radius:1rem; overflow:hidden; background:#fff; }
.intro-screen { padding:.8rem; background:#e8edf1; }
.intro-screen img { width:100%; height:auto; aspect-ratio:1.6; object-fit:contain; background:#fff; border-radius:.35rem; }
.intro-primary-project figcaption { padding:1.4rem; }
.intro-primary-project h3 { font-size:1.4rem; line-height:1.35; color:#172f49; font-weight:750; }
.intro-primary-project p { color:#526274; font-size:1rem; line-height:1.65; margin-top:.5rem; }
.intro-secondary-project { display:flex; align-items:center; gap:1rem; margin-top:1.25rem; color:#fff; text-decoration:none; }
.intro-secondary-project img { width:34%; height:auto; aspect-ratio:1.5; object-fit:contain; background:#fff; border-radius:.6rem; }
.intro-secondary-project strong { display:block; font-size:1.15rem; line-height:1.45; margin-bottom:.6rem; }
.intro-secondary-project > span > span { color:#b0eaf3; font-size:1rem; }
.intro-showcase a:focus-visible { outline:3px solid #087e93; outline-offset:5px; }
html[dir="rtl"] .intro-showcase { direction:rtl; text-align:right; }
html[dir="rtl"] .intro-showcase h2 { line-height:1.5; letter-spacing:0; }
@media(max-width:1000px){ .intro-showcase-grid { gap:2.5rem; grid-template-columns:1fr; } .intro-workboard { max-width:46rem; width:100%; } }
@media(max-width:600px){ .intro-showcase { padding:3.5rem 0; } .intro-workboard { padding:1rem; } .intro-showcase-lead { font-size:1.2rem; } .intro-secondary-project strong { font-size:1rem; } }

/* A stronger company introduction, with a restrained portfolio panel. */
.intro-showcase-grid { max-width:1320px; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:clamp(2rem,4vw,4rem); }
.intro-signature { display:flex; gap:.45rem; margin-bottom:1.4rem; align-items:center; }
.intro-signature span { width:1.6rem; height:.35rem; border-radius:1rem; background:#06b6d4; }
.intro-signature span:first-child { width:3.5rem; background:#c41565; }
.intro-signature span:last-child { width:.6rem; background:#354c6a; }
.intro-showcase .intro-title { font-size:clamp(3rem,5vw,5rem); line-height:1.1; letter-spacing:-.055em; color:#172f49; margin:0; }
.intro-showcase .intro-statement { font-size:clamp(1.7rem,2.5vw,2.35rem); font-weight:700; letter-spacing:-.035em; line-height:1.3; margin:1.5rem 0; color:#354c6a; }
.intro-statement > span { color:#c41565; }
.intro-showcase-lead { font-size:1.2rem; margin-top:0; }
.intro-showcase-detail { font-size:1.1rem; }
.intro-expertise { border:0; padding:0; margin:1.5rem 0 0; gap:.7rem; }
.intro-expertise li { border:1px solid #dce5e9; border-radius:.65rem; background:#fff; padding:.7rem .85rem; font-size:1rem; }
.intro-workboard { width:100%; max-width:530px; justify-self:center; padding:1.25rem; border-radius:1.25rem; }
.intro-screen img { height:235px; aspect-ratio:auto; }
.intro-primary-project figcaption { padding:1.2rem; }
.intro-primary-project h3 { font-size:1.25rem; }
.intro-secondary-project img { width:31%; height:85px; aspect-ratio:auto; }
html[dir="rtl"] .intro-showcase .intro-title { line-height:1.35; letter-spacing:0; }
html[dir="rtl"] .intro-showcase .intro-statement { line-height:1.6; letter-spacing:0; }
@media(max-width:900px){ .intro-showcase-grid { grid-template-columns:1fr; } .intro-workboard { justify-self:start; max-width:580px; } }
@media(max-width:600px){ .intro-showcase .intro-title { font-size:3rem; } .intro-workboard { padding:1rem; } .intro-screen img { height:auto; aspect-ratio:1.6; } .intro-secondary-project img { height:70px; } }

/* Match the site section-title scale used by Testimonials. */
#who-we-are .intro-title { font-size:clamp(1.65rem,3vw,2.5rem); font-weight:800; line-height:1.15; letter-spacing:-.03em; }
@media(max-width:767px){ #who-we-are .intro-title { font-size:clamp(1.45rem,6.5vw,1.9rem); } }

.intro-showcase .intro-statement { font-size:clamp(1.25rem,1.8vw,1.6rem); }
html[dir="rtl"] #who-we-are .intro-title { line-height:1.5; letter-spacing:0; }