/* Scoped to the Dynamik Systems home page only */
.hc{position:relative;overflow:hidden;isolation:isolate}
.hc h2{letter-spacing:-.064em;line-height:1.075;font-weight:600}
.hc em{font-style:normal}
.hc-eyeline{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid currentColor;padding-bottom:22px;font-size:10px;letter-spacing:.17em;font-weight:700;opacity:.75}
.hc-label{font-size:11px;font-weight:800;letter-spacing:.17em;color:#966d47}
.cnc-statement{padding:90px 0 85px;background:#ebe9e3;color:#181b1c}
.hc-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:6%;padding:70px 0 62px;align-items:stretch}
.hc-copy h2{font-size:clamp(52px,5.45vw,86px);margin:21px 0 32px}
.hc-copy h2 em{color:#8c7764}
.hc-copy p{font-size:clamp(16px,1.45vw,19px);line-height:1.72;color:#4e5553;max-width:650px;margin-top:16px}
.hc-media{position:relative;background:#1b2020;min-height:550px;overflow:hidden}
.hc-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.08)}
.hc-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0a0e0fba,transparent 44%);pointer-events:none}
.hc-media-credit{position:absolute;bottom:22px;left:24px;z-index:1;font-size:10px;letter-spacing:.16em;color:white;font-weight:700}
.hc-proof{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:7%;border-top:1px solid #a1a7a3;border-bottom:1px solid #a1a7a3;padding:32px 0}
.hc-percent{font-family:"Space Grotesk",sans-serif;font-size:clamp(100px,12vw,183px);line-height:1;letter-spacing:-.095em;font-weight:600;white-space:nowrap}
.hc-percent span{font-size:.45em;vertical-align:top;line-height:1.2;margin-left:9px;display:inline-block}
.hc-proof-title{font-family:"Space Grotesk",sans-serif;font-size:clamp(23px,2.8vw,38px);line-height:1.17;font-weight:600;letter-spacing:-.04em;max-width:600px}
.hc-proof-title small{font-family:"DM Sans",sans-serif;display:block;letter-spacing:normal;font-size:14px;font-weight:400;color:#656b69;margin-top:15px;line-height:1.4}
.hc-auto{padding:114px 0 120px;background:#101516;color:#f0efe9}
.hc-auto:before{content:"";position:absolute;right:-18%;top:-50%;height:120%;width:70%;border-radius:50%;border:1px solid #ffffff20;box-shadow:0 0 0 110px #ffffff05,0 0 0 210px #ffffff03;z-index:-1;pointer-events:none}
.hc-auto h2{font-size:clamp(55px,6.4vw,106px);margin:70px 0 95px;max-width:1250px}
.hc-auto em{color:#d4aa7a}
.hc-bottom{display:flex;justify-content:space-between;align-items:end;gap:70px;border-top:1px solid #89928f;padding-top:30px}
.hc-bottom p{font-size:clamp(17px,1.7vw,22px);line-height:1.64;max-width:670px;color:#bcc5c1}
.hc-arrow{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border-bottom:1px solid #cda378;padding-bottom:13px;white-space:nowrap;font-size:14px;font-weight:700;transition:gap .22s}
.hc-arrow span{font-size:22px;color:#cda378}
.hc-arrow:hover{gap:58px}
.hc-integracion{padding:106px 0 110px;background:#dadbd5;color:#191e1d}
.hc-integration-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.7fr);gap:7%;padding:76px 0 108px;align-items:end}
.hc-integration-grid h2{font-size:clamp(49px,5.7vw,92px)}
.hc-integracion em{color:#847365}
.hc-integration-copy p{font-size:clamp(17px,1.55vw,21px);line-height:1.72;color:#4d5553;margin-bottom:37px}
.hc-integracion .hc-arrow{border-color:#85684d}
.hc-integracion .hc-arrow span{color:#85684d}
.hc-equation{border-top:1px solid #8e9994;padding-top:24px;display:flex;gap:26px;align-items:center;font-weight:700;letter-spacing:.055em;font-size:13px}
.hc-equation>span{color:#66706c}
.hc-equation i{height:1px;background:#a5ada7;flex:1;position:relative}
.hc-equation i:after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-right:1px solid #66706c;border-top:1px solid #66706c;transform:rotate(45deg)}
.hc-equation strong{font-size:clamp(17px,2.4vw,31px);letter-spacing:-.03em}
.hc-resources{padding:118px 0 136px;background:#171f20;color:#f1f1eb}
.hc-resources-art{position:absolute;z-index:-1;right:-13%;top:-40%;width:75vw;aspect-ratio:1;border:1px solid #a9b9b01e;transform:rotate(37deg);box-shadow:0 0 0 130px #ffffff03,0 0 0 260px #ffffff02}
.hc-resources-grid{display:grid;grid-template-columns:1fr 3fr;gap:5%}
.hc-resources-label{color:#d0a778;font-size:11px;letter-spacing:.17em;font-weight:700;padding-top:12px}
.hc-resources h2{font-size:clamp(48px,6vw,94px);max-width:1020px}
.hc-resources em{color:#c5aa8d}
.hc-resources p{max-width:770px;font-size:clamp(17px,1.6vw,21px);line-height:1.73;color:#bfc9c5;margin-top:40px}
.hc-contact{padding:115px 0 118px;background:#edeae4;color:#1a1d1d}
.hc-contact h2{font-size:clamp(52px,6.8vw,105px);margin:22px 0 79px;max-width:1150px}
.hc-contact em{color:#8a7766}
.hc-contact .hc-bottom{border-color:#a2aaa6}
.hc-contact .hc-bottom p{color:#56605c}
.hc-contact-button{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:19px 23px;background:#1a2121;color:#f6f3ee;min-width:255px;font-size:14px;font-weight:700}
.hc-contact-button span{font-size:25px;color:#d0a778}
.hc-contact-button:hover{background:#8b7157}
@media(max-width:1020px){.hc-grid{gap:34px}.hc-media{min-height:490px}.hc-copy h2{font-size:clamp(47px,5.8vw,67px)}.hc-integration-grid{grid-template-columns:1.2fr .8fr;gap:5%}}
@media(max-width:790px){.cnc-statement{padding:60px 0 75px}.hc-grid{grid-template-columns:1fr;gap:40px;padding:48px 0}.hc-copy h2{font-size:clamp(46px,8.7vw,74px)}.hc-media{min-height:420px}.hc-percent{font-size:clamp(90px,14vw,125px)}.hc-auto,.hc-integracion{padding:78px 0 84px}.hc-auto h2{font-size:clamp(47px,8.4vw,76px);margin:55px 0 72px}.hc-bottom{flex-direction:column;align-items:start;gap:33px}.hc-integration-grid{grid-template-columns:1fr;gap:36px;padding:54px 0 70px}.hc-integration-grid h2{font-size:clamp(47px,8vw,75px)}.hc-resources{padding:84px 0}.hc-resources-grid{grid-template-columns:1fr;gap:28px}.hc-contact{padding:84px 0}.hc-contact h2{margin-bottom:58px}}
@media(max-width:530px){.hc-eyeline{font-size:9px;letter-spacing:.08em}.hc-copy h2{font-size:clamp(42px,10.5vw,57px)}.hc-copy p{font-size:16px}.hc-media{min-height:315px}.hc-proof{grid-template-columns:1fr;gap:16px;padding:25px 0}.hc-percent{font-size:110px}.hc-proof-title{font-size:26px}.hc-auto h2{font-size:clamp(42px,10.5vw,60px)}.hc-bottom p{font-size:17px}.hc-integration-grid h2{font-size:clamp(40px,10vw,57px)}.hc-integration-copy p{font-size:17px}.hc-arrow{white-space:normal;gap:18px}.hc-equation{gap:10px;flex-wrap:wrap}.hc-equation i{min-width:30px}.hc-equation strong{font-size:17px}.hc-resources h2{font-size:clamp(40px,10.5vw,60px)}.hc-resources p{font-size:17px}.hc-contact h2{font-size:clamp(43px,10.5vw,65px)}.hc-contact-button{width:100%}}

/* Human capital pressure — automation opportunity */
.hc-industry-line{font-family:"Space Grotesk","DM Sans",sans-serif;font-size:clamp(25px,3.1vw,45px);letter-spacing:-.045em;line-height:1.2;font-weight:600;color:#e6bb8e;max-width:740px;margin:-38px 0 63px;padding-left:22px;border-left:3px solid #d4aa7a}
@media(max-width:790px){.hc-industry-line{margin:-12px 0 50px}}
@media(max-width:530px){.hc-industry-line{font-size:clamp(26px,7.5vw,38px);margin:-18px 0 44px}}

/* Portada CNC: composición editorial sin reutilizar medios de otras secciones. */
.cnc-statement .hc-grid{display:block;padding:78px 0 65px}
.cnc-statement .hc-copy{max-width:1120px}
.cnc-statement .hc-copy h2{max-width:1090px;font-size:clamp(54px,6.3vw,105px)}
.cnc-statement .hc-copy p{max-width:790px}
@media(max-width:790px){.cnc-statement .hc-grid{padding:51px 0 46px}.cnc-statement .hc-copy h2{font-size:clamp(45px,8vw,76px)}}
@media(max-width:530px){.cnc-statement .hc-grid{padding:45px 0 42px}.cnc-statement .hc-copy h2{font-size:clamp(41px,10.4vw,57px)}}