/* Rev06: one fixed palette, bilingual navigation and a completed story arc. */
.header{position:fixed;top:28px;bottom:auto;z-index:20;transition:transform .4s cubic-bezier(.2,.7,.2,1),background .35s,padding .35s,top .25s;will-change:transform}
.header .language-switch{display:flex;gap:5px;align-items:center;font-size:10px;margin:0;border-left:1px solid #e1e3ca45;padding-left:16px}
.header .language-switch a{min-width:35px;min-height:44px;justify-content:center;padding:0 4px;opacity:.6;font-size:10px;letter-spacing:.6px}
.header .language-switch [aria-current=page]{opacity:1}.header .language-switch [aria-current=page]:after{content:'';width:3px;height:3px;background:currentColor;border-radius:50%;position:absolute;bottom:8px}.language-switch a{position:relative}.header .language-switch>span{opacity:.4}
.header.is-scrolled{top:0;padding-top:14px;padding-bottom:14px;background:#142219ed;backdrop-filter:blur(18px);border-bottom:1px solid #e4e9c321;box-shadow:0 6px 28px #08130b1a}.header.is-scrolled .brand{font-size:42px;min-width:67px;letter-spacing:-1.6px;padding:4px 0}.header.is-scrolled .brand span{font-size:6px;letter-spacing:4px;margin:9px 0 0 4px}.header.is-scrolled .nav-contact{border-color:transparent}.header.is-hidden{transform:translateY(calc(-100% - 30px));pointer-events:none}.header:has(:focus-visible){transform:translateY(0);pointer-events:auto}.header-tools{gap:12px}.header.is-scrolled .desktop-nav a{min-height:40px}
html{scroll-padding-top:100px}body{--nav-offset:0px}body.nav-visible{--nav-offset:78px}.story-top{transition:transform .35s ease}.is-animated .story-top{transform:translateY(var(--nav-offset))}.story-navigation i,.story-navigation [aria-pressed=true] i{transform:scaleX(var(--segment,0))}.story-navigation button{overflow:visible}.story-navigation i{transition:none}.story.is-animated{height:360svh}.story.is-animated .story-sticky{height:100svh;min-height:0}.story-sticky:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#d5dfb8;transform:scaleX(var(--journey,0));transform-origin:left;z-index:5;opacity:.35;pointer-events:none}
.living-light,.living-steam{position:absolute;pointer-events:none;display:none}.living-light{inset:0;width:100%;height:100%;mix-blend-mode:screen}.living-steam{left:58.5%;top:6%;width:24%;height:46%;mix-blend-mode:screen}.is-animated .has-live-light .living-light,.is-animated .has-live-steam .living-steam{display:block}.has-live-light .scene-atmosphere,.has-live-steam .steam-field{display:none!important}.scene-visual:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 100px #10180a25;pointer-events:none}.hero-aura{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--pointer-x,78%) var(--pointer-y,27%),#d1b06c24,transparent 47%);mix-blend-mode:screen;opacity:0;transition:opacity 1.3s}.hero:hover .hero-aura{opacity:1}.hero-image{transition:translate 1.4s ease;translate:var(--hero-pan-x,0px) var(--hero-pan-y,0px)}
.company-card{transition:border-color .4s,background .5s}.company-card:hover{border-color:#73815b8c}.ekam-company{background:radial-gradient(ellipse at 10% 0%,#f1f1e5,transparent 70%),var(--surface)}.company-mark{transition:translate .8s cubic-bezier(.2,.7,.2,1)}.ekam-company:hover .company-mark{translate:0 -5px}.text-link span,.contact-people i,.product-open>span{transition:translate .3s}.text-link:hover span,.contact-people>a:hover i,.product-open:hover>span{translate:3px -3px}.footer-up{transition:background .3s,transform .3s}.footer-up:hover{transform:translateY(-4px)}.journey{overflow:hidden}.js .journey-thread svg>path:first-child{stroke-dasharray:460;stroke-dashoffset:460;transition:stroke-dashoffset 2.1s cubic-bezier(.2,.6,.2,1)}.js .journey.in-view .journey-thread svg>path:first-child{stroke-dashoffset:0}.js .journey-thread .thread-leaf{opacity:0;transition:opacity 1.3s .45s}.js .journey.in-view .thread-leaf{opacity:1}
.section-heading h2 em,.manifesto h2 em,.footer-statement em{background:linear-gradient(100deg,#52653c,#869264 48%,#53653c);background-clip:text;-webkit-background-clip:text;color:transparent}.collection-prelude{position:relative}.collection-prelude:before{content:'';height:1px;width:16%;background:linear-gradient(90deg,transparent,#7a8756,transparent);position:absolute;bottom:0;left:42%;opacity:.65}
html[lang=en] h1{font-size:clamp(77px,8.5vw,130px);letter-spacing:-2px}html[lang=en] .scene-copy h2{font-size:clamp(66px,6.8vw,100px)}html[lang=en] .contact h2{font-size:clamp(65px,7vw,104px)}html[lang=en] .pending-badge{letter-spacing:.4px}
@media(min-width:901px) and (max-width:1100px){.header{gap:12px}.header .desktop-nav{gap:15px}.header .language-switch{padding-left:8px;gap:2px}.header .language-switch a{min-width:28px}}
@media(max-width:900px){.header .language-switch{padding-left:0;border:0}.header .language-switch a:first-child{display:flex}.header .language-switch{gap:2px}.header-tools{gap:8px}.header.is-scrolled{padding-top:12px;padding-bottom:12px}.header.is-scrolled .brand{font-size:40px}.header.is-scrolled .brand span{margin-top:7px}body.nav-visible{--nav-offset:72px}}
@media(max-width:760px){.story.is-animated{height:350svh}.is-animated .story-top{padding-top:16px;padding-bottom:16px}.story-top .eyebrow{font-size:7px;letter-spacing:1.3px}.is-animated .scene-copy{padding-top:120px}.header .language-switch a{min-width:29px;min-height:44px;font-size:9px}.header .language-switch{gap:0}.header-tools{gap:9px}.menu-toggle{padding-right:0}.living-steam{width:26%;left:57.5%}.header .desktop-nav{gap:10px 15px}html[lang=en] h1{font-size:clamp(54px,14.2vw,85px);letter-spacing:-1px}html[lang=en] .scene-copy h2{font-size:clamp(46px,12vw,77px)}html[lang=en] .is-animated [data-scene="1"] .scene-copy h2{font-size:clamp(42px,11vw,62px)}html[lang=en] .scene-copy p{font-size:10px}html[lang=en] .companies .section-heading h2{font-size:46px}html[lang=en] .approach h2{font-size:51px}html[lang=en] .footer-statement{font-size:47px}html[lang=en] .journey-thread span{letter-spacing:.7px}}
@media(max-width:380px){.header-tools{gap:5px}.header .language-switch a{min-width:26px}.menu-toggle{font-size:10px;gap:6px}.header .brand{font-size:48px;min-width:65px}.header .brand span{letter-spacing:3.5px}.header{gap:9px}html[lang=en] h1{font-size:clamp(43px,13.4vw,50px);letter-spacing:-.8px}html[lang=en] .scene-copy h2{font-size:44px}html[lang=en] .is-animated [data-scene="1"] .scene-copy h2{font-size:39px}html[lang=en] .story-navigation button{font-size:8px}html[lang=en] .approach h2{font-size:44px}html[lang=en] .companies .section-heading h2{font-size:41px}.header .desktop-nav{gap:8px}}
@media(prefers-reduced-motion:reduce){.living-light,.living-steam{display:none!important}.hero-image,.company-mark{translate:none!important}.hero-aura{display:none}.js .journey-thread svg>path:first-child{stroke-dashoffset:0}.js .journey-thread .thread-leaf{opacity:1}.header{transition:none}.story-top{transition:none}}
html:not(.js) .header{position:absolute}html:not(.js) .living-light,html:not(.js) .living-steam{display:none}