.hero-wrapper{height:50rem;left:0;position:fixed;top:0;width:100vw;will-change:transform}.hero__image{align-items:flex-end;background-image:url(../images/hero-v2.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:50rem;justify-content:center;padding-bottom:.3125rem;position:relative;width:100%}.hero__text{color:#871e17;display:flex;flex-direction:column;font-size:15rem;font-weight:500;width:95%}.hero .khalil{align-self:flex-start;letter-spacing:5rem;line-height:1;margin:0}.hero .fong-line{align-items:center;align-self:flex-end;display:flex;justify-content:flex-end;letter-spacing:.625rem;line-height:1;margin:0}.hero .fangdatong{display:flex;flex-direction:column;font-family:Noto Sans SC,sans-serif;font-size:1.875rem}.hero .fangdatong span:first-child{margin-bottom:3.75rem}.hero .fangdatong span{margin-bottom:.625rem}.hero .fangdatong span:last-child{margin-bottom:0}.hero .fong{letter-spacing:.625rem}.hero-spacer{height:50rem}.wish-wrapper{height:9.375rem;inset:0;margin:6.25rem auto;position:relative;width:18.75rem}.wish-wrapper p{font-family:Noto Sans SC,sans-serif;font-size:1.125rem;font-weight:500;letter-spacing:1.25rem;margin:0 0 1.875rem;padding:0;position:relative;text-align:center;z-index:100}.wish-wrapper p:nth-child(2){color:#871e17}.wish-wrapper .line2{margin-left:3.125rem;margin-top:1.875rem}.stripe-overlay{background:repeating-linear-gradient(90deg,#000,#000 1.875rem,transparent 0,transparent 3.75rem);inset:0;pointer-events:none;position:absolute;z-index:1000}.about__1{align-items:center;display:flex;gap:1.875rem;justify-content:space-around;margin-bottom:6.25rem;padding:0}.about__1__wrapper{max-width:37.5rem}.about__1__text{margin-right:5rem;max-width:15.5rem;padding-bottom:5.3125rem}.about__1__text h2{margin-bottom:3.75rem}.slider-wrapper{border-radius:.3125rem;overflow:hidden;position:relative;width:100%}.slider-track{display:flex;transition:transform .5s ease-in-out;width:400%}.slide{flex:0 0 25%;max-width:25%}.slide img{border-radius:.3125rem;display:block;height:25rem;-o-object-fit:cover;object-fit:cover;width:100%}.slider-arrow{display:flex;justify-content:space-between;margin:1.25rem auto;pointer-events:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:7.5rem}.slider-arrow button{align-items:center;background:transparent;border:none;color:#fff;cursor:pointer;display:flex;height:1.5rem;justify-content:center;outline:none;padding:0;transition:color .5s ease-in-out;width:2.5rem}.slider-arrow button:focus,.slider-arrow button:hover{color:#871e17}.about__2{align-items:center;display:grid;gap:5.625rem;grid-template-columns:1fr 1fr;margin-bottom:9.375rem}.about__2 .col{align-items:center;display:flex;flex-direction:column;gap:5rem}.about__2 .right{margin-left:3.125rem;max-width:28.125rem}.about__2 img{border-radius:.3125rem;display:block;height:25rem;max-width:auto}.about__2 .text{max-width:17.5rem;width:100%}.about__3{align-items:center;display:flex;gap:1.875rem;justify-content:space-around;margin-bottom:9.375rem;padding:0}.about__3__wrapper{max-width:20rem}.about__3__text{margin-right:5rem;max-width:19.375rem;padding-bottom:5.3125rem;padding-left:1.25rem}.about__3__text p:first-child{margin-bottom:3.75rem}.lyrics{overflow:auto;perspective:1px;transform-style:preserve-3d}.lyrics>*{position:absolute}.lyrics,.lyrics *{transform-style:preserve-3d}.lyrics{height:18.75rem;margin-bottom:12.5rem;margin-top:12.5rem;-webkit-mask:linear-gradient(0deg,transparent,#fff 10%,#fff 80%,transparent);mask:linear-gradient(0deg,transparent,#fff 10%,#fff 80%,transparent)}.lyrics h3{font-family:Noto Sans SC,sans-serif;font-size:1rem;font-weight:400;letter-spacing:.3125rem}.lyrics :first-child{left:12.5rem;top:12.5rem;transform:translateZ(-.4px) scale(1.4);z-index:-400}.lyrics :nth-child(2){left:50rem;top:25rem;transform:translateZ(.2px) scale(.8);z-index:200}.lyrics :nth-child(3){left:56.25rem;top:37.5rem;transform:translateZ(.1px) scale(.9);z-index:100}.lyrics :nth-child(4){left:6.25rem;top:43.75rem;transform:translateZ(-.1px) scale(1.1);z-index:-100}.lyrics :nth-child(5){left:25rem;top:62.5rem;transform:translateZ(-2px) scale(3);z-index:-2000}.lyrics :nth-child(6){left:6.25rem;top:75rem;transform:translateZ(-.5px) scale(1.5);z-index:-500}.lyrics :nth-child(7){left:56.25rem;top:56.25rem;transform:translateZ(-1px) scale(2);z-index:-1000}.lyrics :nth-child(8){left:6.25rem;top:31.25rem;transform:translateZ(-.3px) scale(1.3);z-index:-300}.lyrics :nth-child(9){left:12.5rem;top:56.25rem;transform:translateZ(-.1px) scale(1.1);z-index:-100}.lyrics :nth-child(10){left:37.5rem;top:37.5rem;transform:translateZ(-1px) scale(2);z-index:-1000}.albums{margin-bottom:12.5rem}.albums h2{text-align:center}.album-player{align-items:center;box-sizing:border-box;display:flex;height:50rem;justify-content:space-between;max-width:100%;transition:all .5s ease-in-out;width:100vw}.left-side{flex:0 0 25%;padding-left:1.875rem;position:relative}.left-side .menu{line-height:2.8;list-style:none}.left-side #menu-indicator{background-color:currentColor;height:1.25rem;left:0;position:absolute;transition:top .5s ease-in-out;width:.25rem}.middle{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;padding-right:4rem}.middle img{border-radius:.1875rem;display:block;height:37.5rem;-o-object-fit:cover;object-fit:cover;width:37.5rem}.middle h3{font-size:1.875rem;letter-spacing:.5rem;margin:1.25rem 0 0;text-align:center}.right-side{display:flex;flex:0 0 20%;flex-direction:column;height:30rem;justify-content:space-between;margin-left:0}.right-side #album-info{margin:0 0 1.875rem}.right-side #album-songs .jtw-wrapper{display:flex;flex-direction:row;gap:.625rem}.right-side #album-songs .disc{flex:1}.right-side #album-songs p{font-size:.875rem;margin:0;padding:0}.photowall{margin-bottom:9.375rem}.scroller{margin-bottom:1.875rem;width:100%}.scroller__inner{display:flex;gap:7.5rem;height:11.25rem}.scroller__inner img{border-radius:.1875rem;height:100%;pointer-events:none}.scroller[data-animated=true]{-webkit-mask:linear-gradient(90deg,transparent,#fff 10%,#fff 90%,transparent);mask:linear-gradient(90deg,transparent,#fff 10%,#fff 90%,transparent);overflow:hidden}.scroller[data-animated=true] .scroller__inner{animation:scroll var(--_animation-duration,60s) var(--_animation-direction,forwards) linear infinite;flex-wrap:nowrap;width:-moz-max-content;width:max-content}.scroller[data-speed=fast],.scroller[data-speed=slow]{--_animation-duration:30s}@keyframes scroll{to{transform:translate(calc(-50% - 3.75rem))}}.gallery{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:1.875rem;justify-content:center;margin-bottom:12.5rem}.gallery-wrapper{display:grid;gap:5.625rem;grid-template-columns:repeat(3,1fr);max-width:75rem;width:100%;--gif-texture:url(https://64.media.tumblr.com/da60c13b478dda09ab90c27e880983b8/tumblr_nd4pwdPKdc1tun3l0o1_1280.gifv)}.gallery-wrapper a{border-radius:.3125rem;display:block;height:12.5rem;margin:0;overflow:hidden;padding:0;position:relative}.gallery-wrapper a:hover:after{background-image:var(--gif-texture);background-position:50%;background-size:cover;content:"";inset:0;mix-blend-mode:overlay;opacity:.3;pointer-events:none;position:absolute}.gallery-wrapper img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease-in-out;width:100%}.gallery-wrapper img:hover{transform:scale(1.05)}.quote-wrapper{display:grid;height:12.5rem;margin-bottom:18.75rem;margin-top:18.75rem;place-items:center}.quote{font-family:Noto Sans SC,sans-serif;font-size:1rem;letter-spacing:.3125rem;line-height:3;overflow:hidden;white-space:normal;width:68.75rem}.cursor{animation:blink .7s step-end infinite;background:#fff;display:inline-block;height:1.125rem;vertical-align:middle;width:.0625rem}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}footer{text-align:center}html{background-color:#000;box-sizing:border-box;font-size:100%;min-height:125rem;scroll-behavior:smooth}*,:after,:before{box-sizing:inherit}body{color:#fff;font-family:Roboto,sans-serif;font-weight:300;line-height:1.5;margin:0 auto;overflow-x:hidden;padding:0;width:100%}body.noscroll{overflow:hidden}.content{background:#000;padding:3.125rem;position:relative}h1,h2,h3{font-family:Roboto,sans-serif}h2{font-size:3rem;font-weight:400;letter-spacing:.5rem}p{font-size:.875rem;line-height:1.8}/*# sourceMappingURL=style.css.map */