.portfolio-index-shell{color:var(--black);background:#fff}.portfolio-index{overflow:clip}.portfolio-index-hero{padding:clamp(46px, 6vw, 84px) var(--gutter);border-bottom:1px solid var(--black);grid-template-columns:minmax(250px,.58fr) minmax(0,1.42fr);align-items:start;gap:clamp(48px,9vw,150px);display:grid}.portfolio-index-eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 26px;font-size:12px;line-height:1}.portfolio-index-title h1{letter-spacing:-.06em;margin:0 0 34px;font-size:clamp(52px,7vw,104px);line-height:.88}.portfolio-title-wide-break{display:block}.portfolio-index-title>p:last-child{max-width:640px;margin:0;font-size:clamp(17px,1.45vw,23px);line-height:1.42}.portfolio-filters{border-top:1px solid var(--black);display:grid}.portfolio-filters button{border:0;border-bottom:1px solid var(--line);min-height:56px;color:var(--black);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:0;display:flex}.portfolio-filters button:after{content:"↗";opacity:0;transition:opacity .15s}.portfolio-filters button:hover:after,.portfolio-filters button[aria-pressed=true]:after{opacity:1}.portfolio-filters button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.portfolio-filters button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.portfolio-filter-status{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.portfolio-index-list{padding:0 var(--gutter) var(--section);border-bottom:1px solid var(--black);background:#fff;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.portfolio-card{background:#fff;grid-template-rows:minmax(320px,36vw) auto;min-width:0;display:grid}.portfolio-card:nth-child(2n){background:var(--soft)}.portfolio-card--featured{grid-column:1/-1;grid-template-rows:minmax(520px,68vh);grid-template-columns:minmax(0,2fr) minmax(290px,1fr)}.portfolio-card-image{background:#eceae5;min-width:0;min-height:0;display:block;overflow:hidden}.portfolio-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.22,.61,.36,1);display:block}.portfolio-card-image:hover img{transform:scale(1.015)}.portfolio-card-copy{border-top:1px solid var(--black);flex-direction:column;align-items:flex-start;padding:clamp(24px,3.2vw,52px);display:flex}.portfolio-card--featured .portfolio-card-copy{border-top:0;border-left:1px solid var(--black)}.portfolio-card-copy>span{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:11px}.portfolio-card h2{letter-spacing:-.055em;margin:18px 0 20px;font-size:clamp(34px,4vw,66px);font-weight:400;line-height:.94}.portfolio-card h2 a{color:inherit;text-decoration:none}.portfolio-card-copy p{max-width:540px;margin:0 0 14px;line-height:1.42}.portfolio-card-copy .portfolio-card-data{color:var(--accent);font-size:14px}@media (max-width:900px){.portfolio-index-hero{grid-template-columns:1fr;gap:50px;padding-top:46px}.portfolio-index-title{grid-row:1}.portfolio-title-wide-break{display:none}.portfolio-index-nav{grid-row:2}.portfolio-index-list{grid-template-columns:1fr;padding-inline:0}.portfolio-card--featured{grid-column:auto;grid-template-rows:minmax(390px,68vw) auto;grid-template-columns:1fr}.portfolio-card--featured .portfolio-card-copy{border-top:1px solid var(--black);border-left:0}.portfolio-card{grid-template-rows:minmax(360px,68vw) auto}}@media (max-width:560px){.portfolio-index-hero{padding:46px 18px 58px}.portfolio-index-title h1{margin-bottom:26px;font-size:clamp(54px,16vw,82px)}.portfolio-card,.portfolio-card--featured{grid-template-rows:minmax(270px,72vw) auto}.portfolio-card-copy{min-height:330px;padding:24px 18px 30px}.portfolio-card h2{font-size:42px}}@media (prefers-reduced-motion:reduce){.portfolio-card-image img{transition:none}}