/* Final shared brand, logo, timeline and editorial refinements. */
.site-header .wordmark,.site-footer .wordmark{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:35px!important;min-width:35px!important;height:68px!important;padding:0!important;letter-spacing:0!important;line-height:1!important}
.site-header .wordmark img,.site-footer .wordmark img{display:block;width:auto!important;height:62px!important;max-width:35px;object-fit:contain}
.site-footer .wordmark{height:76px!important}.site-footer .wordmark img{height:74px!important}
.site-header .wordmark span,.site-header .wordmark b,.site-footer .wordmark span,.site-footer .wordmark b{display:none!important}
@media(max-width:900px){.site-header .wordmark{height:60px!important}.site-header .wordmark img{height:51px!important}}

/* Every logo gets the same visible frame. No logo-specific overflow or crop. */
.logo-window{overflow:hidden!important;min-height:142px;display:flex;align-items:center}
.logo-track,.logo-sequence{align-items:center!important}
.logo-card,.logo-card.logo-portcity,.logo-card.logo-sapphire,.logo-card.logo-browns,.logo-card.logo-sa-ventures{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 205px!important;width:205px!important;height:138px!important;min-height:138px!important;padding:14px 8px!important;margin:0!important;overflow:visible!important;transform:none!important;background:transparent!important}
.logo-track .logo-card img,.logo-track .logo-card.logo-sapphire img,.logo-track .logo-card.logo-browns img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:110px!important;object-fit:contain!important;object-position:center!important;filter:none!important;mix-blend-mode:normal!important;transform:none!important;opacity:1!important;flex-shrink:1!important}
.logo-card.logo-sapphire{flex-basis:250px!important;width:250px!important}
.logo-card.logo-sapphire img{max-width:238px!important;max-height:106px!important}
.logo-card.logo-browns{flex-basis:180px!important;width:180px!important}
.logo-card.logo-browns img{max-width:158px!important;max-height:112px!important}
.logo-card.logo-sa-ventures{flex-basis:190px!important;width:190px!important}
.logo-card.logo-sa-ventures img{max-height:112px!important}
.logo-card.logo-desaram{flex-basis:280px!important;width:280px!important}
.logo-card.logo-desaram img{max-width:265px!important}
.logo-card.logo-peugeot{flex-basis:145px!important;width:145px!important}
.logo-card.logo-peugeot img{max-width:114px!important;max-height:108px!important}
.logo-card.logo-shangrila{flex-basis:230px!important;width:230px!important}
.logo-card.logo-shangrila img{max-width:218px!important}
@media(max-width:760px){.logo-window{min-height:118px}.logo-card,.logo-card.logo-portcity,.logo-card.logo-sapphire,.logo-card.logo-browns,.logo-card.logo-sa-ventures{height:110px!important;min-height:110px!important;padding:10px 7px!important;transform:none!important;margin:0!important}.logo-track .logo-card img,.logo-track .logo-card.logo-sapphire img,.logo-track .logo-card.logo-browns img{max-height:92px!important}}

