a{text-decoration:none}.personality-section h2{font-size:calc(var(--font-heading-scale) * 4rem);font-style:var(--font-heading-style);font-family:Caslon Bold,serif;font-weight:var(--font-heading-weight);letter-spacing:calc(var(--font-heading-scale) * .06rem);color:rgb(var(--color-foreground));line-height:calc(1 + .3/max(1,var(--font-heading-scale)));word-break:break-word;text-align:center}.personality-section p{font-size:15px;letter-spacing:.06rem;line-height:calc(1 + .8 / var(--font-body-scale));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);text-align:center}.personality-section{padding-top:0}.personality-section .wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.personality-card{max-height:800px;aspect-ratio:9 / 16;width:100%;height:auto;position:relative;overflow:hidden;cursor:pointer;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}a.personality-card-link:nth-child(3) .card-title,a.personality-card-link:nth-child(4) .card-title,a.personality-card-link:nth-child(3) .card-hover-content,a.personality-card-link:nth-child(4) .card-hover-content{color:#000}a.personality-card-link:nth-child(3) .personality-card,a.personality-card-link:nth-child(4) .personality-card{position:relative;overflow:hidden}a.personality-card-link:nth-child(3) .personality-card:after,a.personality-card-link:nth-child(4) .personality-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;transition:opacity .3s ease;z-index:1}a.personality-card-link:nth-child(3) .personality-card:hover:after,a.personality-card-link:nth-child(4) .personality-card:hover:after{opacity:.7}a.personality-card-link:nth-child(3) .card-title:after,a.personality-card-link:nth-child(4) .card-title:after{background-color:#000}.card-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.personality-card:hover .card-image img{transform:scale(1.05);filter:brightness(.5)}.card-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;padding:20px}.card-title{color:#fff;font-weight:700;font-size:3rem;margin:0}.card-title{color:#fff;font-weight:700;font-size:3rem;margin:0;position:relative}.card-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0%;height:2px;background-color:#fff;transition:width .3s ease}.personality-card:hover .card-title:after{width:100%}.card-hover-content{opacity:0;max-height:0;overflow:hidden;transition:all .3s ease}.personality-card:hover .card-hover-content{opacity:1;max-height:200px}.card-hover-content p{margin-bottom:10px}.card-hover-content .btn{display:inline-block;padding:10px 20px;background:#000;color:#fff;text-decoration:none;font-weight:700;margin-top:24px}@media (min-width: 800px){.personality-section .wrapper{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1920px){.personality-card{max-height:600px}}@media (max-width: 800px){.personality-card{max-height:720px}}
/*# sourceMappingURL=/cdn/shop/t/14/compiled_assets/styles.css.map */