/* Homepage narrative pass: work → milestones → operating style → foundation */

.home-milestones{padding:88px 0!important;border-top:1px solid var(--line)}
.milestone-section-head{margin-bottom:24px}
.milestone-section-head h2{max-width:790px}
.home-milestone-controls{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}
.home-milestone-filter{border:1px solid var(--line);background:transparent;padding:10px 14px;border-radius:999px;font:600 11px/1 var(--sans);cursor:pointer;color:var(--ink);transition:.18s ease}
.home-milestone-filter:hover,.home-milestone-filter.active{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.milestone-card-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))!important;grid-auto-flow:row!important;overflow:visible!important;padding-bottom:0!important}
.milestone-card{height:252px!important;min-width:0}
.milestone-card.is-hidden{display:none!important}
.milestone-card-tag{margin-bottom:20px}
.milestone-card strong{font-size:21px}

/* One black section now carries both the philosophy and the business↔technical positioning. */
.operating-black{width:100%;max-width:none;padding:112px max(24px,calc((100vw - 1180px)/2));background:var(--ink);color:var(--cream)}
.operating-inner{width:100%;max-width:1180px;margin:auto}
.operating-black .section-heading{max-width:850px}
.operating-black .section-heading h2{font-family:var(--serif);font-size:clamp(50px,6vw,78px);line-height:.96;letter-spacing:-.05em;font-weight:400;margin:16px 0 22px;color:var(--cream)}
.operating-black .section-heading p{font-size:18px;color:rgba(248,246,240,.66);max-width:760px}
.operating-black .eyebrow{color:#9aa287}
.operating-map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin:58px 0 0}
.operating-node{min-height:122px;border:1px solid rgba(248,246,240,.18);border-radius:5px;padding:18px 15px;display:flex;flex-direction:column;justify-content:flex-end}
.operating-node.accent{background:rgba(137,144,120,.13);border-color:rgba(154,162,135,.34)}
.operating-node span{font-family:var(--serif);font-size:21px}
.operating-node small{margin-top:8px;font-size:9px;color:rgba(248,246,240,.5)}
.operating-arrow{font-family:var(--serif);font-size:23px;color:#899078}
.operating-principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;border-top:1px solid rgba(248,246,240,.18)}
.operating-principle{padding:26px 30px 2px 0;border-right:1px solid rgba(248,246,240,.18)}
.operating-principle:not(:first-child){padding-left:30px}
.operating-principle:last-child{border-right:0}
.operating-principle>span{font-size:9px;letter-spacing:.13em;color:#899078}
.operating-principle strong{display:block;font-family:var(--serif);font-size:25px;font-weight:400;margin:14px 0 8px}
.operating-principle p{margin:0;color:rgba(248,246,240,.58);font-size:12px;line-height:1.55}

/* Foundation should confirm capability, not restart the CV. */
.credentials-compact{padding:72px 0!important;display:grid!important;grid-template-columns:.8fr 1.2fr!important;gap:70px!important;align-items:center}
.credentials-compact h2{font-size:clamp(40px,4.5vw,58px)!important;margin-bottom:0!important}
.foundation-chips{display:flex;flex-wrap:wrap;gap:8px;align-content:center}
.foundation-chips span{border:1px solid var(--line);border-radius:999px;padding:10px 13px;font-size:10px;color:rgba(26,26,23,.67);background:rgba(248,246,240,.48)}

.closing-compact{margin-top:16px!important;margin-bottom:64px!important;padding:56px 60px!important}
.closing-compact h2{font-size:clamp(42px,5vw,62px)!important;max-width:900px}
.closing-compact p{max-width:720px!important;font-size:16px!important}

@media(max-width:980px){
  .milestone-card-grid{grid-template-columns:repeat(3,1fr)!important}
  .operating-map{grid-template-columns:1fr auto 1fr;row-gap:14px}
  .operating-map .operating-arrow:nth-of-type(2){display:none}
  .operating-node{min-height:112px}
  .credentials-compact{grid-template-columns:1fr!important;gap:30px!important}
}

@media(max-width:720px){
  .home-milestones{padding:66px 0!important}
  .home-milestone-controls{display:grid;grid-template-columns:1fr 1fr;margin-bottom:22px}
  .home-milestone-filter{width:100%}
  .milestone-card-grid{display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:82%!important;overflow-x:auto!important;padding-bottom:12px!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .milestone-card{height:248px!important}
  .operating-black{padding:78px 14px}
  .operating-black .section-heading p{font-size:16px}
  .operating-map{grid-template-columns:1fr;margin-top:38px}
  .operating-arrow{transform:rotate(90deg);justify-self:center;line-height:1}
  .operating-map .operating-arrow:nth-of-type(2){display:block}
  .operating-node{min-height:96px}
  .operating-principles{grid-template-columns:1fr;margin-top:38px}
  .operating-principle,.operating-principle:not(:first-child){padding:22px 0;border-right:0;border-bottom:1px solid rgba(248,246,240,.18)}
  .operating-principle:last-child{border-bottom:0}
  .credentials-compact{padding:60px 0!important}
  .closing-compact{padding:38px 24px!important;margin-bottom:48px!important}
}

@media(max-width:420px){
  .home-milestone-controls{grid-template-columns:1fr}
  .milestone-card-grid{grid-auto-columns:88%!important}
}