/* Cohesive middle sections, with readable single-column experience narrative. */
.eex-about-introduction { background: #f0f8ff; }
.eex-about-introduction__grid { align-items: center; }
.eex-about-introduction figure { padding: 8px; background: rgba(255,255,255,.65); border: 1px solid #dbe7f1; border-radius: 10px; }
.eex-about-mechanism { position: relative; isolation: isolate; overflow: hidden; padding: 68px 0 72px; background: #f0f8ff; border-top: 1px solid #dce7f0; border-bottom: 1px solid #dce7f0; }
.eex-about-mechanism::after { content: ''; position: absolute; z-index: -1; top: 60px; right: 0; width: min(24vw,380px); height: 550px; background: url('../../../images/experience-hex-pattern.svg') right center / contain no-repeat; pointer-events: none; }
.eex-about-mechanism .eex-about-mechanism__grid { display: block; width: min(85%,1296px); }
.eex-about-mechanism__grid > div:first-child { text-align: left; margin-bottom: 30px; }
.eex-about-mechanism .eex-about-introduction__kicker { justify-content: flex-start; font-size: 13px; letter-spacing: .12em; }
.eex-about-mechanism .eex-about-introduction__kicker::before { content: ''; display: block; width: 50px; height: 1px; background: #b98e36; }
.eex-about-mechanism h2 { max-width: 720px; margin: 22px 0 0; font-size: clamp(30px,3vw,44px); line-height: 1.2; text-wrap: balance; }
.eex-about-mechanism h2::after { content: none; }
.eex-about-mechanism__copy { width: min(86ch,80%); margin: 0; }
.eex-about-mechanism p { color: #536b85; font-size: 18px; line-height: 1.85; margin: 0 0 22px; }
.eex-about-mechanism p:first-child { font-size: 20px; color: #385776; line-height: 1.75; }
.eex-about-mechanism p:last-child { margin-bottom: 0; }
.eex-about-mechanism .eex-about-office-link { white-space: nowrap; }
/* Give long copy more room on desktop; keep the established mobile stack. */
@media(min-width:1101px) {
 .eex-about-introduction .eex-about-introduction__grid { width:min(90%,1440px);grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:5%; }
 .eex-about-mechanism .eex-about-mechanism__grid { width:min(90%,1440px); }
 .eex-about-mechanism__copy { width:min(104ch,92%); }
}
@media(max-width:1100px) {
 .eex-about-mechanism::after { display: none; }
 .eex-about-mechanism__copy { width: min(86ch,100%); }
}
@media(max-width:760px) {
 .eex-about-mechanism { padding: 42px 0; }
 .eex-about-mechanism .eex-about-mechanism__grid { width: calc(100% - 40px); }
 .eex-about-mechanism__grid > div:first-child { text-align: left; margin-bottom: 28px; }
 .eex-about-mechanism .eex-about-introduction__kicker { justify-content: flex-start; }
 .eex-about-mechanism h2 { margin-left: 0; font-size: 30px; }
 .eex-about-mechanism h2::after { margin-left: 0; }
 .eex-about-mechanism::after { display: block; top: 12px; width: 76px; height: 100px; opacity: .6; }
 .eex-about-mechanism p,.eex-about-mechanism p:first-child { font-size: 17px; line-height: 1.8; }
}
/* Reference-led About sections. Decorative geometry never overlaps readable copy. */
.eex-reference-team { position: relative; padding: 58px 0 66px; background: #f0f8ff url('../../../images/team-brand-pattern.svg') center top / 100% 100% no-repeat; }
.eex-reference-team .container { position: relative; width: min(88%,1296px); }
.eex-reference-team__heading { text-align: center; max-width: 1000px; margin: 0 auto 28px; }
.eex-reference-kicker { display: block; font-size: 14px; font-weight: 700; letter-spacing: .12em; color: #9c7326; }
.eex-reference-team__heading .eex-reference-kicker::after { content: ''; display: block; width: 76px; height: 2px; background: #c69936; margin: 20px auto 22px; }
.eex-reference-team__heading h2 { font-size: clamp(28px,3vw,40px); line-height: 1.25; letter-spacing: -.025em; color: #102c51; margin: 0 0 20px; }
.eex-reference-team__heading p { font-size: 19px; line-height: 1.65; color: #61718b; margin: 0; }
.eex-reference-team__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.eex-reference-person { min-width: 0; display: flex; flex-direction: column; padding: 34px; border: 1px solid #d9e7f3; border-radius: 10px; background: #fff; box-shadow: 0 8px 26px rgba(22,58,95,.035); }
/* These are profile panels, not whole-card links: avoid misleading hover lift. */
.eex-reference-person__header { display: flex; gap: 24px; align-items: start; margin-bottom: 20px; }
.eex-reference-person__header img { width: 72px; height: 70px; flex: 0 0 72px; }
.eex-reference-person__header h3 { color: #102c51; font-size: clamp(25px,2.4vw,35px); line-height: 1.2; letter-spacing: -.03em; margin: 0 0 8px; }
.eex-reference-person__header p { font-size: 15px; line-height: 1.6; color: #415c7d; margin: 0; }
.eex-reference-person__header p::after { content: ''; display: block; height: 2px; width: 48px; margin-top: 18px; background: #c69936; }
.eex-reference-person__bio { color: #61718b; font-size: 17px; line-height: 1.7; margin: 0 0 20px; }
.eex-reference-person__credentials { list-style: none; padding: 0; margin: auto 0 0; color: #61718b; font-size: 16px; line-height: 1.65; }
.eex-reference-person__credentials li { position: relative; border: 0; padding: 0 0 0 22px; margin: 0 0 17px; }
.eex-reference-person__credentials li:last-child { margin-bottom: 0; }
.eex-reference-person__credentials li::before { content: ''; position: absolute; left: 0; top: .52em; width: 8px; height: 9px; background: #b98e36; clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); }
.eex-reference-person__credentials strong { color: #173c66; font-weight: 600; }
.eex-reference-person__contact { display: flex; flex-wrap: wrap; gap: 12px 22px; border-top: 1px solid #d9e3ed; padding-top: 20px; margin-top: 26px; }
.eex-reference-person__contact a { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; font-size: 15px; font-weight: 600; text-decoration: none; color: #173c66; overflow-wrap: anywhere; transition: color .18s ease; }
.eex-reference-person__contact a::before { content: ''; flex: 0 0 16px; width: 16px; height: 16px; background: currentColor; mask: var(--contact-icon) center / contain no-repeat; }
.eex-reference-person__contact a[href^="mailto:"] { --contact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 6 9 7 9-7'/%3E%3C/svg%3E"); }
.eex-reference-person__contact a[href^="tel:"] { --contact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h4l2 5-3 2c2 3 3 4 6 6l2-3 5 2v4c0 2-3 3-5 2C9 19 5 15 3 8 2 6 3 3 5 3Z'/%3E%3C/svg%3E"); }
.eex-reference-person__contact a:hover { color: #906a24; }
.eex-reference-person__contact a:focus-visible { outline: 2px solid #173c66; outline-offset: 4px; }
.eex-about-philosophy { position: relative; isolation: isolate; overflow: hidden; padding: 80px 0; background: #edf6fd; }
.eex-about-philosophy::before { content: ''; position: absolute; inset: 0; z-index: -1; background: url('../../../images/philosophy-geometry.svg') center / 100% 100% no-repeat,radial-gradient(ellipse at 35% 45%,#f4faff 0%,transparent 65%),linear-gradient(125deg,#f1f8fd,#e6f3ff); }
.eex-about-philosophy__grid { position: relative; width: min(91%,1396px); display: grid; grid-template-columns: minmax(0,67%) minmax(0,17%); gap: 4%; align-items: center; }
.eex-about-philosophy__copy { min-width: 0; }
.eex-about-philosophy .eex-reference-kicker { display: flex; align-items: center; gap: 22px; }
.eex-about-philosophy .eex-reference-kicker::after { content: ''; height: 1px; flex: 1; background: #c69936; }
.eex-about-philosophy h2 { color: #102c51; font-size: clamp(32px,3.65vw,58px); line-height: 1.18; letter-spacing: -.035em; margin: 28px 0 30px; }
.eex-about-philosophy h2::after { content: ''; display: block; width: 96px; height: 3px; background: #b68b30; margin-top: 28px; }
.eex-about-philosophy__body p { font-size: 18px; color: #415c7d; line-height: 1.72; margin: 0 0 24px; }
.eex-about-philosophy strong { color: #102c51; font-weight: 700; }
.eex-about-philosophy__invitation { margin: 28px 0 18px; font-size: 17px; line-height: 1.5; }
.eex-about-philosophy .eex-about-philosophy__cta { display: inline-flex; gap: 30px; align-items: center; color: #102c51; background: linear-gradient(110deg,#bc9036,#d5b66a); border: 1px solid #c6a356; border-radius: 8px; padding: 18px 32px; font-size: 17px; font-weight: 700; box-shadow: 0 10px 24px rgba(144,105,28,.12); transition: background .2s,box-shadow .2s; }
.eex-about-philosophy .eex-about-philosophy__cta:hover,
.eex-about-philosophy .eex-about-philosophy__cta:focus-visible { background: linear-gradient(110deg,#bc9036,#d5b66a); color: #fff; box-shadow: 0 12px 28px rgba(144,105,28,.18); }
.eex-about-philosophy .eex-about-philosophy__cta span { color: inherit; }
.eex-about-philosophy__caption { color: #415c7d; font-size: 14px; line-height: 1.65; margin: 16px 0 0; }
.eex-about-philosophy__pillars { display: grid; gap: 18px; position: relative; z-index: 2; }
.eex-about-philosophy__pillar { background: rgba(255,255,255,.94); padding: 25px 14px 20px; border: 1px solid rgba(255,255,255,.8); border-radius: 12px; text-align: center; box-shadow: 0 9px 22px rgba(37,76,121,.035); }
.eex-about-philosophy__pillar svg { width: 53px; height: 53px; stroke: #13375d; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; margin: 0 auto; }
.eex-about-philosophy__pillar svg .gold { stroke: #b78d34; }
.eex-about-philosophy__pillar p { color: #183b64; font-size: 15px; line-height: 1.5; margin: 18px 0 0; }
.eex-about-philosophy__pillar p::before { content: ''; display: block; width: 42px; height: 2px; background: #b78d34; margin: 0 auto 16px; }
.eex-about-philosophy__art { position: absolute; inset: 0 0 0 auto; width: 25%; z-index: -1; background: #153958; clip-path: polygon(66% 0,100% 0,100% 100%,66% 100%,0 50%); }
.eex-about-philosophy__art img { position: absolute; top: 10%; right: 0; width: 100%; height: 80%; object-fit: cover; clip-path: polygon(40% 0,100% 0,100% 100%,40% 100%,0 50%); }
.eex-about-philosophy__art::after { content: ''; position: absolute; inset: 0; border-left: 2px solid #c69936; transform: rotate(29deg); }
@media(max-width:1100px) {
 .eex-reference-person { padding: 25px; }
 .eex-reference-person__header { gap: 16px; }
 .eex-reference-person__header img { width: 55px; height: 54px; flex-basis: 55px; }
 .eex-reference-team__heading p br { display: none; }
 .eex-about-philosophy__grid { grid-template-columns: minmax(0,69%) minmax(0,22%); gap: 5%; }
 .eex-about-philosophy__body p { font-size: 17px; }
 .eex-about-philosophy__art { width: 20%; opacity: .6; }
}
@media(max-width:760px) {
 .eex-reference-team { padding: 42px 0; background-size: auto 100%; }
 .eex-reference-team .container,.eex-about-philosophy__grid { width: calc(100% - 40px); }
 .eex-reference-team__heading p { font-size: 17px; }
 .eex-reference-team__grid { grid-template-columns: 1fr; gap: 20px; }
 .eex-reference-person { padding: 24px; }
 .eex-reference-person__header h3 { font-size: 28px; }
 .eex-reference-person__bio { font-size: 16px; }
 .eex-about-philosophy { padding: 42px 0; }
 .eex-about-philosophy::before { background: linear-gradient(125deg,#f1f8fd,#e6f3ff); }
 .eex-about-philosophy__grid { grid-template-columns: 1fr; gap: 28px; }
 .eex-about-philosophy .eex-reference-kicker { font-size: 12px; gap: 12px; }
 .eex-about-philosophy h2 { font-size: 35px; }
 .eex-about-philosophy h2 br { display: none; }
 .eex-about-philosophy__body p { font-size: 16px; }
 .eex-about-philosophy__art { display: none; }
 .eex-about-philosophy__pillars { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
 .eex-about-philosophy__pillar { padding: 16px 8px; }
 .eex-about-philosophy__pillar p { font-size: 12px; }
 .eex-about-philosophy__pillar svg { width: 38px; height: 38px; }
 .eex-about-philosophy__caption br { display: none; }
}
@media(prefers-reduced-motion:reduce) { .eex-reference-person { transition: none; } .eex-reference-person:hover,.eex-reference-person:focus-within { transform: none; } }