.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(380px, 1fr));gap:1.5rem}@media(max-width: 1023px){.portfolio-grid{grid-template-columns:1fr 1fr}}@media(max-width: 767px){.portfolio-grid{grid-template-columns:1fr}}.portfolio-item{background-color:var(--ji-white);overflow:hidden;box-shadow:0 2px 14px rgba(58,55,52,.07);transition:box-shadow .4s ease,transform .4s ease}.portfolio-item:hover{box-shadow:0 12px 32px rgba(58,55,52,.14);transform:translateY(-3px)}.portfolio-item__image{width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;transition:transform .5s ease}.portfolio-item:hover .portfolio-item__image{transform:scale(1.03)}.portfolio-item__meta{padding:var(--ji-space-sm);font-size:.875rem;letter-spacing:.06em;text-transform:uppercase}.portfolio-item__title{font-family:var(--ji-font-display);font-size:1rem;font-weight:400;color:var(--ji-crimson);margin-bottom:.25rem}.portfolio-item__tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.portfolio-item__tag{display:inline-block;font-family:var(--ji-font-body);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ji-grey-dark);border-bottom:1px solid var(--ji-grey-light);padding-bottom:1px;text-decoration:none;transition:color .3s ease,border-color .3s ease}.portfolio-item__tag:hover{color:var(--ji-crimson);border-color:var(--ji-crimson)}.ji-tag{display:inline-block;font-family:var(--ji-font-body);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ji-grey-dark);text-decoration:none;border-bottom:1px solid var(--ji-grey-light);padding-bottom:1px;transition:color .3s ease,border-color .3s ease}.ji-tag:hover{color:var(--ji-crimson);border-color:var(--ji-crimson)}.ji-tag.is-active{color:var(--ji-crimson);border-color:var(--ji-crimson)}.ji-tag-group{display:flex;flex-wrap:wrap;gap:.75rem 1rem}.ji-archive-header{position:relative;overflow:hidden;text-align:center;padding-block:4rem 2rem;background:var(--ji-white)}.ji-archive-header::before{content:"";position:absolute;inset:0;background-image:url("../images/background-tools.png");background-size:1100px auto;background-position:center top;background-repeat:no-repeat;opacity:.1;pointer-events:none}.ji-archive-header__inner{position:relative;max-width:720px;margin-inline:auto;padding-inline:2rem}.ji-archive-header__title{font-size:clamp(2.75rem,7vw,5rem);margin:.25rem 0 1rem}.ji-archive-header__intro{color:var(--ji-grey-dark);font-size:1rem;line-height:1.8;max-width:52ch;margin:0 auto}.ji-portfolio-filter{max-width:1400px;margin-inline:auto;padding-inline:2rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 2rem;padding-block:2rem}.ji-portfolio-filter .ji-tag{position:relative;background:none;border:none;padding:0 0 4px;margin:0;cursor:pointer;color:var(--ji-grey-dark);font-family:var(--ji-font-body);font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;line-height:1;transition:color .3s ease}.ji-portfolio-filter .ji-tag::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1.5px;background:var(--ji-crimson);transition:width .25s ease}.ji-portfolio-filter .ji-tag:hover{color:var(--ji-crimson)}.ji-portfolio-filter .ji-tag:hover::after{width:100%}.ji-portfolio-filter .ji-tag.is-active{color:var(--ji-crimson)}.ji-portfolio-filter .ji-tag.is-active::after{width:100%}.ji-portfolio-filter .ji-tag:focus-visible{outline:2px solid var(--ji-crimson);outline-offset:4px}.ji-portfolio-grid-band{background:var(--ji-off-white);padding-block:2rem}.ji-portfolio-archive .portfolio-grid{max-width:1400px;margin-inline:auto;padding-inline:2rem}.portfolio-item__link{display:block;overflow:hidden}.portfolio-item__textcard{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;background:var(--ji-off-white);text-decoration:none}.portfolio-item__textcard::before{content:"";position:absolute;inset:18px;border:1px solid rgba(71,0,1,.22);pointer-events:none}.portfolio-item__textcard-inner{text-align:center;padding:1.5rem}.portfolio-item__textcard-year{display:block;font-family:var(--ji-font-body);font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ji-grey-mid);margin-bottom:.75rem}.portfolio-item__textcard-title{font-family:var(--ji-font-display);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:400;line-height:1.15;color:var(--ji-crimson);margin:0}.portfolio-item__textcard-rule{display:block;width:48px;height:1px;background:var(--ji-crimson);opacity:.5;margin:.875rem auto}.portfolio-item__textcard-sub{display:block;font-family:var(--ji-font-body);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ji-grey-mid)}.portfolio-item--text:nth-child(3n+2) .portfolio-item__textcard{background:var(--ji-grey-light)}.portfolio-item--text:nth-child(3n+3) .portfolio-item__textcard{background:var(--ji-white)}.portfolio-item__collection{margin-bottom:.35rem}.portfolio-item__title a{color:var(--ji-crimson);text-decoration:none}.portfolio-item__title a:hover{opacity:.65}.ji-pagination{max-width:1400px;margin-inline:auto;padding-inline:2rem;margin-top:4rem;text-align:center}.ji-pagination .nav-links{display:flex;justify-content:center;gap:2rem}.ji-pagination a,.ji-pagination .current{font-family:var(--ji-font-body);font-size:.875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ji-crimson);text-decoration:none}.ji-pagination .current{opacity:.5}.ji-pagination a:hover{opacity:.65}.ji-archive-empty{text-align:center;padding:8rem 0;color:var(--ji-grey-dark)}.ji-portfolio-cta{background:var(--ji-white);padding-block:8rem;text-align:center}.ji-portfolio-cta__inner{max-width:1000px;margin-inline:auto;padding-inline:2rem}.ji-portfolio-cta__box{border:1px solid var(--ji-crimson);padding:4rem 8rem}.ji-portfolio-cta__title{font-size:clamp(1.75rem,4vw,2.75rem);margin:.5rem 0 1rem}.ji-portfolio-cta__text{color:var(--ji-grey-dark);font-size:1.0625rem;line-height:1.8;margin:0 auto 2rem;max-width:50ch}.ji-portfolio-cta__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.ji-portfolio-single{max-width:1100px;margin-inline:auto;padding-inline:2rem;padding-block:2rem 8rem}.ji-portfolio-single__back{margin-bottom:2rem}.ji-back-link::after{content:none}.ji-portfolio-single__header{text-align:center;margin-bottom:2rem}.ji-portfolio-single__title{font-size:clamp(2.5rem,6vw,4.5rem);margin:.5rem 0 0}.ji-portfolio-single__content{margin-bottom:8rem}.ji-portfolio-single__nav{display:flex;justify-content:space-between;gap:2rem;border-top:1px solid var(--ji-grey-light);padding-top:2rem}.ji-portfolio-single__nav-link{display:flex;flex-direction:column;gap:.25rem;text-decoration:none;max-width:45%}.ji-portfolio-single__nav-link.next{text-align:right;margin-left:auto}.ji-portfolio-single__nav-title{font-family:var(--ji-font-display);font-size:1.125rem;color:var(--ji-crimson);transition:opacity .3s ease}.ji-portfolio-single__nav-link:hover .ji-portfolio-single__nav-title{opacity:.65}