/* Shared rhythm and restrained interaction; each brand keeps its own palette. */
html{scroll-padding-top:110px}body{overflow-wrap:break-word}h1,h2,h3{text-wrap:balance;letter-spacing:-.035em}p{ text-wrap:pretty }main{overflow:clip}.button{border-radius:8px;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0002}.button:active{transform:none}.section{padding-block:clamp(48px,6vw,88px)}.eyebrow{letter-spacing:.1em;font-size:12px;line-height:1.6}.language-switch{display:flex;align-items:center;gap:4px;flex-shrink:0;font-size:13px;white-space:nowrap}.language-switch a{display:grid;place-items:center;min-width:38px;min-height:40px;padding:4px 8px;text-decoration:none;border-radius:5px;border:1px solid transparent}.language-switch a[aria-current=page]{border-color:currentColor;font-weight:700}.language-switch a:hover{background:#8882}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}.brand-real-photo{margin:32px 0 0}.brand-real-photo img{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;object-position:center 70%;border-radius:12px}.brand-real-photo figcaption{font-size:13px;line-height:1.5;margin-top:10px;color:inherit;opacity:.8}.services article,.service,.deliverables article{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;min-width:0}.services article:hover,.service:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0001}.services article,.deliverables article{border-radius:10px;padding:26px}.textlink,.text-link{ text-underline-offset:5px }header nav a{line-height:1.45}summary{cursor:pointer}img{max-width:100%}
body[data-brand=ciberprotege] .services{gap:18px}body[data-brand=ciberprotege] .services article{background:#11130f;border:1px solid #44473a}body[data-brand=ciberprotege] .hero{min-height:580px}body[data-brand=ciberprotege] .hero h1{font-size:clamp(36px,4.5vw,60px)}body[data-brand=ciberprotege] .team .brand-real-photo{margin-top:36px}body[data-brand=ciberprotege] .navigation{gap:22px}body[data-brand=ciberprotege] .ymant-backing{padding-block:30px}body[data-brand=ciberprotege] .deliverables article{padding:0}body[data-brand=ciberprotege] .services article:hover{border-color:#b7ba9c}
body[data-brand=cabletic] .hero-photo{border-radius:14px;overflow:hidden}body[data-brand=cabletic] .service{border-radius:12px}body[data-brand=cabletic] .service:hover{border-color:#356f69}body[data-brand=cabletic] .hero h1{font-size:clamp(38px,4.4vw,66px)}body[data-brand=cabletic] .servicehero h1{font-size:clamp(34px,4vw,58px)}body[data-brand=cabletic] .ymant-numbers{padding-block:30px}body[data-brand=cabletic] header{gap:20px}body[data-brand=cabletic] .brand-real-photo{grid-column:1/-1;width:100%}body[data-brand=cabletic] .brand-real-photo img{aspect-ratio:16/6}body[data-brand=cabletic] header>.brand{flex-shrink:0}body[data-brand=cabletic] .mobile-brand-menu{display:none}
body[data-brand=ymant-ia] .deliverables{gap:20px}body[data-brand=ymant-ia] .deliverables article{background:#fff;border:1px solid #dedbe9;border-top:3px solid #6155f5}body[data-brand=ymant-ia] .deliverables article:hover{border-color:#6155f5;transform:translateY(-3px)}body[data-brand=ymant-ia] .hero{background-image:linear-gradient(90deg,#000d,#000a 52%,#0003),url('ymant-office.webp');background-position:center 65%}body[data-brand=ymant-ia] .header-inner{gap:20px}body[data-brand=ymant-ia] .hero h1{font-size:clamp(38px,5vw,66px)}body[data-brand=ymant-ia] .tabs button{padding:20px 14px}body[data-brand=ymant-ia] .tabs button[aria-selected=true]{background:#fff;border-radius:8px 8px 0 0}
@media(max-width:1100px){body[data-brand=cabletic] header{flex-wrap:wrap}body[data-brand=cabletic] header nav{order:4;width:100%;justify-content:center;gap:16px}body[data-brand=cabletic] header>.language-switch{margin-left:auto}body[data-brand=ymant-ia] .header-inner>nav{gap:14px}body[data-brand=ymant-ia] .header-inner>.button{display:none}}
@media(max-width:760px){.brand-real-photo img,body[data-brand=cabletic] .brand-real-photo img{aspect-ratio:4/3;object-position:65% 70%}.services article,.deliverables article{padding:22px}.language-switch a{min-width:34px;min-height:40px}body[data-brand=cabletic] header{display:flex;gap:12px;position:sticky;top:0;padding:14px 5%}body[data-brand=cabletic] header .header-cta{display:none}body[data-brand=cabletic] .mobile-brand-menu{display:block;background:transparent;border:1px solid #142c2b;border-radius:6px;min-width:44px;min-height:44px;font-size:21px}body[data-brand=cabletic] header nav{display:none;position:static;flex-direction:column;align-items:stretch;gap:0;width:100%;order:4}body[data-brand=cabletic] header nav.open{display:flex}body[data-brand=cabletic] header nav>a,body[data-brand=cabletic] .nav-tech>a{padding:12px 0;font-size:16px}body[data-brand=cabletic] .nav-tech{justify-content:space-between;flex-wrap:wrap}body[data-brand=cabletic] .tech-dropdown{right:0;max-width:80vw;z-index:40}body[data-brand=ciberprotege] .navigation{gap:10px}body[data-brand=ciberprotege] .brand{max-width:50%}body[data-brand=ciberprotege] .brand img{max-width:100%}body[data-brand=ciberprotege] .language-switch{margin-left:auto}body[data-brand=ciberprotege] .menu-toggle{order:3}body[data-brand=ymant-ia] .header-inner{gap:10px}body[data-brand=ymant-ia] .header-inner>.brand{max-width:55%}body[data-brand=ymant-ia] .header-inner>.language-switch{margin-left:auto}body[data-brand=ymant-ia] .menu{order:3}body[data-brand=ymant-ia] .hero{background-position:65% 60%}.section-heading,.split{gap:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.service:hover,.services article:hover,.deliverables article:hover{transform:none!important}}