/* ============ TOKENS ============ */
:root{
  --cream:#FFFCF7;
  --cream-2:#F6F2EA;
  --paper:#FFFFFF;
  --ink:#0F1214;
  --ink-2:#050505;
  --ink-soft:#43494C;
  --muted:#6E757A;
  --line:#E4DFD5;
  --dark:#14181C;
  --dark-2:#0D1114;
  --cyan:#22D3EE;
  --cyan-ink:#0A7C93;      /* accessible cyan on cream */
  --peri:#9CBAFA;
  --ph:#B45309;             /* placeholder marker */
  --ph-bg:#FFF4E0;
  --r-pill:999px;
  --shadow-key:0 2px 0 rgba(15,18,20,.06);
  --f-display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --f-mono:"Anonymous Pro",ui-monospace,"Courier New",monospace;
  --wrap:1180px;
}
/* ============ BASE ============ */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;background:var(--cream);color:var(--ink);
  font-family:var(--f-mono);font-size:15.5px;line-height:1.7;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
h1,h2,h3,h4{
  font-family:var(--f-display);font-variation-settings:"wdth" 118;
  font-weight:750;line-height:1.06;letter-spacing:-.015em;
  color:var(--ink-2);margin:0;
}
h1{font-size:clamp(2.5rem,6.2vw,4.6rem)}
h2{font-size:clamp(1.9rem,4.4vw,3rem)}
h3{font-size:clamp(1.25rem,2.2vw,1.7rem);font-variation-settings:"wdth" 112}
p{margin:0 0 1.1em}
a{color:inherit}
img,svg{display:block;max-width:100%}
::selection{background:var(--cyan);color:var(--ink-2)}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(20px,4vw,40px)}
.mono-label{
  font-family:var(--f-mono);font-size:.8rem;letter-spacing:.06em;
  color:var(--cyan-ink);margin:0 0 1rem;
}
.mono-label::before{content:"// ";color:var(--muted)}
:focus-visible{outline:3px solid var(--cyan-ink);outline-offset:3px;border-radius:2px}
.dark :focus-visible, .band-dark :focus-visible{outline-color:var(--cyan)}
.skip-link{
  position:absolute;left:16px;top:-64px;z-index:99;background:var(--ink);
  color:var(--cream);padding:12px 18px;border-radius:var(--r-pill);
  font-size:.85rem;transition:top .2s;text-decoration:none;
}
.skip-link:focus{top:14px}
.ph{
  font-style:normal;font-size:.68em;letter-spacing:.05em;color:var(--ph);
  background:var(--ph-bg);border:1px solid #F0DFB8;border-radius:4px;
  padding:1px 6px;white-space:nowrap;vertical-align:middle;
}
.ph-invert{background:rgba(34,211,238,.12);border-color:#2B3238;color:#7DE3F2}
.nav-links .m-cta{display:none}
/* buttons & pills */
.btn{
  display:inline-flex;align-items:center;gap:.5em;text-decoration:none;
  font-family:var(--f-mono);font-size:.92rem;padding:14px 26px;
  border-radius:var(--r-pill);border:1.5px solid var(--ink);line-height:1;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.btn-solid{background:var(--ink);color:var(--cream)}
.btn-solid:hover{background:var(--cyan-ink);border-color:var(--cyan-ink);transform:translateY(-1px)}
.btn-ghost:hover{background:var(--ink);color:var(--cream);transform:translateY(-1px)}
.tag{
  display:inline-block;font-size:.78rem;letter-spacing:.02em;color:var(--ink-soft);
  border:1.5px solid var(--line);border-radius:var(--r-pill);
  padding:7px 14px;background:var(--paper);
}
section{padding-block:clamp(72px,9vw,120px)}
/* reveal */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  .btn{transition:none}
}
/* ============ NAV ============ */
.site-head{
  position:sticky;top:0;z-index:50;background:rgba(255,252,247,.92);
  backdrop-filter:blur(10px);border-bottom:1.5px solid transparent;
  transition:border-color .25s ease,box-shadow .25s ease;
}
.site-head.stuck{border-bottom-color:var(--line);box-shadow:var(--shadow-key)}
.nav{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding-block:14px;
}
.brand{
  display:inline-flex;align-items:center;gap:10px;text-decoration:none;
  background:var(--ink);border-radius:var(--r-pill);padding:8px 16px 8px 10px;
}
.brand-mark{width:22px;height:22px;flex:none}
.brand-name{
  font-family:var(--f-display);font-variation-settings:"wdth" 125;font-weight:700;
  color:var(--cream);font-size:1rem;letter-spacing:.14em;
}
.nav-links{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.nav-links a{
  font-size:.88rem;text-decoration:none;color:var(--ink-soft);
  padding:6px 2px;border-bottom:2px solid transparent;transition:color .18s,border-color .18s;
}
.nav-links a:hover{color:var(--ink)}
.nav-links a[aria-current]{color:var(--ink);border-bottom-color:var(--cyan)}
.nav-links a[aria-current="page"]{color:var(--ink)}
.nav-cta{font-size:.86rem;padding:12px 20px}
.nav-toggle{display:none}
@media (max-width:900px){
  .nav-links,.nav .btn{display:none}
  .nav-toggle{
    display:inline-flex;align-items:center;justify-content:center;
    width:46px;height:46px;border-radius:var(--r-pill);border:1.5px solid var(--line);
    background:var(--paper);cursor:pointer;font-size:1.2rem;color:var(--ink);
  }
  .nav-links.open{
    display:flex;flex-direction:column;gap:4px;position:absolute;left:16px;right:16px;
    top:calc(100% + 8px);background:var(--paper);border:1.5px solid var(--line);
    border-radius:22px;padding:12px;box-shadow:0 18px 40px rgba(15,18,20,.12);
  }
  .nav-links.open a{padding:12px 16px;border-radius:var(--r-pill);border-bottom:0;font-size:1rem}
  .nav-links.open a[aria-current="true"]{background:var(--cream-2)}
  .nav-links.open .m-cta{display:inline-flex;margin-top:6px;background:var(--ink);color:var(--cream);justify-content:center;text-decoration:none;border-radius:var(--r-pill);padding:14px 20px;font-size:.95rem}
}
/* ============ HERO ============ */
.hero{position:relative;padding-top:clamp(56px,7vw,88px);overflow:hidden}
.hero-grid{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);
  gap:clamp(28px,5vw,72px);align-items:center;
}
.hero h1{margin:0 0 22px;max-width:15ch}
.hero h1 .swash{position:relative;white-space:nowrap}
.hero h1 .swash::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:.2em;z-index:-1;
  background:linear-gradient(90deg,var(--cyan),var(--peri));border-radius:2px;
}
.hero-sub{max-width:52ch;color:var(--ink-soft)}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.hero-note{font-size:.8rem;color:var(--muted);margin-top:22px}
.hero-note a{color:var(--cyan-ink)}
.hero-art{position:relative;display:grid;place-items:center;min-height:340px}
.hero-art .frame{
  position:relative;width:min(100%,420px);aspect-ratio:1/1.06;
  border:1.5px solid var(--line);border-radius:28px;background:
  radial-gradient(80% 70% at 70% 20%,rgba(156,186,250,.25),transparent 60%),
  radial-gradient(70% 60% at 25% 80%,rgba(34,211,238,.22),transparent 55%),
  var(--paper);
}
.hero-art .frame::before{ /* tick grid */
  content:"";position:absolute;inset:0;border-radius:inherit;
  background-image:radial-gradient(rgba(15,18,20,.14) 1px,transparent 1.4px);
  background-size:26px 26px;opacity:.5;
}
.hero-art svg.mark{width:58%;margin-inline:auto;position:relative;top:14%}
.frame-tag{
  position:absolute;font-size:.72rem;background:var(--ink);color:var(--cream);
  border-radius:var(--r-pill);padding:6px 12px;letter-spacing:.03em;
}
.frame-tag.t1{top:-12px;left:26px}
.frame-tag.t2{bottom:-12px;right:26px;background:var(--paper);color:var(--ink);border:1.5px solid var(--line)}
.watermark{
  position:absolute;right:-4vw;bottom:-10vh;width:min(34vw,430px);
  opacity:.07;pointer-events:none;z-index:0;
}
.hero-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1.5px;background:var(--line);
  border:1.5px solid var(--line);border-radius:22px;overflow:hidden;margin-top:clamp(48px,7vw,88px);
}
.hero-stats div{background:var(--cream);padding:22px 24px}
.hero-stats .num{
  font-family:var(--f-display);font-variation-settings:"wdth" 125;font-weight:800;
  font-size:clamp(1.5rem,2.6vw,2.15rem);line-height:1;color:var(--ink-2);
}
.hero-stats .lbl{font-size:.78rem;color:var(--muted);margin-top:8px}
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .hero-art{order:-1;min-height:0}
  .hero-art .frame{width:min(78%,360px)}
  .hero-stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:440px){
  .hero-stats div{padding:16px 16px}
  .hero-stats .lbl{font-size:.72rem}
  .quote{padding:26px}
}
/* ============ SERVICES ============ */
.svc-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:44px}
.svc-intro p{max-width:46ch;color:var(--ink-soft);margin:0}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.svc{
  border:1.5px solid var(--line);border-radius:26px;padding:30px 28px 26px;
  background:transparent;position:relative;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.svc:hover{background:var(--ink);border-color:var(--ink);transform:translateY(-3px)}
.svc .n{font-size:.8rem;color:var(--cyan-ink);letter-spacing:.08em}
.svc h3{margin:14px 0 10px}
.svc p{font-size:.88rem;color:var(--ink-soft);margin:0}
.svc .more{font-size:.76rem;color:var(--muted);margin-top:14px;padding-top:12px;border-top:1.5px dashed var(--line)}
.svc:hover .n{color:var(--cyan)}
.svc:hover h3{color:var(--cream)}
.svc:hover p,.svc:hover .more{color:#B9C0C4}
.svc:hover .more{border-top-color:#3A4045}
@media (max-width:980px){.svc-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.svc-grid{grid-template-columns:1fr}}
/* ============ WORK ============ */
.work{border-top:1.5px solid var(--line)}
.case{
  display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,70px);
  align-items:center;padding-block:clamp(56px,7vw,96px);border-bottom:1.5px solid var(--line);
}
.case.rev .case-body{order:2}
.case-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 16px;margin:10px 0 6px}
.case-head h3{font-size:clamp(1.5rem,2.9vw,2.2rem);font-variation-settings:"wdth" 118}
.case-domain{font-size:.82rem;color:var(--cyan-ink)}
.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 26px}
.case-block{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:14px 0;border-top:1.5px dashed var(--line)}
.case-block:first-of-type{border-top:0}
.case-block .k{font-size:.78rem;color:var(--muted);padding-top:3px}
.case-block p{margin:0;font-size:.92rem;color:var(--ink-soft)}
.case-block.results p{color:var(--ink)}
.metrics{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.metric{
  display:flex;flex-direction:column;gap:4px;border:1.5px solid var(--ink);
  border-radius:16px;padding:10px 16px;background:var(--paper);
}
.metric .v{font-family:var(--f-display);font-variation-settings:"wdth" 125;font-weight:800;font-size:1.25rem;line-height:1;grid:auto}
.metric .k2{font-size:.68rem;color:var(--muted);letter-spacing:.02em}
/* browser mock */
.mock{
  border:1.5px solid var(--line);border-radius:22px;background:var(--paper);
  overflow:hidden;box-shadow:0 24px 60px rgba(15,18,20,.08);position:relative;
}
.mock .bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1.5px solid var(--line);background:var(--cream-2)}
.mock .bar i{width:8px;height:8px;border-radius:50%;background:#D8D2C6}
.mock .bar i:first-child{background:var(--cyan)}
.mock .bar span{margin-left:10px;font-size:.68rem;color:var(--muted)}
.mock .shot{padding:18px;display:grid;gap:10px;background:
  radial-gradient(120% 90% at 85% 0%,rgba(34,211,238,.10),transparent 55%),
  radial-gradient(90% 80% at 0% 100%,rgba(156,186,250,.14),transparent 50%),var(--cream);}
.sh .ln{height:10px;border-radius:5px;background:#E8E2D6;width:70%}
.sh .ln.w1{width:34%;height:26px;background:var(--ink)}
.sh .ln.w2{width:88%}
.sh .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sh .col{height:64px;border-radius:10px;border:1.5px solid var(--line);background:var(--paper)}
.sh .col.hl{border-color:transparent;background:linear-gradient(120deg,var(--cyan),var(--peri))}
.sh .btn-sh{width:36%;height:22px;border-radius:999px;background:var(--ink)}
.mock-cap{font-size:.72rem;color:var(--muted);margin-top:12px;text-align:right}
@media (max-width:900px){
  .case{grid-template-columns:1fr}
  .case.rev .case-body{order:0}
  .case-media{order:-1}
}
/* ============ PROCESS ============ */
.process{background:var(--cream-2);border-block:1.5px solid var(--line)}
.steps{
  display:grid;grid-template-columns:repeat(6,1fr);counter-reset:s;
  position:relative;margin-top:54px;
}
.steps::before{
  content:"";position:absolute;top:21px;left:calc(100%/12);right:calc(100%/12);height:2px;
  background:linear-gradient(90deg,var(--cyan),var(--peri));opacity:.55;
}
.step{position:relative;padding:0 14px}
.step .dot{
  width:42px;height:42px;border-radius:50%;background:var(--ink);color:var(--cream);
  display:grid;place-items:center;font-size:.8rem;position:relative;z-index:1;
  border:4px solid var(--cream-2);
}
.step:last-child .dot{background:var(--cyan-ink)}
.step h3{font-size:1.02rem;margin:18px 0 8px;font-variation-settings:"wdth" 110}
.step p{font-size:.8rem;color:var(--ink-soft);margin:0}
@media (max-width:980px){.steps{grid-template-columns:repeat(3,1fr);row-gap:44px}.steps::before{display:none}.step{padding:0 18px 0 0}}
@media (max-width:620px){
  .steps{grid-template-columns:1fr;gap:0}
  .step{padding:0 0 30px 46px;border-left:2px solid var(--line);margin-left:20px}
  .step .dot{position:absolute;left:-22px;top:0}
  .step:last-child{padding-bottom:0;border-left-color:transparent}
}
/* ============ PROOF ============ */
.proof{background:var(--dark);color:#C9CFD3;position:relative;overflow:hidden}
.proof h2,.proof h3{color:var(--cream)}
.proof .kicker{color:var(--cyan)}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:64px}
.p-stat{border:1.5px solid #2B3238;border-radius:24px;padding:28px 26px;background:var(--dark-2)}
.p-stat .v{
  font-family:var(--f-display);font-variation-settings:"wdth" 125;font-weight:800;
  font-size:clamp(2rem,4.2vw,3rem);line-height:1;color:var(--cream);letter-spacing:-.01em;
}
.p-stat .v em{font-style:normal;color:var(--cyan)}
.p-stat .k{font-size:.82rem;color:#B7C0C6;margin-top:10px}
.quotes{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.quote{
  border:1.5px solid #2B3238;border-radius:24px;padding:34px;background:var(--dark-2);
  display:flex;flex-direction:column;
}
.quote .qm{font-family:var(--f-display);font-size:2.6rem;line-height:.6;color:var(--cyan);font-weight:800;margin-bottom:18px}
.quote blockquote{margin:0;font-size:.98rem;line-height:1.8;color:#DDE3E7;font-style:normal}
.quote figcaption{margin-top:auto;padding-top:24px;font-size:.8rem;color:#939CA3}
.quote figcaption b{color:var(--cream);font-weight:400;display:block}
@media (max-width:980px){.proof-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.quotes{grid-template-columns:1fr}.proof-grid{grid-template-columns:1fr}}
/* ============ ABOUT + CONTACT + FOOTER ============ */
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,72px)}
.about-lede{font-size:1.05rem;color:var(--ink-soft)}
.about-lede strong{color:var(--ink-2);font-weight:700}
.side-card{border:1.5px solid var(--line);border-radius:26px;padding:30px;background:var(--paper)}
.side-card h3{font-size:1.1rem;margin-bottom:16px}
.chipset{display:flex;flex-wrap:wrap;gap:8px}
.side-card + .side-card{margin-top:18px}
.principle{display:flex;gap:14px;padding:13px 0;border-top:1.5px dashed var(--line);margin:0}
.principle:first-of-type{border-top:0;padding-top:0}
.contact{background:var(--dark-2);border-radius:0;position:relative;overflow:hidden}
.contact h2{color:var(--cream);max-width:16ch}
.contact .kicker{color:var(--cyan)}
.contact-sub{color:#AEB6BC;max-width:52ch}
.contact-lines{display:flex;flex-wrap:wrap;gap:14px;margin:34px 0 0}
.c-line{
  display:inline-flex;align-items:center;gap:10px;text-decoration:none;
  border:1.5px solid #2B3238;border-radius:var(--r-pill);padding:15px 24px;
  color:#E8ECEF;font-size:.92rem;transition:border-color .18s,background .18s;
}
.c-line:hover{border-color:var(--cyan);background:rgba(34,211,238,.08)}
.c-line{overflow-wrap:anywhere;max-width:100%}
.c-line .ck{color:var(--cyan);font-size:.74rem;letter-spacing:.06em}
.contact .btn-solid{background:var(--cyan);color:var(--ink-2);border-color:var(--cyan);font-weight:700}
.contact .btn-solid:hover{background:var(--cream);border-color:var(--cream)}
.site-foot{background:var(--dark-2);border-top:1.5px solid #23292F;padding-block:38px;color:#8B949B}
.foot-row{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.foot-tag{font-size:.76rem;letter-spacing:.14em;color:var(--cyan)}
.site-foot nav{display:flex;gap:20px;flex-wrap:wrap}
.site-foot a{font-size:.82rem;text-decoration:none;color:#AEB6BC}
.site-foot a:hover{color:var(--cream)}
@media (max-width:900px){.about-grid{grid-template-columns:1fr}}

/* ============ MULTI-PAGE SHELL ============ */
html.js body{opacity:0}
html.js body.is-ready{opacity:1;transition:opacity .45s ease}
html.js body{transition-delay:.05s}
.progress{
  position:fixed;top:0;left:0;height:3px;width:0;z-index:60;
  background:linear-gradient(90deg,var(--cyan),var(--peri));
}
.pagehead{position:relative;overflow:hidden;padding-block:clamp(60px,8vw,96px) clamp(44px,5vw,64px)}
.pagehead .wrap{position:relative;z-index:1}
.pagehead h1{margin:0 0 18px;max-width:17ch}
.pagehead .hero-sub{max-width:62ch;color:var(--ink-soft)}
.pagehead .watermark{opacity:.05;width:min(26vw,320px)}
.ctab{background:var(--cream-2);border-top:1.5px solid var(--line)}
.ctab-in{
  display:flex;justify-content:space-between;align-items:center;gap:26px;flex-wrap:wrap;
  padding-block:clamp(44px,6vw,64px);
}
.ctab h2{max-width:17ch}
@media (max-width:640px){.ctab-in{flex-direction:column;align-items:flex-start}}

/* ---- load animations ---- */
.lh{display:block;overflow:hidden;padding-bottom:.08em}
.lh>i{display:block;font-style:normal;transform:translateY(110%);transition:transform .9s cubic-bezier(.22,1,.36,1)}
.lh.d1>i{transition-delay:.12s}.lh.d2>i{transition-delay:.24s}.lh.d3>i{transition-delay:.36s}
html.ready .lh>i{transform:none}
.hero-art .frame,.mark{animation:drift 7s ease-in-out infinite}
@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hero-stats .num{transition:color .3s}
.watermark{animation:fadein 1.6s ease .4s both}
@keyframes fadein{from{opacity:0}to{opacity:.05}}

/* ---- scroll & hover polish ---- */
.svc{cursor:pointer}
a.svc{text-decoration:none;display:block}
.svc::after{ /* sweep on hover */
  content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;
  background:radial-gradient(120% 90% at 80% 0%,rgba(34,211,238,.16),transparent 55%);
  transition:opacity .25s ease;
}
.svc:hover::after{opacity:1}
.mock{transition:transform .25s ease,box-shadow .25s ease}
.case-media:hover .mock{transform:translateY(-4px);box-shadow:0 30px 70px rgba(15,18,20,.14)}
.metric{transition:transform .2s ease}
.metric:hover{transform:translateY(-2px)}
.c-line,.btn{position:relative}
.nav-links a::after{
  content:"";display:block;height:2px;background:var(--cyan);margin-top:3px;
  transform:scaleX(0);transform-origin:left;transition:transform .22s ease;
}
.nav-links a:hover::after,.nav-links a[aria-current]::after{transform:scaleX(1)}

/* work preview list (home) */
.worklist{border-top:1.5px solid var(--line);margin-top:44px;list-style:none;padding:0}
.worklist a{
  display:grid;grid-template-columns:64px 1fr auto 120px;gap:18px;align-items:baseline;
  text-decoration:none;padding:22px 10px 22px 14px;border-bottom:1.5px solid var(--line);
  position:relative;transition:background .2s ease,padding-left .2s ease;
}
.worklist a::before{
  content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;
  background:linear-gradient(var(--cyan),var(--peri));transform:scaleY(0);transform-origin:top;
  transition:transform .25s ease;
}
.worklist a:hover{background:var(--paper);padding-left:24px}
.worklist a:hover::before{transform:scaleY(1)}
.worklist .wl-n{font-size:.78rem;color:var(--muted)}
.worklist .wl-t{font-family:var(--f-display);font-variation-settings:"wdth" 115;font-weight:750;font-size:clamp(1.05rem,2vw,1.35rem);color:var(--ink-2)}
.worklist .wl-d{font-size:.8rem;color:var(--cyan-ink)}
.worklist .wl-s{font-size:.76rem;color:var(--muted);text-align:right}
@media (max-width:760px){
  .worklist a{grid-template-columns:44px 1fr;grid-auto-rows:auto;gap:6px 14px}
  .worklist .wl-d,.worklist .wl-s{grid-column:2;text-align:left}
}
/* process home variant */
.mini-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;list-style:none;padding:0;margin:40px 0 0}
.mini-steps li{border-left:2px solid var(--line);padding:6px 0 6px 14px;font-size:.84rem;color:var(--ink-soft)}
.mini-steps li b{display:block;font-family:var(--f-display);font-variation-settings:"wdth" 112;font-weight:750;font-size:1rem;color:var(--ink-2)}
.mini-steps li:nth-child(6){border-left-color:var(--cyan)}
@media (max-width:900px){.mini-steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.mini-steps{grid-template-columns:1fr}}
/* reduced motion */
@media (prefers-reduced-motion:reduce){
  html.js body{opacity:1 !important;transition:none !important}
  .lh>i{transform:none !important;transition:none !important}
  .hero-art .frame,.mark,.watermark{animation:none !important}
  .worklist a,.svc,.mock,.metric,.nav-links a::after,.svc::after{transition:none !important}
}