.rz{--canvas:#FCF6EF;--section:#F6F0E9;--surface:#FAF6F2;--control:#EFE7DD;--card:#F7F2EA;--ink:#083333;--ink-90:rgb(8 51 51 / 90%);--ink-72:rgb(8 51 51 / 72%);--ink-55:rgb(8 51 51 / 55%);--sand:#DAB697;--blush:#E8D3C0;--amber:#C98A58;--line:rgb(8 51 51 / 12%);--line-strong:rgb(8 51 51 / 22%);--ease:cubic-bezier(.22,1,.36,1);--expo:cubic-bezier(.16,1,.3,1);font-family:'Neue Montreal','Helvetica Neue',Arial,sans-serif;color:var(--ink);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow:clip;position:relative;background:var(--canvas);overscroll-behavior:auto}
.rz *,.rz *::before,.rz *::after{box-sizing:border-box}
:where(.rz) h1,:where(.rz) h2,:where(.rz) h3,:where(.rz) p,:where(.rz) figure,:where(.rz) ol,:where(.rz) ul{margin:0;padding:0}
.rz img{display:block;max-width:100%}
.rz b{font-weight:500}
.rz::-webkit-scrollbar{width:10px}
.rz::-webkit-scrollbar-track{background:transparent}
.rz::-webkit-scrollbar-thumb{background:rgb(8 51 51 / 22%);border-radius:10px;border:3px solid var(--canvas)}
.rz :focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}
.rz ::selection{background:#E8D3C0;color:#083333}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.grain{position:sticky;top:0;height:100vh;margin-bottom:-100vh;pointer-events:none;z-index:70;opacity:.07;mix-blend-mode:multiply}
.grain svg{width:100%;height:100%;display:block}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:13px 26px;border-radius:999px;background:var(--ink);color:#F6F0E9;font-size:15px;font-weight:500;line-height:1.4;transition:background .25s,transform .35s var(--ease),box-shadow .35s var(--ease)}
.btn:hover{background:#164848;color:#F6F0E9;transform:translateY(-2px);box-shadow:0 14px 24px -14px rgb(8 51 51 / 55%)}
.btn-sm{min-height:44px;padding:10px 20px;font-size:14px}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid rgb(8 51 51 / 26%)}
.btn-ghost:hover{background:var(--control);color:var(--ink);box-shadow:none}
.btn svg{width:16px;height:16px;transition:transform .35s var(--ease)}
.btn:hover svg{transform:translateX(3px)}
.kicker{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-72)}
.h2{font-size:clamp(42px,4.45vw,64px);font-weight:400;line-height:1.04;letter-spacing:-.035em;text-wrap:balance}
.lead{font-size:19px;line-height:1.6;color:var(--ink-72)}
.tlink{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:15px;font-weight:500;text-decoration:underline;text-decoration-color:rgb(8 51 51 / 35%);text-underline-offset:6px;transition:text-decoration-color .25s}
.tlink:hover{text-decoration-color:var(--sand)}
.tlink svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.tlink:hover svg{transform:translateX(4px)}

/* load + reveal system: content is visible unless motion is running */
.m-on .ld{opacity:0;transform:translateY(16px)}
.m-on.is-loaded .ld{opacity:1;transform:none;transition:opacity 1s var(--ease),transform 1.2s var(--expo);transition-delay:calc(.55s + var(--i,0) * .1s)}
.m-on [data-reveal]{opacity:0;transform:translateY(22px);filter:blur(6px);transition:opacity .95s var(--ease),transform 1.1s var(--expo),filter .95s var(--ease);transition-delay:calc(var(--d,0) * 90ms)}
.m-on [data-reveal].is-in{opacity:1;transform:none;filter:none}

