/* Approved central showcase: readable HTML controls over the continuous marble. */
.eo-studio{position:relative;padding-top:28px;padding-bottom:24px;color:#132b50;isolation:isolate}
.eo-site .eo-studio.container{width:min(1440px,calc(100% - 64px))}
.eo-studio-heading{text-align:center;margin-bottom:24px}
.eo-studio-heading>span{font-size:10px;letter-spacing:2.4px;text-transform:uppercase;color:#2d579e;font-weight:600}
.eo-site .eo-studio-heading h1{font:400 clamp(25px,2.6vw,38px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.8px;margin:12px 0 9px;color:#12284e}
.eo-studio-heading h1 em{font-style:normal;color:#2e5aa4}.eo-studio-heading p{font-size:14px;margin:0;color:#51637f}
.eo-studio-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) minmax(0,1fr);gap:20px;align-items:center}
.eo-studio-wing{min-width:0}.eo-studio-group+ .eo-studio-group{margin-top:22px}
.eo-site .eo-studio-group h2{font:400 22px/1.25 Georgia,serif;letter-spacing:-.4px;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #6b8dc7;color:#132b50}
.eo-studio-items{display:grid;grid-template-columns:1fr 1fr;gap:9px 10px}.eo-studio-product{min-width:0}
.eo-studio-target{width:100%;min-height:89px;border:1px solid transparent;border-radius:9px;padding:5px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;color:#173152;font:500 12px/1.35 var(--font);cursor:pointer;position:relative;text-align:center;transition:background .16s,border-color .16s}
.eo-studio-icon{display:block;width:58px;height:58px;flex:none;background:url('../img/showcase/eo-global-service-icons.webp') var(--icon-x) var(--icon-y)/400% 400% no-repeat;clip-path:inset(4px);transition:transform .18s}
.eo-studio-arrow{position:absolute;right:3px;bottom:6px;color:#2e579d;font-size:12px}
.eo-studio-target:hover,.eo-studio-product.is-open .eo-studio-target{border-color:#7c9acd;background:#3967b510}.eo-studio-target:hover .eo-studio-icon,.eo-studio-product.is-open .eo-studio-icon{transform:scale(1.07)}
.eo-studio-target:focus-visible{outline:2px solid #3b65ad;outline-offset:3px}
.eo-studio-art{text-align:center;min-width:0;align-self:center}.eo-studio-art img{width:100%;height:auto;max-height:490px;object-fit:contain}.eo-studio-art>span{display:block;font-size:10px;color:#7c725e;margin-top:9px}
.eo-studio .eo-showcase-popover{background:var(--eo-theme-surface,#f9fbfe);border-color:#7998cc;backdrop-filter:none;width:300px;box-shadow:0 15px 45px #1b315726;color:#132b50}
.eo-studio .eo-showcase-features{background:var(--eo-theme-surface,#e3eaf7);border-color:#bccbe5}.eo-studio .eo-showcase-features strong{color:#2f5596}
.eo-studio .eo-showcase-features li{background:transparent;border-color:#b0c2e1}.eo-studio .eo-showcase-links a{border-color:#7e9cce;color:#1c3766}.eo-studio .eo-showcase-links a:first-child{background:#173152;color:white;border-color:#173152}
.eo-ivory-home .eo-logo-marquee>.container{display:flex;align-items:center;gap:26px;border-block:1px solid #99b1d9;padding-block:12px}
.eo-ivory-home .eo-logo-marquee .eo-logo-marquee__heading{flex:none;margin:0;padding:0 42px 0 0;gap:0;min-height:35px}
.eo-ivory-home .eo-logo-marquee__heading:before,.eo-ivory-home .eo-logo-marquee__heading:after{display:none}.eo-ivory-home .eo-logo-marquee .eo-logo-marquee__heading h2{font:400 17px Georgia,serif;color:#173152}
.eo-ivory-home .eo-logo-marquee__viewport{flex:1;min-width:0}.eo-ivory-home .eo-logo-marquee__empty{margin:0;font-size:11px}.eo-ivory-home .eo-logo-marquee__item{min-height:42px;flex-basis:140px;font-size:13px}.eo-ivory-home .eo-logo-marquee__item img{max-height:40px;max-width:125px}
.eo-ivory-home .eo-services{padding-top:24px}.eo-ivory-home .eo-section-heading h2{font-size:29px}
@media(min-width:768px) and (max-width:1100px){.eo-studio-stage{grid-template-columns:1fr 1.15fr 1fr;gap:14px}.eo-studio-target{font-size:11px}.eo-studio-icon{width:48px;height:48px}.eo-site .eo-studio-group h2{font-size:20px}.eo-studio-art img{min-height:280px}}
@media(max-width:767px){
 .eo-site .eo-studio.container{width:calc(100% - 32px);padding-top:21px;padding-bottom:14px}
 .eo-studio-heading{margin-bottom:13px}.eo-studio-heading>span{font-size:8px;letter-spacing:1.5px}.eo-site .eo-studio-heading h1{font-size:27px;line-height:1.16;margin-top:10px;letter-spacing:-.5px}.eo-studio-heading p{font-size:12px}
 .eo-studio-stage{grid-template-columns:1fr;gap:20px}.eo-studio-art{grid-row:1}.eo-studio-art img{max-height:230px}.eo-studio-art>span{font-size:9px;margin-top:3px}
 .eo-studio-wing{display:contents}.eo-studio-group+ .eo-studio-group{margin-top:0}.eo-site .eo-studio-group h2{font-size:21px;margin-bottom:9px;padding-bottom:8px}
 .eo-studio-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.eo-studio-target{min-height:94px;font-size:11px;padding:6px 5px;border-color:#9fb5da40}.eo-studio-icon{width:53px;height:53px}.eo-studio-arrow{right:2px;bottom:4px;font-size:10px}
 .eo-studio .eo-showcase-popover{position:fixed;top:auto!important;bottom:12px;left:12px!important;right:12px;width:auto;max-height:70svh;overflow:auto;z-index:90;border-radius:14px;padding:21px}
 .eo-ivory-home .eo-logo-marquee>.container{gap:12px;align-items:center}.eo-ivory-home .eo-logo-marquee .eo-logo-marquee__heading{padding-right:35px}.eo-ivory-home .eo-logo-marquee .eo-logo-marquee__heading h2{font-size:14px}.eo-ivory-home .eo-logo-marquee__empty{font-size:10px;line-height:1.5}.eo-ivory-home .eo-section-heading h2{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.eo-studio-icon,.eo-studio-target{transition:none}.eo-studio-target:hover .eo-studio-icon,.eo-studio-product.is-open .eo-studio-icon{transform:none}}
/* Wider first screen, with references aligned to its lower edge. */
body.eo-ivory-home{background:#f1f5fb url('../img/showcase/ivory-marble.webp') center top/cover no-repeat}
.eo-site.eo-ivory-home .eo-site-header{background:transparent;position:relative;top:auto;backdrop-filter:none;box-shadow:none}
.eo-site.eo-ivory-home .eo-header-inner.header-inner,.eo-site.eo-ivory-home .eo-studio.container{width:min(2320px,calc(100% - 96px));max-width:none}
.eo-site.eo-ivory-home .eo-header-actions{display:flex;flex-wrap:nowrap;gap:12px;min-width:0}
.eo-header-solution{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #5d83c5;border-radius:9px;padding:10px 14px;color:#173152;font-size:11px;white-space:nowrap;min-height:42px;background:transparent}
@media(min-width:768px){
 .eo-studio{display:flex;flex-direction:column;min-height:var(--studio-first-height,0px);padding-block:22px 18px}
 .eo-studio-stage{flex:1;grid-template-columns:1fr 1.7fr 1fr;gap:clamp(20px,3vw,72px)}
 .eo-studio-art img{max-height:min(64svh,760px)}
 .eo-studio-icon{width:clamp(58px,4vw,88px);height:clamp(58px,4vw,88px)}
 .eo-studio-target{font-size:clamp(12px,.8vw,15px);min-height:clamp(88px,6vw,120px)}
 .eo-site .eo-studio-group h2{font-size:clamp(22px,1.4vw,29px)}
 .eo-ivory-home .eo-logo-marquee{padding:0}
 .eo-ivory-home .eo-logo-marquee>.container{width:min(2320px,calc(100% - 96px));max-width:none;min-height:64px}
}
@media(min-width:768px) and (max-height:900px){
 .eo-studio{padding-block:15px 12px}.eo-studio-heading{margin-bottom:15px}
 .eo-studio-icon{width:52px;height:52px}.eo-studio-target{min-height:78px;font-size:11px}
 .eo-studio-group+ .eo-studio-group{margin-top:16px}.eo-studio-items{gap:6px 10px}
 .eo-site .eo-studio-group h2{font-size:21px;margin-bottom:8px;padding-bottom:8px}
}
@media(min-width:768px) and (max-width:1100px){
 .eo-site.eo-ivory-home .eo-header-inner.header-inner,.eo-site.eo-ivory-home .eo-studio.container,.eo-ivory-home .eo-logo-marquee>.container{width:calc(100% - 48px)}
 .eo-site.eo-ivory-home .eo-header-actions{gap:6px}.eo-site.eo-ivory-home .eo-header-actions>a:not(.eo-header-rates){font-size:9px;padding:8px 7px;gap:4px;min-height:42px}
 .eo-site.eo-ivory-home .eo-header-rates{min-width:130px;padding:7px}.eo-site.eo-ivory-home .eo-rates-values{gap:8px}.eo-site.eo-ivory-home .eo-rates-values b{font-size:10px}
 .eo-site.eo-ivory-home .eo-logo{flex-basis:75px}.eo-site.eo-ivory-home .eo-logo-image{width:75px}.eo-site.eo-ivory-home .eo-header-inner.header-inner{gap:10px}
}
@media(max-width:767px){
 .eo-site.eo-ivory-home .eo-header-inner.header-inner{display:grid;grid-template-columns:58px repeat(3,minmax(0,1fr));gap:7px;width:calc(100% - 24px);padding:9px 0;min-height:0}
 .eo-site.eo-ivory-home .eo-header-actions{display:contents}
 .eo-site.eo-ivory-home .eo-logo{grid-column:1;grid-row:1;width:58px}.eo-site.eo-ivory-home .eo-logo-image{width:58px;height:45px}
 .eo-site.eo-ivory-home .eo-header-actions>a:not(.eo-header-rates){display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px 3px;font-size:9px;gap:4px;width:auto;white-space:normal;text-align:center}
 .eo-site.eo-ivory-home .eo-customer-button{grid-column:2;grid-row:1}.eo-site.eo-ivory-home .eo-courier-button{grid-column:3;grid-row:1}.eo-site.eo-ivory-home .eo-header-actions>.eo-staff-button:not(.eo-courier-button){grid-column:4;grid-row:1}
 .eo-site.eo-ivory-home .eo-header-actions>a>span{display:inline}.eo-site.eo-ivory-home .eo-header-actions>a>i{font-size:12px}
 .eo-site.eo-ivory-home .eo-header-rates{grid-column:1/4;grid-row:2;min-height:44px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2px 8px;min-width:0;padding:5px;width:100%;background:transparent}
 .eo-site.eo-ivory-home .eo-header-actions>.eo-header-solution{grid-column:4;grid-row:2;font-size:9px;gap:3px}
 .eo-site.eo-ivory-home .eo-studio.container{width:calc(100% - 32px)}
}

/* Portfolio-aligned groups; vector symbols for the two additional services. */
.eo-studio-symbol{display:grid;place-items:center;width:58px;height:58px;flex:none;color:#2e5aa4;font-size:35px;filter:drop-shadow(0 2px 1px #16356b1f)}
.eo-studio-group[aria-label="Dijital"] .eo-studio-items{grid-template-columns:1fr}
@media(max-width:767px){.eo-studio-symbol{width:53px;height:53px;font-size:32px}.eo-studio-group[aria-label="Dijital"] .eo-studio-items{grid-template-columns:repeat(3,minmax(0,1fr))}}
.eo-site .eo-logo-marquee .eo-logo-marquee__item{box-sizing:border-box;flex:0 0 148px;width:148px;height:64px;min-height:64px;padding:10px 14px;border:1px solid #99b1d9;border-radius:10px;background:#e9effa;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.eo-site .eo-logo-marquee .eo-logo-marquee__item img{display:block;width:100%;height:100%;max-width:120px;max-height:42px;object-fit:contain;object-position:center;filter:grayscale(1);opacity:.85}
.eo-site .eo-logo-marquee .eo-logo-marquee__item:hover,.eo-site .eo-logo-marquee .eo-logo-marquee__item:focus-visible{border-color:#325ea8;box-shadow:0 2px 9px #2c4d8518}
.eo-site .eo-logo-marquee .eo-logo-marquee__item:focus-visible{outline:2px solid #325ea8;outline-offset:2px}
@media(max-width:767px){.eo-site .eo-logo-marquee .eo-logo-marquee__item{flex-basis:124px;width:124px;height:56px;min-height:56px;padding:9px 12px}.eo-site .eo-logo-marquee .eo-logo-marquee__item img{max-width:100px;max-height:36px}}

/* V41: equal top edges, existing gold 3D icon family for all services. */
@media(min-width:768px){.eo-studio-stage{align-items:start;grid-template-columns:minmax(0,1.05fr) minmax(0,1.55fr) minmax(0,1.05fr)}.eo-studio-wing{align-self:start}.eo-studio-art{align-self:center}.eo-studio-wing>.eo-studio-group:first-child h2{margin-top:0}.eo-studio-items{align-items:stretch}.eo-studio-product,.eo-studio-target{height:100%}.eo-studio-target{min-height:96px}}

@media(min-width:768px) and (max-height:900px){.eo-studio-target{min-height:78px}}