@import"https://fonts.cdnfonts.com/css/br-segma";*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #d3d6e7;--grid-x: rgba(150,151,165,.13333);--grid-y: rgba(11,14,80,.13333);--title: #1e2a49}html,body,#root{height:100%}body{position:relative;background-color:#d3d6e7;background-color:var(--bg);background-image:repeating-linear-gradient(to right,transparent 0,transparent 110px,rgba(150,151,165,.13333) 110px,rgba(150,151,165,.13333) 111px),repeating-linear-gradient(to bottom,transparent 0,transparent 110px,rgba(11,14,80,.13333) 110px,rgba(11,14,80,.13333) 111px);background-image:repeating-linear-gradient(to right,transparent 0,transparent 110px,var(--grid-x) 110px,var(--grid-x) 111px),repeating-linear-gradient(to bottom,transparent 0,transparent 110px,var(--grid-y) 110px,var(--grid-y) 111px);background-image:repeating-linear-gradient(to right,transparent 0 110px,#9697a522 110px 111px),repeating-linear-gradient(to bottom,transparent 0 110px,#0b0e5022 110px 111px);background-position:0 0,0 0;animation:gridShift 10s linear infinite}@supports (background: repeating-linear-gradient(red 0%,red 0% 1%,red 2%)){body{background-image:repeating-linear-gradient(to right,transparent 0 110px,var(--grid-x) 110px 111px),repeating-linear-gradient(to bottom,transparent 0 110px,var(--grid-y) 110px 111px)}}@media (prefers-reduced-motion: reduce){body{animation:none}}@keyframes gridShift{0%{background-position:0 0,0 0}to{background-position:111px 0,0 111px}}body:before{content:"";position:absolute;width:min(1640px,90vw);height:90%;inset:10% auto 0 50%;transform:translate(-50%);background-image:url(/assets/bg-01.png);background-repeat:no-repeat;background-size:100%;background-position:top center;opacity:.6;pointer-events:none}.hero{width:100%;height:100vh;text-align:center;overflow:hidden;position:relative}.hero .slider{position:absolute;width:180px;height:240px;top:10%;left:calc(50% - 100px);transform-style:preserve-3d;transform:perspective(1000px);animation:autoRun 20s linear infinite;will-change:transform;z-index:2}@media (prefers-reduced-motion: reduce){.hero .slider{animation:none}}.hero .slider .item{position:absolute;inset:0;will-change:transform;transform:rotateY(calc((var(--cardPos) - 1) * (360 / var(--cardQty)) * 1deg)) translateZ(540px)}.hero .slider .item .image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;display:block}.hero .content-area{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:min(1400px,100vw);height:-moz-max-content;height:max-content;padding-bottom:100px}.hero .content-area .title{font-family:BR Segma,sans-serif;font-size:max(3rem,min(10vw,13em));font-weight:900;line-height:1;color:var(--title);position:relative}.hero .content-area .title:after{content:attr(data-content);position:absolute;inset:0;z-index:2;-webkit-text-stroke:.01em #dadada;color:transparent;text-shadow:none}.hero .content-area .model{background-image:url(/assets/main-gundam.webp);width:100%;height:75vh;position:absolute;bottom:0;left:0;background-size:auto 130%;background-repeat:no-repeat;background-position:top center;z-index:1}@keyframes autoRun{0%{transform:perspective(1000px) rotateX(-16deg) rotateY(0)}to{transform:perspective(1000px) rotateX(-16deg) rotateY(360deg)}}@media (max-width: 1024px){.hero .slider{width:160px;height:200px;top:13%;left:calc(50% - 80px)}.hero .slider .item{transform:rotateY(calc((var(--cardPos) - 1) * (360 / var(--cardQty)) * 1deg)) translateZ(300px)}.hero .content-area .title{text-align:center;width:100%;font-size:max(7rem,min(10vw,13em));text-shadow:0 5px 10px #1e2a49}.hero .content-area .model{height:70vh}}@media (max-width: 768px){.hero .slider{width:100px;height:150px;top:18%;left:calc(50% - 50px)}.hero .slider .item{transform:rotateY(calc((var(--cardPos) - 1) * (360 / var(--cardQty)) * 1deg)) translateZ(180px)}.hero .content-area .title{font-size:max(5rem,min(12vw,5em))}.hero .content-area .model{height:65vh}}