.headsup-brandbook-gallery{width:100%;background-color:#fffbf1}.headsup-brandbook-gallery__container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;padding-top:0;padding-bottom:0}@media screen and (min-width: 1024px){.headsup-brandbook-gallery__container{padding-left:60px;padding-right:60px}}.headsup-brandbook-gallery__row{width:100%;margin-bottom:var(--mobile-section-padding)}.headsup-brandbook-gallery__row+.headsup-brandbook-gallery__row{margin-top:0}.headsup-brandbook-gallery__desktop{display:none;gap:24px;align-items:flex-start}@media screen and (min-width: 1024px){.headsup-brandbook-gallery__desktop{display:flex}.headsup-brandbook-gallery__desktop--reverse{flex-direction:row-reverse}}.headsup-brandbook-gallery__column{flex:1 1 0%;min-width:0}.headsup-brandbook-gallery__column--left,.headsup-brandbook-gallery__column--right{height:648px}.headsup-brandbook-gallery__mosaic{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:24px;width:100%;height:100%;position:relative}.headsup-brandbook-gallery__mosaic--1-items,.headsup-brandbook-gallery__mosaic--2-items,.headsup-brandbook-gallery__mosaic--3-items{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:center;height:auto;min-height:300px}.headsup-brandbook-gallery__mosaic--1-items .headsup-brandbook-gallery__mosaic-item{width:100%;max-width:500px;aspect-ratio:4 / 3;grid-column:unset;grid-row:unset;height:auto;justify-self:unset;align-self:unset;margin:0}.headsup-brandbook-gallery__mosaic--2-items .headsup-brandbook-gallery__mosaic-item,.headsup-brandbook-gallery__mosaic--3-items .headsup-brandbook-gallery__mosaic-item{width:calc(50% - 12px);aspect-ratio:4 / 3;grid-column:unset;grid-row:unset;height:auto;justify-self:unset;align-self:unset;margin:0}.headsup-brandbook-gallery__mosaic--3-items .headsup-brandbook-gallery__mosaic-item--3{width:100%;max-width:500px}.headsup-brandbook-gallery__mosaic-item{border-radius:16px;overflow:hidden;position:relative}.headsup-brandbook-gallery__mosaic-image{width:100%;height:100%;object-fit:cover;display:block}.headsup-brandbook-gallery__mosaic-item--1{grid-column:1;grid-row-start:1;grid-row-end:2}.headsup-brandbook-gallery__mosaic-item--2{grid-column:1;grid-row-start:2;grid-row-end:4}.headsup-brandbook-gallery__mosaic-item--3{grid-column:2;grid-row:1 / 3}.headsup-brandbook-gallery__mosaic-item--4{grid-column:2;grid-row-start:3;grid-row-end:4}.headsup-brandbook-gallery__single{width:100%;height:100%;border-radius:16px;overflow:hidden;background-color:var(--bg-2, #f3f3f3)}.headsup-brandbook-gallery__single-image{width:100%;height:100%;object-fit:cover;display:block}.headsup-brandbook-gallery__mobile{display:flex;flex-direction:column;gap:16px;padding-top:0;padding-bottom:0}@media screen and (min-width: 1024px){.headsup-brandbook-gallery__mobile{display:none}}.headsup-brandbook-gallery__mobile-mosaic{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:12px;width:100%;height:343px;position:relative}.headsup-brandbook-gallery__mobile-mosaic--1-items,.headsup-brandbook-gallery__mobile-mosaic--2-items,.headsup-brandbook-gallery__mobile-mosaic--3-items{display:flex;flex-wrap:wrap;gap:12px;height:auto}.headsup-brandbook-gallery__mobile-mosaic--1-items .headsup-brandbook-gallery__mobile-mosaic-item{width:100%;aspect-ratio:1 / 1;grid-column:unset;grid-row:unset}.headsup-brandbook-gallery__mobile-mosaic--2-items .headsup-brandbook-gallery__mobile-mosaic-item,.headsup-brandbook-gallery__mobile-mosaic--3-items .headsup-brandbook-gallery__mobile-mosaic-item{width:calc(50% - 6px);aspect-ratio:1 / 1;grid-column:unset;grid-row:unset}.headsup-brandbook-gallery__mobile-mosaic--3-items .headsup-brandbook-gallery__mobile-mosaic-item--3{width:100%}.headsup-brandbook-gallery__mobile-mosaic-item{border-radius:8px;overflow:hidden;position:relative}.headsup-brandbook-gallery__mobile-mosaic-image{width:100%;height:100%;object-fit:cover;display:block}.headsup-brandbook-gallery__mobile-mosaic-item--1{grid-column:1;grid-row-start:1;grid-row-end:2}.headsup-brandbook-gallery__mobile-mosaic-item--2{grid-column:1;grid-row-start:2;grid-row-end:4}.headsup-brandbook-gallery__mobile-mosaic-item--3{grid-column:2;grid-row:1 / 3}.headsup-brandbook-gallery__mobile-mosaic-item--4{grid-column:2;grid-row-start:3;grid-row-end:4}.headsup-brandbook-gallery__mobile-single{width:100%;aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;background-color:var(--bg-2, #f3f3f3)}.headsup-brandbook-gallery__mobile-single-image{width:100%;height:100%;object-fit:cover;display:block}.headsup-brandbook-gallery__image-clickable{cursor:pointer;transition:opacity .2s ease}.headsup-brandbook-gallery__image-clickable:hover{opacity:.9}.headsup-brandbook-gallery-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:auto;width:100%;background:#0000;height:100%;transition:opacity .3s ease,visibility .3s ease,background-color .3s ease}.headsup-brandbook-gallery-modal[open]{opacity:1;visibility:visible;z-index:9999;background:#000000e6;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;background:#0000}to{opacity:1;background:#000000e6}}.headsup-brandbook-gallery-modal__dialog{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem;animation:dialogFadeIn .3s ease}.headsup-brandbook-gallery-modal[open] .headsup-brandbook-gallery-modal__dialog{animation:dialogFadeIn .3s ease}@keyframes dialogFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.headsup-brandbook-gallery-modal__close{position:absolute;top:2rem;right:2rem;background:#ffffffe6;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:102;transition:background-color .2s ease,transform .2s ease;color:#000;opacity:0;transform:scale(.8);animation:closeButtonFadeIn .3s ease .15s forwards}.headsup-brandbook-gallery-modal[open] .headsup-brandbook-gallery-modal__close{animation:closeButtonFadeIn .3s ease .15s forwards}@keyframes closeButtonFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.headsup-brandbook-gallery-modal__close:hover{background:#fff;transform:scale(1.1)}.headsup-brandbook-gallery-modal__close svg{width:24px;height:24px}.headsup-brandbook-gallery-modal__content{width:100%;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;animation:contentFadeIn .3s ease .1s both}.headsup-brandbook-gallery-modal[open] .headsup-brandbook-gallery-modal__content{animation:contentFadeIn .3s ease .1s both}@keyframes contentFadeIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalFadeOut{0%{opacity:1;background:#000000e6}to{opacity:0;background:#0000}}@keyframes dialogFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes contentFadeOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(20px)}}@keyframes closeButtonFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.headsup-brandbook-gallery-modal__image{max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:8px;transition:opacity .2s ease,visibility .2s ease}@media screen and (min-width: 750px){.headsup-brandbook-gallery-modal__content{max-width:80vw}.headsup-brandbook-gallery-modal__close{top:3rem;right:3rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-headsup-brandbook-gallery.css.map */