.bip{--bip-columns:3;--bip-gap:24px;margin-block:2rem;color:inherit}.bip *{box-sizing:border-box}.bip .bip-items{display:grid;grid-template-columns:repeat(var(--bip-columns),minmax(0,1fr));gap:var(--bip-gap)}.bip .bip-item{min-width:0;margin:0;position:relative;overflow:hidden;border-radius:10px}.bip .bip-item[hidden]{display:none!important}.bip .bip-item img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.bip .bip-card{display:block;height:100%;text-decoration:none;color:inherit}.bip .bip-caption{padding:16px 0}.bip .bip-caption h3{font-size:1.15em;line-height:1.3;margin:0 0 .4em}.bip .bip-caption p{margin:0;font-size:.9em;opacity:.8}.bip .bip-placeholder{display:grid;place-items:center;aspect-ratio:4/3;background:#e7eced;color:#526563;font:700 2rem monospace}.bip-framed .bip-item{border:1px solid #d8dfdf;background:#fff;color:#172524}.bip-framed .bip-caption{padding:18px}.bip-overlay .bip-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.9));padding:40px 18px 18px;color:#fff}.bip-masonry .bip-items{display:block;columns:var(--bip-columns);column-gap:var(--bip-gap)}.bip-masonry .bip-item{break-inside:avoid;margin-bottom:var(--bip-gap)}.bip-masonry .bip-item img{aspect-ratio:var(--bip-ratio,4/3)}.bip-bento .bip-item:first-child{grid-column:span 2;grid-row:span 2}.bip-bento .bip-item:first-child img{min-height:100%;position:absolute;inset:0;object-fit:cover}.bip-bento .bip-item:first-child .bip-caption{position:relative;background:rgba(0,0,0,.75);color:#fff;padding:18px}.bip-slider .bip-items{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.bip-slider .bip-item{flex:0 0 calc((100% - (var(--bip-columns) - 1)*var(--bip-gap))/var(--bip-columns));scroll-snap-align:start}.bip-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin-bottom:20px}.bip-filters label{display:grid;gap:6px;font-size:.85em}.bip-filters select{max-width:100%;padding:8px;background:#fff;color:#172524;border:1px solid #85938f;border-radius:5px}.bip-count{font-size:.85em}.bip-nav{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}.bip-nav button{cursor:pointer;border:1px solid #85938f;border-radius:6px;background:#fff;color:#172524;padding:8px 16px}.bip :focus-visible{outline:3px solid #147b74;outline-offset:3px}.bip-project-media>*{margin-block:24px;max-width:100%}.bip-single-photo{display:block;width:100%;height:auto;aspect-ratio:var(--bip-ratio,4/3)}.bip-project-media audio,.bip-project-media video{width:100%}.bip-video{width:100%;aspect-ratio:16/9;border:0}.bip-code{padding:24px;overflow:auto;background:#152725;color:#d6f5e9;border-radius:10px;white-space:pre}.bip-browser{border:1px solid #b6c5c2;border-radius:10px;overflow:hidden}.bip-browser-bar{padding:12px;background:#e8efed;color:#4e6260;font:12px system-ui}.bip-browser iframe{width:100%;height:560px;border:0;background:#fff;display:block}@media(max-width:900px){.bip{--bip-columns:2!important}}@media(max-width:600px){.bip{--bip-columns:1!important}.bip-bento .bip-item:first-child{grid-column:auto;grid-row:auto;min-height:300px}.bip-browser iframe{height:420px}}

.bip-cols-1{--bip-columns:1!important}.bip-cols-1.bip-bento .bip-item:first-child{grid-column:span 1}