:root{--ox:#000735;--ox2:#0a1a4f;--lapis:#005A87;--jordy:#A7BCFF;--jordy2:#dde4ff;--grey:#EBEBED;--ink:#0b1030;--muted:#5b6784;--bg:#fbfbfd;--line:#e1e5f0;--maxw:1280px;--disp:Mulish,"Segoe UI",Arial,sans-serif;--sans:Mulish,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--lapis)}a:focus-visible,button:focus-visible{outline:3px solid var(--jordy);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;z-index:100}.skip:focus{left:8px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}
h1,h2,.disp{font-family:var(--disp);font-weight:800;letter-spacing:-.025em;text-wrap:balance}
/* grain + hairline grid on dark surfaces */
.dark,.hero,footer{position:relative;isolation:isolate}
.dark::before,.hero::before,footer::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(167,188,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(167,188,255,.045) 1px,transparent 1px);background-size:100% 96px,96px 100%;mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.25))}
.dark > *,.hero > *,footer > *{position:relative;z-index:1}.hero::before{display:none}
/* header */
header{background:var(--ox);color:#fff;position:sticky;top:0;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;height:88px;gap:24px}
.nav .logo img{height:56px;width:auto;display:block}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:18px;align-items:center}.nav li{white-space:nowrap}
.nav a{color:#fff;text-decoration:none;font-weight:700;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;padding-bottom:5px;border-bottom:1px solid transparent}
.nav a:hover,.nav a[aria-current]{border-bottom-color:var(--jordy)}
.nav .lang{margin-left:8px;font-size:11px;border:1px solid rgba(255,255,255,.35);padding:7px 10px}
.burger{display:none;background:none;border:1px solid rgba(255,255,255,.4);color:#fff;padding:9px 12px;font:inherit;letter-spacing:.14em;text-transform:uppercase;font-size:12px}
@media(max-width:1100px){.nav ul{display:none;position:absolute;left:0;right:0;top:88px;background:var(--ox);flex-direction:column;gap:0;padding:12px 32px 22px;border-top:1px solid rgba(167,188,255,.25);z-index:60}
.nav ul.open{display:flex}.nav ul li{padding:12px 0}.burger{display:block}}
/* hero with the real pillar mark */
.hero{background:var(--ox);color:#fff;overflow:hidden;min-height:86vh;display:flex;align-items:flex-end}
.hero .wrap{width:100%;padding-top:96px;padding-bottom:96px;display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:end}
.hero h1{font-size:clamp(44px,6.6vw,92px);line-height:.98;margin:0 0 30px}
.hero h1 .w{display:inline-block;opacity:0;transform:translateY(.35em);animation:wordin .8s cubic-bezier(.2,.7,.2,1) forwards}
.hero p{font-size:clamp(17px,1.5vw,21px);max-width:52ch;margin:0 0 36px;color:#d5dcfa}
.hero .markwrap{justify-self:end;width:min(100%,420px);aspect-ratio:193/274;position:relative}
.hero .markwrap img{width:100%;height:100%;display:block;filter:drop-shadow(0 30px 60px rgba(0,0,0,.45));animation:markin 1.6s cubic-bezier(.2,.7,.2,1) both;clip-path:inset(100% 0 0 0)}
@keyframes markin{to{clip-path:inset(0 0 0 0)}}@keyframes wordin{to{opacity:1;transform:none}}
.hero.pin{display:block;min-height:0;height:calc(100vh - 88px);padding:0}.hero.pin .wrap{align-items:center;padding-top:0;padding-bottom:0;height:100%;grid-template-columns:1fr}.hero.pin .herotxt{max-width:min(560px,40vw)}.hero:not(.pin) .herotxt{max-width:min(600px,48vw)}.hero.pin .markwrap{display:none}.hero.pin .stick{position:relative;height:100%;display:flex;align-items:flex-end;overflow:hidden}
.hero.pin .final{position:absolute;left:max(32px,calc((100vw - 1280px)/2 + 32px));top:50%;transform:translateY(-40%);max-width:min(560px,42vw);opacity:0;transition:opacity .7s,transform .7s;pointer-events:none}
.hero.pin .final.on{opacity:1;transform:translateY(-50%);pointer-events:auto}.hero.pin .final h2{color:#fff;font-size:clamp(44px,6vw,96px);line-height:.95}.hero.pin .final p{color:#d5dcfa;max-width:44ch}
.hero.pin.done::after{content:"";position:absolute;left:50%;bottom:22px;width:1px;height:36px;background:linear-gradient(var(--jordy),transparent);animation:sh 1.6s ease-in-out infinite}
.hero.pin .herotxt{transition:opacity .6s,transform .6s}.hero.pin.scrolled .herotxt{opacity:0;transform:translateY(-30px);pointer-events:none}
.hero.pin .chs{position:absolute;inset:0;pointer-events:none}
.hero.pin .txt.mv .chsub{margin-top:26px}.hero.pin .chsub{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--jordy);margin:-6px 0 22px}
.hero.pin .prog{display:none}
.hero canvas.mark3d{pointer-events:auto}.hero .wrap,.hero .chs{pointer-events:none}.hero .wrap a,.hero .ch.on,.hero .final.on{pointer-events:auto}
.hero.pin .ch{position:absolute;inset:0;opacity:0;transition:opacity .6s;pointer-events:none}
.hero.pin .ch .txt{position:absolute;left:max(32px,calc((100vw - 1280px)/2 + 32px));top:50%;transform:translateY(-40%);max-width:min(440px,36vw);transition:transform .6s}
.hero.pin .ch.on .txt{transform:translateY(-50%)}.hero.pin .ch .txt.mv{max-width:min(760px,56vw)}.hero.pin .ch .txt.mv h2{font-size:clamp(34px,4.2vw,64px)}.mvgrid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:30px}.mvcard{border-top:1px solid rgba(167,188,255,.55);padding-top:16px;opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.hero.pin .ch.on .mvcard{opacity:1;transform:none}.hero.pin .ch.on .mvcard:nth-child(2){transition-delay:.25s}.mvk{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--jordy);margin-bottom:10px;font-weight:700}.mvcard p{font-size:15px;line-height:1.65;color:#d5dcfa;margin:0}
.hero.pin .chwide{position:absolute;right:max(32px,calc((100vw - 1280px)/2 + 32px));top:50%;transform:translateY(-50%);width:min(52vw,760px)}
.hero.pin .chwide .eumap{width:100%;height:min(60vh,520px);display:block}
.lbls{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.lbls .leaders{position:absolute;inset:0;width:100%;height:100%}.lbls .leaders line{stroke:var(--jordy);stroke-width:1}
.lbl{position:absolute;left:0;top:0;color:#fff;text-decoration:none;opacity:0;white-space:nowrap;display:flex;flex-direction:column;gap:2px;transition:opacity .1s}
.lbl b{font-weight:800;font-size:15px;letter-spacing:.02em}.lbl span{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--jordy)}
.lbl.city b{font-size:13px;letter-spacing:.16em}.lbl.year b{font-size:clamp(28px,3vw,44px);letter-spacing:-.02em}.lbl.esg b{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--jordy)}
.lbl.lproj{padding-bottom:6px;border-bottom:1px solid rgba(167,188,255,.5)}.lbl.lbl.lproj[href]:hover b{color:var(--jordy)}
.hero.pin .projs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;width:min(46vw,680px)}
.hero.pin .pj{display:flex;flex-direction:column;gap:6px;padding:22px 20px;border:1px solid rgba(167,188,255,.35);background:rgba(0,7,53,.55);backdrop-filter:blur(6px);text-decoration:none;color:#fff;opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s,border-color .3s}
.hero.pin .ch.on .pj{opacity:1;transform:none;transition-delay:calc(var(--d) * .18s + .25s)}.hero.pin .pj:hover{border-color:var(--jordy)}
.hero.pin .pj .k{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--jordy)}.hero.pin .pj b{font-size:18px;font-weight:800;line-height:1.15}.hero.pin .pj .s{font-size:12px;color:#c9d2f5}
.hero.pin .chnav{position:absolute;right:28px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;pointer-events:auto}
.hero.pin .chnav button{width:10px;height:10px;border-radius:50%;border:1px solid var(--jordy);background:transparent;padding:0;position:relative;cursor:pointer;opacity:.6;transition:opacity .3s,background .3s}
.hero.pin .chnav button.on{background:var(--jordy);opacity:1}.hero.pin .chnav button span{position:absolute;right:20px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--jordy);opacity:0;transition:opacity .3s}
.hero.pin .chnav button:hover span,.hero.pin .chnav button.on span{opacity:1}
.hero.pin .chwide .eumap{width:100%;height:min(64vh,560px);display:block;filter:drop-shadow(0 0 30px rgba(167,188,255,.15))}
.hero.pin{background:var(--scene,#000735);transition:background 1.2s ease}
.hero.pin .photos{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.hero.pin .photos .duo{aspect-ratio:3/4}.hero.pin .photos .yrs{grid-column:1/-1;font-family:var(--disp);font-weight:800;font-size:clamp(16px,1.6vw,24px);color:var(--jordy);letter-spacing:.04em;margin-top:8px}
.hero.pin .ch.on{opacity:1;pointer-events:auto}.hero.pin .ch h2{color:#fff;font-size:clamp(30px,3.6vw,54px)}.hero.pin .ch p{color:#d5dcfa;font-size:18px;max-width:40ch}
.hero.pin .scrollhint{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--jordy);display:flex;flex-direction:column;align-items:center;gap:10px;transition:opacity .5s}
.hero.pin .scrollhint span{width:1px;height:40px;background:linear-gradient(var(--jordy),transparent);animation:sh 1.6s ease-in-out infinite}@keyframes sh{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.hero.pin.scrolled .scrollhint{opacity:0}
@media(max-width:900px){.hero.pin{height:auto}.hero.pin .stick{position:static;height:auto}.hero.pin .final{display:none}.hero.pin .chs{position:static;padding:0 32px 48px}.hero.pin .ch{position:static;opacity:1;transform:none;max-width:none;margin-bottom:36px;pointer-events:auto}.hero.pin .scrollhint{display:none}.hero.pin.scrolled .herotxt{opacity:1;transform:none;pointer-events:auto}}
.hero.sub{min-height:62vh}.hero.sub h1{font-size:clamp(36px,5vw,68px)}.hero.sub .markwrap{width:min(100%,260px);opacity:.9}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}.hero .markwrap{justify-self:start;width:160px;order:-1}}
.eyebrow{font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;font-weight:800;color:var(--jordy);margin-bottom:26px;display:flex;align-items:center;gap:14px}
.eyebrow::before{content:"";width:34px;height:1px;background:var(--jordy)}
.btn{display:inline-block;background:var(--jordy);color:var(--ox);text-decoration:none;font-weight:800;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;padding:16px 26px}
.btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45);margin-left:10px}.btn:hover{filter:brightness(1.06)}
/* sections */
section{padding:112px 0}section.alt{background:#f1f3f9}section.dark{background:var(--ox);color:#fff}section.tight{padding:72px 0}
h2{font-size:clamp(32px,4vw,54px);line-height:1.05;margin:0 0 26px;color:var(--ox)}section.dark h2{color:#fff}
h3{font-size:19px;font-weight:700;margin:0 0 10px;color:var(--ox)}section.dark h3{color:#fff}
p{margin:0 0 16px}.lead{font-size:clamp(18px,1.4vw,21px);max-width:60ch;color:var(--ox2);line-height:1.6}section.dark .lead{color:#d5dcfa}
.kicker{font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;font-weight:800;color:var(--lapis);margin-bottom:18px;display:flex;align-items:center;gap:14px}.kicker::before{content:"";width:34px;height:1px;background:currentColor}
section.dark .kicker{color:var(--jordy)}
.grid{display:grid;gap:40px}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g2w{grid-template-columns:5fr 7fr}
@media(max-width:900px){.g2,.g3,.g2w{grid-template-columns:1fr}}
/* chapter: sticky numeral + content */
.chap{display:grid;grid-template-columns:140px 1fr;gap:48px}
.chap .no{font-family:var(--disp);font-weight:800;font-size:64px;line-height:1;color:var(--jordy);position:sticky;top:120px;align-self:start}
@media(max-width:900px){.chap{grid-template-columns:1fr;gap:16px}.chap .no{position:static;font-size:40px}}
/* interactive pillar mark */
.sleeves{padding:120px 0;background:#fff}
.mark3{width:min(100%,380px);justify-self:center;overflow:visible}
.mark3 .pl polygon{fill:var(--jordy2);stroke:none;transition:fill .35s,transform .5s cubic-bezier(.2,.7,.2,1);transform-origin:50% 100%;transform-box:fill-box}
.mark3 .pl:hover polygon,.mark3 .pl.on polygon{fill:var(--ox)}
.mark3 .pl:focus-visible polygon{fill:var(--ox)}
.mark3.rise .pl polygon{animation:up .9s cubic-bezier(.2,.7,.2,1) both}.mark3.rise .pl:nth-child(1) polygon{animation-delay:.05s}.mark3.rise .pl:nth-child(2) polygon{animation-delay:.2s}.mark3.rise .pl:nth-child(3) polygon{animation-delay:.35s}
@keyframes up{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.ppwrap{position:relative;min-height:230px;margin-top:18px}
.pp{position:absolute;inset:0;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .35s;pointer-events:none}
.pp[data-on]{opacity:1;transform:none;pointer-events:auto}.pp h3{font-family:var(--disp);font-size:30px;font-weight:800}.pp p{color:var(--muted);max-width:44ch}
@media(max-width:900px){.mark3{width:200px}.ppwrap{min-height:260px}}
/* three sleeves: tall panels with big numerals */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line)}
.trio a{display:flex;flex-direction:column;min-height:440px;padding:44px 36px;text-decoration:none;color:var(--ink);background:#fff;position:relative;overflow:hidden;transition:background .3s,color .3s}
.trio a .no{font-family:var(--disp);font-weight:800;font-size:96px;line-height:.8;color:var(--jordy2);transition:color .3s}
.trio a h3{font-family:var(--disp);font-size:30px;font-weight:800;margin:auto 0 14px}
.trio a p{color:var(--muted);margin:0 0 26px;transition:color .3s}.trio a span{font-weight:800;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--lapis)}
.trio a:hover{background:var(--ox);color:#fff}.trio a:hover .no{color:var(--jordy)}.trio a:hover h3{color:#fff}.trio a:hover p{color:#c9d2f5}.trio a:hover span{color:var(--jordy)}
@media(max-width:900px){.trio{grid-template-columns:1fr}.trio a{min-height:0}}
/* marquee strip of the four brand facts */
.strip{display:grid;grid-template-columns:repeat(4,1fr)}
.strip div{padding:40px 30px;border-left:1px solid rgba(167,188,255,.25)}.strip div:first-child{border-left:none}
.strip .num{white-space:nowrap;font-family:var(--disp);font-weight:800;font-size:clamp(40px,4.4vw,72px);line-height:1;color:var(--jordy);font-variant-numeric:tabular-nums}
.strip p{margin:12px 0 0;color:#d5dcfa;font-size:13px;letter-spacing:.16em;text-transform:uppercase}
@media(max-width:900px){.strip{grid-template-columns:1fr 1fr}.strip div:nth-child(3){border-left:none}.strip div{border-top:1px solid rgba(167,188,255,.25)}.strip div:nth-child(-n+2){border-top:none}}
/* duotone */
.duo{position:relative;overflow:hidden;background:var(--ox);aspect-ratio:4/3}
.duo img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.08) brightness(.95);mix-blend-mode:luminosity;opacity:.9;transform:none}
.duo::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(167,188,255,.4),rgba(0,7,53,.15));mix-blend-mode:multiply;pointer-events:none}
.ph{background:var(--ox);aspect-ratio:4/3;position:relative;overflow:hidden;color:#fff}
.ph img{position:absolute;right:-6%;bottom:-4%;height:108%;opacity:.16;animation:kb 18s ease-in-out infinite alternate}@keyframes kb{from{transform:scale(1) translate(0,0)}to{transform:scale(1.12) translate(-3%,-2%)}}.ph span{position:absolute;left:24px;bottom:20px;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--jordy);font-weight:800}
figure{margin:0}figcaption{font-size:12.5px;color:var(--muted);margin-top:10px;letter-spacing:.06em;text-transform:uppercase}
/* projects: full-bleed alternating */
.proj.cine{display:block;position:relative;min-height:100vh;color:#fff;background:var(--ox)}
.proj.cine .media{position:absolute;inset:0}.proj.cine .media .ph{position:absolute;inset:0;aspect-ratio:auto;min-height:0}
.proj.cine .txt{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:120px 8vw 80px;background:linear-gradient(180deg,rgba(0,7,53,0) 30%,rgba(0,7,53,.85) 100%)}
.proj.cine h2{color:#fff;font-size:clamp(40px,7vw,110px);line-height:.95;margin-bottom:18px}.proj.cine .lead{color:#d5dcfa;max-width:52ch}.proj.cine .kicker{color:var(--jordy)}
.proj.cine .tags li{color:#fff;border-color:rgba(255,255,255,.5)}
.proj.cine .ph img{opacity:.22;height:130%;right:-10%;bottom:-10%}.resec{padding:96px 0;border-top:1px solid var(--line)}.resec.alt{background:#f1f3f9}.rehead{max-width:62ch;margin-bottom:48px}.rehead h2{font-size:clamp(34px,4vw,56px);margin:10px 0 14px}.regrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.regrid.sub{margin-top:64px;padding-top:56px;border-top:1px solid var(--line)}.recard h3{font-size:22px;margin:14px 0 8px}.recard .kicker{margin-top:18px}.recard p{color:#3b4266;font-size:15px;line-height:1.6}.recard .tags{margin-top:16px}.recard .tags li{font-size:10.5px;padding:6px 9px}.rephoto{position:relative;overflow:hidden;background:var(--ox);aspect-ratio:4/3}.rephoto.wide{aspect-ratio:3/2}.rephoto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.4s ease}.recard:hover .rephoto img,.rerow:hover .rephoto img{transform:scale(1.03)}.rerow{display:grid;grid-template-columns:minmax(0,560px) 1fr;gap:64px;align-items:center}.rerow h2{font-size:clamp(32px,3.6vw,52px);margin:10px 0 14px}.rerow .lead{max-width:50ch}@media(max-width:900px){.regrid{grid-template-columns:1fr}.rerow{grid-template-columns:1fr;gap:28px}}.proj.cine .ph.real img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82;animation:none;right:0;bottom:0}.proj.cine .ph.real::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,7,53,.15),rgba(0,7,53,.35) 55%,rgba(0,7,53,.92))}.proj.cine.sub{min-height:72vh}.proj.cine.sub .txt{min-height:72vh}.proj.cine.sub h2{font-size:clamp(30px,4.2vw,64px)}.proj.cine.cluster h2::before{content:"";display:block;width:56px;height:2px;background:var(--jordy);margin-bottom:18px}
.proj{display:grid;grid-template-columns:1fr 1fr;min-height:70vh}
.proj .media{position:relative}.proj .media .duo,.proj .media .ph{height:100%;aspect-ratio:auto;min-height:420px}
.proj .txt{padding:96px 8vw;display:flex;flex-direction:column;justify-content:center}
.proj:nth-child(even) .media{order:2}.proj:nth-child(even){background:#f1f3f9}
.proj h2{font-size:clamp(32px,3.6vw,52px)}
.tags{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.tags li{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ox);border:1px solid var(--ox);padding:8px 12px}
@media(max-width:900px){.proj{grid-template-columns:1fr}.proj:nth-child(even) .media{order:0}.proj .txt{padding:56px 32px}}
/* timeline: horizontal on desktop, large years */
.hsplit .stickyyr{position:sticky;top:120px}.hsplit .bigyr{font-family:var(--disp);font-weight:800;font-size:clamp(56px,8vw,150px);line-height:1;color:var(--jordy);letter-spacing:-.03em}
.hsplit .bigyr.flip{animation:flip .5s cubic-bezier(.2,.7,.2,1)}@keyframes flip{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.hart{padding:0 0 96px;opacity:.35;transition:opacity .5s}.hart .duo{max-width:440px}.hart .duo img{transform:none}.hart.on{opacity:1}.hart h3{font-family:var(--disp);font-size:28px;color:#fff;margin:22px 0 10px}.hart p{color:#c9d2f5;max-width:52ch}
@media(max-width:900px){.hsplit .stickyyr{position:static;margin-bottom:24px}.hart{opacity:1}}
.tlpin{padding:0;height:520vh}.tlpin .sticky{position:sticky;top:88px;height:calc(100vh - 88px);display:flex;align-items:center;overflow:hidden}
.tl{display:flex;gap:0;width:max-content;border-top:1px solid rgba(167,188,255,.3);will-change:transform}
.tl article{width:min(420px,80vw)}
@media(max-width:800px){.tlpin{height:auto;padding:96px 0}.tlpin .sticky{position:static;height:auto;overflow-x:auto}.tl{transform:none!important}}
.tl article{scroll-snap-align:start;padding:44px 36px 20px 0;margin-right:36px;border-right:1px solid rgba(167,188,255,.2);position:relative;flex:none}
.tl article::before{content:"";position:absolute;left:0;top:-1px;width:56px;height:3px;background:var(--jordy)}
.tl .yr{font-family:var(--disp);font-weight:800;font-size:clamp(40px,4vw,64px);line-height:1;color:var(--jordy);margin-bottom:18px;font-variant-numeric:tabular-nums}
.tl h3{font-family:var(--disp);font-size:24px;font-weight:800;color:#fff;margin:0 0 10px}.tl p{color:#c9d2f5;font-size:15px}
.tl-hint{font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--jordy);margin-top:18px}
.quote{font-family:var(--disp);font-weight:800;font-size:clamp(28px,3.6vw,50px);color:var(--ox);max-width:20ch;line-height:1.12;margin:0}
.quote small{display:block;font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-top:22px}
section.dark .quote{color:#fff}section.quote-sec{background:var(--ox)!important;padding:110px 0;border-top:1px solid rgba(167,188,255,.18)}section.quote-sec .quote{max-width:24ch;font-size:clamp(30px,4vw,56px)}section.quote-sec .quote small{display:block;margin-top:22px;font-family:var(--body,inherit);font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--jordy);font-weight:800}section.dark .quote small{color:var(--jordy)}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--line)}
.steps li{padding:40px 36px;background:#fff}.steps b{display:block;font-family:var(--disp);font-size:26px;color:var(--ox);margin-bottom:10px}
@media(max-width:800px){.steps{grid-template-columns:1fr}}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}@media(max-width:900px){.pillars{grid-template-columns:1fr}}
.pillars .p{border-top:3px solid var(--ox);padding-top:22px}.pillars .p h3{font-family:var(--disp);font-size:24px}
form{display:grid;gap:18px;max-width:560px}label{font-weight:800;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ox)}
input,textarea{width:100%;font:inherit;padding:14px;border:1px solid #c3cbe3;background:#fff}textarea{min-height:160px}
.note{font-size:13px;color:var(--muted)}
footer{background:var(--ox);color:#c3cdf2;padding:80px 0 32px;font-size:14px;overflow:hidden}
footer .big{margin:0 0 40px;user-select:none}footer .big img{width:min(82%,900px);height:auto;display:block;opacity:.07;filter:none}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}@media(max-width:900px){footer .cols{grid-template-columns:1fr}}
footer img.logo{height:44px;width:auto;margin-bottom:18px}footer a{color:#fff;text-decoration:none}footer a:hover{text-decoration:underline}
footer ul{list-style:none;padding:0;margin:0}footer li{margin:8px 0}footer h3{color:var(--jordy);font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;margin-bottom:14px}
footer .legal{border-top:1px solid rgba(167,188,255,.2);margin-top:48px;padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.prose{max-width:70ch}.prose h3{margin-top:30px}
/* preloader: counting year, then the logo */
.preload{position:fixed;inset:0;background:var(--ox);z-index:300;display:flex;align-items:center;justify-content:center;transition:opacity .9s ease,visibility .9s;animation:preout .8s ease 4.5s forwards}@keyframes preout{to{opacity:0;visibility:hidden}}
.preload .yr{font-family:var(--disp);font-weight:800;font-size:clamp(80px,16vw,220px);color:var(--jordy);letter-spacing:-.03em;font-variant-numeric:tabular-nums;transition:opacity .4s}
.preload img{position:absolute;width:min(46vw,360px);opacity:0;transform:translateY(12px);transition:opacity .7s ease,transform .7s ease}
.preload.logo .yr{opacity:0}.preload.logo img{opacity:1;transform:none}.preload.out{opacity:0;visibility:hidden}
/* page wipe */
.wipe{position:fixed;inset:0;background:var(--ox);z-index:290;transform:translateY(101%);transition:transform .55s cubic-bezier(.7,0,.2,1);display:flex;align-items:center;justify-content:center;pointer-events:none}
.wipe img{width:min(40vw,320px);opacity:0;transition:opacity .3s .25s}.wipe{visibility:hidden}.wipe.in{transform:none;visibility:visible}.wipe.in img{opacity:1}
/* film grain */
.grain{position:fixed;inset:-50%;width:200%;height:200%;z-index:250;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}100%{transform:translate(3%,1%)}}
/* custom cursor */
html.has-cursor,html.has-cursor a,html.has-cursor button{cursor:none}
.cur{position:fixed;left:-8px;top:-8px;width:16px;height:16px;border-radius:50%;background:var(--jordy);z-index:400;pointer-events:none;mix-blend-mode:difference;transition:width .25s,height .25s,margin .25s,background .25s}
.cur.big{width:56px;height:56px;margin:-20px 0 0 -20px;background:rgba(167,188,255,.35);mix-blend-mode:normal;border:1px solid var(--jordy)}
.cur span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:800 10px/1 Mulish,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff;white-space:nowrap;opacity:0;transition:opacity .2s}
.cur.lab{width:110px;height:110px;margin:-47px 0 0 -47px;background:var(--ox);border:1px solid var(--jordy);mix-blend-mode:normal}.cur.lab span{opacity:1}
/* scroll colour ground */
:root{--ground:#fbfbfd}body{background:var(--ground);transition:background 1s ease}
section.alt,.statement,.sleeves,section[data-bg="#fbfbfd"]{background:transparent}
html.inertia{scroll-behavior:auto}
/* masked text reveal */
.mask{display:block;overflow:hidden}.mask > span{display:block;transform:translateY(110%);transition:transform .9s cubic-bezier(.2,.7,.2,1)}.in .mask > span,.mask.in > span{transform:none}
/* scroll progress as the three pillars */
.scrollmark{position:fixed;right:22px;bottom:22px;z-index:40;display:flex;align-items:flex-end;gap:4px;height:44px;opacity:.9;mix-blend-mode:difference}
.scrollmark i{display:block;width:9px;background:var(--jordy);height:0;transition:height .15s linear}
.scrollmark i:nth-child(1){max-height:26px;clip-path:polygon(0 30%,100% 0,100% 100%,0 100%)}.scrollmark i:nth-child(2){max-height:44px;clip-path:polygon(0 18%,100% 0,100% 100%,0 100%)}.scrollmark i:nth-child(3){max-height:36px;clip-path:polygon(0 0,100% 22%,100% 100%,0 100%)}
@media(max-width:700px){.scrollmark{display:none}}
/* statement with self-drawing underline */
.statement{padding:120px 0;background:var(--jordy2)}
.statement .st{font-family:var(--disp);font-weight:800;font-size:clamp(48px,9vw,150px);line-height:1;color:var(--ox);margin:0;position:relative;display:inline-block;letter-spacing:-.02em}
.statement .ul{position:absolute;left:0;right:0;bottom:-.08em;width:100%;height:.12em;overflow:visible}
.statement .ul path{fill:none;stroke:var(--ox);stroke-width:5;stroke-linecap:round;stroke-dasharray:620;stroke-dashoffset:620}
.statement.in .ul path{animation:draw2 1.4s cubic-bezier(.2,.7,.2,1) .2s forwards}@keyframes draw2{to{stroke-dashoffset:0}}
/* 3D mark canvas */
.hero canvas.mark3d{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero.pin canvas.mark3d{position:absolute}.hero.pin .stick > .wrap{position:relative;z-index:2}
.hero .markwrap.has3d img{opacity:0}
.hero .wrap{z-index:2}
/* hero spotlight following the cursor */
.hero .stick{position:relative;width:100%}.hero .spot{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(520px circle at var(--mx,70%) var(--my,40%),rgba(167,188,255,.16),transparent 60%);transition:background .05s}
/* parallax */
.duo img{will-change:auto}.duo.plain img{filter:none;mix-blend-mode:normal;opacity:1;transform:none}.duo.plain::after{display:none}
/* mission / vision */
.mv{border-left:2px solid var(--jordy);padding-left:28px}
/* route */
.eumap{width:100%;height:clamp(360px,52vw,640px);display:block;margin-top:24px}
.route{width:100%;height:auto;margin-top:24px;overflow:visible}
.route .line{fill:none;stroke:var(--ox);stroke-width:2;stroke-dasharray:1600;stroke-dashoffset:1600}
.route .line.next{stroke-dasharray:6 8;stroke-dashoffset:0;opacity:0;stroke:var(--lapis)}.route-sec.in .line.next{animation:pop .8s ease 2.6s forwards}
.route-sec.in .line{animation:draw 2.4s ease forwards}@keyframes draw{to{stroke-dashoffset:0}}
.route .pt circle{fill:var(--jordy);stroke:var(--ox);stroke-width:3;opacity:0}.route .pt text{font-family:var(--disp);font-weight:800;font-size:22px;fill:var(--ox);text-anchor:middle;opacity:0}.route .pt .sub{font-family:var(--sans);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;fill:var(--muted)}
.route-sec.in .pt circle,.route-sec.in .pt text{animation:pop .6s ease forwards;animation-delay:calc(var(--d) + .6s)}@keyframes pop{to{opacity:1}}
@media(max-width:700px){.route .pt text{font-size:30px}.route .pt .sub{font-size:16px}}
/* counters */
.strip .num[data-count]{min-width:2.2ch;display:inline-block}
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.intro{display:none}.marquee .track{animation:none}.route .line{stroke-dashoffset:0;animation:none}.route .pt circle,.route .pt text{opacity:1;animation:none}.rv{opacity:1;transform:none;transition:none}.hero .markwrap img,.hero h1 .w{animation:none;opacity:1;transform:none;clip-path:none}.duo img{transition:none}}

.xs{padding:104px 0;border-top:1px solid var(--line);background:#fbfbfd}.xs.alt{background:#f1f3f9}.xs.dark{background:var(--ox);color:#fff;border-top:0}
.sechead{max-width:60ch;margin-bottom:44px}.sechead h2{font-size:clamp(32px,3.8vw,54px);margin:10px 0 14px;line-height:1.05}.sechead .lead{max-width:56ch}.xs.dark .sechead h2{color:#fff}.xs.dark .lead{color:#d5dcfa}
.ic{width:34px;height:34px;color:var(--ox);display:block;margin-bottom:18px}.xs.dark .ic{color:var(--jordy)}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.cat{display:block;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);padding:34px 30px 30px;transition:transform .35s,box-shadow .35s}.cat:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px rgba(0,7,53,.45)}.cat h3{font-size:22px;margin:0 0 10px}.cat p{color:#3b4266;font-size:15px;line-height:1.6;min-height:3.2em}.cat .more{display:inline-block;margin-top:16px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:var(--ox);border-bottom:1px solid var(--jordy);padding-bottom:4px}
.icards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px}.icard{background:#fff;border:1px solid var(--line);padding:30px 26px}.xs.dark .icard{background:rgba(255,255,255,.04);border-color:rgba(167,188,255,.25)}.icard h3{font-size:19px;margin:0 0 8px}.icard p{font-size:15px;line-height:1.6;color:#3b4266;margin:0}.xs.dark .icard p{color:#d5dcfa}.xs.alt .icard{background:#fff}
.proc{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}.proc::before{content:"";position:absolute;left:0;right:0;top:22px;height:1px;background:linear-gradient(90deg,var(--jordy),rgba(167,188,255,.2))}.proc li{padding:0 28px 0 0;position:relative}.proc .pn{display:inline-block;background:var(--ox);color:#fff;font-size:12px;letter-spacing:.18em;font-weight:800;padding:12px 14px;position:relative;z-index:1;margin-bottom:22px}.proc h3{font-size:20px;margin:0 0 8px}.proc p{font-size:15px;line-height:1.6;color:#3b4266;margin:0;max-width:30ch}.proc.dark .pn{background:var(--jordy);color:var(--ox)}.proc.dark h3{color:#fff}.proc.dark p{color:#d5dcfa}
.mapwrap{position:relative}.maplegend{list-style:none;padding:0;margin:14px 0 0;display:flex;gap:26px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:#A7BCFF}.maplegend li{display:flex;align-items:center;gap:9px}.maplegend li::before{content:"";width:10px;height:10px;border-radius:50%;box-sizing:border-box}.maplegend .on::before{background:#A7BCFF}.maplegend .nx::before{border:1.6px solid #A7BCFF}.eumap,.worldmap{width:100%;height:auto;display:block}.worldwrap{align-self:center}.clock-sec .clockwrap{align-self:center}.tw-sec .g2w{align-items:center}.soclist{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:16px}.soclist li{border-top:1px solid var(--line);padding-top:14px}.soclist h3{font-size:16px;margin:0 0 4px}.soclist p{margin:0;font-size:14.5px;color:#3b4266}.esg-gov .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.esg-gov .pillars h3{color:#fff;font-size:18px;margin:0 0 10px}.esg-gov .pillars p{color:#d5dcfa;font-size:15px;line-height:1.6}.esg-gov .pillars .p{border-top:1px solid rgba(167,188,255,.35);padding-top:18px}@media(max-width:900px){.esg-gov .pillars{grid-template-columns:1fr;gap:26px}}.pe-j .g2w,.pe-r .g2w,.pe-v .g2w{align-items:center}.pevis{width:100%;max-width:560px;margin:0 auto}.pevis svg{width:100%;height:auto;display:block}.rings-wrap{max-width:600px}.forms{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:18px}.forms li{display:flex;gap:14px;align-items:flex-start}.forms li svg{flex:0 0 26px;width:26px;height:26px;margin-top:2px}.forms h3{font-size:16px;margin:0 0 4px}.forms p{margin:0;font-size:14.5px;color:#3b4266}.twwrap{max-width:560px;margin:0 auto;width:100%}.tegenwicht{width:100%;height:auto;display:block}.globe-sec .g2w{align-items:center}.globewrap{display:flex;justify-content:center}.globe{width:min(100%,520px);aspect-ratio:1/1;display:block}.globe-sec .proc{grid-template-columns:1fr;gap:22px}.globe-sec .proc::before{display:none}.globe-sec .proc li{padding:0}.clockface{position:relative;color:var(--ox);max-width:520px;margin:0 auto}.clock24{width:100%;height:auto;display:block}.clock24 .hand{transition:transform 1s ease}.clocknow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.clocknow .k{display:block;font-size:10px;letter-spacing:.28em;text-transform:uppercase;font-weight:800;color:var(--kick)}.clocknow .v{display:block;font-size:15px;font-weight:800;color:var(--ox);margin-top:4px;max-width:120px}.clockleg{list-style:none;padding:0;margin:22px auto 0;display:flex;justify-content:center;gap:26px;flex-wrap:wrap}.clockleg li{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#3b4266;padding-left:16px;position:relative}.clockleg li::before{content:"";position:absolute;left:0;top:5px;width:9px;height:9px;border-radius:50%}.clockleg li b{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ox)}.lg-azie::before{background:#A7BCFF}.lg-europa::before{background:#000735}.lg-amerika::before{background:#3b4a9b}.clocknote{font-size:13.5px;color:#3b4266;max-width:46ch;margin-top:-10px}.statement-sec .bigstate{font-size:clamp(40px,6.4vw,96px);line-height:.98;letter-spacing:-.02em;max-width:14ch;margin:10px 0 28px}.statement-sec .lead.wide{max-width:64ch;font-size:clamp(17px,1.35vw,21px)}.mosaicwrap{align-self:center}.mosaic{width:100%;height:auto;display:block}.mosaicleg{display:flex;gap:22px;flex-wrap:wrap;margin-top:16px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--kick)}.mosaicleg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:8px;vertical-align:-1px}
.balance{display:grid;grid-template-columns:1fr 40px 1fr;align-items:end;gap:18px;padding:24px 0}.balance .bar{display:flex;gap:6px;align-items:flex-end;height:150px;margin-bottom:18px}.balance .bar span{flex:1;background:var(--jordy);border-radius:2px 2px 0 0;animation:brise 1.2s ease both}.balance .bl .bar span:nth-child(1){height:60%}.balance .bl .bar span:nth-child(2){height:85%}.balance .bl .bar span:nth-child(3){height:70%}.balance .bl .bar span:nth-child(4){height:95%}.balance .bar.slab span{background:var(--ox);height:100%}.balance .bar.slab span:nth-child(2){height:78%}.balance .pivot{width:1px;height:190px;background:var(--line);justify-self:center}.balance h3{font-size:18px;margin:0 0 4px}.balance p{font-size:14px;color:#3b4266;margin:0}
@keyframes brise{from{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}
.xs.cta{text-align:center}.xs.cta h2{font-size:clamp(40px,6vw,88px);color:#fff;margin:0 0 16px}.xs.cta .lead{color:#d5dcfa;margin:0 auto 28px;max-width:52ch}
@media(max-width:900px){.cats,.proc{grid-template-columns:1fr}.proc::before{display:none}.proc li{padding:0 0 32px}.balance{grid-template-columns:1fr}.balance .pivot{display:none}}

/* v18: light sections always opaque (scroll-colour ground can lag on mobile/Safari) */
section.xs:not(.dark),section.resec{background:#fbfbfd!important}section.xs.alt,section.resec.alt{background:#f1f3f9!important}
/* v18b: sub-page hero + grids on mobile */
.steps.three{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.steps.three{grid-template-columns:1fr}.hero.sub{padding:28px 0 8px;min-height:0}.hero.sub .wrap{padding:16px 0 40px;display:block}.hero.sub .markwrap{width:120px;margin:0 0 22px;order:0}.hero:not(.pin) .herotxt{max-width:none}.hero h1{font-size:clamp(32px,9vw,44px);margin-bottom:18px}.hero .herotxt p,.hero .lead{font-size:16px}.hero.pin .herotxt .btn{margin-bottom:8px}}
/* v25: mobile fixes: sub-page hero uses the static mark, final chapter visible, timeline years inline */
@media(max-width:900px){.hero.sub canvas.mark3d{display:none!important}.hero.sub .markwrap{display:block;width:120px;margin:0 0 22px;aspect-ratio:193/274}.hero.pin .final{display:block}.hsplit .stickyyr{display:none}.hart::before{content:attr(data-yr);display:block;font-weight:800;font-size:34px;line-height:1;color:var(--jordy);letter-spacing:-.02em;margin:0 0 14px}.hart{padding:0 0 56px;opacity:1}.hart h3{font-size:22px}}
/* v24: same scrollytelling on mobile; scene on top, text at the bottom */
@media(max-width:900px){
.hero.pin{height:calc(100vh - 72px);height:calc(100dvh - 72px);padding:0}
.hero.pin .stick{position:relative;height:100%;display:block;overflow:hidden;padding:0}
.hero canvas.mark3d{display:block}
.hero.pin .markwrap{display:none}
.hero.pin .wrap{height:100%;display:block;padding:0 20px}
.hero.pin .herotxt{position:absolute;left:20px;right:36px;bottom:64px;max-width:none}
.hero.pin .herotxt h1{font-size:clamp(28px,8.2vw,40px);margin-bottom:12px}
.hero.pin .herotxt p{font-size:15px;line-height:1.5;margin-bottom:14px}
.hero.pin .herotxt .btn{padding:12px 16px;font-size:11px}
.hero.pin .chs{position:absolute;inset:0;padding:0}
.hero.pin .ch{position:absolute;inset:0;opacity:0;pointer-events:none;border:0;padding:0}
.hero.pin .ch.on{opacity:1}
.hero.pin .ch .txt{position:absolute;left:20px;right:36px;top:auto;bottom:56px;transform:translateY(12px);max-width:none}.hero.pin .stick::after{content:"";position:absolute;left:0;right:0;bottom:0;height:66%;background:linear-gradient(180deg,rgba(0,7,53,0) 0%,rgba(0,7,53,.6) 30%,rgba(0,7,53,.94) 60%);pointer-events:none;z-index:1}.hero.pin .chs,.hero.pin .wrap,.hero.pin .final{z-index:2}
.hero.pin .ch.on .txt{transform:none}
.hero.pin .ch .txt h2{font-size:clamp(24px,7vw,34px);margin:6px 0 10px}
.hero.pin .ch .txt p{font-size:14.5px;line-height:1.5}
.hero.pin .ch .txt .btn{padding:11px 14px;font-size:11px}
.hero.pin .ch .txt.mv{max-width:none}.hero.pin .ch .txt.mv h2{font-size:clamp(22px,6.4vw,30px)}
.mvgrid{grid-template-columns:1fr;gap:10px;margin-top:12px}.mvcard{padding-top:8px}.mvcard p{font-size:12.5px;line-height:1.45}.mvk{margin-bottom:4px}
.hero.pin .chsub{display:none}
@media(max-height:700px){.hero.pin .ch .txt h2{font-size:clamp(22px,6vw,28px);margin:4px 0 8px}.hero.pin .ch .txt p{font-size:13.5px;line-height:1.45}.hero.pin .herotxt h1{font-size:clamp(26px,7.4vw,34px)}.hero.pin .herotxt p{font-size:14px}.mvcard p{font-size:12px}.hero.pin .ch .txt.mv h2{font-size:clamp(20px,5.8vw,26px)}}
.hero.pin .final{left:20px;right:20px;top:auto;bottom:64px;transform:translateY(12px);max-width:none}.hero.pin .final.on{transform:none}.hero.pin .final h2{font-size:clamp(36px,11vw,56px)}.hero.pin .final p{font-size:15px}
.hero.pin .chnav{right:10px}.hero.pin .chnav span{display:none}
.hero.pin .scrollhint{display:flex;bottom:calc(16px + env(safe-area-inset-bottom));gap:6px;font-size:9px;z-index:3}.hero.pin .scrollhint span{height:26px}.hero.pin .herotxt{bottom:72px}.hero.pin .herotxt p:last-child{display:flex;flex-wrap:wrap;gap:8px;margin:0}.hero.pin .herotxt .btn{margin:0;padding:12px 13px;font-size:10.5px;letter-spacing:.14em;white-space:nowrap}.hero.pin .herotxt .btn.ghost{margin-left:0}
.hero.pin.scrolled .herotxt{opacity:0;pointer-events:none}
.xs{padding:64px 0}.sechead h2{font-size:30px}.xs.cta h2{font-size:40px}.regrid.sub{margin-top:40px;padding-top:36px}.rerow{gap:24px}.balance .bar{height:110px}
}
/* v18: contrast of kickers on light ground */
:root{--kick:#3b4a9b}.kicker{color:var(--kick)}.dark .kicker,.hero .kicker,.xs.dark .kicker,[data-dark] .kicker,.hero.pin .ch .kicker,.hero.pin .final .eyebrow,footer .kicker,.hsplit .kicker{color:var(--jordy)}.mvk{color:var(--jordy)}.recard .kicker{color:var(--kick)}
/* v18: focus visibility */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--jordy);outline-offset:3px}
/* v18: reduced motion */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.preload,.wipe,.grain,.cursor{display:none!important}.rv{opacity:1;transform:none}}
/* v18: print */
@media print{header,footer .watermark,.preload,.wipe,.grain,.cursor,.scrollmark,.chnav,.scrollhint,.burger,.btn,canvas,.lbls,.spot,.skip{display:none!important}body{background:#fff!important;color:#000}.hero,.hero.pin,.xs.dark,section.dark,.proj.cine{background:#fff!important;color:#000!important;min-height:0!important;height:auto!important}.hero *,.xs.dark *,section.dark *{color:#000!important}.hero.pin .ch,.hero.pin .final{position:static!important;opacity:1!important;transform:none!important}.hero.pin .ch .txt{position:static!important;transform:none!important;max-width:none!important}.hero.pin .stick{height:auto!important}.rephoto,.duo{break-inside:avoid}.regrid{grid-template-columns:repeat(3,1fr)}a[href]::after{content:""}.xs{padding:24px 0;border-top:1px solid #ccc}main{max-width:none}}

@media(min-width:901px) and (max-height:760px){.hero.pin .herotxt h1{font-size:clamp(34px,4.8vw,56px);margin-bottom:16px}.hero.pin .herotxt p{font-size:15px;line-height:1.5;margin-bottom:16px}.hero.pin .ch .txt h2{font-size:clamp(26px,3vw,40px)}.hero.pin .ch .txt p{font-size:15px}.hero.pin .final h2{font-size:clamp(40px,5vw,64px)}}