/* About page refresh — editorial, people-led, compact. */
.about-page-v637{
  --about-cyan:#35d6e5;
  --about-violet:#8b68df;
  --about-ink:#f5f7f9;
  --about-muted:#a9b0ba;
  --about-panel:#0b0d12;
  background:#050609;
}

.about-page-v637 .about-hero{
  min-height:640px!important;
  align-items:center!important;
  padding-top:84px;
}
.about-page-v637 .about-hero::before{
  background:
    linear-gradient(90deg,#050609fb 0%,#050609ed 36%,#0506099c 59%,#05060932 82%),
    linear-gradient(0deg,#050609e8 0%,rgba(5,6,9,.08) 48%),
    radial-gradient(circle at 76% 38%,rgba(53,214,229,.14),transparent 24%),
    url("photos/mobile-dj-party-dorset-hampshire.webp") 63% 50%/cover no-repeat!important;
}
.about-page-v637 .about-hero::after{
  background:
    radial-gradient(circle at 74% 34%,rgba(53,214,229,.10),transparent 20%),
    radial-gradient(circle at 26% 74%,rgba(139,104,223,.14),transparent 28%)!important;
  opacity:.72!important;
}
.about-page-v637 .about-hero .page-hero-inner{
  width:min(1180px,calc(100% - 48px));
  max-width:none;
  margin:0 auto;
  padding:42px 0 46px!important;
}
.about-page-v637 .about-hero h1{
  max-width:820px!important;
  margin:12px 0 18px!important;
  font-size:clamp(4.2rem,7vw,6.25rem)!important;
  line-height:.88!important;
  letter-spacing:-.055em!important;
  text-transform:none!important;
}
.about-page-v637 .about-hero h1 span{
  color:#fff!important;
  background:linear-gradient(108deg,#ffffff 0%,#e6fbff 45%,#b9ecf1 67%,#d7c5ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.about-page-v637 .about-hero h1 span::after{display:none!important}
.about-page-v637 .about-hero .hero-intro{
  max-width:720px!important;
  margin-bottom:17px;
  color:#d3d8de!important;
  font-size:clamp(1rem,1.35vw,1.15rem)!important;
  line-height:1.65;
}
.about-page-v637 .hero-number{display:none!important}
.about-hero-capabilities{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  max-width:760px;
  margin:0 0 24px;
}
.about-hero-capabilities span{
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:rgba(8,12,18,.44);
  color:#e7ebef;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
  backdrop-filter:blur(8px);
}
.about-hero-capabilities span:nth-child(2n){border-color:rgba(53,214,229,.24)}
.about-hero-capabilities span:nth-child(2n+1){border-color:rgba(139,104,223,.24)}

.about-proof-strip{
  position:relative;
  z-index:3;
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
  background:linear-gradient(90deg,#090b10,#0a0d12 55%,#071015);
}
.about-proof-strip .about-shell{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
}
.about-proof-strip span{
  min-height:76px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:18px 22px;
  border-right:1px solid rgba(255,255,255,.07);
  color:#9fa8b2;
  font-size:.74rem;
  line-height:1.4;
}
.about-proof-strip span:last-child{border-right:0}
.about-proof-strip b{
  color:#f2f6f8;
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.about-belief-section{
  padding:clamp(70px,7vw,96px) 0!important;
  background:linear-gradient(135deg,#08090d,#090b11 58%,#061014)!important;
}
.about-belief-section::before{opacity:.45}
.about-belief-section::after{
  background:radial-gradient(circle at 14% 85%,rgba(139,104,223,.11),transparent 27%),radial-gradient(circle at 88% 18%,rgba(53,214,229,.07),transparent 23%)!important;
}
.about-belief-section .about-shell{
  grid-template-columns:minmax(0,.92fr) minmax(380px,.78fr)!important;
  gap:clamp(44px,7vw,92px)!important;
  align-items:center!important;
}
.about-belief-heading h2{
  max-width:670px!important;
  margin:14px 0 0!important;
  font-size:clamp(3.15rem,5vw,4.75rem)!important;
  line-height:.94!important;
  letter-spacing:-.045em!important;
  text-transform:none!important;
}
.about-belief-heading h2 span{color:var(--about-cyan)!important}
.about-belief-copy{
  padding-top:0!important;
  max-width:610px;
}
.about-belief-copy .lead{
  margin:0 0 18px!important;
  color:#eef2f5!important;
  font-size:clamp(1.14rem,1.7vw,1.4rem)!important;
  line-height:1.55!important;
  font-weight:620!important;
}
.about-belief-copy>p:not(.lead):not(.about-belief-note){
  margin:0!important;
  color:#a7afb8!important;
  font-size:.96rem!important;
  line-height:1.72!important;
}
.about-belief-note{
  display:inline-flex;
  margin:22px 0 0!important;
  padding:9px 13px;
  border-left:2px solid var(--about-violet);
  background:rgba(139,104,223,.06);
  color:#d8dde3!important;
  font-size:.76rem!important;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.about-method-section{
  padding:clamp(70px,7vw,96px) 0!important;
  background:#050609!important;
}
.about-section-head{
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.45fr)!important;
  gap:42px!important;
  margin-bottom:30px!important;
}
.about-section-head h2{
  margin:13px 0 0!important;
  max-width:760px;
  font-size:clamp(3rem,4.7vw,4.45rem)!important;
  line-height:.95!important;
  letter-spacing:-.045em!important;
  text-transform:none!important;
}
.about-section-head h2 span{color:var(--about-violet)!important}
.about-section-head>p{
  margin:0 0 4px!important;
  color:#a3abb5!important;
  line-height:1.65!important;
}
.about-method-grid{gap:12px!important}
.about-method-grid article{
  min-height:300px!important;
  padding:24px!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 4%,rgba(255,255,255,.04)),rgba(255,255,255,.012) 58%,rgba(0,0,0,.07)),rgba(9,11,16,.72)!important;
}
.about-card-mark{
  width:42px!important;
  height:42px!important;
  margin-top:28px!important;
  border-radius:12px!important;
  font-size:1.05rem!important;
}
.about-method-grid h3{
  max-width:340px!important;
  margin:18px 0 11px!important;
  font-size:clamp(1.45rem,2vw,2rem)!important;
  line-height:1.04!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
}
.about-method-grid p{
  color:#a4acb5!important;
  font-size:.91rem;
  line-height:1.62!important;
}

.about-planning-band{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto clamp(70px,7vw,96px);
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:stretch!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  background:linear-gradient(135deg,#0a0c11,#090b10 56%,#071015)!important;
  box-shadow:0 30px 70px rgba(0,0,0,.22);
}
.about-planning-band>img{
  position:relative!important;
  inset:auto!important;
  grid-column:2;
  grid-row:1;
  width:100%!important;
  height:100%!important;
  min-height:440px;
  object-fit:cover!important;
  object-position:52% center!important;
  filter:saturate(.92) contrast(1.03)!important;
}
.about-planning-overlay{display:none!important}
.about-planning-inner{
  grid-column:1;
  grid-row:1;
  width:auto!important;
  margin:0!important;
  padding:clamp(44px,5vw,66px)!important;
  align-self:center;
}
.about-planning-inner h2{
  max-width:560px!important;
  margin:12px 0 18px!important;
  font-size:clamp(2.8rem,4.3vw,4.15rem)!important;
  line-height:.96!important;
  letter-spacing:-.045em!important;
  text-transform:none!important;
}
.about-planning-inner h2 span{color:var(--about-cyan)!important}
.about-planning-inner>p:not(.eyebrow){
  max-width:520px!important;
  margin:0 0 14px!important;
  color:#b8c0c8!important;
  font-size:.94rem!important;
  line-height:1.68!important;
}
.about-planning-inner .line-link{margin-top:9px;color:#dffbff!important;border-color:rgba(53,214,229,.72)!important}

.about-area-section{
  padding:clamp(70px,7vw,96px) 0!important;
  background:linear-gradient(135deg,#090a10,#07090d 57%,#061014)!important;
}
.about-area-section::before{
  background:radial-gradient(circle at 12% 84%,rgba(139,104,223,.11),transparent 26%),radial-gradient(circle at 88% 22%,rgba(53,214,229,.08),transparent 24%)!important;
}
.about-area-grid{
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.62fr)!important;
  gap:clamp(42px,7vw,86px)!important;
  align-items:center!important;
}
.about-area-grid h2{
  max-width:760px;
  margin:14px 0 0!important;
  font-size:clamp(3rem,4.9vw,4.65rem)!important;
  line-height:.96!important;
  letter-spacing:-.045em!important;
  text-transform:none!important;
}
.about-area-grid h2 span{color:var(--about-violet)!important}
.about-area-copy>p{
  margin:0 0 20px!important;
  color:#abb3bd!important;
  font-size:.96rem!important;
  line-height:1.7!important;
}
.about-area-tags{margin-bottom:24px!important}
.about-area-tags span{padding:8px 10px!important;font-size:.59rem!important}
.about-area-tags span:nth-child(even){border-color:rgba(53,214,229,.18)!important;background:rgba(53,214,229,.03)!important}
.about-area-tags span:nth-child(odd){border-color:rgba(139,104,223,.19)!important;background:rgba(139,104,223,.035)!important}

@media(max-width:900px){
  .about-page-v637 .about-hero{min-height:600px!important}
  .about-proof-strip .about-shell{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-proof-strip span:nth-child(2){border-right:0}
  .about-proof-strip span:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}
  .about-belief-section .about-shell,
  .about-section-head,
  .about-area-grid{grid-template-columns:1fr!important}
  .about-section-head{gap:18px!important}
  .about-method-grid{grid-template-columns:1fr!important}
  .about-method-grid article{min-height:0!important}
  .about-planning-band{grid-template-columns:1fr}
  .about-planning-band>img{grid-column:1;grid-row:1;min-height:340px;aspect-ratio:16/10}
  .about-planning-inner{grid-column:1;grid-row:2}
}

@media(max-width:650px){
  .about-page-v637 .about-hero{
    min-height:610px!important;
    padding-top:70px!important;
    padding-bottom:0!important;
  }
  .about-page-v637 .about-hero::before{
    background:
      linear-gradient(0deg,#050609f4 0%,#050609cf 46%,#05060958 78%),
      linear-gradient(90deg,#050609b9 0%,rgba(5,6,9,.18) 78%),
      url("photos/mobile-dj-party-dorset-hampshire.webp") 66% center/cover no-repeat!important;
  }
  .about-page-v637 .about-hero .page-hero-inner{width:calc(100% - 40px);padding:44px 0 38px!important}
  .about-page-v637 .about-hero h1{
    font-size:clamp(3.3rem,15vw,4.7rem)!important;
    line-height:.9!important;
  }
  .about-page-v637 .about-hero .hero-intro{font-size:.98rem!important;line-height:1.55!important}
  .about-hero-capabilities{gap:6px;margin-bottom:20px}
  .about-hero-capabilities span{padding:6px 8px;font-size:.56rem}
  .about-proof-strip .about-shell{width:100%;grid-template-columns:1fr 1fr}
  .about-proof-strip span{min-height:70px;padding:14px 16px;font-size:.66rem;display:block}
  .about-proof-strip b{display:block;margin-bottom:3px;font-size:.62rem}
  .about-belief-section,.about-method-section,.about-area-section{padding:62px 0!important}
  .about-belief-heading h2,.about-section-head h2,.about-area-grid h2{
    font-size:clamp(2.65rem,12vw,3.8rem)!important;
    line-height:.97!important;
  }
  .about-belief-copy .lead{font-size:1.08rem!important}
  .about-belief-note{font-size:.66rem!important}
  .about-method-grid article{padding:20px!important}
  .about-card-mark{margin-top:22px!important}
  .about-method-grid h3{font-size:1.55rem!important}
  .about-planning-band{width:calc(100% - 32px);margin-bottom:62px;border-radius:18px}
  .about-planning-band>img{min-height:260px}
  .about-planning-inner{padding:32px 24px 36px!important}
  .about-planning-inner h2{font-size:clamp(2.5rem,11vw,3.55rem)!important}
  .about-area-grid{gap:28px!important}
}

@media(prefers-reduced-motion:reduce){
  .about-page-v637 *{scroll-behavior:auto}
}