div.gallery{--gallery-height: auto;--gallery-bottom-space: 32px;--gallery-thumbnail-width: 140px;display:flex;flex-direction:column;justify-content:center;gap:24px;margin-inline:calc(-1 * var(--content-padding) + 8px)}@media screen and (min-width: 48rem){div.gallery{--gallery-thumbnail-width: 190px}}@media screen and (min-width: 64rem){div.gallery{--gallery-height: 586px}div.gallery:has(.gallery__sidebar){display:grid;gap:10px;grid-template-columns:calc(var(--gallery-width) - var(--gallery-thumbnail-width) - 10px) var(--gallery-thumbnail-width)}}div.gallery .gallery__content{display:flex;max-width:100%;align-items:center;justify-content:center;gap:8px}div.gallery .gallery__slides{display:flex;padding:0;margin:0;gap:16px;overflow-x:scroll;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none}div.gallery .gallery__slides::-webkit-scrollbar{display:none}div.gallery .gallery__slide{display:block;flex-basis:100%;flex-shrink:0;margin-block:auto;scroll-snap-align:center}div.gallery .gallery__slide-wrapper{display:flex;height:100%;flex-direction:column;margin:0}div.gallery .gallery__slide-content{position:relative;display:flex}div.gallery .gallery__slide-content picture,div.gallery .gallery__slide-content img{display:block;max-height:var(--gallery-height);border-radius:4px;margin:auto;object-fit:cover}div.gallery .gallery__slide-number{display:none}@media screen and (min-width: 48rem){div.gallery .gallery__slide-number{position:absolute;right:40px;bottom:32px;padding:12px 20px;border-radius:8px;background-color:#000000bf;color:#fff;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}}div.gallery .gallery__slide-description{min-height:var(--gallery-description-height, 0);padding:0;margin-top:12px;font-size:1rem}@media screen and (min-width: 48rem){div.gallery .gallery__slide-description{margin-top:24px}}div.gallery .gallery__action{all:unset;height:calc(var(--gallery-height) - var(--gallery-bottom-space));cursor:pointer;margin-block:auto}div.gallery .gallery__action:hover svg-icon{background-color:var(--beige)}div.gallery .gallery__action[disabled]{cursor:default;opacity:0}div.gallery .gallery__action svg-icon{width:18px;height:18px;padding:8px;border-radius:50%;transition:.15s background-color}div.gallery .gallery__action.gallery__action--prev svg-icon{transform:rotate(90deg)}div.gallery .gallery__action.gallery__action--next svg-icon{transform:rotate(-90deg)}div.gallery .gallery__fullsize-link{position:absolute;z-index:1;right:0;bottom:0;display:block;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:color-mix(in srgb,var(--black),transparent 50%)}div.gallery .gallery__fullsize-link:hover{background:color-mix(in srgb,var(--black),transparent 40%)}div.gallery .gallery__fullsize-link svg-icon{display:block;width:16px;height:16px;fill:var(--white)}div.gallery .gallery__thumbnails{display:flex;padding:0 var(--content-padding);margin:0 0 16px;gap:22px;-webkit-mask-image:linear-gradient(to right,transparent,#fff 5%,#fff 95%,transparent);mask-image:linear-gradient(to right,transparent,#fff 5%,#fff 95%,transparent);overflow-x:scroll;scroll-behavior:smooth;scroll-padding:20px;-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none}@media screen and (min-width: 64rem){div.gallery .gallery__thumbnails{overflow:hidden scroll;height:calc(var(--gallery-height) - var(--gallery-bottom-space));flex-direction:column;-webkit-mask-image:none;mask-image:none;padding-inline:0;scroll-padding:0;-webkit-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}}div.gallery .gallery__thumbnails::-webkit-scrollbar{display:none}div.gallery .gallery__thumbnail{display:block;flex-shrink:0;line-height:1.125rem;scroll-snap-align:start}div.gallery .gallery__thumbnail img,div.gallery .gallery__thumbnail p{max-width:var(--gallery-thumbnail-width);height:auto;border-radius:4px;margin:0;aspect-ratio:16/10;background-color:var(--beige);object-fit:cover}div.gallery .gallery__thumbnail p{display:flex;box-sizing:border-box;align-items:center;justify-content:center;padding:16px}div.gallery .gallery__thumbnail-trigger{all:unset;width:100%;cursor:pointer;line-height:normal}div.gallery .gallery__trigger{all:unset;display:block;width:100%;cursor:pointer;font-size:1.125rem;text-align:center;text-decoration:underline}div.gallery .gallery__trigger:hover{text-decoration:none}@media screen{body:has(.gallery[open]){overflow:hidden}body:has(dialog[is=gallery-list-modal][open]) gallery-component{display:none}[data-gallery-wrapper]{display:contents}dialog.gallery{--gallery-padding: 0;--gallery-thumbnail-row-margin: 64px;--gallery-thumbnail-row-size: 80px;--gallery-vertical-padding: 16px;--gallery-top-padding: 24px;--gallery-top-height: 48px;--gallery-image-height: calc(100vh - var(--gallery-padding) * 2 - var(--gallery-top-height) - var(--gallery-top-padding) - var(--gallery-thumbnail-row-size) - var(--gallery-vertical-padding) * 6);all:unset;position:fixed;z-index:var(--z-gallery-dialog);display:none;width:100%;box-sizing:border-box;flex-direction:column;padding:var(--gallery-padding) 0;border:0;margin:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#1a1a1abf;gap:12px;inset:0}dialog.gallery[open]{display:flex}}@media screen and (min-width: 64rem){dialog.gallery{--gallery-padding: 50px;--gallery-thumbnail-row-size: 115px}}@media screen{dialog.gallery .gallery__top{display:flex;height:var(--gallery-top-height);align-items:center;justify-content:flex-end;padding:var(--content-padding);color:var(--white);gap:16px}}@media screen and (min-width: 64rem){dialog.gallery .gallery__top{padding:var(--gallery-top-padding) var(--content-padding) 0}dialog.gallery .gallery__top .gallery__action:not(.gallery__action--icon){padding:14px 24px}}@media screen and (min-width: 93.75rem){dialog.gallery .gallery__top{padding-inline:72px}}@media screen{dialog.gallery .gallery__action{all:unset;z-index:1;display:flex;flex-shrink:0;align-items:center;align-self:center;justify-content:center;padding:14px;border:1px solid #fff;border-radius:48px;background:#000000b3;cursor:pointer;gap:8px;opacity:1;transition:.15s opacity}dialog.gallery .gallery__action:focus-visible{outline:2px solid var(--white);outline-offset:-2px}dialog.gallery .gallery__action:hover{background:#000000e6;text-decoration:underline}dialog.gallery .gallery__action:disabled{opacity:0;pointer-events:none}dialog.gallery .gallery__action span{display:none}}@media screen and (min-width: 64rem){dialog.gallery .gallery__action span{display:inline-block}}@media screen{dialog.gallery .gallery__action svg-icon{width:16px;height:16px;fill:var(--white)}dialog.gallery .gallery__action.gallery__action--prev,dialog.gallery .gallery__action.gallery__action--next{position:absolute;display:none;transform:translateY(-90%)}}@media screen and (min-width: 48rem){dialog.gallery .gallery__action.gallery__action--prev,dialog.gallery .gallery__action.gallery__action--next{display:flex}}@media screen{dialog.gallery .gallery__action.gallery__action--prev svg-icon,dialog.gallery .gallery__action.gallery__action--next svg-icon{width:24px;height:24px}dialog.gallery .gallery__action.gallery__action--prev{left:8px}dialog.gallery .gallery__action.gallery__action--prev svg-icon{rotate:90deg}dialog.gallery .gallery__action.gallery__action--next{right:8px}dialog.gallery .gallery__action.gallery__action--next svg-icon{rotate:-90deg}dialog.gallery .gallery__content{position:relative;display:flex;flex-direction:column;flex-grow:1;justify-content:center;overflow-x:hidden}}@media screen and (min-width: 64rem){dialog.gallery .gallery__content{margin-inline:64px}}@media screen{dialog.gallery .gallery__slides{display:flex;width:100%;padding:0 0 40px;margin:auto 0 0;gap:16px;overflow-x:scroll;-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none}}@media screen and (min-width: 64rem){dialog.gallery .gallery__slides{overflow:hidden;padding:0;margin-top:0}}@media screen{dialog.gallery .gallery__slide{display:flex;width:100%;flex-direction:column;flex-shrink:0;align-items:center;justify-content:center;color:var(--white);gap:96px;padding-block:var(--gallery-vertical-padding);scroll-snap-align:center;text-align:center}}@media screen and (min-width: 64rem){dialog.gallery .gallery__slide{gap:64px}}@media screen{dialog.gallery .gallery__slide-wrapper{position:relative;margin:0}dialog.gallery .gallery__slide-content{position:relative;display:flex;max-height:100%;flex-direction:column;filter:drop-shadow(0 0 8px rgba(0,0,0,.5))}dialog.gallery .gallery__slide-content picture,dialog.gallery .gallery__slide-content img{display:block;width:auto;max-width:100%;max-height:var(--gallery-image-height);object-fit:contain}}@media screen and (min-width: 64rem){dialog.gallery .gallery__slide-content picture,dialog.gallery .gallery__slide-content img{border-radius:4px}}@media screen{dialog.gallery .gallery__slide-description{max-width:850px;box-sizing:border-box;padding:16px 24px;margin:0 110px 0 0;text-align:left}}@media screen and (min-width: 64rem){dialog.gallery .gallery__slide-description{position:absolute;bottom:8px;left:8px;padding:12px 24px;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000d9;color:#fff;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}}@media screen{dialog.gallery .gallery__slide-number{position:absolute;right:8px;bottom:8px;padding:4px 8px;border-radius:8px;background-color:#000000bf;color:#fff;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));font-size:.75rem}}@media screen and (min-width: 64rem){dialog.gallery .gallery__slide-number{padding:12px 24px;font-size:1rem}}@media screen{dialog.gallery .gallery__thumbnails{--columns: 2;display:grid;padding:16px 8px;margin-bottom:auto;gap:8px;grid-template-columns:repeat(var(--columns),minmax(0,1fr));margin-inline:auto;overflow-y:auto}}@media screen and (min-width: 64rem){dialog.gallery .gallery__thumbnails{--columns: 4;gap:24px;padding-inline:40px}}@media screen{dialog.gallery .gallery__thumbnails.gallery__thumbnails--horizontal{display:flex;max-width:100%;height:var(--gallery-thumbnail-row-size);flex-shrink:0;padding:0;margin-top:0;margin-inline:auto;-webkit-mask-image:linear-gradient(to right,transparent,#fff 5%,#fff 95%,transparent);mask-image:linear-gradient(to right,transparent,#fff 5%,#fff 95%,transparent);overflow-x:auto;padding-block:var(--gallery-vertical-padding);scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none}}@media screen and (min-width: 64rem){dialog.gallery .gallery__thumbnails.gallery__thumbnails--horizontal{margin-bottom:0}}@media screen{dialog.gallery .gallery__thumbnails.gallery__thumbnails--horizontal .gallery__thumbnail{flex-shrink:0;scroll-snap-align:start}dialog.gallery .gallery__thumbnails.gallery__thumbnails--horizontal .gallery__thumbnail:first-child{padding-left:20px}dialog.gallery .gallery__thumbnails.gallery__thumbnails--horizontal .gallery__thumbnail:last-child{padding-right:20px}dialog.gallery .gallery__thumbnails.gallery__thumbnails--horizontal .gallery__thumbnail button{filter:brightness(.8)}dialog.gallery .gallery__thumbnails.gallery__thumbnails--horizontal .gallery__thumbnail button[data-current]{filter:brightness(1)}dialog.gallery .gallery__thumbnails.gallery__thumbnails--horizontal .gallery__thumbnail img{height:var(--gallery-thumbnail-row-size);box-sizing:border-box;aspect-ratio:1;object-fit:cover}}@media screen and (min-width: 64rem){dialog.gallery .gallery__thumbnails.gallery__thumbnails--horizontal .gallery__thumbnail img{width:200px;aspect-ratio:auto}}@media screen{dialog.gallery .gallery__thumbnail{display:flex}dialog.gallery .gallery__thumbnail img,dialog.gallery .gallery__thumbnail p{border-radius:4px;margin:0;aspect-ratio:16/9;background-color:var(--beige)}dialog.gallery .gallery__thumbnail img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 8px rgba(0,0,0,.5));object-fit:cover}dialog.gallery .gallery__thumbnail p{display:flex;height:100%;box-sizing:border-box;align-items:center;justify-content:center;padding:16px}dialog.gallery .gallery__thumbnail-trigger{all:unset;display:block;width:100%;cursor:pointer}}@media print{dialog.gallery{--gallery-print-gap: .4cm;position:static;border:0;background-color:transparent;break-after:page;break-before:page}dialog.gallery .gallery__top{display:none}dialog.gallery .gallery__slides{display:grid;overflow:hidden;justify-content:space-evenly;padding:0 1.5cm;gap:var(--gallery-print-gap);grid-template-columns:1fr 1fr}dialog.gallery .gallery__slide-wrapper{margin:0}dialog.gallery .gallery__slide{display:block;height:100%;break-inside:avoid}dialog.gallery .gallery__slide picture{display:contents}dialog.gallery .gallery__slide img{display:block;height:100%;max-height:calc(50vh - var(--project-print-margin) - var(--gallery-print-gap) / 2);object-fit:cover}@document url-prefix(){dialog.gallery .gallery__slide img{max-height:47vh}}dialog.gallery .gallery__action,dialog.gallery .gallery__thumbnails,dialog.gallery .gallery__slide-number{display:none}}