.company-culture-section{padding-block:80px 40px;background:#fff}
.culture-accordion{display:flex;gap:18px;align-items:stretch}
.culture-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;flex:1;min-height:500px;border-radius:16px;padding:36px;display:flex;flex-direction:column;justify-content:flex-end;background:#0d1229;color:white;transition:flex .5s ease}
.culture-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2}
.culture-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,12,25,.15),rgba(5,12,25,.3) 35%,rgba(5,12,25,.91))}
.culture-number{position:absolute;left:36px;top:30px;color:#ffffffb3;font-size:14px;letter-spacing:.1em}
.culture-card.is-open{flex:2.2}
.culture-copy{width:100%;min-width:0}
body[data-page=about] .culture-copy h3{margin:0;color:#fff;font-size:38px;line-height:1.2}
.culture-copy button{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:8px 0;color:#fff;text-align:left;font:inherit;background:none;border:0;cursor:pointer}
.culture-copy button:focus-visible{outline:2px solid #ff9000;outline-offset:8px;border-radius:4px}
.culture-toggle{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:1px solid #ffffff70;border-radius:50%;font-size:24px;font-weight:400}
.culture-description p{margin:16px 0 0;font-size:22px;line-height:1.6;color:#fff;max-width:600px}
.culture-description[hidden]{display:none}
.culture-card:not(.is-open){cursor:pointer}
.about-team-section{padding-block:56px 80px;background:#fff}
.about-team-section .content-section-heading{margin-bottom:36px}
.about-team-section .content-section-description{max-width:780px;margin-inline:auto}
@media(max-width:1099px){.culture-card{padding:26px;min-height:470px}.culture-number{left:26px}.culture-card.is-open{flex:2}body[data-page=about] .culture-copy h3{font-size:30px}.culture-description p{font-size:20px}.culture-accordion{gap:14px}}
@media(max-width:900px){.company-culture-section{padding-block:48px 24px}.culture-accordion{flex-direction:column;gap:14px}.culture-card{flex:none;min-height:112px;padding:24px;transition:min-height .35s ease}.culture-card.is-open{flex:none;min-height:360px}.culture-number{top:22px;left:auto;right:24px;font-size:11px}.culture-card:not(.is-open) .culture-number{display:none}.culture-card img{object-position:center 45%}body[data-page=about] .culture-copy h3{font-size:30px}.culture-description p{font-size:20px}.about-team-section{padding-block:32px 48px}}
@media(prefers-reduced-motion:reduce){.culture-card{transition:none}}

/* Same portrait rail presentation as the PCB design R&D team. */
.design-people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.design-person{min-width:0;background:#fff;border:1px solid #e2e7ef;border-radius:16px;overflow:hidden}
.design-person img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 8%;background:#eef1f5}
.design-person-copy{padding:26px}
.design-person-copy h3{font-size:21px;line-height:1.35;margin:0 0 8px}
.design-person-copy p{font-size:15px;line-height:1.75;color:#64748b;margin:0}
.design-person-copy .design-person-role{font-size:14px;color:#ff9000;font-weight:600;margin:0 0 16px}
@media(min-width:768px) and (max-width:1099px){.design-people-grid{gap:18px}.design-person-copy{padding:20px}.design-person-copy h3{font-size:19px}.design-person img{aspect-ratio:1}}
@media(max-width:767px){.design-people-grid{grid-template-columns:minmax(0,1fr);gap:24px}.design-person-copy{padding:22px}.design-person-copy h3{font-size:20px}.design-person img{aspect-ratio:4/3}}

/* Native horizontal scrolling keeps additional team members accessible. */
.design-team-carousel .design-people-grid{--team-visible:3;--team-gap:28px;display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--team-visible) - 1)*var(--team-gap))/var(--team-visible));gap:var(--team-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px;cursor:grab}
.design-team-carousel .design-people-grid::-webkit-scrollbar{display:none}
.design-team-carousel .design-people-grid:focus-visible{outline:2px solid #ff9000;outline-offset:5px;border-radius:16px}
.design-team-carousel .design-person{scroll-snap-align:start;scroll-snap-stop:normal}
.design-team-carousel .design-person img{user-select:none;-webkit-user-drag:none}
.design-team-carousel .is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.design-team-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:28px}
.design-team-controls[hidden]{display:none}
.design-team-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #dce2eb;border-radius:50%;background:#fff;color:#2a335e;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.design-team-controls button:hover:not(:disabled){background:#ff9000;border-color:#ff9000;color:#fff}
.design-team-controls button:disabled{opacity:.35;cursor:default}
.design-team-controls button:focus-visible{outline:2px solid #ff9000;outline-offset:4px}
.design-team-position{min-width:76px;text-align:center;font-size:13px;color:#64748b;font-variant-numeric:tabular-nums}
@media(max-width:1099px){.design-team-carousel .design-people-grid{--team-visible:2;--team-gap:18px}}
@media(max-width:767px){.design-team-carousel .design-people-grid{--team-visible:1;--team-gap:24px}.design-team-controls{margin-top:22px}}

/* Match the home-page review carousel pagination. */
.design-team-controls{gap:22px}
.design-team-controls button{width:52px;height:52px;border-color:rgba(13,18,41,.15);color:#0d1229;transition:color .3s,border-color .3s,transform .3s}
.design-team-controls button:hover:not(:disabled){background:#fff;border-color:#ff9000;color:#ff9000;transform:translateY(-2px)}
.design-team-position{font-size:12px;letter-spacing:.12em;color:#657186;min-width:58px}
@media(prefers-reduced-motion:reduce){.design-team-controls button{transition:none}}

/* Stable text geometry: card width animates, copy never reflows during hover. */
.culture-copy{position:absolute;left:36px;right:36px;bottom:36px;width:auto;height:210px}
.culture-copy h3{white-space:nowrap}
.culture-description{position:absolute;top:64px;left:0;width:var(--culture-copy-width,100%);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .14s ease,transform .14s ease,visibility 0s .14s;pointer-events:none}
.culture-description p{margin-top:0}
.culture-card.is-open .culture-description{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .22s ease .36s,transform .22s ease .36s,visibility 0s .36s;pointer-events:auto}
@media(min-width:901px) and (max-width:1099px){.culture-copy{left:26px;right:26px;bottom:26px}.culture-description{top:56px}}
@media(max-width:900px){.culture-copy{left:24px;right:24px;top:36px;bottom:auto;height:auto}.culture-description{top:62px}.culture-card.is-open .culture-description{transition-delay:.2s}}
@media(prefers-reduced-motion:reduce){.culture-description,.culture-card.is-open .culture-description{transition:none;transform:none}}