*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{color:#e0e0e0;background-color:#0d0d0d;width:100%;max-width:100vw;font-family:Inter,sans-serif;overflow-x:hidden}html{scroll-behavior:smooth;width:100%;max-width:100vw;overflow-x:hidden}section{width:100%;max-width:100vw;overflow-x:hidden}button,a{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.navbar{z-index:1000;background-color:#0d0d0d;border-bottom:1px solid #2a2a2a;width:100%;padding:1rem 2rem;position:fixed;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:75%;margin:0 auto;display:flex}.nav-logo{color:#fff;letter-spacing:-.5px;z-index:1001;font-size:1.3rem;font-weight:600;text-decoration:none}.nav-menu{align-items:center;gap:2.5rem;list-style:none;display:flex}.nav-menu a{color:#b0b0b0;letter-spacing:.5px;text-transform:uppercase;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-menu a:hover,.nav-menu a.active{color:#fff}.hamburger{cursor:pointer;z-index:1001;flex-direction:column;display:none}.hamburger span{background-color:#fff;border-radius:3px;width:25px;height:3px;margin:3px 0;transition:all .3s}@media (max-width:768px){.hamburger{display:flex}.nav-menu{text-align:center;background-color:#0d0d0d;border-right:1px solid #2a2a2a;flex-direction:column;gap:2rem;width:100%;height:100vh;padding-top:80px;transition:all .3s;position:fixed;top:0;left:-100%}.nav-menu.active{left:0}.nav-menu a{font-size:1.2rem}.hamburger.active span:first-child{transform:rotate(-45deg)translate(-5px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(45deg)translate(-5px,-6px)}}.hero-section{background:#0d0d0d;width:100%;height:80vh;margin-top:0;position:relative;overflow:hidden}#hero-canvas{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{text-align:center;z-index:2;color:#fff;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-title{letter-spacing:-1px;text-shadow:0 4px 20px #00000080;color:#fff;margin-bottom:1rem;font-size:4rem;font-weight:700}.hero-subtitle{color:#b0b0b0;letter-spacing:2px;text-transform:uppercase;font-size:1.5rem;font-weight:400}.hero-scroll-indicator{pointer-events:auto;cursor:pointer;text-decoration:none;animation:2s infinite bounce;position:absolute;bottom:-20vh;left:50%;transform:translate(-50%)}.hero-scroll-indicator span{color:#fff;opacity:.7;font-size:2rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}.about-section{background-color:#0d0d0d;align-items:center;padding:2rem;scroll-margin-top:80px;display:flex}.about-container{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;align-items:center;gap:4rem;max-width:75%;margin:0 auto;padding:3rem;display:flex;box-shadow:0 2px 8px #0000004d}.profile-image{flex-shrink:0}.profile-image img{object-fit:cover;border:5px dashed #444;border-radius:50%;width:300px;height:300px;padding:10px}.about-content{flex:1}.about-text{color:#b0b0b0;text-align:center;margin-bottom:3rem;font-size:1.1rem;line-height:1.8}.about-text strong{color:#fff;font-weight:600}.about-skills{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.resume-button{text-align:center;color:#fff;letter-spacing:1px;background-color:#0000;border:2px solid #fff;border-radius:50px;width:300px;margin:0 auto;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:block}.resume-button:hover{color:#1a1a1a;background-color:#fff}.experience-section{background-color:#0d0d0d;min-height:50vh;padding:2rem;scroll-margin-top:70px}.section-title{color:#fff;text-align:center;margin-bottom:3rem;font-size:2.5rem;font-weight:600}.projects-grid,.experience-grid{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:75%;margin:0 auto;display:grid}.project-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 2px 8px #0000004d}.project-card:hover{border-color:#444;transform:translateY(-5px);box-shadow:0 8px 16px #00000080}.project-image{background-color:#000;width:100%;height:250px;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%}.project-content{padding:1.5rem}.project-title{color:#fff;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.project-description{color:#b0b0b0;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.project-description strong{color:#fff}.project-details{border-top:1px solid #2a2a2a;gap:2rem;padding-top:1.5rem;display:flex}.stats-column{flex-direction:column;flex:0 0 45%;gap:.75rem;display:flex}.stats-column h4,.responsibilities-column h4{color:#fff;margin-bottom:1rem;font-size:1rem;font-weight:600}.stat-item{color:#b0b0b0;align-items:flex-start;gap:.75rem;font-size:.9rem;line-height:1.5;display:flex}.stat-item .icon{flex-shrink:0;margin-top:.1rem;font-size:1.1rem}.stat-item span:last-child{flex:1}.stat-item strong{color:#fff;font-weight:600}.responsibilities-column{flex:1}.resp-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.resp-section h5{color:#fff;margin-bottom:.75rem;font-size:.9rem;font-weight:600}.resp-section ul{padding:0;list-style:none}.resp-section li{color:#b0b0b0;margin-bottom:.5rem;padding-left:1rem;font-size:.85rem;position:relative}.resp-section li:before{content:"•";color:#fff;position:absolute;left:0}a.project-card{color:inherit;cursor:pointer;text-decoration:none;display:block}.projects-page-header{text-align:center;background-color:#0d0d0d;padding:8rem 2rem 3rem}.projects-header-content{max-width:75%;margin:0 auto}.back-link{color:#888;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.95rem;text-decoration:none;transition:color .3s;display:inline-flex}.back-link:hover{color:#4a9eff}.back-link i{font-size:.85rem}.projects-page-title{color:#fff;letter-spacing:-1px;margin-bottom:1rem;font-size:3rem;font-weight:700}.projects-page-subtitle{color:#888;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.more-projects-container{grid-column:1/-1;justify-content:center;margin-top:3rem;display:flex}.more-projects-button{color:#fff;letter-spacing:.5px;background:0 0;border:2px solid #fff;border-radius:50px;justify-content:center;align-items:center;margin-bottom:3rem;padding:1rem 3rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.more-projects-button:hover{color:#0d0d0d;background:#fff;transform:translateY(-3px)}@media (max-width:768px){.projects-page-header{padding:7rem 1rem 2rem}.projects-page-title{font-size:2rem}.projects-page-subtitle{font-size:1rem}.more-projects-button{padding:.875rem 2rem;font-size:.95rem}}@media (max-width:480px){.projects-page-title{font-size:1.75rem}.more-projects-button{width:100%;max-width:280px;padding:.75rem 1.5rem;font-size:.9rem}}.contact-form-title{color:#fff;letter-spacing:-.5px;word-break:break-word;margin-bottom:1.25rem;font-size:1.75rem;font-weight:600}.contact-form{flex-direction:column;gap:1rem;width:100%;display:flex}.form-group{flex-direction:column;gap:.5rem;width:100%;display:flex}.form-group label{color:#888;font-size:.9rem;font-weight:500}.form-input,.form-textarea{color:#fff;box-sizing:border-box;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:8px;width:100%;padding:.875rem 1rem;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .3s}.form-input:focus,.form-textarea:focus{border-color:#4a9eff;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#555}.form-textarea{resize:vertical;min-height:80px}.form-submit-btn{color:#0d0d0d;cursor:pointer;background:#fff;border:none;border-radius:8px;width:100%;margin-top:.25rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.form-submit-btn:hover{background:#e0e0e0;transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.form-submit-btn:active{transform:translateY(0)}.form-status{text-align:center;word-break:break-word;border-radius:8px;margin-top:.5rem;padding:.75rem;font-size:.9rem;display:none}.form-status.success{color:#1db954;background:#1db9541a;border:1px solid #1db9544d;display:block}.form-status.error{color:#f44;background:#ff44441a;border:1px solid #ff44444d;display:block}.contact-divider{background-color:#2a2a2a;width:100%;height:2px;margin:1.25rem 0}.contact-social-section{width:100%;margin-top:.5rem}.social-title{color:#fff;letter-spacing:.5px;text-align:center;margin-bottom:1rem;font-size:.9rem;font-weight:600}.social-icons-large{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.social-icon-large{color:#888;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.social-icon-large:hover{color:#4a9eff;transform:translateY(-3px)}.social-icon-large svg{width:30px;height:30px}@media (max-width:768px){.contact-form-title{font-size:1.75rem}.form-input,.form-textarea{font-size:16px}.social-icons-large{gap:1.5rem}}@media (max-width:480px){.contact-form-title{font-size:1.5rem}.form-submit-btn{padding:.875rem 1.5rem}}.spotify-header-new{justify-content:space-between;align-items:center;width:100%;margin-bottom:1.25rem;display:flex}.spotify-title-area{flex:1;align-items:center;gap:1.5rem;min-width:0;display:flex}.spotify-icon-large{color:#1db954;flex-shrink:0;font-size:3rem}.spotify-main-title{color:#fff;letter-spacing:-.5px;word-break:break-word;margin-bottom:.25rem;font-size:1.75rem;font-weight:600}.spotify-subtitle{color:#888;word-break:break-word;margin:0;font-size:.95rem}.spotify-link-minimal{color:#888;white-space:nowrap;flex-shrink:0;font-size:.9rem;text-decoration:none;transition:color .3s}.spotify-link-minimal:hover{color:#1db954}.now-playing-minimal{background:#0d0d0d;border:1px solid #2a2a2a;border-radius:12px;align-items:center;gap:1rem;width:100%;margin-bottom:1.25rem;padding:1rem;transition:all .3s;display:flex;overflow:hidden}.now-playing-minimal:hover{border-color:#1db954}.album-art-minimal{object-fit:cover;background:#000;border-radius:8px;flex-shrink:0;width:64px;height:64px}.track-info-minimal{flex:1;width:100%;min-width:0}.track-name-minimal{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-bottom:.25rem;font-size:1.1rem;font-weight:600;overflow:hidden}.artist-name-minimal{color:#888;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-bottom:0;font-size:.9rem;overflow:hidden}.spotify-tabs-minimal{-webkit-overflow-scrolling:touch;flex-shrink:0;gap:.5rem;width:100%;margin-bottom:1rem;display:flex;overflow-x:auto}.tab-btn-minimal{color:#888;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #2a2a2a;border-radius:8px;flex:1;min-width:fit-content;padding:.75rem 1.5rem;font-size:.9rem;transition:all .3s}.tab-btn-minimal:hover{color:#1db954;border-color:#1db954}.tab-btn-minimal.active{color:#0d0d0d;background:#1db954;border-color:#1db954;font-weight:600}.tab-content-minimal{flex-shrink:0;width:100%;height:350px;overflow:hidden}.tab-panel-minimal{height:100%;display:none;overflow:hidden auto}.tab-panel-minimal.active{display:block}.tab-panel-minimal::-webkit-scrollbar{width:8px}.tab-panel-minimal::-webkit-scrollbar-track{background:#0d0d0d;border-radius:4px}.tab-panel-minimal::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}.tab-panel-minimal::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.track-list-minimal{flex-direction:column;gap:.75rem;width:100%;padding-right:.5rem;display:flex}.track-item-minimal{background:#0d0d0d;border:1px solid #2a2a2a;border-radius:8px;align-items:center;gap:1rem;width:100%;padding:1rem;transition:all .3s;display:flex;overflow:hidden}.track-item-minimal:hover{background:#1f1f1f;border-color:#1db954}.album-art-small-minimal{object-fit:cover;border-radius:6px;flex-shrink:0;width:48px;height:48px}.track-details-minimal{flex:1;min-width:0;overflow:hidden}.track-details-minimal h4{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-bottom:.25rem;font-size:.95rem;font-weight:500;overflow:hidden}.track-details-minimal p{color:#888;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.85rem;overflow:hidden}.add-queue-btn-minimal{color:#888;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #2a2a2a;border-radius:6px;flex-shrink:0;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .3s}.add-queue-btn-minimal:hover{color:#0d0d0d;background:#1db954;border-color:#1db954}.add-queue-btn-minimal:disabled{color:#444;cursor:not-allowed;background:0 0;border-color:#2a2a2a}.search-box-minimal{flex-shrink:0;gap:.75rem;width:100%;margin-bottom:1.5rem;display:flex}.search-input-minimal{color:#fff;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:8px;flex:1;min-width:0;padding:.875rem 1rem;font-size:.9rem}.search-input-minimal::placeholder{color:#666}.search-input-minimal:focus{border-color:#1db954;outline:none}.search-btn-minimal{color:#0d0d0d;cursor:pointer;background:#1db954;border:none;border-radius:8px;flex-shrink:0;padding:.875rem 1.5rem;transition:all .3s}.search-btn-minimal:hover{background:#1ed760}.loading{text-align:center;color:#666;padding:3rem;font-size:.9rem}@media (max-width:768px){.spotify-header-new{flex-direction:column;align-items:flex-start;gap:1rem}.spotify-title-area{gap:1rem}.spotify-icon-large{font-size:2.5rem}.spotify-main-title{font-size:1.5rem}.spotify-subtitle{font-size:.85rem}.now-playing-minimal{text-align:center;flex-direction:column;padding:1.25rem}.album-art-minimal{width:120px;height:120px}.track-name-minimal{font-size:1rem}.artist-name-minimal{font-size:.85rem}.spotify-tabs-minimal{gap:.5rem}.tab-btn-minimal{padding:.625rem 1rem;font-size:.85rem}.tab-content-minimal{height:350px}.track-item-minimal{gap:.75rem;padding:.875rem}.album-art-small-minimal{width:40px;height:40px}.track-details-minimal h4{font-size:.9rem}.track-details-minimal p{font-size:.8rem}.add-queue-btn-minimal{padding:.5rem .75rem;font-size:.8rem}.search-box-minimal{gap:.5rem}.search-input-minimal{padding:.75rem .875rem;font-size:.85rem}.search-btn-minimal{padding:.75rem 1.25rem}}@media (max-width:480px){.spotify-main-title{font-size:1.25rem}.tab-btn-minimal{padding:.5rem .75rem;font-size:.8rem}.tab-content-minimal{height:300px}.add-queue-btn-minimal{padding:.4rem .6rem;font-size:.75rem}}.footer{background-color:#0d0d0d;border-top:1px solid #2a2a2a;margin-top:0;padding:2rem 4rem}.footer-container{justify-content:space-between;align-items:center;max-width:75%;margin:0 auto;display:flex}.footer-left{align-items:center;gap:1.5rem;display:flex}.footer-avatar{object-fit:cover;border:2px solid #444;border-radius:50%;width:70px;height:70px}.footer-info h3{color:#fff;letter-spacing:-.3px;margin-bottom:.25rem;font-size:1.2rem;font-weight:600}.footer-role{color:#888;margin:0;font-size:.95rem}.footer-right{align-items:center;gap:2rem;display:flex}.footer-email-link{color:#888;font-size:1rem;text-decoration:none;transition:color .3s}.footer-email-link:hover{color:#fff}.footer-social{align-items:center;gap:1.5rem;display:flex}.social-icon{color:#888;align-items:center;text-decoration:none;transition:color .3s;display:flex}.social-icon:hover{color:#fff}.social-icon svg{width:28px;height:28px}@media (max-width:1024px){.projects-grid,.experience-grid{grid-template-columns:1fr}.project-details{flex-direction:column}.resp-grid,.wrapper-container{grid-template-columns:1fr}.navbar{padding:1rem 1.5rem}}@media (max-width:768px){.navbar{padding:1rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-scroll-indicator{bottom:-15vh}.about-section{padding:1.5rem 1rem}.about-container{text-align:center;flex-direction:column;gap:2rem;padding:2rem 1.5rem}.profile-image img{width:200px;height:200px}.about-text{margin-bottom:2rem;font-size:1rem}.resume-button{width:100%;max-width:300px}.skills-section{padding:1.5rem 1rem}.skills-container{padding:2rem 1.5rem}.skills-main-title{margin-bottom:2rem;font-size:1.75rem}.skills-grid-container{grid-template-columns:1fr;gap:2rem}.skill-badge{width:48px;height:48px;padding:.75rem}.skill-icon{width:28px;height:28px}.experience-section{padding:1.5rem 1rem}.section-title{margin-bottom:2rem;font-size:2rem}.projects-grid{gap:1.5rem}.project-content{padding:1.25rem}.project-title{font-size:1.2rem}.project-details{flex-direction:column;gap:1.5rem}.stats-column{flex:1}.resp-grid{grid-template-columns:1fr;gap:1rem}.spotify-contact-wrapper{padding:1rem}.wrapper-container{grid-template-columns:1fr;gap:1.5rem}.spotify-section-inline .spotify-container,.contact-section-inline .contact-container{padding:1.5rem}.spotify-header-new{flex-direction:column;align-items:flex-start;gap:1rem}.spotify-title-area{gap:1rem}.spotify-icon-large{font-size:2.5rem}.spotify-main-title{font-size:1.5rem}.now-playing-minimal{text-align:center;flex-direction:column;padding:1.25rem}.album-art-minimal{width:120px;height:120px}.spotify-tabs-minimal{flex-wrap:wrap;gap:.5rem}.tab-btn-minimal{flex:calc(50% - .25rem);min-width:120px;padding:.625rem 1rem;font-size:.85rem}.track-item-minimal{padding:.875rem}.contact-form-title{font-size:1.75rem}.form-input,.form-textarea{font-size:16px}.social-icons-large{gap:1.5rem}.footer{padding:2rem 1rem}.footer-container{text-align:center;flex-direction:column;gap:2rem}.footer-left{flex-direction:column;gap:1rem}.footer-right{flex-direction:column;gap:1.5rem}.footer-avatar{width:60px;height:60px}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:.9rem}.about-text{font-size:.95rem}.section-title{font-size:1.75rem}.skills-main-title,.contact-form-title{font-size:1.5rem}.tab-btn-minimal{padding:.5rem .75rem;font-size:.8rem}}.skills-section{background-color:#0d0d0d;padding:2rem;scroll-margin-top:80px}.skills-container{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;max-width:75%;margin:0 auto;padding:3rem;box-shadow:0 2px 8px #0000004d}.skills-main-title{color:#fff;letter-spacing:-.5px;margin-bottom:2.5rem;font-size:2rem;font-weight:600}.skills-grid-container{grid-template-columns:repeat(2,1fr);gap:2.5rem;display:grid}.skills-category{flex-direction:column;gap:1rem;display:flex}.skills-category-title{color:#fff;letter-spacing:-.3px;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.skills-badges{flex-wrap:wrap;gap:1rem;display:flex}.skill-badge{cursor:default;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;padding:1rem;transition:all .3s;display:flex;position:relative}.skill-badge:hover{border-color:#4a9eff;transform:translateY(-5px);box-shadow:0 8px 16px #4a9eff33}.skill-badge:before{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .3s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 4px 12px #0000004d}.skill-badge:after{content:"";opacity:0;pointer-events:none;z-index:10;border:6px solid #0000;border-top-color:#0d0d0d;transition:all .3s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.skill-badge:hover:before{opacity:1;transform:translate(-50%)translateY(0)}.skill-badge:hover:after{opacity:1}.skill-icon{object-fit:contain;width:32px;height:32px}@media (max-width:768px){.skills-grid-container{grid-template-columns:1fr;gap:2rem}.skills-container{padding:2rem}.skills-main-title{font-size:1.75rem}.skill-badge{width:48px;height:48px;padding:.75rem}.skill-icon{width:28px;height:28px}}.project-hero-media{border:1px solid #2a2a2a;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.media-main{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.media-main img,.media-main video{object-fit:contain;background:#000;width:100%;height:100%;display:none}.media-main img.active,.media-main video.active{display:block}.media-thumb-strip{background:#111;align-items:center;gap:0;min-height:62px;padding:6px 0;display:flex}.project-hero-media[data-count="1"] .media-thumb-strip{display:none}.media-strip-arrow{color:#888;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:50px;min-height:44px;font-size:1.1rem;transition:color .2s,background .2s;display:flex}.media-strip-arrow:hover{color:#fff;background:#ffffff0d}.media-thumbnails{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;flex:1;gap:4px;padding:0 2px;display:flex;overflow:auto hidden}.media-thumbnails::-webkit-scrollbar{display:none}.media-thumb{aspect-ratio:16/9;cursor:pointer;opacity:.6;background:#000;border:2px solid #0000;border-radius:2px;flex-shrink:0;height:50px;transition:border-color .15s,opacity .15s;position:relative;overflow:hidden}.media-thumb.active{opacity:1;border-color:#fff}.media-thumb:hover:not(.active){opacity:.85}.media-thumb img{object-fit:cover;width:100%;height:100%;display:block}.media-thumb.video-thumb:after{content:"";pointer-events:none;background:#00000040;position:absolute;inset:0}.media-thumb.video-thumb:before{content:"▶";color:#ffffffe6;z-index:1;pointer-events:none;font-size:.7rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.media-thumb{height:40px}.media-strip-arrow{width:24px;font-size:.9rem}.media-thumb-strip{min-height:52px}}.spotify-contact-wrapper{background-color:#0d0d0d;width:100%;padding:1rem 2rem 2rem;scroll-margin-top:70px;overflow-x:hidden}.wrapper-container{grid-template-columns:1fr 1fr;align-items:stretch;gap:2rem;width:100%;max-width:75%;margin:0 auto;display:grid}.spotify-section-inline{width:100%;min-height:auto;display:flex;overflow-x:hidden}.spotify-section-inline .spotify-container{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;flex-direction:column;width:100%;padding:1.5rem;display:flex;overflow-x:hidden;box-shadow:0 2px 8px #0000004d}.contact-section-inline{align-items:stretch;width:100%;min-height:auto;display:flex;overflow-x:hidden}.contact-section-inline .contact-container{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;flex-direction:column;justify-content:space-between;width:100%;padding:1.5rem;display:flex;overflow-x:hidden;box-shadow:0 2px 8px #0000004d}@media (max-width:1024px){.wrapper-container{grid-template-columns:1fr}}@media (max-width:768px){.spotify-contact-wrapper{padding:1rem}.wrapper-container{gap:1rem}.spotify-section-inline .spotify-container,.contact-section-inline .contact-container{border-radius:12px;padding:1.5rem}}@media (max-width:480px){.spotify-contact-wrapper{padding:.75rem}.spotify-section-inline .spotify-container,.contact-section-inline .contact-container{padding:1rem}}