*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden;overscroll-behavior:none;background:var(--sys-bg);color:var(--sys-ink);font-family:var(--ref-font-zh);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
:focus-visible{outline:2px solid var(--sys-ink);outline-offset:3px;box-shadow:0 0 0 6px var(--sys-accent)}
.mono{font-family:var(--ref-font-mono);font-size:var(--comp-eyebrow-size);letter-spacing:var(--comp-eyebrow-track);text-transform:uppercase;font-weight:500}
.display{font-family:var(--ref-font-display);font-weight:700;letter-spacing:-.03em;line-height:1.02;text-transform:uppercase}
em{font-style:normal}

.stage{position:fixed;inset:0;overflow:hidden;z-index:1;background:var(--sys-bg)}
.rig{position:absolute;left:50%;top:50%;transform-origin:0 0;will-change:transform}
#cv{position:absolute;inset:0;width:100%;height:100%}
.decoders{position:fixed;left:0;top:0;width:2px;height:2px;overflow:hidden;opacity:.01;pointer-events:none;z-index:-1}
.decoders video{width:2px;height:2px}
.spec-layer{position:fixed;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.ring{position:fixed;inset:0;width:100%;height:100%;z-index:4;opacity:0;pointer-events:none}
.fader{position:fixed;inset:0;background:var(--sys-bg);z-index:15;opacity:0;pointer-events:none;transition:opacity 250ms}
.fader.on{opacity:1}

/* nav */
.nav{position:fixed;left:var(--sys-gutter);right:var(--sys-gutter);top:0;height:var(--comp-nav-h);z-index:30;display:grid;grid-template-columns:2fr 4fr 2fr;align-items:end;padding-bottom:12px;border-bottom:1px solid var(--sys-ink)}
.wm{display:block;width:max-content;color:var(--sys-ink)}
.wm svg{display:block;height:32px;width:auto}
.wm svg rect{fill:var(--sys-accent);stroke:var(--sys-ink);stroke-width:.5px;paint-order:stroke}
nav{display:flex;justify-content:space-between}
nav a{color:var(--sys-ink-dim);transition:color 200ms,background 200ms;padding:4px 6px}
nav a:hover{color:var(--sys-ink)}
nav a.on{color:var(--sys-on-accent);background:var(--sys-accent)}
.geo{display:grid;justify-items:end;gap:4px;color:var(--sys-ink-dim)}
.geo .clock{color:var(--sys-ink)}

/* rev 3 overlays: edge guides only — nothing crosses the centre column where the character stands */
.guides{position:fixed;inset:0;z-index:2;pointer-events:none}
.guides .gl{position:absolute;left:24px;top:calc(var(--comp-nav-h) + 24px);bottom:24px;width:1px;background:linear-gradient(var(--sys-line) 0 0) 0 0/1px 100% no-repeat}
.guides .rg{position:absolute;width:11px;height:11px}
.guides .rg::before,.guides .rg::after{content:"";position:absolute;background:var(--sys-ink);opacity:.5}
.guides .rg::before{left:5px;top:0;width:1px;height:11px}.guides .rg::after{top:5px;left:0;height:1px;width:11px}
.guides .r1{left:19px;top:calc(var(--comp-nav-h) + 19px)}.guides .r2{right:19px;top:calc(var(--comp-nav-h) + 19px)}
.guides .r3{left:19px;bottom:19px}.guides .r4{right:19px;bottom:19px}
body.hero .guides .r3,body.hero .guides .r4{bottom:67px}

/* split wordmark around the character (cobalt hero layout), both halves solid ink */
.split{position:fixed;left:var(--sys-gutter);right:var(--sys-gutter);top:calc(var(--comp-nav-h) + 24px);z-index:3;display:flex;justify-content:space-between;font-family:var(--ref-font-display);font-weight:700;font-size:min(21vw,37vh);line-height:.8;letter-spacing:-.06em;pointer-events:none;opacity:var(--sp,1);transition:opacity 400ms}
.split span{transform:translateY(calc((1 - var(--sp,1)) * -24px))}
.sphere{position:fixed;z-index:3;pointer-events:none;transition:opacity 500ms;image-rendering:pixelated}

/* status rail — right edge, numbers only; name slides out on hover */
.status{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:30;display:grid;gap:4px}
.status a{position:relative;display:block;color:var(--sys-ink-dim)}
.status b{font-weight:500;font-size:10px;width:24px;height:20px;display:grid;place-items:center;transition:background 250ms,color 250ms}
.status span{position:absolute;right:30px;top:0;height:20px;line-height:20px;padding:0 6px;background:var(--sys-bg);color:var(--sys-ink);white-space:nowrap;opacity:0;transform:translateX(6px);transition:opacity 200ms,transform 300ms var(--ref-ease-out);pointer-events:none}
.status a:hover b{color:var(--sys-ink)}
.status a:hover span{opacity:1;transform:none}
.status li.on b{background:var(--sys-accent);color:var(--sys-on-accent)}


.hudb{position:fixed;left:var(--sys-gutter);right:var(--sys-gutter);bottom:16px;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--sys-ink-dim);transition:bottom 400ms,opacity 400ms}
body.hero .hudb{bottom:64px}
body.cp-open .hudb,body.cp-open .status{opacity:0;pointer-events:none}
.hint{transition:opacity 400ms}
.ruler{justify-self:end;display:flex;align-items:center;gap:12px;width:280px;position:relative}
.ruler::before{content:"";flex:1;height:9px;background:repeating-linear-gradient(90deg,var(--sys-ink-faint) 0 1px,transparent 1px 7px)}
.ruler i{position:absolute;left:0;top:50%;height:4px;margin-top:-2px;background:var(--sys-accent);outline:1px solid var(--sys-ink);width:0}
.ruler em{color:var(--sys-ink);min-width:48px;text-align:right}

