.jp-page{background:#f2eee5}.jp-hero{background:#000;color:#fff;padding:calc(var(--header-h) + 105px) 0 115px}.jp-hero__grid{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(70px,10vw,160px);align-items:end}.jp-hero h1{font-size:clamp(4.2rem,8vw,8.4rem);line-height:.87;margin:0}.jp-hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--bronze)}.jp-hero__grid>div:last-child>p{color:rgba(255,255,255,.64);font-size:clamp(1rem,1.4vw,1.2rem);margin-bottom:34px}.jp-hero__grid>div:last-child>span{display:flex;align-items:baseline;gap:12px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5)}.jp-hero__grid>div:last-child strong{font-size:2.4rem;color:var(--bronze);letter-spacing:-.05em}.jp-browser{padding:0 0 clamp(110px,14vw,190px)}.jp-filters{position:sticky;top:var(--header-h);z-index:20;background:rgba(242,238,229,.96);backdrop-filter:blur(14px);margin:0 0 75px;padding:24px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.2fr .8fr auto;gap:35px;align-items:end}.jp-filter-group>p{font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:#766c61;margin-bottom:9px}.jp-filter-group>div{display:flex;gap:7px;flex-wrap:wrap}.jp-filter-group button,.jp-empty button{appearance:none;border:1px solid rgba(0,0,0,.22);border-radius:999px;background:transparent;color:var(--ink);min-height:38px;padding:8px 15px;font:650 12px/1 var(--sans);cursor:pointer;transition:.2s}.jp-filter-group button:hover,.jp-filter-group button.is-active{background:#000;color:#fff;border-color:#000}.jp-filter-group button:focus-visible,.jp-empty button:focus-visible{outline:2px solid #8e6847;outline-offset:2px}.jp-result-count{margin:0;white-space:nowrap;color:#756f67;font-size:12px}.jp-result-count strong{font-size:1.5rem;color:var(--ink);margin-right:5px}.jp-gallery{columns:3;column-gap:clamp(18px,2.4vw,34px)}.jp-item{break-inside:avoid;margin:0 0 clamp(45px,6vw,78px);display:inline-block;width:100%;transition:opacity .24s,transform .35s}.jp-item[hidden]{display:none}.jp-item>button{display:block;width:100%;border:0;background:#e5dfd3;padding:12px;cursor:zoom-in;appearance:none}.jp-item>button:focus-visible{outline:3px solid var(--bronze);outline-offset:4px}.jp-item img{display:block;width:100%;height:auto;transition:transform .6s cubic-bezier(.22,1,.36,1),filter .5s}.jp-item>button:hover img{transform:scale(1.012);filter:contrast(1.03)}.jp-item figcaption{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:start;padding-top:13px}.jp-item figcaption>span{font-size:9px;letter-spacing:.14em;color:#8e6847}.jp-item figcaption p{margin:0;font-size:12px;line-height:1.45}.jp-item figcaption strong{display:block;font-size:13px}.jp-item figcaption small{font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#807971;text-align:right}.jp-empty{text-align:center;padding:90px 20px}.jp-empty p{font-size:1.5rem}.jp-final{background:var(--bronze);padding:clamp(100px,13vw,170px) 0}.jp-final>.jm-container{display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:end}.jp-final h2{margin:0}.jp-final>div>div:last-child p{max-width:440px}.jp-final .jm-button{background:#000!important;color:#fff!important;border-color:#000!important}
.jp-project-link{display:inline-block;margin-top:8px;color:var(--ink);font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.jp-project-link:hover{text-decoration:underline}
@media(max-width:1050px){.jp-filters{grid-template-columns:1fr 1fr}.jp-result-count{grid-column:1/-1}.jp-gallery{columns:2}.jp-hero__grid{grid-template-columns:1fr;gap:50px}.jp-hero__grid>div:last-child{max-width:650px}}
@media(max-width:680px){.jp-hero{padding:calc(var(--header-h) + 65px) 0 80px}.jp-hero h1{font-size:clamp(3.6rem,17vw,5.1rem)}.jp-filters{position:relative;top:auto;margin-bottom:55px;padding-top:22px;padding-bottom:22px;grid-template-columns:1fr;gap:22px}.jp-result-count{grid-column:auto}.jp-filter-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.jp-filter-group button{width:100%;padding-inline:8px}.jp-gallery{columns:1}.jp-item{margin-bottom:55px}.jp-item>button{padding:9px}.jp-item figcaption{grid-template-columns:28px 1fr}.jp-item figcaption small{grid-column:2;text-align:left}.jp-final>.jm-container{grid-template-columns:1fr;gap:45px}.jp-final .jm-button{width:100%}}
@media(prefers-reduced-motion:reduce){.jp-item,.jp-item img{transition:none!important}}