html,body{margin:0;min-height:100%}
section[id]{scroll-margin-top:84px}
body{background:#0b0b0c}
.marse{--bg:#0b0b0c;--ink:#f2ede6;--ink-2:rgba(242,237,230,.62);--ink-3:rgba(242,237,230,.38);--line:rgba(242,237,230,.14);--font:"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}
.reveal.is-visible{opacity:1;transform:none}
.kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);margin:0 0 18px}
.top{position:fixed;top:16px;left:0;right:0;z-index:20;display:flex;justify-content:center;padding:0 16px;pointer-events:none}
.top-pill{pointer-events:auto;display:flex;align-items:center;gap:18px;background:#0b0b0c8c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:999px;padding:10px 20px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.brand{font-weight:700;letter-spacing:.3em;font-size:12px}
.reg{font-size:8px;vertical-align:super;letter-spacing:0}
.top-mid{color:var(--ink-2)}
@media (max-width:640px){.top-mid{display:none}}
.socials{display:inline-flex;align-items:center;gap:14px}
.socials a{color:var(--ink-2);display:inline-flex;transition:color .25s}
.socials a:hover{color:var(--ink)}
.lang{position:fixed;top:16px;right:16px;z-index:21;display:flex;align-items:center;gap:2px;background:#0b0b0c8c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:999px;padding:6px 8px}
.lang button{background:none;border:0;color:var(--ink-3);font-family:var(--font);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:6px 9px;border-radius:999px;cursor:pointer;transition:color .25s,background .25s}
.lang button:hover{color:var(--ink)}
.lang button.on{background:var(--ink);color:var(--bg);font-weight:600}
.lang .lang-note{font-size:9px;letter-spacing:.1em;color:var(--ink-3);padding:0 6px 0 4px;text-transform:uppercase}
@media (max-width:820px){.lang .lang-note{display:none}}
@media (max-width:640px){.lang{top:auto;bottom:16px;right:16px}}
.hero{position:relative;height:min(100svh,860px);min-height:560px;display:flex;align-items:flex-end;overflow:hidden}
.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1.2s ease}
.hero-slide.on{opacity:1}
.hero-amb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(56px) brightness(.6) saturate(1.2);transform:scale(1.3)}
.hero-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(48px) brightness(.7) saturate(1.25);transform:scale(1.35)}
.hero-vid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:1}
.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b0b0c6b,#0b0b0c14 38%,#0b0b0cb8)}
.hero-copy{position:relative;z-index:2;padding:0 clamp(20px,4vw,48px) clamp(56px,9vh,96px);max-width:900px}
.hero-copy h1{margin:0 0 20px;font-weight:700;letter-spacing:-.035em;line-height:.98;font-size:clamp(44px,9vw,110px)}
.hero-sub{margin:0 0 32px;max-width:460px;font-size:clamp(15px,1.6vw,18px);line-height:1.55;color:var(--ink-2)}
.hero-credit{position:absolute;right:clamp(20px,4vw,48px);bottom:24px;z-index:2;font-size:11px;letter-spacing:.08em;color:var(--ink-3);margin:0;writing-mode:vertical-rl}
@media (max-width:560px){.hero-credit{display:none}}
.hero-dots{position:absolute;z-index:3;left:clamp(20px,4vw,48px);bottom:26px;display:flex;gap:8px}
.hero-dots .dot{width:34px;height:3px;padding:0;border:0;cursor:pointer;background:#f2ede64d;border-radius:2px;transition:background .4s}
.hero-dots .dot.on{background:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--ink);color:var(--bg);text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:16px 26px;border-radius:999px;border:1px solid transparent;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s}
.btn:hover{transform:translateY(-2px);opacity:.9}
.btn .arr{font-size:15px}
.btn-big{padding:20px 34px;font-size:14px}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--ink)}
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:18px 0;background:var(--bg)}
.marquee-track{display:flex;align-items:center;gap:28px;width:max-content;animation:slide 26s linear infinite}
.marquee:hover .marquee-track,.marquee-track.held{animation-play-state:paused}
.marquee-track a{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(242,237,230,.18);padding:4px 0;font-size:clamp(18px,2.4vw,26px);font-weight:700;letter-spacing:.28em;text-transform:uppercase;white-space:nowrap;color:var(--ink);text-decoration:none;transition:color .25s}
.marquee-track a:hover{color:var(--ink-2)}
.marquee-track i{color:var(--ink-3);font-style:normal}
@keyframes slide{to{transform:translate(-50%)}}
.manifesto{padding:clamp(80px,14vh,160px) clamp(20px,4vw,48px);max-width:1080px}
.manifesto .big{margin:0;font-weight:500;letter-spacing:-.02em;line-height:1.18;font-size:clamp(26px,4.6vw,54px)}
.section-head{padding:0 clamp(20px,4vw,48px);margin-bottom:clamp(28px,5vh,48px)}
.section-head h2{margin:0;font-size:clamp(32px,5vw,64px);font-weight:700;letter-spacing:-.03em;line-height:1}
.work{padding:0 0 clamp(60px,10vh,120px)}
.grid{display:grid;gap:10px;padding:0 clamp(10px,1.4vw,16px);grid-template-columns:repeat(6,1fr);grid-auto-flow:dense}
.cell{position:relative;display:block;padding:0;border:0;cursor:pointer;overflow:hidden;border-radius:10px;background:#171718;grid-column:span 2;aspect-ratio:3 / 4;transition:opacity .5s,box-shadow .5s}
.cell.s4{grid-column:span 4;aspect-ratio:16 / 10}
.cell.s3{grid-column:span 3}
.cell.s6{grid-column:span 6;aspect-ratio:21 / 9}
.cell img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.22,1,.36,1)}
.cell:hover img{transform:scale(1.045)}
.cell-meta{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:40px 16px 14px;background:linear-gradient(180deg,transparent,rgba(11,11,12,.62));opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}
.cell:hover .cell-meta,.cell:focus-visible .cell-meta{opacity:1;transform:none}
.cell-title{font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--ink)}
.cell-tag{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap}
@media (hover:none){.cell-meta{opacity:1;transform:none}}
@media (max-width:700px){.cell-meta{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:3px;padding:28px 10px 10px}.cell-title{font-size:13px;line-height:1.25;white-space:normal}.cell-tag{font-size:9px;letter-spacing:.12em;white-space:normal;line-height:1.35}}
.grid.pick .cell{opacity:.3}
.grid.pick .cell.hit{opacity:1;box-shadow:0 0 0 2px var(--ink)}
@media (max-width:700px){.grid{grid-template-columns:repeat(2,1fr)}.cell,.cell.s2,.cell.s3{grid-column:span 1;aspect-ratio:3 / 4}.cell.s4{grid-column:span 2;aspect-ratio:16 / 11}.cell.s6{grid-column:span 2;aspect-ratio:16 / 9}}
.credit{padding:18px clamp(20px,4vw,48px) 0;font-size:12px;color:var(--ink-3);margin:0}
.services{padding:clamp(60px,10vh,120px) clamp(20px,4vw,48px);border-top:1px solid var(--line)}
.service{display:grid;grid-template-columns:70px 1fr 1.2fr;gap:18px;align-items:baseline;padding:26px 0;border-top:1px solid var(--line)}
.service:last-child{border-bottom:1px solid var(--line)}
.service-n{font-size:12px;letter-spacing:.2em;color:var(--ink-3)}
.service-name{font-size:clamp(20px,3vw,32px);font-weight:600;letter-spacing:-.02em}
.service-detail{font-size:14px;line-height:1.55;color:var(--ink-2);max-width:460px}
@media (max-width:700px){.service{grid-template-columns:44px 1fr}.service-detail{grid-column:2}}
.industries{padding:clamp(70px,10vw,130px) clamp(20px,4vw,48px);border-top:1px solid var(--line)}
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:40px}
.ind{background:var(--bg);padding:26px 24px;display:flex;flex-direction:column;gap:8px}
.ind-name{font-size:16px;font-weight:600;letter-spacing:-.01em}
.ind-detail{font-size:13px;line-height:1.5;color:var(--ink-2)}
.ind-note{margin:28px 0 0;font-size:14px;color:var(--ink-2)}
@media (max-width:820px){.ind-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.ind-grid{grid-template-columns:1fr}}
.why{padding:clamp(70px,10vw,130px) clamp(20px,4vw,48px);border-top:1px solid var(--line)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:40px}
.why-card{background:var(--bg);padding:26px 24px;display:flex;flex-direction:column;gap:10px}
.why-num{font-size:11px;letter-spacing:.18em;color:var(--ink-3)}
.why-name{font-size:16px;font-weight:600;letter-spacing:-.01em}
.why-detail{font-size:13px;line-height:1.5;color:var(--ink-2)}
@media (max-width:900px){.why-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.why-grid{grid-template-columns:1fr}}
.cta{padding:clamp(90px,16vh,180px) clamp(20px,4vw,48px);text-align:center;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center}
.cta h2{margin:0 0 22px;font-size:clamp(40px,8vw,96px);font-weight:700;letter-spacing:-.035em;line-height:.98}
.cta-sub{margin:0 0 40px;max-width:440px;font-size:15px;line-height:1.6;color:var(--ink-2)}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:center}
.foot{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between;padding:26px clamp(20px,4vw,48px);border-top:1px solid var(--line);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.foot-brand{font-weight:700;letter-spacing:.3em;color:var(--ink)}
.foot-socials{order:-1}
.foot-mail{color:var(--ink-2);text-decoration:none}
.foot-mail:hover{color:var(--ink)}
.foot-legal{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between;padding:18px clamp(20px,4vw,48px) 30px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.foot-legal a{color:var(--ink-3);text-decoration:none}
.foot-legal a:hover{color:var(--ink)}
.foot-langs{color:var(--ink-3)}
.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#080809f0;display:flex;align-items:center;justify-content:center}
.lb-img{max-width:min(92vw,1100px);max-height:84vh;object-fit:contain}
.lb-cap{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.lb-close{position:absolute;top:14px;right:22px;background:none;border:0;color:var(--ink);font-size:34px;line-height:1;cursor:pointer}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--ink);font-size:44px;line-height:1;cursor:pointer;padding:12px 18px}
.lb-prev{left:8px}.lb-next{right:8px}
.lb-close:hover,.lb-nav:hover{opacity:.6}
.legal{max-width:760px;margin:0 auto;padding:140px clamp(20px,4vw,48px) 100px}
.legal h1{font-size:clamp(32px,5vw,52px);font-weight:700;letter-spacing:-.03em;margin:0 0 12px}
.legal .updated{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0 0 48px}
.legal h2{font-size:18px;font-weight:600;margin:36px 0 10px}
.legal p,.legal li{font-size:15px;line-height:1.65;color:var(--ink-2)}
.legal a{color:var(--ink)}
.legal .back{display:inline-block;margin-bottom:36px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);text-decoration:none}
.legal .back:hover{color:var(--ink)}