/* copy */
.copy{position:fixed;z-index:10;--rv:0;--w-ink:var(--sys-ink);--w-ghost:#B4B4B8;visibility:hidden;pointer-events:none}
.copy.on{visibility:visible;pointer-events:auto}
.copy .eyebrow,.copy .body,.copy .spec div,.copy .work,.copy .logos li,.copy .contact li,.copy .svc li,.copy>span,.copy .ringctl,.copy .cta,.copy .more{opacity:var(--rv);transform:translateY(calc((1 - var(--rv)) * 12px))}
.w{display:inline-block;--t:clamp(0, calc(var(--rv) * (var(--n) + 3) - var(--i)), 1);--t2:clamp(0, calc(var(--rv) * (var(--n) + 3) - var(--i) - 1.5), 1);opacity:var(--t);clip-path:inset(0 0 calc((1 - var(--t)) * 100%) 0);transform:translateY(calc((1 - var(--t)) * 30%));color:color-mix(in srgb, var(--w-ink) calc(var(--t2) * 100%), var(--w-ghost))}
.g .w{--w-ink:#5C5C62}
/* highlighted word: lime fill slides in behind ink text */
em .w{--w-ink:var(--sys-ink);background:linear-gradient(var(--sys-accent),var(--sys-accent)) no-repeat 0 60%/calc(var(--t2) * 100%) 78%;padding:0 .08em;margin:0 -.04em}
.eyebrow{display:flex;gap:12px;align-items:center;color:var(--sys-ink-dim);margin-bottom:20px;flex-wrap:wrap}
.chip{background:var(--sys-accent);color:var(--sys-on-accent);padding:5px 8px}
.eyebrow .n{color:var(--sys-on-accent);background:var(--sys-accent);padding:2px 4px}
.h1{font-size:var(--comp-h1-size)}.h2{font-size:var(--comp-h2-size)}
.body{font-size:var(--comp-body-size);line-height:var(--comp-body-lh);color:#2B2B30;margin-top:20px;max-width:28em}

#c0{left:var(--sys-copy-l);bottom:112px;width:400px}
#c0r{right:var(--sys-gutter);bottom:112px;width:300px}
.cta{display:inline-flex;align-items:center;gap:16px;margin-top:24px;height:44px;padding:0 4px 0 16px;background:var(--sys-accent);color:var(--sys-on-accent);border:1px solid var(--sys-ink);font-size:12px;transition:gap 300ms var(--ref-ease-out)}
.cta i{width:34px;height:34px;display:grid;place-items:center;background:var(--sys-ink);color:var(--sys-accent)}
.cta .ico{width:16px;height:16px;transition:transform 300ms var(--ref-ease-out)}
.cta:hover{gap:22px}.cta:hover .ico{transform:translateX(2px)}
.ico .spk{fill:currentColor;opacity:0;transition:opacity 150ms}
.cta:hover .ico .spk,.rbtn:hover:not([aria-disabled=true]) .ico .spk{opacity:1;animation:spk 700ms steps(2) infinite}
.spec div{display:flex;justify-content:space-between;border-top:1px solid var(--sys-ink);padding:10px 0}
.spec div:last-child{border-bottom:1px solid var(--sys-ink)}
.spec dt{color:var(--sys-ink-dim)}.spec dd{color:var(--sys-ink)}
.marquee{position:fixed;left:0;right:0;bottom:0;height:48px;z-index:20;background:var(--sys-ink);color:var(--sys-paper);overflow:hidden;display:flex;align-items:center;opacity:var(--mq,1);transform:translateY(calc((1 - var(--mq,1)) * 100%))}
.marquee .track{display:flex;white-space:nowrap;font-family:var(--ref-font-display);font-weight:700;font-size:20px;letter-spacing:-.01em;animation:mq 30s linear infinite}
.marquee em{color:var(--sys-accent);font-size:12px;vertical-align:middle;margin:0 10px}
@keyframes mq{to{transform:translateX(-50%)}}

#c1{left:var(--sys-copy-l);top:calc(var(--comp-nav-h) + 72px);width:min(44vw,620px)}
.svc{margin-top:24px}
.svc li{display:grid;grid-template-columns:40px 1fr 1.1fr;gap:16px;align-items:baseline;border-top:1px solid var(--sys-ink);padding:16px 0 16px 0;transition:background 300ms,padding 300ms}
.svc li:last-child{border-bottom:1px solid var(--sys-ink)}
.svc li:hover{background:var(--sys-accent);padding-left:8px}
.svc b{color:var(--sys-ink);font-weight:500}
.svc h3{font-size:16px;letter-spacing:-.01em}
.svc strong{display:block;font-size:16px;font-weight:700}
.svc p{font-size:13px;line-height:1.75;color:var(--sys-ink-dim);margin-top:4px}

#c2{left:var(--sys-copy-l);bottom:72px;width:420px;padding:24px;background:rgba(236,235,232,.74);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--sys-ink)}
.count{margin-left:auto;color:var(--sys-ink)}.count b{background:var(--sys-accent);font-weight:500;padding:1px 3px}
.work{transition:opacity 300ms}.work.swap{opacity:0 !important}
.work h3{font-size:24px}
.meta{display:grid;grid-template-columns:2fr .7fr 1.1fr;border-top:1px solid var(--sys-ink);border-bottom:1px solid var(--sys-ink);margin-top:16px}
.meta div{padding:10px 10px 10px 0}.meta div+div{padding-left:10px;border-left:1px solid var(--sys-line)}
.meta dt{color:var(--sys-ink-dim);font-size:10px}.meta dd{font-size:13px;margin-top:6px;white-space:nowrap}
.work .body{font-size:14px;margin-top:14px;line-height:1.85}
.link{display:inline-block;margin-top:14px;background:var(--sys-ink);color:var(--sys-paper);padding:10px 14px;transition:background 200ms,color 200ms}
.link:hover{background:var(--sys-accent);color:var(--sys-on-accent)}
#c2r{right:var(--sys-gutter);bottom:72px;display:grid;gap:12px;justify-items:end;color:var(--sys-ink-dim)}
.ringctl{display:flex;align-items:stretch;border:1px solid var(--sys-ink);background:rgba(236,235,232,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.rbtn{width:52px;height:48px;color:var(--sys-ink);transition:background 200ms;position:relative;display:grid;place-items:center}
.rbtn .ico{width:20px;height:20px;transition:transform 300ms var(--ref-ease-out)}
.rbtn.prev .ico{transform:scaleX(-1)}
.rbtn.next:hover:not([aria-disabled=true]) .ico{transform:translateX(2px)}
.rbtn.prev:hover:not([aria-disabled=true]) .ico{transform:scaleX(-1) translateX(2px)}
.rbtn:hover:not([aria-disabled=true]){background:var(--sys-accent)}
.rbtn:active:not([aria-disabled=true]){transform:translateY(1px)}
.rbtn[aria-disabled=true]{color:var(--sys-ink-faint);opacity:.45;cursor:default}
.ridx{display:flex;align-items:center;gap:6px;padding:0 16px;border-left:1px solid var(--sys-ink);border-right:1px solid var(--sys-ink);color:var(--sys-ink);font-size:14px}
.ridx b{font-weight:500;background:var(--sys-accent);padding:2px 4px}.ridx i{font-style:normal;color:var(--sys-ink-dim)}
.dots{display:flex;gap:6px}.dots i{width:24px;height:3px;background:var(--sys-ink-faint)}.dots i.on{background:var(--sys-ink);height:5px;margin-top:-1px;box-shadow:inset 0 -2px 0 var(--sys-accent)}

#c3{left:var(--sys-copy-l);top:calc(var(--comp-nav-h) + 72px);width:360px}
#c3r{right:var(--sys-gutter);top:calc(var(--comp-nav-h) + 72px);width:400px}
.logos{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--sys-ink);border-left:1px solid var(--sys-ink);background:rgba(236,235,232,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.logos li{height:88px;border-right:1px solid var(--sys-ink);border-bottom:1px solid var(--sys-ink);display:grid;place-items:center;position:relative;transition:background 300ms}
.logos li:hover{background:var(--sys-accent)}
.logos li i{display:block;height:28px;background:var(--sys-ink);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.logos li small{position:absolute;left:8px;top:6px;font-family:var(--ref-font-mono);font-size:9px;color:var(--sys-ink-dim)}
.logos li.next a{font-family:var(--ref-font-mono);font-size:11px;letter-spacing:.08em;background:var(--sys-ink);color:var(--sys-accent);padding:8px 10px}

#c4{right:var(--sys-gutter);top:calc(var(--comp-nav-h) + 72px);width:440px}
.contact{margin-top:24px}
.contact li{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--sys-ink);padding:16px 0;font-size:16px;transition:background 200ms,padding 200ms}
.contact li:last-child{border-bottom:1px solid var(--sys-ink)}
.contact li:hover{background:var(--sys-accent);padding:16px 8px}
.contact li span{color:var(--sys-ink-dim)}
.foot{left:var(--sys-copy-l);right:var(--sys-gutter);bottom:48px;display:flex;justify-content:space-between;align-items:center;color:var(--sys-ink-dim);opacity:var(--rv);border-top:1px solid var(--sys-ink);padding-top:10px}
.foot .more{background:var(--sys-ink);color:var(--sys-accent);padding:6px 10px;font-size:11px;letter-spacing:.08em}
.foot .more:hover{background:var(--sys-accent);color:var(--sys-on-accent)}

/* 05 colophon (footer sheet) — rev 3: three quiet columns, legal row, halftone wordmark */
.colophon{position:fixed;inset:0;z-index:40;overflow-y:auto;overscroll-behavior:contain;background:var(--sys-paper);transform:translateY(100%);transition:transform 800ms var(--ref-ease-out);visibility:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}
body.cp-open .colophon{transform:none;visibility:visible}
body.cp-anim .colophon{visibility:visible}
.cp-in{padding:24px var(--sys-gutter) 0;width:100%;max-width:1680px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}
.cp-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--sys-ink);padding-bottom:12px;color:var(--sys-ink)}
.cp-close{color:var(--sys-ink-dim);font-family:var(--ref-font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 0;transition:color 200ms}
.cp-close:hover{color:var(--sys-ink);box-shadow:inset 0 -6px 0 var(--sys-accent)}
.cp-top{display:grid;grid-template-columns:5fr 3fr 4fr;gap:64px;padding:48px 0 64px}
.cp-lab{color:var(--sys-ink-dim);margin-bottom:16px}
.chan li a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-top:1px solid var(--sys-line);padding:14px 0;font-size:18px;font-weight:500;transition:padding 250ms var(--ref-ease-out)}
.chan li:last-child a{border-bottom:1px solid var(--sys-line)}
.chan em{color:var(--sys-ink-dim)}.chan em.lc{text-transform:none;letter-spacing:.02em}
.chan a:hover{padding-left:8px;box-shadow:inset 3px 0 0 var(--sys-accent)}.chan a:hover em{color:var(--sys-ink)}
.cp-nav{display:grid;gap:0}
.cp-nav a{display:flex;gap:16px;padding:9px 0;font-size:12px;color:var(--sys-ink);transition:padding 250ms var(--ref-ease-out)}
.cp-nav a b{font-weight:500;color:var(--sys-ink-dim)}
.cp-nav a:hover{padding-left:8px}.cp-nav a:hover b{background:var(--sys-accent);color:var(--sys-ink)}
.cp-data{display:grid;gap:0}
.cp-data div{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--sys-line);padding:12px 0}
.cp-data div:last-child{border-bottom:1px solid var(--sys-line)}
.cp-data dt{color:var(--sys-ink-dim)}
.cp-data dd{font-size:15px;font-weight:500}.cp-data dd.mono{font-size:12px;color:var(--sys-ink)}
.colophon .cta{margin-top:24px}
.cp-legal{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--sys-ink);padding:12px 0;color:var(--sys-ink-dim);margin-top:auto}
.cp-legal span:last-child{display:flex;gap:24px}
.cp-legal a:hover{color:var(--sys-ink);box-shadow:inset 0 -6px 0 var(--sys-accent)}
.cp-mark{padding:16px 0 32px}
.cp-mark canvas{display:block;width:100%}

/* cursor — rev 3: one ink pixel; opens into a lime pixel on targets */
html.cur,html.cur *{cursor:none !important}
html.cur input,html.cur textarea{cursor:text !important}
.cursor{position:fixed;left:0;top:0;z-index:100;pointer-events:none;display:none;transition:opacity 200ms}
html.cur .cursor{display:block}
.cursor i{position:absolute;left:0;top:0;width:var(--comp-cursor-size);height:var(--comp-cursor-size);transform:translate(-50%,-50%);background:var(--sys-ink);transition:width 220ms var(--ref-ease-out),height 220ms var(--ref-ease-out),background 200ms,box-shadow 200ms}
.cursor.on i{width:var(--comp-cursor-hover);height:var(--comp-cursor-hover);background:transparent;box-shadow:inset 0 0 0 1px var(--sys-ink)}
.cursor.on i::after{content:"";position:absolute;left:50%;top:50%;width:2px;height:2px;margin:-1px 0 0 -1px;background:var(--sys-ink)}
.cursor.dark i{background:var(--sys-accent)}
.cursor.dark.on i{background:transparent;box-shadow:inset 0 0 0 1px var(--sys-accent)}
.cursor.dark.on i::after{background:var(--sys-accent)}
.cursor.down i{width:10px;height:10px}
.cursor.hide{opacity:0}

.loading{position:fixed;inset:0;z-index:50;background:var(--sys-bg);display:grid;place-items:center;transition:opacity 600ms}
.ld{display:grid;gap:14px;justify-items:center;color:var(--sys-ink-dim)}.ld b{color:var(--sys-ink);font-weight:500}
.ld-sym{width:72px;height:72px;color:var(--sys-ink)}.ld-sym .spk{fill:var(--sys-ink);animation:spk 900ms steps(2) infinite}
@keyframes spk{50%{fill:var(--sys-accent)}}
.ld-bar{width:240px;height:6px;border:1px solid var(--sys-ink)}.ld-bar i{display:block;height:100%;width:0;background:var(--sys-accent);transition:width 200ms}

@media (max-width:1199px){
  .nav{grid-template-columns:1.4fr 4fr 1.4fr}
  #c1{width:min(52vw,540px)}.svc li{grid-template-columns:32px 1fr}.svc li div{grid-column:2}
  #c3,#c3r{width:320px}
  #c2{width:380px}
  .cp-top{grid-template-columns:1fr 1fr;gap:40px}.cp-top .cp-block:first-child{grid-column:span 2}
}
@media (max-width:899px){
  nav,.geo,#c2r .rot,#c0r,.status,.guides{display:none !important}
  .split{font-size:30vw;top:calc(var(--comp-nav-h) + 12px)}
  .nav{grid-template-columns:1fr;padding-bottom:10px}
  .wm svg{height:26px}
  .copy{left:var(--sys-gutter) !important;right:var(--sys-gutter) !important;width:auto !important}
  #c0{bottom:56px;padding:20px 16px 12px;margin:0 -16px;background:linear-gradient(180deg,rgba(210,210,210,0),rgba(210,210,210,.92) 22%)}
  #c0 .body{font-size:14px;margin-top:12px}
  .cta{margin-top:14px;height:42px}.cta i{width:30px;height:30px}
  .marquee{height:36px}.marquee .track{font-size:14px}
  .hudb{bottom:12px;grid-template-columns:1fr auto}.hudb .hint{display:none}.ruler{width:160px}
  body.hero .hudb{display:none}
  #c1{top:auto;bottom:40px;padding:20px 16px 8px;margin:0 -16px;background:linear-gradient(180deg,rgba(210,210,210,0),rgba(210,210,210,.94) 16%)}
  #c1 .lead{display:none}.svc li{grid-template-columns:28px 1fr;padding:10px 0;gap:8px}.svc li h3{font-size:12px}.svc p{display:none}.svc strong{font-size:15px}
  #c2{bottom:104px;padding:16px}.work .body{display:none}.work h3{font-size:18px}
  #c2r{left:auto !important;right:var(--sys-gutter) !important;bottom:44px;justify-items:stretch}
  #c2r .dots{display:none}
  .rbtn{width:52px;height:44px}
  #c3{top:var(--comp-nav-h);padding:12px 16px 28px;margin:0 -16px;background:linear-gradient(180deg,rgba(210,210,210,.94) 70%,rgba(210,210,210,0))}
  #c3 .body{font-size:13px;margin-top:8px;line-height:1.7}
  #c3r{top:auto;bottom:40px}
  .logos{grid-template-columns:repeat(4,1fr)}.logos li{height:48px;padding:0 6px}.logos li i{height:16px;max-width:100%}.logos li small{display:none}.logos li.next a{font-size:8px;padding:6px 4px;text-align:center}
  #c4{top:calc(var(--comp-nav-h) + 16px)}#c4 .body{font-size:14px;margin-top:12px}.contact li{font-size:14px;padding:12px 0}
  .contact li:hover{padding:12px 6px}
  .foot{font-size:9px;bottom:36px}.foot span:nth-child(3){display:none}
  .cp-top{grid-template-columns:1fr;gap:36px;padding:28px 0 40px}.cp-top .cp-block:first-child{grid-column:auto}
  .chan li a{font-size:16px}
  .cp-legal{flex-direction:column}
}
body.static{overflow:auto;height:auto}
body.static .stage,body.static .ring,body.static .loading,body.static .fader,body.static .spec-layer,body.static .hudb,body.static .status,body.static .guides,body.static .split,body.static .sphere,body.static .cursor,body.static .cp-close,body.static .foot .more{display:none !important}
body.static .copy{position:absolute;--rv:1;visibility:visible;pointer-events:auto}
body.static .w{--t:1;--t2:1}
body.static .colophon{position:relative;inset:auto;transform:none;visibility:visible;overflow:visible}
.st-sec{position:relative;height:100vh;min-height:720px;overflow:hidden;border-bottom:1px solid var(--sys-ink);background:var(--sys-bg)}
.st-sec img.still{position:absolute;left:50%;top:50%;width:max(100%,177.78vh);transform:translate(-50%,-50%)}
.st-word{position:absolute;left:var(--sys-gutter);right:var(--sys-gutter);top:calc(var(--comp-nav-h) + 24px);display:flex;justify-content:space-between;font-family:var(--ref-font-display);font-weight:700;font-size:min(21vw,37vh);line-height:.8;letter-spacing:-.06em;z-index:1}
.st-cards{position:absolute;left:50%;top:96px;transform:translateX(-50%);display:flex;gap:24px}
.st-cards a{width:280px;padding:12px;border:1px solid var(--sys-ink);background:rgba(236,235,232,.7);backdrop-filter:blur(12px)}
.st-cards img{width:100%;display:block}
.st-cards b{display:block;font-family:var(--ref-font-display);font-size:14px;margin-top:10px}
.st-cards span{font-size:12px;color:var(--sys-ink-dim)}
@media (prefers-reduced-motion:reduce){.marquee .track,.ld-sym .spk,.ico .spk{animation:none}.colophon{transition:none}}
@media (max-width:899px){
  .logos{grid-template-columns:repeat(4,minmax(0,1fr))}
  #c0 .eyebrow span:not(.chip){display:none}
}