#intro{padding-inline:var(--side_margin);background:linear-gradient(90deg,#0f1ed2 0%,#080f6c 100%);overflow-x:clip}#fv{container-type:inline-size;position:relative;width:100%;height:auto;z-index:0;max-width:1520px;margin-inline:auto;max-height:calc(100svh - 110px)}@media screen and (min-width:768px){#fv{max-height:calc(80vh - 110px)}}@media screen and (min-width:992px){#fv{max-height:calc(100vh - 180px)}}.fv_intro_art_main{position:absolute;top:90px;left:0;width:min(134.358974359vw,600px);aspect-ratio:524/389;z-index:-1;rotate:20deg;translate:-25% 0}@media screen and (min-width:768px){.fv_intro_art_main{top:260px;width:min(54.3421052632vw,826px);translate:-10% 5%}}@media screen and (min-width:992px){.fv_intro_art_main{top:240px;translate:-11% 6%}}.fv_intro_art_sub{position:absolute;top:0;right:0;translate:45% -5%;width:min(108.7179487179vw,500px);aspect-ratio:424/291;rotate:6deg;z-index:-1}@media screen and (min-width:768px){.fv_intro_art_sub{translate:40% -10%;width:min(178.2051282051vw,550px)}}@media screen and (min-width:992px){.fv_intro_art_sub{width:min(178.2051282051vw,635px);translate:40% -30%}}.fv_title_block{position:relative;z-index:2;display:flex;flex-direction:column;gap:15px;align-items:center}@media screen and (min-width:768px){.fv_title_block{flex-direction:row;margin-block-start:120px;gap:50px;justify-content:space-between}}@media screen and (min-width:992px){.fv_title_block{gap:100px;container-type:inline-size}}.fv_loaging_anime{position:relative;padding:30px;background-image:url(../img/top/fv_diamond_bg.webp);background-size:cover;z-index:0}@media screen and (min-width:992px){.fv_loaging_anime{padding:35px}}.fv_loaging_anime:before{content:"";position:absolute;width:181.067961165%;aspect-ratio:465/196;background-image:url(../img/top/anime_layar.webp);background-size:cover;height:auto;top:50%;left:50%;z-index:-1;translate:-50% -50%}.fv_loading_text{position:absolute;top:0;left:0;padding:5px;border-radius:5px;background-color:rgba(0,0,0,0.7);font-size:6.5476190476cqi;font-weight:700;line-height:1.2;width:max-content;color:#ffffff;translate:-10% -20%;z-index:3}@media screen and (min-width:992px){.fv_loading_text{padding:20px;translate:-70% -20%;width:250px;min-height:88px;place-content:center;line-height:1.6;font-size:1.5rem;border-radius:10px}}.fv_loading_text:before{content:"";position:absolute;bottom:0;left:30px;width:18px;height:24px;background-color:rgba(0,0,0,0.7);clip-path:polygon(0 0,3px 0,100% 100%,calc(100% - 3px) 100%);border-radius:100vmax;translate:0 100%}@media screen and (min-width:992px){.fv_loading_text:before{left:unset;right:0px}}.video_mask{container-type:inline-size;border-radius:50%;width:168px;height:168px;overflow:hidden}@media screen and (min-width:992px){.video_mask{width:210px;height:210px}}.video_mask video{scale:1.8;width:100%;height:100%;object-fit:contain}.title_text{font-size:clamp(5rem,13.3333333333cqi,6rem);font-weight:700;color:#ffffff;line-height:1.5}@media screen and (min-width:768px){.title_text{font-size:clamp(2.5rem,4.0816326531cqi,4.5rem);width:100%}}@media screen and (min-width:992px){.title_text{font-size:clamp(3rem,3.5cqi,5rem)}}@media screen and (min-width:1200px){.title_text{width:fit-content;font-size:clamp(4.5rem,4.5138888889cqi,8.5rem)}}@media screen and (min-width:1600px){.title_text{font-size:8.3rem}}.fv_catch{font-size:min(5.3333333333cqi,2rem);text-align:center;color:#ffffff;font-weight:700;margin-block-start:8px;line-height:1.5}@media screen and (min-width:768px){.fv_catch{margin-block-start:50px;font-size:2rem}}.fv_catch_en{position:relative;color:#ffffff;margin-block-start:20px;padding-block-start:20px;text-align:center;line-height:1.7;font-weight:700;font-family:"Montserrat";font-size:1.1rem}.fv_catch_en:before{content:"";position:absolute;width:15px;height:2px;background-color:#ffffff;top:0;left:50%;translate:-50% 0}.fixed_cta{position:fixed;z-index:100;bottom:20px;left:var(--side_margin);width:calc(100% - var(--side_margin) * 2);transition:opacity 0.3s,visibility 0.3s,translate 0.3s}@media screen and (min-width:768px){.fixed_cta{display:none}}.fixed_cta{translate:0 0}@container scroll-state(scrolled: bottom){.fixed_cta{translate:0 100%}}.fixed_cta.hide{opacity:0;visibility:hidden}