/* Industry cards that link to a dedicated page */
a.ind{color:inherit;text-decoration:none}
.ind-link{transition:background .3s}
.ind-link:hover{background:#131314}
.ind-more{margin-top:8px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);transition:color .3s}
.ind-link:hover .ind-more{color:var(--ink)}

/* Industry landing pages (static, English) */
.ip-hero{position:relative;height:min(64svh,600px);min-height:420px;display:flex;align-items:flex-end;overflow:hidden}
.ip-hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}
.ip-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b0b0c80,#0b0b0c1f 38%,#0b0b0cd9)}
.ip-hero-copy{position:relative;z-index:2;padding:0 clamp(20px,4vw,48px) clamp(44px,7vh,72px);max-width:900px}
.ip-hero-copy h1{margin:0 0 18px;font-weight:700;letter-spacing:-.035em;line-height:.98;font-size:clamp(36px,7vw,84px)}
.ip-hero-sub{margin:0 0 28px;max-width:520px;font-size:clamp(15px,1.6vw,18px);line-height:1.55;color:var(--ink-2)}
.ip-back{display:inline-block;margin-bottom:20px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);text-decoration:none}
.ip-back:hover{color:var(--ink)}
.ip-body{padding:clamp(56px,9vh,100px) clamp(20px,4vw,48px);max-width:860px}
.ip-body p{font-size:clamp(15px,1.7vw,18px);line-height:1.65;color:var(--ink-2);margin:0 0 22px}
.ip-body p strong{color:var(--ink);font-weight:600}
.ip-body h2{font-size:clamp(22px,3vw,32px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:36px 0 14px;color:var(--ink)}
.ip-body ul{margin:0 0 22px;padding-left:20px}
.ip-body li{font-size:clamp(15px,1.7vw,18px);line-height:1.65;color:var(--ink-2);margin-bottom:8px}
.ip-more{padding:0 clamp(20px,4vw,48px) clamp(60px,10vh,110px)}
.ip-more-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.ip-more a{border:1px solid var(--line);border-radius:999px;padding:12px 20px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);text-decoration:none;transition:color .25s,border-color .25s}
.ip-more a:hover{color:var(--ink);border-color:var(--ink)}
figure.cell{margin:0;cursor:default}
figure.cell .cell-meta{opacity:1;transform:none}

/* Auto-hide floating header/lang while scrolling down so fixed chrome can never cover section headings */
.top,.lang{transition:opacity .4s ease,transform .4s ease}
body.chrome-hidden .top,body.chrome-hidden .lang{opacity:0;pointer-events:none;transform:translateY(-8px)}