/* Shared geometry and interaction for the three catalogue heroes. */
:is([data-hub-kind],.case-study-hub-hero){box-sizing:border-box;height:clamp(800px,100svh,1000px);min-height:0;padding:160px 40px 0;display:block;--hub-accent:#c8ff3d}
[data-hub-kind="competencies"]{--hub-accent:#9176ff}
:is([data-hub-kind],.case-study-hub-hero)>div:last-child{height:100%;width:100%;max-width:1440px;display:grid;grid-template-rows:auto auto minmax(0,1fr)}
:is([data-hub-kind],.case-study-hub-hero)>div:last-child>div:last-child{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:0;margin-top:40px;min-height:0}
:is([data-hub-kind],.case-study-hub-hero)>div:last-child>div:last-child>p{margin-top:0;align-self:start}
:is([data-hub-kind],.case-study-hub-hero) a[href^="#"]{align-self:center;justify-self:end;display:inline-flex;align-items:center;gap:12px;width:fit-content;margin:0;padding:0;background:transparent;border-radius:0;font-family:"JetBrains Mono",monospace;font-size:10px;line-height:15px;letter-spacing:.24em;text-transform:uppercase;color:rgb(255 255 255 / .45);transition:color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1)}
:is([data-hub-kind],.case-study-hub-hero) a[href^="#"]>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgb(255 255 255 / .15);border-radius:50%;transition:color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1)}
:is([data-hub-kind],.case-study-hub-hero) a[href^="#"]:hover{color:var(--hub-accent)}
:is([data-hub-kind],.case-study-hub-hero) a[href^="#"]:hover>span{border-color:var(--hub-accent)}
:is([data-hub-kind],.case-study-hub-hero) a[href^="#"]:focus-visible{outline:2px solid var(--hub-accent);outline-offset:6px}
@media(max-width:767px){:is([data-hub-kind],.case-study-hub-hero){height:max(900px,100svh);padding:120px 24px 0}:is([data-hub-kind],.case-study-hub-hero) a[href^="#"]{justify-self:start}}
@media(prefers-reduced-motion:reduce){:is([data-hub-kind],.case-study-hub-hero) a[href^="#"],:is([data-hub-kind],.case-study-hub-hero) a[href^="#"]>span{transition:none}}