@layer quartz-base{:is(figure[data-rehype-pretty-code-figure]:has(code[data-language*=image-layout]),figure[data-rehype-pretty-code-figure]:has(code[data-language*=gallery]),figure[data-rehype-pretty-code-figure]:has(code[data-language*=image-grid]),pre[data-language*=image-layout],pre[data-language*=gallery],pre[data-language*=image-grid],code[data-language*=image-layout],code[data-language*=gallery],code[data-language*=image-grid]){display:none!important}.image-layout-wrapper{clear:both;width:100%;margin:1.75rem 0}.image-layout-wrapper .image-layout-container{box-sizing:border-box;align-items:stretch;gap:1rem;width:100%;display:grid}.image-layout-wrapper .image-layout-container.layout-a,.image-layout-wrapper .image-layout-container.layout-2-col,.image-layout-wrapper .image-layout-container.layout-side-by-side{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:650px){.image-layout-wrapper .image-layout-container.layout-a,.image-layout-wrapper .image-layout-container.layout-2-col,.image-layout-wrapper .image-layout-container.layout-side-by-side{grid-template-columns:1fr}}.image-layout-wrapper .image-layout-container.layout-b,.image-layout-wrapper .image-layout-container.layout-featured{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(180px,auto)}.image-layout-wrapper .image-layout-container.layout-b .image-layout-card:first-child,.image-layout-wrapper .image-layout-container.layout-featured .image-layout-card:first-child{grid-row:span 2}.image-layout-wrapper .image-layout-container.layout-b .image-layout-card:first-child .image-layout-img,.image-layout-wrapper .image-layout-container.layout-featured .image-layout-card:first-child .image-layout-img{height:100%}@media (max-width:650px){.image-layout-wrapper .image-layout-container.layout-b,.image-layout-wrapper .image-layout-container.layout-featured{grid-template-columns:1fr;grid-auto-rows:auto}.image-layout-wrapper .image-layout-container.layout-b .image-layout-card:first-child,.image-layout-wrapper .image-layout-container.layout-featured .image-layout-card:first-child{grid-row:span 1}}.image-layout-wrapper .image-layout-container.layout-c,.image-layout-wrapper .image-layout-container.layout-3-col{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:768px){.image-layout-wrapper .image-layout-container.layout-c,.image-layout-wrapper .image-layout-container.layout-3-col{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.image-layout-wrapper .image-layout-container.layout-c,.image-layout-wrapper .image-layout-container.layout-3-col{grid-template-columns:1fr}}.image-layout-wrapper .image-layout-container.layout-4-col{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:850px){.image-layout-wrapper .image-layout-container.layout-4-col{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.image-layout-wrapper .image-layout-container.layout-4-col{grid-template-columns:1fr}}.image-layout-wrapper .image-layout-container.layout-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}@media (max-width:500px){.image-layout-wrapper .image-layout-container.layout-grid{grid-template-columns:1fr}}.image-layout-wrapper .image-layout-container.layout-masonry{column-count:2;column-gap:1rem;display:block}.image-layout-wrapper .image-layout-container.layout-masonry .image-layout-card{break-inside:avoid;width:100%;margin-bottom:1rem;display:inline-block}@media (max-width:600px){.image-layout-wrapper .image-layout-container.layout-masonry{column-count:1}}.image-layout-wrapper .image-layout-card{background-color:var(--light);border:1px solid var(--lightgray);cursor:zoom-in;border-radius:12px;flex-direction:column;transition:transform .25s cubic-bezier(.2,0,.2,1),box-shadow .25s cubic-bezier(.2,0,.2,1),border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000000d}.image-layout-wrapper .image-layout-card:hover{border-color:var(--secondary);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.image-layout-wrapper .image-layout-card:hover .image-layout-img{transform:scale(1.025)}.image-layout-wrapper .image-layout-card .image-layout-img-wrapper{background:#7d7d7d0d;justify-content:center;align-items:center;width:100%;height:100%;min-height:200px;display:flex;position:relative;overflow:hidden}@media (max-width:650px){.image-layout-wrapper .image-layout-card .image-layout-img-wrapper{min-height:180px}}.image-layout-wrapper .image-layout-card .image-layout-img{object-fit:cover;background-color:#0000;width:100%;height:100%;max-height:520px;transition:transform .35s cubic-bezier(.2,0,.2,1);display:block;border-radius:0!important;margin:0!important}.image-layout-wrapper .image-layout-card.natural-aspect .image-layout-img{object-fit:contain;max-height:600px}.image-layout-wrapper .image-layout-card .image-layout-caption{color:var(--darkgray);text-align:center;background:var(--light);border-top:1px solid var(--lightgray);padding:.65rem .9rem;font-size:.88rem;font-style:italic;line-height:1.4}.image-layout-wrapper .image-layout-global-caption{color:var(--gray);text-align:center;margin-top:.6rem;font-size:.9rem;font-style:italic}.image-layout-lightbox{z-index:99999;-webkit-backdrop-filter:blur(8px);box-sizing:border-box;opacity:0;pointer-events:none;cursor:zoom-out;background:#000000e0;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .25s;display:flex;position:fixed;inset:0}.image-layout-lightbox.active{opacity:1;pointer-events:auto}.image-layout-lightbox .lightbox-content{cursor:default;flex-direction:column;justify-content:center;align-items:center;max-width:92vw;max-height:88vh;display:flex;position:relative}.image-layout-lightbox .lightbox-img{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:8px;max-width:90vw;max-height:80vh;transition:transform .25s cubic-bezier(.2,0,.2,1);transform:scale(.95);box-shadow:0 10px 40px #00000080}.image-layout-lightbox.active .lightbox-img{transform:scale(1)}.image-layout-lightbox .lightbox-caption{color:#f1f1f1;text-align:center;text-shadow:0 2px 4px #0009;max-width:800px;margin-top:1rem;font-size:1rem;font-style:italic;line-height:1.4}.image-layout-lightbox .lightbox-close{color:#fff;cursor:pointer;z-index:100000;background:#ffffff26;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.5rem;line-height:1;transition:background .2s,transform .2s;display:flex;position:absolute;top:1.25rem;right:1.5rem}.image-layout-lightbox .lightbox-close:hover{background:#ffffff4d;transform:scale(1.08)}}