.portfolio-page [hidden]{display:none!important}
.portfolio-page .nav{background:#fff}
.portfolio-page .nav a[aria-current]{text-decoration:underline;text-underline-offset:.35em}
.portfolio-container{width:calc(100% - 7.5em);max-width:82.5em;margin-inline:auto}
.portfolio-hero{padding-top:12.5em;padding-bottom:1.5em;text-align:center}
.portfolio-principle{display:flex;align-items:center;justify-content:center;gap:2em;margin:0 0 3em;padding:0;list-style:none;font-size:1em}
.portfolio-principle li{display:flex;align-items:center;gap:.8em}
.portfolio-principle span{font:400 1.5em/1 'Rg Standardbook',sans-serif}
.portfolio-hero h1{font:400 4em/.95 'Rg Standardbook',sans-serif;letter-spacing:-.04em;margin:0 auto .5em}
.portfolio-hero>p{font:300 1.25em/1.3 Worksans,sans-serif;letter-spacing:-.025em;color:#737780;margin:1.5em 0 0}
.portfolio-list{padding-top:6em;padding-bottom:12em}
.portfolio-filters{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.portfolio-filters .portfolio-filter{display:flex;align-items:center;justify-content:center;gap:.7em;border:1px solid #d1d5db;border-right:0;border-radius:0;min-height:3.5em;height:auto;white-space:normal;font:300 .875em/1.25 Worksans,sans-serif;box-shadow:none;background:transparent;color:#141414;padding:.75em .5em}
.portfolio-filters .portfolio-filter:last-child{border-right:1px solid #d1d5db}
.portfolio-filter[aria-pressed=true]{background:#141414!important;color:#fff!important;border-color:#141414!important}
.portfolio-filter span{color:#999}
.portfolio-filter:disabled{opacity:.5;cursor:not-allowed}
.portfolio-count{margin:1em 0 3em;font:300 .875em/1.4 Worksans,sans-serif;color:#777}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2em 1.5em;align-items:start;padding-top:1em}
.portfolio-card{min-width:0;background:#f3f3f3}
.portfolio-card:nth-child(even){transform:translateY(4em)}
.portfolio-card a{display:block;text-decoration:none;color:#141414}
.portfolio-card-image{overflow:hidden;padding:.5em .5em 0}
.portfolio-card-image img{display:block;width:100%;height:auto;aspect-ratio:1.08;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.portfolio-card a:hover img{transform:scale(1.025)}
.portfolio-card-copy{padding:1.5em}
.portfolio-card-category{font:300 .875em/1.4 Worksans,sans-serif;color:#a197d0;margin:0 0 1em}
.portfolio-card-heading{display:flex;justify-content:space-between;align-items:start;gap:1em}
.portfolio-card-heading h2{font:400 2em/1.15 'Rg Standardbook',sans-serif;letter-spacing:-.04em;margin:0}
.portfolio-card-heading>span{font:400 2em/1 'Rg Standardbook',sans-serif}
.portfolio-card-summary{font:300 1em/1.4 Worksans,sans-serif;color:#777;margin:1em 0 0}
.portfolio-empty{padding:4em;text-align:center;color:#777}
.portfolio-partnership{padding-block:7.5em;background:#000;color:#fff}
.portfolio-kicker{color:#a398d7;font:300 1.25em/1.4 Worksans,sans-serif;margin:0 0 4em}
.portfolio-kicker:before{content:'○';margin-right:.5em}
.portfolio-partnership-copy h2,.portfolio-partnership-copy p{font:400 2em/1.3 'Rg Standardbook',sans-serif;letter-spacing:-.04em;margin:0 0 .75em}
.portfolio-partnership-copy strong{font-size:2em;line-height:1;letter-spacing:-.06em;font-weight:400;color:#70dfe0;margin-inline:.1em}
.portfolio-partnership-copy p:last-child strong{color:#7fe59d}
.portfolio-partnership-footer{display:flex;justify-content:space-between;align-items:center;gap:2em;padding-top:3em;margin-top:3em;border-top:4px solid;border-image:linear-gradient(90deg,#a598e9,#70dfe0,#7fe59d) 1}
.portfolio-partnership-footer p{font:300 1em/1.4 Worksans,sans-serif;color:#aaa;margin:0}
.portfolio-button{display:inline-flex;align-items:center;justify-content:space-between;gap:2em;border:1px solid #141414;border-radius:0;background:transparent;color:#141414;padding:1.35em 1em;min-height:3.75em;height:auto;box-shadow:none;text-decoration:none;text-transform:uppercase;font:400 .875em/1.3 Worksans,sans-serif}
.portfolio-button:hover{background:#eae8f1}
.portfolio-button-light{background:#fff;color:#141414;border-color:#fff}
.portfolio-button-dark{background:#000;color:#fff}
.portfolio-button-dark:hover{background:#333;color:#fff}
.portfolio-objectives{background:#f2f2f2;padding:7.5em 0}
.portfolio-objectives h2{text-align:center;font:400 4em/.95 'Rg Standardbook',sans-serif;letter-spacing:-.04em;margin:0 0 1em}
.portfolio-objective-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5em}
.portfolio-objective{padding:2em 1.5em 1.5em;min-height:16em;display:flex;flex-direction:column;justify-content:space-between;gap:2em;background:radial-gradient(ellipse at 100% 100%,#e8effb,transparent 45%),radial-gradient(ellipse at 10% 100%,#faf0ed,transparent 55%),#fff}
.portfolio-objective:last-child{background:radial-gradient(ellipse at 0% 0%,#daf7e7,transparent 55%),radial-gradient(ellipse at 100% 0%,#dde9f8,transparent 35%),radial-gradient(ellipse at 50% 110%,#bbb1e6,transparent 50%),#fff}
.portfolio-objective h3{font:400 2em/1.25 'Rg Standardbook',sans-serif;letter-spacing:-.04em;margin:0}
.portfolio-page :focus-visible{outline:2px solid #8e76c7;outline-offset:5px}
@media(max-width:1100px){.portfolio-filters{display:flex;overflow-x:auto}.portfolio-filters .portfolio-filter{flex:0 0 auto;min-width:10em;white-space:nowrap}.portfolio-objective-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.portfolio-container{width:calc(100% - 2.5em)}.portfolio-hero{padding-top:10em}.portfolio-principle{gap:1em;font-size:.8em;margin-bottom:2.5em}.portfolio-principle li{gap:.4em}.portfolio-hero h1{font-size:3em;line-height:1}.portfolio-hero>p{font-size:1.125em}.portfolio-desktop-break{display:none}.portfolio-list{padding-top:3em;padding-bottom:4em}.portfolio-count{margin-bottom:1.5em}.portfolio-grid{grid-template-columns:1fr;gap:2em;padding-top:0}.portfolio-card:nth-child(even){transform:none}.portfolio-card-copy{padding:1.25em}.portfolio-card-image img{aspect-ratio:1.12}.portfolio-card-heading h2{font-size:1.8em}.portfolio-card-summary{font-size:.9em}.portfolio-partnership{padding-block:4em}.portfolio-kicker{margin-bottom:2.5em;font-size:1em}.portfolio-partnership-copy h2,.portfolio-partnership-copy p{font-size:1.6em;line-height:1.4}.portfolio-partnership-footer{align-items:start;flex-direction:column;padding-top:2em;margin-top:2em}.portfolio-objectives{padding-block:4em}.portfolio-objectives h2{font-size:3em}.portfolio-objective-grid{grid-template-columns:1fr;gap:1em}.portfolio-objective{min-height:13em;padding:1.5em}.portfolio-objective h3{font-size:1.75em}.portfolio-button{min-height:3.75em}}
@media(prefers-reduced-motion:reduce){.portfolio-card-image img{transition:none}.portfolio-card a:hover img{transform:none}}