@layer components{.gallery_page_head{text-align:center;align-items:center;gap:var(--space-5);width:100%;max-width:40rem;padding-block:var(--section-space-medium) var(--section-space-large);flex-direction:column;margin-inline:auto;display:flex}.gallery_page_heading{flex-direction:column;align-items:center;margin:0;display:flex}.gallery_page_heading_lead{font-family:var(--secondary-family);font-size:var(--h2);text-transform:uppercase;letter-spacing:.08em;line-height:1}.gallery_page_heading_accent{font-family:var(--tertiary-family);font-size:calc(var(--h2) * 1.7);color:#0000;background-image:url(/images/gold-effect.webp);background-position:50%;background-size:cover;background-clip:text;margin-top:-.5rem;padding-inline:.15em;line-height:1.3}.gallery_page_intro{max-width:34ch;color:color-mix(in lab, var(--text) 70%, transparent);margin:0}.gallery_page_grid{column-count:2;column-gap:var(--space-4);width:100%}@media (width>=48rem){.gallery_page_grid{column-count:3;column-gap:var(--space-6)}}@media (width>=75rem){.gallery_page_grid{column-count:4}}.gallery_page_item{margin:0 0 var(--space-4);margin-top:calc(var(--stagger,0) * var(--space-6));break-inside:avoid;-webkit-column-break-inside:avoid}@media (width>=48rem){.gallery_page_item{margin-bottom:var(--space-6);margin-top:calc(var(--stagger,0) * var(--section-space-small))}}.gallery_page_trigger{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block;overflow:hidden}.gallery_page_image{width:100%;height:auto;transition:transform .7s cubic-bezier(.22,1,.36,1);display:block}@media (hover:hover){.gallery_page_trigger:hover .gallery_page_image{transform:scale(1.04)}}.lightbox{z-index:100;padding-block:var(--site-margin);flex-direction:column;display:flex;position:fixed;inset:0;&[hidden]{display:none}}.lightbox_backdrop{background-color:color-mix(in lab, var(--dark-900) 96%, transparent);cursor:zoom-out;position:absolute;inset:0}.lightbox_viewport{z-index:1;cursor:grab;touch-action:pan-y;flex:1;min-height:0;position:relative;overflow:hidden;&.is-dragging{cursor:grabbing}}.lightbox_track{height:100%;margin:0;padding:0;list-style:none;display:flex}.lightbox_slide{padding-inline:clamp(var(--space-6), 8vw, 6rem);flex:0 0 100%;justify-content:center;align-items:center;display:flex}.lightbox_image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.lightbox_flyer{z-index:2;object-fit:contain;pointer-events:none;will-change:transform;position:fixed}.lightbox_arrow{z-index:3;top:calc((100% - var(--lightbox-thumb-h) - var(--lightbox-thumb-lift)) / 2);width:3.25rem;height:3.25rem;color:var(--light-100);border:var(--border-width) solid color-mix(in lab, var(--light-100) 20%, transparent);cursor:pointer;background-color:#0000;border-radius:0;flex:none;justify-content:center;align-items:center;transition:background-color .2s,color .2s,border-color .2s;display:flex;position:absolute;transform:translateY(-50%)rotate(45deg);&:before{content:"";border:var(--border-width) solid color-mix(in lab, var(--light-100) 20%, transparent);pointer-events:none;width:calc(100% - .5em);height:calc(100% - .5em);transition:border-color .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (hover:hover){&:hover{background-color:var(--light-100);color:var(--dark-900);border-color:var(--light-100);&:before{border-color:var(--light-100)}}}& .lightbox_arrow_icon{--_size:1.1em;transform:rotate(-45deg)}}.lightbox_arrow_prev .lightbox_arrow_icon{transform:rotate(-45deg)scaleX(-1)}.lightbox_arrow_prev{left:var(--site-margin)}.lightbox_arrow_next{right:var(--site-margin)}@media (width>=64rem){.lightbox_arrow_prev{left:var(--space-8)}.lightbox_arrow_next{right:var(--space-8)}}.lightbox_close{top:var(--site-margin);right:var(--site-margin);transform:rotate(45deg)}.lightbox{--lightbox-thumb-h:4.5rem;--lightbox-thumb-lift:1.1rem}.lightbox_thumbs{z-index:2;align-items:flex-end;gap:var(--space-3);height:calc(var(--lightbox-thumb-h) + var(--lightbox-thumb-lift) + .25rem);margin-top:var(--space-4);scrollbar-width:none;padding-inline:50vw;display:flex;position:relative;overflow:auto hidden;&::-webkit-scrollbar{display:none}}.lightbox_thumb{height:var(--lightbox-thumb-h);cursor:pointer;background:0 0;border:0;flex:none;padding:0;transition:transform 1.4s cubic-bezier(.65,0,.35,1);& img{object-fit:cover;width:auto;height:100%;display:block}@media (hover:hover){&:hover{transform:translateY(-.35rem)}}&.is-active{transform:translateY(calc(-1 * var(--lightbox-thumb-lift)))}&.is-adjacent{transform:translateY(-.5rem)}}@media (width<48rem){.lightbox{--lightbox-thumb-h:3.5rem}.lightbox_arrow_prev,.lightbox_arrow_next{top:auto;bottom:calc(var(--lightbox-thumb-h) + var(--space-6));transform:rotate(45deg)}}}