/* Shared navigation and focus targets across every page. */
.menu-toggle{display:flex;align-items:center;gap:20px;min-height:44px;padding:0;background:none;border:0;color:inherit;font:13px Arial,sans-serif;cursor:pointer}.hamburger{display:flex;flex-direction:column;gap:7px;width:29px}.hamburger i{display:block;width:100%;height:1px;background:currentColor}.hamburger i:last-child{width:21px}.portfolio-family .site-header{padding:23px 4vw}.portfolio-family .site-header .brand{font-size:22px}.portfolio-family .header-right{gap:30px}.portfolio-family .portfolio-context{color:#b9cec6}.motion,#portfolio-motion{min-height:44px;min-width:44px}.feature-controls button{min-width:44px;min-height:44px}.inside-dots a,.chapter-dots a{min-width:44px;min-height:44px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d3ed62;outline-offset:5px}.portfolio-family .collection a:focus-visible,.portfolio-family .collection button:focus-visible{outline-color:#123c40}#site-menu button{min-height:44px;min-width:44px}#site-menu .menu-top .mono{color:#c4d7d1}#site-menu nav a .menu-copy{color:#eeeee5}#site-menu nav a[aria-current="page"] .menu-copy{color:#d3ed62}#site-menu nav a .menu-index,#site-menu nav small{color:#b9cec6}.portfolio-family .menu-toggle{border:0;background:none;border-radius:0}.portfolio-family #site-menu .menu-top button{border:0;background:none}.portfolio-family .feature-controls span,.portfolio-family .opening-bottom{color:#b9cec6!important;opacity:1!important}.portfolio-family #portfolio-motion{color:#c4d7d1!important;font-size:12px}
/* Restore the substantial THE block from the original artwork-led headline. */
.clipboard-home .hero-title .the{font:.45em/.95 Uni,Arial,sans-serif;letter-spacing:.025em;padding:.18em .22em .1em;top:-5%;background:#123c40;border:0}.clipboard-home .hero-title .word-journey{top:19%}.clipboard-home .hero-title .starts{top:47%}.clipboard-home .hero-title .here{top:74%}.clipboard-home .hero-title{inset:12% 0 15%}
/* Business uses the same structure, with a blue identity. */
.business-path{--acid:#a8d7ed;--deep:#172f3e;--harbour:#173e52}.business-path .inner-main{background:#172f3e!important}.business-path .page-opening .kicker{color:#a8d7ed}.business-path .title-colour{color:#a8d7ed}.business-path .content-row,.business-path .content-row:nth-of-type(even){--chapter-colour:#a8d7ed!important}.business-path .content-row h2,.business-path .content-row:nth-of-type(even) h2{color:#a8d7ed}.business-path .content-row:nth-of-type(3n):before,.business-path .content-row:nth-of-type(5n):before{background:#e1eaf0}.business-path .content-row:nth-of-type(3n) h2,.business-path .content-row:nth-of-type(5n) h2{color:#173e52}.business-path .content-row:nth-of-type(3n) p,.business-path .content-row:nth-of-type(5n) p{color:#355163}.business-path .site-header:before{background:#172f3ef2}.business-path .page-opening .page-circle{--circle-tone:#a8d7ed}.partner-list{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.partner-list li{padding:22px;background:#e1eaf0;color:#173e52;border-top:2px solid #a8d7ed;font:25px/1.2 Uni,Arial,sans-serif}.portfolio-contact{background:#c4d7c5;color:#123c40;padding:85px 6vw 95px}.portfolio-contact h2{font:clamp(48px,7vw,110px)/1 Uni,Arial,sans-serif;margin:35px 0}.portfolio-contact p{max-width:600px;font-size:18px;line-height:1.6}.portfolio-contact .line-link{display:flex;justify-content:space-between;max-width:550px;padding:20px 0;border-bottom:1px solid #123c4077;text-decoration:none;font-size:20px}.portfolio-contact a:focus-visible{outline-color:#123c40}.portfolio-family .portfolio-contact{margin:0 -6vw -100px}.portfolio-family .work-stage:before{z-index:-1}.journey-companion .circle-face{transition:background .2s}.journey-companion{view-transition-name:journey-companion}.inner-page .site-footer nav a{display:inline-flex;align-items:center;min-height:44px}.portfolio-family footer a{display:inline-flex;align-items:center;min-height:44px}.business-path .chapter-badge{background:#a8d7ed;color:#173e52}.business-path .content-row:after{content:none}.business-path .content-row{scroll-margin-top:100px}
@media(max-width:800px){.portfolio-family .site-header{padding:20px 6vw}.portfolio-family .header-right{gap:18px}.portfolio-family .portfolio-context{display:none}.portfolio-family .work-intro h1{font-size:17vw}.clipboard-home .hero-title .the{font-size:.55em;top:0}.clipboard-home .hero-title .word-journey{top:24%}.clipboard-home .hero-title .starts{top:49%}.clipboard-home .hero-title .here{top:74%}.clipboard-home .hero-title{inset:14% 0 21%}.partner-list{grid-template-columns:1fr}.portfolio-contact{padding:65px 7vw 110px}.portfolio-contact h2{font-size:14vw}.portfolio-family .portfolio-contact{margin:0 -6vw -100px}.portfolio-family .project-contact p{font-size:17px}.business-path .header-right{gap:14px}.business-path .path-name{display:none}.journey-companion{width:90px;right:10px;bottom:10px}.inside-dots{right:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.journey-companion .circle-face{transition:none}}
html,body{overflow-x:clip}.portfolio-family .portfolio-contact{margin:0!important;width:auto}.portfolio-family main{padding-bottom:0}.portfolio-family .portfolio-contact .line-link{min-height:56px}.business-path .content-row .partner-list li{color:#173e52;background:#e1eaf0}
@media(max-width:800px){.page-opening-stage h1{font-size:12.5vw}.portfolio-family .project-visual{min-height:230px}.business-path .page-opening-stage h1{font-size:12.5vw}}
/* Pausing must reveal content rather than freeze its entrance in a hidden state. */
.paused .hero-title span{animation:none!important;clip-path:none!important;opacity:1!important;transform:none!important}.paused .reveal{opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important}.paused #site-menu[open]{animation:none!important;opacity:1!important;transform:none!important}.paused .hero-foot,.paused .hero-count,.paused .side-note{opacity:1!important}
@media(prefers-reduced-motion:reduce){.hero-title span{animation:none!important;clip-path:none!important;opacity:1!important;transform:none!important}.reveal{opacity:1!important;visibility:visible!important;transform:none!important}#site-menu[open]{animation:none!important;opacity:1!important;transform:none!important}}
.clipboard-home .hero-title .the{font-size:.55em}@media(max-width:800px){.clipboard-home .hero-title .the{font-size:.75em}}
.clipboard-home .hero-vignette{background:linear-gradient(0deg,#102d32,#102d3255 25%,#163c4077 65%,#163c4077)}
@media(max-width:800px){.portfolio-family .featured-info h2{font-size:clamp(20px,6vw,28px);overflow-wrap:normal;word-break:normal}.portfolio-family .feature-count{width:58px;height:58px}.portfolio-family .featured-info{gap:12px}}
.portfolio-family footer{padding-bottom:180px}@media(max-width:800px){.portfolio-family footer{padding-bottom:130px}}
.utility-links{display:flex;flex-wrap:wrap;gap:8px 24px;width:100%;margin:20px 0 0;padding-top:15px;border-top:1px solid currentColor;font:12px Arial,sans-serif}.utility-links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}.clipboard-home .contact .footer{flex-wrap:wrap}.clipboard-home .contact .footer .utility-links{width:100%;flex-basis:100%}.portfolio-family footer{flex-wrap:wrap}.portfolio-family footer .utility-links{font-size:12px}

.partner-list small{display:block;font:400 clamp(14px,1.2vw,17px)/1.5 Arial,sans-serif;letter-spacing:0;margin-top:8px;max-width:28ch;color:inherit;opacity:.9}

/* Keep every ring and its face on one square coordinate system. */
.clipboard-home .journey-orbit{aspect-ratio:1;height:auto;bottom:auto;right:auto}
.journey-companion .page-circle{aspect-ratio:1;min-height:0;flex:none;align-self:auto}
.journey-companion .circle-face{box-sizing:border-box;padding:5px}
.journey-companion .circle-word{overflow-wrap:normal;text-align:center}
@media(max-width:800px){.journey-companion{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:98px}.journey-companion .circle-word{font-size:12px;max-width:95%}.journey-companion .circle-position{font-size:5px}.page-circle svg{display:block}.clipboard-home .orbit-disc{aspect-ratio:1}.clipboard-home .journey-orbit{aspect-ratio:1}}

/* Large stages share an exact centre with their SVG rings. */
.clipboard-home .orbit-disc{inset:14%;transform:none;aspect-ratio:1}
.clipboard-home .orbit-type{inset:0;transform:none;text-align:center}
.page-opening-stage>.page-circle{flex-shrink:0}
@media(max-width:800px){
.clipboard-home .journey-view{width:100vw;margin-left:-7vw;margin-right:0}
.clipboard-home .journey-orbit{left:50%;top:50%;width:min(78vw,36svh);height:auto;aspect-ratio:1;transform:translate(-50%,-50%)}
.page-opening-stage>.page-circle{align-self:center;margin:35px auto 5px;width:190px;height:190px;transform:none}
.page-opening-stage>.page-circle .circle-face{transform:none}
}

/* Give Superdie letters room without changing the Clipboard identity. */
.site-header .brand,.portfolio-family .site-header .brand{letter-spacing:.075em}
.travelling-logo{letter-spacing:.075em}
.clipboard-home .flow-art{inset:-12% -45%;background-size:auto 100%;background-repeat:repeat-x;transform:translate3d(var(--flow-x,0px),0,0);will-change:transform}
@media(prefers-reduced-motion:reduce){.clipboard-home .flow-art{transform:none;will-change:auto}}

.site-header .brand,.portfolio-family .site-header .brand,.travelling-logo{letter-spacing:.11em}
.clipboard-home .flow-interlude{height:auto;min-height:0;padding:90px 7vw;overflow:hidden}
.clipboard-home .flow-copy{max-width:none;margin:0}
.clipboard-home .flow-copy h2{max-width:none;font-size:clamp(65px,8vw,128px);margin:40px 0 45px}
.clipboard-home .flow-art{inset:0;background-size:1600px 100%;background-position:0 50%;transform:none;animation:clipboard-line-drift 45s linear infinite;will-change:background-position}
@keyframes clipboard-line-drift{from{background-position:0 50%}to{background-position:1600px 50%}}
.paused .flow-art,.motion-paused .flow-art{animation-play-state:paused!important}
@media(max-width:800px){.clipboard-home .flow-interlude{padding:65px 12vw 70px 7vw}.clipboard-home .flow-copy h2{font-size:15vw;margin:30px 0 35px}}
@media(prefers-reduced-motion:reduce){.clipboard-home .flow-art{animation:none!important;will-change:auto}}

.people-intro{margin-top:80px;padding-top:45px;border-top:1px solid #143a3e33}.people-intro h3{font:clamp(38px,5vw,70px)/1.05 Uni,Arial,sans-serif;margin:25px 0 40px}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-bottom:35px}.people-grid article{border-left:2px solid #317b70;padding-left:25px}.people-grid h4{font:36px/1 Uni,Arial,sans-serif;margin:0 0 20px}.people-grid p{max-width:470px;color:#35544e;line-height:1.65}.people-intro>.line-link{max-width:420px}.clipboard-home .journey-step .line-link{max-width:260px;margin-top:25px}.clipboard-home .scroll-thread{opacity:calc(var(--thread-opacity,0)*.6)}
@media(max-width:800px){.people-intro{margin-top:50px}.people-grid{grid-template-columns:1fr;gap:35px}.clipboard-home .support-list summary .service-title{font-size:25px}}

.footer-identity{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:25px;width:100%;flex-basis:100%;margin-bottom:30px}.footer-wordmark{font:30px/1.2 Clipboard,Arial,sans-serif;letter-spacing:.11em;color:inherit}.footer-social{display:flex!important;gap:15px}.footer-social a{display:grid!important;place-items:center;width:44px;height:44px;border:1px solid currentColor;border-radius:50%}.footer-social svg{width:19px;height:19px}.inner-page .site-footer{flex-wrap:wrap}/* Funding uses the same section treatment as the rest of the site. */
.funding-page .content-row{isolation:isolate}
.funding-page .content-row h2 small{display:block;font:clamp(20px,2.2vw,32px)/1.3 Arial,sans-serif;margin-top:20px}
.funding-region{display:block;font:16px/1.5 Arial,sans-serif;margin-top:12px;letter-spacing:.04em}
.funding-page .content-row:nth-of-type(5n) li{color:#35544e}
.funding-page .practical-list{font:18px/1.7 Arial,sans-serif;padding-left:22px}
.funding-page .content-row a:focus-visible{outline-color:currentColor}
.inner-main .people-intro{margin-top:0;padding-top:0;border-top:0}.inner-main .people-grid{grid-template-columns:1fr;gap:30px}.inner-main .people-grid h4{font-size:32px;color:inherit}.inner-main .people-grid p{color:inherit}

.inner-main .people-grid h3{font:32px/1 Uni,Arial,sans-serif;margin:0 0 20px;color:inherit}.funding-page .content-row h2{position:relative;top:auto;overflow-wrap:normal}.funding-page .content-row a{overflow-wrap:anywhere}.site-footer .footer-identity{align-items:center}.site-footer .footer-social{flex-wrap:nowrap}

/* One footer structure and treatment across People, Business and Work. */
body .unified-footer,body .inner-main .unified-footer,body.clipboard-home .contact .unified-footer,body.portfolio-family .unified-footer{display:block;background:#102d32;color:#eeeee5;margin:0;padding:45px 0 155px;border:0;font:15px/1.6 Arial,sans-serif;text-align:left}
body.clipboard-home .contact .unified-footer{margin:60px -7vw -50px;padding-left:7vw;padding-right:7vw}
body.portfolio-family .unified-footer{padding-left:6vw;padding-right:6vw}
.unified-footer .footer-pages{display:flex;flex-wrap:wrap;gap:12px 30px;margin:0;padding:0 0 30px;border:0}
.unified-footer a{color:#eeeee5;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.unified-footer .footer-bottom{border-top:1px solid #8acdc455;padding-top:30px;display:grid;grid-template-columns:1fr auto;gap:20px 30px;align-items:center}
.unified-footer .footer-wordmark{font:30px/1.2 Clipboard,Arial,sans-serif;letter-spacing:.11em}
.unified-footer .footer-copyright{margin:0;color:#c4d7d1;font:13px/1.6 Arial,sans-serif}
.unified-footer .footer-legal{display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:flex-end;margin:0}
.unified-footer .footer-legal a{font-size:13px}.unified-footer .footer-social{margin:0;gap:12px}
.unified-footer a:focus-visible{outline:3px solid #d3ed62;outline-offset:4px}
@media(max-width:800px){body .unified-footer,body .inner-main .unified-footer,body.portfolio-family .unified-footer{padding-bottom:125px}body.clipboard-home .contact .unified-footer{margin:50px -12vw -40px -7vw;padding:35px 7vw 50px}.unified-footer .footer-bottom{grid-template-columns:1fr}.unified-footer .footer-legal{justify-content:flex-start}.unified-footer .footer-pages{gap:8px 22px}.unified-footer .footer-social{justify-content:flex-start}.unified-footer .footer-wordmark{font-size:28px}}

/* Shared footer reaches the page edges even on the blue Business route. */
body.inner-page .inner-main{padding-bottom:0}
body.inner-page .inner-main>.unified-footer{margin:0 -7vw;padding-left:7vw;padding-right:7vw;width:auto;background:#102d32}

.business-choices{margin-top:30px}.business-choices details{border-top:1px solid currentColor;padding:0 0 20px;margin-top:15px}.business-choices summary{cursor:pointer;min-height:60px;display:flex;justify-content:space-between;align-items:center;gap:20px;font:25px/1.25 Uni,Arial,sans-serif;padding:15px 0}.business-choices summary::marker{content:''}.business-choices details[open] summary span{transform:rotate(45deg)}.business-steps{padding-left:24px;line-height:1.7}.business-steps li{padding-left:8px;margin-bottom:25px}.business-steps strong{display:block}.business-path .content-row:nth-of-type(3n) li,.business-path .content-row:nth-of-type(5n) li{color:#355163}.business-path .content-row:nth-of-type(3n) a,.business-path .content-row:nth-of-type(5n) a{color:#173e52}.business-path .availability-note{font-size:15px!important}.business-path .inside-dots a{height:38px}.business-path .content-row h2{position:relative;top:auto}.business-choices summary:focus-visible{outline:3px solid currentColor;outline-offset:4px}
@media(max-width:800px){.business-choices summary{font-size:23px}.business-steps{font-size:17px}.business-path .inside-dots a{height:34px}}

/* Explicit Business section palettes keep expanded content readable. */
.business-path .content-row{isolation:isolate}
.business-path .content-row:nth-of-type(3n),.business-path .content-row:nth-of-type(5n){background:#e1eaf0;color:#173e52}
.business-path .content-row:nth-of-type(3n) :is(p,li,summary,strong,small,a),.business-path .content-row:nth-of-type(5n) :is(p,li,summary,strong,small,a){color:#173e52}
.business-path .content-row:nth-of-type(3n) h2,.business-path .content-row:nth-of-type(5n) h2{color:#173e52}
.business-path .content-row:not(:nth-of-type(3n)):not(:nth-of-type(5n)){background:#172f3e;color:#eeeee5}
.business-path .content-row:not(:nth-of-type(3n)):not(:nth-of-type(5n)) :is(p,li,summary,strong,small,a){color:#eeeee5}
.business-path .content-row:not(:nth-of-type(3n)):not(:nth-of-type(5n)) h2{color:#a8d7ed}
.business-path .content-row .business-choices details{border-color:currentColor}
.business-path .content-row .business-steps li::marker{color:currentColor}
.business-path .content-row .line-link{border-color:currentColor}
.business-path .content-row .line-link span{color:inherit}
.business-path .content-row .partner-list li,.business-path .content-row .partner-list li small{background:#e1eaf0;color:#173e52;opacity:1}
.business-path .content-row :is(a,summary):focus-visible{outline:3px solid currentColor;outline-offset:4px}

/* Partner cards retain the Business blue, independent of section palettes. */
.business-path #chapter-6 .partner-list li{background:#1d455a;color:#eeeee5;border-color:#a8d7ed}
.business-path #chapter-6 .partner-list li small{background:transparent;color:#eeeee5;opacity:1}

/* Light partner cards with a visible, quiet separator. */
.business-path #chapter-6 .partner-list{gap:12px}
.business-path #chapter-6 .partner-list li{background:#e1eaf0;color:#173e52;border:1px solid #9bb9c9;border-top:2px solid #8dc0df}
.business-path #chapter-6 .partner-list li small{background:transparent;color:#173e52;opacity:1}

.business-path #chapter-6 .partner-list li{border:0;border-top:2px solid #8dc0df}
.business-path #chapter-5{border-top:1px solid #8aa9b9}

.site-header .journey-path-label{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border:1px solid #8acdc466;border-radius:30px;color:#a8d7cf;font:11px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;text-decoration:none}.business-path .site-header .journey-path-label{color:#a8d7ed;border-color:#a8d7ed66}.site-header .journey-path-label:hover{background:#ffffff0d}.site-header .journey-path-label:focus-visible{outline:3px solid #eeeee5;outline-offset:4px}
@media(max-width:800px){.site-header .journey-path-label{font-size:9px;padding:4px 7px;letter-spacing:.04em}.inner-page .header-right,.portfolio-family .header-right{gap:10px}.inner-page .site-header .brand{font-size:18px}}

.pricing-option{padding:25px 0;border-top:1px solid currentColor;margin-bottom:25px}.pricing-option h3{font:clamp(26px,2.6vw,40px)/1.1 Uni,Arial,sans-serif;margin:0 0 20px}.pricing-option dl{font:16px/1.5 Arial,sans-serif}.pricing-option dl>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #8199a766;padding:15px 0}.pricing-option dt{font-weight:bold}.pricing-option dd{margin:0}.business-path .pricing-option h3{color:inherit}.pricing-page .content-row:nth-of-type(3n) .pricing-option,.pricing-page .content-row:nth-of-type(5n) .pricing-option{color:#173e52}
@media(max-width:800px){.pricing-option dl>div{grid-template-columns:1fr;gap:5px}.pricing-option{padding-top:20px}}

/* Shared nine-page navigation with enough room to scroll on small screens. */
body #site-menu{background:#102d32;color:#eeeee5;box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:0 6vw 35px;overflow-y:auto;overscroll-behavior:contain;border:0}
body #site-menu .menu-top{position:sticky;top:0;z-index:2;background:#102d32;padding:25px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #8acdc455}
body #site-menu .menu-top button{background:transparent;color:#eeeee5;border:0;min-height:44px;min-width:75px;font:16px Arial,sans-serif}
body #site-menu nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 5vw;margin:0;padding:15px 0}
body #site-menu nav>a{display:grid;grid-template-columns:28px minmax(0,1fr) 22px;align-items:center;gap:15px;min-height:105px;padding:18px 0;border-top:0;border-bottom:1px solid #8acdc433;color:#eeeee5;text-decoration:none}
body #site-menu .menu-index{font:11px/1.3 Arial,sans-serif;color:#8acdc4}
body #site-menu .menu-copy{font:clamp(24px,2.6vw,40px)/1.1 Uni,Arial,sans-serif;overflow-wrap:normal}
body #site-menu .menu-copy small{display:block;font:13px/1.5 Arial,sans-serif;letter-spacing:0;color:#b9cec6!important;margin-top:9px}
body #site-menu nav>a i{font:22px Arial,sans-serif;color:#8acdc4}
body #site-menu nav>a[aria-current="page"] .menu-copy{color:#d3ed62}
body #site-menu .business-menu-path .menu-index,body #site-menu .business-menu-path i{color:#a8d7ed}
body #site-menu .menu-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;padding-top:20px;color:#b9cec6;font:14px/1.6 Arial,sans-serif}
body #site-menu a:focus-visible,body #site-menu button:focus-visible{outline:3px solid #d3ed62;outline-offset:3px}
@media(max-width:800px){body #site-menu{padding:0 7vw 30px}body #site-menu nav{grid-template-columns:1fr}body #site-menu nav>a{min-height:90px;gap:12px;padding:15px 0}body #site-menu .menu-copy{font-size:27px}body #site-menu .menu-top{padding:15px 0}body #site-menu .menu-bottom{display:block}body #site-menu .menu-bottom a{overflow-wrap:anywhere}}

/* Business and People share the layout, with their own colour families. */
body.business-path .unified-footer,body.business-path .inner-main>.unified-footer,body.portfolio-family .unified-footer{background:#172f3e;color:#eeeee5}
body.business-path .unified-footer .footer-bottom,body.portfolio-family .unified-footer .footer-bottom{border-color:#a8d7ed55}
body.business-path .unified-footer .footer-copyright,body.portfolio-family .unified-footer .footer-copyright{color:#c5dce7}
body.business-path #site-menu,body.business-path #site-menu .menu-top,body.portfolio-family #site-menu,body.portfolio-family #site-menu .menu-top{background:#172f3e;color:#eeeee5}
body.business-path #site-menu nav>a[aria-current="page"] .menu-copy,body.portfolio-family #site-menu nav>a[aria-current="page"] .menu-copy{color:#a8d7ed}
body.business-path #site-menu .menu-index,body.business-path #site-menu nav>a i,body.portfolio-family #site-menu .menu-index,body.portfolio-family #site-menu nav>a i{color:#a8d7ed}
.portfolio-family{--deep:#172f3e;--harbour:#173e52;--acid:#a8d7ed;--cream:#eeeee5;--yellow:#a8d7ed;--paper:#e1eaf0;--ink:#173e52;background:#172f3e;color:#eeeee5}
.portfolio-family .site-header{background:#172f3ef5}.portfolio-family .site-header .journey-path-label{color:#a8d7ed;border-color:#a8d7ed66}
.portfolio-family .work-opening,.portfolio-family .work-stage{background:#172f3e}.portfolio-family .work-stage:before{filter:grayscale(1);opacity:.2}
.portfolio-family .work-intro h1 span,.portfolio-family .collection-link{color:#a8d7ed}
.portfolio-family .work-lead,.portfolio-family .work-intro .eyebrow{color:#c5dce7}
.portfolio-family .collection,.portfolio-family .featured-image{background:#e1eaf0;color:#173e52}
.portfolio-family .collection h2,.portfolio-family .project,.portfolio-family .project h2{color:#173e52}
.portfolio-family .collection .eyebrow,.portfolio-family .collection-heading p,.portfolio-family .project-meta,.portfolio-family .project-note{color:#355163}
.portfolio-family [data-filter]{border-color:#173e5277;color:#173e52}.portfolio-family [data-filter][aria-pressed="true"]{background:#173e52;color:#eeeee5}
.portfolio-family .archive,.portfolio-family .portfolio-contact{background:#c5dce7;color:#173e52}
.portfolio-family .portfolio-contact .line-link{color:#173e52;border-color:#173e5277}
.portfolio-family .archive details{border-color:#173e5244}.portfolio-family .feature-plus{background:#a8d7ed;color:#173e52}
.portfolio-family .feature-controls button{color:#a8d7ed;border-color:#a8d7ed77}
.portfolio-family #project-view{background:#172f3e;color:#eeeee5}.portfolio-family .detail-role,.portfolio-family .project-link{color:#a8d7ed}
.portfolio-family .project-visual{color:#173e52}.portfolio-family a:focus-visible,.portfolio-family button:focus-visible,.portfolio-family summary:focus-visible{outline-color:#a8d7ed}
.portfolio-family .collection :is(a,button,summary):focus-visible,.portfolio-family .archive :is(a,button,summary):focus-visible,.portfolio-family .portfolio-contact a:focus-visible{outline-color:#173e52}

.portfolio-family .feature-count{background:#a8d7ed;color:#173e52}.portfolio-family .preview-open{background:#a8d7ed;color:#173e52}.portfolio-family .opening-bottom,.portfolio-family .feature-controls{color:#c5dce7}.portfolio-family .detail-visual{background:#e1eaf0}