#about{position:relative;z-index:12}.about-wave{transform:translateY(2px)}.about-section{display:flex;justify-content:center;padding:5rem 0;background-color:#273036}.about-container{width:100%;max-width:1280px;padding:0 1.5rem}.about-inner{width:100%;margin-bottom:4rem}.about-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:4rem}.about-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#22c55e}.about-subtitle{font-size:1.125rem;color:#ffffffb3;max-width:768px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-bottom:4rem}@media (max-width: 1000px){.about-grid{grid-template-columns:1fr}.about-visual{display:none}}.about-text{text-align:left}.about-heading{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#4ade80}.about-paragraph{color:#ffffffb3;margin-bottom:1.5rem;line-height:1.75}.about-visual{height:100%;position:relative}.about-visual-inner{width:100%;height:100%;border-radius:1rem;background:linear-gradient(135deg,#22c55e33,#10b98133);border:1px solid rgba(34,197,94,.2);display:flex;align-items:center;justify-content:center}.about-icon-bg{width:6rem;height:6rem;background-color:#22c55e33;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.about-icon{width:3rem;height:3rem;color:#4ade80}.about-icon-label{color:#4ade80;font-weight:500}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (min-width: 768px){.about-stats{grid-template-columns:repeat(4,1fr)}}.about-card{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.3);transition:border-color .3s;opacity:0}.about-card:hover{border-color:#22c55e4d}.about-card-content{padding:1.5rem;text-align:center}.about-card-content>div{opacity:0;transform:translateY(15px)}.about-card-content svg{transform:scale(2.2) translateY(15px)}.about-card-icon{width:2rem;height:2rem;color:#22c55e;margin:0 auto .75rem}.about-card-value{font-size:1.5rem;font-weight:700;color:#4ade80;margin-bottom:.25rem}.about-card-label{font-size:.875rem;color:#ffffffb3}.waveform{display:flex;align-items:center;justify-content:center;height:50px;padding:16px}.bar{flex:0 0 4px;height:100%;margin:0 2px;background-color:#00c853;transform-origin:center center;transform:scaleY(0)}.track{display:flex;flex-direction:column;width:-moz-max-content;width:max-content;min-width:130px;align-items:center;padding:10px;background-color:#273036;border-radius:8px;margin-bottom:10px}.play{display:flex;justify-content:center;align-items:center;position:absolute;left:50%;z-index:2;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;background-color:#0d542b;border:#4ade80 solid 2px;border-radius:50%;margin:2px}.tack-name{font-size:1.2rem;font-weight:700;color:#0d542b;margin-top:10px}.track-card{width:260px;background:#171c208c;border:1px solid rgba(130,130,130,.35);border-radius:10px;overflow:hidden;transition:border-color .3s ease;min-height:-webkit-fill-available;max-height:430px}.track-card:hover{border-color:#4ade80}.cover-container{position:relative}.cover-image{width:100%;height:160px;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.cover-container:hover .cover-image{transform:scale(1.05)}.badge-container{position:absolute;top:8px;right:8px}.category-badge{background:#0d542b;color:#fff;font-size:.65rem;padding:3px 6px;border-radius:4px}.player{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.wave{position:relative}.play{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#0d542b;border:2px solid #4ade80;cursor:pointer;transition:background .25s ease}.play:hover{background:#127340}.meta-header{padding:12px 16px 0;display:flex;justify-content:space-between;align-items:center}.track-title{font-size:1.1rem;color:#4ade80}.track-year{font-size:.8rem;color:#9ca3af;display:flex;align-items:center}.meta-content{padding:8px 16px 16px}.track-description{font-size:.85rem;color:#cbd5e1;margin:0 0 12px;line-height:1.4}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.tag-badge{border:1px solid rgba(74,222,128,.4);color:#4ade80;font-size:.7rem;background:transparent}.track-duration{font-size:.75rem;color:#9ca3af}@media (max-width: 600px){.sounds{flex-direction:column;align-items:center}.track{flex:0 0 260px;max-width:200px;max-height:-moz-fit-content;max-height:fit-content;margin:0 auto 1rem}.track-title{font-size:.8rem}.track-description{font-size:.7rem}.tag-list{flex-wrap:wrap;justify-content:center}.tag-badge{font-size:.5rem;width:-moz-fit-content;width:fit-content}.track-card{width:100%}}.projects{height:-moz-fit-content;height:fit-content;background-color:#273036;z-index:12;position:relative;transform:translateY(-2px)}.projects-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.projects-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#22c55e}.sounds{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:1rem}.audio-track{opacity:0}.footer-wrapper{background-color:#273036}.socials{display:flex;flex-direction:row;justify-content:center;width:100%}.socials :not(:last-child){margin-right:1rem}#sp{color:#22c55e}#yt{color:red}.copyright{min-width:-moz-fit-content;min-width:fit-content}