/* hero: the word "human" is a window onto the painting; the sculpted mark sits beside it */
.a-hero{position:relative}
.k-stage{--tint:.9;--ps:1.2;--o1:1;--mo:1;--ld:0;--fit:1;--kx:0px;--ky:0px}
.k-h1{font-size:clamp(52px,7.5vw,108px);font-weight:300;line-height:.98;letter-spacing:-.048em;padding:150px clamp(24px,5.56vw,80px) 34px;max-width:14ch;box-sizing:content-box}
.k-scene{display:none}
.k-lead{padding:0 clamp(24px,5.56vw,80px) 96px;max-width:780px}
.k-lead>p:not(.kicker){font-size:clamp(20px,1.9vw,27px);font-weight:400;line-height:1.3;letter-spacing:-.02em;margin-top:20px;text-wrap:pretty}
.a-index{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:26px}
.a-index a{flex:1 1 auto;display:flex;align-items:center;gap:12px;min-height:52px;padding:0 14px;font-size:14px;color:var(--ink-90);border-right:1px solid var(--line);transition:background .3s}
.a-index a:first-child{padding-left:0}
.a-index a:last-child{border-right:0}
.a-index a:hover{background:rgb(8 51 51 / 4%)}
.a-index span{font-size:11px;letter-spacing:.1em;color:var(--ink-72);font-variant-numeric:tabular-nums}
.rz.k-on .k-h1{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rz.k-on .k-scene{display:block;position:relative;height:100svh;min-height:560px;overflow:hidden}
.k-window{position:absolute;inset:0;-webkit-clip-path:url(#rzHumanClip);clip-path:url(#rzHumanClip)}
.k-window.is-open{-webkit-clip-path:none;clip-path:none}
.k-paint{position:absolute;inset:0;transform:scale(var(--ps))}
.k-drift{position:absolute;inset:-3%;animation:k-drift 28s ease-in-out infinite alternate}
.k-drift img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 45%}
@keyframes k-drift{0%{transform:translate3d(-1.2%,0,0) scale(1)}100%{transform:translate3d(1.2%,-1%,0) scale(1.05)}}
.k-tint{position:absolute;inset:0;background:#083333;mix-blend-mode:multiply;opacity:var(--tint)}
.k-box{position:absolute;left:0;top:0;width:1440px;height:900px;transform-origin:0 0;transform:translate(var(--kx),var(--ky)) scale(var(--fit));pointer-events:none}
.is-port .k-box{width:390px;height:844px}
.a-halo{position:absolute;left:820px;top:-40px;width:760px;height:760px;border-radius:50%;background:radial-gradient(closest-side,rgb(218 182 151 / 34%),rgb(218 182 151 / 0%) 72%);opacity:var(--o1)}
.a-dots{position:absolute;left:760px;top:40px;width:680px;height:620px;background-image:radial-gradient(rgb(8 51 51 / 17%) 1px,transparent 1.5px);background-size:22px 22px;-webkit-mask-image:radial-gradient(closest-side,#000,transparent);mask-image:radial-gradient(closest-side,#000,transparent);opacity:var(--o1)}
.k-row{position:absolute;margin:0;font-weight:300;font-size:124px;line-height:1;letter-spacing:-.05em;white-space:nowrap;overflow:hidden;padding-bottom:.2em;padding-right:.12em;margin-right:-.12em;opacity:var(--o1);filter:blur(calc((1 - var(--o1)) * 8px))}
.k-row>span{display:block}
.k-row.r1{left:80px;top:136px;transform:translateY(calc((1 - var(--o1)) * -70px))}
.k-row.r3{right:86px;top:594px;color:rgb(8 51 51 / 62%);transform:translateY(calc((1 - var(--o1)) * 70px))}
.a-stage{position:absolute;left:860px;top:24px;width:600px;height:640px;z-index:2;opacity:var(--mo)}
.a-stage canvas{width:100%;height:100%;display:block}
.is-port .k-row{font-size:58px}
.is-port .k-row.r1{left:22px;top:180px}
.is-port .k-row.r3{right:22px;top:414px}
.is-port .a-stage{left:20px;top:470px;width:350px;height:300px}
.is-port .a-halo{left:-40px;top:360px;width:470px;height:470px}
.is-port .a-dots{left:0;top:420px;width:390px;height:380px}
.k-foot{position:absolute;left:clamp(24px,5.56vw,80px);right:clamp(24px,5.56vw,80px);bottom:32px;display:flex;justify-content:space-between;align-items:center;opacity:var(--o1)}
.a-cue{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-72)}
.rz:not(.k-motion) .k-foot{display:none}
.m-on .k-row>span{transform:translateY(112%)}
.m-on.is-loaded .k-row>span{transform:none;transition:transform 1.5s var(--expo);transition-delay:calc(.1s + var(--i,0) * .16s)}
.m-on .k-window{opacity:0;transform:translateY(34px)}
.m-on.is-loaded .k-window{opacity:1;transform:none;transition:opacity 1.3s var(--ease) .3s,transform 1.6s var(--expo) .3s}
.m-on .k-foot{opacity:0}
.m-on.is-loaded .k-foot{opacity:var(--o1);transition:opacity 1s var(--ease) .9s}
.rz.k-motion .a-hero{height:290svh}
.rz.k-motion .k-stage{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden}
.rz.k-motion .k-scene{position:absolute;inset:0;height:auto;min-height:0}
.rz.k-motion .k-lead{position:absolute;left:clamp(24px,5.56vw,80px);bottom:clamp(24px,8svh,72px);width:min(660px,calc(100% - 2 * clamp(24px,5.56vw,80px)));max-width:none;padding:40px 44px 30px;border-radius:28px;background:rgb(252 246 239 / 62%);-webkit-backdrop-filter:blur(22px) saturate(1.15);backdrop-filter:blur(22px) saturate(1.15);border:1px solid rgb(255 255 255 / 55%);box-shadow:0 40px 80px -50px rgb(8 51 51 / 45%);opacity:var(--ld);transform:translateY(calc((1 - var(--ld)) * 40px));pointer-events:none;visibility:hidden}
.rz.k-motion .k-stage.lead-on .k-lead{pointer-events:auto;visibility:visible}
.rz.k-motion .k-stage.lead-seen .k-lead{visibility:visible}
@media(max-width:700px){.rz.k-motion .k-lead{padding:26px 22px 18px;border-radius:22px}.k-lead>p:not(.kicker){font-size:20px}.a-index a{font-size:12.5px;gap:7px;padding:0 9px;min-height:48px}.k-foot{bottom:22px}}
/* mission: pinned assembly */
.a-mission{position:relative;height:2900px;background:var(--canvas)}
.a-mstage{position:sticky;top:0;height:100svh;min-height:640px;max-height:1000px;overflow:hidden;--k:0;--f:0;--l:0;--s1:1;--s2:0;--s3:0}
.a-mcopy{position:absolute;left:80px;top:0;bottom:0;width:33%;display:flex;flex-direction:column;justify-content:center;padding-top:40px;z-index:3}
.a-steps{position:relative;height:330px;margin-top:34px}
.a-step{position:absolute;left:0;top:0;right:0}
.a-step.st1{opacity:var(--s1);transform:translateY(calc((1 - var(--s1)) * -30px));filter:blur(calc((1 - var(--s1)) * 6px))}
.a-step.st2{opacity:var(--s2);transform:translateY(calc((1 - var(--s2)) * 30px));filter:blur(calc((1 - var(--s2)) * 6px))}
.a-step.st3{opacity:var(--s3);transform:translateY(calc((1 - var(--s3)) * 30px));filter:blur(calc((1 - var(--s3)) * 6px))}
.a-step.st1,.a-step.st2{font-size:42px;font-weight:400;line-height:1.14;letter-spacing:-.03em}
.a-step.st1 b{font-weight:400;background:linear-gradient(transparent 62%,rgb(218 182 151 / 55%) 62%, rgb(218 182 151 / 55%) 92%,transparent 92%)}
.a-step.st3{font-size:clamp(40px,4.17vw,60px);font-weight:400;line-height:1.02;letter-spacing:-.04em}
.a-ticks{display:flex;gap:10px;margin-top:8px;width:300px}
.a-ticks span{flex:1;height:2px;background:var(--line);position:relative;overflow:hidden;border-radius:2px}
.a-ticks i{position:absolute;inset:0;background:var(--ink);transform-origin:0 50%}
.a-ticks .t1 i{transform:scaleX(var(--t1,0))}
.a-ticks .t2 i{transform:scaleX(var(--t2,0))}
.a-ticks .t3 i{transform:scaleX(var(--t3,0))}
.a-ticks-lab{display:flex;gap:10px;width:300px;margin-top:12px;font-size:11px;letter-spacing:.12em;color:var(--ink-55)}
.a-ticks-lab span{flex:1}
.a-asm{position:absolute;left:44.45%;top:0;width:52.78%;height:100%;perspective:1700px;perspective-origin:50% 45%}
.a-asm-in{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}
.a-frame{position:absolute;left:-390px;top:-250px;width:780px;height:540px;border-radius:26px;background:rgb(250 246 242 / 92%);border:1px solid var(--line);box-shadow:0 60px 90px -50px rgb(8 51 51 / 40%),0 2px 0 rgb(255 255 255 / 70%) inset;opacity:var(--f);transform:translateZ(-40px) scale(calc(.9 + var(--f) * .1))}
.a-frame-bar{height:54px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-72)}
.a-frame-bar svg{width:24px;height:21px}
.a-frame-bar .sp{flex:1}
.a-frame-bar .pill{height:26px;padding:0 12px;border-radius:999px;border:1px solid var(--line);display:inline-flex;align-items:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-55)}
.a-card{position:absolute;left:0;top:0;width:var(--w);height:var(--h);margin-left:calc(var(--w) / -2);margin-top:calc(var(--h) / -2);transform-style:preserve-3d;transform:translate3d(calc(var(--x0) * (1 - var(--k)) + var(--x1) * var(--k)),calc(var(--y0) * (1 - var(--k)) + var(--y1) * var(--k) + var(--fy,0px)),calc(var(--z0) * (1 - var(--k)))) rotateX(calc(var(--rx0) * (1 - var(--k)))) rotateY(calc(var(--ry0) * (1 - var(--k)))) rotateZ(calc(var(--rz0) * (1 - var(--k)))) scale(calc(var(--s0) + (1 - var(--s0)) * var(--k)))}
.a-card-in{filter:blur(calc(var(--b0,0px) * (1 - var(--k))));position:absolute;inset:0;border-radius:18px;background:#FFFDFA;border:1px solid rgb(8 51 51 / 10%);box-shadow:0 30px 50px -30px rgb(8 51 51 / 38%),0 1px 0 #fff inset;padding:16px 18px;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.a-card-top{display:flex;align-items:center;gap:10px;height:28px}
.a-ico{width:28px;height:28px;border-radius:8px;background:var(--control);display:grid;place-items:center;flex:none}
.a-ico svg{width:16px;height:16px}
.a-lab{position:relative;flex:1;height:22px;font-size:15px;font-weight:500;letter-spacing:-.01em}
.a-lab span{position:absolute;left:0;top:0;white-space:nowrap}
.a-lab .lab-a{opacity:calc(1 - var(--l));transform:translateY(calc(var(--l) * -10px))}
.a-lab .lab-b{opacity:var(--l);transform:translateY(calc((1 - var(--l)) * 10px))}
.a-vis{position:relative;flex:1}
.a-vis .mess,.a-vis .tidy{position:absolute;inset:0;display:flex;flex-direction:column;gap:8px}
.a-vis .mess{opacity:calc(1 - var(--l))}
.a-vis .tidy{opacity:var(--l)}
.a-vis i{display:block;height:6px;border-radius:6px;background:rgb(8 51 51 / 13%)}
.a-vis .tidy i{background:rgb(8 51 51 / 18%)}
.a-vis .tidy i.hl{background:rgb(218 182 151 / 80%)}
.a-vis .tidy i.cur{position:relative;background:rgb(8 51 51 / 18%)}
.a-vis .tidy i.cur::after{content:"";position:absolute;right:-8px;top:-5px;width:2px;height:16px;background:var(--ink);animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.a-vis .row{display:flex;gap:8px;align-items:center}
.a-vis .chip{height:22px;width:66px;border-radius:999px;border:1px solid rgb(8 51 51 / 22%);display:block;background:transparent}
.a-vis .chip.on{background:var(--ink);border-color:var(--ink)}
.a-vis .ok{width:22px;height:22px;border-radius:50%;background:var(--ink);display:grid;place-items:center;margin-left:auto}
.a-vis .ok svg{width:12px;height:12px}
.a-vis .src{height:20px;padding:0 8px;border-radius:6px;border:1px solid rgb(8 51 51 / 20%);font-size:10px;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;color:var(--ink-72);font-style:normal;width:auto;background:transparent}
.a-vis .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.a-vis .grid i{height:9px}
.c-pat .a-card-in{background:#FFFDFA;box-shadow:0 30px 50px -30px rgb(8 51 51 / 38%),0 0 0 calc(var(--f) * 10px) rgb(218 182 151 / 22%),0 1px 0 #fff inset}
.a-pat{position:relative;flex:1;display:grid;place-items:center}
.a-pat .ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgb(8 51 51 / 14%);transform:translate(-50%,-50%) scale(calc(.55 + var(--f) * .45));opacity:calc(.25 + var(--f) * .75)}
.a-pat .r1{width:150px;height:150px}
.a-pat .r2{width:210px;height:210px;border-color:rgb(8 51 51 / 10%)}
.a-pat .r3{width:270px;height:270px;border-color:rgb(8 51 51 / 7%)}
.a-pat .av{position:relative;width:96px;height:96px;border-radius:50%;background:var(--control);display:grid;place-items:center}
.a-pat .av svg{width:44px;height:44px}
.a-pat-cap{font-size:13px;color:var(--ink-72);text-align:center;opacity:var(--f)}

/* prose */
.a-prose{padding:40px 80px 170px}
.a-prose-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:96px;align-items:end;border-top:1px solid var(--line);padding-top:64px}
.a-prose-big{font-size:40px;font-weight:400;line-height:1.2;letter-spacing:-.028em;text-wrap:pretty}
.a-prose-side p{font-size:18px;color:var(--ink-72);max-width:40ch;margin-bottom:22px}

/* team */
.a-team{padding:150px 80px 170px;background:var(--section);position:relative}
.a-team-head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:84px}
.a-team-head .h2{margin-top:26px}
.a-team-head>p{max-width:36ch;font-size:18px;color:var(--ink-72);padding-bottom:8px}
.a-team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}
.a-mem{position:relative}
.a-hex{position:relative;width:100%;aspect-ratio:1.1547;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--ease);transform-style:preserve-3d}
.a-hex-img{position:absolute;inset:0;clip-path:url(#rzHexA);background:var(--control)}
.a-hex-img img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;transform:scale(1.02);transition:transform 1s var(--ease)}
.a-mem:hover .a-hex-img img{transform:scale(1.07)}
.a-hex-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:translate(7%,-8%);transition:transform 1.4s var(--expo) .25s;pointer-events:none}
.a-hex-ring path{fill:none;stroke:#083333;stroke-opacity:.34;stroke-width:1.2;vector-effect:non-scaling-stroke}
.a-mem:hover .a-hex-ring{transform:translate(10%,-11%);transition-delay:0s;transition-duration:.8s}
.m-on .a-mem:not(.is-in) .a-hex-ring{transform:translate(0,0)}
.a-mem figcaption{padding-top:30px}
.a-mem h3{font-size:21px;font-weight:500;letter-spacing:-.02em;line-height:1.3}
.a-mem figcaption p{font-size:15px;color:var(--ink-72);margin-top:4px}

/* reach */
.a-reach{position:relative;height:1040px;overflow:hidden;background:var(--canvas)}
.a-reach-copy{position:absolute;left:80px;top:0;bottom:0;width:39%;display:flex;flex-direction:column;justify-content:center;z-index:2}
.a-reach-copy .lead{margin-top:30px;max-width:30ch;font-size:21px}
.rz .a-legend{display:flex;align-items:center;gap:12px;margin-top:44px;font-size:13px;letter-spacing:.06em;color:var(--ink-72)}
.a-legend .dot{width:10px;height:10px;border-radius:50%;background:#C98A58;box-shadow:0 0 0 6px rgb(201 138 88 / 18%)}
.a-legend .dot.t{background:#083333;box-shadow:none;width:6px;height:6px;margin-left:18px}
.a-globe{position:absolute;right:-3%;top:60px;width:64%;height:920px}
.a-globe canvas{width:100%;height:100%;display:block}

/* awards */
.a-awards{padding:160px 80px 60px;background:var(--canvas)}
.a-awards-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:70px}
.a-awards-head .h2{margin-top:26px}
.a-list{border-bottom:1px solid var(--line)}
.a-award{position:relative;display:grid;grid-template-columns:130px 220px minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:34px 0;border-top:1px solid var(--line)}
.a-award::before{content:"";position:absolute;inset:0 -24px;border-radius:16px;background:var(--surface);opacity:0;transition:opacity .4s var(--ease);z-index:-1}
.a-award:hover::before{opacity:1}
.a-list{position:relative;z-index:0}
.a-award time{font-size:44px;font-weight:300;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.a-award-logo{height:54px;display:flex;align-items:center}
.a-award-logo img{max-height:44px;max-width:180px;width:auto;height:auto;object-fit:contain;transition:transform .5s var(--ease)}
.a-award:hover .a-award-logo img{transform:scale(1.05)}
.a-award h3{font-size:22px;font-weight:400;line-height:1.3;letter-spacing:-.02em}
.a-award p{font-size:16px;color:var(--ink-72)}
.m-on .a-list .a-award{transform-origin:50% 0;transform:perspective(1400px) rotateX(-72deg);opacity:0;filter:none;transition:transform 1.2s var(--expo),opacity .8s var(--ease),background .4s var(--ease);transition-delay:calc(var(--d,0) * 110ms)}
.m-on .a-list .a-award.is-in{transform:none;opacity:1}

/* close */
.a-close{position:relative;height:840px;overflow:hidden;background:var(--canvas)}
.a-close-art{position:absolute;left:0;right:0;bottom:0;height:720px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 42%);mask-image:linear-gradient(to bottom,transparent,#000 42%)}
.a-close-art img{width:100%;height:120%;object-fit:cover;transform:translateY(calc(var(--p,0) * -90px))}
.a-close-in{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-bottom:120px}
.a-close-h{font-size:clamp(58px,7.8vw,112px);font-weight:300;letter-spacing:-.05em;line-height:.98;max-width:10ch}
.a-close-in>p{font-size:19px;color:var(--ink-90);margin-top:30px;max-width:44ch}
.a-close-btns{display:flex;gap:12px;margin-top:38px}
.a-close-btns .btn-ghost{background:rgb(252 246 239 / 70%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

@media (prefers-reduced-motion: reduce){
.rz{scroll-behavior:auto}
.a-mission{height:auto}
.a-mstage{position:relative;height:900px}
.a-vis .tidy i.cur::after{animation:none}
}

/* Responsive page layout and progressive enhancement. */
/* Solid header: the logo image has a white background that only blends away on a solid colour. */
.about-page .site-header{position:sticky;top:0;margin-bottom:-84px;height:84px;background:var(--canvas,#FCF6EF)}
.about-page .site-header:has(.site-navigation[data-open="true"]){height:auto}
@media(max-width:1000px){.about-page .site-navigation{background:var(--canvas,#FCF6EF)}}
.about-page main{max-width:1920px;margin-inline:auto}
.rz section[id]{scroll-margin-top:84px}
.rz .a-prose,.rz .a-team,.rz .a-awards{padding-inline:clamp(24px,5.56vw,80px)}
.rz .a-ticks-lab{color:var(--ink-72)}
.rz .a-stage,.rz .a-globe{pointer-events:none}
.rz .a-stage::before{content:'';position:absolute;inset:25% 14%;background:linear-gradient(140deg,#31635d,#083333);border-radius:28%;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);transform:rotate(-12deg)}
.rz .a-globe::before{content:'';position:absolute;inset:16%;border:1px solid rgb(8 51 51 / 25%);border-radius:50%;background:radial-gradient(circle at 60% 40%,rgb(218 182 151 / 45%),transparent 60%),repeating-radial-gradient(ellipse at center,transparent 0 28px,rgb(8 51 51 / 13%) 29px 30px)}
.rz .has-webgl::before{display:none}
.rz .a-mission{height:auto}
.rz .a-mstage{position:relative;--k:1;--f:1;--l:1}
.rz .a-steps{height:auto;display:grid;gap:24px}
.rz .a-step{position:static!important;opacity:1!important;transform:none!important;filter:none!important}
.rz .a-step.st1,.rz .a-step.st2{font-size:24px}
.rz .a-ticks,.rz .a-ticks-lab{display:none}
.rz.motion-desktop .a-mission{height:2900px}
.rz.motion-desktop .a-mstage{position:sticky;top:0}
.rz.motion-desktop .a-steps{display:block;height:330px}
.rz.motion-desktop .a-step{position:absolute!important}
.rz.motion-desktop .a-step.st1{opacity:var(--s1)!important;transform:translateY(calc((1 - var(--s1)) * -30px))!important}
.rz.motion-desktop .a-step.st2{opacity:var(--s2)!important;transform:translateY(calc((1 - var(--s2)) * 30px))!important}
.rz.motion-desktop .a-step.st3{opacity:var(--s3)!important;transform:translateY(calc((1 - var(--s3)) * 30px))!important}
.rz.motion-desktop .a-step.st1,.rz.motion-desktop .a-step.st2{font-size:clamp(30px,2.92vw,42px)}
.rz.motion-desktop .a-ticks,.rz.motion-desktop .a-ticks-lab{display:flex}
@media(min-width:1101px) and (max-width:1390px){.a-asm-in{scale:.78}.a-award{grid-template-columns:90px 170px 1fr 1fr;gap:24px}.a-team-grid{gap:24px}.a-mem h3{font-size:19px}}
@media(max-width:1100px){
.a-mstage{height:auto;min-height:0;max-height:none;padding:90px 40px 40px}.a-mcopy{position:relative;left:auto;width:100%;padding:0}.a-steps{max-width:650px}.a-asm{position:relative;left:auto;top:auto;width:100%;height:560px}.a-asm-in{scale:.85}.a-prose{padding-block:50px 100px}.a-prose-grid{gap:40px;padding-top:48px}.a-prose-big{font-size:32px}.a-team{padding-block:100px}.a-team-head{gap:36px;margin-bottom:64px}.a-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 40px}.a-reach{height:850px}.a-reach-copy{width:43%}.a-globe{right:-12%;width:72%;height:760px}.a-awards{padding-top:90px}.a-award{grid-template-columns:80px 150px 1fr;gap:24px}.a-award p{grid-column:3}.a-award-logo img{max-width:140px}.a-close{height:720px}.a-close-in{padding:40px 24px 100px}
}
@media(max-width:700px){
.a-mstage{padding:70px 24px 0}.a-step.st3{font-size:42px}.a-asm{height:360px;overflow:hidden;margin-inline:-24px;width:calc(100% + 48px)}.a-asm-in{scale:.43}.a-prose-grid{grid-template-columns:1fr;gap:28px;padding-top:36px}.a-prose-big{font-size:30px}.a-prose-side p{font-size:17px}.a-team{padding-block:72px}.a-team-head{display:block;margin-bottom:54px}.a-team-head>p{margin-top:24px;font-size:17px}.h2{font-size:42px}.a-team-grid{gap:44px 24px}.a-mem h3{font-size:18px}.a-mem figcaption{padding-top:20px}.a-mem figcaption p{font-size:14px}.a-reach{height:auto;padding:80px 24px 0;display:flex;flex-direction:column}.a-reach-copy{position:relative;left:auto;width:100%}.a-reach-copy .lead{font-size:18px;max-width:36ch;margin-top:24px}.rz .a-legend{margin-top:28px;font-size:12px}.a-globe{position:relative;right:auto;top:auto;width:calc(100% + 48px);height:auto;aspect-ratio:1;margin-inline:-24px}.a-awards{padding-block:64px 30px}.a-awards-head{margin-bottom:40px}.a-award{grid-template-columns:64px 1fr;gap:20px;padding-block:30px}.a-award time{font-size:32px}.a-award-logo img{max-width:170px}.a-award h3{grid-column:1/-1;font-size:23px}.a-award p{grid-column:1/-1}.a-close{height:650px}.a-close-h{font-size:64px}.a-close-in>p{font-size:17px}.a-close-btns{flex-wrap:wrap;justify-content:center}.a-close-art{height:500px}.grain{display:none}
}
@media(max-width:700px){
/* Phones: the three section links sit side by side as equal columns instead of wrapping unevenly. */
.a-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.a-index a{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:58px;padding:8px 10px;line-height:1.25}
.a-index a:first-child{padding-left:0}
}
/* Short landscape screens: fit the hero to the screen instead of a 560px minimum that pushes it off the bottom. */
@media(max-height:559px){.rz.k-motion .k-stage,.rz.k-on .k-scene{min-height:0}}
@media(max-width:360px){.a-asm-in{scale:.36}.a-team-grid{grid-template-columns:1fr;gap:48px}.a-mem{max-width:250px;margin-inline:auto}.a-close-h{font-size:54px}}
@media(prefers-reduced-motion:reduce){.rz *,.rz *::before,.rz *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.a-close-art img{transform:none!important;opacity:1!important}}
.rz.motion-off *,.rz.motion-off *::before,.rz.motion-off *::after{animation:none!important;transition:none!important}
/* Prevent homepage heading/caption rules leaking into About. */
.rz .a-mem figcaption{display:block}
html:has(.about-page .motion-off){scroll-behavior:auto}

/* Phones held sideways: four smaller portraits in a row instead of two that each fill the screen. */
@media (orientation:landscape) and (max-height:500px) and (min-width:640px){.a-team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}