#index{margin:0}#index h1{margin:var(--space-10)}
#scroll{bottom:var(--space-4);height:var(--space-10);cursor:pointer;position:absolute}#scroll span{align-items:center;animation:.5s ease-in infinite alternate bound-anim;display:flex}#scroll span:before{width:var(--font-size-lg);height:var(--font-size-lg);content:"";background:url(/img/chevron-down-solid-full.svg) 50%/cover no-repeat;animation:.8s infinite rotate-anim;display:block}@keyframes bound-anim{0%{transform:translateY(0)}to{transform:translateY(24px)}}@keyframes rotate-anim{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}
#top{background:radial-gradient(circle at 10% 15%,color-mix(in srgb,var(--sub-color2)35%,white 65%)0%,transparent 55%),radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--sub-color1)35%,white 65%)0%,transparent 55%),radial-gradient(circle at 50% 85%,color-mix(in srgb,var(--main-color)30%,white 70%)0%,transparent 60%);justify-content:center;align-items:center;height:100vh;display:flex}#main-visual{width:80%;max-width:700px;height:100%;position:relative}
:root{--flip-card-height:100px;--flip-card-radius:calc(var(--flip-card-height)*2/10)}#countdown{padding:calc(var(--space-10)*1)0;background:color-mix(in srgb,var(--main-color)10%,white 90%)0%;margin:0 auto}#countdown h1{margin:var(--space-10)auto;text-align:center}#countdown .countdown{gap:var(--space-8);flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:flex}#countdown .bloc-time{width:var(--flip-card-height);text-align:center;position:relative}#countdown .bloc-time.days span{background:var(--main-color)}#countdown .bloc-time.hours span{background:var(--sub-color1)}#countdown .bloc-time.minutes span{background:var(--sub-color3)}#countdown .bloc-time.seconds span{background:var(--sub-color2)}#countdown .count-title span{margin-bottom:var(--space-3);font-size:var(--font-size-sm);text-transform:uppercase;display:block}#countdown .figure{float:left;width:var(--flip-card-height);height:var(--flip-card-height);border-radius:var(--flip-card-radius);box-shadow:0 0 var(--space-10)#00000080;margin-right:6px;position:relative}#countdown .figure.days-1{background:var(--main-color)}#countdown .figure.hours-1{background:var(--sub-color1)}#countdown .figure.min-1{background:var(--sub-color3)}#countdown .figure.sec-1{background:var(--sub-color2)}#countdown .figure>span{width:100%;height:calc(var(--flip-card-height)/2);position:absolute;left:0;overflow:hidden}#countdown .figure .top{z-index:3;border-radius:var(--flip-card-radius)var(--flip-card-radius)0 0;transform-origin:50% 100%;backface-visibility:hidden;top:0;transform:perspective(200px)rotateX(0)}#countdown .figure .bottom{top:calc(var(--flip-card-height)/2);z-index:3;border-radius:0 0 var(--flip-card-radius)var(--flip-card-radius);transform-origin:50% 0;backface-visibility:hidden;transform:perspective(200px)rotateX(0)}#countdown .figure .top-back{z-index:2;border-radius:var(--flip-card-radius)var(--flip-card-radius)0 0;top:0}#countdown .figure .bottom-back{top:calc(var(--flip-card-height)/2);z-index:1;border-radius:0 0 var(--flip-card-radius)var(--flip-card-radius)}#countdown .figure>span>span{width:100%;height:calc(var(--flip-card-height)*2);font-family:inherit;font-size:3rem;font-weight:700;line-height:calc(var(--flip-card-height)*2);color:var(--base-color);text-align:center;margin:auto;position:absolute;left:0;right:0}#countdown .figure .top span,#countdown .figure .top-back span{top:calc(var(--flip-card-height)/-2)}#countdown .figure .bottom span,#countdown .figure .bottom-back span{top:calc(var(--flip-card-height)*-1)}#countdown .figure.flip .top{animation:.35s forwards flip-top}#countdown .figure.flip .bottom{animation:.35s .34s forwards flip-bottom}#countdown .count-title{font-size:var(--font-size-xs);line-height:calc(var(--font-size-xxl)*1.5);color:#475569;letter-spacing:.3em;background:0 0!important}@keyframes flip-top{0%{transform:perspective(200px)rotateX(0)}to{transform:perspective(200px)rotateX(-90deg)}}@keyframes flip-bottom{0%{transform:perspective(200px)rotateX(90deg)}to{transform:perspective(200px)rotateX(0)}}@media (max-width:660px){:root{--flip-card-height:60px}#countdown h1,#countdown .figure>span>span{font-size:var(--font-size-xl)}#countdown .count-title{font-size:calc(var(--font-size-xs)*2/3);position:relative;top:-10px}}
#slogan{width:80%;max-width:900px;margin:0 auto var(--space-10)}#slogan .content-warpper{width:80%;max-width:1000px;margin:var(--space-5)auto}#slogan .slogan-image{aspect-ratio:1.77778;width:100%;margin:var(--space-5)auto;position:relative}