/* Fluid content and original 3D cover art across the existing DataSync routes. */
html,body {overflow-x:visible;max-width:100%;width:100%}
body {margin:0}
main {min-width:0;overflow:clip}
img,video {max-width:100%}
section,article,figure,nav,div {min-width:0}
figure {margin:0}
h1,h2,h3,p,a,button,summary,label,span,strong {overflow-wrap:break-word}
.section-art {grid-column:1/-1;display:block;width:100%;max-width:640px;margin:0 0 42px;aspect-ratio:3/2;border-radius:14px;overflow:hidden}
.section-art img {display:block;width:100%;height:100%;object-fit:cover}
.studio-note .section-art {max-width:540px}
.calculator-section>.section-art,.faq-section>.section-art,.hr-faq>.section-art,.about-presence>.section-art {max-width:640px;aspect-ratio:3/2}
.contact-band .section-art,.hr-final .section-art {width:170px;max-width:100%;aspect-ratio:3/2;margin-bottom:24px}
.card-art {display:block;width:100%;aspect-ratio:3/2;margin:0 0 22px;flex:none;border-radius:9px;overflow:hidden}
.card-art img {display:block;width:100%;height:100%;object-fit:cover}
.sector-image img,.proof-image img,.hr-photo img,.image-ribbon img {filter:none!important;transform:none!important;object-fit:cover}
.sector-card:hover,.feature-card:hover {transform:none}
.sector-grid,.feature-grid,.hr-pillar-grid,.hr-feature-grid,.hr-step-grid,.hr-plan-grid,.about-principles {align-items:stretch;gap:24px;background:transparent}
.fold-card.fold-ready {height:100%}
.fold-card .fold-inside {height:100%}
.feature-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
.service-directory-row,.industry-row {grid-template-columns:clamp(110px,13vw,175px) minmax(0,1fr) 24px;gap:14px 28px;padding:26px 0}
.directory-art {width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px;grid-column:1;grid-row:1/3}
.service-directory-row>span,.industry-row>span {display:none}
.service-directory-row>div {grid-column:2;grid-row:1/3}
.industry-row>h3 {grid-column:2;grid-row:1;margin:0}
.industry-row>p {grid-column:2;grid-row:2;margin:0}
.service-directory-row>i,.industry-row>i {grid-column:3;grid-row:1/3}
.industry-row:hover {padding-inline:0}
.section-scene {width:100%;height:100%;object-fit:cover}
.about-presence {row-gap:32px}
.btn {max-width:100%;white-space:normal;text-align:center;line-height:1.4}
.section-kicker span {font-size:.875rem;letter-spacing:.1em}
.back-link,.eyebrow {font-size:.875rem}
.hr-full-list summary {gap:20px;flex-wrap:wrap}
.hr-console-top,.hr-console-bottom {flex-wrap:wrap;gap:12px}
.hr-console-wrap {min-width:0;max-width:100%}
.hr-console {max-width:100%}
@media(max-width:1000px) {
 .feature-grid,.about-principles {grid-template-columns:repeat(2,minmax(0,1fr))}
 .hr-plan-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .signal-section,.proof-section,.calculator-section,.comparison-grid {grid-template-columns:1fr}
 .hero-copy,.service-hero-copy,.category-copy {width:100%;max-width:100%}
}
@media(max-width:760px) {
 :root {--pad:22px}
 .site-header {padding-inline:22px;gap:16px;max-width:100%}
 .brand {min-width:0}.brand img {max-width:min(185px,58vw);height:auto}
 .section,.calculator-section,.about-presence,.hr-final,.contact-band {padding-inline:22px}
 .sector-grid,.feature-grid,.about-principles,.hr-pillar-grid,.hr-feature-grid,.hr-step-grid,.hr-plan-grid {grid-template-columns:minmax(0,1fr);gap:24px}
 .intro-grid,.studio-note-grid,.hr-intro-heading,.hr-section-heading {grid-template-columns:minmax(0,1fr);gap:24px}
 .intro-grid h2,.studio-note h2,.signal-copy h2,.calc-copy h2,.proof-copy h2,.faq-section h2,.hr-intro h2,.hr-section-heading h2,.hr-photo-copy h2,.hr-faq h2,.hr-final h2,.about-presence h2,.contact-band h2 {font-size:clamp(2rem,9.2vw,3.2rem);line-height:1.08;letter-spacing:-.04em;max-width:100%}
 .hr-hero h1,.home-hero h1,.category-hero h1,.service-hero h1 {max-width:100%;line-height:1.05;letter-spacing:-.045em}
 .section-art {margin-bottom:30px;aspect-ratio:3/2}
 .calculator-section>.section-art,.faq-section>.section-art,.hr-faq>.section-art,.about-presence>.section-art {aspect-ratio:3/2}
 .service-directory-row,.industry-row {grid-template-columns:84px minmax(0,1fr) 16px;gap:12px}
 .service-directory-row h2,.industry-row h3 {font-size:1.35rem;line-height:1.25;letter-spacing:-.02em}
 .service-directory-row p,.industry-row p {font-size:1rem;line-height:1.55}
 .directory-art {align-self:start;aspect-ratio:1;height:auto}
 .proof-image,.hr-photo {min-height:0;aspect-ratio:3/2}
 .proof-copy,.hr-photo-copy,.signal-copy {padding:60px 22px}
 .image-ribbon figure {height:auto;min-height:0;aspect-ratio:3/2}
 .signal-visual {min-height:420px}
 .signal-section {grid-template-columns:1fr}
 .reveal.edge-left,.reveal.edge-right {transform:translateY(20px);clip-path:none}
 .reveal.is-visible {transform:none;clip-path:none}
 .hr-console {transform:none}.hr-console-content {padding:20px 12px}
 .hr-console-content h2 {font-size:1.75rem;line-height:1.15}
 .hr-console-row {grid-template-columns:26px minmax(0,1fr) 14px}
 .hr-console-row b {font-size:.875rem}.hr-console-row small {font-size:.8rem}
 .hr-console-top,.hr-console-bottom {font-size:.75rem;letter-spacing:.02em}
 .hr-console-icon {width:26px;height:26px;font-size:.75rem}
 .hr-hero-tags span,.hr-signal-strip {font-size:.8rem}
 .mobile-menu {width:100%;max-width:100%;overflow-x:hidden}
 .mobile-menu-inner {padding-inline:22px;min-width:0}
 .mobile-menu a,.mobile-menu summary {font-size:1rem;white-space:normal}
 .footer {padding-inline:22px}.footer a {overflow-wrap:anywhere}
 .guide-launch {right:12px;bottom:12px}
 .lead-dialog {width:calc(100% - 24px);max-width:calc(100% - 24px);max-height:calc(100svh - 24px)}
 .lead-form {padding:60px 20px;min-width:0}.lead-form input,.lead-form select {min-width:0;max-width:100%}
}
@media(prefers-reduced-motion:reduce){.reveal {opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}}