/* 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}}

/* Keep the opening uncluttered; use the official artwork without cropping. */
.hero-copy:has(#hero-heading){justify-content:center}
.logo-color-filter{position:absolute;pointer-events:none}
.logo-sequence{gap:clamp(18px,2.1vw,34px)!important;padding-right:clamp(18px,2.1vw,34px)!important}
.logo-card.logo-peugeot{flex-basis:180px!important;width:180px!important}
.logo-track .logo-card.logo-peugeot img{width:153px!important;height:116px!important;max-width:100%!important;max-height:116px!important;object-fit:contain!important}
.logo-card.logo-suren{flex-basis:260px!important;width:260px!important}
.logo-track .logo-card.logo-suren img{width:245px!important;height:90px!important;max-width:100%!important;max-height:90px!important;object-fit:contain!important}
.logo-card.logo-browns{flex-basis:205px!important;width:205px!important}
.logo-track .logo-card.logo-browns img{width:188px!important;height:118px!important;max-width:100%!important;max-height:118px!important;object-fit:contain!important}
.logo-track .logo-card.logo-sapphire img{filter:none!important;mix-blend-mode:normal!important}
.logo-card.logo-leapmotor img{filter:brightness(0)!important}
@media(max-width:760px){.logo-track .logo-card.logo-peugeot img{width:136px!important;height:101px!important}.logo-track .logo-card.logo-suren img{width:225px!important;height:74px!important}.logo-track .logo-card.logo-browns img{width:174px!important;height:107px!important}}

/* Blog: one generous editorial story per row after the lead feature. */
.journal-grid-section{padding-top:clamp(82px,9vw,150px)!important;padding-bottom:clamp(82px,9vw,150px)!important}
.blog-real-archive .journal-grid{display:grid;grid-template-columns:1fr!important;gap:0!important}
.blog-real-archive .journal-card:first-child{display:none}
.blog-real-archive .journal-card{--story-gap:clamp(28px,5vw,84px);display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);column-gap:var(--story-gap);padding:34px 0 64px;border-top:1px solid #10162b54}
.blog-real-archive .journal-card>span{grid-column:1/-1;margin-bottom:22px}
.blog-real-archive .journal-card>a:has(img){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);column-gap:var(--story-gap);align-items:center}
.blog-real-archive .journal-card img{grid-column:1;grid-row:1;aspect-ratio:1.43!important;width:100%;height:auto;margin:0!important}
.blog-real-archive .journal-card h3{grid-column:2;font-size:clamp(37px,4.5vw,68px);line-height:1.03!important;max-width:17ch;margin:0}
.blog-real-archive .journal-card>p,.blog-real-archive .journal-card>.journal-arrow{grid-column:2;align-self:start}
.blog-real-archive .journal-card>p{font-size:16px!important;line-height:1.65;margin:18px 0 20px;max-width:48ch}
.blog-real-archive .journal-card>.journal-arrow{justify-self:start;margin-top:0}
.blog-real-archive .journal-card:nth-child(even) img{filter:saturate(.9)}
.journal-grid-section:not(.blog-real-archive) .journal-grid{gap:clamp(26px,3vw,52px)}
.journal-grid-section:not(.blog-real-archive) .journal-card{padding-top:22px}
.journal-grid-section:not(.blog-real-archive) .journal-card h3{font-size:clamp(29px,2.55vw,40px);line-height:1.12!important}
@media(max-width:800px){.blog-real-archive .journal-card h3{font-size:clamp(33px,5vw,48px)}}
@media(max-width:650px){.journal-grid-section{padding:80px 20px!important}.blog-real-archive .journal-card{display:block;padding:26px 0 46px}.blog-real-archive .journal-card>a:has(img){display:block}.blog-real-archive .journal-card img{aspect-ratio:1.38!important;margin:0 0 24px!important}.blog-real-archive .journal-card h3{font-size:clamp(37px,10vw,51px);line-height:1.06!important}.blog-real-archive .journal-card>p{margin:17px 0 20px}.journal-grid-section:not(.blog-real-archive) .journal-grid{grid-template-columns:1fr!important;gap:52px!important}}

