@font-face{font-family:ATP-SugarCrush;src:url(/font/atpfont.otf)format("opentype");font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}.page-width{width:calc(100% - 5rem);margin:0 auto;padding:10px}.hero{background-image:url(/bg2.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;min-height:120vh;position:relative;overflow:hidden}.hero__overlay{pointer-events:none;z-index:0;background:linear-gradient(#f28b0b00 25%,#591e08 99%);position:absolute;inset:0}.hero__nav{z-index:1000;-webkit-text-stroke:.1px #000;background:#0a0a0a78;justify-content:flex-end;align-items:center;gap:24px;width:100%;height:70px;padding:0 60px;display:flex;position:fixed}.hero__nav-link{color:#fff;white-space:nowrap;font-family:ATP-SugarCrush,sans-serif;font-size:18px;text-decoration:none;transition:opacity .2s;position:relative}.hero__nav-link:after{content:"";background-color:#fff;width:0;height:1.5px;transition:width .3s;position:absolute;bottom:-4px;left:0}.hero__nav-link:hover:after{width:100%}.hero__logo{z-index:10;justify-content:center;margin-top:200px;display:flex;position:relative}.hero__logo img{filter:drop-shadow(0 4px 80px #00000080);width:95%}.hero__description{text-align:center;z-index:10;padding:0 20px;position:relative}.hero__description p{color:#fff;font-family:DM Sans,sans-serif;font-size:22px;font-weight:lighter;line-height:1.5}.hero__submit{z-index:1000;justify-content:flex-end;width:100%;padding:20px 60px;display:flex;position:absolute}.hero__submit img{cursor:pointer;width:200px;height:200px}.release__section{z-index:100;background:linear-gradient(#55240f 15%,#591e08 99%);flex-direction:column;width:100%;padding:10px 20px;display:flex;position:relative}.release-header{justify-content:center;align-items:center;width:100%;margin-top:10px;padding:10px 0;display:flex}.release-header p{color:#fff;font-family:ATP-SugarCrush,sans-serif;font-size:64px}.featured__section{background:linear-gradient(#591e08 25% 99%);flex-direction:column;width:100%;padding:20px 60px;display:flex}.featured__header{border-bottom:1px solid #fff;justify-content:flex-start;width:45%;padding:20px 0;display:flex}.featured__header p{color:#fff;font-family:ATP-SugarCrush,sans-serif;font-size:64px}.featured__description{justify-content:space-between;gap:30px;display:flex}.artist__list{flex-direction:column;width:45%;display:flex}.artist__list p{color:#0000;-webkit-text-stroke:1px white;cursor:pointer;border-bottom:1px solid #fff;align-items:center;margin:0;padding:20px 0;font-family:ATP-SugarCrush,sans-serif;font-size:45px;transition:-webkit-text-fill-color .2s;display:flex}.artist__list p:hover,.artist__list p.active{-webkit-text-fill-color:#fefefe}.artist__image{width:55%}.artist__image__container{justify-content:flex-end;width:100%;display:flex}.artist__image__container img{width:80%;transition:opacity .3s}.playlists__section{background:linear-gradient(#591e08 25%,#6b331e 50%,#cd9a86 95%)}.gallery__section{background:linear-gradient(#cd9a86 25%,#fff1ea 50% 95%);flex-direction:column;justify-content:center;align-items:center;padding:40px 60px;display:flex}.gallery__header{justify-content:center;align-items:center;padding:40px 0;display:flex}.gallery__header p{color:#6e250a;font-family:ATP-SugarCrush,sans-serif;font-size:64px}.gallery__grid__section{flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;display:flex}.grid__top__half{align-items:center;gap:5px;width:100%;display:flex}.grid__bottom__half{align-items:center;gap:10px;width:100%;display:flex}.image__one,.image__four,.image__nine,.image__ten,.ten__section__div{background:linear-gradient(90deg,#591e08 25%,#7a2b0e 50%,#591e08 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.image__one{width:20%;height:200px}.image__four__section{flex-wrap:wrap;justify-content:space-between;gap:5px;width:41%;display:flex}.image__four{width:49%;height:95px}.image__nine{width:30%;height:200px}.image__ten{width:10%;height:200px}.image__ten__section{flex-direction:column;gap:2px;width:10%;height:200px;display:flex}.ten__section__div{width:100%;height:33%}.image__one img,.image__four img,.image__nine img,.image__ten img,.ten__section__div img{z-index:1;object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:relative}.footer__section{background:#fff1ea;flex-direction:column;justify-content:center;align-items:center;padding:40px 0;display:flex}.footer__image{width:250px;height:250px}.footer__image img{cursor:pointer}.socials__section{align-items:center;gap:10px;display:flex}.socials__section p{color:#591e08;font-family:ATP-SugarCrush,sans-serif;font-size:24px}.socials__base{color:#fff;background:#591e08;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.footer__wts p{color:#000;padding-top:30px;font-family:ATP-SugarCrush,sans-serif;font-size:36px}.spin{animation:10s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal__overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);scrollbar-width:none;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:36px;width:100%;max-width:840px;max-height:90vh;padding:48px;position:relative;overflow-y:auto}.modal__close{cursor:pointer;color:#591e08;background:0 0;border:none;font-size:20px;transition:opacity .2s;position:absolute;top:20px;right:24px}.modal__close:hover{opacity:.7}.modal__title{color:#fff1ea;margin:0 0 8px;font-family:DM Sans,sans-serif;font-size:40px}.modal__subtitle{color:#fff1ea;opacity:.7;margin:0 0 32px;font-family:DM Sans,sans-serif;font-size:16px}.modal__form{flex-direction:column;gap:20px;display:flex}.modal__field{flex-direction:column;gap:6px;display:flex}.modal__field label{color:#fff1ea;letter-spacing:.05em;font-family:DM Sans,sans-serif;font-size:14px}.modal__field input,.modal__field textarea{color:#fff1ea;resize:none;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;outline:none;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:16px}.modal__field input:focus,.modal__field textarea:focus{border-color:#fff1ea;box-shadow:0 0 0 3px #bf401126}.modal__field input.error,.modal__field textarea.error{border-color:#c0392b}.song__links{justify-content:space-between;display:flex}.modal__upload{position:relative}.modal__upload input[type=file]{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;inset:0}.modal__upload-label{color:#591e08;text-align:center;cursor:pointer;border:1.5px dashed #fff1ea;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;font-family:DM Sans,sans-serif;font-size:16px;transition:background .2s;display:flex}.modal__upload-label:hover{background:#591e080d}.modal__upload-label span{opacity:.6;letter-spacing:.05em;font-size:12px}.modal__submit{color:#fff;cursor:pointer;letter-spacing:.05em;background:#591e08;border:none;border-radius:8px;margin-top:8px;padding:16px;font-family:DM Sans,sans-serif;font-size:18px;transition:background .2s}.modal__submit:hover{background:#bf4011}.modal__submit:disabled{opacity:.6;cursor:not-allowed}.modal__success{text-align:center;color:#fff1ea;padding:40px 0;font-family:ATP-SugarCrush,sans-serif;font-size:24px}.modal__error,.field__error{color:#c0392b;margin-top:4px;font-family:DM Sans,sans-serif;font-size:12px}@media (max-width:992px){.hero{min-height:80vh}.hero__nav{gap:20px;padding:0 60px}.hero__nav-link{font-size:12px}.hero__logo{margin-top:200px}.hero__description p{font-size:18px}.hero__submit{padding:20px 50px}.hero__submit img{width:180px;height:180px}.release-header p{font-size:60px}.featured__section{padding:20px 50px}.featured__header p{font-size:45px}.artist__list p{padding:15px 0;font-size:36px}.artist__image__container img{width:100%}.gallery__section{padding:30px 50px}.gallery__header p{font-size:64px}.image__four{width:48%}.footer__image{width:250px;height:250px}.socials__section p{font-size:20px}.footer__wts p{font-size:36px}.modal{max-width:840px;padding:48px}.modal__title{font-size:40px}.modal__subtitle{font-size:16px}}@media (max-width:768px){.hero{min-height:60vh}.hero__nav{gap:20px;padding:0 50px}.hero__nav-link{font-size:12px}.hero__logo{margin-top:150px}.hero__description p{font-size:15px}.hero__submit img{width:160px;height:160px}.release-header p{font-size:50px}.featured__section{gap:5px;padding:15px 45px}.featured__header p{font-size:35px}.featured__description{gap:10px}.artist__list p{padding:15px 0;font-size:26px}.artist__image{width:50%}.gallery__section{padding:10px 45px}.gallery__header p{font-size:50px}.footer__section{padding:20px 0}.footer__image{width:200px;height:200px}.socials__section p{font-size:16px}.footer__wts p{padding-top:20px;font-size:28px}.modal{max-width:680px;padding:35px}.modal__title{font-size:32px}}@media (max-width:486px){.hero{min-height:50vh}.hero__nav{gap:20px;padding:0 20px}.hero__nav-link{font-size:10px}.hero__logo{margin-top:120px}.hero__description p{font-size:9px}.hero__submit{padding:10px}.hero__submit img{width:100px;height:100px}.release__section{padding:1px 10px}.release-header p{font-size:30px}.featured__section{padding:20px 10px}.featured__header p{font-size:25px}.featured__description{gap:5px}.artist__list p{padding:10px 0;font-size:20px}.artist__image__container img{width:100%;height:100%}.gallery__section{padding:10px 0}.gallery__header p{font-size:45px}.gallery__grid__section{padding:0 20px}.footer__section{padding:20px 0}.footer__image{width:100px;height:100px}.socials__section{gap:5px}.socials__section p{font-size:10px}.socials__base{width:20px;height:20px;font-size:10px}.footer__wts p{padding-top:15px;font-size:18px}.modal{border-radius:24px;max-width:400px;max-height:70vh;padding:25px 20px}.modal__close{font-size:10px}.modal__title{font-size:20px}.modal__subtitle{font-size:12px}.modal__form{gap:15px}.modal__field label{font-size:12px}.modal__field input,.modal__field textarea{padding:10px 14px;font-size:10px}}