/* Industry entry pages only. Homepage typography, tiles, bubbles and buttons come from home.css. */
.auto-services .top{position:absolute;inset:0 0 auto}
.hub-hero h1{max-width:13em;font-size:clamp(42px,7.3vw,112px)}
.hub-hero h1 .say{white-space:normal}
.hub-hero .lede{max-width:42em;margin-top:32px}
.hub-businesses h2{max-width:12em}
.hub-industries li:nth-child(n){grid-column:span 3;min-height:340px;padding:28px;gap:24px}
.hub-industries li:nth-child(-n+3){grid-column:span 4}
.hub-industries .industry-arrow{font:600 64px/.9 var(--display);color:var(--lemon)}
.hub-industries li:nth-child(2n) .industry-arrow{color:var(--ink)}
.hub-industries li>div{display:flex;flex-direction:column;flex:1;min-width:0}
.hub-industries h3{margin:0;padding:0;font-size:clamp(24px,2.1vw,32px);line-height:1.08}
.hub-industries h3+p{margin-top:16px;font-size:16px;line-height:1.5;opacity:.8}
.hub-card-links{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.hub-card-links .more{margin:0;font-size:15px;line-height:1.4;min-height:36px}
.hub-copy{max-width:44em;margin-top:32px}
.hub-copy+.hub-copy{margin-top:20px}
.hub-scope-note{max-width:54em;margin-top:28px;font-size:16px;padding:24px 28px}
.hub-process .thread .me{width:100%;max-width:880px}
.hub-process .thread .me:nth-child(2){align-self:flex-end}
.hub-process .thread .bubble h3{font:700 clamp(26px,3vw,40px)/1.05 var(--display);letter-spacing:-.035em;color:var(--ink);margin-bottom:14px}
.hub-price-link{margin-top:28px}
.hub-prices{padding-block:90px}
.hub-prices h2,.hub-examples h2{font-size:clamp(44px,5.4vw,78px)}
.hub-work .project-label{display:flex;align-items:center;justify-content:space-between;gap:24px}
.hub-work .project-label .kicker{margin:0}
.hub-work .project-label .more{flex:none;margin:0}
.hub-work .frame{max-width:1040px;margin:36px auto 24px;transform:rotate(-.8deg)}
.hub-work .project-note{color:#aeaa9f}
.auto-services .about-copy p+p{margin-top:22px}
.hub-link{display:inline-block;font-size:16px;font-weight:700;border-bottom:2px solid var(--lemon);padding-block:8px}
.hub-contact-card{max-width:980px;margin:50px 0 0;padding:36px 38px;border-radius:36px 36px 10px 36px}
.hub-contact-card .lede{max-width:36em;color:var(--ink);font-family:var(--display);font-size:clamp(23px,2.4vw,34px);font-weight:600}
.hub-contact-card .btn{margin-top:30px}
.hub-contact-card .btn.main{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.hub-contact-card .btn.main:hover{background:var(--white);color:var(--ink)}
@media(max-width:1000px){.hub-industries li:nth-child(n){grid-column:span 6}.hub-industries li:last-child{grid-column:span 12;min-height:260px}}
@media(max-width:640px){.hub-hero h1{font-size:clamp(38px,10.8vw,58px)}.hub-hero .lede{margin-top:26px}.hub-industries li:nth-child(n){grid-column:span 12;min-height:290px;padding:24px;gap:22px}.hub-industries h3{font-size:27px}.hub-work .project-label{align-items:flex-start;flex-direction:column;gap:16px}.hub-work .frame{margin-top:28px}.hub-scope-note{padding:22px}.hub-contact-card{margin-top:36px;padding:26px 22px;border-radius:26px 26px 8px 26px}.hub-contact-card .btn{max-width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.auto-services{scroll-behavior:auto}.auto-services *{animation:none!important;transition:none!important}}

.hub-more{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}.hub-scope .fine{margin-top:28px}

/* Sector cards: bright paint colours on a light ground, no black cards (2026-10-12). */
.hub-businesses{background:var(--white)}
.hub-industries li:nth-child(n){color:var(--ink);background:var(--tile);box-shadow:inset 0 0 0 2px rgba(19,19,18,.08)}
.hub-industries li:nth-child(3n+1){--tile:#1740ff;color:#fff}
.hub-industries li:nth-child(3n+2){--tile:#ff4f9a}
.hub-industries li:nth-child(3n){--tile:#a98bff}
.hub-industries li:nth-child(n) .industry-arrow{color:currentColor}
.hub-industries h3+p{opacity:.92}
.hub-industries .more{color:inherit;border-bottom-color:currentColor}

/* Motion (2026-10-12): hero rises on load, the rest reveals on scroll via reveal.js. */
.js .hub-hero .kicker,.js .hub-hero h1{animation:rise .9s var(--ease) both}
.js .hub-copy,.js .hub-more{animation:none}
.js .hub-industries li.rv.in:hover{transform:translateY(-6px) rotate(-.6deg)}
.hub-industries .industry-arrow{display:inline-block;transition:transform .35s var(--ease)}
.hub-industries li:hover .industry-arrow{transform:translate(6px,-6px)}