#p_home #banner{overflow:hidden;border-bottom:1px solid var(--black);width:100%;height:min(100vh,1440px);background:#113841;position:relative;z-index:1;display:flex;justify-content:center;align-items:center;flex-direction:column}@media screen and (max-width:1080px){#p_home #banner{height:100vh}}@media screen and (max-width:550px){#p_home #banner{height:400px;padding-top:100px}}#p_home #banner:before{background:url(/g/hero.webp);background-size:cover;background-attachment:fixed;content:"";position:absolute;top:0;left:0;width:100%;height:100%;filter:blur(2px);opacity:.6;animation:slightzoom 200s ease-out forwards;transform-origin:left}@keyframes slightzoom{0%{transform:scale(1) translateX(0)}to{transform:scale(1.3) translateX(0)}}#p_home #banner .logo{width:60vh;height:auto;position:relative;z-index:1;filter:drop-shadow(0 0 14px rgb(28,63,94));transition:all .5s ease;animation:floaty-shake 6s cubic-bezier(.4,0,.6,1) infinite alternate-reverse}@media screen and (max-width:1440px){#p_home #banner .logo{width:50vw}}@media screen and (max-width:550px){#p_home #banner .logo{width:70vw}}#p_home #banner .logo:hover{scale:1.1;filter:drop-shadow(0 0 14px rgb(60,124,173))}@keyframes sway{0%{transform:translateY(0)}to{transform:translateY(-5%)}}#p_home #banner .chevron{animation:chevron 1.5s ease-in-out infinite alternate-reverse}@media screen and (max-width:550px){#p_home #banner .chevron{width:50px}}@keyframes chevron{0%{transform:translateY(250px)}to{transform:translateY(220px)}}#p_home #hero{background:radial-gradient(circle,var(--bblack),var(--black));display:flex;align-items:center;position:relative;z-index:1;width:100%;padding-block:200px;padding-bottom:400px;--pl:5%;color:#fff}#p_home #hero:before{background:url(/g/portal.png);background-size:cover;background-blend-mode:overlay;background-position:bottom;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;z-index:-10}#p_home #hero:after,#p_home #hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:15%}#p_home #hero:after{background:url(/b/texture_1.png);z-index:-5;mix-blend-mode:overlay;background-attachment:fixed}#p_home #hero .dt{position:absolute;top:-15px;height:30px;max-width:40%;transform:scaleY(1.4);z-index:20}@media screen and (max-width:550px){#p_home #hero .dt{width:100%}}#p_home #hero .dt.l{left:0}@media screen and (max-width:550px){#p_home #hero .dt.l{left:-70%;max-width:none;height:auto}}#p_home #hero .dt.r{right:0;scale:-1 1}@media screen and (max-width:550px){#p_home #hero .dt.r{right:-20%;translate:50%;max-width:none;height:auto;width:100%}}#p_home #hero .stroke-text{font-family:var(--fontcg);letter-spacing:-10px;font-weight:700;position:absolute;top:-10%;transform:translate(-50%);left:10%;white-space:nowrap;font-size:11rem;mix-blend-mode:color-dodge;opacity:.1;font-style:italic;--w:1px}@media screen and (max-width:1280px){#p_home #hero .stroke-text{font-size:8rem}}@media screen and (max-width:550px){#p_home #hero .stroke-text{font-size:6rem;top:0;left:-20%}}#p_home #hero .logo_side{position:absolute;bottom:10%;right:40px;width:600px;z-index:10}@media screen and (max-width:1440px){#p_home #hero .logo_side{width:500px}}@media screen and (max-width:768px){#p_home #hero .logo_side{width:400px}}@media screen and (max-width:550px){#p_home #hero .logo_side{width:100%;scale:.8;right:0;max-height:400px}}#p_home #hero .tp{width:100%}#p_home #hero .tp .sidestar{position:absolute;right:0;top:10%;width:400px}@media screen and (max-width:1024px){#p_home #hero .tp .sidestar{max-width:30%}}#p_home #hero .sub{font-size:4rem;font-weight:700;font-style:italic;font-family:var(--fontcg);letter-spacing:-4px;padding-left:var(--pl)}@media screen and (max-width:768){#p_home #hero .sub{font-size:1.4rem;letter-spacing:0}}@media screen and (max-width:768px){#p_home #hero .sub{text-align:left}}#p_home #hero .title{padding:0 .5em;font-size:6.5rem;color:var(--black);background:#fff;width:100%;line-height:1;padding-left:var(--pl);max-width:-moz-fit-content;max-width:fit-content;font-family:var(--fonta);font-weight:200}@media screen and (max-width:1440px){#p_home #hero .title{font-size:4rem}}@media screen and (max-width:768px){#p_home #hero .title{font-size:2.4rem;text-align:left;padding:.25em .55em;margin-bottom:.5em}}#p_home #hero .desc{padding:1em 1em .1em;padding-left:var(--pl);max-width:min(800px,100%);font-size:.82rem;color:#fff;font-weight:light}#p_home #hero .action{padding:2em 0;margin-left:var(--pl)}#p_home #hero .action .btn-ol{font-size:1.4rem;transform-origin:left}#p_home #about{--tal-color:#b51a3d;--faction-color:#c30028;position:relative;z-index:1}#p_home #about .about-hd{display:flex;justify-content:space-between;max-height:10px;margin-bottom:-50px;position:relative;z-index:10;padding:80px 10% 1em}@media screen and (max-width:1280px){#p_home #about .about-hd{justify-content:flex-end;padding:60px 5% 1em}#p_home #about .about-hd .minih{display:none}}@media screen and (max-width:550px){#p_home #about .about-hd{padding-bottom:300px;padding-top:20px}}#p_home #about .about-hd .btn-ol{padding:1em 2em;outline-color:var(--accent);background:rgba(253,253,253,.116);color:var(--accent)}#p_home #about .about-hd .btn-ol:hover{background:var(--accent);color:var(--black)}#p_home #about .about-hd .btn-ol:hover svg{color:var(--accent)}#p_home #about .confine{max-width:1920px;margin:0 auto;height:1000px;display:grid;grid-template-columns:1fr 1.2fr;padding:0 5%;grid-gap:400px;gap:400px;position:relative;z-index:1}@media screen and (max-width:1440px){#p_home #about .confine{grid-template-columns:1fr 1.5fr;gap:300px;padding:0 10%}}@media screen and (max-width:1280px){#p_home #about .confine{height:750px}}@media screen and (max-width:550px){#p_home #about .confine{height:700px}}@media screen and (max-width:1280px){#p_home #about .confine{gap:200px;grid-template-columns:1fr;padding-left:50%}}@media screen and (max-width:550px){#p_home #about .confine{padding-left:0}}#p_home #about .confine .env{display:flex;flex-direction:column;align-items:center}@media screen and (max-width:1280px){#p_home #about .confine .env{flex-direction:column;position:absolute;gap:1em}}#p_home #about .confine .env .envart{padding:1em 1em 60px;box-shadow:0 0 15px 2px rgba(0,0,0,.209);background:#fff;margin-bottom:-150px;width:420px;height:420px;transition:all .5s ease;position:relative}@media screen and (max-width:1440px){#p_home #about .confine .env .envart{width:300px;height:300px;padding-bottom:10%;margin-bottom:-200px}}#p_home #about .confine .env .envart img{aspect-ratio:1/1;width:100%;height:100%;object-fit:cover;background:#222;filter:grayscale(1)}#p_home #about .confine .env .envart:hover{scale:1.1}#p_home #about .confine .env .envart.t{margin-bottom:-350px;transform:translateX(20%) scale(.4) rotate(15deg);z-index:2}@media screen and (max-width:1440px){#p_home #about .confine .env .envart.t{margin-bottom:-150px}}#p_home #about .confine .env .envart.c{scale:.8;transform:translateX(-40%) scale(.6) rotate(-15deg);margin-bottom:-150px;z-index:1}@media screen and (max-width:1440px){#p_home #about .confine .env .envart.c{margin-bottom:-50px}}#p_home #about .confine .env .envart.b{rotate:5deg}@media screen and (max-width:1280px){#p_home #about .confine .env .envart.b{rotate:0deg}#p_home #about .confine .env .envart{padding-bottom:5%;transform:none!important;rotate:0;width:200px;height:200px;margin-bottom:0!important}#p_home #about .confine .env .envart .env{position:relative;aspect-ratio:auto;width:100%;height:100%}}@media screen and (max-width:550px){#p_home #about .confine .env .envart{width:120px;height:120px;padding:.25em}}#p_home #about .confine .info{color:var(--black);position:relative;z-index:15}#p_home #about .confine .info .heading{display:grid;grid-template-columns:2fr 1fr;padding-top:150px}@media screen and (max-width:550px){#p_home #about .confine .info .heading{padding-top:0;transform:translateY(-150px);display:flex;justify-content:space-between}}#p_home #about .confine .info .heading .fn{font-size:10rem;font-family:var(--fonta);line-height:.8;font-weight:lighter;color:var(--black)}@media screen and (max-width:1600px){#p_home #about .confine .info .heading .fn{font-size:8rem}}@media screen and (max-width:1024px){#p_home #about .confine .info .heading .fn{font-size:6rem}}#p_home #about .confine .info .heading .sn{font-size:4.5rem;line-height:.8;font-family:var(--fonta);font-weight:lighter;color:var(--black)}@media screen and (max-width:1600px){#p_home #about .confine .info .heading .sn{font-size:3.5rem}}@media screen and (max-width:1024px){#p_home #about .confine .info .heading .sn{font-size:3rem}}#p_home #about .confine .info .heading .flag{position:relative;width:140px;height:200px}@media screen and (max-width:1600px){#p_home #about .confine .info .heading .flag{width:100px;height:150px}}@media screen and (max-width:1024px){#p_home #about .confine .info .heading .flag{width:80px;height:120px}}#p_home #about .confine .info .heading .flag .ftop{position:absolute;bottom:calc(100% - 5px);width:100%;scale:1.3 2;left:0;z-index:100}#p_home #about .confine .info .heading .flag .panel{background:var(--faction-color);transition:all 1.5s ease;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1em;-webkit-clip-path:polygon(0 0,100% 0,100% 50%,100% 100%,49% 84%,0 100%);clip-path:polygon(0 0,100% 0,100% 50%,100% 100%,49% 84%,0 100%);border-top:2px solid var(--black)}#p_home #about .confine .info .heading .flag .panel .logo{filter:brightness(0) invert(1);width:100%;height:100%;padding-bottom:2em}@media screen and (max-width:1024px){#p_home #about .confine .info .heading .flag .panel .logo{padding-bottom:1em}}#p_home #about .confine .info .voiceline{position:relative;z-index:1;filter:drop-shadow(0 0 1px var(--black))}#p_home #about .confine .info .voiceline .decor{position:absolute;z-index:-2;width:500px;height:200px;left:20%;top:-30px;transform:skew(-20deg)}@media screen and (max-width:1440px){#p_home #about .confine .info .voiceline .decor{width:400px}}#p_home #about .confine .info .voiceline .panel{margin-top:100px;z-index:10;background:var(--tal-color);display:grid;transition:all 1.5s ease;grid-template-columns:1fr 80px;grid-gap:2em;gap:2em;width:550px;color:#fff;border-left:13px solid var(--black);padding:1em 1em 1em 60px;-webkit-clip-path:polygon(100% 0,100% 75%,95% 100%,0 100%,0 0);clip-path:polygon(100% 0,100% 75%,95% 100%,0 100%,0 0);position:relative}@media screen and (max-width:1440px){#p_home #about .confine .info .voiceline .panel{width:400px;grid-template-columns:1fr 60px;gap:.5em}}@media screen and (max-width:320px){#p_home #about .confine .info .voiceline .panel{padding-left:40px}}#p_home #about .confine .info .voiceline .panel .quote{position:absolute;left:30px;top:10px;width:20px;height:20px}@media screen and (max-width:320px){#p_home #about .confine .info .voiceline .panel .quote{width:10px;height:10px;left:10px}}#p_home #about .confine .info .voiceline .panel p{text-shadow:0 1px 2px rgba(0,0,0,.17);font-family:var(--fontrb);font-size:1.2rem}@media screen and (max-width:1600px){#p_home #about .confine .info .voiceline .panel p{font-size:1rem}}@media screen and (max-width:320px){#p_home #about .confine .info .voiceline .panel p{font-size:.8rem}}#p_home #about .confine .info .voiceline .panel .btn-vl{background:#000;width:80px;height:80px;padding:1.5em;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);color:#fff}@media screen and (max-width:1440px){#p_home #about .confine .info .voiceline .panel .btn-vl{height:60px;width:60px;padding:1em}}#p_home #about .confine .info .voiceline .panel .btn-vl svg{width:100%;height:100%}@media screen and (max-width:550px){#p_home #about .confine .info .voiceline{position:absolute;bottom:20%;left:5%;width:100%;height:auto;z-index:10}#p_home #about .confine .info .voiceline .panel{width:100%;height:100%;margin:0;min-width:0}#p_home #about .confine .info .voiceline .panel p{min-width:0}#p_home #about .confine .info .voiceline .decor{display:none}}@media screen and (max-width:360px){#p_home #about .confine .info .voiceline .panel{width:90%}}#p_home #about .confine .info .ico{height:400px;width:80px;position:absolute;right:-30px;bottom:80px;z-index:10;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}@media screen and (max-width:1440px){#p_home #about .confine .info .ico{height:250px}}@media screen and (max-width:550px){#p_home #about .confine .info .ico{bottom:auto;right:0;top:0}}#p_home #about .confine .talent-art{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;top:10%;z-index:10}@media screen and (max-width:1280px){#p_home #about .confine .talent-art{top:0}}#p_home #about .confine .talent-art .art{width:100%;height:100%;object-fit:contain;object-position:43% 0}@media screen and (max-width:1280px){#p_home #about .confine .talent-art .art{object-position:23% 0}}@media screen and (max-width:550px){#p_home #about .confine .talent-art .art{object-fit:cover}}#p_home #about .art-bg{z-index:-1}#p_home #about .art-bg,#p_home #about .art-bg:after{position:absolute;top:0;left:0;width:100%;height:100%}#p_home #about .art-bg:after{background:url(/b/texture_1.png);background-size:900px;content:"";opacity:.1;mix-blend-mode:overlay}#p_home #about .art-bg .bg{width:100%;height:100%;object-fit:cover;opacity:.2;filter:grayscale(1)}#p_home #about .liner{background:linear-gradient(to top,var(--tal-color),var(--faction-color));width:100%;height:200px;margin-top:-50px;display:flex;flex-direction:column;padding:0 5%}@media screen and (max-width:1280px){#p_home #about .liner{height:100px;display:flex;justify-content:center;align-items:center}}#p_home #about .liner .talent-switchers{position:relative;margin:0;transform:translateY(-90%)}@media screen and (max-width:1280px){#p_home #about .liner .talent-switchers{transform:translateY(-50%)}}#p_home #news{position:relative}#p_home #news .hltopr{position:absolute;right:0;top:2%;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;width:600px}#p_home #news .artbg{position:absolute;bottom:0;width:100%;height:100%;-webkit-mask-image:linear-gradient(0deg,white,transparent 70%);mask-image:linear-gradient(0deg,white,transparent 70%);filter:grayscale(1) brightness(100%);opacity:.2;z-index:-1}#p_home #news .artbg img{width:100%;height:100%;object-fit:cover;object-position:10% 0}#p_home #news .dwstar{position:absolute;top:0;height:120%;right:0}@media screen and (max-width:1280px){#p_home #news .dwstar{right:-10%}}#p_home #news .stroke-text{font-size:10rem;position:absolute;--stroke:var(--black);font-style:italic;letter-spacing:-20px;opacity:.04;top:-10%;white-space:nowrap}#p_home #news .confine{max-width:min(1920px,100%);margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;padding-block:200px;grid-gap:1em;gap:1em}@media screen and (max-width:1700px){#p_home #news .confine{grid-template-columns:1fr 1.5fr}}@media screen and (max-width:768px){#p_home #news .confine{padding-bottom:50px}}@media screen and (max-width:1280px){#p_home #news .confine{align-self:flex-start;justify-content:flex-start}}@media screen and (max-width:1100px){#p_home #news .confine{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em}}#p_home #news .confine .featured{display:grid;grid-template-columns:1fr 40px;position:relative}@media screen and (max-width:1100px){#p_home #news .confine .featured{width:100%}}#p_home #news .confine .featured .banner-part{width:100%;max-height:100%;display:grid;position:relative;z-index:1;filter:drop-shadow(0 1px 3px rgba(40,111,166,.5490196078))}@media screen and (max-width:1280px){#p_home #news .confine .featured .banner-part{aspect-ratio:16/9;height:auto}}#p_home #news .confine .featured .banner-part .banner{background:#000;width:100%;height:100%;object-fit:cover;-webkit-clip-path:polygon(8% 0,100% 0,100% 76%,88% 100%,25% 100%,0 100%,0 10%);clip-path:polygon(8% 0,100% 0,100% 76%,88% 100%,25% 100%,0 100%,0 10%)}#p_home #news .confine .featured .banner-part:before{content:"";position:absolute;bottom:5%;right:-6%;width:100px;height:100px;background:var(--bb);z-index:1;-webkit-clip-path:polygon(100% 0,0 100%,100% 100%);clip-path:polygon(100% 0,0 100%,100% 100%);scale:.8 1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}@media screen and (max-width:1280px){#p_home #news .confine .featured .banner-part:before{scale:.3;bottom:0;right:-50px}}#p_home #news .confine .featured .banner-part:after{content:"";position:absolute;top:-5%;left:-5%;width:80px;height:80px;background:var(--bb);z-index:1;-webkit-clip-path:polygon(100% 0,0 0,0 100%);clip-path:polygon(100% 0,0 0,0 100%);scale:1.3 1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}@media screen and (max-width:1280px){#p_home #news .confine .featured .banner-part:after{scale:1}}#p_home #news .confine .featured .banner-part .t{color:#fff;position:absolute;bottom:15px;left:5px;text-shadow:0 0 4px #000}@media screen and (max-width:550px){#p_home #news .confine .featured .banner-part .t{display:none}}#p_home #news .confine .featured .controls{position:absolute;right:-2%;display:flex;flex-direction:column;gap:.2em}#p_home #news .confine .featured .controls .btn-selection{border:2px solid var(--bb);width:40px;height:25px;transition:all .1s ease}#p_home #news .confine .featured .controls .btn-selection.active,#p_home #news .confine .featured .controls .btn-selection:hover{background:var(--bb)}#p_home #news .confine .listing{color:var(--bblack);max-width:80%;margin:0 auto;width:100%;padding-right:4em;position:relative}@media screen and (max-width:1700px){#p_home #news .confine .listing{max-width:90%;padding-right:1em}}@media screen and (max-width:1280px){#p_home #news .confine .listing{max-width:90%;margin:0}}@media screen and (max-width:550px){#p_home #news .confine .listing{max-width:95%;padding-right:0}}@media screen and (max-width:1700px){#p_home #news .confine .listing .styled-nav .btn{font-size:1.2rem}}#p_home #news .confine .listing .news-list{display:flex;flex-direction:column;gap:1em;padding:2em 0;min-height:400px}@media screen and (max-width:768px){#p_home #news .confine .listing .news-list{min-height:350px}}@media screen and (max-width:550px){#p_home #news .confine .listing .news-list{max-width:100%}}#p_home #news .confine .listing .news-list .news{background:linear-gradient(90deg,#38b8d7,rgba(132,191,240,.4901960784));display:flex;justify-content:space-between;padding-left:1em;position:relative}@media screen and (max-width:768px){#p_home #news .confine .listing .news-list .news{width:100%}}@media screen and (max-width:550px){#p_home #news .confine .listing .news-list .news{display:grid;grid-template-columns:1fr 100px}}#p_home #news .confine .listing .news-list .news:before{content:"";position:absolute;top:0;left:-3%;height:100%;aspect-ratio:1/1;background:#fff;scale:.5;rotate:-45deg;outline:4px solid var(--bb);transition:all .2s ease}#p_home #news .confine .listing .news-list .news:hover:before{background:var(--bb);outline-color:#fff}#p_home #news .confine .listing .news-list .news:hover .left{transform:translateX(10px)}#p_home #news .confine .listing .news-list .news .left{display:flex;padding:.55em;gap:1em;align-items:center;transition:all .1s ease}@media screen and (max-width:768px){#p_home #news .confine .listing .news-list .news .left{flex-direction:column;align-items:flex-start;width:100%;overflow:hidden}}#p_home #news .confine .listing .news-list .news .left .cat{border:2px solid #fff;color:#fff;padding:0 1em}@media screen and (max-width:768px){#p_home #news .confine .listing .news-list .news .left .cat{display:none}}#p_home #news .confine .listing .news-list .news .left .t{font-size:1.2rem;color:#fff;font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1 1;max-width:400px}@media screen and (max-width:1700px){#p_home #news .confine .listing .news-list .news .left .t{max-width:350px;width:100%;font-size:1rem}}@media screen and (max-width:768px){#p_home #news .confine .listing .news-list .news .left .t{width:100%;overflow:hidden;max-width:none;text-overflow:clip;flex:initial}}#p_home #news .confine .listing .news-list .news .date{background:var(--black);color:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;text-align:right;font-size:1.3rem;padding-left:2em;padding-right:.5em;font-weight:700;font-family:var(--fontcg);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,14% 100%);clip-path:polygon(0 0,100% 0,100% 100%,14% 100%)}@media screen and (max-width:768px){#p_home #news .confine .listing .news-list .news .date{font-size:.9rem}}#p_home #news .confine .listing .action{display:flex;gap:1em;justify-content:flex-end;align-items:flex-end}#p_home #news .confine .listing .action .btn-main{gap:3em}#p_home #faction-list{position:relative;padding:100px 0 300px}#p_home #faction-list .dft{position:absolute;top:0;left:0;transform:translateY(-50%);max-width:60%}#p_home #faction-list .f-h{max-width:1800px;margin:0 auto;display:flex;justify-content:space-between;align-items:stretch;position:relative}#p_home #faction-list .f-h .logo-part{background:var(--black);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,12% 100%);clip-path:polygon(0 0,100% 0,100% 100%,12% 100%);padding:.1em 1em .1em 50px}#p_home #faction-list .f-h .logo-part img{width:100%;height:100%;object-fit:contain}#p_home #faction-list .f-select{display:flex;gap:1em;justify-content:center;align-items:center;position:relative}#p_home #faction-list .f-select .bg-stroke{position:absolute;background:gray;width:100%;height:300px;top:15%;left:0;background:url(/d/faction-stroketext.png);background-repeat:repeat-x;animation:bgscroll 30s linear infinite;z-index:-1}@keyframes bgscroll{0%{background-position:0 0}to{background-position:4000px 0}}#p_home #faction-list .f-select .btn-faction{width:60px;height:60px;padding:.8em;--accent:#005e68;border-radius:50%;transition:all .1s ease}#p_home #faction-list .f-select .btn-faction .icon{width:100%;height:100%;object-fit:contain}#p_home #faction-list .f-select .btn-faction.selected,#p_home #faction-list .f-select .btn-faction:hover{background:var(--accent);outline:3px solid var(--accent);outline-offset:4px}@media screen and (max-width:1024px){#p_home #faction-list .f-select{background:linear-gradient(to bottom,var(--black),var(--ddb),var(--black))}}@media screen and (max-width:550px){#p_home #faction-list .f-select{gap:0;margin-top:1em}}#p_home #faction-list .flist{padding-left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}#p_home #faction-list .flist .container{display:flex;gap:1em;margin:30px 0;justify-content:center}#p_home #faction-list .flist .bg{position:absolute;bottom:-10%;height:100%;width:100%;object-fit:cover;-webkit-mask-image:linear-gradient(0deg,white,transparent);mask-image:linear-gradient(0deg,white,transparent);filter:grayscale(1) contrast(1.3);z-index:-1;opacity:.1;left:0}@media screen and (max-width:1600px){#p_home #faction-list .flist .container.desktop:has(.f-card.active) .f-card{width:120px}#p_home #faction-list .flist .container.desktop:has(.f-card.active) .f-card.active{width:800px}}@media screen and (min-width:1024px){#p_home #faction-list .flist .container.mobile{display:none}}@media screen and (max-width:1024px){#p_home #faction-list .flist .container.desktop{display:none}#p_home #faction-list .flist .container.mobile{cursor:auto;display:block}}#p_home #faction-list .f-card{--accentB:#005e68;--accentA:#12cad1;background:url(/b/texture_2.png),var(--accentB);height:480px;overflow:hidden;flex-shrink:0;width:250px;margin:0 -40px;--sf:80px;position:relative;transition:all .9s cubic-bezier(.39,.575,.565,1);cursor:pointer}#p_home #faction-list .f-card .content{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:center;transition:all .5s ease;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:100%;pointer-events:none;height:100%}#p_home #faction-list .f-card .logo{position:absolute;width:500px;height:500px;z-index:10;top:5%;left:-90%}#p_home #faction-list .f-card .logo img{width:100%;height:100%;object-fit:contain}#p_home #faction-list .f-card .left{padding-left:2em;min-width:400px;display:flex;align-items:center;justify-content:center;width:400px;height:300px;position:relative}#p_home #faction-list .f-card .left .f_art{object-fit:cover;position:absolute;right:0;z-index:10}#p_home #faction-list .f-card .left .bgicon{position:absolute;filter:brightness(0) invert(1);width:400px;height:400px;object-fit:contain;left:-3%;-webkit-mask-image:linear-gradient(180deg,white,transparent 70%);mask-image:linear-gradient(180deg,white,transparent 70%)}#p_home #faction-list .f-card .right{padding:1em;color:#fff;min-width:400px;--pr:100px}#p_home #faction-list .f-card .right .heading{padding-right:var(--pr);display:grid;grid-template-columns:1fr 50px}#p_home #faction-list .f-card .right .heading .hl .sh{font-size:.9rem}#p_home #faction-list .f-card .right .heading .hl .t{font-family:var(--ff)}#p_home #faction-list .f-card .right .desc{padding-right:var(--pr);min-height:200px}#p_home #faction-list .f-card .right .desc p{margin:1em 0;font-size:.8rem}#p_home #faction-list .f-card .right .info{padding-right:var(--pr);display:flex;align-items:center;gap:1em}#p_home #faction-list .f-card .right .info .btn{width:70%;background:var(--black);border-bottom:2px solid var(--accentA);display:flex;align-items:center;justify-content:center;padding:.25em 1em;gap:1em;white-space:nowrap;margin:1em 0}#p_home #faction-list .f-card .right .mini-gall{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1em;gap:1em;max-width:90%}#p_home #faction-list .f-card .right .mini-gall img{width:100%;height:60px;object-fit:cover;border-bottom:2px solid #fff}#p_home #faction-list .f-card .right hr{width:100%;height:3px;border:rgba(0,0,0,0);min-width:0;flex-shrink:1;background:var(--accentA)}#p_home #faction-list .container.desktop .f-card{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}#p_home #faction-list .container.desktop .f-card,#p_home #faction-list .container.desktop .f-card.active{-webkit-clip-path:polygon(var(--sf) 0,100% 0,calc(100% - var(--sf)) 100%,0 100%);clip-path:polygon(var(--sf) 0,100% 0,calc(100% - var(--sf)) 100%,0 100%)}#p_home #faction-list .container.desktop .f-card.active{width:800px;cursor:auto}#p_home #faction-list .container.desktop .f-card.active .content{opacity:1;-webkit-user-select:initial;-moz-user-select:initial;user-select:auto;pointer-events:auto}#p_home #faction-list .container.desktop .f-card:first-of-type,#p_home #faction-list .container.desktop .f-card:first-of-type.active{-webkit-clip-path:polygon(0 0,100% 0,calc(100% - var(--sf)) 100%,0 100%);clip-path:polygon(0 0,100% 0,calc(100% - var(--sf)) 100%,0 100%)}#p_home #faction-list .container.desktop .f-card:last-of-type,#p_home #faction-list .container.desktop .f-card:last-of-type.active{-webkit-clip-path:polygon(var(--sf) 0,100% 0,100% 100%,0 100%);clip-path:polygon(var(--sf) 0,100% 0,100% 100%,0 100%)}#p_home #faction-list .container.mobile{height:auto;position:relative;z-index:1}#p_home #faction-list .container.mobile .f-card{width:100%;height:auto;margin:0;cursor:auto;transition:initial;-webkit-clip-path:initial;clip-path:none}#p_home #faction-list .container.mobile .f-card .logo{display:none}#p_home #faction-list .container.mobile .f-card .content{opacity:1;min-width:0;width:100%;position:relative;z-index:10;-webkit-user-select:initial;-moz-user-select:initial;user-select:auto;pointer-events:auto;padding:1em 0}@media screen and (max-width:1024px){#p_home #faction-list .container.mobile .f-card .content{display:flex;flex-direction:column}#p_home #faction-list .container.mobile .f-card .content .left{position:relative;height:400px;width:max(100%,400px);padding:1em 0 0;min-width:0}}@media screen and (max-width:1024px)and (max-width:550px){#p_home #faction-list .container.mobile .f-card .content .left{height:250px;width:100%}#p_home #faction-list .container.mobile .f-card .content .left .bgicon{width:200px;height:200px}}@media screen and (max-width:1024px){#p_home #faction-list .container.mobile .f-card .content .left .bgicon{width:100%;height:100%}#p_home #faction-list .container.mobile .f-card .content .left .f_art{object-fit:contain;width:100%;height:100%;top:auto;left:auto;right:auto;bottom:auto;position:relative}#p_home #faction-list .container.mobile .f-card .content .right{--pr:0;width:100%;max-width:none;padding:1em;max-width:90%;margin:0 auto;min-width:0}#p_home #faction-list .container.mobile .f-card .content .right .mini-gall{gap:.5em;max-width:none;width:100%}#p_home #faction-list .container.mobile .f-card .content .right .mini-gall img{width:100%}}#p_home #latestvid{position:relative;z-index:1}#p_home #latestvid:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/g/illust2.webp);background-size:cover;background-position:50%;z-index:-10;filter:grayscale(1);opacity:60%;box-shadow:inset 0 0 40px 20px #000}#p_home #latestvid .stroke-text{font-size:10rem;position:absolute;bottom:90%;white-space:nowrap;--stroke:#dbdbdbbe;font-style:italic;z-index:-10;letter-spacing:-10px}@media screen and (max-width:1280px){#p_home #latestvid .stroke-text{font-size:8rem}}@media screen and (max-width:768px){#p_home #latestvid .stroke-text{font-size:5rem}}#p_home #latestvid .confine{max-width:1920px;margin:0 auto;padding:200px 0 100px;position:relative}@media screen and (max-width:1280px){#p_home #latestvid .confine{padding-top:100px}}@media screen and (max-width:768px){#p_home #latestvid .confine{padding:20px 0}}#p_home #latestvid .confine .ezume{position:absolute;left:0;bottom:0;z-index:-2;height:950px;overflow:hidden}#p_home #latestvid .confine .ezume img{filter:drop-shadow(0 0 10px white);width:100%;height:100%;animation:videz-sway 3s ease-in-out infinite alternate-reverse;transform-origin:bottom;object-fit:contain}@keyframes videz-sway{0%{transform:translateY(0) translateX(1%) rotate(2deg)}to{transform:translateY(1%) translateX(0) rotate(0deg)}}@media screen and (max-width:1440px){#p_home #latestvid .confine .ezume{height:600px}}@media screen and (max-width:1024px){#p_home #latestvid .confine .ezume{height:1400px;left:-50%;bottom:-20%}}@media screen and (max-width:768px){#p_home #latestvid .confine .ezume{bottom:-60%}}@media screen and (max-width:550px){#p_home #latestvid .confine .ezume{z-index:-10}}@media screen and (max-width:420px){#p_home #latestvid .confine .ezume{display:none}}#p_home #latestvid .confine .heading{display:flex;justify-content:flex-end}#p_home #latestvid .confine .heading .hpanel{background:var(--black);color:#fff;padding:1em 15% 1em 2em;position:relative;margin-bottom:2em}#p_home #latestvid .confine .heading .hpanel:before{content:"";position:absolute;top:0;right:0;width:25%;height:100%;background:var(--bb);-webkit-clip-path:polygon(52% 0,100% 0,100% 100%,0 100%);clip-path:polygon(52% 0,100% 0,100% 100%,0 100%);scale:1.05}#p_home #latestvid .confine .heading .hpanel h2{font-size:3.5rem;position:relative;z-index:10;letter-spacing:-2px}@media screen and (max-width:1440px){#p_home #latestvid .confine .heading .hpanel h2{font-size:1.4rem}}#p_home #latestvid .confine .video-list{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:2em;gap:2em;justify-content:center;align-items:center;max-width:1440px;margin:0 auto}@media screen and (max-width:1440px){#p_home #latestvid .confine .video-list{max-width:90%;gap:1em}}@media screen and (max-width:1280px){#p_home #latestvid .confine .video-list{gap:.5em}}@media screen and (max-width:1024px){#p_home #latestvid .confine .video-list{grid-template-columns:1fr 1fr}}@media screen and (max-width:420px){#p_home #latestvid .confine .video-list{grid-template-columns:1fr;gap:.2em}}#p_home #latestvid .confine .video-list .video{margin-top:1em}#p_home #latestvid .confine .video-list .video .frame{aspect-ratio:16/9}#p_home #latestvid .confine .video-list .video .frame iframe{width:100%;height:100%;border:2px solid #fff;box-shadow:0 0 4px var(--black)}#p_home #latestvid .confine .video-list .video .info{background:linear-gradient(to right,var(--black),var(--bblack));color:#fff;padding:.5em 1em 1em;margin-top:1em;position:relative}#p_home #latestvid .confine .video-list .video .info:before{content:"";position:absolute;bottom:0;left:0;width:100%;background:var(--bb);height:15px;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-clip-path:polygon(51% 54%,59% 0,100% 0,100% 100%,0 100%,0 54%);clip-path:polygon(51% 54%,59% 0,100% 0,100% 100%,0 100%,0 54%)}@media screen and (max-width:1024px){#p_home #latestvid .confine .video-list .video .info{display:none}}#p_home #latestvid .confine .video-list .video .info .t{font-size:1.2rem}