/* team-carousel — merged from the static build's app.css, source order preserved. */

.digital-team { height: 896px; min-height: 896px; margin-top: 122px; padding-top: 128px; }
.digital-team .section-intro h2 { max-width: 660px; }
.digital-team .section-intro > p:last-of-type:not(.eyebrow) { max-width: 650px; }
.digital-team .team-rail { margin-top: 66px; }
.digital-team .team-card > div { height: 373px; background: #f9f7f4; }
.digital-team .team-controls { margin-top: 34px; }
.team-section { min-height: 1162px; padding-top: 120px; overflow: hidden; background-color: var(--paper); background-image: var(--noise); }
.team-section .section-intro h2 { max-width: 780px; font-size: 60px; line-height: 60px; }
.team-section .section-intro > p:last-of-type:not(.eyebrow):not(.eyebrow) { max-width: 760px; }
.team-rail { margin-top: 80px; overflow-x: auto; scrollbar-width: none; scroll-padding-inline: max(40px, calc((100% - 1440px) / 2 + 40px)); scroll-snap-type: x mandatory; }
.team-rail::-webkit-scrollbar { display: none; }
.team-track { display: flex; width: max-content; gap: 20px; padding-inline: max(40px, calc((100% - 1440px) / 2 + 40px)); }
.team-card { width: 325px; flex: none; scroll-snap-align: start; }
.team-card > div { display: flex; height: 373px; align-items: end; justify-content: center; overflow: hidden; border: 1px solid rgba(0,0,0,.1); background: #fff var(--noise); }
.team-card img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.team-card h3 { margin: 17px 4px 0; font-size: 32px; font-weight: 600; line-height: 36px; }
.team-card p { margin: 9px 4px 0; color: rgba(0,0,0,.58); font-size: 18px; line-height: 26px; }
.team-controls { margin-top: 35px; }
.team-cta { display: flex; width: 185px; margin: 48px auto 0; }
.team-section--web { min-height: 830px; margin-top: 120px; padding-top: 128px; }
.team-section--web .section-intro h2 { max-width: 620px; }
.team-section--web .section-intro > p:last-of-type:not(.eyebrow):not(.eyebrow) { max-width: 570px; }
.team-section--web .team-rail { margin-top: 66px; }
.team-section--web .team-controls { margin-top: 30px; }
.team-section--web .team-cta { display: none; }
.about-team__intro { display: flex; flex-direction: column; align-items: center; text-align: center; }
.about-team__intro h2 em { font-family: var(--font-serif); font-weight: 400; }
.about-team { height: 1182px; margin-top: 120px; }
.about-team__intro h2 { margin-top: 34px; font-size: 60px; font-weight: 600; line-height: 46px; letter-spacing: -.005em; }
.about-team__intro { height: 108px; }
.about-team__grid { display: grid; grid-template-columns: repeat(3,325px); justify-content: center; gap: 60px 80px; margin-top: 80px; }
.about-team__grid { grid-template-rows: 480px 454px; height: 994px; }
.about-team-card { min-width: 0; }
.about-team-card > div { width: 325px; height: 373px; overflow: hidden; }
.about-team-card > div img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.about-team-card h3 { margin-top: 24px; font-size: 32px; font-weight: 600; line-height: 32px; }
.about-team-card p { margin-top: 13px; color: rgba(0,0,0,.6); font-size: 18px; line-height: 26px; letter-spacing: .04em; }
body.digital-marketing-page .digital-team { height: 896px; min-height: 896px; margin-top: 122px; padding-top: 128px; }
body.digital-marketing-page .digital-team .team-card > div { background: #f9f7f4; }
body.web-development-page .team-controls { width: min(100%, var(--wd-page)); margin-inline: auto; padding-inline: var(--wd-gutter); }
body.web-development-page .team-section--web .eyebrow { width: 101px; }
body.web-development-page .team-section--web .web-section-intro h2 { margin-top: 29px; }
body.web-development-page .team-section--web h2 { width: 624px; }
body.web-development-page .team-section--web .web-section-intro > p:last-child { width: 576px; }
body.web-development-page .team-controls { position: relative; z-index: 3; display: grid; align-items: center; margin: 40px auto 0; gap: 0; grid-template-columns: 1fr auto 1fr; }
body.web-development-page .team-section--web { min-height: 0; margin: 0; padding: 120px 0 0; }
body.web-development-page .team-controls { margin-top: 34.7px; }
body.web-development-page .team-controls .web-rail-status { margin-bottom: 4px; }
body.web-development-page .team-section--web .team-rail { margin-top: 64.4px; }
body.web-development-page .team-track { gap: 20px; }
body.web-development-page .team-card { width: 325px; }
body.web-development-page .team-card > div { height: 373px; border: 1px solid var(--wd-hair); background: #fff var(--noise); }
body.web-development-page .team-card h3 { margin: 19.2px 0 0 4px; font-size: 32px; font-weight: 600; line-height: 32px; letter-spacing: 0; }
body.web-development-page .team-card p { margin: 11.1px 0 0 4px; color: var(--wd-muted); font-size: 18px; line-height: 26px; }
body.web-development-page .team-cta { display: none; }
body.email-marketing-page .team-section { min-height: 0; margin-top: 120px; padding-top: 0; }
body.email-marketing-page .team-section .team-rail { margin-top: 54.6px; }
body.email-marketing-page .team-section .carousel-controls { margin-top: 40px; }
.digital-marketing-page .digital-team { height: 896px; min-height: 896px; margin-top: 122px; padding-top: 128px; }
.digital-marketing-page .digital-team .team-card > div { background: #f9f7f4; }
.web-development-page .team-controls { width: min(100%, var(--wd-page)); margin-inline: auto; padding-inline: var(--wd-gutter); }
.web-development-page .team-section--web .eyebrow { width: 101px; }
.web-development-page .team-section--web .web-section-intro h2 { margin-top: 29px; }
.web-development-page .team-section--web h2 { width: 624px; }
.web-development-page .team-section--web .web-section-intro > p:last-child { width: 576px; }
.web-development-page .team-controls { position: relative; z-index: 3; display: grid; align-items: center; margin: 40px auto 0; gap: 0; grid-template-columns: 1fr auto 1fr; }
.web-development-page .team-section--web { min-height: 0; margin: 0; padding: 120px 0 0; }
.web-development-page .team-controls { margin-top: 34.7px; }
.web-development-page .team-controls .web-rail-status { margin-bottom: 4px; }
.web-development-page .team-section--web .team-rail { margin-top: 64.4px; }
.web-development-page .team-track { gap: 20px; }
.web-development-page .team-card { width: 325px; }
.web-development-page .team-card > div { height: 373px; border: 1px solid var(--wd-hair); background: #fff var(--noise); }
.web-development-page .team-card h3 { margin: 19.2px 0 0 4px; font-size: 32px; font-weight: 600; line-height: 32px; letter-spacing: 0; }
.web-development-page .team-card p { margin: 11.1px 0 0 4px; color: var(--wd-muted); font-size: 18px; line-height: 26px; }
.web-development-page .team-cta { display: none; }
.email-marketing-page .team-section { min-height: 0; margin-top: 120px; padding-top: 0; }
.email-marketing-page .team-section .team-rail { margin-top: 54.6px; }
.email-marketing-page .team-section .carousel-controls { margin-top: 40px; }
.team-section--web .team-card { width: 325px; }
