/* Quokka partnerships: capabilities first, original marks beside their purpose. */
.partnerships-page{--partner-ink:#151719;--partner-copy:#44565b;color:var(--partner-ink)}
.partnerships-page section{border:0}
.partnerships-intro{padding:68px 0 64px;background:#fff}
.partnerships-page .page-label{color:var(--partner-copy);margin-bottom:18px}
.partnerships-intro h1{max-width:1000px;font-size:clamp(48px,5.6vw,78px);line-height:1.06;letter-spacing:-.035em;color:var(--partner-ink)}
.partnerships-lead{max-width:820px;margin:26px 0 30px;font-size:23px;line-height:1.5;color:var(--partner-copy)}
.partnerships-page .text-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-size:17px;text-decoration:none;color:inherit}
.partnerships-page .text-link::after{display:none}
.partnerships-page .text-link:hover{text-decoration:underline;text-underline-offset:5px}
.partnerships-page a:focus-visible{outline:3px solid #007e91;outline-offset:5px}
.partnerships-page .text-link svg{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:#00899b;stroke-width:1.8}
.partnerships-jumps{display:flex;flex-wrap:wrap;gap:4px 26px;margin-top:20px}
.partnerships-jumps a{display:inline-flex;align-items:center;min-height:44px;font-size:17px;text-decoration:underline;text-decoration-color:#00bad2;text-underline-offset:7px;color:var(--partner-ink)}
.partnerships-directory{padding:68px 0 74px;scroll-margin-top:24px}
.partnerships-directory-s01{background:#e6f6fb}
.partnerships-directory-s02{background:#f4f5f6}
.partnerships-directory-s04{background:#eaf0f4}
.partnerships-directory-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:42px}
.partnerships-page h2{color:var(--partner-ink);font-size:clamp(32px,3vw,44px);line-height:1.15;letter-spacing:-.025em;margin:0;max-width:580px}
.partnerships-context{font-size:20px;line-height:1.55;color:var(--partner-copy);margin:0 0 14px;max-width:680px}
.partnerships-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:60px;row-gap:28px}
.partner-entry{display:grid;grid-template-columns:136px minmax(0,1fr);gap:24px;align-items:center;scroll-margin-top:36px;min-width:0}
.partner-mark{display:flex;align-items:center;justify-content:center;width:136px;height:88px;padding:14px;background:#fff;border-radius:3px}
.partner-mark img{display:block;width:100%;height:60px;object-fit:contain;opacity:1;filter:none}
.partner-mark-cisco img{width:80px;height:68px}
.partner-mark-aws img{width:78px;height:54px}
.partner-mark-microsoft img,.partner-mark-f5 img{width:48px;height:48px}
.partner-mark-elastic img,.partner-mark-nautobot img{width:52px;height:52px}
.partner-mark-cyberark img{width:70px;height:70px}
.partner-mark-forescout,.partner-mark-megaport,.partner-mark-sentinelone,.partner-mark-dull,.partner-mark-runzero,.partner-mark-redhat,.partner-mark-cumulus{background:#151719}
.partner-description h3{color:var(--partner-ink);font-size:22px;font-weight:500;line-height:1.2;letter-spacing:-.015em;margin:0 0 8px}
.partner-description p{color:var(--partner-copy);font-size:17px;line-height:1.45;margin:0;max-width:390px}
.partnerships-signalfront{padding:74px 0 56px;background:#fff;scroll-margin-top:24px}
.signalfront-feature{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.signalfront-lockup{display:flex;align-items:center;gap:12px;color:#285b43;font-size:32px;font-weight:500;letter-spacing:-.8px;margin:0 0 22px}
.signalfront-lockup img{display:block;width:52px;height:52px}
.partnerships-distinction{font-size:16px;line-height:1.5;color:var(--partner-copy);margin:32px 0 0}
.partnerships-open-source{background:#e6f6fb}
.cncf-feature{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;align-items:center;margin-top:42px;padding:28px;background:#fff}
.cncf-feature .partner-mark{width:220px;height:76px;padding:18px}
.cncf-feature h3{margin:0 0 8px;color:var(--partner-ink);font-size:23px;font-weight:500;line-height:1.2}
.cncf-feature p{margin:0;max-width:700px;color:var(--partner-copy);font-size:18px;line-height:1.5}
.partnerships-operation{padding:72px 0 78px;background:#151719;--partner-ink:#fff;--partner-copy:#cbd4d7;color:#fff}
.partnerships-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.partnerships-operation .page-label{color:#00bad2}
.partnerships-closing p{font-size:22px;line-height:1.55;margin:0 0 22px;color:var(--partner-copy)}
.partnerships-operation .text-link svg{stroke:#00bad2}
.partnerships-operation a:focus-visible{outline-color:#00bad2}
/* The case study uses the same spacing and solid bands as the technology page. */
.signalfront-story .partnerships-intro h1{max-width:1050px}
.story-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.story-copy-grid h3{font-size:25px;line-height:1.2;font-weight:500;color:var(--partner-ink);margin:0 0 16px}
.story-copy-grid p{font-size:20px;line-height:1.55;color:var(--partner-copy);margin:0}
.story-workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:36px 0 0;padding:0;list-style:none}
.story-workflow li{background:#fff;padding:28px 24px;position:relative}
.story-workflow li:not(:last-child)::after{content:'';position:absolute;right:-17px;top:50%;width:10px;height:10px;border-top:2px solid #00899b;border-right:2px solid #00899b;transform:rotate(45deg)}
.story-workflow .workflow-number{display:block;font-size:16px;color:#007e91;margin-bottom:24px}
.story-workflow strong{display:block;font-size:24px;line-height:1.15;font-weight:500;color:var(--partner-ink);margin-bottom:14px}
.story-workflow p{font-size:17px;line-height:1.5;color:var(--partner-copy);margin:0}
.story-caption{font-size:16px;color:var(--partner-copy);line-height:1.5;margin:24px 0 0;max-width:950px}
.story-example{margin:34px 0 0;padding:28px 30px;background:#fff;max-width:950px}
.story-example h3{font-size:24px;line-height:1.2;font-weight:500;color:var(--partner-ink);margin:0 0 12px}
.story-example p{font-size:19px;color:var(--partner-copy);line-height:1.55;margin:0}
[data-theme=dark] .partnerships-page{--partner-ink:#f4f6f7;--partner-copy:#c3ced3}
[data-theme=dark] .partnerships-intro,[data-theme=dark] .partnerships-signalfront{background:#151719}
[data-theme=dark] .partnerships-directory-s01,[data-theme=dark] .partnerships-open-source{background:#203440}
[data-theme=dark] .partnerships-directory-s02{background:#252a2e}
[data-theme=dark] .partnerships-directory-s04{background:#1b2b34}
[data-theme=dark] .partnerships-page .text-link svg{stroke:#00bad2}
[data-theme=dark] .partnerships-operation{background:#0d1012}
[data-theme=dark] .partnerships-page a:focus-visible{outline-color:#00bad2}
[data-theme=dark] .signalfront-lockup{color:#a7d5b3}
[data-theme=dark] .cncf-feature,[data-theme=dark] .story-workflow li,[data-theme=dark] .story-example{background:#151c21}
[data-theme=dark] .story-workflow .workflow-number{color:#00bad2}
@media(max-width:1150px){
 .partnerships-grid{column-gap:32px}.partner-entry{grid-template-columns:116px minmax(0,1fr);gap:20px}.partner-mark{width:116px;height:84px;padding:12px}
 .partnerships-directory-heading,.signalfront-feature,.partnerships-layout,.story-copy-grid{gap:40px}
 .story-workflow{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.story-workflow li:nth-child(2)::after{display:none}
}
@media(max-width:900px){
 .partnerships-grid{grid-template-columns:1fr;row-gap:24px}.partner-entry{grid-template-columns:150px minmax(0,1fr);gap:28px}.partner-mark{width:150px;height:92px;padding:16px}.partner-description p{max-width:520px}
 .partnerships-directory-heading{grid-template-columns:1fr;gap:22px;margin-bottom:34px}.partnerships-directory-heading h2{max-width:650px}.partnerships-directory-heading .partnerships-context{max-width:680px}
}
@media(max-width:760px){
 .partnerships-intro{padding:44px 0 48px}.partnerships-intro h1{font-size:clamp(40px,8.6vw,60px)}.partnerships-lead{font-size:20px;margin:24px 0 20px}
 .partnerships-jumps{gap:2px 22px}.partnerships-jumps a{font-size:16px}
 .partnerships-directory,.partnerships-operation,.partnerships-signalfront{padding:48px 0 54px}.partnerships-page .page-label{font-size:14px;letter-spacing:1px}
 .partnerships-page h2{font-size:34px}.partnerships-context{font-size:19px}
 .partnerships-layout,.signalfront-feature,.story-copy-grid{grid-template-columns:1fr;gap:28px}
 .partner-entry{grid-template-columns:108px minmax(0,1fr);gap:20px}.partner-mark{width:108px;height:84px;padding:10px}.partner-description h3{font-size:21px}.partner-description p{font-size:17px}
 .cncf-feature{grid-template-columns:1fr;padding:24px;gap:20px}.cncf-feature .partner-mark{width:210px}
 .partnerships-closing p{font-size:20px}.signalfront-lockup{font-size:29px}
 .story-workflow{grid-template-columns:1fr;gap:22px}.story-workflow li{padding:24px}.story-workflow li:not(:last-child)::after{display:block;right:50%;top:auto;bottom:-16px;transform:rotate(135deg)}
 .story-workflow .workflow-number{margin-bottom:14px}.story-example{padding:24px}.story-copy-grid p{font-size:19px}
}
@media(max-width:380px){.partner-entry{grid-template-columns:94px minmax(0,1fr);gap:16px}.partner-mark{width:94px;height:78px;padding:10px}.partner-description h3{font-size:20px}}
.quokka-role-mark{display:flex;align-items:center;gap:14px;font-size:28px;font-weight:500;margin:0 0 24px;color:var(--partner-ink);min-height:52px}
.quokka-role-mark img{width:44px;height:44px;display:block}
.signalfront-story .signalfront-feature h2{margin-bottom:22px;font-size:34px}

.signalfront-lockup svg{display:block;width:52px;height:52px;flex:0 0 52px}