.adn-body{align-items:stretch;display:flex;flex-direction:row;gap:48px;margin:0 auto;padding:64px 40px}.adn-header{align-items:flex-start;display:flex;flex-direction:column;max-width:420px}.adn-body,.adn-box,.adn-header{height:auto!important}.adn-box{border-radius:10px;overflow:hidden;position:relative;width:100%;--minW:5%;--maxW:100%;--minH:25%;--maxH:100%;--pad:20px}.adn-box>.adn-layer:first-of-type{align-items:center!important;justify-content:center!important}.adn-box>.adn-layer:first-of-type>.adn-layer__text{max-width:unset!important;width:unset!important}.adn-layer{align-items:flex-start;background:var(--hueso-200);border-radius:6px 6px 0 6px;bottom:0;box-shadow:0 4px 20px rgba(0,0,0,.3);box-sizing:border-box;display:flex;flex-direction:row-reverse;height:calc(var(--minH) + (var(--maxH) - var(--minH))*(var(--i)/var(--n)));justify-content:flex-start;left:0;padding:var(--pad);position:absolute;text-transform:uppercase;transition:transform .3s ease,box-shadow .3s ease,background .2s ease;width:calc(var(--minW) + (var(--maxW) - var(--minW))*(var(--i)/var(--n)));z-index:calc(var(--n) - var(--i))}.adn-layer:hover{background:rgba(0,0,0,.49);color:var(--hueso-200);transform:translateY(-2px)}.adn-layer__text{display:-webkit-box;font-size:20px;font-weight:700;hyphens:none;-webkit-line-clamp:3;line-height:1.1;max-width:calc(100% - var(--pad));overflow-wrap:break-word;text-align:center;white-space:normal;width:150px;word-break:normal;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:1600px){.adn-layer__text{font-size:18px;width:135px}}@media (max-width:1450px){.adn-layer__text{font-size:16px;width:120px}}@media (max-width:1300px){.adn-layer__text{font-size:14px;width:110px}}@media (max-width:1150px){.adn-layer__text{font-size:13px;width:96px}}@media (max-width:1100px){.adn-layer__text{font-size:12px;width:90px}}@media (max-width:1080px){.adn-layer__text{font-size:11.5px;width:85px}}@media (max-width:1060px){.adn-layer__text{font-size:10px;width:74px}}@media (max-width:1024px){.adn-body{flex-direction:column;gap:24px;padding:48px 20px}.adn-header{gap:13px;max-width:625px}.adn-box{height:265px!important;--pad:16px}.adn-layer__text{font-size:14px;width:110px}}@media (max-width:800px){.adn-layer__text{font-size:13px;width:96px}}@media (max-width:625px){.adn-header{max-width:none}.adn-box{--pad:14px}.adn-layer__text{font-size:11.5px;width:85px}}@media (max-width:450px){.adn-box{--pad:12px}.adn-layer__text{font-size:10px;width:74px}}