.card{background:var(--background-color-02);border:2px solid var(--neutral-04);display:flex;flex-direction:column;overflow:hidden;border-radius:16px;margin:1rem;max-width:100%;box-sizing:border-box;transition:all .3s ease}#minimal,.card{min-width:300px}#minimal{position:relative;float:right;margin:1rem -50px 1rem 2rem;max-width:500px;shape-outside:margin-box}#featured{flex-direction:row-reverse;height:400px;width:100%}.card-container{display:flex;justify-content:center;align-items:center;position:relative;width:100%;overflow:hidden;img{height:100%;width:100%;margin:auto;object-fit:contain}}.card-content{width:100%;padding:1rem}.card-title{color:var(--dt-blue);font-size:1.25rem;font-weight:700;margin-bottom:.75rem;line-height:1.3}.card-description{color:var(--neutral-02);font-size:.9rem;margin:0 30px 0 0;line-height:1.5}.post-card{background:var(--background-color-02);transition:all .3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.3)}.post-card:hover{transform:translateY(-4px);border-color:var(--dt-blue);box-shadow:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(30,181,246,.2)}#presentation{flex-direction:row;width:100%;margin:20px 0;min-height:500px;min-width:auto;.card-container img{height:70%;width:70%}.card-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;h3{font-size:2rem;color:var(--neutral-01);margin-bottom:10px}p{margin:0 0 0 20px;font-size:1.2rem;color:var(--neutral-02)}}}@media (max-width:1568px){#featured,#presentation{flex-direction:column;min-height:350px}#minimal{float:none;margin:1rem auto;max-width:90%}.card{float:none;right:0;max-width:100%;margin:.5rem auto;min-width:auto;width:100%}.card-container{min-height:300px}.card-content{padding:1rem}.card-overlay{opacity:.8}}@media (max-width:768px){#minimal,.card{min-width:auto;width:100%;margin:.5rem auto;float:none;left:0;position:static}#minimal~*{clear:both}.card-container{min-height:250px}#presentation{min-height:auto;padding:1rem;.card-container img{height:60%;width:60%}}}@media (max-width:480px){#minimal,.card{min-width:auto;width:100%;margin:.5rem auto;border-radius:12px;float:none;left:0;position:static}#minimal~*{clear:both}.card-container{min-height:200px}#presentation .card-content{margin:20px auto;padding:.5rem;h3{margin:0;font-size:1.5rem}h3,p{text-align:center}p{margin:15px;font-size:1rem}}.card-title{font-size:1.1rem}.card-description{font-size:.85rem;margin:0 10px}.card-overlay-title{font-size:1.1rem}.card-overlay-description{font-size:.8rem}}