:root{--bg:#030405;--panel:#08090c;--gold:#e9b932;--gold2:#8d6500;--purple:#d13cff;--blue:#0a9dff;--text:#f5f5f6;--muted:#c2c3c7;--line:rgba(233,185,50,.55)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020304;color:var(--text);font-family:Inter,system-ui,sans-serif;min-width:320px}.page-shell{position:relative;overflow:hidden;min-height:100vh;padding:16px clamp(16px,4vw,72px) 28px;background:radial-gradient(circle at 10% 20%,rgba(167,0,255,.16),transparent 25%),radial-gradient(circle at 92% 20%,rgba(0,134,255,.17),transparent 25%),linear-gradient(180deg,#030405,#050608 68%,#020203)}.page-shell:before,.page-shell:after{content:"";position:absolute;top:-100px;width:34vw;height:540px;background-size:cover;background-position:center;opacity:.46;filter:saturate(1.15);z-index:0}.page-shell:before{left:-6vw;background-image:linear-gradient(90deg,transparent,rgba(0,0,0,.55)),url('dj-hero-temp.jpg');clip-path:polygon(0 0,100% 0,80% 100%,0 82%)}.page-shell:after{right:-6vw;background-image:linear-gradient(270deg,transparent,rgba(0,0,0,.58)),url('it-hero-temp.jpg');clip-path:polygon(0 0,100% 0,100% 83%,20% 100%)}.page-shell>*{position:relative;z-index:1}.brand-hero{text-align:center;max-width:920px;margin:0 auto 22px}.brand-mark{width:min(250px,46vw);height:82px;object-fit:cover;object-position:center 20%;mix-blend-mode:screen}.brand-hero h1{margin:-2px 0 2px;font:700 clamp(2rem,4.2vw,4.1rem)/1 Cinzel,serif;text-transform:uppercase;letter-spacing:.035em;background:linear-gradient(#fff4b6,#d7a51e 55%,#8f6500);-webkit-background-clip:text;color:transparent;text-shadow:0 0 28px rgba(231,177,30,.15)}.brand-subtitle{margin:6px 0 16px;text-transform:uppercase;font-size:clamp(.85rem,1.55vw,1.25rem);letter-spacing:.045em}.mission-line{display:flex;align-items:center;justify-content:center;gap:18px}.mission-line span{height:1px;width:72px;background:linear-gradient(90deg,transparent,var(--gold))}.mission-line span:last-child{background:linear-gradient(90deg,var(--gold),transparent)}.mission-line strong{text-transform:uppercase;font-size:clamp(1rem,1.8vw,1.45rem)}.mission-line em{font-style:normal;color:var(--gold)}.mission-copy{margin:7px 0;color:#ececec;font-size:clamp(.88rem,1.35vw,1.05rem)}.service-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-card{border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(16,12,22,.95),rgba(4,5,8,.98));box-shadow:0 24px 70px rgba(0,0,0,.45);min-width:0}.dj-card{border:1px solid var(--purple);box-shadow:0 0 26px rgba(209,60,255,.12)}.it-card{border:1px solid var(--blue);box-shadow:0 0 26px rgba(10,157,255,.12)}.card-media{height:265px;position:relative;overflow:hidden;background:#090b10}.card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,8,.1),rgba(4,5,8,.2) 55%,transparent),linear-gradient(0deg,#08090c,transparent 38%)}.dj-media{background:radial-gradient(circle at 30% 20%,rgba(202,0,255,.32),transparent 50%),#100616}.it-media{background:radial-gradient(circle at 30% 20%,rgba(0,135,255,.28),transparent 50%),#03101a}.service-logo{position:absolute;z-index:2;left:7%;top:7%;width:55%;height:122px;object-fit:cover;object-position:center;mix-blend-mode:screen}.service-person{position:absolute;right:0;top:0;height:100%;width:49%;object-fit:cover;filter:contrast(1.05) saturate(1.1)}.card-body{padding:0 28px 26px}.card-body h2{text-transform:uppercase;font-size:1.02rem;margin:-2px 0 18px;letter-spacing:.03em}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 10px;text-align:center;font-size:.72rem;color:#eee}.feature-grid div{display:flex;min-width:0;flex-direction:column;align-items:center;gap:4px}.feature-grid span{font-size:1.55rem;line-height:1;color:inherit}.dj-card .feature-grid span{filter:drop-shadow(0 0 7px var(--purple))}.it-card .feature-grid span{filter:drop-shadow(0 0 7px var(--blue))}.card-copy{border-top:1px solid rgba(255,255,255,.07);margin:17px -28px 16px;padding:16px 28px 0;color:#f1f1f1;line-height:1.45;font-size:.94rem}.card-actions{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.btn{min-height:50px;border-radius:7px;display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;text-decoration:none;font-weight:800;letter-spacing:.01em;padding:12px 16px;transition:.2s transform,.2s box-shadow}.btn:hover,.btn:focus-visible{transform:translateY(-2px)}.btn span{font-size:2rem;line-height:.5;margin-left:auto}.btn-gold{color:#090909;background:linear-gradient(#ffd967,#ca8d09);box-shadow:inset 0 1px #fff3b1}.btn-blue{color:white;background:linear-gradient(#0b9efd,#0462b7)}.btn-outline-purple{border:2px solid var(--purple);color:white}.btn-outline-gold{border:2px solid var(--gold);color:var(--gold)}.social-wrap{max-width:1240px;margin:14px auto 0}.follow-heading{display:flex;align-items:center;gap:14px;justify-content:center}.follow-heading span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--line))}.follow-heading span:last-child{background:linear-gradient(90deg,var(--line),transparent)}.follow-heading h2{font-size:1.15rem;text-transform:uppercase;color:var(--gold);white-space:nowrap}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.social-brand{display:flex;align-items:center;justify-content:center;gap:28px}.social-brand>img{width:112px;height:112px;object-fit:cover;border-radius:50%;border:2px solid currentColor}.dj-social{color:var(--purple)}.it-social{color:var(--blue)}.social-brand h3{text-align:center;text-transform:uppercase;margin:0 0 12px;font-size:1rem}.social-links{display:flex;gap:26px}.social-links a{width:50px;height:50px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:inherit;font-weight:800;font-size:1.3rem;position:relative}.social-links small{position:absolute;top:56px;color:#eaeaea;font-size:.68rem;font-weight:500}.contact-strip{max-width:1240px;margin:28px auto 0;border:1px solid rgba(224,171,24,.6);border-radius:10px;display:grid;grid-template-columns:repeat(3,1fr);background:rgba(9,10,11,.78)}.contact-strip>a,.contact-strip>div{min-height:74px;display:flex;align-items:center;justify-content:center;gap:16px;text-decoration:none;color:white}.contact-strip>*+*{border-left:1px solid rgba(224,171,24,.35)}.contact-strip b{font-size:2rem;color:var(--gold)}.contact-strip span{display:flex;flex-direction:column}.contact-strip strong{font-size:1.05rem}.contact-strip small{color:#e2e2e2;margin-top:3px}footer{max-width:1240px;margin:16px auto 0;display:flex;justify-content:center;gap:42px;align-items:center;font-size:.78rem;color:#ddd}footer nav{display:flex;gap:22px}footer a{color:#eee;text-decoration:none}
@media(max-width:1000px){.service-grid,.social-grid{grid-template-columns:1fr}.page-shell:before,.page-shell:after{opacity:.22}.social-brand{min-height:155px}.it-social{flex-direction:row-reverse}.service-card{max-width:760px;margin:auto;width:100%}}
@media(max-width:680px){.page-shell{padding:12px 12px 24px}.brand-mark{height:64px}.brand-hero h1{font-size:1.85rem}.brand-subtitle{font-size:.72rem}.mission-line{gap:8px}.mission-line span{width:30px}.mission-line strong{font-size:.88rem}.card-media{height:215px}.service-logo{width:64%;height:96px}.service-person{width:53%}.card-body{padding:0 16px 18px}.feature-grid{grid-template-columns:repeat(2,1fr);font-size:.76rem;gap:15px}.card-copy{margin:16px -16px 14px;padding:14px 16px 0}.card-actions{grid-template-columns:1fr}.btn{min-height:48px}.social-brand{gap:14px;flex-direction:column!important}.social-brand>img{width:88px;height:88px}.social-links{gap:16px}.social-links a{width:44px;height:44px}.contact-strip{grid-template-columns:1fr}.contact-strip>*+*{border-left:0;border-top:1px solid rgba(224,171,24,.35)}footer{flex-direction:column;gap:6px;text-align:center}.page-shell:before,.page-shell:after{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}