/* The Instagram archive copy remains text-only, including its original long dates. */
.echt-timeline time small{display:block;margin-top:7px;font:600 clamp(11px,1.1vw,15px)/1.2 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.echt-timeline time:has(small){font-size:clamp(30px,3.6vw,56px)}
.echt-timeline h3{text-transform:none;max-width:23ch}
@media(max-width:700px){.echt-timeline time:has(small){font-size:33px}.echt-timeline time small{font-size:11px;margin-top:5px}.echt-timeline h3{max-width:23ch}}

/* One scannable Blog library with topic controls, editorial cards and room to breathe. */
.blog-library{background:#f7f5f0;color:#10162b;padding:clamp(76px,8vw,128px) clamp(24px,5vw,86px) clamp(90px,9vw,145px)}
.blog-library-heading{display:grid;grid-template-columns:1fr 1.8fr;gap:6%;border-top:1px solid #10162b4a;padding-top:24px;align-items:start}
.blog-eyebrow,.blog-results{font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:#a94e46;text-transform:uppercase}
.blog-library-heading h2{font:400 clamp(50px,6.4vw,96px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.065em;margin:0}
.blog-library-heading h2 em{color:#d7554c}
.blog-library-heading p{font-size:clamp(16px,1.4vw,20px);line-height:1.5;max-width:52ch;margin:24px 0 0;color:#40475a}
.blog-topics{display:flex;flex-wrap:wrap;gap:8px;margin:clamp(52px,6vw,85px) 0 16px;border-bottom:1px solid #10162b45;padding-bottom:19px}
.blog-topic{appearance:none;border:1px solid #10162b40;background:transparent;color:#10162b;border-radius:999px;padding:12px 19px;min-height:46px;cursor:pointer;font:600 13px/1.2 Arial,sans-serif;transition:background .2s,color .2s,border-color .2s}
.blog-topic:hover,.blog-topic:focus-visible{border-color:#10162b;outline-offset:3px}
.blog-topic[aria-pressed="true"]{background:#10162b;border-color:#10162b;color:#fff}
.blog-results{margin:0 0 28px;color:#596174}
.blog-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(54px,5vw,76px) clamp(19px,2.4vw,38px)}
.blog-story[hidden]{display:none!important}
.blog-story{min-width:0;border-top:1px solid #10162b59;padding-top:15px}
.blog-story-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.blog-story-image{aspect-ratio:1.48;overflow:hidden;background:#d7d9d9}
.blog-story-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.blog-story-link:hover .blog-story-image img{transform:scale(1.045)}
.blog-story-meta{display:flex;justify-content:space-between;gap:12px;color:#ac5149;font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;margin-top:23px}
.blog-story-meta span:last-child{color:#606777;white-space:nowrap}
.blog-story h3{font:400 clamp(29px,2.4vw,38px)/1.07 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:15px 0 12px;max-width:17ch}
.blog-story p{font-size:15px;line-height:1.58;color:#4a5260;max-width:45ch;margin:0 0 27px}
.blog-story-action{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #10162b36;padding-top:15px;margin-top:auto;font:600 13px Arial,sans-serif}
.blog-story-action b{font:400 24px Arial,sans-serif;color:#d7554c}
.blog-story-link:focus-visible{outline:2px solid #d7554c;outline-offset:5px}
@media(max-width:1050px){.blog-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-library-heading{grid-template-columns:1fr 2fr}}
@media(max-width:650px){.blog-library{padding:75px 20px 95px}.blog-library-heading{display:block}.blog-library-heading h2{font-size:clamp(54px,13vw,76px);margin-top:22px}.blog-library-heading p{font-size:17px}.blog-topics{margin:45px 0 16px;gap:7px}.blog-topic{font-size:12px;padding:10px 14px;min-height:42px}.blog-story-grid{grid-template-columns:1fr;gap:52px}.blog-story h3{font-size:clamp(33px,9vw,42px);max-width:20ch}.blog-story-image{aspect-ratio:1.5}}