.je-portfolio *{box-sizing:border-box}.je-portfolio .je-open{font:inherit;color:inherit}.je-portfolio .je-gallery{width:100%}.je-portfolio .je-gallery{max-width:1500px;margin:40px auto 100px;padding:0 5vw;display:grid;grid-template-columns:repeat(24,minmax(0,1fr));align-items:start;row-gap:90px}.je-portfolio .je-item{margin:0;min-width:0;will-change:transform}.je-portfolio .je-item:nth-child(7n+1){grid-column:4/15}.je-portfolio .je-item:nth-child(7n+2){grid-column:19/25;margin-top:180px}.je-portfolio .je-item:nth-child(7n+3){grid-column:10/24;margin-top:-15px}.je-portfolio .je-item:nth-child(7n+4){grid-column:2/8;margin-top:-50px}.je-portfolio .je-item:nth-child(7n+5){grid-column:15/21;margin-top:80px}.je-portfolio .je-item:nth-child(7n+6){grid-column:5/11;margin-top:30px}.je-portfolio .je-item:nth-child(7n){grid-column:15/25;margin-top:210px}.je-portfolio .je-open{display:block;position:relative;width:100%;padding:0;border:0;background:none;cursor:zoom-in;overflow:hidden}.je-portfolio .je-open:focus-visible{outline:2px solid #333;outline-offset:6px}.je-portfolio .je-open>img,.je-portfolio .je-open>video{display:block;width:100%;height:auto}.je-portfolio .crop{position:relative;display:block;overflow:hidden}.je-portfolio .crop img{position:absolute;max-width:none;height:auto;display:block}.je-portfolio .film-label{position:absolute;bottom:12px;left:12px;font-size:10px;letter-spacing:1px;background:#ffffffdf;padding:5px 8px}.je-portfolio .je-item figcaption{font-size:11px;margin-top:10px;color:#777}.je-portfolio dialog{border:0;padding:0;max-width:94vw;max-height:94vh;background:transparent;color:#fff}.je-portfolio dialog::backdrop{background:rgba(255,255,255,.97)}.je-portfolio dialog .je-open{max-width:85vw;max-height:82vh;cursor:auto}.je-portfolio dialog .crop{width:min(78vw,850px);max-height:80vh}.je-portfolio dialog video,.je-portfolio dialog img{max-height:80vh;object-fit:contain}.je-portfolio dialog .crop img{max-height:none;object-fit:initial}.je-portfolio dialog .close{position:fixed;top:20px;right:24px;border:0;background:#fff;color:#222;padding:12px;cursor:pointer;font-size:25px}.je-portfolio dialog .text{background:white;color:#222;max-width:550px;padding:32px;line-height:1.8}.je-portfolio dialog .text h2{font-family:Georgia,serif;font-weight:400}@media(max-width:700px){.je-portfolio .je-gallery{margin:25px auto 75px;padding:0 6vw;grid-template-columns:repeat(12,minmax(0,1fr));row-gap:60px}.je-portfolio .je-item:nth-child(7n+1){grid-column:1/11;margin:0}.je-portfolio .je-item:nth-child(7n+2){grid-column:7/13;margin:0}.je-portfolio .je-item:nth-child(7n+3){grid-column:2/13;margin:0}.je-portfolio .je-item:nth-child(7n+4){grid-column:1/8;margin:0}.je-portfolio .je-item:nth-child(7n+5){grid-column:6/13;margin:0}.je-portfolio .je-item:nth-child(7n+6){grid-column:2/8;margin:0}.je-portfolio .je-item:nth-child(7n){grid-column:3/13;margin:0}}@media(prefers-reduced-motion:reduce){.je-portfolio .je-item{transform:none!important;will-change:auto}}
/* Larger compositions, with independent mobile spacing. */
.je-portfolio .je-gallery{max-width:1800px;padding-left:3vw;padding-right:3vw;row-gap:100px}
.je-portfolio .je-item:nth-child(7n+1){grid-column:2/15}
.je-portfolio .je-item:nth-child(7n+2){grid-column:18/25;margin-top:210px}
.je-portfolio .je-item:nth-child(7n+3){grid-column:8/25;margin-top:0}
.je-portfolio .je-item:nth-child(7n+4){grid-column:1/9;margin-top:-40px}
.je-portfolio .je-item:nth-child(7n+5){grid-column:14/22;margin-top:90px}
.je-portfolio .je-item:nth-child(7n+6){grid-column:3/11;margin-top:30px}
.je-portfolio .je-item:nth-child(7n){grid-column:13/25;margin-top:230px}
@media(max-width:700px){
.je-portfolio .je-gallery{padding-left:5vw;padding-right:5vw;row-gap:65px}
.je-portfolio .je-item:nth-child(7n+1){grid-column:1/12;margin:0}
.je-portfolio .je-item:nth-child(7n+2){grid-column:6/13;margin:0}
.je-portfolio .je-item:nth-child(7n+3){grid-column:1/13;margin:0}
.je-portfolio .je-item:nth-child(7n+4){grid-column:1/9;margin:0}
.je-portfolio .je-item:nth-child(7n+5){grid-column:5/13;margin:0}
.je-portfolio .je-item:nth-child(7n+6){grid-column:1/9;margin:0}
.je-portfolio .je-item:nth-child(7n){grid-column:2/13;margin:0}
}

/* Selected corner overlaps; mobile keeps independent images. */
@media(min-width:701px){
.je-portfolio .je-gallery{isolation:isolate}
.je-portfolio .je-item:nth-child(7n+2){grid-column:14/22;margin-top:210px;z-index:2}
.je-portfolio .je-item:nth-child(7n+3){position:relative;z-index:1}
.je-portfolio .je-item:nth-child(7n+4){grid-column:1/9;margin-top:-125px;z-index:2}
.je-portfolio .je-item:nth-child(7n+6){grid-column:3/13;position:relative;z-index:1}
.je-portfolio .je-item:nth-child(7n){grid-column:12/24;margin-top:190px;z-index:2}
}
