.innou-services-redesign{--font-sans:Poppins,Arial,sans-serif;--font-meta:ui-monospace,SFMono-Regular,Consolas,monospace;--color-ink:#181818;--color-paper:#fff;--color-canvas:#f1f1ef;--color-line:#d3d3d0;--color-muted:#62625e;--color-brand:#bf2a32;--color-brand-hover:#a9222a;--color-focus:#276ef1;--page-gutter:clamp(1.25rem,4.6vw,5rem);--max-grid:100rem;--section-space:clamp(3.75rem,8vw,8rem);--text-display:clamp(3.15rem,8.9vw,9rem);--text-heading:clamp(1.75rem,3.15vw,3.15rem);--ease-out:cubic-bezier(.22,1,.36,1)}
.innou-services-redesign *,.innou-services-redesign :before,.innou-services-redesign :after{box-sizing:border-box}
.innou-services-redesign{scroll-behavior:smooth;scroll-padding-top:2rem}
.innou-services-redesign{margin:0;font-family:var(--font-sans);font-size:1rem;line-height:1.75;color:var(--color-ink);background:var(--color-paper)}
.innou-services-redesign{min-width:0}
.innou-services-redesign img{display:block;max-width:100%;height:auto}
.innou-services-redesign figure,.innou-services-redesign p,.innou-services-redesign h1,.innou-services-redesign h2,.innou-services-redesign h3,.innou-services-redesign ol,.innou-services-redesign ul{margin:0}
.innou-services-redesign h1,.innou-services-redesign h2,.innou-services-redesign h3{font-weight:500;line-height:1.14;letter-spacing:-.045em;overflow-wrap:break-word}
.innou-services-redesign h2{font-size:var(--text-heading)}
.innou-services-redesign h3{font-size:clamp(1.2rem,2vw,1.9rem)}
.innou-services-redesign a{color:inherit;text-decoration:none}
.innou-services-redesign button,.innou-services-redesign input{font:inherit}
.innou-services-redesign button,.innou-services-redesign summary,.innou-services-redesign a{-webkit-tap-highlight-color:transparent}
.innou-services-redesign :focus-visible{outline:2px solid var(--color-focus);outline-offset:5px}
.innou-services-redesign ::selection{background:var(--color-brand);color:white}
.innou-services-redesign .container{width:min(100%,var(--max-grid));margin-inline:auto;padding-inline:var(--page-gutter)}
.innou-services-redesign .section{padding-block:var(--section-space)}
.innou-services-redesign .meta,.innou-services-redesign .eyebrow{font-family:var(--font-meta);font-size:.75rem;line-height:1.5;letter-spacing:.035em;font-weight:400}
.innou-services-redesign .eyebrow{text-transform:uppercase}
.innou-services-redesign .eyebrow::before{content:'+';margin-right:.8rem;color:var(--color-brand)}
.innou-services-redesign .meta{color:var(--color-muted)}
.innou-services-redesign .accent{color:var(--color-brand)}
.innou-services-redesign .prose{max-width:44rem}
.innou-services-redesign .prose p+p{margin-top:1.25rem}
.innou-services-redesign .prose p{color:var(--color-muted)}
.innou-services-redesign .text-link{display:inline-flex;justify-content:space-between;gap:2rem;align-items:center;min-height:3rem;border-bottom:1px solid currentColor;font-size:.875rem}
.innou-services-redesign .text-link span{font-size:1.6rem;transition:transform .2s}
.innou-services-redesign .text-link:hover span{transform:translate(2px,-2px)}
.innou-services-redesign .page-topline{display:flex;justify-content:space-between;gap:1rem;padding-top:2.2rem;margin-bottom:2.5rem}
.innou-services-redesign .display{font-size:var(--text-display);line-height:1.02;letter-spacing:-.065em;font-weight:500}
.innou-services-redesign .media{min-width:0}
.innou-services-redesign .media-window{width:100%;min-width:0;overflow:hidden;background:var(--color-canvas)}
.innou-services-redesign .media img{width:100%;height:100%;object-fit:var(--image-fit,cover);object-position:var(--image-position,center);transition:transform .6s var(--ease-out)}
.innou-services-redesign .media figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-top:.9rem;font-size:.875rem;line-height:1.45}
.innou-services-redesign .media figcaption .meta{text-align:right}
.innou-services-redesign .ratio-wide .media-window{aspect-ratio:16/9}
.innou-services-redesign .ratio-landscape .media-window{aspect-ratio:3/2}
.innou-services-redesign .ratio-square .media-window{aspect-ratio:1}
.innou-services-redesign .ratio-portrait .media-window{aspect-ratio:4/5}
.innou-services-redesign .hover-media:hover img{transform:scale(1.02)}
.innou-services-redesign .editorial-intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem}
.innou-services-redesign .editorial-intro>.eyebrow{grid-column:span 3}
.innou-services-redesign .editorial-intro>div{grid-column:5/-1}
.innou-services-redesign .editorial-intro h2{max-width:27ch;margin-bottom:2rem}
.innou-services-redesign .section-top{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:start;margin-bottom:3.25rem}
.innou-services-redesign .section-top h2{max-width:22ch}
.innou-services-redesign .section-top .prose{margin-top:1.5rem}
.innou-services-redesign .project-heading{display:flex;justify-content:space-between;align-items:baseline;gap:2rem;margin-block:1.1rem 2rem}
.innou-services-redesign .project-heading h3{font-size:clamp(1.5rem,2.7vw,2.75rem)}
.innou-services-redesign .project-heading>p{max-width:27rem;font-size:.875rem;color:var(--color-muted)}
.innou-services-redesign .project-spread{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem;align-items:start}
.innou-services-redesign .project-spread>.major{grid-column:span 8}
.innou-services-redesign .project-spread>.minor{grid-column:10/-1}
.innou-services-redesign .project-spread>.half{grid-column:span 6}
.innou-services-redesign .project-spread>.offset{padding-top:7rem}
.innou-services-redesign .project-spread .prose{font-size:.9rem}
.innou-services-redesign .chapter-rule{border-top:1px solid var(--color-line);padding-top:1.1rem;display:flex;justify-content:space-between;gap:1rem;margin-bottom:2rem}
.innou-services-redesign .timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;list-style:none;margin-top:4rem}
.innou-services-redesign .timeline li{position:relative;border-top:1px solid var(--color-line);padding:1.3rem 1.25rem 0 0}
.innou-services-redesign .timeline li::before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;background:var(--color-brand)}
.innou-services-redesign .step-number{font-family:var(--font-meta);font-size:clamp(2rem,4vw,4rem);line-height:1;font-weight:400;color:var(--color-brand)}
.innou-services-redesign .timeline h3{font-size:1.05rem;letter-spacing:-.025em;margin-block:2rem .8rem}
.innou-services-redesign .timeline p{font-size:.875rem;color:var(--color-muted);max-width:22ch}
.innou-services-redesign .process .footnote{margin-top:2rem;color:var(--color-muted);font-size:.875rem}
.innou-services-redesign .service-navigation{display:grid;grid-template-columns:1fr 2fr;gap:2rem;padding-block:3rem;border-top:1px solid var(--color-line)}
.innou-services-redesign .service-navigation>div{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}
.innou-services-redesign .service-navigation a{display:flex;align-items:center;gap:.75rem;min-height:3.5rem;font-size:.85rem;border-bottom:1px solid var(--color-line)}
.innou-services-redesign .service-navigation a>span:last-child{margin-left:auto}
.innou-services-redesign .service-navigation a:hover{color:var(--color-brand)}
.innou-services-redesign .dark-section{background:var(--color-ink);color:white}
.innou-services-redesign .dark-section .meta,.innou-services-redesign .dark-section .prose p{color:#b9b9b4}
.innou-services-redesign .dark-section .chapter-rule{border-color:#4b4b49}
.innou-services-redesign .dark-section .eyebrow::before{color:#e85b63}
.innou-services-redesign .feature-title{font-size:clamp(3rem,6vw,6rem);line-height:1.05;letter-spacing:-.055em;max-width:18ch}
.innou-services-redesign .wide-hero{padding-bottom:2rem}
.innou-services-redesign .wide-hero h1{max-width:15ch;margin-bottom:3rem}
.innou-services-redesign .wide-hero .media-window{aspect-ratio:2.1}
.innou-services-redesign .wide-hero .page-topline{margin-bottom:3rem}
.innou-services-redesign .simple-copy{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding-block:var(--section-space)}
.innou-services-redesign .simple-copy h2{max-width:22ch}
.innou-services-redesign .simple-copy .prose{max-width:40rem}
.innou-services-redesign .large-number{font-family:var(--font-meta);font-size:clamp(5rem,13vw,12rem);font-weight:400;line-height:1}
@media (hover:hover){.innou-services-redesign .media-link:hover img{transform:scale(1.02)}}
@media(max-width:1023px){
 .innou-services-redesign .editorial-intro>div{grid-column:4/-1}.innou-services-redesign .editorial-intro>.eyebrow{grid-column:span 3}
 .innou-services-redesign .project-spread>.major{grid-column:span 8}.innou-services-redesign .project-spread>.minor{grid-column:9/-1}
 .innou-services-redesign .timeline h3{font-size:.95rem}.innou-services-redesign .timeline p{font-size:.8rem}.innou-services-redesign .service-navigation{grid-template-columns:1fr}
}
@media(max-width:767px){.innou-services-redesign .page-topline{padding-top:1.5rem;margin-bottom:1.8rem}.innou-services-redesign .page-topline .meta{font-size:.65rem}
 .innou-services-redesign .meta,.innou-services-redesign .eyebrow{font-size:.72rem}.innou-services-redesign .display{font-size:clamp(2.7rem,9.7vw,4.6rem);letter-spacing:-.055em}
 .innou-services-redesign .editorial-intro{grid-template-columns:1fr;gap:1.5rem}.innou-services-redesign .editorial-intro>.eyebrow,.innou-services-redesign .editorial-intro>div{grid-column:auto}
 .innou-services-redesign .editorial-intro h2{margin-bottom:1.5rem}.innou-services-redesign .prose p{line-height:1.75}
 .innou-services-redesign .section-top{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}
 .innou-services-redesign .project-heading{display:block}.innou-services-redesign .project-heading p{margin-top:.75rem}
 .innou-services-redesign .project-spread{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.5rem}
 .innou-services-redesign .project-spread>.major{grid-column:1/-1}.innou-services-redesign .project-spread>.minor{grid-column:2/-1}
 .innou-services-redesign .project-spread>.half{grid-column:span 3}.innou-services-redesign .project-spread>.offset{padding-top:2rem}
 .innou-services-redesign .media figcaption{font-size:.8rem;align-items:start}.innou-services-redesign .media figcaption .meta{font-size:.65rem}
 .innou-services-redesign .timeline{display:block;margin-top:2.5rem}.innou-services-redesign .timeline li{display:grid;grid-template-columns:3.5rem 1fr;gap:.5rem 1rem;padding:0 0 2rem 1.25rem;margin:0;border-top:0;border-left:1px solid var(--color-line)}
 .innou-services-redesign .timeline li::before{top:0;left:-4px}.innou-services-redesign .timeline li:last-child{padding-bottom:0;border-left-color:transparent}
 .innou-services-redesign .timeline .step-number{grid-row:span 2;font-size:2.5rem}.innou-services-redesign .timeline h3{margin:0;font-size:1.15rem}.innou-services-redesign .timeline p{font-size:.875rem;max-width:45ch}
 .innou-services-redesign .service-navigation>div{grid-template-columns:1fr}.innou-services-redesign .service-navigation a{font-size:.9rem}
 .innou-services-redesign .wide-hero .media-window{aspect-ratio:4/3}.innou-services-redesign .wide-hero h1{margin-bottom:2rem}
 .innou-services-redesign .simple-copy{grid-template-columns:1fr;gap:1.5rem}.innou-services-redesign .feature-title{font-size:clamp(2.5rem,8vw,4rem)}
}
@media(prefers-reduced-motion:reduce){.innou-services-redesign{scroll-behavior:auto}.innou-services-redesign *,.innou-services-redesign ::before,.innou-services-redesign ::after{transition:none!important;animation:none!important}}

.innou-services-redesign{display:block;max-width:none;width:100%;padding:0;border:0;isolation:isolate;}
.innou-services-redesign h1,.innou-services-redesign h2,.innou-services-redesign h3{font-family:var(--font-sans);color:inherit;text-transform:none;}
.innou-services-redesign p,.innou-services-redesign li,.innou-services-redesign dt,.innou-services-redesign dd{font-family:inherit;}
.innou-services-redesign .container{max-width:none;}
.innou-services-redesign a{box-shadow:none;}
.innou-services-redesign [id]{scroll-margin-top:var(--innou-sr-anchor-offset,120px);}

/* Live innou.eu frame, measured 2026-09-09. Deliberately separate from editorial tokens. */
.innou-services-redesign .innou-contact{background:#f7f7f7;color:#000}
.innou-services-redesign .innou-contact-inner{max-width:1140px;margin:auto;display:grid;grid-template-columns:1fr 1fr;padding:100px 0}
.innou-services-redesign .innou-contact-copy{padding:10px;text-align:center}
.innou-services-redesign .innou-contact h2{font:500 30px/30px Poppins,sans-serif;letter-spacing:normal;text-transform:uppercase;margin:0 0 20px}
.innou-services-redesign .innou-contact-copy>p{font:400 13px/1.7 Poppins,sans-serif;color:#7a7a7a}
.innou-services-redesign .innou-contact-address{margin-top:50px;font:400 16px/1.7 Poppins,sans-serif;color:#54595f;display:flex;flex-direction:column;gap:20px}
.innou-services-redesign .innou-contact-address>div,.innou-services-redesign .innou-contact-address>a{display:flex;align-items:center;justify-content:center;gap:10px}
.innou-services-redesign .innou-contact-address svg{width:25px;height:25px;color:#000}
.innou-services-redesign .innou-contact-address>div>span:first-child{flex:none}
.innou-services-redesign .innou-contact-form{padding-left:40px;display:flex;flex-direction:column;gap:10px;min-width:0}
.innou-services-redesign .innou-contact-form>input,.innou-services-redesign .innou-contact-form>textarea{display:block;width:100%;min-width:0;border:0;border-bottom:2px solid #69727d;border-radius:3px;background:transparent;color:#000;font:400 14px/1.7 Poppins,sans-serif;padding:10px 12px;height:45.8px}
.innou-services-redesign .innou-contact-form>textarea{font:400 14px/1.4 Poppins,sans-serif;padding:5px 14px;border-radius:0;height:90.4px;resize:vertical}
.innou-services-redesign .innou-contact-form ::placeholder{color:#666;opacity:1}
.innou-services-redesign .innou-privacy{font:400 14px/1.7 Poppins,sans-serif;display:flex;align-items:baseline;gap:4px;color:#000}
.innou-services-redesign .innou-privacy input{width:13px;height:13px;margin:0;flex:none}
.innou-services-redesign .innou-privacy a{color:#2f5aae}
.innou-services-redesign .innou-send{border:0;border-radius:0;height:40px;min-height:40px;background:#000;color:#fff;font:500 15px/15px Poppins,sans-serif;padding:0 24px;cursor:pointer}
.innou-services-redesign .innou-send:hover{background:#3f444b}
.innou-services-redesign .innou-form-status{font-size:13px;color:#54595f}
.innou-services-redesign .innou-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1024px){
 .innou-services-redesign .innou-contact-copy>p{line-height:1.6}
}
@media(max-width:767px){
 .innou-services-redesign .innou-contact-inner{grid-template-columns:1fr}
 .innou-services-redesign .innou-contact-address{font-size:15px;line-height:1.6}
 .innou-services-redesign .innou-contact-form>input{line-height:1.6;height:44.4px}
 .innou-services-redesign .innou-contact-form{padding-left:40px}
 .innou-services-redesign .innou-privacy{line-height:1.6}
}

.innou-services-redesign .innou-contact svg{display:block;fill:currentColor;}
