.section-community-media-gallery{--section-pt-default:var(--spacing-6xl);--section-pb-default:var(--spacing-6xl);padding-bottom:var(--section-pb,var(--section-pb-default));padding-top:var(--section-pt,var(--section-pt-default));position:relative;z-index:1;@media (max-width:576px){--section-pt-default:calc(var(--spacing-6xl)/0.6);--section-pb-default:calc(var(--spacing-6xl)/0.6)}&:not(.has-background){background:var(--color-background-subtle-blue)}&[data-color-mode=dark]:not(.has-background){background:var(--color-grey-900)}.media-gallery-header{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:flex-start;margin-bottom:var(--spacing-6xl);max-width:var(--screen-xhl);text-align:left}.media-gallery-tagline{font-family:var(--font-heading);font-size:var(--font-size-xs);font-weight:400;letter-spacing:1px;line-height:1.3;text-transform:uppercase}.media-gallery-tagline,.media-gallery-title{margin:0;text-align:left}.media-gallery-description{max-width:var(--screen-md);text-align:left;p:last-child{margin-bottom:0}}&[data-color-mode=light]{.media-gallery-tagline{color:var(--color-text-subtle)}.media-gallery-title{color:var(--color-heading)}.media-gallery-description{color:var(--color-text)}}&[data-color-mode=dark]{.media-gallery-tagline{color:var(--color-grey-300)}.media-gallery-title{color:var(--color-white)}.media-gallery-description{color:var(--color-grey-300)}}}.media-gallery-preview-placeholder{border:2px dashed var(--color-grey-300);border-radius:var(--radius-md);color:var(--color-text-subtle);font-size:var(--font-size-sm);padding:var(--spacing-4xl);text-align:center}.section-community-media-gallery--tour-only{&:not(.has-background){background:var(--color-background-subtle-blue)}}.media-gallery-tour-only{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}.media-gallery-embed{aspect-ratio:16/9;background:var(--color-grey-900);overflow:hidden;position:relative;width:100%;iframe{border:0;height:100%;inset:0;position:absolute;width:100%}}.media-gallery-embed--mobile{aspect-ratio:auto;min-height:60vh}.media-gallery{min-width:0;width:100%}body.is-media-gallery-open{overscroll-behavior:none}.media-gallery-grid{display:none;gap:var(--spacing-md);grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr 1fr;min-height:33.75rem;width:100%;@media (min-width:993px){display:grid}}.media-gallery-tile{background:transparent;border:0;cursor:pointer;display:block;height:100%;min-height:0;overflow:hidden;padding:0;position:relative;text-align:left;width:100%;&:focus-visible{outline:none}}.media-gallery-tile--feature{grid-column:1/span 2;grid-row:1/span 2}.media-gallery-media{background:var(--color-grey-200);border-radius:var(--radius-md);display:block;overflow:hidden;position:relative;width:100%;&:before{background:transparent;border-radius:var(--radius-md);content:"";inset:0;pointer-events:none;position:absolute;transition:background .3s ease;z-index:1}}.media-gallery-tile:hover .media-gallery-media:before{background:rgba(0,0,0,.1)}.media-gallery-media--54{aspect-ratio:5/4}.media-gallery-tile .media-gallery-media{aspect-ratio:auto;height:100%;inset:0;position:absolute;width:100%}.media-gallery-img{display:block;height:100%!important;object-fit:cover;width:100%}.media-gallery-img,.media-gallery-tour-cta{border-radius:var(--radius-md);inset:0;position:absolute}.media-gallery-tour-cta{align-items:center;background:rgba(0,0,0,.35);color:var(--color-white);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-lg);pointer-events:none}.media-gallery-tour-icon{align-items:center;background:rgba(39,86,91,.85);border-radius:var(--radius-pill);color:var(--color-white);display:flex;height:var(--spacing-8xl);justify-content:center;padding:var(--spacing-lg);width:var(--spacing-8xl);svg{height:100%;width:100%}}.media-gallery-tour-label{background:rgba(39,86,91,.85);border-radius:var(--radius-pill);font-family:var(--font-heading);font-weight:600;justify-content:center;line-height:1.2;padding:var(--spacing-sm) var(--spacing-lg);text-transform:uppercase}.media-gallery-see-all,.media-gallery-tour-label{align-items:center;color:var(--color-white);display:inline-flex;font-size:var(--font-size-xs)}.media-gallery-see-all{background:var(--color-border-secondary);border-radius:var(--radius-sm);bottom:var(--spacing-md);font-weight:500;gap:var(--spacing-xs);line-height:1;padding:var(--spacing-sm);pointer-events:none;position:absolute;right:var(--spacing-md)}.media-gallery-see-all-icon{flex-shrink:0}.media-gallery-mobile{display:block;position:relative;width:100%;@media (min-width:993px){display:none}}.media-gallery-mobile-swiper{border-radius:var(--radius-md);overflow:hidden;position:relative;width:100%}.media-gallery-mobile-slide{background:transparent;border:0;cursor:pointer;display:block;padding:0;width:100%;.media-gallery-media{aspect-ratio:1;border-radius:unset;min-height:0;&:before,.media-gallery-img{border-radius:unset}}}.media-gallery-nav{align-items:center;background:transparent;border:0;border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;height:2.5rem;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:2.5rem;z-index:2;&:focus-visible,&:hover{background:var(--color-white);color:var(--color-black)!important}}.media-gallery-nav--prev{left:var(--spacing-md)}.media-gallery-nav--next{right:var(--spacing-md)}.media-gallery-mobile-tour-btn{align-items:center;background:var(--color-primary-light);border:0;border-radius:var(--radius-pill);bottom:var(--spacing-lg);color:var(--color-white);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-sm);left:var(--spacing-lg);line-height:1.2;padding:var(--spacing-sm) var(--spacing-md);position:absolute;z-index:3;&:focus-visible{outline:none}}.media-gallery-mobile-tour-icon{color:var(--color-white);display:flex;flex-shrink:0;height:var(--spacing-2xl);width:var(--spacing-2xl);svg{height:100%;width:100%}}.media-gallery-dialog{background:transparent;border:0;height:100%;margin:0;max-height:none;max-width:none;opacity:0;overflow:hidden;padding:var(--spacing-lg);transition:opacity .28s ease,overlay allow-discrete .28s;width:100%;&::backdrop{background:rgba(0,0,0,.75);opacity:0;transition:opacity .28s ease,overlay allow-discrete .28s}&[open]{align-items:center;display:flex;justify-content:center;opacity:1}&[open]::backdrop{opacity:1}@starting-style{&[open]{opacity:0}&[open]::backdrop{opacity:0}}&.is-closing{opacity:0}&.is-closing::backdrop{opacity:0}@media (max-width:992px){padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;&[open]{align-items:stretch}}@media (prefers-reduced-motion:reduce){transition:none;&::backdrop{transition:none}}}.media-gallery-popup{display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;opacity:0;overflow:hidden;position:relative;transform:scale(.96);transition:opacity .28s ease,transform .28s ease;width:100%;@media (min-width:993px){height:auto;max-height:90vh;width:min(71.25rem,100%)}@media (prefers-reduced-motion:reduce){transform:none;transition:none}}.media-gallery-dialog[open] .media-gallery-popup{opacity:1;transform:scale(1);@starting-style{opacity:0;transform:scale(.96)}@media (prefers-reduced-motion:reduce){transform:none;@starting-style{transform:none}}}.media-gallery-dialog.is-closing .media-gallery-popup{opacity:0;transform:scale(.96);@media (prefers-reduced-motion:reduce){transform:none}}.media-gallery-popup-inner{background:var(--color-white);display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;width:100%;@media (max-width:992px){height:100dvh;max-height:100dvh}@media (min-width:993px){border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);gap:var(--spacing-2xl);height:auto;max-height:90vh}}.media-gallery-popup-header{align-items:center;background:var(--color-secondary-main-green);display:flex;flex-shrink:0;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);@media (max-width:992px){position:sticky;top:0;z-index:10}@media (min-width:993px){background:transparent;padding:var(--spacing-2xl) var(--spacing-2xl) 0}}.media-gallery-back{align-items:center;background:transparent;border:1px solid var(--color-white);border-radius:var(--radius-sm);color:var(--color-white);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:700;justify-content:center;line-height:1;padding:var(--spacing-sm) var(--spacing-2xl);transition:background .2s ease,color .2s ease,border-color .2s ease;@media (min-width:993px){border-color:var(--color-button-primary);color:var(--color-button-primary)}&:focus-visible,&:hover{@media (max-width:992px){background:hsla(0,0%,100%,.1)}@media (min-width:993px){background:var(--color-button-primary);border-color:var(--color-button-primary);color:var(--color-white)}}&:focus-visible{outline:none}}.media-gallery-tabs{align-items:stretch;display:flex;gap:var(--spacing-lg);@media (min-width:993px){display:none}}.media-gallery-tab{align-items:center;background:transparent;border:0;color:var(--color-white);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-sm);line-height:1;padding:var(--spacing-sm);position:relative;svg{height:var(--spacing-lg);width:var(--spacing-lg)}&.is-active:after{background:var(--color-primary-light);bottom:calc(var(--spacing-md)*-1);content:"";height:4px;left:0;position:absolute;right:0}&:focus-visible{outline:none}}.media-gallery-popup-desktop{display:none;min-height:0;overflow:hidden;@media (min-width:993px){display:flex;flex:1;flex-direction:column;min-height:0;padding:0 var(--spacing-2xl) var(--spacing-2xl)}}.media-gallery-popup-gallery{display:flex;flex-direction:column;min-height:0;overflow:hidden;width:100%}.media-gallery-popup-swiper-wrap{aspect-ratio:5/4;max-height:calc(90vh - 12rem);overflow:hidden;position:relative;width:100%}.media-gallery-popup-swiper{background:var(--color-grey-100);border-radius:var(--radius-sm);height:100%;overflow:hidden;width:100%;.swiper-slide,.swiper-wrapper{height:100%}.swiper-slide{overflow:hidden}}.media-gallery-popup-image,.media-gallery-popup-tour .media-gallery-embed{height:100%;width:100%}.media-gallery-popup-image{background:var(--color-grey-100);display:block;overflow:hidden;img{display:block;height:100%;object-fit:cover;width:100%}}.media-gallery-popup-tour{height:100%;overflow:hidden;width:100%;.media-gallery-embed{height:100%;min-height:0;width:100%}}.media-gallery-popup-nav{align-items:center;background:transparent;border:0;border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;height:3rem;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:3rem;z-index:2;&:hover:not(:disabled,.swiper-button-disabled){background:var(--color-white);box-shadow:var(--shadow-lg);color:var(--color-black)}&.swiper-button-disabled,&:disabled{cursor:default;opacity:.3}&:focus-visible{outline:none}}.media-gallery-popup-nav--prev{left:var(--spacing-lg)}.media-gallery-popup-nav--next{right:var(--spacing-lg)}.media-gallery-thumbs-swiper{flex-shrink:0;margin-top:var(--spacing-md);overflow:hidden;width:100%;.swiper-slide{aspect-ratio:5/4;border-radius:var(--radius-sm);cursor:pointer;height:auto;overflow:hidden;position:relative;&:after{background:rgba(0,0,0,.3);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease;z-index:1}&.swiper-slide-thumb-active:after,&:hover:after{opacity:1}img{display:block;height:100%;inset:0;max-width:none;object-fit:cover;position:absolute;width:100%}}}.media-gallery-thumb{position:relative}.media-gallery-thumb-img-wrap{display:block;height:100%;inset:0;position:absolute;width:100%;img{display:block;height:100%;inset:0;max-width:none;object-fit:cover;position:absolute;width:100%}}.media-gallery-thumb-tour-overlay{align-items:center;background:rgba(0,0,0,.55);color:var(--color-white);display:flex;flex-direction:column;gap:var(--spacing-xs);inset:0;justify-content:center;padding:var(--spacing-xs);position:absolute;text-align:center;z-index:2}.media-gallery-thumb-tour-icon{display:flex}.media-gallery-thumb-tour-badge{font-size:.625rem;font-weight:600;letter-spacing:.3px;line-height:1.2;text-transform:uppercase}.media-gallery-popup-mobile{display:block;flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--color-white);overscroll-behavior:contain;touch-action:pan-y;@media (min-width:993px){display:none}}.media-gallery-panel{display:none;&.is-active:not([hidden]){display:block}}.media-gallery-photo-list{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.media-gallery-photo-list-item{border-radius:var(--radius-sm);margin:0;overflow:hidden;img{display:block;height:auto;object-fit:contain;width:100%}}.media-gallery-panel--tour{.media-gallery-embed{aspect-ratio:auto;min-height:calc(100vh - 56px)}}