.maisonPage{height:calc(100vh - var(--navbarHeight));min-height:calc(100vh - var(--navbarHeight));max-height:calc(100vh - var(--navbarHeight));padding:0;width:calc(100vw - var(--sidebarWidth));margin-left:var(--sidebarWidth);max-width:100vw;overflow:hidden}.nftPageTitle{width:-moz-fit-content;width:fit-content;height:100%}.nftPageTitleImage{object-fit:contain;height:100%;width:auto;padding:1.5rem;border-right:var(--border)}.nftPageTitleImageMobileContainer{display:none}.nftTable{width:100%;height:100%;margin:-1px 0 0 -.5px;height:calc(100% + 1px);overflow:scroll}.nftTable::-webkit-scrollbar{display:none}.nftTable{scrollbar-width:none;-ms-overflow-style:none}.traitTitle{font-size:40px;grid-column:span 1;grid-row:span 1;aspect-ratio:1;width:100%;overflow:hidden;padding:2rem}.traitTitle.whiteBackground{background-color:#fff}.traitTitle h3{font-family:var(--font-druk);margin-bottom:1rem}.traitTitle p{font-family:var(--font-mondwest);font-size:22px;margin-right:1.5rem}.traitGrid{display:grid;grid-template-columns:repeat(4,calc(((100vw - var(--sidebarWidth)) - 5rem) / 4));grid-template-rows:repeat(6,calc(((100vw - var(--sidebarWidth)) - 5rem) / 4));width:100%;height:-moz-fit-content;height:fit-content;min-height:100%;grid-row-gap:1rem;row-gap:1rem;grid-column-gap:1rem;column-gap:1rem;margin:1rem}.traitContainer{aspect-ratio:1;position:relative;width:100%;height:100%;overflow:hidden;border-width:.5px;background-color:#1d1824;border-radius:1rem;border:1px solid var(--borderColor)}.whiteBackground.traitContainer{background-color:#fff}.maisonBio h5{margin-right:1rem}.maisonBio h5,.maisonBio p{font-family:var(--font-mondwest);font-size:15px}.trait{object-fit:cover;aspect-ratio:1}.traitContainer img{transition:transform .2s;object-fit:cover}.traitContainer:hover img{transform:scale(1.4)}.traits{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:100%;margin-bottom:2rem}.traits h3{font-family:headlines;font-size:40px;margin-bottom:2rem}.traits ul{display:flex;justify-content:space-between;align-items:center;margin:1rem}.traits li{font-size:24px;min-width:150px}.explainerLine,.traits li{display:flex;justify-content:center;align-items:center}.explainerLine{padding:2rem 0;width:100%;font-size:30px}.maisonRole{padding:.5rem 1.5rem;border-radius:2rem;background-color:#fff;color:#000;position:absolute;right:1rem;top:1rem;font-family:var(--font-mondwest);font-size:20px;border:1px solid #000;z-index:2}.studioRole{background-color:var(--harmonyGreen);color:#000}.residentRole{background-color:var(--harmonyBlue);color:#fff}.cdRole{background-color:var(--harmonyPurple);color:#fff}.memberRole{background-color:var(--harmonyRed);color:#fff}.kenzoPic{filter:grayscale(1)}.maisonPolaroidContainer{position:relative;width:60%;height:70%;margin-bottom:3rem}.maisonBio{position:absolute;left:0;bottom:0;width:100%;height:3rem;background-color:#fff;z-index:1;padding:0 1.5rem}.maisonJoin{width:70%;font-size:1.25vw;font-family:var(--font-druk);text-align:center}@media (max-width:1023px){.traitGrid{height:-moz-fit-content;height:fit-content;grid-template-columns:1fr 1fr;grid-template-rows:repeat(6,1fr)}.traitTitle{grid-column:span 2;grid-row:span 1;flex-direction:column;aspect-ratio:unset;padding:1rem}.traitFlower{display:none}}@media (max-width:500px){.maisonPage{display:grid!important;grid-template-columns:repeat(2,50%);height:-moz-fit-content;height:fit-content;min-height:-moz-fit-content;min-height:fit-content;max-height:-moz-fit-content;max-height:fit-content;margin-left:0;width:100vw;min-width:100vw;max-width:100vw;margin-top:var(--mobileCountdownHeight);margin-bottom:var(--navbarHeight)}.nftPageTitle{width:100%;height:100%;grid-column:1/3;grid-row:1/2;padding:.5rem 1rem;border-bottom:var(--border)}.nftPageTitleContainer,.nftPageTitleImage{display:none}.nftPageTitleImageMobileContainer{position:relative;display:flex;width:100%;height:13vw}.nftPageTitleImageMobile{object-fit:contain}.nftTable{height:100%;width:100%;max-width:100vw;grid-column:1/3;grid-row:2/10}.traitTitle h3{font-size:26px}.traitGrid{max-width:100vw;width:100vw;display:grid;grid-template-columns:repeat(2,calc(50vw - (3rem / 2)));grid-template-rows:repeat(4,calc(50vw - (3rem / 2)));padding:1rem;margin:0}.traitTitle ul{height:-moz-fit-content;height:fit-content}.traitTitle p{font-size:16px;text-align:left}.traitTitle ul li{width:90%}.maisonRole{padding:.25rem 1rem;border-radius:1.5rem;right:1rem;bottom:4rem;top:unset;font-family:var(--font-mondwest);font-size:20px;border:1px solid #000;z-index:2}}