@font-face{font-family:CifryNumerals;src:url('./assets/cormorant-garamond.ttf') format('truetype');font-weight:300 700;font-display:swap}
.cifry-hero{position:relative;isolation:isolate;width:100%;aspect-ratio:1280/720;overflow:hidden;background:#f6f4ef;container-type:inline-size}
.cifry-hero .cifry-backdrop{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.cifry-hero .cifry-backdrop img{display:block;width:100%;height:100%;object-fit:fill}
.cifry-hero .cifry-pattern{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}
.cifry-hero .cifry-pattern--mobile{display:none}
.cifry-hero .cifry-digit{font-family:CifryNumerals,serif;font-weight:300;font-variant-numeric:lining-nums;transform-box:fill-box;transform-origin:center;animation:cifry-breathe var(--duration) cubic-bezier(.45,0,.55,1) var(--phase) infinite;will-change:transform}
@keyframes cifry-breathe{0%,100%{transform:scale(.88) rotate(calc(-1 * var(--sway)))}50%{transform:scale(1.12) rotate(var(--sway))}}
.cifry-hero .cifry-semantic{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cifry-hero .cifry-action{position:absolute;z-index:2;left:12.1%;top:50.5%;width:20%;height:8%;border:0;padding:0;cursor:pointer;border-radius:999px;color:transparent;background:transparent;text-decoration:none}
.cifry-hero .cifry-action:focus-visible{outline:3px solid #946133;outline-offset:5px}
@media(max-width:700px){.cifry-hero{aspect-ratio:674/1280}.cifry-hero .cifry-pattern--desktop{display:none}.cifry-hero .cifry-pattern--mobile{display:block}.cifry-hero .cifry-action{left:8.5%;top:39.1%;width:49%;height:5.8%}}
@media(prefers-reduced-motion:reduce){.cifry-hero .cifry-digit{animation:none;transform:none;will-change:auto}}