/* Exact mark, colours and 2.6-second exchange from the delivered Odette identity.
   Proportional geometry keeps the original 30px mark intact at thumbnail scale. */
@font-face{font-family:OdetteManrope;src:url('/assets/odette/manrope-800.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
.work-art.art-odette{container-type:size;display:grid;place-items:center;background:transparent}
.odette-card-mark{position:relative;display:block;width:min(76cqw,76cqh);height:min(76cqw,76cqh);container-type:size;border-radius:20%;background:#385bf6;direction:ltr;font-family:OdetteManrope,Manrope,Arial,sans-serif;font-weight:800;line-height:1;flex-shrink:0;isolation:isolate}
.odette-card-mark>span{position:absolute;font-size:70cqw;letter-spacing:-3.733333cqw;line-height:1}
.odette-card-front{left:17%;top:28%;color:#fff;z-index:2;animation:odette-card-front-flow 2.6s ease-in-out infinite alternate;animation-play-state:var(--art-play-state)}
.odette-card-back{left:38%;top:7%;color:#b7c6ff;z-index:1;animation:odette-card-back-flow 2.6s ease-in-out infinite alternate;animation-play-state:var(--art-play-state)}
@keyframes odette-card-front-flow{from{left:17%;top:28%;color:#fff;z-index:2}to{left:38%;top:7%;color:#b7c6ff;z-index:1}}
@keyframes odette-card-back-flow{from{left:38%;top:7%;color:#b7c6ff;z-index:1}to{left:17%;top:28%;color:#fff;z-index:2}}
@media(forced-colors:active){.odette-card-mark{forced-color-adjust:none}}