@font-face{font-family:DM Sans;src:url(DMSans-Bold.ttf)}:root{font-family:DM Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-height:100vh}main{max-width:1280px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;justify-content:center;gap:4rem}@media (min-width: 1024px){main{gap:3rem;flex-direction:row}}.card{width:260px;height:280px;display:flex;background-position:center center;background-repeat:no-repeat;background-size:cover;align-items:center;justify-content:center;position:relative}.card:hover:after{background-color:#0000004d;transition:all .3s}.card:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:#00000026;z-index:0;transition:all .3s}@media (min-width: 768px){.card{width:380px;height:408px}}.card.studio{background-image:url(../studio.jpg);box-shadow:0 0 0 transparent;transition:all .3s}.card.studio:hover{box-shadow:2px 2px 20px #666360ab}.card.boutique{background-image:url(../boutique.jpg);box-shadow:0 0 0 transparent;transition:all .3s}.card.boutique:hover{box-shadow:2px 2px 20px #8b7967ab}.card span{text-transform:uppercase;font-size:1.75rem;font-weight:700;letter-spacing:4px;color:#fff;z-index:1}@media (min-width: 768px){.card span{font-size:3rem}}.logo{will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 4px #1d1d1b88)}a{text-decoration:none}