@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800&display=swap";:root{color-scheme:dark}*{margin:0;padding:0;font-family:Inter,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}html,body{height:100vh;width:100vw;overflow-x:hidden;background:#000;color:#fff}aside{display:none;flex-direction:column;position:absolute;z-index:39;right:-100%;height:100vh;width:100vw;background:#000;transition:1s ease}aside .container{padding:128px}aside .container .top{width:100%;display:flex;justify-content:space-between;align-items:center}aside .container .top h1{font-family:Inter;font-size:72px;font-style:normal;font-weight:700;line-height:normal;background:linear-gradient(92deg,#fff 25%,#171717 125%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:24px}aside .container .top span{font-size:48px;cursor:pointer;opacity:50%;margin-bottom:14px;transition:.5s ease}aside .container .top span:hover{opacity:100%}aside .container ul{display:flex;flex-direction:column}aside .container ul a{text-decoration:none;color:#fff;opacity:50%;font-size:32px;margin-top:8px;margin-bottom:8px;transition:.5s ease}aside .container ul a:hover{opacity:100%}.hidden{opacity:0;filter:blur(5px);transform:translate(-10%);transition:1s ease}.show{opacity:1;filter:blur(0);transform:translate(0)}main #about .container img:nth-child(2){transition-delay:.2s}main #about .container img:nth-child(3){transition-delay:.4s}#trailer{height:32px;width:32px;background:#fff;border-radius:32px;position:fixed;left:0;top:0;z-index:10000;pointer-events:none;opacity:0;transition:opacity .5s ease;display:grid;place-items:center}#trailer:not([data-type=""])>#trailer-icon{opacity:1}#trailer-icon{font-size:14px;color:#000;opacity:0;transition:opacity .4s ease}body:hover>#trailer{opacity:1}#music{position:absolute;z-index:25;bottom:0;right:0;cursor:pointer;transition:.5s ease;margin:64px;width:48px;height:48px;background:#0f0f0f;display:grid;place-items:center;border-radius:50%;filter:drop-shadow(5px 5px 25px rgba(0,0,0,.5));box-shadow:5px 5px 5px #101010 inset}#music:hover{height:64px;width:64px}#music span{background:linear-gradient(135deg,#fff 0%,#000 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}main{scroll-behavior:smooth}main header nav{height:fit-content;width:100%;display:flex;align-items:center;justify-content:center;position:absolute;z-index:25;margin-top:16px;margin-bottom:16px}main header nav div{display:flex;align-items:center;justify-content:space-between;width:50%;margin-top:20px;margin-bottom:20px;padding:16px;background-color:#2a2b3840;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(6.3px);-webkit-backdrop-filter:blur(6.3px);border:1px solid rgba(0,0,0,.06)}main header nav div img{height:48px;width:48px;object-fit:cover;border-radius:50%;margin-left:8px;cursor:pointer;transition:.5s ease;border:1px solid transparent}main header nav div img:hover{box-shadow:16px 16px 16px #00000080;border:1px solid white}main header nav div span{margin-right:16px;cursor:pointer;transition:.5s ease;color:#fff}main header nav div span:hover{opacity:.75}main #hero{height:90vh;width:100vw;display:grid;place-items:center}main #hero h1{display:inline;text-align:center;font-family:Inter;font-size:224px;font-style:normal;font-weight:700;line-height:normal;background:linear-gradient(180deg,#fff 0%,#000 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;cursor:default}main #bento{height:fit-content;width:100vw;display:flex;flex-direction:column;align-items:center}main #bento .row-1{width:75vw;display:flex;align-items:center;height:375px;margin-bottom:42px}main #bento .row-1 .box-1{width:60%;margin-right:21px;height:100%;border-radius:25px;background:#080808;box-shadow:5px 5px 5px #101010 inset;display:grid;place-items:center;transition:.5s ease;overflow:hidden;padding-top:12px;padding-left:12px}main #bento .row-1 .box-1 img{height:100%;width:100%;object-fit:cover;transition:.5s ease;border-radius:25px;box-shadow:5px 5px 5px #101010 inset}main #bento .row-1 .box-1 img:hover{transform:scale(1.1)}main #bento .row-1 .box-2{width:35%;margin-left:21px;height:100%;border-radius:25px;background:#080808;box-shadow:5px 5px 5px #101010 inset;display:grid;place-items:center;transition:.5s ease;overflow:hidden;padding-top:12px;padding-left:12px}main #bento .row-1 .box-2 img{height:100%;width:100%;object-fit:cover;transition:.5s ease;border-radius:25px;box-shadow:5px 5px 5px #101010 inset}main #bento .row-1 .box-2 img:hover{transform:scale(1.1)}main #bento .row-2{width:75vw;display:flex;align-items:center;height:512px;margin-bottom:42px}main #bento .row-2 .box-1{width:47.9%;margin-right:21px;height:100%;border-radius:25px;background:#080808;box-shadow:5px 5px 5px #101010 inset;display:grid;place-items:center;overflow:hidden;padding-top:12px;padding-left:12px}main #bento .row-2 .box-1 img{height:100%;width:100%;object-fit:cover;transition:.5s ease;border-radius:25px;box-shadow:5px 5px 5px #101010 inset}main #bento .row-2 .box-1 img:hover{transform:scale(1.1)}main #bento .row-2 .box-2{width:47.9%;margin-left:21px;height:100%;border-radius:25px;background:#080808;box-shadow:5px 5px 5px #101010 inset;display:grid;place-items:center;overflow:hidden;padding-top:12px;padding-left:12px}main #bento .row-2 .box-2 img{height:100%;width:100%;object-fit:cover;transition:.5s ease;border-radius:25px;box-shadow:5px 5px 5px #101010 inset}main #bento .row-2 .box-2 img:hover{transform:scale(1.1)}main #bento .row-3{width:75vw;display:flex;align-items:center;height:375px;margin-bottom:42px}main #bento .row-3 .box{width:100%;height:100%;border-radius:25px;background:#080808;box-shadow:5px 5px 5px #101010 inset;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:12px;padding-left:12px}main #bento .row-3 .box h1{font-size:48px;margin-bottom:8px}main #bento .row-3 .box span{display:grid;place-items:center;width:128px;height:32px;border-radius:16px;background:linear-gradient(97deg,#ffffff40 42.34%,#4e4e4e40 212.01%);box-shadow:2px 2px 10px #0000001a inset,0 4px 4px #00000040;color:#ffffff80;text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:normal}main #about{padding-top:224px;padding-bottom:96px;height:fit-content;width:100vw;display:flex;flex-direction:column;align-items:center}main #about h2{text-align:center;font-family:Inter;font-size:72px;font-style:normal;font-weight:700;line-height:normal;background:linear-gradient(92deg,#fff 25%,#171717 125%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:24px}main #about div{display:flex;align-items:center;margin-bottom:64px}main #about div span{margin-right:4px}main #about div p{font-size:16px;margin-bottom:0}main #about p{text-align:center;font-size:21px;margin-bottom:128px}main #about .container img{height:364px;width:288px;border-radius:25px;margin-left:45px;margin-right:45px;transition:.5s ease;border:2.5px solid transparent;object-fit:cover}main #about .container img:hover{cursor:pointer;transform:rotate(10deg) rotateY(30deg);border:2.5px solid #dcdcdc}main footer{height:20vh;width:100vw;background:#080808;display:flex;justify-content:space-evenly;align-items:center}main footer a{color:#fff;text-decoration:none;margin-left:16px;margin-right:16px;transition:.5s ease}main footer a:hover{opacity:50%}@media (max-width: 430px){#trailer{display:none}#music{margin:32px}main header nav div{width:75%}main #hero h1{font-size:104px}main #bento .row-1{flex-direction:column;margin-bottom:21px}main #bento .row-1 .box-1{width:100%;margin-right:0;margin-bottom:21px}main #bento .row-1 .box-2{width:100%;margin-left:0}main #bento .row-2{flex-direction:column;margin-top:0;margin-bottom:21px}main #bento .row-2 .box-1{width:100%;margin-right:0;margin-bottom:21px}main #bento .row-2 .box-2{width:100%;margin-left:0}main #bento .row-3{flex-direction:column;margin-top:0;margin-bottom:0}main #bento .row-3 .box{width:100%;margin:0 0 21px}main #about{padding-top:64px;padding-bottom:32px}main #about h2{font-size:48px;margin-bottom:12px}main #about div{margin-bottom:32px}main #about div span{font-size:16px}main #about div p{font-size:14px;padding:0}main #about p{font-size:16px;padding-left:32px;padding-right:32px;margin-bottom:32px}main #about .container{flex-direction:column}main #about .container img{margin-bottom:16px}main footer{flex-direction:column;padding-bottom:64px}aside .container{padding:64px}aside .container .top h1{font-size:32px}aside .container ul a{font-size:24px}}@media (min-width: 431px) and (max-width: 768px){#trailer{display:none}#music{margin:32px}main header nav div{width:75%}main #hero h1{font-size:156px}main #bento .row-1{flex-direction:column;margin-bottom:21px}main #bento .row-1 .box-1{width:100%;margin-right:0;margin-bottom:21px}main #bento .row-1 .box-2{width:100%;margin-left:0}main #bento .row-2{flex-direction:column;margin-top:0;margin-bottom:21px}main #bento .row-2 .box-1{width:100%;margin-right:0;margin-bottom:21px}main #bento .row-2 .box-2{width:100%;margin-left:0}main #bento .row-3{flex-direction:column;margin-top:0;margin-bottom:0}main #bento .row-3 .box{width:100%;margin:0 0 21px}main #about{padding-top:64px;padding-bottom:32px}main #about h2{font-size:64px;margin-bottom:12px}main #about div{margin-bottom:32px}main #about div span{font-size:18px}main #about div p{font-size:16px;padding:0}main #about p{font-size:16px;padding-left:32px;padding-right:32px;margin-bottom:32px}main #about .container{flex-direction:column}main #about .container img{margin-bottom:16px}main footer{flex-direction:column;padding-bottom:64px}aside .container{padding:64px}aside .container .top h1{font-size:32px}aside .container ul a{font-size:24px}}@media (min-width: 769px) and (max-width: 1200px){#trailer{display:none}#music{margin:36px}main header nav div{width:75%}main #hero h1{font-size:192px}main #bento .row-1{margin-bottom:16px}main #bento .row-1 .box-1{margin-right:8px}main #bento .row-1 .box-2{margin-left:8px}main #bento .row-2{margin-top:16px;margin-bottom:16px}main #bento .row-2 .box-1{margin-right:8px}main #bento .row-2 .box-2{margin-left:8px}main #bento .row-3{margin-top:16px}main #about .container img{height:273px;width:216px;margin-left:21px;margin-right:21px}}@media (prefers-reduced-motion){.hidden{transition:none;opacity:1}}