:root{--ink:#050505;--paper:#f5f5f7;--muted:#86868b;--blue:#2997ff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--ink);color:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;letter-spacing:-.018em}
.navbar{background:rgba(5,5,5,.78);backdrop-filter:saturate(180%) blur(18px)}
.navbar-brand{font-size:1.05rem;font-weight:600;letter-spacing:-.04em}
.nav-link{color:#c8c8cc!important;font-size:.9rem}.nav-link:hover{color:#fff!important}
.hero{min-height:100vh;padding:9rem 0 3rem;overflow:hidden;position:relative;background:url('img/Banner.webp') center center/cover no-repeat;isolation:isolate}
.hero .container,.hero .orb{display:none}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 38%,rgba(0,0,0,.08));z-index:0;pointer-events:none}
.eyebrow{color:var(--blue);font-size:1rem;font-weight:600;letter-spacing:.02em}
.hero h1{font-size:clamp(4rem,12vw,10rem);font-weight:700;line-height:.88;letter-spacing:-.075em;margin:.2em 0}.hero p{color:#c8c8cc;font-size:clamp(1.2rem,2vw,1.6rem);max-width:30rem}
.button-link{color:#fff;border:1px solid #65656a;border-radius:980px;padding:.65rem 1.2rem;font-size:1rem;text-decoration:none;display:inline-block;transition:.25s}.button-link:hover{background:#fff;color:#000;border-color:#fff}
.section{padding:8rem 0}.section-light{background:var(--paper);color:#1d1d1f}.section-kicker{color:#6e6e73;font-weight:600;font-size:.95rem}
.display-title{font-size:clamp(2.8rem,6vw,5.5rem);line-height:.98;letter-spacing:-.06em;font-weight:700}.sub{color:#86868b;font-size:1.2rem;max-width:37rem}
.feature-card{min-height:540px;border-radius:30px;overflow:hidden;position:relative;background:#141416;display:flex;align-items:flex-end;padding:2.4rem;background-position:center;background-size:cover}.feature-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.84))}.feature-card>div{z-index:1}.feature-card h3{font-size:2.2rem;font-weight:650;letter-spacing:-.05em}.feature-card p{color:#ddd;font-size:1.05rem;margin-bottom:0}
.mix{background:#101011;border-radius:28px;padding:3rem;height:100%}.mix-number{color:var(--blue);font-size:4.5rem;line-height:1;font-weight:700;letter-spacing:-.07em}.mix-title{font-size:1.6rem;font-weight:600;letter-spacing:-.04em}
.photo{height:390px;border-radius:24px;background-size:cover;background-position:center}.contact{background:linear-gradient(135deg,#0e2344,#181819 58%,#40142e);text-align:center}.contact .display-title{max-width:800px;margin:auto}footer{color:#86868b;font-size:.82rem;border-top:1px solid #2d2d2f}
@media(min-width:768px) and (max-width:991px){.hero{min-height:640px;background-position:center center}.section{padding:6.5rem 0}.feature-card{min-height:440px;padding:2rem}.mix{padding:2rem}.photo{height:320px}}
@media(max-width:767px){.navbar .container{min-height:54px}.navbar-collapse{padding:10px 0 14px}.nav-link{padding:10px 0!important;font-size:1rem}.hero{min-height:420px;height:58svh;max-height:540px;background-position:center center}.section{padding:4.5rem 0}.display-title{font-size:clamp(2.6rem,13vw,4rem)}.sub{font-size:1.08rem}.feature-card{min-height:390px;padding:1.65rem;border-radius:22px}.feature-card h3{font-size:1.9rem}.mix{padding:2rem;border-radius:22px}.mix-number{font-size:3.6rem}.photo{height:310px;border-radius:20px}footer .container{gap:.5rem;flex-direction:column;text-align:center}}
.about-copy{font-size:clamp(1.18rem,1.8vw,1.48rem);line-height:1.48;color:#424245;max-width:49rem}.about-copy p+p{margin-top:1.35rem}.equipment{border-top:1px solid #d2d2d7}.equipment-item{padding:1.4rem 0;border-bottom:1px solid #d2d2d7}.equipment-item strong{font-weight:650}.service-note{color:#86868b;font-size:1rem;line-height:1.5}.service-card{min-height:270px;background:#101011;border-radius:28px;padding:2.5rem;display:flex;flex-direction:column;justify-content:flex-end}.service-card h3{font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.05em}.service-card p{color:#c8c8cc;margin:0}.section-dark{background:#050505;color:#fff}
@media(max-width:767px){.service-card{min-height:220px;padding:1.7rem;border-radius:22px}.about-copy{font-size:1.08rem}.equipment-item{padding:1.1rem 0}}
.motion-ready .motion-item{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--motion-delay,0ms)}
.motion-ready .motion-item.is-visible{opacity:1;transform:translateY(0) scale(1)}
.motion-ready .feature-card,.motion-ready .photo{will-change:transform;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.motion-ready .feature-card.is-visible,.motion-ready .photo.is-visible{transform:translate3d(0,var(--parallax-offset,0px),0) scale(1)}
.navbar{transition:background .35s ease,box-shadow .35s ease}.navbar.is-scrolled{background:rgba(5,5,5,.94);box-shadow:0 1px 0 rgba(255,255,255,.1)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.video-card{min-height:540px;overflow:hidden;position:relative;border-radius:30px;background:#111}.video-card video{display:block;width:100%;height:100%;min-height:540px;object-fit:cover}.video-card::after{content:"";position:absolute;inset:auto 0 0;height:32%;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,.55))}.video-label{position:absolute;left:2.4rem;bottom:2.1rem;z-index:1}.video-label .eyebrow{margin-bottom:.3rem}.video-label p{margin:0;font-size:1.35rem;font-weight:600;letter-spacing:-.04em}@media(min-width:768px) and (max-width:991px){.video-card,.video-card video{min-height:440px}}@media(max-width:767px){.video-card{min-height:390px;border-radius:22px}.video-card video{min-height:390px}.video-label{left:1.65rem;bottom:1.5rem}.video-label p{font-size:1.12rem}}
.portrait-frame{overflow:hidden;border-radius:28px;background:#dedbd5}.portrait-frame img{display:block;width:100%;max-height:760px;object-fit:cover;object-position:center 28%}@media(max-width:767px){.portrait-frame{border-radius:22px}.portrait-frame img{max-height:540px}}
.portrait-inline{float:right;width:46%;margin:.25rem 0 1.4rem 2rem}.portrait-inline img{height:460px;max-height:none}@media(max-width:767px){.portrait-inline{float:none;width:100%;margin:1.6rem 0}.portrait-inline img{height:auto;max-height:540px}}
.references{background:#fff;color:#1d1d1f}.reference-card{height:100%;overflow:hidden;border-radius:28px;background:#f5f5f7}.reference-card .ratio{background:#111}.reference-card iframe{border:0}.reference-copy{padding:1.6rem 1.7rem 1.8rem}.reference-copy h3{font-size:1.35rem;font-weight:650;letter-spacing:-.04em;margin-bottom:.45rem}.reference-copy p{color:#6e6e73;line-height:1.5;margin:0}@media(max-width:767px){.reference-card{border-radius:22px}.reference-copy{padding:1.35rem}.reference-copy h3{font-size:1.25rem}}
.social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem 1.2rem}.social-links a{color:#c8c8cc;text-decoration:none;transition:color .2s ease}.social-links a:hover{color:#fff}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.footer-meta{display:flex;gap:1rem;white-space:nowrap}@media(max-width:767px){.footer-content{flex-direction:column;text-align:center}.footer-meta{flex-wrap:wrap;justify-content:center}}
.social-links a{display:inline-flex;align-items:center;gap:.42rem}.social-links svg{width:17px;height:17px;fill:currentColor;flex:none}
.dj-detail{margin-top:6rem;padding-top:5rem;border-top:1px solid #2d2d2f}.dj-detail-copy{font-size:clamp(1.18rem,1.8vw,1.45rem);line-height:1.48;color:#c8c8cc;max-width:44rem}.dj-detail-copy p+p{margin-top:1.25rem}.dj-photo{height:300px;overflow:hidden;border-radius:24px;background:#171717}.dj-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.dj-photo:hover img{transform:scale(1.04)}@media(max-width:767px){.dj-detail{margin-top:4rem;padding-top:3.5rem}.dj-detail-copy{font-size:1.08rem}.dj-photo{height:240px;border-radius:20px}}
.packages{background:#f5f5f7;color:#1d1d1f}.package-card{height:100%;display:flex;flex-direction:column;padding:2.35rem;border-radius:28px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.05);transition:transform .35s ease,box-shadow .35s ease}.package-card:hover{transform:translateY(-8px);box-shadow:0 20px 48px rgba(0,0,0,.1)}.package-card.featured{background:#101011;color:#fff}.package-kicker{font-size:.78rem;font-weight:700;letter-spacing:.1em;color:#6e6e73}.featured .package-kicker{color:#a3a3a8}.package-card h3{font-size:2rem;letter-spacing:-.055em;margin:1rem 0 .7rem}.package-card>p{color:#6e6e73;line-height:1.45}.featured>p{color:#d2d2d7}.package-price{font-size:1.3rem;font-weight:650;letter-spacing:-.04em;margin:1.5rem 0}.package-card ul{padding:0;margin:0 0 2rem;list-style:none;color:#6e6e73}.featured ul{color:#d2d2d7}.package-card li{padding:.55rem 0;border-top:1px solid #e5e5e7}.featured li{border-color:#363638}.package-card li::before{content:'✓';color:#2997ff;font-weight:700;margin-right:.55rem}.package-card .button-link{margin-top:auto;text-align:center}.package-card:not(.featured) .button-link{background:#1d1d1f;border-color:#1d1d1f}@media(max-width:767px){.package-card{padding:1.8rem;border-radius:22px}.package-card h3{font-size:1.8rem}}