.hero-section{background:0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;padding:0 .5rem;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.hero-section{height:65vh}.hero-logo{max-width:none!important}.hero-video{object-position:52% center;transform:translateZ(0)}.hero-fallback-image img,.hero-fallback-image picture{object-position:30% center}}.hero-logo{filter:drop-shadow(0 2px 16px #00000080);mix-blend-mode:difference;opacity:1;pointer-events:none;z-index:10}@keyframes hero-fade-in{0%{opacity:0;transform:translate(-50%,-60%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.hero-video-wrapper{z-index:0;background-color:#000;overflow:hidden}.hero-video-wrapper,.hero-video-wrapper:after{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero-video-wrapper:after{content:"";z-index:1;background:#00000040}.hero-video{backface-visibility:hidden;image-rendering:auto;object-fit:cover;will-change:auto;min-width:100%;transform:translateZ(0)}.hero-fallback-image,.hero-video{aspect-ratio:16/9;pointer-events:none;z-index:0;width:100%;height:100%;min-height:100%;position:absolute;top:0;left:0}.hero-fallback-image{background-color:#000}.hero-fallback-image img,.hero-fallback-image picture{aspect-ratio:16/9;object-fit:cover;width:100%;height:100%;display:block}
.about-section{background:0 0;flex-direction:column;align-items:center;max-width:100vw;min-height:60vh;margin:4rem 0 6rem;padding-left:1rem;padding-right:1rem;overflow-x:hidden}.about-content,.about-section{box-sizing:border-box;justify-content:center;width:100%;display:flex}.about-content{flex-direction:row;align-items:flex-start;gap:4rem;max-width:1200px;margin:0 auto;padding:0}.about-left{flex-direction:column;flex:none;width:auto;min-width:280px}.about-left,.about-right{justify-content:center;align-items:flex-start;display:flex}.about-right{text-align:left;flex-direction:column;flex:1}@media (max-width:899px) and (orientation:portrait){.about-content{flex-direction:column;align-items:center;gap:3rem}.about-left,.about-right{align-items:center;width:100%}.about-right{text-align:center}}.about-profile-image-wrapper{justify-content:flex-start;width:100%;margin-bottom:1.5rem;display:flex}@media (max-width:899px) and (orientation:portrait){.about-profile-image-wrapper{justify-content:center}}.about-profile-image{object-fit:cover;border:3px solid #ffffff4d;border-radius:50%;width:150px;height:150px;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 24px #0000004d,0 4px 12px #0003}.about-profile-image:hover{transform:scale(1.05);box-shadow:0 12px 32px #0006,0 6px 16px #0000004d}@media (min-width:640px){.about-profile-image{width:180px;height:180px}}@media (min-width:900px){.about-profile-image{width:198px;height:198px}}.about-name-info{text-align:left;width:100%;margin-bottom:2rem}@media (max-width:899px) and (orientation:portrait){.about-name-info{text-align:center}}.about-dj-name{color:var(--color-text-primary,#fff);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .25rem;font-size:2rem;font-weight:700}.about-real-name{color:var(--color-text-secondary,#ffffffe6);margin:0;font-size:1.125rem;font-style:italic;font-weight:300}@media (min-width:640px){.about-dj-name{font-size:2.5rem}.about-real-name{font-size:1.25rem}}@media (min-width:900px){.about-dj-name{font-size:3rem}.about-real-name{font-size:1.375rem}}@media (min-width:640px){.about-section{padding-left:2rem;padding-right:2rem}}@media (min-width:900px){.about-section{padding-left:3rem;padding-right:3rem}}.about-title{color:var(--color-text-primary,#fff);letter-spacing:.08em;text-align:left;text-transform:uppercase;margin-top:0;margin-bottom:1.5rem;font-size:1.75rem;font-weight:700;line-height:1.2}@media (min-width:640px){.about-title{margin-bottom:2rem;font-size:2.25rem}}@media (min-width:900px){.about-title{margin-bottom:1.5rem;font-size:2.5rem}}@media (max-width:899px) and (orientation:portrait){.about-title{text-align:center}}.about-desc{color:var(--color-text-secondary,#ffffffe6);text-align:left;margin-bottom:0;padding:0;font-size:1rem;font-weight:300;line-height:1.8}.about-book-button{color:var(--color-foreground,#fff);letter-spacing:.05em;text-transform:uppercase;background:#ffffff1f;border:1px solid #ffffff59;border-radius:4px;margin-top:1.5rem;padding:.75rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-block}.about-book-button:hover{background:#ffffff38;border-color:#ffffff80;box-shadow:0 4px 12px #0003}.about-book-button:focus-visible{outline-offset:2px;outline:2px solid #fff9}@media (min-width:640px){.about-desc{font-size:1.125rem}}@media (min-width:900px){.about-desc{font-size:1.125rem;line-height:1.8}}@media (max-width:899px) and (orientation:portrait){.about-desc{text-align:center}.about-book-button{align-self:center}}.about-socials{flex-direction:row;justify-content:flex-start;align-items:center;gap:1.5rem;width:100%;margin-top:0;display:flex}@media (max-width:899px) and (orientation:portrait){.about-socials{justify-content:center}}.about-social-link{display:inline-block}.about-social-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-social-bg,#ffffff26);border:1px solid var(--color-social-border,#fff3);border-radius:50%;justify-content:center;align-items:center;padding:.75rem;transition:background .3s,box-shadow .3s,border-color .3s,opacity .3s;display:flex;box-shadow:0 4px 16px #0003,0 2px 8px #0000001a,inset 0 1px #fff3}.about-social-icon img,.about-social-icon svg,.about-social-icon svg path{filter:brightness(0)invert()}.about-social-link:hover .about-social-icon{background:#ffffff4d;border-color:#ffffff59;box-shadow:0 6px 20px #0000004d,0 4px 12px #00000026,inset 0 1px #fff6}@media (prefers-color-scheme:dark){.about-social-icon{box-shadow:0 4px 16px #0006,0 2px 8px #0003,inset 0 1px #fff3}.about-social-link:hover .about-social-icon{background:#ffffff59;border-color:#fff6;box-shadow:0 6px 20px #00000080,0 4px 12px #00000040,inset 0 1px #ffffff73}}@media (min-width:640px){.about-socials{gap:2rem}.about-social-icon{padding:.875rem}}@media (min-width:900px){.about-socials{gap:2.5rem}.about-social-icon{padding:1rem}}
.gigs-carousel-section{background:0 0;margin:0;padding:4rem 0 6rem}.gigs-carousel-container,.gigs-carousel-section{box-sizing:border-box;width:100%;overflow-x:hidden}.gigs-carousel-container{max-width:1400px;margin:0 auto;padding:0 1rem}@media (min-width:640px){.gigs-carousel-container{padding:0 2rem}}@media (min-width:900px){.gigs-carousel-container{padding:0 3rem}}.gigs-carousel{scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;box-sizing:border-box;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin;gap:2rem;width:100%;max-width:100%;padding:1rem 0;display:flex;overflow:auto hidden}.gigs-carousel::-webkit-scrollbar{height:8px}.gigs-carousel::-webkit-scrollbar-track{background:0 0}.gigs-carousel::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.gigs-carousel::-webkit-scrollbar-thumb:hover{background:#ffffff80}.gigs-carousel-arrows{gap:1.5rem;margin-top:1.5rem;padding:0 1rem}.gigs-carousel-arrow,.gigs-carousel-arrows{justify-content:center;align-items:center;display:flex}.gigs-carousel-arrow{color:var(--color-foreground,#fff);cursor:pointer;background:#ffffff14;border:1px solid #ffffff4d;border-radius:50%;width:48px;height:48px;padding:0;transition:background .2s,border-color .2s,opacity .2s}.gigs-carousel-arrow:hover:not(:disabled){background:#ffffff2e;border-color:#ffffff80}.gigs-carousel-arrow:focus-visible{outline-offset:2px;outline:2px solid #fff9}.gigs-carousel-arrow:disabled{cursor:not-allowed;opacity:.35}.gig-item{box-sizing:border-box;scroll-snap-align:start;flex-direction:row;flex:0 0 100%;align-items:center;gap:3rem;width:100%;max-width:100%;display:flex;overflow-x:hidden}@media (max-width:899px) and (orientation:portrait){.gig-item{flex-direction:column;align-items:stretch;gap:2rem;width:100%;min-width:100%;max-width:100%}}@media (min-width:900px){.gig-item{width:100%;min-width:100%;max-width:100%}}.gig-video-wrapper{background:#000;border-radius:1rem;flex:0 0 400px;width:400px;height:400px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000004d,0 4px 12px #0003}@media (max-width:899px) and (orientation:portrait){.gig-video-wrapper{aspect-ratio:1;flex:none;width:100%}}.gig-video{object-fit:cover;border-radius:1rem;width:100%;height:100%;display:block}.gig-content{word-wrap:break-word;overflow-wrap:break-word;flex-direction:column;justify-content:center;width:100%;max-width:100%;padding:1.5rem 0;display:flex}@media (min-width:900px){.gig-content{flex:1;max-width:600px;padding:0}}.gig-content header{margin-bottom:1rem}@media (min-width:900px){.gig-content header{margin-bottom:1.5rem}}.gig-title{color:var(--color-text-primary,#fff);letter-spacing:.05em;text-transform:uppercase;word-wrap:break-word;overflow-wrap:break-word;margin:0 0 .5rem;font-size:1.5rem;font-weight:700;line-height:1.2}@media (min-width:640px){.gig-title{font-size:1.75rem}}@media (min-width:900px){.gig-title{margin-bottom:.75rem;font-size:2rem}}.gig-location{margin:0 0 1rem}.gig-location-name{color:var(--color-text-secondary,#ffffffe6);align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1rem;font-style:italic;font-weight:400;display:flex}.gig-location-name:before{content:"📍";opacity:.8;font-size:1rem}.gig-location-address{color:var(--color-text-secondary,#ffffffbf);margin:0;font-size:.875rem;font-weight:300;line-height:1.5}@media (min-width:640px){.gig-location{font-size:1.125rem}}@media (min-width:900px){.gig-location{margin-bottom:1rem;font-size:1.25rem}}.gig-description{color:var(--color-text-secondary,#ffffffe6);word-wrap:break-word;overflow-wrap:break-word;margin:0;font-size:1rem;font-weight:300;line-height:1.7}@media (min-width:640px){.gig-description{font-size:1.125rem}}@media (min-width:900px){.gig-description{font-size:1.25rem;line-height:1.8}}
.footer{color:var(--color-text-secondary,#111c);text-align:center;justify-content:center;align-items:center;width:100%;margin-top:2.5rem;padding:1.5rem .5rem;font-size:.85rem;display:flex}@media (min-width:640px){.footer{padding:2rem 1.5rem;font-size:1rem}}