@import"https://fonts.googleapis.com/css2?family=Noto+Sans&family=Oooh+Baby&display=swap";.photo-container{container-type:inline-size;width:100%;height:100%;position:relative}.bg{background-image:url("/assets/brick-9845a5d3.jpg");background-size:cover;background-repeat:repeat-y;position:absolute;width:100%;height:100%;z-index:-10000;top:0;left:0;position:fixed}.photo{background:#fff;box-shadow:0 .2rem 1.2rem rgba(0,0,0,.5);padding:.7rem;position:relative;transition:transform .3s cubic-bezier(0.34, 1.56, 0.64, 1),box-shadow .3s ease}.photo::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:-1}.photo__image{max-width:100%;height:auto;display:block;width:100%;object-fit:contain}.photo__signature{position:relative;color:#fff;font-family:"Oooh Baby",cursive;text-align:right;text-shadow:-1px 1px 5px rgba(208,174,53,.491),1px 1px 5px rgba(208,174,53,.491),1px -1px 5px rgba(208,174,53,.491),-1px -1px 5px rgba(208,174,53,.491);font-size:16px;margin-right:13px;margin-top:-26px}@container (min-width: 576px){.photo__signature{font-size:18px;margin-right:13px;margin-top:-26px}}@container (min-width: 768px){.photo__signature{font-size:16px;margin-top:-25px}}@container (min-width: 992px){.photo__signature{margin-top:-28px}}@container (min-width: 1200px){.photo__signature{font-size:17px}}.photo__caption{text-align:center;text-overflow:ellipsis;overflow:hidden;font-family:"Noto Sans",sans-serif}.photo__caption::-webkit-scrollbar{-webkit-appearance:none;width:7px}.photo__caption::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(0,0,0,.5);box-shadow:0 0 1px hsla(0,0%,100%,.5)}.photo__caption{height:48px;margin-top:10px;font-size:12px;line-height:16px}@container (min-width: 576px){.photo__caption{height:48px;margin-top:5px;font-size:10px;line-height:15px}}@container (min-width: 768px){.photo__caption{height:50px;margin-top:10px;font-size:11px;line-height:16px}}@container (min-width: 1200px){.photo__caption{height:58px;margin-top:10px;font-size:12px;line-height:18px}}.photo-wrapper--board{display:inline-block;filter:grayscale(40%);z-index:1;width:49%;margin-top:0}@container (min-width: 576px){.photo-wrapper--board{width:45cqi;margin-top:.7rem}}@container (min-width: 768px){.photo-wrapper--board{width:29cqi;margin-top:1.5rem}.photo-wrapper--board .photo{padding:1rem}}@container (min-width: 992px){.photo-wrapper--board{width:22cqi;margin-top:2rem}}@container (min-width: 1200px){.photo-wrapper--board{width:17.5cqi;margin-top:2rem}}.photo-wrapper--board{transition:filter .3s ease,z-index 0s;cursor:pointer}.photo-wrapper--board .photo::before{content:"";position:absolute;z-index:-2;transition:all .2s;height:10%;width:47%;bottom:30px}.photo-wrapper--board:nth-of-type(4n + 1){transform:scale(0.8, 0.8) rotate(5deg);transition:all .2s}.photo-wrapper--board:nth-of-type(4n + 1) .photo::before{transform:rotate(6deg);box-shadow:0 2.1rem 2rem rgba(0,0,0,.4)}.photo-wrapper--board:nth-of-type(4n + 2){transform:scale(0.8, 0.8) rotate(-5deg);transition:all .2s;right:12px}.photo-wrapper--board:nth-of-type(4n + 2) .photo::before{transform:rotate(-6deg);left:12px;box-shadow:0 2.1rem 2rem rgba(0,0,0,.4)}.photo-wrapper--board:nth-of-type(4n + 3){transform:scale(0.8, 0.8) rotate(-3deg);transition:all .2s}.photo-wrapper--board:nth-of-type(4n + 3) .photo::before{transform:rotate(-4deg);left:12px;box-shadow:0 2.1rem 2rem rgba(0,0,0,.3)}.photo-wrapper--board:nth-of-type(4n + 4){transform:scale(0.8, 0.8) rotate(3deg);transition:all .2s}.photo-wrapper--board:nth-of-type(4n + 4) .photo::before{transform:rotate(4deg);right:12px;box-shadow:0 2.1rem 2rem rgba(0,0,0,.3)}.photo-wrapper--board.is-active{filter:none;z-index:10000;cursor:pointer;position:relative;transform:scale(1.6, 1.6) rotate(0deg) !important}@media(max-width: 575px){.photo-wrapper--board.is-active{position:relative;z-index:10000;width:49%}.photo-wrapper--board.is-active:nth-of-type(odd){transform:translateX(52%) scale(1.5) rotate(0deg) !important}.photo-wrapper--board.is-active:nth-of-type(even){transform:translateX(-52%) scale(1.5) rotate(0deg) !important}}.photo-wrapper--board.is-active .photo__caption{overflow-y:scroll;display:block}.photo-wrapper--board.is-active .photo::before{transform:rotate(0deg);height:90%;width:90%;bottom:0%;right:5%;box-shadow:0 1rem 3rem rgba(0,0,0,.2)}.photo-wrapper--board:not(.is-active):hover{filter:grayscale(0%);z-index:100}.photo-wrapper--board:not(.is-active):hover .photo{transform:scale(1.05) translateY(-5px);box-shadow:0 1rem 2rem rgba(0,0,0,.35)}@container (min-width: 576px){.photo-wrapper--board.is-active{transform:scale(1.3, 1.3) rotate(0deg) !important}}@container (min-width: 768px){.photo-wrapper--board.is-active{transform:scale(1.5, 1.5) rotate(0deg) !important}}@container (min-width: 992px){.photo-wrapper--board.is-active{transform:scale(1.6, 1.6) rotate(0deg) !important}}@container (min-width: 1200px){.photo-wrapper--board.is-active{transform:scale(1.6, 1.6) rotate(0deg) !important}}.welcome-fan-container{container-type:inline-size}.welcome-fan-item{position:relative;flex-shrink:0;backface-visibility:hidden;transform-origin:center bottom;transition:transform .4s ease-out,z-index 0s}.welcome-fan-item.is-active{transition:transform .4s cubic-bezier(0.34, 1.56, 0.64, 1),z-index 0s}.welcome-fan-item.is-active .photo__caption{overflow-y:scroll;display:block}.welcome-fan-item{--fan-width: 45cqi;width:var(--fan-width);margin-left:calc(var(--fan-width)*-0.9);left:calc(var(--fan-width)*.45)}@container (min-width: 500px){.welcome-fan-item{--fan-width: 320px;width:var(--fan-width);margin-left:calc(var(--fan-width)*-0.75);left:calc(var(--fan-width)*.3)}}@container (min-width: 900px){.welcome-fan-item{--fan-width: 65cqi;width:var(--fan-width);margin-left:calc(var(--fan-width)*-0.75);left:calc(var(--fan-width)*.3)}}@container (min-width: 1200px){.welcome-fan-item{--fan-width: 25cqi;width:var(--fan-width);margin-left:calc(var(--fan-width)*-0.75);left:calc(var(--fan-width)*.3)}}.photo-wrapper--fan{cursor:pointer;width:100%;display:block}.photo-wrapper--fan .photo{height:100%;display:flex;flex-direction:column;box-shadow:-5px 5px 15px rgba(0,0,0,.3)}.photo-wrapper--static{width:100%;margin-top:0}@container (min-width: 576px){.photo-wrapper--static{width:45cqi;margin-top:.7rem}}@container (min-width: 768px){.photo-wrapper--static{width:29cqi;margin-top:1.5rem}.photo-wrapper--static .photo{padding:1rem}}@container (min-width: 992px){.photo-wrapper--static{width:22cqi;margin-top:2rem}}@container (min-width: 1200px){.photo-wrapper--static{width:17.5cqi;margin-top:2rem}}.photo-wrapper--static .photo{box-shadow:0 1rem 2rem rgba(0,0,0,.15)}.flipped{transform:scaleX(-1)}@keyframes flyAway{0%{transform:translateY(0) scale(1) rotate(1deg);opacity:1}100%{transform:translateY(-500px) scale(0.4) rotate(3deg);opacity:0}}.sending-photo{animation:flyAway .25s ease-out forwards;pointer-events:none}@keyframes flyIn{0%{transform:translateY(-100vh) scale(1.5) rotate(-10deg);opacity:0}100%{transform:translateY(0) scale(1) rotate(var(--rotation));opacity:1}}.animate-fly-in{animation:flyIn .8s ease-out forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn 1s ease-out forwards}.wall-background.grayscale #profiles{position:fixed;overflow-y:scroll}.hide-scrollbar::-webkit-scrollbar{display:none}.photo__signature--input{font-size:24px;display:block;padding-right:13px;border-bottom:2px dotted #ccc;bottom:35px;width:50%;float:right;text-align:center;margin-top:0}.photo__signature--input::placeholder{color:#fff;text-shadow:2px 0px 0px rgba(0,0,0,.5)}.photo__caption--input{font-size:14px;border-bottom:2px dotted #ccc;height:auto !important}.photo__caption--input::placeholder{overflow:visible;line-height:24px}@keyframes flyInHero{0%{transform:translateY(100vh) rotate(30deg) scale(0.5);opacity:0}60%{transform:translateY(-20px) rotate(-5deg) scale(1.05)}100%{transform:translateY(0) rotate(var(--rotation, 2deg)) scale(1);opacity:1}}.animate-hero-fly-in{opacity:0;animation:flyInHero 1.4s cubic-bezier(0.2, 1, 0.3, 1) forwards}.hero-preview-container{box-shadow:inset 0 10px 50px hsla(0,0%,100%,.8),0 20px 40px rgba(0,0,0,.05);position:relative;overflow:hidden;background:#fdfbf7}.hero-preview-container::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#e5e7eb 1px, transparent 1px);background-size:24px 24px;opacity:.3;pointer-events:none}.hero-rot-1{--rotation: -3deg}.hero-rot-2{--rotation: 2deg}.hero-rot-3{--rotation: -1deg}.hero-rot-4{--rotation: 4deg}.hero-rot-5{--rotation: -4deg}.hero-rot-6{--rotation: 3deg}.delay-1{animation-delay:.6s}.delay-2{animation-delay:.8s}.delay-3{animation-delay:1s}.delay-4{animation-delay:1.2s}.delay-5{animation-delay:1.4s}.delay-6{animation-delay:1.6s}.delay-7{animation-delay:1.8s}