*{margin:0;padding:0;box-sizing:border-box;color:#bdc0ba;font-family:Jetbrains Mono,monospace;scroll-behavior:smooth;scrollbar-width:none}::-webkit-scrollbar{display:none}body{background-color:#2b2b2b;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}section{scroll-snap-align:start;scroll-snap-stop:always;min-height:100vh;display:flex;justify-content:center;align-items:center}a{all:unset;cursor:pointer}button{color:#e6e8e5;border:1px solid #949692;border-radius:16px;background-color:transparent;padding:10px;transition:all .15s ease-in-out;cursor:pointer}button:hover{transform:scale(1.05)}p{font-size:18px}h2{font-size:28px}section{position:relative;height:100%;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:0}section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000094;z-index:1;pointer-events:none}section>*{position:relative;z-index:2}section:nth-child(1){background-image:url(https://cdn.pepper.fyi/landing-page/parallax1.webp);animation:fadeIn 1.5s ease-out forwards}section:nth-child(2){background-image:url(https://cdn.pepper.fyi/landing-page/parallax2.webp)}section:nth-child(3){background-image:url(https://cdn.pepper.fyi/landing-page/parallax3.webp)}section:nth-child(4){background-image:url(https://cdn.pepper.fyi/landing-page/parallax4.webp)}section:nth-child(5){background-image:url(https://cdn.pepper.fyi/landing-page/parallax5.webp)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.about-wrapper{justify-content:center;align-items:center;justify-items:center;display:grid;grid-template-columns:3fr 2fr;gap:80px;width:80%}.collage img{width:100%}.intro p{font-weight:200}.contact-wrapper{display:grid;grid-template-rows:1fr 3fr;padding:20px;height:70%;justify-content:center;align-items:center}.contact-header{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-header h1{text-align:center;font-size:64px}.contact-header p{text-align:center}.contact-options-wrapper{display:flex;justify-content:center;align-items:center}.contact-options{display:grid;grid-template-rows:repeat(4,1fr);width:400px;gap:24px}.contacts{display:grid;grid-template-columns:1fr 7fr;font-size:26px;text-align:left;justify-content:center;align-items:center}.contacts p{font-size:22px}.contacts a{transition:all .15s ease-in-out}.contacts a:hover{transform:scale(1.05)}.home-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.text p{width:auto;font-family:"IBM Plex Serif",serif;font-weight:600;font-size:64px;border-right:4px solid #bdc0ba;animation:cursorBlink .75s step-end infinite,floatUp 1s ease-out forwards}@keyframes cursorBlink{0%,to{border-color:transparent}50%{border-color:#bdc0ba}}@keyframes floatUp{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition-duration:0s!important}section{background-attachment:scroll!important}}@media only screen and (max-width: 600px){section:nth-child(1){background-image:url(https://cdn.pepper.fyi/landing-page/mobile-parallax1.webp)}section:nth-child(2){background-image:url(https://cdn.pepper.fyi/landing-page/mobile-parallax2.webp)}section:nth-child(3){background-image:url(https://cdn.pepper.fyi/landing-page/mobile-parallax3.webp)}section:nth-child(4){background-image:url(https://cdn.pepper.fyi/landing-page/mobile-parallax4.webp)}section:nth-child(5){background-image:url(https://cdn.pepper.fyi/landing-page/mobile-parallax5.webp)}.text p{font-size:42px!important}.about-wrapper{grid-template-columns:unset!important;grid-template-rows:auto;gap:30px}.intro>h2{font-size:22px!important;text-align:center}.intro>p{font-size:16px!important;text-align:center}.carousel{width:95%!important}.carousel-viewport{width:90%!important}.carousel-item>*>h2{font-size:20px!important;text-align:center}.carousel-item>*>p{font-size:14px!important;text-align:center}.project-buttons{padding:8px}.coming-soon{text-align:center}.contact-wrapper{gap:20px}.contact-wrapper h1{font-size:42px}.contact-header p{font-size:16px;width:70%}.contact-options{width:250px;gap:16px}}@media only screen and (max-width: 768px){.contact-options{width:300px}}@media only screen and (max-width: 992px){.about-wrapper{gap:50px}.playlist-wrapper{width:60%!important}.carousel-item{grid-template-rows:auto;grid-template-columns:unset!important;gap:20px;padding:24px!important}.carousel-img-container{width:60%}}@media only screen and (max-width: 1300px){.carousel{width:90%!important}}@media only screen and (min-width: 992px) and (max-width: 1500px){.about-wrapper{grid-template-columns:4fr 3fr}}.playlist-wrapper{width:40%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.playlist{width:100%}.playlist-desc{display:flex;flex-direction:column;justify-content:center;align-items:center}.playlist-desc>p{text-align:center}.carousel{width:80%;display:flex;justify-content:center;position:relative}.carousel .arrow{position:absolute;display:flex;width:45px;height:45px;justify-content:center;align-items:center;z-index:1;font-size:40px;color:#fff;cursor:pointer;transition:all .15s ease-in-out}.carousel .arrow:hover{transform:scale(1.05)}.carousel #prev{left:0}.carousel #next{right:0}.carousel-viewport{width:80%;overflow:hidden}.carousel-items{width:100%;display:flex;align-items:center;position:relative;transition:all .4s ease-in-out}.carousel-item{flex:0 0 100%;border:2px solid #bdc0ba;border-radius:32px;padding:16px;display:grid;grid-template-columns:2fr 3fr;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100%}.carousel-item .left{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.carousel-img-container{display:flex;justify-content:center;align-items:center;width:100%}.carousel-item .left .buttons{display:flex;gap:20px}.project-buttons{font-size:14px}.carousel-item .left img{border-radius:16px;width:80%}.carousel-item .right{display:flex;flex-direction:column;justify-content:center;align-items:center}.coming-soon{display:flex;justify-content:center;align-items:center;height:100%}.coming-soon p{font-size:24px}