/* User review: keep the established red-orange accent and aligned content. */
.sound h2,.services .section-title h2,.process .section-title h2,.about h2,.testimonials .testimonial-title h2,.pricing .section-title h2,.service-dialog h2{color:var(--gold)!important;-webkit-text-fill-color:var(--gold)!important}
.services>.section-title,.process>.section-title,.testimonials>.testimonial-title,.pricing>.section-title{width:min(100%,var(--content-max))!important;max-width:var(--content-max)!important;margin-inline:auto!important}
.process-grid li{min-height:0!important;padding:26px!important;gap:14px!important;grid-template-rows:auto auto auto!important;align-content:start!important}
.process-grid p{align-self:start!important}
.process{padding-inline:calc(var(--gutter) + 14px)!important}
.about-layout{align-items:start!important}
.about-copy{padding-block:0!important;display:flex;flex-direction:column;min-height:0}
.about-text{margin-top:24px!important;max-height:var(--about-preview-height,360px);overflow:hidden;mask-image:linear-gradient(#000 0%,#000 60%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 60%,transparent 100%)}
.about-more{margin:8px 0 0!important;flex-shrink:0}
.about-image{align-self:start!important;min-height:0!important}
.mix-pricing{display:block!important;background:#121212;border-radius:24px!important;overflow:hidden;padding:clamp(24px,4vw,48px);max-width:760px}
.mix-heading,.mix-calculator{border:0!important;background:transparent!important;padding:0!important;border-radius:0!important}
.mix-heading h3{font-size:2rem!important;margin:0 0 24px!important;line-height:1.15!important;color:var(--gold)!important}
.mix-result{min-height:0!important;grid-template-rows:auto auto 5.25em!important;gap:12px!important;padding-bottom:20px!important}
.mix-result p{margin:0!important;min-height:0!important;line-height:1.75!important;align-self:start}
.mix-result strong{font-variant-numeric:tabular-nums;white-space:nowrap}
.faq-heading .faq-toggle{min-width:112px!important}
.faq-list{overflow:hidden;transition:height .5s ease,opacity .35s ease}
.faq-collapse{display:flex;width:64px;height:48px;margin:26px auto 0;align-items:center;justify-content:center;border:1px solid #b5b0a8;border-radius:12px!important;background:transparent;color:var(--gold);cursor:pointer}
.faq-collapse span{width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:12px solid currentColor}
.contact-layout{grid-template-rows:auto auto;column-gap:clamp(24px,4vw,64px)}
.contact-copy{grid-column:1;grid-row:1/3}
.contact-form{grid-column:2;grid-row:1}
.direct-contact{grid-column:2;grid-row:2;margin-top:22px;padding:30px;border:0;border-radius:24px!important;background:var(--surface-white);color:#171513;position:relative;z-index:2}
.service-detail-copy h2{font-size:1.35rem!important;margin:32px 0 18px!important;letter-spacing:normal}
.service-detail-copy a{color:var(--gold);overflow-wrap:anywhere}
.reference-row .track-cover{height:calc(100% + var(--credit-height,64px))!important}
.reference-row .track-card.is-player-open .track-cover{height:100%!important}
@media(hover:hover){.reference-row .track-card:hover .track-cover{height:100%!important}}
.reference-row .track-credit{height:auto!important;min-height:64px!important;padding:12px 16px!important;font-size:.8125rem!important;line-height:1.5!important;text-transform:none!important;letter-spacing:normal!important}
.reference-row .track-card{display:flex;flex-direction:column}
.reference-row .track-player{flex-shrink:0}
.spotify-enabled [data-interactive-spotify].is-player-open .track-cover{opacity:0!important;pointer-events:none!important}
.spotify-enabled [data-interactive-spotify].is-player-open .spotify-embed{opacity:1!important;transform:none!important;pointer-events:auto!important}
@media(max-width:1050px){.contact-layout{grid-template-columns:1fr!important}.contact-copy,.contact-form,.direct-contact{grid-column:1;grid-row:auto}.direct-contact{margin-top:0}.about-copy{padding-top:0!important}}
@media(max-width:760px){.about-copy{padding-top:32px!important}.about-text{max-height:340px}.mix-pricing{padding:26px 22px}.mix-result{grid-template-rows:auto auto 5.25em!important}.direct-contact{padding:26px 20px}}
@media(max-width:760px){.process{padding-inline:32px!important}}
@media(prefers-reduced-motion:reduce){.faq-list{transition:none}}

/* Consistent controls and compact, connected layouts. */
.service-more{width:max-content!important;min-width:0!important;min-height:0!important;align-self:flex-start!important;padding:7px 13px!important;line-height:1.25!important;border-radius:var(--radius)!important}
.service-dialog,.detail-close,.faq-collapse,.direct-contact,.mix-pricing,.price-list article,.contact-form,.process-grid li{border-radius:var(--radius)!important}
.about{padding-block:clamp(66px,7vw,105px)!important}
.about-text{transition:max-height .55s ease}
.about-text.is-expanded{mask-image:none;-webkit-mask-image:none}
.pricing-ledger{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)!important;gap:14px!important;align-items:stretch!important}
.mix-pricing{max-width:none!important;width:auto!important;margin:0!important;background:#151515!important;padding:28px!important}
.price-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin:0!important}
.price-list article{min-height:0!important;padding:22px!important;background:#151515!important}
#faq .faq-layout .faq-heading>h2{font-size:clamp(2.5rem,4.5vw,4.5rem)!important;line-height:1!important;margin:0!important}
#faq .faq-layout .faq-heading>.faq-toggle{width:112px!important;min-width:112px!important;max-width:112px!important;height:46px!important;min-height:46px!important;padding:10px 18px!important;font-size:16px!important;line-height:24px!important;box-sizing:border-box!important;border-radius:var(--radius)!important}
.contact{min-height:0!important;padding-top:80px!important;padding-bottom:150px!important}
.contact-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;grid-template-rows:auto 1fr!important;gap:28px 48px!important;align-items:start!important}
.contact-copy{grid-column:1!important;grid-row:1!important}
.contact-form{grid-column:2!important;grid-row:1/3!important}
.direct-contact{grid-column:1!important;grid-row:2!important;margin:0!important;padding:26px!important;gap:0!important;align-self:start}
.direct-contact h3{margin-bottom:14px!important}
.direct-contact a{display:block;padding:10px 0;font-size:.9375rem;text-decoration:none;border-bottom:1px solid #17151320}
.direct-contact a:hover{text-decoration:underline;text-underline-offset:4px}
.direct-contact a:first-of-type{color:#b63b21;font-weight:650}
.direct-contact p{margin-top:18px!important;max-width:32ch}
@media(max-width:1050px){.contact-layout{grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:24px!important}.contact-copy{grid-row:1!important}.contact-form{grid-column:1!important;grid-row:2!important}.direct-contact{grid-row:3!important}.pricing-ledger{grid-template-columns:1fr!important}}
@media(max-width:760px){#faq .faq-layout .faq-heading>h2{font-size:clamp(2.05rem,10vw,2.8rem)!important}.price-list article{padding:20px!important}.price-list h3{font-size:1rem!important}.price-list strong{font-size:1.4rem!important}.contact{padding-top:60px!important;padding-bottom:170px!important}.direct-contact{padding:24px!important}}
@media(prefers-reduced-motion:reduce){.about-text{transition:none}}
.footer{flex-wrap:wrap!important;row-gap:18px!important}
.footer .footer-contact{flex:0 0 100%;width:100%;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;align-self:flex-start!important;gap:8px!important;padding:0!important;margin:0!important;background:none!important}
.footer .footer-contact a{font-size:.875rem!important;text-transform:none!important;letter-spacing:normal!important;white-space:nowrap}
/* Keep the entire footer over the final image, even when its links wrap. */
.contact{padding-bottom:calc(var(--footer-height,220px) + 32px)!important}
.footer{margin-top:calc(-1 * var(--footer-height,220px))!important;background:transparent!important}