@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');:root{--bg:#0b0b0e;--panel:#151519;--red:#f13a47;--text:#f4f2f1;--muted:#9c9ba2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--red);color:white}.progress{position:fixed;top:0;left:0;height:3px;background:var(--red);width:0;z-index:50}.header{position:fixed;top:0;left:0;right:0;z-index:40;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,84px);background:#0b0b0eea;border-bottom:1px solid #ffffff1b;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brandmark{width:45px;height:45px;border:1px solid #f13a476e;display:grid;place-items:center;font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:900;letter-spacing:-2px}.brandmark span,.footer-logo span{color:var(--red)}.brandtext{font-family:'Barlow Condensed';font-size:23px;font-weight:800;letter-spacing:2px;line-height:.85}.brandtext small{display:block;font:600 8px 'DM Sans';letter-spacing:1.7px;margin-top:9px;color:var(--muted)}nav{display:flex;gap:30px}nav a{font-size:11px;letter-spacing:1.5px;font-weight:700;transition:color .2s}nav a:hover,.socials a:hover{color:var(--red)}.menu{display:none}.hero{min-height:780px;height:100svh;max-height:1100px;position:relative;display:flex;align-items:center;overflow:hidden;padding:110px clamp(22px,8vw,140px) 60px}.hero-glow{position:absolute;right:-16%;top:-30%;width:75vw;height:95vw;max-height:1100px;background:radial-gradient(circle,#bd1d2a48 0%,#4d101929 35%,transparent 68%);pointer-events:none}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,#ffffff07 1px,transparent 1px),linear-gradient(#ffffff06 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(to right,transparent 10%,black 100%)}.hero-inner{position:relative;width:min(100%,1150px)}.eyebrow,.kicker{font-size:11px;letter-spacing:2.5px;font-weight:700;color:var(--red)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 14px var(--red);margin-right:10px}.hero h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;letter-spacing:-.025em;line-height:.86;margin:24px 0}.hero h1{font-size:clamp(78px,12.2vw,190px)}.hero h1 em{color:var(--red);font-style:normal}.hero-sub{font-size:clamp(15px,1.55vw,19px);line-height:1.85;color:#b7b6bc;max-width:580px}.hero-sub strong{color:white}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;padding:0 24px;font-size:11px;font-weight:800;letter-spacing:1.3px;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-3px)}.primary{background:var(--red);color:white}.primary:hover{box-shadow:0 12px 35px #f13a4755}.ghost{border:1px solid #ffffff60}.ghost:hover{background:#ffffff12}.hero-bottom{margin-top:clamp(50px,9vh,110px);display:flex;justify-content:space-between;max-width:950px;color:#77767e;font-size:9px;letter-spacing:2px;font-weight:700}.hero-side{position:absolute;right:25px;top:50%;writing-mode:vertical-rl;font-size:10px;letter-spacing:4px;color:#7c777c}.ticker{height:55px;background:var(--red);overflow:hidden;display:flex;align-items:center;color:#0e090b;font:800 22px 'Barlow Condensed';letter-spacing:2px}.ticker-track{white-space:nowrap;min-width:max-content;animation:marquee 26s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:110px clamp(22px,8vw,140px)}.section-top{display:flex;align-items:center;gap:24px;margin-bottom:55px}.section-line{height:1px;flex:1;background:#ffffff22}.section h2{font-size:clamp(66px,8vw,128px)}.section h2 span{color:var(--red)}.about-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:9vw}.about-copy{padding-top:12px}.about-copy p{font-size:17px;line-height:1.85;color:#b8b6bd}.stats{display:flex;gap:55px;border-top:1px solid #ffffff25;margin-top:40px;padding-top:25px}.stats strong{display:block;font:900 54px 'Barlow Condensed';color:var(--red)}.stats small{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.work{background:#111115}.services{margin-top:50px;border-top:1px solid #ffffff28}.service{display:grid;grid-template-columns:50px 75px 1fr 40px;align-items:center;gap:22px;padding:28px 10px;border-bottom:1px solid #ffffff24;transition:background .2s,padding .2s}.service:hover{background:#f13a4710;padding-left:22px}.service-no{font-size:11px;color:var(--red)}.service-icon{font-size:35px;color:var(--red)}.service-info strong{display:block;font:800 clamp(24px,3.2vw,40px) 'Barlow Condensed';letter-spacing:.4px}.service-info small{display:block;color:var(--muted);margin-top:7px;font-size:12px;line-height:1.5}.arrow{font-size:24px;color:var(--red)}.music-card{display:grid;grid-template-columns:1fr 1fr;min-height:480px;background:linear-gradient(135deg,#251116,#131317);border:1px solid #ffffff15;overflow:hidden}.record-art{display:grid;place-items:center;background:radial-gradient(circle,#9c253245,transparent 60%),repeating-linear-gradient(45deg,transparent 0 28px,#ffffff04 29px 30px)}.record{height:min(32vw,330px);width:min(32vw,330px);border-radius:50%;background:repeating-radial-gradient(circle,#0b0b0d 0 3px,#202024 4px 6px,#0b0b0d 7px 10px);display:grid;place-items:center;box-shadow:0 0 0 14px #0005,0 20px 90px #0008;animation:spin 16s linear infinite}.record-center{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:var(--red);font:900 48px 'Barlow Condensed';color:white}@keyframes spin{to{transform:rotate(360deg)}}.music-copy{padding:70px 45px;align-self:center}.music-copy h2{font-size:clamp(60px,6vw,95px)}.music-copy p,.media-head p,.connect>p{color:#b9b8bd;line-height:1.85;max-width:510px}.note{display:block;color:#85838b;font-size:10px;line-height:1.6;margin-top:14px}.media{background:#111115}.media-head{margin-bottom:45px}.media-head h2{font-size:clamp(88px,12vw,170px)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.portfolio-card{min-height:320px;padding:26px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid #ffffff24;background:radial-gradient(circle at 70% 70%,#8b273b66,transparent 60%),linear-gradient(145deg,#2a1b24,#101013)}.portfolio-card.photo{background:radial-gradient(circle at 20% 40%,#655e6b65,transparent 65%),#18171b}.portfolio-card.design{background:radial-gradient(circle at 90% 20%,#ad23335e,transparent 55%),#171217}.tag{font-size:10px;letter-spacing:2px;color:#ddd}.portfolio-card strong{font:800 clamp(28px,3vw,44px)/.95 'Barlow Condensed';z-index:1}.portfolio-icon{position:absolute;right:20px;top:55px;font-size:160px;opacity:.12;color:white}.portfolio-note{font-size:11px;color:#89868e;margin:20px 0 35px}.connect h2{font-size:clamp(78px,11vw,160px)}.socials{display:flex;flex-wrap:wrap;gap:12px;margin:40px 0}.socials a{border:1px solid #ffffff35;padding:16px 22px;font-size:11px;letter-spacing:1.5px;font-weight:800;transition:color .2s,border-color .2s}.socials a:hover{border-color:var(--red)}.contact-panel{margin-top:55px;padding:35px;background:#1b161b;border-left:4px solid var(--red);display:flex;justify-content:space-between;align-items:center;gap:20px}.contact-panel strong{display:block;font:800 29px 'Barlow Condensed'}.contact-panel small{display:block;color:#aaa5ae;margin-top:8px}footer{padding:55px clamp(22px,8vw,140px);border-top:1px solid #ffffff25;display:flex;align-items:center;gap:30px;flex-wrap:wrap}.footer-logo{font:900 40px 'Barlow Condensed'}footer p{font-size:10px;letter-spacing:2px;color:var(--red)}footer small{font-size:10px;color:#77747c}footer>a{margin-left:auto;font-size:10px;letter-spacing:1px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){nav{gap:14px}nav a{font-size:9px}.about-layout{gap:5vw}.portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-card:last-child{grid-column:span 2;min-height:230px}}@media(max-width:680px){.header{height:68px;padding:0 20px}.brandmark{width:38px;height:38px;font-size:21px}.brandtext{font-size:20px}.menu{display:flex;flex-direction:column;justify-content:center;gap:5px;background:transparent;border:1px solid #ffffff40;width:42px;height:40px;padding:10px;cursor:pointer}.menu span{height:2px;background:white;width:100%;display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#121216;flex-direction:column;padding:20px 25px 28px;border-bottom:1px solid #f13a4770;gap:0;box-shadow:0 15px 30px #0008}nav.open{display:flex}nav a{padding:14px 5px;border-bottom:1px solid #ffffff16;font-size:12px}.hero{height:auto;min-height:750px;padding:125px 24px 60px}.hero h1{font-size:clamp(72px,16vw,110px);line-height:.9}.hero-side{display:none}.hero-bottom{gap:15px}.hero-bottom span:last-child{display:none}.hero-glow{right:-70%;top:0;width:130vw;height:130vw}.section{padding:80px 24px}.section-top{margin-bottom:38px}.section h2{font-size:clamp(65px,13vw,92px)}.about-layout,.music-card{grid-template-columns:1fr}.about-copy{padding-top:0}.about-copy p{font-size:15px}.service{grid-template-columns:24px 45px 1fr 20px;gap:10px;padding:22px 0}.service-icon{font-size:25px}.service-info strong{font-size:27px}.service-info small{font-size:11px}.record-art{min-height:300px}.record{width:220px;height:220px}.record-center{width:80px;height:80px;font-size:36px}.music-copy{padding:40px 25px 50px}.portfolio-grid{grid-template-columns:1fr}.portfolio-card,.portfolio-card:last-child{grid-column:auto;min-height:260px}.contact-panel{align-items:flex-start;flex-direction:column}.socials a{flex:1;text-align:center}.ticker{height:45px}.ticker-track{font-size:18px}footer{gap:15px}footer>a{margin-left:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}


