@import"https://fonts.googleapis.com/css2?family=DotGothic16&display=swap";@import"https://fonts.googleapis.com/css2?family=Gantari:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Michroma&display=swap";header{height:max-content;z-index:100;padding:calc(.7rem + 2vw) 0;background:linear-gradient(hsl(310 3% 4%/ .9) 65%,transparent 100%)}header .header-wrap{display:grid;grid-template-columns:auto max-content max-content;width:var(--content-width);max-width:var(--max-content-width);align-items:center;height:max-content;margin:0 auto;gap:2rem;box-sizing:border-box}header .note{background:#5a504e;padding:12px;text-align:center;color:#f5f5f5}header .logo{width:clamp(230px,30vw,300px);justify-content:center;overflow:hidden}header .logo img{width:100%}header nav{display:flex;flex:1 0 auto;gap:1.2rem;padding:0 1rem;height:max-content;overflow-y:visible;isolation:isolate;z-index:105}header nav :where(.nav-item,a){font-size:1.2rem;color:var(--light-color)}header nav :where(.nav-item,a):hover{color:var(--ro-red);cursor:pointer;transition:color .4s ease-in-out}header nav #nav-item-dd{grid-row:span 2;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,max-content);z-index:400;height:max-content}header nav #nav-link{grid-row:1}header nav #nav-list:not([show]){display:none;grid-row:2;opacity:0}header nav #nav-list{opacity:0;display:flex;flex-direction:column;gap:.3rem;padding:.26rem 1.14rem;position:absolute;background-color:#798680e6;animation:top-menu-in .4s ease-in forwards}header nav #nav-list a{font-size:1.15rem;color:#e2e2e2;padding:.3rem 0}header #social{flex:0 1 auto}header select{flex:0 0 auto;padding:.5rem;font-size:1.1rem;color:var(--light-color);border:none;border-radius:0;background:transparent;appearance:none;border-bottom:4px solid hsl(153 50% 50%);z-index:50;line-height:normal}@media (max-width: 800px){header .header-wrap{flex-direction:column;max-width:unset;align-items:unset;gap:1rem}header .logo{width:55svw}header nav{padding:0}}:root{--font-first: "Gantari", sans-serif;--font-second: "DotGothic16", sans-serif;--font-claim: "Michroma", sans-serif}html{font-family:var(--font-first)}.dotgothic16-regular{font-family:DotGothic16,sans-serif;font-weight:400;font-style:normal}.gantari{font-family:Gantari,sans-serif;font-optical-sizing:auto;font-style:normal}:root{--light-color: #f2f2f2;--content-width: 84%;--max-content-width: 1620px;--ro-red: hsl(355 85% 54%);--ro-purple: hsl(259deg 24% 47%);--ro-lightpink: #c5c5d3;--radius: .2rem}html{scroll-behavior:smooth}section h3{font-size:clamp(1.2rem,1rem + 3vw,1.8rem)}html *{margin:0;box-sizing:border-box}.light-txt{color:var(--light-color)}.btn{display:flex;gap:3rem}.ulink{border-bottom:1px solid var(--link-color);width:max-content;padding-bottom:.6rem}.btn-big{display:flex;gap:1rem;padding:1.5vw 3vw;max-height:54px;color:var(--link-color);border-radius:var(--radius);width:max-content}a:link{color:var(--link-color)}a:link:where(.btn-big) img{height:50%;position:relative}a:link{text-decoration:none}body{margin:0;background-color:#0e020c}.main-bg{background-image:url(/bg_1.jpg);background-attachment:fixed;background-repeat:no-repeat}.mobile-bg{background-image:url(/mobile.webp);background-size:cover;background-position:center -350px;background-attachment:fixed;background-repeat:no-repeat}main{display:flex;flex-direction:column;min-height:80svh}section{overflow:hidden;width:100%;contain:content;scroll-snap-stop:y mandatory;min-height:200px}.section-wrap{display:flex;margin:0 auto;width:var(--content-width);max-width:var(--max-content-width);padding:calc(1rem + 2vw) 0 calc(1rem + 4vw);box-sizing:border-box;overflow:hidden;gap:calc(1rem + 2vw)}section[data-claim] h2{font-size:clamp(1.8rem,1.8rem + 3vw,6rem);line-height:normal;margin:0;text-rendering:geometricPrecision;font-weight:600;text-wrap:balance;color:var(--light-color);opacity:.9}section[data-list]{background:linear-gradient(180deg,#ed263700,#b08c2166,#281c40f5 90%)}section[data-list] .lt{flex:0 0 40%;display:flex;gap:1rem 1.8rem;flex-direction:column;margin:0}section[data-list] .lt p{font-size:clamp(1.3rem,1.3rem + 2vw,1.8rem);font-weight:300;color:var(--light-color);max-width:92vw}section[data-list] .lt h2{color:#ccc;font-size:clamp(1.4rem,1rem + 3vw,2.2rem);font-weight:600;max-width:92vw}#social img{max-width:140px}.btn-contact{padding:1rem 2.2rem;font-size:1.15rem;font-weight:400;color:#e2e2e2;background:none;border-radius:3rem;width:max-content;margin:1.2rem 0;border:1px solid #a2a2a2;transition:all .3s ease-in-out}.btn-contact:hover{background-color:var(--ro-red);color:#fff;transition:all .3s ease-in-out;cursor:pointer;border:1px solid var(--ro-red)}section[data-list] .rt{flex:1 0 55%;padding:0;display:flex;flex-direction:column;gap:1.6rem}section[data-list] .rt p{font-size:1.3rem;font-weight:300;color:#888;text-wrap-mode:balance;text-wrap:balance}section[data-list] ul{margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem;flex:1 1 auto}section[data-list] ul li{font-size:clamp(1.8rem,1rem + 3vw,2.5rem);font-weight:500;color:#dddde6;list-style:none;line-height:1;opacity:0;animation:reveal 1s forwards}section[data-list] ul li:nth-child(1){animation-delay:1s}section[data-list] ul li:nth-child(2){animation-delay:1.2s}section[data-list] ul li:nth-child(3){animation-delay:1.4s}section[data-list] ul li:nth-child(4){animation-delay:1.6s}section[data-list] ul li:nth-child(5){animation-delay:1.8s}section[data-list] ul li:nth-child(6){animation-delay:2s}section[data-list] ul li:nth-child(7){animation-delay:2.2s}section[data-list] ul li:nth-child(8){animation-delay:2.4s}section[data-list] ul li:nth-child(9){animation-delay:2.6s}section[data-list] ul li:nth-child(10){animation-delay:2.8s}section[data-claim] ul li:hover{color:olive}section[data-digital]{display:flex;background:#4e4158b3 url(/digital_sta.webp);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:local;background-blend-mode:multiply;min-height:500px}section[data-digital] .section-wrap{display:grid;grid-template-columns:2fr 5fr;grid-template-rows:auto;gap:2rem}section[data-digital] .section-wrap #boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-template-rows:auto;gap:calc(1rem + 1vw)}@media (max-width: 800px){section[data-digital] .section-wrap{grid-template-columns:unset}}section[data-digital] h2{color:var(--ro-lightpink);font-weight:300;font-size:clamp(1.6rem,1.6rem + 1vw,2.3rem);line-height:normal;max-width:92vw}section[data-digital] h3{color:#f5f5f5;font-weight:300;font-size:clamp(1.6rem,2rem + 2vw,2rem);line-height:1}section[data-digital] .box{display:flex;flex-direction:column;justify-content:space-between;padding:.7rem;border-radius:.36rem;background-color:#466252;gap:1.6rem}section[data-digital] h4{color:#e3e3e3;font-weight:300;font-size:1.2rem}section[data-digital] .content{display:flex;flex-direction:column;gap:1rem}section[data-digital] #pict{width:100%;height:286px;background-size:cover;background-position:right;background-repeat:no-repeat;background-attachment:local;border-radius:.59rem}section[data-digital] #mobile_app #pict{background-image:url(/mobile.webp)}section[data-digital] #fan_id #pict{background-image:url(/fan_face.jpg)}section[data-digital] #fan_id{background-color:#479e97}section[data-digital] #fan_id img{max-width:160px;margin:4px}section[data-digital] #mobile_app{background-color:#d1aa61f0}section[data-digital] #mobile_app h3{font-size:1.9rem;font-weight:300;line-height:1}section[data-emblems]{background:#464653}section[data-emblems] .section-wrap{display:flex;gap:2rem}section[data-emblems] .lt{flex:0 1 40%;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}section[data-emblems] .lt h3{color:#eee;font-weight:300;margin:.5rem 0;line-height:1}section[data-emblems] .lt h4{color:#bbb;font-weight:300;font-size:1.5rem;margin:0}section[data-emblems] .emblems{flex:0 1 55%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr min-content;height:100%;overflow-x:hidden;filter:contrast(.9)}section[data-emblems] .emblems :is(#emblem-set-1,#emblem-set-2){gap:.7rem;grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;height:max-content;box-sizing:border-box;animation:slide-right-in 1.3s ease-in-out forwards;z-index:50;justify-content:space-around}@media (max-width: 800px){section[data-emblems] .emblems :is(#emblem-set-1,#emblem-set-2){justify-content:space-between}}section[data-emblems] .emblems :is(#emblem-set-1,#emblem-set-2)[hidden]{animation:slide-right-out 1.6s ease-out forwards}section[data-emblems] .emblems div.switch{display:flex;gap:1.6rem;justify-content:center;grid-column:1;grid-row:2;padding-top:2rem;z-index:100;height:min-content;color:#fff}section[data-emblems] .emblems img{width:90px;filter:brightness(.9)}section[data-emblems] .emblems .switch>span{height:7px;aspect-ratio:6 / 1;background:#6b6161;pointer-events:all;border-radius:2px}section[data-emblems] .emblems .switch>span:hover{background:#b6afaf;cursor:pointer}section[data-emblems] .emblems .switch>span[act]{background:#baabab;pointer-events:nclaim}section[data-five]{background:#45464a}section[data-five] .section-wrap{flex-direction:column;gap:1rem;padding:3rem 0 5rem}section[data-five] p{color:#fff}section[data-five] .section-wrap .logos{display:grid;align-items:center;justify-content:center;grid-template-columns:repeat(auto-fill,max(6.5vw,150px));gap:max(1vw,1rem) max(1.5vw,1.3rem)}section[data-five] .section-wrap .logos img{width:100%;aspect-ratio:16 / 5;filter:opacity(.85) brightness(.9)}section[data-footer]{background:#1b0f3de6;display:flex;align-items:center}section[data-footer] .section-wrap{padding:0 2rem}section[data-footer] p{color:#fff}section[data-six] img{max-width:120px}section data-mobile-page .section-wrap{padding:0}.lead{background-image:url(/mobile.webp);height:500px;width:100%}footer{min-height:200px;background:#202020;padding-bottom:2vh}footer .section-content{color:var(--light-color);font-size:var(--normal-txt);display:flex;padding:7vh 0;gap:4vw}dialog{background-color:unset;border:0;margin:30svh auto}dialog::backdrop{background:#0000004d}.dialog-wrap{background:#e0e0e0;color:var(--light-color);border-radius:.3rem;padding:1rem 1.4rem;width:80vw;max-width:740px;min-height:200px;display:flex;flex-direction:column;gap:1rem}.dialog-content{display:flex;flex-direction:column;gap:1rem;height:100%}.dialog-wrap p{color:#222}.dialog-wrap button{background:#4d4d4d;color:#fff;border-radius:.5rem;padding:0 1.2rem;border:none;height:54px;font-size:1.1rem;cursor:pointer}@media (max-width: 800px){section .section-wrap{flex-direction:column;width:92vw}section .box *{max-width:88%}section[data-digital] #pict{width:80=8%}body[bg]{background-size:410%}}*[data-anim]{opacity:0;transform:translateY(3%)}@keyframes reveal{to{opacity:1}}@keyframes top-menu-in{to{transform:translateY(1.6lh);opacity:1}}[data-anim=reveal]{animation:reveal 2s ease-in forwards}@keyframes slide-bottom{to{transform:translateY(0);opacity:1}}[data-anim="slide:bottom"]{animation:slide-bottom 1s .8s ease-in-out forwards}[data-anim="slide:bottom-del"]{animation:slide-bottom .7s ease-in .7s forwards}@keyframes slide-right-in{0%{transform:translate(2%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-right-out{to{transform:translate(0);opacity:0;filter:blur(1px)}}[data-anim="slide:right"]{animation-name:slide-right;animation-duration:1s;animation-fill-mode:forwards}@keyframes slide-left{0%{transform:translate(6%)}to{transform:translate(0);opacity:1}}[data-anim="slide:left"]{animation-name:slide-left;animation-duration:1s;animation-fill-mode:forwards}@keyframes accent{to{transform:scale(1.05)}}
