/* Shared editorial rhythm: one content width, restrained headings, aligned cards. */
:root{--max:1280px;--gutter:clamp(22px,5vw,64px)}
.section-space{padding-top:76px;padding-bottom:76px}
.section-kicker{margin-bottom:28px;letter-spacing:.1em}
.section-kicker>span:last-child{display:none}
.section-heading{gap:32px;margin-bottom:32px;align-items:center}
.section-heading h2,.studio h2,.contact h2,.reviews h2{font-size:clamp(2.4rem,4.2vw,3.8rem);line-height:1.08}
.section-heading>p{max-width:350px;padding-bottom:0}
.hero{padding-top:56px;grid-template-columns:1.3fr .8fr;gap:32px;align-items:center}
.hero h1{font-size:clamp(3rem,5.4vw,5.4rem);line-height:1.07}
.hero-copy{padding-bottom:40px}
.hero-art{margin:0;max-width:370px;justify-self:end;background:none}
.brand-emblem{margin:0;animation:none}
.hero-description{max-width:480px;margin-top:24px}
.hero-buttons{gap:20px;margin-top:24px}
.hero .microcopy{max-width:440px;font-size:.875rem}
.hero-foot{width:100%;font-size:.75rem;padding:18px 0}
.header-call{white-space:nowrap;max-width:none}
.desktop-nav{gap:24px}
.project-grid{gap:24px;align-items:stretch}
.project-card{display:flex;flex-direction:column}
.project-image{aspect-ratio:4/3}
.project-image img{object-fit:contain}
.project-image .dj-portrait{object-fit:cover;object-position:50% 37%}
.project-copy{padding:26px;display:flex;flex-direction:column;flex:1}
.project-copy h3{font-size:2.2rem;margin:12px 0}
.project-copy .eyebrow{min-height:2.8em;align-items:flex-start;letter-spacing:.06em}
.project-output{margin-top:auto;padding-top:20px;border:0}
.project-output>span{display:none}
.project-output p{border-top:1px solid var(--line);padding-top:16px;font-size:.9375rem}
.portfolio-more{margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.portfolio-more>summary{cursor:pointer;padding:20px 0;font-size:1rem}
.portfolio-more>summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.portfolio-more .creative-grid{margin:0 0 24px}
.portfolio-download{border:0;margin-top:24px;padding-top:0}
.studio-grid,.contact-grid{grid-template-columns:1fr 1fr;gap:48px}
.founder-photo{margin-top:32px}
.founder-photo img{max-height:460px;object-position:center}
.audiences{margin-top:36px}
.service{padding:28px 0;gap:24px}
.service h3{font-size:2rem}
.services>*{max-width:1152px}
.services{padding-left:max(var(--gutter),calc((100vw - 1152px)/2));padding-right:max(var(--gutter),calc((100vw - 1152px)/2))}
.step-num{margin-bottom:20px}
.contact-actions{padding-top:0}
.contact{background:none}
.reviews{background:var(--surface)}
.button{gap:14px}
.reviews-home-actions .button{max-width:100%;white-space:normal;text-align:center}
.reviews-page .reviews{max-width:1280px}
.reviews-page h1{font-size:clamp(2.5rem,4.6vw,4rem)}
@media(max-width:900px){.hero{gap:20px}.header-call{font-size:.875rem}.studio-grid,.contact-grid{gap:28px}}
@media(max-width:700px){.section-space{padding-top:52px;padding-bottom:52px}.hero{grid-template-columns:1fr;padding-top:36px;gap:0}.hero h1{font-size:clamp(2.8rem,10.5vw,4.3rem)}.hero-copy{padding-bottom:24px}.hero-art{width:180px;max-width:180px;justify-self:center;margin:0 auto 24px}.brand-emblem{width:100%}.hero-foot{gap:6px}.section-heading h2,.studio h2,.contact h2,.reviews h2{font-size:2.65rem}.section-heading>p{max-width:none;margin-top:18px}.project-grid{grid-template-columns:1fr;gap:24px}.project-copy{padding:22px}.project-copy .eyebrow{min-height:0}.project-output{margin-top:4px}.studio-grid,.contact-grid{grid-template-columns:1fr;gap:24px}.founder-photo img{aspect-ratio:4/3}.reviews-home-actions{gap:16px}.reviews-home-actions .button{width:100%}.portfolio-download{gap:18px}.portfolio-download>div{gap:16px;flex-wrap:wrap}.service h3{font-size:1.8rem}.service{gap:16px 12px}.services-footer .button{justify-content:center}.site-footer{padding-top:32px}.header-call{font-size:.8125rem;padding:10px}.reviews-page .section-heading>button{margin-top:20px}}