/* D Nado cinematic motion pack */
.hero-glow{animation:ambientPulse 9s ease-in-out infinite alternate}
@keyframes ambientPulse{from{opacity:.55;transform:scale(.9) translate(-2%,2%)}to{opacity:1;transform:scale(1.12) translate(3%,-3%)}}
.hero-orb{position:absolute;pointer-events:none;border-radius:50%;filter:blur(3px);border:1px solid #f13a4755;box-shadow:0 0 65px #f13a4728,inset 0 0 70px #f13a4719;z-index:0}
.orb-one{width:clamp(180px,32vw,480px);aspect-ratio:1;right:3%;top:18%;animation:floatOrb 12s ease-in-out infinite alternate}
.orb-two{width:clamp(90px,14vw,220px);aspect-ratio:1;right:27%;bottom:12%;animation:floatOrb 8s ease-in-out infinite alternate-reverse}
@keyframes floatOrb{to{transform:translate3d(28px,-38px,0) rotate(18deg)}}
.hero-sparks{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-sparks i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ff6b77;box-shadow:0 0 14px 3px #f13a4780;animation:sparkRise 10s linear infinite;bottom:-10px}
.hero-sparks i:nth-child(1){left:12%;animation-delay:-1s}.hero-sparks i:nth-child(2){left:26%;animation-delay:-5s;animation-duration:13s}.hero-sparks i:nth-child(3){left:44%;animation-delay:-3s}.hero-sparks i:nth-child(4){left:59%;animation-delay:-8s;animation-duration:15s}.hero-sparks i:nth-child(5){left:72%;animation-delay:-2s}.hero-sparks i:nth-child(6){left:83%;animation-delay:-6s;animation-duration:12s}.hero-sparks i:nth-child(7){left:91%;animation-delay:-4s}.hero-sparks i:nth-child(8){left:36%;animation-delay:-9s;animation-duration:14s}
@keyframes sparkRise{0%{transform:translateY(0) scale(.5);opacity:0}12%{opacity:.8}85%{opacity:.6}100%{transform:translateY(-105vh) translateX(50px) scale(1.5);opacity:0}}
.hero-inner{z-index:2}.hero h1 em{text-shadow:0 0 65px #f13a4733}
.hero .eyebrow{animation:fadeInUp .9s ease both}.hero h1{animation:fadeInUp 1s .12s ease both}.hero-sub{animation:fadeInUp 1s .3s ease both}.hero .actions{animation:fadeInUp 1s .45s ease both}
@keyframes fadeInUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.service{position:relative;isolation:isolate}.service:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f13a471e,transparent 80%);opacity:0;transition:opacity .3s}.service:hover:before{opacity:1}.service:hover .service-icon{filter:drop-shadow(0 0 13px #f13a47);transform:scale(1.1)}.service-icon{transition:filter .3s,transform .3s}
.portfolio-card{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.portfolio-card:hover{transform:translateY(-8px);box-shadow:0 16px 55px #f13a472a;border-color:#f13a477a}.portfolio-card:after{content:'';position:absolute;inset:-100%;background:linear-gradient(110deg,transparent 44%,#ffffff12 50%,transparent 56%);transform:translateX(-55%);transition:transform .85s ease;pointer-events:none}.portfolio-card:hover:after{transform:translateX(55%)}
.socials a,.menu{transition:box-shadow .25s,transform .25s,border-color .25s}.socials a:hover,.menu:hover{box-shadow:0 0 24px #f13a4740;transform:translateY(-2px);border-color:#f13a47}
.ticker-track{will-change:transform}.record{will-change:transform}
@media(max-width:680px){.orb-one{right:-30%;top:22%;opacity:.55}.orb-two{right:4%;bottom:15%;opacity:.5}.hero-sparks i:nth-child(n+6){display:none}.portfolio-card:hover{transform:translateY(-3px)}}
@media(hover:none){.portfolio-card:active{border-color:#f13a477a}.service:active .service-icon{filter:drop-shadow(0 0 8px #f13a47)}}
@media(prefers-reduced-motion:reduce){.hero-glow,.hero-orb,.hero-sparks i,.hero .eyebrow,.hero h1,.hero-sub,.hero .actions{animation:none!important}.hero-sparks{display:none}}

/* 2026 cinematic upgrade */
html{scroll-behavior:smooth}body{overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}section{scroll-margin-top:90px}.hero-status{display:inline-flex;align-items:center;gap:12px;margin-top:35px;font-size:10px;letter-spacing:2px;color:#c4c4c9}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#f13a47;box-shadow:0 0 0 5px #f13a4726;animation:statusPulse 2.2s infinite}.status-sep{color:#f13a47}@keyframes statusPulse{50%{box-shadow:0 0 0 10px #f13a4700}}.portfolio-heading,.social-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}.portfolio-heading>div>p,.social-head p{max-width:450px;color:#aaaab5;line-height:1.7}.filter-group{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{border:1px solid #35343b;background:#15151b;color:#bbb;padding:10px 15px;border-radius:50px;font-size:11px;letter-spacing:1px}.filter-btn:hover,.filter-btn.active{background:#f13a47;color:white;border-color:#f13a47}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:34px 0 16px}.project-tile{background:#131318;border:1px solid #303039;border-radius:17px;overflow:hidden;transition:transform .3s,border-color .3s}.project-tile:hover{transform:translateY(-6px);border-color:#f13a47}.project-tile[hidden]{display:none}.tile-visual{height:230px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 70% 40%,#7b202d 0,transparent 45%),linear-gradient(135deg,#25141d,#0b0b10)}.tile-photo .tile-visual{background:radial-gradient(circle at 30% 30%,#78585d,transparent 45%),linear-gradient(130deg,#1c1c26,#0d0d10)}.tile-design .tile-visual{background:radial-gradient(circle at 65% 70%,#712638,transparent 50%),linear-gradient(140deg,#24131e,#0d0d10)}.tile-web .tile-visual{background:radial-gradient(circle at 25% 35%,#532638,transparent 50%),linear-gradient(140deg,#1b1a25,#0d0d10)}.tile-visual:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 28px,#ffffff09 29px 30px),repeating-linear-gradient(90deg,transparent 0 28px,#ffffff09 29px 30px);transform:perspective(500px) rotateX(24deg) scale(1.3);animation:gridDrift 12s linear infinite}@keyframes gridDrift{50%{transform:perspective(500px) rotateX(10deg) scale(1.4)}}.tile-glyph{font-size:90px;color:#fff8;text-shadow:0 0 55px #f13a47;transition:transform .4s}.project-tile:hover .tile-glyph{transform:scale(1.13) rotate(-5deg)}.tile-number{position:absolute;bottom:20px;left:20px;font-size:10px;letter-spacing:2px;color:#fff9}.tile-info{display:flex;align-items:center;justify-content:space-between;padding:20px;gap:10px}.tile-info strong{font-size:13px;letter-spacing:1px}.tile-info small{display:block;margin-top:8px;color:#999}.project-view{flex-shrink:0;width:42px;height:42px;border-radius:50%;border:1px solid #5d424b;background:#261820;color:white;font-size:20px}.project-view:hover{background:#f13a47}.player-shell{display:grid;grid-template-columns:minmax(220px,.85fr) 1.15fr;gap:45px;align-items:center;background:linear-gradient(130deg,#191016,#0f0f14);border:1px solid #3c2630;border-radius:22px;padding:42px;margin-top:32px}.player-art{position:relative;min-height:300px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#601a29,transparent 65%);border-radius:15px}.player-art .record{width:220px;height:220px;animation:spinRecord 12s linear infinite;animation-play-state:paused}.player-art.is-playing .record{animation-play-state:running}@keyframes spinRecord{to{transform:rotate(360deg)}}.player-orbit{position:absolute;width:260px;height:260px;border:1px dashed #ff4d5a44;border-radius:50%;pointer-events:none}.player-body h2{margin:15px 0}.player-body>p{color:#b2adb5;line-height:1.8}.player-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #493039;padding:20px 0 12px;font-size:11px;letter-spacing:1px}.player-meta #trackStatus{color:#ef6772;font-size:9px}.audio-controls{display:flex;gap:12px;align-items:center;margin:16px 0}.play-btn{border:0;background:#f13a47;color:white;border-radius:50%;width:46px;height:46px;flex-shrink:0}.play-btn:disabled{opacity:.5;cursor:not-allowed}.audio-controls input{min-width:40px;flex:1;accent-color:#f13a47}.audio-controls span{font-size:11px;color:#aaa;white-space:nowrap}.audio-actions{display:flex;gap:10px;flex-wrap:wrap}.upload-btn{cursor:pointer}.player-body .note{display:block;margin-top:20px;line-height:1.7}.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:30px 0}.channel{display:flex;flex-direction:column;gap:18px;padding:26px;border:1px solid #38323b;background:linear-gradient(145deg,#20161e,#101015);border-radius:16px;color:white;text-decoration:none;min-height:155px;transition:transform .3s,border-color .3s}.channel:hover{transform:translateY(-5px);border-color:#f13a47}.channel span{font-size:11px;color:#f77780;letter-spacing:2px}.channel strong{font-size:18px}.channel small{font-size:10px;color:#aaa;letter-spacing:1px}.booking-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;margin-top:30px}.booking-intro>p{color:#b1aeb4;line-height:1.8}.booking-notice{border-left:3px solid #f13a47;background:#23171c;padding:18px;line-height:1.7;margin:30px 0}.booking-note{font-size:12px}.booking-form{background:#17151b;border:1px solid #3d3039;border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:10px}.booking-form label{font-size:10px;letter-spacing:1.5px;color:#c5c0c8;margin-top:8px}.booking-form label span{color:#f13a47}.booking-form input,.booking-form select,.booking-form textarea,.booking-result textarea{background:#0e0d11;border:1px solid #44353d;color:#f7f7fa;border-radius:9px;padding:13px;width:100%;box-sizing:border-box;outline:none}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{border-color:#f13a47;box-shadow:0 0 0 2px #f13a4730}.booking-form option{background:#15151b}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-two>div{display:flex;flex-direction:column;gap:10px}.submit-book{margin-top:14px}.booking-result{background:#22191f;border:1px solid #5c3b47;border-radius:10px;padding:15px;margin-top:12px}.booking-result p{font-size:12px;line-height:1.6}.booking-result textarea{font-size:12px;line-height:1.6}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.project-dialog{background:#161319;color:#f5f5f6;border:1px solid #78404e;border-radius:18px;max-width:480px;width:calc(100% - 44px);padding:36px;box-shadow:0 25px 100px #000b}.project-dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.project-dialog h3{font-size:27px}.project-dialog p{line-height:1.7;color:#c4bbc2}.dialog-disclaimer{font-size:12px}.dialog-close{position:absolute;right:15px;top:15px;border:0;background:#35222c;color:white;border-radius:50%;width:34px;height:34px}.project-dialog .btn{display:inline-block;margin-top:15px}@media(max-width:850px){.booking-layout,.player-shell{grid-template-columns:1fr}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-art{min-height:250px}}@media(max-width:580px){.project-grid,.channel-grid,.form-two{grid-template-columns:1fr}.player-shell{padding:20px}.booking-form{padding:18px}.tile-visual{height:180px}.player-meta{flex-wrap:wrap}.hero-status{flex-wrap:wrap;line-height:1.8}.audio-actions .btn{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){.tile-visual:before,.player-art .record,.pulse-dot{animation:none!important}}


/* D Nado reference-inspired cinematic red / chrome visual redesign */
:root{--red:#ff183c;--red2:#b90021;--ink:#08080a;--silver:#f4f3f5}
html{scroll-behavior:smooth}body{background:#08080b;color:#f7f7f8;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 12% 8%,#9c082333,transparent 36%),radial-gradient(ellipse at 94% 62%,#c7002924,transparent 40%);pointer-events:none;z-index:-1}
.header{height:76px;background:#08080be9;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff26;padding:0 clamp(20px,5vw,95px);box-shadow:0 4px 35px #0008}
.brand{gap:12px}.brandmark{color:#eee;font-size:29px;font-weight:1000;letter-spacing:-5px;font-style:italic;transform:skew(-10deg);filter:drop-shadow(2px 2px 0 #f20a30)}.brandmark span{color:var(--red)}.brandtext{font-size:20px;letter-spacing:-1px;font-style:italic;font-weight:1000}.brandtext small{letter-spacing:2.1px;font-size:8px;color:#c9c9d0}
.header nav{gap:clamp(12px,2vw,30px)}.header nav a{font-size:10px;letter-spacing:.5px;font-weight:800}.header nav a:hover{color:#ff2449}.header-cta{border:1px solid #ff2449;color:#fff;border-radius:50px;padding:13px 23px;white-space:nowrap;font-size:11px;font-weight:800;box-shadow:0 0 18px #fb18352b;transition:.25s}.header-cta:hover{background:#e50931;box-shadow:0 0 30px #e5093180}
.hero{min-height:660px;max-height:none;background:linear-gradient(90deg,#0606089e,#06060838 47%,#0606089e),url('red-atmosphere.webp') center/cover no-repeat;position:relative;border-bottom:1px solid #f2173430;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 8%,#03030570 75%),repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#0000000b 4px);pointer-events:none}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 37%,#ff174a 0 4px,transparent 9px),radial-gradient(circle at 84% 22%,#ff174a 0 5px,transparent 12px),radial-gradient(circle at 72% 76%,#f02 0 3px,transparent 9px);filter:drop-shadow(0 0 12px red);pointer-events:none}
.hero-grid{opacity:.13}.hero-glow{opacity:.6}.hero-orb{filter:blur(10px);opacity:.42}.hero-sparks{opacity:.75}.hero-inner{position:relative;z-index:2;text-align:center;max-width:1200px;margin:auto;padding:85px 24px 65px}.hero-inner .eyebrow{letter-spacing:7px;font-size:11px;color:#ddd;justify-content:center;margin-bottom:33px}.hero-inner .eyebrow .live-dot{display:none}
.hero h1{margin:0 auto 20px;line-height:.86;letter-spacing:-.065em;display:flex;flex-direction:column;align-items:center;gap:19px;overflow:visible}.hero-nado{display:block;font-size:clamp(85px,15vw,220px);font-weight:1000;font-style:italic;transform:skew(-10deg) rotate(-3deg);color:#e8e8ed;text-shadow:2px 2px 0 #555,5px 5px 0 #202024,9px 10px 0 #a80023,0 0 35px #f00a;white-space:nowrap}.hero-design{display:block;font-size:clamp(29px,5.8vw,79px);font-weight:1000;font-style:italic;letter-spacing:-.065em;color:#ff1739;transform:skew(-12deg) rotate(-3deg);text-shadow:3px 4px 0 #53000b,0 0 24px #ff002780}
.hero-sub{max-width:660px;margin:20px auto 25px!important;color:#dedee3!important;font-size:14px!important;letter-spacing:1.1px;line-height:1.8!important}.hero .actions{justify-content:center;gap:18px}.btn.primary{background:linear-gradient(110deg,#fb0b35,#d6002b);border:1px solid #ff526c;box-shadow:0 0 25px #ef002b42;border-radius:50px}.btn.ghost{border-color:#f82b4e;border-radius:50px;background:#07070bb8}.btn:hover{transform:translateY(-3px);filter:brightness(1.15)}.hero-side{color:#ff5368}
.quick-services{position:relative;z-index:3;max-width:1330px;margin:-58px auto 55px;padding:0 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.quick-services a{min-height:145px;padding:22px 18px;display:grid;grid-template-columns:55px 1fr;column-gap:14px;align-content:center;background:linear-gradient(145deg,#242127ee,#0d0c0fed);border:1px solid #ffffff29;border-radius:16px;box-shadow:0 14px 30px #000a, inset 0 0 22px #ff174012;transition:.25s}.quick-services a:hover{border-color:#ff315a;transform:translateY(-5px);box-shadow:0 0 25px #ff16462c}.quick-icon{grid-row:span 3;font-size:45px;color:#ff2449;text-shadow:0 0 17px #ff173e}.quick-services strong{font-size:14px;color:white}.quick-services small{font-size:11px;color:#b4b0b6;line-height:1.5}.quick-services b{font-size:19px;color:#ff294b}
.ticker{background:#11090c;border-top:1px solid #fe2c4b38;border-bottom:1px solid #fe2c4b38}.ticker-track{color:#f2e9eb}.section{max-width:1320px}.section h2{font-style:italic;letter-spacing:-.06em}.section h2 span{color:#ff2246}.kicker{color:#ff4260}.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.service{background:linear-gradient(145deg,#1c191f,#0b0b0e);border:1px solid #ffffff21;border-radius:15px;min-height:115px;padding:22px;box-shadow:inset 0 0 24px #fd15320c}.service:hover{border-color:#ff2449;box-shadow:0 0 22px #f0173530}.service-icon{color:#ff284c}.project-grid{gap:16px}.project-tile{border:1px solid #ffffff2a;border-radius:15px;overflow:hidden;background:#131115;box-shadow:0 12px 25px #0006}.tile-visual{background:radial-gradient(circle at 65% 30%,#e7093760,transparent 55%),linear-gradient(135deg,#2a1119,#0c0a0d)!important}.tile-glyph{color:#ff2449;text-shadow:0 0 30px #fa214e}.project-view{border-color:#f92a4b;color:#fff}.contact-panel,.booking-form,.player-shell,.portfolio-card,.channel{border:1px solid #ffffff24;background-color:#141115;box-shadow:inset 0 0 25px #fb1a3c0b}.channel:hover,.portfolio-card:hover{border-color:#ff274b}.socials a:hover{color:#ff3157}.header-cta,.quick-services a{text-decoration:none}
@media(max-width:1000px){.header-cta{display:none}.quick-services{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-30px}.hero{min-height:580px}.hero-inner{padding-top:115px}.hero-nado{font-size:clamp(65px,15vw,150px)}}
@media(max-width:650px){.header{height:68px;padding:0 18px}.brandtext{font-size:16px}.hero{min-height:570px}.hero-inner{padding:95px 15px 55px}.hero-inner .eyebrow{letter-spacing:2px;font-size:9px}.hero-nado{font-size:clamp(58px,17vw,110px)}.hero-design{font-size:clamp(24px,7.2vw,50px)}.hero-sub{font-size:12px!important}.hero .actions{flex-wrap:wrap}.quick-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 12px;margin-top:-25px}.quick-services a{min-height:140px;padding:13px 10px;grid-template-columns:1fr;gap:5px}.quick-icon{grid-row:auto;font-size:32px}.quick-services strong{font-size:11px}.quick-services small{font-size:10px}.services{grid-template-columns:1fr}.hero-side{display:none}}
@media(prefers-reduced-motion:reduce){.hero-sparks,.hero-orb{animation:none!important}}

/* Official D Nado logo in navigation */
.header .brand{display:flex;align-items:center;flex:0 0 auto;min-width:0}
.header .brand-logo-image{display:block;width:clamp(125px,13vw,190px);height:58px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 9px rgba(244,20,40,.25))}
@media(max-width:900px){.header .brand-logo-image{width:140px;height:52px}}
@media(max-width:650px){.header .brand-logo-image{width:120px;height:48px}}

/* Real work gallery */
.real-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.real-gallery .media-tile{min-width:0;overflow:hidden;min-height:290px;background:#111;border:1px solid rgba(255,255,255,.12);border-radius:14px}
.gallery-open{position:relative;display:block;width:100%;height:100%;min-height:290px;padding:0;border:0;background:#151515;color:white;text-align:left;cursor:pointer;overflow:hidden}
.gallery-open img{display:block;width:100%;height:100%;min-height:290px;max-height:450px;object-fit:cover;transition:transform .5s ease,filter .5s ease}
.gallery-open:hover img,.gallery-open:focus-visible img{transform:scale(1.055);filter:brightness(.75)}
.media-tag,.media-action{position:absolute;z-index:2;left:18px;font-size:11px;font-weight:800;letter-spacing:.14em;text-shadow:0 1px 8px #000}
.media-tag{top:18px;background:rgba(0,0,0,.65);padding:9px 12px;border:1px solid rgba(255,255,255,.2)}
.media-action{bottom:18px}.media-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:rgba(225,20,42,.87);font-size:24px;box-shadow:0 0 45px #b9003470}
.media-lightbox{position:fixed;inset:0;margin:auto;padding:14px;width:min(1050px,96vw);max-height:94vh;border:1px solid #555;background:#09090c;color:white;border-radius:14px;box-shadow:0 25px 100px #000}
.media-lightbox::backdrop{background:rgba(0,0,0,.91);backdrop-filter:blur(9px)}
.lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 5px 14px;font-size:12px;letter-spacing:.12em}
#closeLightbox{border:1px solid #777;color:white;background:#202024;padding:10px 14px;cursor:pointer;border-radius:6px}
#lightboxContent{display:grid;place-items:center;max-height:calc(94vh - 90px)}
#lightboxContent img,#lightboxContent video{display:block;max-width:100%;max-height:calc(94vh - 95px);object-fit:contain;background:#000}
@media(max-width:850px){.real-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.real-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.real-gallery .media-tile,.gallery-open,.gallery-open img{min-height:205px}.media-tag,.media-action{left:9px;font-size:9px}.media-tag{top:9px;padding:6px}.media-action{bottom:10px}.media-play{width:45px;height:45px;font-size:18px}}