/* v664 — section landing pages: smaller headings, better readability, premium split heroes */
.work-hero,
.expert6-hero,
.system-page-hero{
  padding-bottom:92px!important;
}
.work-hero .v664-section-hero,
.expert6-hero .v664-section-hero,
.system-page-hero .v664-section-hero{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr);
  gap:42px;
  align-items:end;
}
.v664-hero-copy{min-width:0;padding-right:6px}
body .work-hero h1,
body .expert6-hero h1,
body .system-page-hero h1{
  font-size:clamp(58px,5.8vw,102px)!important;
  line-height:.88!important;
  letter-spacing:-.056em!important;
  max-width:760px!important;
  font-weight:780!important;
  text-wrap:balance;
}
body .work-hero-bottom p,
body .expert6-hero p,
body .system-page-hero p{
  font-size:18px!important;
  line-height:1.62!important;
  color:#50545a!important;
  max-width:640px!important;
}
body .work-hero-bottom{display:block!important;max-width:680px}
body .work-hero-bottom span{display:inline-flex;margin-top:24px;font-size:11px;letter-spacing:.13em}
.v664-hero-visual{
  position:relative;
  min-height:470px;
  border-radius:32px;
  overflow:hidden;
  color:#fff;
  background:#111318;
  border:1px solid rgba(17,19,24,.1);
  box-shadow:0 24px 64px rgba(17,19,24,.12);
  isolation:isolate;
}
.v664-hero-visual *{box-sizing:border-box}
.v664-hero-media,
.v664-hero-media img{position:absolute;inset:0;width:100%;height:100%}
.v664-hero-media img{object-fit:cover;display:block}
.v664-work-visual .v664-hero-media img{object-position:center center}
.v664-work-visual .v664-hero-media:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(7,8,11,.08) 0%,rgba(7,8,11,.2) 36%,rgba(7,8,11,.9) 100%);
}
.v664-visual-card,
.v664-expertise-wrap,
.v664-system-wrap{position:relative;z-index:2;height:100%}
.v664-visual-card{
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:24px;
}
.v664-glass{
  padding:22px 22px 20px;
  border-radius:24px;
  background:rgba(10,11,15,.76);
  backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.12);
}
.v664-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#d9dde5;
}
.v664-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--acid)}
.v664-glass h3,
.v664-expertise-top b,
.v664-system-title{margin:16px 0 0;font-size:34px;line-height:1.02;letter-spacing:-.045em;font-weight:760}
.v664-step-list,
.v664-pill-grid,
.v664-route-list{list-style:none;margin:18px 0 0;padding:0}
.v664-step-list{display:grid;gap:12px}
.v664-step-list li{
  display:grid;grid-template-columns:34px 1fr;gap:12px;
  padding-top:12px;border-top:1px solid rgba(255,255,255,.12)
}
.v664-step-list li:first-child{padding-top:0;border-top:0}
.v664-step-list b,
.v664-route-no{
  font-size:12px;color:var(--acid);font-weight:850;letter-spacing:.04em;line-height:1.2
}
.v664-step-list strong,
.v664-pill-grid strong,
.v664-route-name{display:block;font-size:15px;line-height:1.3;font-weight:760}
.v664-step-list small,
.v664-pill-grid small,
.v664-route-note{display:block;margin-top:4px;font-size:12px;line-height:1.45;color:#bac0c9}
.v664-expertise-visual{
  background:
    radial-gradient(circle at 14% 12%,rgba(200,255,77,.18),transparent 26%),
    radial-gradient(circle at 86% 18%,rgba(118,141,255,.18),transparent 24%),
    linear-gradient(155deg,#181b24,#0f1117 62%,#131720);
}
.v664-expertise-visual::before,
.v664-system-visual::before{
  content:"";position:absolute;inset:auto auto 20px 20px;width:92px;height:92px;border-radius:50%;
  border:1px solid rgba(255,255,255,.08);opacity:.55
}
.v664-expertise-visual::after,
.v664-system-visual::after{
  content:"";position:absolute;right:22px;top:22px;width:130px;height:130px;border-radius:28px;
  border:1px solid rgba(255,255,255,.07);opacity:.55;transform:rotate(10deg)
}
.v664-expertise-wrap{
  padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:26px
}
.v664-expertise-top span,
.v664-system-top span{font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#d7dbe4}
.v664-expertise-top b{display:block;max-width:360px}
.v664-pill-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
}
.v664-pill-grid article{
  min-height:128px;padding:18px;border-radius:22px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);
  display:flex;flex-direction:column;justify-content:flex-end;
}
.v664-pill-grid article span{
  display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;
  border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;font-weight:850;color:var(--acid);margin-bottom:18px
}
.v664-system-visual{
  background:
    radial-gradient(circle at 10% 14%,rgba(200,255,77,.12),transparent 24%),
    linear-gradient(160deg,#15181f,#0b0d12 65%,#11151d);
}
.v664-system-wrap{padding:24px;display:flex;flex-direction:column;height:100%}
.v664-system-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.v664-system-top b{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#e5e8ee;font-weight:850;max-width:170px;text-align:right}
.v664-system-title{max-width:340px}
.v664-route-list{margin-top:24px;border-top:1px solid rgba(255,255,255,.12)}
.v664-route-list li{
  display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start;
  padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08)
}
.v664-route-list li:last-child{border-bottom:0}
.v664-system-note{
  margin-top:auto;padding-top:18px;font-size:13px;line-height:1.55;color:#c7ccd4;
  border-top:1px solid rgba(255,255,255,.12);max-width:400px
}
@media(max-width:1080px){
  .work-hero .v664-section-hero,
  .expert6-hero .v664-section-hero,
  .system-page-hero .v664-section-hero{grid-template-columns:1fr;gap:26px}
  .v664-hero-copy{padding-right:0}
  .v664-hero-visual{min-height:390px}
}
@media(max-width:760px){
  .work-hero,.expert6-hero,.system-page-hero{padding-bottom:68px!important}
  body .work-hero h1,body .expert6-hero h1,body .system-page-hero h1{
    font-size:clamp(50px,12.4vw,72px)!important;line-height:.92!important;letter-spacing:-.05em!important;
  }
  body .work-hero-bottom p,body .expert6-hero p,body .system-page-hero p{font-size:16px!important}
  .v664-hero-visual{min-height:340px;border-radius:26px}
  .v664-glass h3,.v664-expertise-top b,.v664-system-title{font-size:28px}
  .v664-pill-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .v664-expertise-wrap,.v664-system-wrap,.v664-visual-card{padding:18px}
  .v664-glass{padding:18px}
  .v664-pill-grid{grid-template-columns:1fr}
  .v664-pill-grid article{min-height:0}
  .v664-system-top{display:block}
  .v664-system-top b{margin-top:10px;text-align:left;max-width:none}
  .v664-hero-visual{min-height:320px}
}

/* Readability pass for the full three hub pages, not only their first screen. */
body.v6-work-page,
body.expertise6-page,
body.v664-approach-page{
  font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-kerning:normal;
  text-rendering:optimizeLegibility;
}
body.v6-work-page .work-index-info h2{
  font-size:clamp(46px,4.35vw,72px)!important;
  line-height:.94!important;
  letter-spacing:-.05em!important;
  font-weight:735!important;
}
body.v6-work-page .work-index-info>p{line-height:1.62!important;letter-spacing:-.008em}
body.v6-work-page .work-cta h2{
  font-size:clamp(48px,5vw,82px)!important;
  line-height:.95!important;
  letter-spacing:-.05em!important;
}
body.expertise6-page .expert6-group>h2{
  font-size:clamp(36px,3.2vw,48px)!important;
  line-height:1!important;
  letter-spacing:-.042em!important;
  font-weight:725!important;
}
body.expertise6-page .expert6-group a{line-height:1.42}
body.v664-approach-page .v5-section h2,
body.v664-approach-page .closing6 h2{
  font-size:clamp(42px,4.4vw,68px)!important;
  line-height:.97!important;
  letter-spacing:-.047em!important;
  font-weight:740!important;
}
body.v664-approach-page .v5-section h3{line-height:1.08!important;letter-spacing:-.03em!important}
body.v664-approach-page .v5-section p,
body.v664-approach-page .closing6 p{line-height:1.62!important;letter-spacing:-.006em}

@media(max-width:760px){
  body.v6-work-page .work-index-info h2{font-size:clamp(42px,11vw,54px)!important}
  body.expertise6-page .expert6-group>h2{font-size:clamp(34px,9vw,43px)!important}
  body.v664-approach-page .v5-section h2,
  body.v664-approach-page .closing6 h2{font-size:clamp(38px,10vw,52px)!important}
}