/* Service imagery has its own art direction rather than using client campaign crops. */
.service-card-image img{object-position:center 34%!important;filter:saturate(.96)!important}
.service-card-image:after{background:linear-gradient(180deg,#10162b00 0%,#10162b12 38%,#10162be8 79%,#10162b 100%)!important}
.service-card-content h3{max-width:15ch}

/* About: a readable text-only history with rhythm and a clear time axis. */
.timeline-section{background:#f6f4ef;color:#10162b;padding:clamp(75px,8vw,125px) clamp(24px,5vw,86px)}
.timeline-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:35px 8%;align-items:end;border-bottom:1px solid #10162b45;padding-bottom:42px}
.timeline-intro .about-kicker{grid-column:1/-1}
.timeline-intro h2{font:400 clamp(51px,6vw,92px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.065em;margin:0;max-width:13ch}
.timeline-intro h2 em{color:#db554c}
.timeline-intro p{font-size:clamp(17px,1.5vw,21px);line-height:1.55;max-width:37ch;margin:0 0 8px}
.echt-timeline{list-style:none;margin:55px 0 0;padding:0;position:relative}
.echt-timeline:before{content:"";position:absolute;top:12px;bottom:0;left:22.3%;width:1px;background:#10162b40}
.echt-timeline li{display:grid;grid-template-columns:22% 1fr;gap:0 7%;position:relative;border-top:1px solid #10162b22;padding:31px 0 42px}
.echt-timeline li:before{content:"";position:absolute;top:37px;left:calc(22.3% - 5px);width:11px;height:11px;border:3px solid #f6f4ef;border-radius:50%;background:#e8584d;box-shadow:0 0 0 1px #e8584d}
.echt-timeline time{font:400 clamp(35px,4.6vw,70px)/1 Georgia,'Times New Roman',serif;letter-spacing:-.055em;color:#d7534c}
.echt-timeline li:nth-child(2n) time{color:#10162b}
.echt-timeline li div{max-width:790px}
.echt-timeline li div>span{font:10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;color:#a54841}
.echt-timeline h3{font:400 clamp(30px,3.2vw,49px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:11px 0 13px}
.echt-timeline p{font-size:clamp(15px,1.25vw,19px);line-height:1.62;max-width:57ch;margin:0;color:#3c4354}
@media(max-width:700px){.timeline-intro{display:block}.timeline-intro h2{margin:22px 0}.echt-timeline{margin-top:35px}.echt-timeline:before{left:16px}.echt-timeline li{grid-template-columns:1fr;padding:29px 0 35px 42px}.echt-timeline li:before{left:11px;top:36px}.echt-timeline time{font-size:33px}.echt-timeline li div{margin-top:13px}.echt-timeline h3{font-size:34px}}

/* Blog index: calm, generous article cards, familiar enough to scan quickly. */
.journal-hero{padding-bottom:clamp(65px,7vw,95px)!important}
.journal-feature{min-height:470px!important}
.journal-feature-media{min-height:470px!important}
.blog-real-archive .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:54px clamp(24px,4vw,65px)!important}
.journal-card{border-top:1px solid #10162b45;padding-top:18px}
.journal-card img{aspect-ratio:16/10!important;object-fit:cover!important;margin:17px 0 20px!important}
.journal-card h3{max-width:21ch;line-height:1.08!important}
.journal-card p{max-width:55ch;font-size:15px!important}
.journal-card .journal-arrow{margin-top:auto}
.blog-archive-note{margin-top:40px!important;border-top:1px solid #10162b25;padding-top:20px!important}
@media(max-width:650px){.journal-feature,.journal-feature-media{min-height:0!important}.journal-feature-media{height:310px}.blog-real-archive .journal-grid{grid-template-columns:1fr!important;gap:44px!important}}

/* Original vertical ECHT mark from the 2026 company profile, isolated in white. */
.site-header .wordmark,.site-footer .wordmark{width:40px!important;min-width:40px!important;height:76px!important;justify-content:center!important}
.site-header .wordmark img,.site-footer .wordmark img{width:35px!important;max-width:35px!important;height:73px!important;object-fit:contain}
.site-footer .wordmark{height:76px!important}.site-footer .wordmark img{height:73px!important}
@media(max-width:900px){.site-header .wordmark{width:34px!important;min-width:34px!important;height:60px!important}.site-header .wordmark img{width:27px!important;max-width:27px!important;height:56px!important}}

/* Keep long archive headlines editorial without swallowing the page. */
.journal-article-hero.long-title:has(.article-visual) h1{font-size:clamp(48px,4.9vw,72px);line-height:1.03;letter-spacing:-.055em;max-width:17ch}
@media(max-width:760px){.journal-article-hero.long-title:has(.article-visual) h1{font-size:clamp(42px,10vw,58px);max-width:none;line-height:1.04}}