:root{--jf-primary-color:#fff;--jf-secondary-color:#131c2b;--jf-tertiary-color:#1b263b;--jf-hover-color:#7aa8ff;--jf-blue-hover-color:#a4cfff;--jf-headline-color:#eef4ff;--jf-card-color:#1d1d1f;--jf-background-color:#111318;--jf-font-sm:16px;--jf-font-mm:20px;--jf-font-md:24px;--jf-font-lg:28px;--jf-font-ll:32px;--jf-font-xl:36px;--jf-font-xxl:42px;--jf-font-headline-mobile:54px;--jf-font-headline:64px;--jf-margin-sm:.9375rem;--jf-margin-md:1.25rem;--jf-margin-lg:1.5625rem;--jf-margin-ll:2rem;--jf-margin-x:3rem;--jf-margin-xl:8rem;--jf-margin-xxl:12rem;--jf-padding-sm:.9375rem;--jf-padding-md:1.25rem;--jf-padding-lg:1.5625rem;--jf-padding-xl:6rem;--jf-padding-xxl:14rem;--jf-radius-sm:4px;--jf-radius-md:6px;--jf-radius-lg:12px;--jf-radius-xl:20px;color:var(--jf-primary-color);font-family:var(--font-montserrat),sans-serif}@media (prefers-color-scheme:dark){:root{--jf-primary-color:#fff;--jf-secondary-color:#131c2b;--jf-tertiary-color:#1b263b;--jf-hover-color:#7aa8ff;--jf-blue-hover-color:#a4cfff;--jf-headline-color:#eef4ff;--jf-card-color:#1d1d1f;--jf-background-color:#111318;--jf-font-sm:16px;--jf-font-mm:20px;--jf-font-md:24px;--jf-font-lg:28px;--jf-font-ll:32px;--jf-font-xl:36px;--jf-font-xxl:42px;--jf-font-headline-mobile:54px;--jf-font-headline:64px;--jf-margin-sm:.9375rem;--jf-margin-md:1.25rem;--jf-margin-lg:1.5625rem;--jf-margin-ll:2rem;--jf-margin-x:3rem;--jf-margin-xl:8rem;--jf-margin-xxl:12rem;--jf-padding-sm:.9375rem;--jf-padding-md:1.25rem;--jf-padding-lg:1.5625rem;--jf-padding-xl:6rem;--jf-padding-xxl:14rem;--jf-radius-sm:4px;--jf-radius-md:6px;--jf-radius-lg:12px;--jf-radius-xl:20px;font-family:var(--font-montserrat),sans-serif}}.test{background-color:var(--jf-background-color)}.flexbox-hor-const,.flexbox-hor{flex-direction:row;justify-content:space-between;display:flex}@media (max-width:62rem){.flexbox-hor{display:block}}@media (max-width:40rem){.flexbox-hor{display:block}}@media (min-width:62rem) and (max-width:72rem){.flexbox-hor{display:block}}.flexbox-hor-stats{flex-direction:row;justify-content:space-between;display:flex}@media (max-width:62rem){.flexbox-hor-stats{display:block}}@media (max-width:40rem){.flexbox-hor-stats{display:block}}.headline{font-size:var(--jf-font-headline);color:var(--jf-primary-color);font-weight:400;line-height:58px;font-family:var(--font-montserrat),sans-serif;z-index:100;margin-block-end:var(--jf-margin-sm);position:relative}@media (max-width:40rem){.headline{font-size:var(--jf-font-headline-mobile)}}.spacer{margin-block-start:var(--jf-margin-xxl)}.spacer-md{margin-block-start:var(--jf-margin-xl)}@media (max-width:40rem){.spacer-md{margin-block-start:var(--jf-margin-lg)}}.spacer-content{margin-block-start:var(--jf-margin-xl)}.spacer-sm{margin-block-start:var(--jf-margin-ll)}.detail-apge{background-color:var(--jf-background-color);flex-direction:column;align-items:center;display:flex}.head{background-color:var(--jf-background-color)}.header-img{width:100vw;height:85vh;margin-top:var(--jf-margin-ll);object-fit:cover;object-position:0% 35%;z-index:0;top:4rem;left:0}@media (max-width:62rem){.header-img{height:50vh}}@media (max-width:40rem){.header-img{height:40vh}}.detail-title{color:var(--jf-secondary-color);top:6rem;left:var(--jf-padding-xl);z-index:5;text-shadow:0 0 .05em var(--jf-secondary-color);position:absolute}@media (max-width:62rem){.detail-title{font-size:var(--jf-font-xl);left:var(--jf-padding-md)}}@media (max-width:40rem){.detail-title{font-size:var(--jf-font-xl);left:var(--jf-padding-sm)}}.white{color:var(--jf-primary-color);text-shadow:0 0 .05em var(--jf-primary-color)}@media (max-width:40rem){.white{text-shadow:0 0 .1em var(--jf-primary-color)}}.stats-headline{color:var(--jf-hover-color);font-size:var(--jf-font-xl);margin-block-end:var(--jf-margin-sm)}@media (max-width:40rem){.stats-headline{font-size:var(--jf-font-ll)}}.stats{font-size:var(--jf-font-md);line-height:30px}@media (max-width:62rem){.stats{font-size:var(--jf-font-mm);flex-direction:column;gap:10px;line-height:24px;display:flex}}@media (max-width:40rem){.stats{font-size:var(--jf-font-sm);flex-direction:column;gap:10px;line-height:24px;display:flex}}.subject{text-align:end;font-size:var(--jf-font-md);margin-block-start:var(--jf-margin-sm);line-height:30px}@media (max-width:62rem){.subject{font-size:var(--jf-font-mm);text-align:start;line-height:24px}}@media (max-width:40rem){.subject{font-size:var(--jf-font-sm);text-align:start;line-height:24px}}.content{background-color:var(--jf-background-color);padding:var(--jf-padding-xl);width:100%;max-width:1700px;padding-block-start:var(--jf-padding-sm)}@media (min-width:62rem) and (max-width:72rem){.content{padding:var(--jf-padding-lg)}}@media (max-width:62rem){.content{padding:var(--jf-padding-md)}}@media (max-width:40rem){.content{padding:var(--jf-padding-sm)}}.detail-headline{color:var(--jf-hover-color);margin-block-end:var(--jf-margin-md)}@media (max-width:40rem){.detail-headline{font-size:var(--jf-font-xl)}}.detail-text{max-width:700px;font-size:var(--jf-font-mm);margin-block-start:10px;padding-inline-end:30px;line-height:32px}@media (max-width:62rem){.detail-text{max-width:100vw;font-size:var(--jf-font-mm);margin-block-end:var(--jf-margin-md);line-height:28px}}@media (max-width:40rem){.detail-text{max-width:100vw;font-size:var(--jf-font-sm);margin-block-end:var(--jf-margin-md);padding-inline-end:0;line-height:20px}}@media (min-width:62rem) and (max-width:72rem){.detail-text{max-width:100vw;margin-block-end:var(--jf-margin-md);padding-inline-end:0}}.detai-img{border-radius:var(--jf-radius-sm);aspect-ratio:4/3;object-fit:cover;object-position:center;background:#111318;width:100%;max-width:600px;position:relative;overflow:hidden}@media (max-width:62rem){.detai-img{max-width:100%}}@media (max-width:40rem){.detai-img{max-width:100%}}@media (min-width:62rem) and (max-width:72rem){.detai-img{max-width:100%}}.button{padding:var(--jf-padding-sm);border-radius:var(--jf-radius-md);font-size:var(--jf-font-sm);background-color:var(--jf-tertiary-color);color:var(--jf-hover-color);border:none;margin-block-start:var(--jf-margin-xl);padding:.5rem;transition:box-shadow .3s}.button:hover{color:var(--jf-primary-color);background-color:var(--jf-hover-color);cursor:pointer;box-shadow:0 0 60px 5px #2b7fe040}.video{aspect-ratio:4/2;border-radius:var(--jf-radius-md);width:100%;margin-block-start:10px}.glow{color:#fff;text-align:center;text-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 20px #0ff,0 0 40px #0ff,0 0 80px #0ff,0 0 120px #0ff;font-size:3rem;font-weight:700}
