#iclust-fluid-study{--ip-paper:#f6f5f2;--ip-ink:#242326;--ip-muted:#68626a;--ip-magenta:#d30a81;--ip-line:#dad5d5;--ip-pink:#f1e8ee;width:100%;color:var(--ip-ink);font:16px/1.5 Arial,Helvetica,sans-serif;container-type:inline-size;container-name:ip;color-scheme:light} #iclust-fluid-study *{box-sizing:border-box} #iclust-fluid-study [hidden]{display:none!important} #iclust-fluid-study h1,#iclust-fluid-study h2,#iclust-fluid-study h3,#iclust-fluid-study p{margin:0} #iclust-fluid-study button,#iclust-fluid-study input,#iclust-fluid-study textarea{font:inherit} #iclust-fluid-study button{border:0;background:none;color:inherit;text-align:inherit} #iclust-fluid-study button{touch-action:manipulation} #iclust-fluid-study img{max-width:100%;display:block} #iclust-fluid-study h1,#iclust-fluid-study h2,#iclust-fluid-study h3{font-weight:500;letter-spacing:-.055em;line-height:1.04} #iclust-fluid-study h2{font-size:clamp(34px,4.7cqw,53px)} #iclust-fluid-study h3{font-size:23px;line-height:1.15;letter-spacing:-.035em} #iclust-fluid-study em{font-style:normal;color:var(--ip-magenta)} #iclust-fluid-study .ip-preview-bar{display:flex;align-items:center;gap:15px;min-height:54px;padding:8px 110px 8px 18px;background:#eeecea;color:#68626a;font-size:11px;line-height:1.35} #iclust-fluid-study .ip-preview-bar>span:first-child{color:#353137;white-space:nowrap} #iclust-fluid-study .ip-imagery-note{flex:1} #iclust-fluid-study .ip-play{flex:none;min-height:36px;padding:8px 12px;border:1px solid #c7c1c6;border-radius:20px;font-size:11px;white-space:nowrap} #iclust-fluid-study .ip-play span{margin-left:10px} #iclust-fluid-study .ip-window{height:760px;overflow:auto;position:relative;background:var(--ip-paper);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bdb6bd transparent} #iclust-fluid-study .ip-nav{height:76px;padding:0 5.5%;position:sticky;top:0;z-index:15;background:rgba(246,245,242,.97);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2423260d} #iclust-fluid-study .ip-logo-button{padding:9px 0;flex:none} #iclust-fluid-study .ip-logo{width:103px;height:31px;object-fit:contain} #iclust-fluid-study .ip-nav-links{display:flex;align-items:center;gap:27px;font-size:12px} #iclust-fluid-study .ip-nav-links button{min-height:44px;padding:8px 0;white-space:nowrap} #iclust-fluid-study .ip-nav-links span{margin-left:9px} #iclust-fluid-study .ip-nav-links .ip-nav-contact{border-bottom:1px solid #8d7a89} #iclust-fluid-study .ip-nav-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ip-magenta);transform-origin:left;transform:scaleX(0)} #iclust-fluid-study .ip-mega{position:absolute;left:0;right:0;top:76px;background:#f6f5f2;padding:35px 5.5% 40px;border-bottom:1px solid #d8d1d6;display:grid;grid-template-columns:.8fr 1.3fr;gap:50px;box-shadow:0 20px 30px #34202e0c} #iclust-fluid-study .ip-mega h2{font-size:32px} #iclust-fluid-study .ip-mega-intro .ip-text-link{margin-top:25px} #iclust-fluid-study .ip-menu-services{display:grid;grid-template-columns:1fr;gap:0} #iclust-fluid-study .ip-menu-services button{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;min-height:44px;border-bottom:1px solid #e1dcdf;font-size:13px} #iclust-fluid-study .ip-menu-services button:hover{color:var(--ip-magenta)} #iclust-fluid-study .ip-kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--ip-magenta);margin-bottom:17px;line-height:1.5} #iclust-fluid-study .ip-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:46px;padding:12px 21px;background:var(--ip-magenta);color:#fff;font-size:13px} #iclust-fluid-study .ip-primary span{font-size:19px;line-height:1} #iclust-fluid-study .ip-text-link{display:inline-flex;align-items:center;gap:22px;min-height:44px;padding:9px 0;font-size:13px} #iclust-fluid-study .ip-text-link span{color:var(--ip-magenta);font-size:19px;line-height:1} #iclust-fluid-study .ip-section{padding:64px 5.5%;scroll-margin-top:76px} #iclust-fluid-study .ip-section-heading{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:35px;margin-bottom:32px} #iclust-fluid-study .ip-section-heading>p{max-width:280px;color:var(--ip-muted);font-size:13px;line-height:1.6;justify-self:end;padding-bottom:4px} #iclust-fluid-study .ip-hero{position:relative;display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:auto auto;column-gap:0;min-height:555px;padding:48px 5.5% 76px} #iclust-fluid-study .ip-hero-heading{grid-column:1;grid-row:1;align-self:end;position:relative;z-index:1;min-width:0} #iclust-fluid-study .ip-tagline{font-size:14px;margin-bottom:27px} #iclust-fluid-study .ip-tagline:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--ip-magenta);margin-right:9px;vertical-align:3px} #iclust-fluid-study .ip-hero h1{font-size:clamp(42px,6.8cqw,82px);letter-spacing:-.065em;line-height:1.04} #iclust-fluid-study .ip-art{position:relative;grid-column:2;grid-row:1/span 2;align-self:center;height:440px;width:100%;min-width:0;pointer-events:none} #iclust-fluid-study .ip-sculpture-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply} #iclust-fluid-study.ip-ready .ip-sculpture-fallback{visibility:hidden} #iclust-fluid-study .ip-art canvas{opacity:0} #iclust-fluid-study.ip-ready .ip-art canvas{opacity:1} #iclust-fluid-study .ip-hero-intro{grid-column:1;grid-row:2;align-self:start;max-width:345px;margin-top:23px;padding-right:14px} #iclust-fluid-study .ip-hero-intro>p{font-size:14px;line-height:1.6;color:var(--ip-muted)} #iclust-fluid-study .ip-hero-intro .ip-primary{margin-top:24px} #iclust-fluid-study .ip-hero-foot{position:absolute;bottom:22px;left:5.5%;right:5.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--ip-muted);font-size:11px} #iclust-fluid-study .ip-hero-foot button{font-size:11px;padding:8px 0} #iclust-fluid-study .ip-hero-foot button span{margin-left:15px} #iclust-fluid-study .ip-ai{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:30px;background:linear-gradient(115deg,#f5eff2,#f0e5ec 65%,#f5f0f2);min-height:475px} #iclust-fluid-study .ip-ai-copy>p:not(.ip-kicker){font-size:14px;color:var(--ip-muted);line-height:1.65;max-width:345px;margin-top:23px} #iclust-fluid-study .ip-ai-copy .ip-text-link{margin-top:18px} #iclust-fluid-study .ip-diagram{position:relative;height:330px;min-width:0} #iclust-fluid-study .ip-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible} #iclust-fluid-study .ip-links path{fill:none;stroke-width:1.4} #iclust-fluid-study .ip-link-base{stroke:#d9c8d2} #iclust-fluid-study .ip-link-active{stroke:#c7348c} #iclust-fluid-study .ip-node{position:absolute;z-index:2;width:80px;height:44px;border:1px solid #d7cbd3;border-radius:7px;display:flex;align-items:center;justify-content:center;background:#fffdfa;box-shadow:0 7px 16px #431c350a;font-size:11px;color:#5b505e} #iclust-fluid-study .ip-node[data-node="data"]{left:0;top:35px} #iclust-fluid-study .ip-node[data-node="knowledge"]{left:0;top:132px} #iclust-fluid-study .ip-node[data-node="workflows"]{left:0;top:229px} #iclust-fluid-study .ip-node[data-node="decisions"]{right:0;top:35px} #iclust-fluid-study .ip-node[data-node="products"]{right:0;top:132px} #iclust-fluid-study .ip-node[data-node="operations"]{right:0;top:229px} #iclust-fluid-study .ip-core{position:absolute;z-index:3;width:122px;height:122px;left:calc(50% - 61px);top:93px;border-radius:50%;border:1px solid #d1a2bf;background:radial-gradient(circle at 35% 25%,#fff 0%,#faf4f8 45%,#f0d5e6 100%);box-shadow:0 15px 30px #691c4b1c,inset 0 0 0 7px #fff9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center} #iclust-fluid-study .ip-core b{font-size:22px;font-weight:500;letter-spacing:-.04em;color:var(--ip-magenta)} #iclust-fluid-study .ip-core span{font-size:11px;line-height:1.35;margin-top:4px;color:#5f3f58} #iclust-fluid-study .ip-core-ring{position:absolute;inset:-13px;border:1px solid #d30a8130;border-radius:50%} #iclust-fluid-study .ip-diagram-label{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:19px;font-size:11px;color:#796b77} #iclust-fluid-study .ip-service-row{display:grid;grid-template-columns:160px minmax(0,1fr) 42px;gap:25px;align-items:center;padding:16px 0;border-top:1px solid var(--ip-line)} #iclust-fluid-study .ip-service-row:last-child{border-bottom:1px solid var(--ip-line)} #iclust-fluid-study .ip-service-image{padding:0;overflow:hidden;aspect-ratio:16/9;background:#eae5e6} #iclust-fluid-study .ip-service-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease} #iclust-fluid-study .ip-service-image:hover img{transform:scale(1.04)} #iclust-fluid-study .ip-service-copy h3{font-size:clamp(19px,2.55cqw,28px)} #iclust-fluid-study .ip-service-copy button{padding:0} #iclust-fluid-study .ip-service-copy p{font-size:12px;line-height:1.5;color:var(--ip-muted);margin-top:8px;max-width:440px} #iclust-fluid-study .ip-service-arrow{height:44px;min-width:42px;font-size:25px;color:var(--ip-magenta)} #iclust-fluid-study .ip-approach{background:#eeebe8} #iclust-fluid-study .ip-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;border-top:1px solid #d7cbd1;margin-top:30px} #iclust-fluid-study .ip-steps article{padding-top:20px} #iclust-fluid-study .ip-steps article>span{font-size:11px;color:var(--ip-magenta)} #iclust-fluid-study .ip-steps h3{font-size:21px;margin-top:13px} #iclust-fluid-study .ip-steps p{font-size:12px;color:var(--ip-muted);line-height:1.6;margin-top:12px} #iclust-fluid-study .ip-contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;padding-top:66px;padding-bottom:55px} #iclust-fluid-study .ip-contact h2{font-size:clamp(46px,6.5cqw,72px)} #iclust-fluid-study .ip-contact>div>p:last-child{font-size:15px;color:var(--ip-muted);margin-top:22px} #iclust-fluid-study .ip-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px;align-content:start} #iclust-fluid-study .ip-contact-form label{display:block;min-width:0;font-size:11px;color:#665b65} #iclust-fluid-study .ip-contact-form input,#iclust-fluid-study .ip-contact-form textarea{width:100%;display:block;border:0;border-bottom:1px solid #c7bdc5;border-radius:0;background:transparent;color:var(--ip-ink);padding:11px 0;font-size:14px;line-height:1.5} #iclust-fluid-study .ip-contact-form textarea{resize:vertical;min-height:65px} #iclust-fluid-study .ip-form-wide{grid-column:1/-1} #iclust-fluid-study .ip-contact-form .ip-primary{grid-column:1/-1;justify-self:start} #iclust-fluid-study .ip-form-status{font-size:11px;color:var(--ip-muted)} #iclust-fluid-study .ip-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 5.5%;border-top:1px solid #dfd9dd;font-size:11px;color:#756b74} #iclust-fluid-study .ip-footer button{padding:8px 0} #iclust-fluid-study .ip-route-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #iclust-fluid-study .ip-service-hero{padding:57px 5.5% 38px} #iclust-fluid-study .ip-breadcrumb{font-size:11px;color:var(--ip-muted);display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:36px} #iclust-fluid-study .ip-breadcrumb button{padding:4px 0} #iclust-fluid-study .ip-service-hero h1{font-size:clamp(45px,7.9cqw,88px);line-height:1.02;max-width:820px} #iclust-fluid-study .ip-service-summary{max-width:520px;margin-top:25px;font-size:17px;line-height:1.55;color:var(--ip-muted)} #iclust-fluid-study .ip-service-hero .ip-text-link{margin-top:18px} #iclust-fluid-study .ip-service-scene{position:relative;overflow:hidden;margin:0 5.5%;height:420px;background:#eae5e6} #iclust-fluid-study .ip-service-scene img{height:114%;width:100%;object-fit:cover;position:absolute;left:0;top:-7%;transform:translateY(0);will-change:transform} #iclust-fluid-study .ip-service-intro{display:grid;grid-template-columns:.65fr 1.35fr;gap:48px;padding-top:60px;padding-bottom:52px} #iclust-fluid-study .ip-service-intro h2{font-size:31px;max-width:230px} #iclust-fluid-study .ip-service-lead{font-size:16px;line-height:1.7;color:var(--ip-muted)} #iclust-fluid-study .ip-capabilities{padding-top:0;padding-bottom:58px} #iclust-fluid-study .ip-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px} #iclust-fluid-study .ip-capability{border-top:1px solid var(--ip-line);padding-top:20px} #iclust-fluid-study .ip-capability>span{font-size:11px;color:var(--ip-magenta)} #iclust-fluid-study .ip-capability h3{font-size:23px;margin-top:15px;max-width:250px} #iclust-fluid-study .ip-capability p{font-size:13px;color:var(--ip-muted);line-height:1.65;margin-top:14px} #iclust-fluid-study .ip-service-method{background:#eee8ec;display:grid;grid-template-columns:1fr 1.25fr;gap:60px} #iclust-fluid-study .ip-service-process{list-style:none;margin:0;padding:0} #iclust-fluid-study .ip-service-process li{display:grid;grid-template-columns:28px 1fr;gap:16px;padding:16px 0;border-top:1px solid #d2c8ce;font-size:17px;line-height:1.4} #iclust-fluid-study .ip-service-process li span{font-size:11px;color:var(--ip-magenta);padding-top:4px} #iclust-fluid-study .ip-service-outcome{display:grid;grid-template-columns:.65fr 1.35fr;gap:48px} #iclust-fluid-study .ip-service-outcome>p{font-size:23px;line-height:1.5;letter-spacing:-.02em} #iclust-fluid-study .ip-related{border-top:1px solid var(--ip-line);padding-top:37px;padding-bottom:37px;display:flex;justify-content:space-between;align-items:center;gap:25px} #iclust-fluid-study .ip-related .ip-kicker{margin-bottom:10px} #iclust-fluid-study .ip-related h2{font-size:clamp(27px,4cqw,43px)} #iclust-fluid-study .ip-related button{padding:6px 0} #iclust-fluid-study .ip-related-arrow{font-size:35px!important;color:var(--ip-magenta)!important;min-width:44px} @container ip (max-width:800px){ #iclust-fluid-study .ip-art{height:395px} #iclust-fluid-study .ip-hero{min-height:520px} #iclust-fluid-study .ip-ai{grid-template-columns:.9fr 1.1fr;gap:24px} #iclust-fluid-study .ip-node{width:66px} #iclust-fluid-study .ip-core{width:108px;height:108px;left:calc(50% - 54px);top:100px} #iclust-fluid-study .ip-core-ring{inset:-9px} #iclust-fluid-study .ip-contact{gap:35px} #iclust-fluid-study .ip-service-scene{height:350px} #iclust-fluid-study .ip-service-intro,#iclust-fluid-study .ip-service-outcome{grid-template-columns:.7fr 1.3fr;gap:32px} } @container ip (max-width:620px){ #iclust-fluid-study .ip-preview-bar{gap:10px;padding-right:100px;flex-wrap:wrap} #iclust-fluid-study .ip-imagery-note{order:3;flex-basis:100%} #iclust-fluid-study .ip-play{margin-left:auto} #iclust-fluid-study .ip-nav{height:66px} #iclust-fluid-study .ip-logo{width:83px;height:28px} #iclust-fluid-study .ip-nav-links{gap:17px;font-size:11px} #iclust-fluid-study .ip-nav-links span{margin-left:4px} #iclust-fluid-study .ip-mega{top:66px;grid-template-columns:1fr;gap:22px;padding-top:25px;padding-bottom:25px} #iclust-fluid-study .ip-mega-intro{display:none} #iclust-fluid-study .ip-section{padding:46px 5.5%;scroll-margin-top:66px} #iclust-fluid-study .ip-hero{min-height:0;padding-top:31px;padding-bottom:65px;grid-template-columns:1.07fr .93fr} #iclust-fluid-study .ip-hero-heading{align-self:center} #iclust-fluid-study .ip-hero h1{font-size:clamp(27px,6.9cqw,42px)} #iclust-fluid-study .ip-tagline{font-size:12px;margin-bottom:20px} #iclust-fluid-study .ip-art{height:260px;grid-row:1} #iclust-fluid-study .ip-hero-intro{grid-column:1/-1;grid-row:2;max-width:380px;padding:0;margin-top:5px} #iclust-fluid-study .ip-hero-intro p{font-size:14px} #iclust-fluid-study .ip-hero-intro .ip-primary{margin-top:20px} #iclust-fluid-study .ip-ai{grid-template-columns:1fr;gap:28px} #iclust-fluid-study .ip-ai-copy>p:not(.ip-kicker){max-width:420px} #iclust-fluid-study .ip-diagram{height:320px;width:100%;max-width:440px;justify-self:center} #iclust-fluid-study .ip-node{width:76px} #iclust-fluid-study .ip-core{width:116px;height:116px;left:calc(50% - 58px);top:96px} #iclust-fluid-study .ip-section-heading{grid-template-columns:1fr;gap:19px} #iclust-fluid-study .ip-section-heading>p{justify-self:start;max-width:100%} #iclust-fluid-study .ip-service-row{grid-template-columns:110px minmax(0,1fr) 27px;gap:15px;min-height:123px} #iclust-fluid-study .ip-service-image{aspect-ratio:1} #iclust-fluid-study .ip-service-copy h3{font-size:21px} #iclust-fluid-study .ip-service-copy p{font-size:12px;margin-top:7px} #iclust-fluid-study .ip-service-arrow{min-width:27px;font-size:23px} #iclust-fluid-study .ip-steps{grid-template-columns:1fr 1fr;gap:25px} #iclust-fluid-study .ip-contact{grid-template-columns:1fr;gap:32px} #iclust-fluid-study .ip-contact>div>p:last-child br{display:none} #iclust-fluid-study .ip-contact-form input,#iclust-fluid-study .ip-contact-form textarea{font-size:16px} #iclust-fluid-study .ip-footer{flex-wrap:wrap;gap:9px 22px} #iclust-fluid-study .ip-service-hero{padding-top:35px} #iclust-fluid-study .ip-breadcrumb{margin-bottom:28px} #iclust-fluid-study .ip-service-hero h1{font-size:clamp(43px,10cqw,61px)} #iclust-fluid-study .ip-service-summary{font-size:16px} #iclust-fluid-study .ip-service-scene{height:300px} #iclust-fluid-study .ip-service-intro,#iclust-fluid-study .ip-service-outcome{grid-template-columns:1fr;gap:23px} #iclust-fluid-study .ip-service-intro h2{max-width:100%;font-size:30px} #iclust-fluid-study .ip-service-lead{font-size:15px} #iclust-fluid-study .ip-capabilities{padding-top:0} #iclust-fluid-study .ip-capability-grid{grid-template-columns:1fr;gap:24px} #iclust-fluid-study .ip-capability{display:grid;grid-template-columns:25px 1fr;gap:0 13px} #iclust-fluid-study .ip-capability>span{grid-column:1;grid-row:1;padding-top:6px} #iclust-fluid-study .ip-capability h3{grid-column:2;margin:0;max-width:none;font-size:23px} #iclust-fluid-study .ip-capability p{grid-column:2;margin-top:10px} #iclust-fluid-study .ip-service-method{grid-template-columns:1fr;gap:28px} #iclust-fluid-study .ip-service-outcome>p{font-size:22px} } @container ip (max-width:390px){ #iclust-fluid-study .ip-preview-bar{padding-left:12px;padding-right:95px;gap:6px} #iclust-fluid-study .ip-preview-bar>span:first-child{font-size:11px} #iclust-fluid-study .ip-play{font-size:11px;padding:7px 9px} #iclust-fluid-study .ip-play span{display:none} #iclust-fluid-study .ip-nav-links{gap:12px} #iclust-fluid-study .ip-nav-approach{display:none} #iclust-fluid-study .ip-logo{width:79px} #iclust-fluid-study .ip-nav-links .ip-nav-contact span{display:none} #iclust-fluid-study .ip-art{height:230px} #iclust-fluid-study .ip-hero h1{font-size:27px} #iclust-fluid-study .ip-hero-heading{padding-right:0} #iclust-fluid-study .ip-tagline{font-size:11px} #iclust-fluid-study .ip-service-row{grid-template-columns:84px minmax(0,1fr) 23px;gap:12px;min-height:132px} #iclust-fluid-study .ip-service-image{aspect-ratio:.85} #iclust-fluid-study .ip-service-copy h3{font-size:18px} #iclust-fluid-study .ip-service-copy p{font-size:11px;line-height:1.45} #iclust-fluid-study .ip-node{width:68px} #iclust-fluid-study .ip-core{width:104px;height:104px;left:calc(50% - 52px);top:102px} #iclust-fluid-study .ip-core-ring{inset:-8px} #iclust-fluid-study .ip-service-scene{height:245px} #iclust-fluid-study .ip-contact-form{grid-template-columns:1fr} } @media (prefers-reduced-motion:reduce){ #iclust-fluid-study .ip-service-image img,#iclust-fluid-study .ip-service-scene img{transform:none!important;transition:none!important} #iclust-fluid-study .ip-play{display:none} } #iclust-fluid-study .mc-track{position:relative;height:3200px} #iclust-fluid-study .mc-home-track{height:4000px} #iclust-fluid-study .mc-stage{position:sticky;top:76px;height:684px;padding:26px 5.5% 22px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:var(--ip-paper)} #iclust-fluid-study .mc-composition{display:grid;grid-template-columns:1.08fr .92fr;gap:0;align-items:center;flex:1;min-height:0} #iclust-fluid-study .mc-copy{position:relative;min-width:0;display:grid;align-items:center} #iclust-fluid-study .mc-panel{grid-column:1;grid-row:1;min-width:0;opacity:0;visibility:hidden;transform:translateY(80px);will-change:transform,opacity} #iclust-fluid-study .mc-panel.is-active{visibility:visible;opacity:1} #iclust-fluid-study .mc-panel h1,#iclust-fluid-study .mc-panel h2{font-size:clamp(40px,6.2cqw,72px);line-height:1.04;letter-spacing:-.06em} #iclust-fluid-study .mc-panel .mc-body{max-width:345px;margin-top:24px;font-size:15px;line-height:1.65;color:var(--ip-muted)} #iclust-fluid-study .mc-panel .ip-primary{margin-top:27px} #iclust-fluid-study .mc-panel .mc-detail{font-size:11px;line-height:1.5;margin-top:22px;color:var(--ip-magenta);letter-spacing:.025em} #iclust-fluid-study .mc-panel .ip-tagline{font-size:14px;margin-bottom:28px} #iclust-fluid-study .mc-art{position:relative;width:100%;height:500px;min-width:0;pointer-events:none;align-self:center} #iclust-fluid-study .mc-loading{position:absolute;left:12%;right:12%;top:48%;text-align:center;color:var(--ip-muted);font-size:12px} #iclust-fluid-study [data-motion-ready="true"] .mc-loading{display:none} #iclust-fluid-study .mc-story-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:75px;padding-top:15px} #iclust-fluid-study .mc-tabs{display:flex;gap:7px;flex-wrap:wrap} #iclust-fluid-study .mc-tabs button{padding:11px 13px;min-height:44px;border-radius:24px;color:var(--ip-muted);font-size:12px;line-height:1.2;white-space:nowrap;position:relative} #iclust-fluid-study .mc-tabs button:before{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:2px;background:var(--ip-magenta);transform-origin:left;transform:scaleX(var(--mc-fill,0))} #iclust-fluid-study .mc-tabs button[aria-pressed="true"]{color:var(--ip-ink);background:#e9e4e7} #iclust-fluid-study .mc-scroll-note{font-size:11px;color:var(--ip-muted);white-space:nowrap} #iclust-fluid-study .mc-scroll-note span{margin-left:12px;color:var(--ip-magenta)} #iclust-fluid-study .mc-ai-track{height:2400px} #iclust-fluid-study .mc-ai-stage{background:linear-gradient(120deg,#f5eff2,#f0e5ec 65%,#f5f0f2)} #iclust-fluid-study .mc-ai-composition{display:grid;grid-template-columns:.95fr 1.05fr;gap:35px;align-items:center;flex:1;min-height:0} #iclust-fluid-study .mc-ai-editorial{min-width:0} #iclust-fluid-study .mc-ai-editorial>h2{font-size:clamp(38px,5.5cqw,62px)} #iclust-fluid-study .mc-ai-copy{margin-top:30px;min-height:190px} #iclust-fluid-study .mc-ai-copy h3{font-size:23px;line-height:1.14;max-width:340px} #iclust-fluid-study .mc-ai-copy .mc-body{margin-top:16px;font-size:14px;line-height:1.65} #iclust-fluid-study .mc-ai-copy .mc-detail{display:none} #iclust-fluid-study .mc-ai-editorial>.ip-text-link{margin-top:8px} #iclust-fluid-study .mc-diagram{height:360px;isolation:isolate} #iclust-fluid-study .mc-diagram .ip-node{transition:background .2s,color .2s,border-color .2s} #iclust-fluid-study .mc-diagram .ip-node.is-lit{background:#fff;border-color:#c94191;color:#4c2440;box-shadow:0 7px 20px #a5226a14} #iclust-fluid-study .mc-diagram .ip-core{top:108px} #iclust-fluid-study .mc-diagram .ip-node[data-node="data"],#iclust-fluid-study .mc-diagram .ip-node[data-node="decisions"]{top:50px} #iclust-fluid-study .mc-diagram .ip-node[data-node="knowledge"],#iclust-fluid-study .mc-diagram .ip-node[data-node="products"]{top:147px} #iclust-fluid-study .mc-diagram .ip-node[data-node="workflows"],#iclust-fluid-study .mc-diagram .ip-node[data-node="operations"]{top:244px} #iclust-fluid-study .mc-diagram-phase{color:#9d246e} #iclust-fluid-study .mc-service-track{height:2800px} #iclust-fluid-study .mc-service-track .mc-composition{grid-template-columns:1.03fr .97fr;gap:12px} #iclust-fluid-study .mc-service-track .mc-panel h2{font-size:clamp(33px,4.7cqw,51px);max-width:440px} #iclust-fluid-study .mc-service-track .mc-panel .mc-body{max-width:400px;font-size:15px} #iclust-fluid-study .mc-service-track .mc-art{height:500px} #iclust-fluid-study .ip-service-hero{padding-top:32px;padding-bottom:28px} #iclust-fluid-study .ip-service-hero .ip-breadcrumb{margin-bottom:22px} #iclust-fluid-study .ip-service-hero h1{font-size:clamp(40px,6cqw,64px)} #iclust-fluid-study .ip-service-summary{font-size:15px;line-height:1.6;max-width:560px;margin-top:19px} #iclust-fluid-study .ip-service-row{grid-template-columns:44px minmax(0,1fr) 42px;gap:24px;min-height:116px;padding:23px 0} #iclust-fluid-study .mc-service-number{font-size:12px;color:var(--ip-magenta);align-self:start;padding-top:5px} #iclust-fluid-study .ip-service-copy h3{font-size:28px} #iclust-fluid-study .ip-service-copy p{max-width:620px;font-size:13px} #iclust-fluid-study .mc-reveal{opacity:1;transform:translateY(0)} #iclust-fluid-study .mc-next{padding:44px 5.5%;background:#efe8ec;display:flex;justify-content:space-between;align-items:center;gap:24px} #iclust-fluid-study .mc-next h2{font-size:31px;margin-top:10px} #iclust-fluid-study .mc-next .ip-text-link{flex-shrink:0} @container ip (max-width:800px){ #iclust-fluid-study .mc-panel h1,#iclust-fluid-study .mc-panel h2{font-size:clamp(35px,6.4cqw,52px)} #iclust-fluid-study .mc-art{height:460px} #iclust-fluid-study .mc-scroll-note{display:none} #iclust-fluid-study .mc-ai-composition{gap:24px} #iclust-fluid-study .mc-ai-copy h3{font-size:21px} #iclust-fluid-study .mc-ai-copy .mc-body{font-size:13px} #iclust-fluid-study .mc-diagram .ip-node{width:72px} #iclust-fluid-study .mc-diagram .ip-core{width:106px;height:106px;left:calc(50% - 53px);top:116px} #iclust-fluid-study .mc-diagram .ip-core-ring{inset:-8px} #iclust-fluid-study .mc-diagram-label{gap:10px} } @container ip (max-width:580px){ #iclust-fluid-study .mc-stage{top:66px;height:694px;padding:25px 5.5% 20px} #iclust-fluid-study .mc-composition{grid-template-columns:1.17fr .83fr;align-items:center} #iclust-fluid-study .mc-panel h1,#iclust-fluid-study .mc-panel h2{font-size:clamp(27px,7.1cqw,41px);letter-spacing:-.055em} #iclust-fluid-study .mc-panel .ip-tagline{font-size:12px;margin-bottom:23px} #iclust-fluid-study .mc-panel .mc-body{font-size:13px;line-height:1.65;margin-top:22px} #iclust-fluid-study .mc-panel .mc-detail{font-size:11px;margin-top:17px} #iclust-fluid-study .mc-panel .ip-primary{font-size:12px;gap:16px;padding:11px 14px;margin-top:23px} #iclust-fluid-study .mc-art{height:370px} #iclust-fluid-study .mc-tabs{gap:1px} #iclust-fluid-study .mc-tabs button{font-size:11px;padding:12px 10px;min-height:44px} #iclust-fluid-study .mc-story-footer{min-height:108px;align-items:flex-end} #iclust-fluid-study .mc-ai-composition{grid-template-columns:1fr;display:block} #iclust-fluid-study .mc-ai-editorial>h2{font-size:34px;line-height:1.05} #iclust-fluid-study .mc-ai-editorial .ip-kicker{font-size:10px;margin-bottom:12px} #iclust-fluid-study .mc-ai-copy{margin-top:20px;min-height:155px} #iclust-fluid-study .mc-ai-copy h3{font-size:20px;max-width:290px} #iclust-fluid-study .mc-ai-copy .mc-body{font-size:13px;line-height:1.55;margin-top:12px;max-width:420px} #iclust-fluid-study .mc-ai-editorial>.ip-text-link{font-size:12px;margin-top:0;min-height:44px} #iclust-fluid-study .mc-diagram{height:230px;max-width:390px;margin:0 auto;width:100%} #iclust-fluid-study .mc-diagram .ip-node{width:72px;height:38px;font-size:11px} #iclust-fluid-study .mc-diagram .ip-node[data-node="data"],#iclust-fluid-study .mc-diagram .ip-node[data-node="decisions"]{top:10px} #iclust-fluid-study .mc-diagram .ip-node[data-node="knowledge"],#iclust-fluid-study .mc-diagram .ip-node[data-node="products"]{top:87px} #iclust-fluid-study .mc-diagram .ip-node[data-node="workflows"],#iclust-fluid-study .mc-diagram .ip-node[data-node="operations"]{top:164px} #iclust-fluid-study .mc-diagram .ip-core{top:56px;width:100px;height:100px;left:calc(50% - 50px)} #iclust-fluid-study .mc-diagram .ip-core b{font-size:20px} #iclust-fluid-study .mc-diagram .ip-core span{font-size:11px} #iclust-fluid-study .mc-diagram-label{font-size:10px;bottom:0} #iclust-fluid-study .mc-ai-stage .mc-story-footer{min-height:55px;padding-top:0;align-items:center} #iclust-fluid-study .mc-service-track .mc-composition{grid-template-columns:1.17fr .83fr;gap:0} #iclust-fluid-study .mc-service-track .mc-panel h2{font-size:clamp(27px,6.6cqw,36px);line-height:1.08} #iclust-fluid-study .mc-service-track .mc-panel .mc-body{font-size:12px;line-height:1.65} #iclust-fluid-study .mc-service-track .mc-art{height:350px} #iclust-fluid-study .mc-service-track .mc-story-footer{min-height:75px} #iclust-fluid-study .mc-service-track .ip-kicker{font-size:10px;margin-bottom:15px;letter-spacing:.08em} #iclust-fluid-study .ip-service-row{grid-template-columns:24px minmax(0,1fr) 24px;gap:12px;min-height:125px} #iclust-fluid-study .ip-service-copy h3{font-size:23px} #iclust-fluid-study .ip-service-copy p{font-size:12px} #iclust-fluid-study .mc-next{display:block} #iclust-fluid-study .mc-next .ip-text-link{margin-top:20px} } @container ip (max-width:350px){ #iclust-fluid-study .mc-panel h1,#iclust-fluid-study .mc-panel h2{font-size:25px} #iclust-fluid-study .mc-home-copy .mc-body{font-size:12px} #iclust-fluid-study .mc-service-track .mc-panel h2{font-size:25px} #iclust-fluid-study .mc-ai-copy{min-height:174px} #iclust-fluid-study .mc-diagram .ip-node{width:65px} #iclust-fluid-study .mc-diagram .ip-core{width:90px;height:90px;left:calc(50% - 45px);top:61px} #iclust-fluid-study .mc-diagram .ip-core-ring{inset:-5px} } @container ip (max-width:580px){ #iclust-fluid-study .mc-home-track .mc-composition,#iclust-fluid-study .mc-service-track .mc-composition{position:relative;grid-template-columns:1fr} #iclust-fluid-study .mc-home-track .mc-copy,#iclust-fluid-study .mc-service-track .mc-copy{grid-column:1;grid-row:1} #iclust-fluid-study .mc-home-track .mc-panel,#iclust-fluid-study .mc-service-track .mc-panel{display:grid;grid-template-columns:1.17fr .83fr} #iclust-fluid-study .mc-home-track .mc-panel .ip-tagline,#iclust-fluid-study .mc-service-track .mc-panel .ip-kicker{grid-column:1/-1} #iclust-fluid-study .mc-home-track .mc-flow-heading,#iclust-fluid-study .mc-service-track .mc-flow-heading{grid-column:1;min-height:150px;align-content:center} #iclust-fluid-study .mc-home-track .mc-panel .mc-body,#iclust-fluid-study .mc-service-track .mc-panel .mc-body{grid-column:1/-1;max-width:none;font-size:13px;margin-top:20px} #iclust-fluid-study .mc-home-track .mc-panel .ip-primary,#iclust-fluid-study .mc-home-track .mc-panel .ip-text-link{grid-column:1/-1;justify-self:start} #iclust-fluid-study .mc-service-track .mc-panel .mc-detail{grid-column:1/-1} #iclust-fluid-study .mc-home-track .mc-art,#iclust-fluid-study .mc-service-track .mc-art{position:absolute;right:0;top:100px;width:41.5%;height:210px} #iclust-fluid-study.mc-reduced .mc-home-track .mc-panel,#iclust-fluid-study.mc-reduced .mc-service-track .mc-panel{display:block;padding-top:35px} #iclust-fluid-study.mc-reduced .mc-home-track .mc-flow-heading,#iclust-fluid-study.mc-reduced .mc-service-track .mc-flow-heading{width:56%;min-height:150px} #iclust-fluid-study.mc-reduced .mc-art{top:75px!important} } #iclust-fluid-study.mc-reduced .mc-track{height:auto} #iclust-fluid-study.mc-reduced .mc-stage{position:relative;top:0;height:auto;overflow:visible} #iclust-fluid-study.mc-reduced .mc-copy{display:block} #iclust-fluid-study.mc-reduced .mc-panel{opacity:1!important;visibility:visible!important;transform:none!important;will-change:auto;padding:26px 0} #iclust-fluid-study.mc-reduced .mc-panel>*{transform:none!important} #iclust-fluid-study.mc-reduced .mc-art{align-self:start;position:sticky;top:100px} #iclust-fluid-study.mc-reduced .mc-story-footer{display:none} #iclust-fluid-study.mc-reduced .mc-ai-copy{min-height:0} #iclust-fluid-study.mc-reduced .ip-play{display:none} #iclust-fluid-study.mc-reduced .mc-reveal{opacity:1!important;transform:none!important} @container ip (max-width:580px){ #iclust-fluid-study.mc-reduced .mc-art{position:absolute;top:75px!important} } #iclust-fluid-study{--mc-aura:#ebcddd24;--mc-surface:#eeebe8;--mc-control:#e9e4e7;--mc-ring:#d7cbd3;--mc-ai-start:#f5eff2;--mc-ai-end:#eee3eb;--mc-well:#fffdfa} #iclust-fluid-study .ip-nav-links{gap:23px} #iclust-fluid-study .ip-nav{background:var(--ip-paper)} #iclust-fluid-study .ip-nav-links .mc-theme-toggle{padding:8px 13px;min-height:38px;border:1px solid var(--ip-line);border-radius:22px;font-size:11px} #iclust-fluid-study .ip-menu-services .mc-mobile-approach{display:none} #iclust-fluid-study .mc-home-track .mc-stage{background:radial-gradient(ellipse at 65% 45%,var(--mc-aura),transparent 67%),var(--ip-paper)} #iclust-fluid-study .mc-home-track .mc-composition{grid-template-columns:.98fr 1.02fr;position:relative;isolation:isolate} #iclust-fluid-study .mc-home-copy{z-index:2} #iclust-fluid-study .mc-home-copy .mc-body{max-width:330px} #iclust-fluid-study .mc-home-copy .mc-flow-heading{font-size:clamp(40px,7.2cqw,76px)} #iclust-fluid-study .mc-head-accent{color:var(--ip-magenta)} #iclust-fluid-study .mc-home-art{width:calc(100% + 96px);margin-left:-66px;height:530px;transform:translate3d(calc(var(--mc-handoff,0) * -12px),calc(-27px + var(--mc-handoff,0) * 20px),0);will-change:transform} #iclust-fluid-study .mc-panel{will-change:transform,opacity;backface-visibility:hidden} #iclust-fluid-study .mc-flow-heading,#iclust-fluid-study .mc-body{will-change:transform} #iclust-fluid-study .mc-tabs button[aria-pressed="true"]{background:var(--mc-control)} #iclust-fluid-study .mc-ai-stage{background:linear-gradient(120deg,var(--mc-ai-start),var(--mc-ai-end) 65%,var(--mc-ai-start))} #iclust-fluid-study[data-theme="dark"]{--ip-paper:#121216;--ip-ink:#f3f0f4;--ip-muted:#b3adb9;--ip-magenta:#ed54af;--ip-line:#3a353e;--ip-pink:#271e28;--mc-aura:#a2267530;--mc-surface:#1c1b22;--mc-control:#302731;--mc-ring:#615064;--mc-ai-start:#19141d;--mc-ai-end:#291b29;--mc-well:#222027;color-scheme:dark} #iclust-fluid-study[data-theme="dark"] .ip-preview-bar{background:#1c1b22;color:#aaa3b0} #iclust-fluid-study[data-theme="dark"] .ip-preview-bar>span:first-child{color:#eee8f0} #iclust-fluid-study[data-theme="dark"] .ip-play{border-color:#514752} #iclust-fluid-study[data-theme="dark"] .ip-nav{background:var(--ip-paper);border-bottom-color:#f3f0f411} #iclust-fluid-study[data-theme="dark"] .ip-logo{filter:invert(1) hue-rotate(180deg) saturate(.82)} #iclust-fluid-study[data-theme="dark"] .ip-nav-links .ip-nav-contact{border-color:#8d6a85} #iclust-fluid-study[data-theme="dark"] .ip-mega{background:#1b181f;border-color:#403645;box-shadow:0 20px 30px #0005} #iclust-fluid-study[data-theme="dark"] .ip-menu-services button{border-color:#39303d} #iclust-fluid-study[data-theme="dark"] .ip-primary{color:#210d1a} #iclust-fluid-study[data-theme="dark"] .ip-approach,#iclust-fluid-study[data-theme="dark"] .ip-service-method,#iclust-fluid-study[data-theme="dark"] .mc-next{background:var(--mc-surface)} #iclust-fluid-study[data-theme="dark"] .ip-steps{border-color:var(--ip-line)} #iclust-fluid-study[data-theme="dark"] .ip-contact-form label{color:#c0b7c5} #iclust-fluid-study[data-theme="dark"] .ip-contact-form input,#iclust-fluid-study[data-theme="dark"] .ip-contact-form textarea{border-color:#675a6b} #iclust-fluid-study[data-theme="dark"] .ip-contact-form input::placeholder,#iclust-fluid-study[data-theme="dark"] .ip-contact-form textarea::placeholder{color:#9e94a5} #iclust-fluid-study[data-theme="dark"] .ip-footer{border-color:#39303d;color:#b5aaba} #iclust-fluid-study[data-theme="dark"] .ip-service-process li{border-color:var(--ip-line)} #iclust-fluid-study[data-theme="dark"] .mc-diagram .ip-node{background:#232027;border-color:#5b4a5e;color:#cec5d3;box-shadow:0 7px 18px #0002} #iclust-fluid-study[data-theme="dark"] .mc-diagram .ip-node.is-lit{background:#392333;border-color:#bd568f;color:#fff1fa;box-shadow:0 7px 20px #d33f9715} #iclust-fluid-study[data-theme="dark"] .ip-core{border-color:#b36a9b;background:radial-gradient(circle at 35% 25%,#503349 0%,#322330 48%,#211a24 100%)} #iclust-fluid-study[data-theme="dark"] .ip-core span{color:#e2cbdc} #iclust-fluid-study[data-theme="dark"] .ip-core-ring{border-color:#ed54af4a} #iclust-fluid-study[data-theme="dark"] .ip-link-base{stroke:#5b4054} #iclust-fluid-study[data-theme="dark"] .ip-link-active{stroke:#ed54af} #iclust-fluid-study[data-theme="dark"] .ip-diagram-label{color:#ac99ad} #iclust-fluid-study[data-theme="dark"] .mc-diagram-phase{color:#ed8bc5} #iclust-fluid-study[data-theme="dark"] .ip-service-outcome{border-color:var(--ip-line)} @container ip (max-width:800px){ #iclust-fluid-study .ip-nav-links{gap:17px} #iclust-fluid-study .mc-home-copy .mc-flow-heading{font-size:clamp(35px,6.4cqw,52px)} #iclust-fluid-study .mc-home-art{height:480px;width:calc(100% + 44px);margin-left:-30px} } @container ip (max-width:580px){ #iclust-fluid-study .ip-nav-links{gap:12px} #iclust-fluid-study .ip-nav-approach{display:none} #iclust-fluid-study .ip-menu-services .mc-mobile-approach{display:flex} #iclust-fluid-study .ip-nav-links .mc-theme-toggle{padding:8px 10px;min-height:38px} #iclust-fluid-study .mc-home-track .mc-composition{grid-template-columns:1fr} #iclust-fluid-study .mc-home-copy .mc-flow-heading{font-size:clamp(27px,7.1cqw,41px)} #iclust-fluid-study .mc-home-copy .mc-body{max-width:none} #iclust-fluid-study .mc-home-art{width:43.5%;height:220px;margin-left:0;transform:translate3d(-4px,calc(var(--mc-handoff,0) * 9px),0)} } @container ip (max-width:350px){ #iclust-fluid-study .ip-nav-links{gap:9px} #iclust-fluid-study .ip-logo{width:74px} #iclust-fluid-study .mc-home-copy .mc-flow-heading{font-size:25px} } #iclust-fluid-study.mc-reduced .mc-home-art{transform:none;will-change:auto} #iclust-fluid-study.mc-reduced .mc-flow-heading,#iclust-fluid-study.mc-reduced .mc-body{will-change:auto} #iclust-fluid-study .mc-approach-track{height:3000px;position:relative} #iclust-fluid-study .mc-approach-stage{position:sticky;top:76px;height:684px;display:flex;flex-direction:column;padding:28px 5.5% 22px;overflow:hidden;background:var(--ip-paper);color:var(--ip-ink)} #iclust-fluid-study .mc-ap-eyebrow{display:flex;justify-content:space-between;align-items:center;gap:24px} #iclust-fluid-study .mc-ap-eyebrow .ip-kicker{margin:0} #iclust-fluid-study .mc-ap-count{color:var(--ip-muted);font-size:11px;letter-spacing:.08em;font-variant-numeric:tabular-nums} #iclust-fluid-study .mc-ap-count [data-approach-count]{color:var(--ip-ink)} #iclust-fluid-study .mc-ap-composition{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:12px;flex:1;min-height:0} #iclust-fluid-study .mc-approach-copy{display:grid;align-items:center;position:relative;min-width:0} #iclust-fluid-study .mc-approach-copy .mc-panel{grid-column:1;grid-row:1;min-width:0} #iclust-fluid-study .mc-approach-copy .mc-flow-heading{font-size:clamp(34px,4.8cqw,54px);font-weight:500;line-height:1.07;letter-spacing:-.055em;max-width:420px} #iclust-fluid-study .mc-approach-copy .mc-body{font-size:15px;line-height:1.7;max-width:330px;margin-top:24px;color:var(--ip-muted)} #iclust-fluid-study .mc-approach-copy .mc-detail{margin-top:25px;font-size:11px;line-height:1.6;letter-spacing:.025em;color:var(--ip-magenta)} #iclust-fluid-study .mc-ap-graphic{position:relative;min-width:0;width:100%;height:380px} #iclust-fluid-study .mc-ap-svg{display:block;width:100%;height:100%;overflow:visible} #iclust-fluid-study .mc-ap-ceramic-light{stop-color:color-mix(in srgb,var(--ip-paper) 97%,var(--ip-ink))} #iclust-fluid-study .mc-ap-ceramic-mid{stop-color:color-mix(in srgb,var(--ip-paper) 83%,var(--ip-magenta))} #iclust-fluid-study .mc-ap-ceramic-edge{stop-color:color-mix(in srgb,var(--ip-paper) 75%,var(--ip-ink))} #iclust-fluid-study .mc-ap-glaze-light{stop-color:color-mix(in srgb,var(--ip-magenta) 62%,var(--ip-paper))} #iclust-fluid-study .mc-ap-glaze-mid{stop-color:var(--ip-magenta)} #iclust-fluid-study .mc-ap-glaze-deep{stop-color:color-mix(in srgb,var(--ip-magenta) 77%,var(--ip-ink))} #iclust-fluid-study .mc-ap-shadow{stroke:var(--ip-ink);stroke-width:29;opacity:.065;transform:translateY(8px)} #iclust-fluid-study .mc-ap-ceramic{stroke:url(#mc-ap-ceramic);stroke-width:27} #iclust-fluid-study .mc-ap-glaze{stroke:url(#mc-ap-glaze);stroke-width:27;stroke-dasharray:1;stroke-dashoffset:.985} #iclust-fluid-study .mc-ap-sheen{stroke:var(--ip-paper);stroke-width:2;opacity:.48;transform:translateY(-7px);stroke-dasharray:1;stroke-dashoffset:.985} #iclust-fluid-study .mc-ap-node-halo{fill:var(--ip-magenta);opacity:0} #iclust-fluid-study .mc-ap-node{fill:var(--ip-paper);stroke:var(--ip-line);stroke-width:1} #iclust-fluid-study .mc-ap-number{fill:var(--ip-muted);font-size:11px;font-weight:500;letter-spacing:.01em} #iclust-fluid-study .mc-ap-label{fill:var(--ip-muted);font-size:12px;font-weight:400;letter-spacing:0} #iclust-fluid-study .mc-ap-milestone[data-state="current"] .mc-ap-node-halo{opacity:.12} #iclust-fluid-study .mc-ap-milestone[data-state="current"] .mc-ap-node{fill:var(--ip-magenta);stroke:var(--ip-magenta)} #iclust-fluid-study .mc-ap-milestone[data-state="current"] .mc-ap-number{fill:var(--ip-paper)} #iclust-fluid-study .mc-ap-milestone[data-state="current"] .mc-ap-label{fill:var(--ip-ink);font-weight:500} #iclust-fluid-study .mc-ap-milestone[data-state="complete"] .mc-ap-node{fill:var(--ip-ink);stroke:var(--ip-ink)} #iclust-fluid-study .mc-ap-milestone[data-state="complete"] .mc-ap-number{fill:var(--ip-paper)} #iclust-fluid-study .mc-ap-milestone[data-state="complete"] .mc-ap-label{fill:var(--ip-ink)} #iclust-fluid-study .mc-ap-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding-top:10px} #iclust-fluid-study .mc-approach-tabs{display:flex;flex-wrap:nowrap;gap:3px;min-width:0} #iclust-fluid-study .mc-approach-tabs button{font-size:12px;line-height:1.2;padding:12px;min-height:44px;white-space:nowrap;color:var(--ip-muted)} #iclust-fluid-study .mc-approach-tabs button[aria-pressed="true"]{color:var(--ip-ink);background:color-mix(in srgb,var(--ip-paper) 94%,var(--ip-ink))} #iclust-fluid-study .mc-ap-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;border:0} #iclust-fluid-study .mc-approach-track[data-reduced="true"]{height:auto} #iclust-fluid-study .mc-approach-track[data-reduced="true"] .mc-approach-stage{position:relative;top:0;height:auto;overflow:visible} #iclust-fluid-study .mc-approach-track[data-reduced="true"] .mc-ap-composition{display:flex;flex-direction:column;gap:28px} #iclust-fluid-study .mc-approach-track[data-reduced="true"] .mc-ap-graphic{order:-1;height:290px;max-width:620px} #iclust-fluid-study .mc-approach-track[data-reduced="true"] .mc-approach-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;width:100%} #iclust-fluid-study .mc-approach-track[data-reduced="true"] .mc-panel{grid-column:auto;grid-row:auto;display:block;visibility:visible!important;opacity:1!important;transform:none!important;padding:0 0 26px;will-change:auto} #iclust-fluid-study .mc-approach-track[data-reduced="true"] .mc-panel>*{transform:none!important} #iclust-fluid-study .mc-approach-track[data-reduced="true"] .mc-panel h2{font-size:30px;min-height:0} #iclust-fluid-study .mc-approach-track[data-reduced="true"] .mc-ap-footer{display:none} @container ip (max-width:800px){ #iclust-fluid-study .mc-ap-composition{grid-template-columns:1fr 1.1fr;gap:0} #iclust-fluid-study .mc-approach-copy .mc-flow-heading{font-size:clamp(31px,4.8cqw,44px)} #iclust-fluid-study .mc-approach-copy .mc-body{font-size:14px} #iclust-fluid-study .mc-ap-graphic{height:330px} #iclust-fluid-study .mc-ap-footer .mc-scroll-note{display:none} } @container ip (max-width:580px){ #iclust-fluid-study .mc-approach-stage{top:66px;height:694px;padding:26px 5.5% 20px} #iclust-fluid-study .mc-ap-composition{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:4px} #iclust-fluid-study .mc-approach-copy{min-height:236px;align-items:start} #iclust-fluid-study .mc-approach-copy .mc-panel{display:block} #iclust-fluid-study .mc-approach-copy .mc-flow-heading{font-size:clamp(32px,7.2cqw,40px);line-height:1.08;max-width:none} #iclust-fluid-study .mc-approach-copy .mc-body{font-size:14px;line-height:1.6;max-width:400px;margin-top:19px} #iclust-fluid-study .mc-approach-copy .mc-detail{font-size:11px;margin-top:18px} #iclust-fluid-study .mc-ap-graphic{height:235px;max-width:420px;justify-self:center} #iclust-fluid-study .mc-ap-label{font-size:11px} #iclust-fluid-study .mc-ap-footer{min-height:58px;padding:0} #iclust-fluid-study .mc-approach-tabs{width:100%;justify-content:space-between;gap:0} #iclust-fluid-study .mc-approach-tabs button{font-size:11px;padding:12px 9px} #iclust-fluid-study .mc-approach-track[data-reduced="true"] .mc-ap-graphic{height:235px;max-width:420px} #iclust-fluid-study .mc-approach-track[data-reduced="true"] .mc-approach-copy{grid-template-columns:1fr;gap:18px;min-height:0} #iclust-fluid-study .mc-approach-track[data-reduced="true"] .mc-panel h2{font-size:30px} } @media (prefers-reduced-motion:reduce){ #iclust-fluid-study .mc-approach-track{height:auto} #iclust-fluid-study .mc-approach-stage{position:relative;top:0;height:auto;overflow:visible} #iclust-fluid-study .mc-ap-composition{display:flex;flex-direction:column;gap:28px} #iclust-fluid-study .mc-approach-copy{display:block;width:100%;min-height:0} #iclust-fluid-study .mc-approach-copy .mc-panel{display:block;visibility:visible!important;opacity:1!important;transform:none!important;padding:20px 0;will-change:auto} #iclust-fluid-study .mc-approach-copy .mc-panel>*{transform:none!important} #iclust-fluid-study .mc-ap-graphic{order:-1;height:235px;max-width:620px} #iclust-fluid-study .mc-approach-copy .mc-panel h2{font-size:30px} #iclust-fluid-study .mc-ap-footer{display:none} #iclust-fluid-study [data-ribbon-draw]{stroke-dashoffset:0!important} } html{margin:0;background:#f6f5f2;scroll-behavior:auto;scroll-padding-top:0;color-scheme:light}html[data-theme=dark]{background:#121216;color-scheme:dark}body{margin:0}a{color:inherit;text-decoration:none}button,a,input,textarea{touch-action:manipulation}button,a{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid #d30a81;outline-offset:5px}::selection{background:#d30a8130}html[data-theme=dark] #iclust-fluid-study{--ip-paper:#121216;--ip-ink:#f3f0f4;--ip-muted:#b7afb9;--ip-magenta:#ed54af;--ip-line:#39323b;--ip-pink:#221923} #iclust-fluid-study{container-type:inline-size;container-name:ip;overflow:clip;font-family:Arial,Helvetica,sans-serif;min-height:100vh;background:var(--ip-paper)} #iclust-fluid-study .ip-window{height:auto;overflow:visible;overscroll-behavior:auto} #iclust-fluid-study .ip-nav{height:76px;position:sticky;top:0;padding-inline:5.5%;background:var(--ip-paper)} #iclust-fluid-study .ip-nav-links>a{min-height:44px;display:flex;align-items:center;white-space:nowrap} #iclust-fluid-study .ip-menu-services>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;min-height:44px;border-bottom:1px solid var(--ip-line);font-size:14px} #iclust-fluid-study .ip-menu-services>a:hover,#iclust-fluid-study .ip-menu-services>[aria-current=page]{color:var(--ip-magenta)} #iclust-fluid-study .ip-mega{max-height:calc(100svh - 76px);overflow:auto;overscroll-behavior:contain} #iclust-fluid-study .mobile-company{display:none} #iclust-fluid-study .skip-link{position:fixed;left:20px;top:-100px;padding:14px 22px;z-index:99;background:var(--ip-ink);color:var(--ip-paper)} #iclust-fluid-study .skip-link:focus{top:12px} #iclust-fluid-study .mc-track{scroll-margin-top:76px} #iclust-fluid-study .mc-stage{height:calc(100svh - 76px);min-height:620px;max-height:1000px;padding-block:30px} #iclust-fluid-study .mc-home-track{height:440vh} #iclust-fluid-study .mc-ai-track{height:290vh} #iclust-fluid-study .mc-service-track{height:290vh} #iclust-fluid-study .mc-approach-track{height:330vh} #iclust-fluid-study .mc-flow-heading>span{display:block} #iclust-fluid-study .mc-flow-heading>span.mc-head-accent{display:inline} #iclust-fluid-study .mc-home-copy .mc-panel:first-child .mc-flow-heading>span{display:block} #iclust-fluid-study .mc-home-art{max-height:65svh;height:600px} #iclust-fluid-study .mc-panel .mc-body{font-size:16px;max-width:440px} #iclust-fluid-study .mc-service-track .mc-panel .mc-body{font-size:16px;max-width:470px} #iclust-fluid-study .mc-panel h1,#iclust-fluid-study .mc-panel h2{font-size:clamp(42px,5.9vw,86px)} #iclust-fluid-study .mc-service-track .mc-panel h2{font-size:clamp(34px,4.4vw,62px)} #iclust-fluid-study .mc-ai-editorial>h2{font-size:clamp(40px,5vw,72px)} #iclust-fluid-study .mc-panel .ip-primary{margin-top:27px} #iclust-fluid-study .mc-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none} #iclust-fluid-study .mc-art[data-motion-ready=true] .mc-fallback{visibility:hidden} #iclust-fluid-study .mc-art canvas{position:relative;z-index:1} #iclust-fluid-study .mc-service-track .mc-art{height:min(580px,65svh)} #iclust-fluid-study .mc-tabs button{font-size:13px} #iclust-fluid-study .ip-service-copy h3 a:hover{color:var(--ip-magenta)} #iclust-fluid-study .ip-section{padding-block:100px} #iclust-fluid-study .ip-service-hero{padding-top:52px;padding-bottom:48px} #iclust-fluid-study .ip-service-hero h1{font-size:clamp(46px,6vw,86px)} #iclust-fluid-study .ip-service-summary{font-size:18px;max-width:680px} #iclust-fluid-study .editorial-hero h1,#iclust-fluid-study .ip-contact h1{font-size:clamp(48px,6vw,84px);line-height:1.05} #iclust-fluid-study .editorial-lead{font-size:clamp(18px,2vw,25px);line-height:1.6;max-width:860px;margin-top:36px;color:var(--ip-muted)} #iclust-fluid-study .editorial-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;border-top:1px solid var(--ip-line)} #iclust-fluid-study .editorial-grid p{font-size:18px;line-height:1.75;margin-bottom:24px;color:var(--ip-muted)} #iclust-fluid-study .editorial-grid strong{font-size:16px;font-weight:500;color:var(--ip-ink)} #iclust-fluid-study .legal-page{max-width:950px;margin:0 auto;min-height:75vh} #iclust-fluid-study .legal-page h1{font-size:clamp(46px,6vw,72px);margin-bottom:32px} #iclust-fluid-study .legal-page h2{font-size:26px;letter-spacing:-.025em;margin:42px 0 17px} #iclust-fluid-study .legal-page p{line-height:1.8;color:var(--ip-muted);margin-bottom:20px} #iclust-fluid-study .legal-page a,#iclust-fluid-study .form-consent a{text-decoration:underline;text-underline-offset:3px} #iclust-fluid-study .contact-details{margin-top:32px;display:grid;gap:14px;font-size:15px;max-width:340px;overflow-wrap:anywhere} #iclust-fluid-study .contact-details p{font-size:15px;line-height:1.6} #iclust-fluid-study .ip-contact-form input,#iclust-fluid-study .ip-contact-form textarea{font-size:16px} #iclust-fluid-study .form-consent{display:flex;align-items:flex-start;gap:12px;line-height:1.6;font-size:12px} #iclust-fluid-study .form-consent input{width:18px;height:18px;min-width:18px;margin:3px 0 0;accent-color:var(--ip-magenta)} #iclust-fluid-study .form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #iclust-fluid-study .optional{color:var(--ip-muted)} #iclust-fluid-study .site-footer{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid var(--ip-line);padding-top:55px;padding-bottom:35px} #iclust-fluid-study .footer-brand>a{font-size:32px;font-weight:600;letter-spacing:-.05em} #iclust-fluid-study .footer-brand p{font-size:13px;color:var(--ip-muted);margin-top:12px} #iclust-fluid-study .site-footer nav{display:flex;gap:22px;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;font-size:13px} #iclust-fluid-study .site-footer nav a,#iclust-fluid-study .site-footer nav button{min-height:44px;padding:10px 0} #iclust-fluid-study .footer-legal{grid-column:1/-1;color:var(--ip-muted);font-size:11px;letter-spacing:.02em} /* Content is complete in HTML. Pinning and hidden chapters are enhancements only. */ #iclust-fluid-study:not(.mc-enhanced) .mc-track,#iclust-fluid-study.mc-reduced .mc-track{height:auto} #iclust-fluid-study:not(.mc-enhanced) .mc-stage,#iclust-fluid-study.mc-reduced .mc-stage{position:relative;top:0;height:auto;max-height:none;min-height:0;overflow:visible} #iclust-fluid-study:not(.mc-enhanced) .mc-copy,#iclust-fluid-study.mc-reduced .mc-copy{display:block} #iclust-fluid-study:not(.mc-enhanced) .mc-panel,#iclust-fluid-study.mc-reduced .mc-panel{position:relative;display:block;visibility:visible!important;opacity:1!important;transform:none!important;padding:30px 0;will-change:auto} #iclust-fluid-study:not(.mc-enhanced) .mc-panel>*,#iclust-fluid-study.mc-reduced .mc-panel>*{transform:none!important} #iclust-fluid-study:not(.mc-enhanced) .mc-story-footer,#iclust-fluid-study.mc-reduced .mc-story-footer{display:none} #iclust-fluid-study:not(.mc-enhanced) .mc-reveal,#iclust-fluid-study.mc-reduced .mc-reveal{opacity:1!important;transform:none!important} #iclust-fluid-study:not(.mc-enhanced) .mc-art,#iclust-fluid-study.mc-reduced .mc-art{align-self:start;position:sticky;top:120px;transform:none} #iclust-fluid-study:not(.mc-enhanced) .mc-ap-glaze,#iclust-fluid-study:not(.mc-enhanced) .mc-ap-sheen{stroke-dashoffset:0} #iclust-fluid-study:not(.mc-enhanced) .mc-ai-copy{min-height:0} @media(min-width:1600px){#iclust-fluid-study .mc-stage,#iclust-fluid-study .ip-section,#iclust-fluid-study .ip-service-hero{padding-left:max(5.5%,calc((100% - 1500px)/2));padding-right:max(5.5%,calc((100% - 1500px)/2));}#iclust-fluid-study .mc-home-art{height:670px;max-height:70svh}} @media(max-width:780px){#iclust-fluid-study .ip-nav-links .ip-nav-about{display:none}#iclust-fluid-study .mobile-company{display:flex}#iclust-fluid-study .ip-nav-links{gap:20px}#iclust-fluid-study .ip-section{padding-block:65px}#iclust-fluid-study .editorial-grid{grid-template-columns:1fr;gap:30px}#iclust-fluid-study .editorial-grid p{font-size:16px}#iclust-fluid-study .site-footer{grid-template-columns:1fr;gap:30px}#iclust-fluid-study .site-footer nav{justify-content:flex-start}#iclust-fluid-study .mc-panel .mc-body,#iclust-fluid-study .mc-service-track .mc-panel .mc-body{font-size:14px}} @media(max-width:580px){#iclust-fluid-study .ip-nav{height:66px}#iclust-fluid-study .ip-nav-links{gap:15px;font-size:11px}#iclust-fluid-study .ip-nav-links .ip-nav-approach{display:none}#iclust-fluid-study .ip-logo{width:76px;height:28px}#iclust-fluid-study .ip-mega{top:66px;max-height:calc(100svh - 66px)}#iclust-fluid-study .mc-stage{top:66px;height:calc(100svh - 66px);min-height:620px;padding-block:26px 22px}#iclust-fluid-study .mc-home-art{width:43.5%;height:230px;max-height:none}#iclust-fluid-study .mc-service-track .mc-art{height:215px}#iclust-fluid-study .mc-panel h1,#iclust-fluid-study .mc-panel h2{font-size:clamp(27px,7.5vw,42px)}#iclust-fluid-study .mc-service-track .mc-panel h2{font-size:clamp(25px,6.8vw,36px)}#iclust-fluid-study .mc-home-track .mc-panel .mc-body,#iclust-fluid-study .mc-service-track .mc-panel .mc-body{font-size:14px;line-height:1.65}#iclust-fluid-study .mc-tabs button{font-size:11px;padding-inline:9px}#iclust-fluid-study .ip-service-summary{font-size:16px}#iclust-fluid-study .mc-home-track{height:400vh}#iclust-fluid-study .mc-ai-track{height:300vh}#iclust-fluid-study .mc-ai-editorial>h2{font-size:40px}#iclust-fluid-study .mc-service-track{height:320vh}#iclust-fluid-study .ip-contact{grid-template-columns:1fr}#iclust-fluid-study .ip-contact-form{margin-top:15px}#iclust-fluid-study .ip-service-hero h1{font-size:42px}#iclust-fluid-study:not(.mc-enhanced) .mc-composition,#iclust-fluid-study.mc-reduced .mc-composition{display:flex;flex-direction:column-reverse}#iclust-fluid-study:not(.mc-enhanced) .mc-art,#iclust-fluid-study.mc-reduced .mc-art{position:relative;top:auto!important;width:100%;height:260px}#iclust-fluid-study:not(.mc-enhanced) .mc-flow-heading,#iclust-fluid-study.mc-reduced .mc-flow-heading{width:auto!important;min-height:0!important}#iclust-fluid-study .mc-ai-composition{gap:20px}} @media(max-width:360px){#iclust-fluid-study .ip-nav{padding-inline:4%}#iclust-fluid-study .ip-nav-links{gap:11px;font-size:10px}#iclust-fluid-study .ip-nav-links span{margin-left:3px}#iclust-fluid-study .ip-logo{width:64px}#iclust-fluid-study .mc-tabs{gap:0}#iclust-fluid-study .mc-tabs button{padding-inline:7px;font-size:10px}} @media(max-height:700px) and (min-width:781px){#iclust-fluid-study .mc-stage{min-height:560px}#iclust-fluid-study .mc-panel .mc-body{font-size:14px;line-height:1.55;margin-top:18px}#iclust-fluid-study .mc-panel h1,#iclust-fluid-study .mc-panel h2{font-size:54px}#iclust-fluid-study .mc-service-track .mc-panel h2{font-size:40px}#iclust-fluid-study .mc-home-art{height:420px}#iclust-fluid-study .mc-panel .ip-tagline{margin-bottom:18px}} @media(max-width:580px){#iclust-fluid-study .mc-track,#iclust-fluid-study .ip-section{scroll-margin-top:66px}} @media(max-width:360px){#iclust-fluid-study .mc-home-tabs{gap:0;justify-content:space-between;flex-wrap:nowrap}#iclust-fluid-study .mc-home-tabs button{padding-inline:4px;font-size:10px}} /* Shared finish: retain the approved components, refine their rhythm and surfaces. */ #iclust-fluid-study { --ip-paper: #f7f6f3; --ip-ink: #252329; --ip-muted: #68616b; --ip-line: #ddd8dd; --sf-surface: #eeece9; --sf-glass: #f7f6f3ed; --sf-hairline: #2d203414; --sf-aura: #c7187c08; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-synthesis: none; } #iclust-fluid-study[data-theme="dark"] { --ip-paper: #121216; --ip-ink: #f2eef3; --ip-muted: #b8b0bc; --ip-line: #38323c; --sf-surface: #1c1920; --sf-glass: #121216ed; --sf-hairline: #eee0f018; --sf-aura: #ce38830b; } #iclust-fluid-study h1, #iclust-fluid-study h2, #iclust-fluid-study h3 { font-weight: 500; letter-spacing: -.055em; text-wrap: balance; } #iclust-fluid-study p { text-wrap: pretty; } #iclust-fluid-study .ip-kicker { font-size: 10px; font-weight: 550; letter-spacing: .18em; } #iclust-fluid-study .ip-nav { border-bottom: 1px solid var(--sf-hairline); background: var(--sf-glass); backdrop-filter: blur(18px) saturate(1.15); -webkit-backdrop-filter: blur(18px) saturate(1.15); } #iclust-fluid-study[data-theme="dark"] .ip-nav { background: var(--sf-glass); } #iclust-fluid-study .ip-nav-links { gap: 31px; font-size: 12px; letter-spacing: -.005em; } #iclust-fluid-study .ip-nav-links>a, #iclust-fluid-study .ip-expertise-toggle { transition: color .2s ease; } #iclust-fluid-study .ip-nav-links>a:hover, #iclust-fluid-study .ip-expertise-toggle:hover { color: var(--ip-magenta); } #iclust-fluid-study .ip-nav-links .ip-nav-contact { border-bottom-color: var(--ip-line); } #iclust-fluid-study .ip-nav-links .mc-theme-toggle { min-width: 49px; min-height: 36px; border-color: var(--sf-hairline); background: color-mix(in srgb,var(--ip-paper) 88%,var(--ip-ink)); font-size: 11px; transition: background .2s ease, border-color .2s ease; } #iclust-fluid-study .ip-nav-links .mc-theme-toggle:hover { border-color: var(--ip-muted); } #iclust-fluid-study .ip-logo { width: 104px; height: 32px; } #iclust-fluid-study .ip-mega { padding-top: 42px; padding-bottom: 42px; background: var(--ip-paper); box-shadow: 0 20px 45px #1910190e; border-bottom: 1px solid var(--ip-line); } #iclust-fluid-study .ip-mega h2 { font-size: 40px; line-height: 1.08; } #iclust-fluid-study .ip-menu-services>a { padding: 14px 0; font-size: 14px; } #iclust-fluid-study .ip-menu-services>a span { transition: transform .25s ease; } #iclust-fluid-study .ip-menu-services>a:hover span { transform: translate(3px,-3px); } #iclust-fluid-study .mc-home-track .mc-stage { background: radial-gradient(ellipse at 66% 45%,var(--sf-aura),transparent 65%),var(--ip-paper); } #iclust-fluid-study .mc-home-copy { z-index: 2; } #iclust-fluid-study .mc-home-copy .mc-flow-heading { font-size: clamp(43px,5.8vw,88px); line-height: 1.035; letter-spacing: -.065em; font-weight: 500; } #iclust-fluid-study .mc-panel .ip-tagline { display: flex; align-items: center; gap: 10px; font-size: 12px; letter-spacing: .025em; margin-bottom: 30px; } #iclust-fluid-study .mc-panel .ip-tagline:before { margin: 0; width: 19px; height: 1px; border-radius: 0; } #iclust-fluid-study .mc-panel .mc-body { font-size: 16px; line-height: 1.75; letter-spacing: -.012em; max-width: 430px; margin-top: 27px; } #iclust-fluid-study .mc-panel .mc-detail { font-size: 11px; line-height: 1.65; letter-spacing: .04em; } #iclust-fluid-study .ip-primary { min-height: 49px; padding: 7px 8px 7px 22px; gap: 27px; border-radius: 30px; font-size: 12px; font-weight: 500; letter-spacing: .015em; box-shadow: 0 4px 10px #b20d6810; transition: background .25s ease, box-shadow .25s ease, transform .25s ease; } #iclust-fluid-study .ip-primary span { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #ffffff20; font-size: 18px; transition: transform .3s cubic-bezier(.22,.7,.2,1); } #iclust-fluid-study .ip-primary:not(:disabled):hover { background: color-mix(in srgb,var(--ip-magenta) 84%,#3b0929); box-shadow: 0 8px 22px #9a145e22; transform: translateY(-2px); } #iclust-fluid-study[data-theme="dark"] .ip-primary:not(:disabled):hover { background: color-mix(in srgb,var(--ip-magenta) 84%,#fff); } #iclust-fluid-study .ip-primary:not(:disabled):hover span { transform: rotate(45deg); } #iclust-fluid-study .ip-text-link { font-size: 12px; letter-spacing: .01em; gap: 19px; } #iclust-fluid-study .ip-text-link span { transition: transform .3s ease; } #iclust-fluid-study .ip-text-link:hover span { transform: translate(4px,-4px); } #iclust-fluid-study .mc-story-footer { border-top: 1px solid var(--sf-hairline); min-height: 67px; padding-top: 14px; } #iclust-fluid-study .mc-tabs { gap: 8px; } #iclust-fluid-study .mc-tabs button { font-size: 12px; padding: 12px 13px; border-radius: 0; letter-spacing: -.01em; transition: color .2s ease, background .2s ease; } #iclust-fluid-study .mc-tabs button[aria-pressed="true"] { background: transparent; color: var(--ip-ink); } #iclust-fluid-study .mc-tabs button:before { height: 1px; bottom: 3px; } #iclust-fluid-study .mc-tabs button:hover { color: var(--ip-magenta); } #iclust-fluid-study .mc-scroll-note { font-size: 10px; letter-spacing: .035em; } #iclust-fluid-study .mc-scroll-note span { display: inline-block; } #iclust-fluid-study .mc-ai-stage { background: radial-gradient(ellipse at 73% 47%,#d30a810a,transparent 65%),var(--ip-paper); border-top: 1px solid var(--sf-hairline); border-bottom: 1px solid var(--sf-hairline); } #iclust-fluid-study[data-theme="dark"] .mc-ai-stage { background: radial-gradient(ellipse at 73% 47%,#c0359220,transparent 65%),#161219; } #iclust-fluid-study .mc-ai-editorial>h2 { font-weight: 480; letter-spacing: -.055em; } #iclust-fluid-study .mc-ai-copy h3 { font-weight: 500; font-size: 23px; letter-spacing: -.035em; } #iclust-fluid-study .mc-diagram .ip-node { border-radius: 9px; border-color: var(--ip-line); background: color-mix(in srgb,var(--ip-paper) 86%,transparent); box-shadow: 0 5px 14px #2b162a05,inset 0 1px 0 #ffffff4d; font-size: 12px; transition: border-color .25s ease, background .25s ease, box-shadow .25s ease; } #iclust-fluid-study .ip-link-base { opacity: .5; } #iclust-fluid-study .ip-link-active { stroke-width: 1.35; } #iclust-fluid-study .ip-core { border-width: 1px; } #iclust-fluid-study .ip-core b { font-weight: 500; letter-spacing: -.05em; } #iclust-fluid-study .ip-core-ring { border-style: solid; opacity: .7; } #iclust-fluid-study .ip-section-heading { margin-bottom: 58px; align-items: start; } #iclust-fluid-study .ip-section-heading h2 { font-size: clamp(35px,4vw,59px); line-height: 1.08; } #iclust-fluid-study .ip-section-heading>p { font-size: 14px; line-height: 1.75; padding-top: 30px; } #iclust-fluid-study .ip-service-row { position: relative; grid-template-columns: 50px minmax(0,1fr) 46px; gap: 27px; min-height: 155px; padding-block: 29px; border-color: var(--ip-line); } #iclust-fluid-study .mc-service-number { color: var(--ip-magenta); font-size: 10px; letter-spacing: .08em; padding-top: 4px; } #iclust-fluid-study .ip-service-copy { display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(30px,5vw,90px); align-items: start; } #iclust-fluid-study .ip-service-copy h3 { font-size: clamp(23px,2.3vw,33px); line-height: 1.16; max-width: 460px; letter-spacing: -.04em; } #iclust-fluid-study .ip-service-copy p { max-width: 350px; margin: 3px 0 0; font-size: 14px; line-height: 1.8; } #iclust-fluid-study .ip-service-arrow { width: 42px; height: 42px; border: 1px solid var(--ip-line); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; transition: transform .3s ease, background .3s ease, color .3s ease; } #iclust-fluid-study .ip-service-row:hover .ip-service-arrow { transform: rotate(45deg); background: var(--ip-ink); color: var(--ip-paper); } #iclust-fluid-study .ip-service-hero { padding-top: 57px; padding-bottom: 55px; border-bottom: 1px solid var(--sf-hairline); } #iclust-fluid-study .ip-breadcrumb { font-size: 10px; letter-spacing: .02em; margin-bottom: 30px; gap: 13px; } #iclust-fluid-study .ip-service-hero h1 { max-width: 1120px; font-size: clamp(46px,6.1vw,90px); letter-spacing: -.055em; } #iclust-fluid-study .ip-service-summary { max-width: 640px; line-height: 1.65; margin-top: 25px; font-size: 18px; } #iclust-fluid-study .mc-service-track .mc-panel h2 { font-size: clamp(34px,4.1vw,59px); line-height: 1.08; letter-spacing: -.045em; } #iclust-fluid-study .mc-service-track .mc-panel .mc-body { line-height: 1.75; font-size: 16px; } #iclust-fluid-study .ip-service-intro { border-top: 1px solid var(--sf-hairline); } #iclust-fluid-study .ip-service-lead { font-size: 18px; line-height: 1.8; letter-spacing: -.015em; } #iclust-fluid-study .ip-capabilities { padding-top: 30px; } #iclust-fluid-study .ip-capability-grid { gap: 40px; } #iclust-fluid-study .ip-capability { border-top: 1px solid var(--ip-line); padding-top: 25px; } #iclust-fluid-study .ip-capability>span { color: var(--ip-magenta); font-size: 10px; letter-spacing: .08em; } #iclust-fluid-study .ip-capability h3 { font-size: 25px; line-height: 1.18; margin-top: 27px; } #iclust-fluid-study .ip-capability p { font-size: 14px; line-height: 1.8; margin-top: 18px; } #iclust-fluid-study .ip-service-outcome { background: var(--sf-surface); border: 0; } #iclust-fluid-study .mc-outcome { font-size: 19px; line-height: 1.7; } #iclust-fluid-study .mc-next { padding-block: 74px; background: var(--ip-paper); border-block: 1px solid var(--ip-line); } #iclust-fluid-study .mc-next-title { font-size: clamp(28px,3vw,43px); } #iclust-fluid-study .ip-contact { column-gap: 9%; row-gap: 36px; } #iclust-fluid-study .ip-contact h2,#iclust-fluid-study .ip-contact h1 { font-size: clamp(58px,7.3vw,105px); letter-spacing: -.065em; } #iclust-fluid-study .ip-contact-form { gap: 28px 24px; } #iclust-fluid-study .ip-contact-form label { font-size: 11px; letter-spacing: .025em; } #iclust-fluid-study .ip-contact-form input:not([type="checkbox"]), #iclust-fluid-study .ip-contact-form textarea { border-bottom-color: var(--ip-line); padding: 14px 0; transition: border-color .2s ease; } #iclust-fluid-study .ip-contact-form input:focus, #iclust-fluid-study .ip-contact-form textarea:focus { outline: none; border-color: var(--ip-magenta); } #iclust-fluid-study .ip-contact-form input[type="checkbox"]:focus-visible { outline: 2px solid var(--ip-magenta); outline-offset: 3px; } #iclust-fluid-study .ip-contact-form [aria-invalid="true"] { border-color: #bf204e; } #iclust-fluid-study .form-consent { font-size: 11px; letter-spacing: 0; } #iclust-fluid-study .site-footer { background: color-mix(in srgb,var(--ip-paper) 97%,var(--ip-ink)); gap: 46px; } #iclust-fluid-study .footer-brand p { font-size: 12px; } #iclust-fluid-study .site-footer nav { font-size: 12px; gap: 29px; } #iclust-fluid-study .footer-legal { padding-top: 26px; border-top: 1px solid var(--sf-hairline); font-size: 10px; line-height: 1.7; } #iclust-fluid-study .editorial-grid h2 { font-size: clamp(34px,4vw,58px); } @media (max-width: 800px) { #iclust-fluid-study .ip-nav-links { gap: 22px; } #iclust-fluid-study .ip-service-copy { grid-template-columns: 1fr; gap: 13px; } #iclust-fluid-study .ip-service-copy p { max-width: 500px; } #iclust-fluid-study .ip-service-row { min-height: 155px; grid-template-columns: 30px minmax(0,1fr) 40px; gap: 20px; } #iclust-fluid-study .mc-home-copy .mc-flow-heading { font-size: clamp(34px,6.2vw,49px); } #iclust-fluid-study .ip-service-lead { font-size: 16px; } } @media (max-width: 580px) { #iclust-fluid-study .ip-logo { width: 78px; height: 28px; } #iclust-fluid-study .ip-nav-links { gap: 16px; font-size: 11px; } #iclust-fluid-study .ip-nav-links .mc-theme-toggle { min-width: 43px; min-height: 35px; padding: 6px 9px; font-size: 10px; } #iclust-fluid-study .ip-mega { padding-block: 18px 26px; } #iclust-fluid-study .ip-menu-services>a { font-size: 13px; min-height: 48px; padding-block: 13px; } #iclust-fluid-study .mc-home-copy .mc-flow-heading { font-size: clamp(27px,7.2vw,40px); letter-spacing: -.055em; } #iclust-fluid-study .mc-panel .ip-tagline { font-size: 10px; gap: 9px; letter-spacing: .035em; margin-bottom: 26px; } #iclust-fluid-study .mc-home-track .mc-panel .mc-body, #iclust-fluid-study .mc-service-track .mc-panel .mc-body { font-size: 14px; line-height: 1.7; margin-top: 24px; } #iclust-fluid-study .mc-service-track .mc-panel h2 { font-size: clamp(25px,6.5vw,35px); line-height: 1.13; } #iclust-fluid-study .mc-home-track .mc-panel .ip-primary { padding: 6px 7px 6px 18px; gap: 22px; min-height: 46px; font-size: 11px; } #iclust-fluid-study .ip-primary span { width: 32px; height: 32px; } #iclust-fluid-study .mc-story-footer { padding-top: 10px; min-height: 57px; } #iclust-fluid-study .mc-tabs { gap: 0; } #iclust-fluid-study .mc-tabs button { font-size: 10px; padding-inline: 8px; } #iclust-fluid-study .mc-home-tabs { width: 100%; justify-content: space-between; flex-wrap: nowrap; } #iclust-fluid-study .mc-tabs button:before { left: 8px; right: 8px; bottom: 4px; } #iclust-fluid-study .ip-section-heading { margin-bottom: 37px; } #iclust-fluid-study .ip-section-heading>p { padding-top: 0; font-size: 13px; } #iclust-fluid-study .ip-service-row { grid-template-columns: 21px minmax(0,1fr) 30px; gap: 12px; padding-block: 26px; min-height: 0; } #iclust-fluid-study .ip-service-copy h3 { font-size: 22px; line-height: 1.17; } #iclust-fluid-study .ip-service-copy p { font-size: 12px; line-height: 1.7; } #iclust-fluid-study .ip-service-arrow { width: 30px; height: 30px; font-size: 19px; } #iclust-fluid-study .mc-service-number { font-size: 9px; } #iclust-fluid-study .ip-service-hero { padding-top: 35px; padding-bottom: 32px; } #iclust-fluid-study .ip-service-hero h1 { font-size: clamp(39px,10vw,53px); } #iclust-fluid-study .ip-service-summary { font-size: 15px; } #iclust-fluid-study .ip-capability-grid { gap: 34px; } #iclust-fluid-study .ip-capability h3 { font-size: 24px; margin-top: 20px; } #iclust-fluid-study .ip-capability p { font-size: 14px; } #iclust-fluid-study .ip-contact h1,#iclust-fluid-study .ip-contact h2 { font-size: 64px; } #iclust-fluid-study .ip-contact-form { margin-top: 28px; } #iclust-fluid-study .site-footer nav { gap: 24px; } #iclust-fluid-study .footer-legal { font-size: 9px; } } @media (max-width: 360px) { #iclust-fluid-study .ip-nav-links { gap: 11px; } #iclust-fluid-study .ip-logo { width: 68px; } #iclust-fluid-study .mc-home-tabs button { padding-inline: 4px; font-size: 9px; } #iclust-fluid-study .mc-home-tabs button:before { left: 4px; right: 4px; } } @media (max-height: 700px) and (min-width: 781px) { #iclust-fluid-study .mc-home-copy .mc-flow-heading { font-size: 55px; } #iclust-fluid-study .mc-panel .ip-tagline { margin-bottom: 18px; } #iclust-fluid-study .mc-panel .mc-body { font-size: 14px; margin-top: 18px; line-height: 1.6; } } #iclust-fluid-study.mc-reduced *, #iclust-fluid-study:not(.mc-enhanced) * { transition-duration: 0s!important; } /* A single kinetic assembly accompanies the four process chapters. */ #iclust-fluid-study .mc-ap-composition{grid-template-columns:.9fr 1.1fr;gap:0} #iclust-fluid-study .mc-ap-graphic{height:clamp(360px,39vw,560px);isolation:isolate} #iclust-fluid-study .ap-assembly{--ap-face-stroke:#fff;--ap-etch-stroke:#b5a4b6;overflow:visible;display:block;width:100%;height:100%} #iclust-fluid-study .ap-glass-light{stop-color:#fff;stop-opacity:.98} #iclust-fluid-study .ap-glass-mid{stop-color:#e7e5e9;stop-opacity:.91} #iclust-fluid-study .ap-glass-deep{stop-color:#cdccd6;stop-opacity:.84} #iclust-fluid-study .ap-edge-light{stop-color:#f0edf2} #iclust-fluid-study .ap-edge-deep{stop-color:#9c99a6} #iclust-fluid-study .ap-core-light{stop-color:#df3a9c} #iclust-fluid-study .ap-core-mid{stop-color:#d30a81} #iclust-fluid-study .ap-core-deep{stop-color:#880653} #iclust-fluid-study .ap-shadow-color{stop-color:#3e3049} #iclust-fluid-study .ap-aura-color{stop-color:#d30a81} #iclust-fluid-study .ap-face{stroke:#fff;stroke-opacity:.92;stroke-width:1.2} #iclust-fluid-study .ap-inset{fill:none;stroke:#fff;stroke-opacity:.52;stroke-width:.8} #iclust-fluid-study .ap-face-etch{fill:none;stroke:#aaa3b5;stroke-opacity:.6;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round} #iclust-fluid-study .ap-face-dot{fill:#b5a4b6} #iclust-fluid-study .ap-face-highlight{fill:none;stroke:#fff;stroke-opacity:.95;stroke-width:1.4;stroke-linecap:round} #iclust-fluid-study .ap-core-face{stroke:#df3a9c;stroke-width:1.1} #iclust-fluid-study .ap-core-inset{fill:none;stroke:#efa4d0;stroke-opacity:.3;stroke-width:.7} #iclust-fluid-study .ap-core-ring{fill:none;stroke:#fff;stroke-opacity:.28;stroke-width:1} #iclust-fluid-study .ap-core-point{fill:#fff;fill-opacity:.92} #iclust-fluid-study .ap-core-highlight{fill:none;stroke:#f3b6da;stroke-opacity:.6;stroke-width:1.3;stroke-linecap:round} #iclust-fluid-study .ap-purpose .ap-plane-edge{filter:drop-shadow(0 8px 9px #d30a8120)} #iclust-fluid-study .ap-blueprint{fill:none;stroke:var(--ip-ink);stroke-width:.7;stroke-opacity:.16;opacity:.75} #iclust-fluid-study .ap-blueprint>rect{stroke-dasharray:3 6} #iclust-fluid-study .ap-blueprint .ap-registration{stroke:var(--ip-magenta);stroke-opacity:.45;stroke-width:1} #iclust-fluid-study .ap-connections{stroke:var(--ip-magenta);stroke-width:1.5;stroke-opacity:.55;stroke-linecap:round;stroke-dasharray:220 220} #iclust-fluid-study .ap-orbit{stroke:var(--ip-magenta);stroke-opacity:.4;stroke-width:.8;stroke-dasharray:500 500;opacity:0} #iclust-fluid-study .ap-orbit circle{fill:var(--ip-magenta);stroke:var(--ip-paper);stroke-opacity:1;stroke-width:2} #iclust-fluid-study .ap-assembly-caption{position:absolute;bottom:3%;left:11%;right:9%;display:flex;align-items:center;gap:15px;color:var(--ip-muted);font-size:10px;letter-spacing:.06em;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums} #iclust-fluid-study .ap-assembly-caption [data-assembly-index]{color:var(--ip-magenta);font-size:10px} #iclust-fluid-study .ap-caption-line{height:1px;flex:1;min-width:15px;background:var(--ip-line);position:relative} #iclust-fluid-study .ap-caption-line:after{content:"";position:absolute;inset:0;background:var(--ip-magenta);transform:scaleX(var(--ap-formation,0));transform-origin:left} html[data-theme=dark] #iclust-fluid-study .ap-assembly,#iclust-fluid-study[data-theme=dark] .ap-assembly{--ap-face-stroke:#d0c9d4;--ap-etch-stroke:#d1b4cd} html[data-theme=dark] #iclust-fluid-study .ap-glass-light,#iclust-fluid-study[data-theme=dark] .ap-glass-light{stop-color:#b0acba;stop-opacity:.98} html[data-theme=dark] #iclust-fluid-study .ap-glass-mid,#iclust-fluid-study[data-theme=dark] .ap-glass-mid{stop-color:#747180;stop-opacity:.94} html[data-theme=dark] #iclust-fluid-study .ap-glass-deep,#iclust-fluid-study[data-theme=dark] .ap-glass-deep{stop-color:#494653;stop-opacity:.9} html[data-theme=dark] #iclust-fluid-study .ap-edge-light,#iclust-fluid-study[data-theme=dark] .ap-edge-light{stop-color:#87818f} html[data-theme=dark] #iclust-fluid-study .ap-edge-deep,#iclust-fluid-study[data-theme=dark] .ap-edge-deep{stop-color:#35313e} html[data-theme=dark] #iclust-fluid-study .ap-face,#iclust-fluid-study[data-theme=dark] .ap-face{stroke:#e6ddea;stroke-opacity:.65} html[data-theme=dark] #iclust-fluid-study .ap-inset,#iclust-fluid-study[data-theme=dark] .ap-inset{stroke-opacity:.15} html[data-theme=dark] #iclust-fluid-study .ap-face-highlight,#iclust-fluid-study[data-theme=dark] .ap-face-highlight{stroke-opacity:.55} html[data-theme=dark] #iclust-fluid-study .ap-face-etch,#iclust-fluid-study[data-theme=dark] .ap-face-etch{stroke:#ded7e5;stroke-opacity:.3} html[data-theme=dark] #iclust-fluid-study .ap-face-dot,#iclust-fluid-study[data-theme=dark] .ap-face-dot{fill:#d1b4cd} html[data-theme=dark] #iclust-fluid-study .ap-shadow-color,#iclust-fluid-study[data-theme=dark] .ap-shadow-color{stop-color:#000} html[data-theme=dark] #iclust-fluid-study .ap-ground-shadow,#iclust-fluid-study[data-theme=dark] .ap-ground-shadow{opacity:.9} html[data-theme=dark] #iclust-fluid-study .ap-ground-aura,#iclust-fluid-study[data-theme=dark] .ap-ground-aura{mix-blend-mode:screen} #iclust-fluid-study:not(.mc-enhanced) .mc-ap-composition,#iclust-fluid-study.mc-reduced .mc-ap-composition{align-items:start} #iclust-fluid-study:not(.mc-enhanced) .ap-assembly-caption,#iclust-fluid-study.mc-reduced .ap-assembly-caption{display:none} #iclust-fluid-study .mc-approach-track[data-reduced=true] .mc-ap-graphic{height:370px;max-width:620px} @container ip (max-width:800px){ #iclust-fluid-study .mc-ap-graphic{height:360px} #iclust-fluid-study .ap-assembly-caption{left:6%;right:4%;font-size:9px;gap:9px} } @container ip (max-width:580px){ #iclust-fluid-study .mc-ap-composition{grid-template-columns:1fr;gap:0} #iclust-fluid-study .mc-ap-graphic{height:255px;width:100%;max-width:430px} #iclust-fluid-study .ap-assembly-caption{bottom:0;left:7%;right:7%;font-size:9px;letter-spacing:.025em} #iclust-fluid-study .mc-approach-track[data-reduced=true] .mc-ap-graphic{height:260px} } @container ip (max-width:360px){ #iclust-fluid-study .mc-ap-graphic{height:224px} #iclust-fluid-study .ap-assembly-caption{font-size:8px;gap:8px;left:4%;right:4%} } @media(prefers-reduced-motion:reduce){ #iclust-fluid-study .ap-assembly-caption{display:none} } /* Service depth: a readable guide around the existing cinematic chapters. */ #iclust-fluid-study .sg-jumpnav { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 34px; margin-top: 43px; padding-top: 25px; border-top: 1px solid var(--ip-line); font-size: 11px; } #iclust-fluid-study .sg-jumpnav>span { margin-right: auto; color: var(--ip-muted); font-size: 10px; letter-spacing: .035em; } #iclust-fluid-study .sg-jumpnav a { display: inline-flex; align-items: center; gap: 22px; min-height: 44px; } #iclust-fluid-study .sg-jumpnav a>span { color: var(--ip-magenta); } #iclust-fluid-study .sg-jumpnav a:hover { color: var(--ip-magenta); } #iclust-fluid-study :is(#service-context,#delivery-process,#technology-choices,#your-deliverables) { scroll-margin-top: 110px; } #iclust-fluid-study :is(.sg-context,.sg-process,.sg-technology,.sg-engagement,.sg-questions) h2 { font-size: clamp(34px,3.7vw,55px); line-height: 1.1; letter-spacing: -.045em; font-weight: 500; } #iclust-fluid-study :is(.sg-context,.sg-section-intro,.sg-section-heading,.sg-questions>header) .ip-kicker { margin-bottom: 23px; } #iclust-fluid-study .sg-context { display: grid; grid-template-columns: 1fr 1fr; gap: 58px 10%; padding-top: 25px; } #iclust-fluid-study .sg-context h2 { max-width: 540px; } #iclust-fluid-study .sg-context-answer>p { color: var(--ip-muted); font-size: 17px; line-height: 1.8; } #iclust-fluid-study .sg-context ul { margin-top: 26px; display: grid; gap: 13px; list-style: none; } #iclust-fluid-study .sg-context li { padding-left: 20px; position: relative; font-size: 13px; line-height: 1.65; } #iclust-fluid-study .sg-context li:before { content: ""; position: absolute; left: 0; top: .75em; width: 7px; height: 1px; background: var(--ip-magenta); } #iclust-fluid-study .sg-principle { grid-column: 1/-1; border-left: 2px solid var(--ip-magenta); padding: 28px 35px; background: var(--sf-aura); } #iclust-fluid-study .sg-principle .ip-kicker { margin-bottom: 13px; } #iclust-fluid-study .sg-principle>p:last-child { max-width: 1000px; font-size: clamp(20px,2.1vw,29px); line-height: 1.5; letter-spacing: -.025em; } #iclust-fluid-study .sg-process { display: grid; grid-template-columns: .78fr 1.22fr; align-items: start; gap: 8%; border-top: 1px solid var(--ip-line); } #iclust-fluid-study .sg-section-intro { position: sticky; top: 115px; } #iclust-fluid-study .sg-section-intro>p:not(.ip-kicker) { margin-top: 25px; color: var(--ip-muted); font-size: 15px; line-height: 1.8; max-width: 370px; } #iclust-fluid-study .sg-reading-note { display: inline-flex; gap: 19px; margin-top: 35px; font-size: 11px; color: var(--ip-muted); } #iclust-fluid-study .sg-reading-note>span { color: var(--ip-magenta); } #iclust-fluid-study .sg-steps { list-style: none; position: relative; padding: 0; margin: 0; } #iclust-fluid-study .sg-steps:before { content: ""; position: absolute; left: 20px; top: 32px; bottom: 55px; width: 1px; background: var(--ip-line); } #iclust-fluid-study .sg-steps>li { position: relative; } #iclust-fluid-study .sg-step { border-top: 1px solid var(--ip-line); } #iclust-fluid-study .sg-steps>li:last-child .sg-step { border-bottom: 1px solid var(--ip-line); } #iclust-fluid-study .sg-step summary { display: flex; gap: 20px; position: relative; cursor: pointer; list-style: none; padding: 32px 42px 32px 73px; min-height: 135px; align-items: start; } #iclust-fluid-study :is(.sg-step,.sg-question-list details)>summary::-webkit-details-marker { display: none; } #iclust-fluid-study .sg-step summary:hover .sg-step-title { color: var(--ip-magenta); } #iclust-fluid-study .sg-step-number { position: absolute; left: 0; top: 29px; width: 41px; height: 41px; border-radius: 50%; display: grid; place-items: center; color: var(--ip-muted); border: 1px solid var(--ip-line); background: var(--ip-paper); font-size: 10px; letter-spacing: .04em; } #iclust-fluid-study .sg-step[open] .sg-step-number { color: var(--ip-paper); background: var(--ip-ink); border-color: var(--ip-ink); } #iclust-fluid-study .sg-step-title { display: block; font-size: clamp(22px,2vw,29px); line-height: 1.22; letter-spacing: -.035em; font-weight: 500; } #iclust-fluid-study .sg-step-output { display: block; margin-top: 17px; color: var(--ip-muted); font-size: 12px; line-height: 1.65; } #iclust-fluid-study .sg-step-output>span { color: var(--ip-magenta); font-size: 9px; display: block; text-transform: uppercase; letter-spacing: .13em; margin-bottom: 5px; } #iclust-fluid-study .sg-expand { position: absolute; right: 0; top: 36px; width: 26px; height: 26px; border: 1px solid var(--ip-line); border-radius: 50%; transition: transform .25s ease; flex-shrink: 0; } #iclust-fluid-study .sg-expand:before,#iclust-fluid-study .sg-expand:after { content: ""; position: absolute; top: 50%; left: 50%; width: 8px; height: 1px; background: var(--ip-ink); transform: translate(-50%,-50%); } #iclust-fluid-study .sg-expand:after { transform: translate(-50%,-50%) rotate(90deg); } #iclust-fluid-study details[open]>summary>.sg-expand { transform: rotate(45deg); } #iclust-fluid-study .sg-step-content { padding: 0 0 34px 73px; display: grid; grid-template-columns: 1fr 1fr; gap: 25px 30px; } #iclust-fluid-study .sg-step-content>p { grid-column: 1/-1; color: var(--ip-muted); font-size: 14px; line-height: 1.85; } #iclust-fluid-study .sg-micro-label { font-size: 9px; letter-spacing: .1em; text-transform: uppercase; color: var(--ip-muted); line-height: 1.5; margin-bottom: 12px; } #iclust-fluid-study .sg-step-work ul { list-style: none; display: grid; gap: 9px; padding: 0; } #iclust-fluid-study .sg-step-work li { font-size: 12px; line-height: 1.6; padding-left: 14px; position: relative; } #iclust-fluid-study .sg-step-work li:before { content: ""; position: absolute; left: 0; top: .7em; width: 4px; height: 1px; background: var(--ip-magenta); } #iclust-fluid-study .sg-step-decision>p:last-child { font-size: 12px; line-height: 1.75; } #iclust-fluid-study .sg-section-heading { display: grid; grid-template-columns: 1.1fr 1fr; gap: 12%; align-items: end; margin-bottom: 52px; } #iclust-fluid-study .sg-section-heading>p { color: var(--ip-muted); font-size: 15px; line-height: 1.8; max-width: 540px; } #iclust-fluid-study .sg-technology { background: var(--sf-surface); border-top: 1px solid var(--sf-hairline); } #iclust-fluid-study .sg-technology-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 42px; } #iclust-fluid-study .sg-tech-group { border-top: 1px solid var(--ip-line); padding-top: 25px; display: flex; flex-direction: column; align-items: start; } #iclust-fluid-study .sg-tech-index { font-size: 10px; color: var(--ip-magenta); letter-spacing: .05em; margin-bottom: 25px; } #iclust-fluid-study .sg-tech-group h3 { font-size: 25px; line-height: 1.18; letter-spacing: -.035em; max-width: 300px; } #iclust-fluid-study .sg-tech-group>p { margin-top: 20px; font-size: 14px; line-height: 1.8; color: var(--ip-muted); } #iclust-fluid-study .sg-tools { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; padding-bottom: 28px; } #iclust-fluid-study .sg-tools>a,#iclust-fluid-study .sg-tools>span { border: 1px solid var(--ip-line); border-radius: 30px; padding: 8px 12px; display: inline-flex; gap: 12px; align-items: center; min-height: 38px; font-size: 11px; line-height: 1.5; } #iclust-fluid-study .sg-tools>a>span { color: var(--ip-magenta); font-size: 13px; } #iclust-fluid-study .sg-tools>a:hover { border-color: var(--ip-magenta); } #iclust-fluid-study .sg-tech-judgment { margin-top: auto; border-top: 1px solid var(--ip-line); width: 100%; padding-top: 22px; } #iclust-fluid-study .sg-tech-judgment>p:last-child { font-size: 12px; line-height: 1.8; } #iclust-fluid-study .sg-technology-note { margin-top: 44px; color: var(--ip-muted); font-size: 11px; line-height: 1.75; max-width: 800px; } #iclust-fluid-study .ip-service-outcome:has(.sg-deliverables) { row-gap: 48px; background: var(--ip-paper); } #iclust-fluid-study .sg-deliverables { grid-column: 1/-1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 38px; } #iclust-fluid-study .sg-deliverables>article { border-top: 1px solid var(--ip-line); padding-top: 25px; } #iclust-fluid-study .sg-deliverable-number { color: var(--ip-magenta); font-size: 10px; } #iclust-fluid-study .sg-deliverables h3 { font-size: 23px; line-height: 1.2; margin-top: 23px; letter-spacing: -.03em; } #iclust-fluid-study .sg-deliverables p { color: var(--ip-muted); font-size: 13px; line-height: 1.8; margin-top: 17px; } #iclust-fluid-study .sg-engagement { border-top: 1px solid var(--ip-line); } #iclust-fluid-study .sg-engagement-details { display: grid; grid-template-columns: 1fr 1fr; gap: 12%; margin-left: 32%; padding-top: 22px; } #iclust-fluid-study .sg-engagement-details h3 { font-size: 18px; line-height: 1.3; letter-spacing: -.02em; margin-bottom: 20px; } #iclust-fluid-study .sg-engagement-details ul { list-style: none; display: grid; gap: 13px; } #iclust-fluid-study .sg-engagement-details li { padding-left: 15px; position: relative; font-size: 13px; line-height: 1.8; color: var(--ip-muted); } #iclust-fluid-study .sg-engagement-details li:before { content: ""; position: absolute; left: 0; top: .8em; width: 4px; height: 1px; background: var(--ip-magenta); } #iclust-fluid-study .sg-engagement-details p { color: var(--ip-muted); font-size: 13px; line-height: 1.8; } #iclust-fluid-study .sg-questions { display: grid; grid-template-columns: .78fr 1.22fr; gap: 8%; border-top: 1px solid var(--ip-line); } #iclust-fluid-study .sg-questions .ip-text-link { margin-top: 28px; } #iclust-fluid-study .sg-question-list details { border-top: 1px solid var(--ip-line); } #iclust-fluid-study .sg-question-list details:last-child { border-bottom: 1px solid var(--ip-line); } #iclust-fluid-study .sg-question-list summary { cursor: pointer; list-style: none; position: relative; padding: 27px 45px 27px 0; font-size: 17px; line-height: 1.5; letter-spacing: -.015em; } #iclust-fluid-study .sg-question-list .sg-expand { top: 27px; } #iclust-fluid-study .sg-question-list details>p { font-size: 14px; line-height: 1.85; color: var(--ip-muted); padding: 0 35px 30px 0; } #iclust-fluid-study .sg-question-list summary:hover { color: var(--ip-magenta); } @media (max-width: 1000px) { #iclust-fluid-study .sg-jumpnav { gap: 12px 24px; } #iclust-fluid-study .sg-jumpnav>span { flex-basis: 100%; } #iclust-fluid-study .sg-context { column-gap: 7%; } #iclust-fluid-study .sg-process,#iclust-fluid-study .sg-questions { grid-template-columns: .75fr 1.25fr; gap: 5%; } #iclust-fluid-study .sg-step summary { padding-left: 60px; } #iclust-fluid-study .sg-step-content { padding-left: 60px; grid-template-columns: 1fr; gap: 23px; } #iclust-fluid-study .sg-step-content>p { grid-column: auto; } #iclust-fluid-study .sg-technology-grid { gap: 27px; } #iclust-fluid-study .sg-deliverables { grid-template-columns: 1fr 1fr; gap: 38px; } #iclust-fluid-study .sg-engagement-details { margin-left: 0; } } @media (max-width: 780px) { #iclust-fluid-study .sg-context,#iclust-fluid-study .sg-process,#iclust-fluid-study .sg-questions { grid-template-columns: 1fr; gap: 38px; } #iclust-fluid-study .sg-context { padding-top: 15px; } #iclust-fluid-study .sg-section-intro { position: static; } #iclust-fluid-study .sg-section-intro>p:not(.ip-kicker) { max-width: 570px; } #iclust-fluid-study .sg-section-heading { grid-template-columns: 1fr; gap: 24px; margin-bottom: 38px; } #iclust-fluid-study .sg-technology-grid { grid-template-columns: 1fr; gap: 38px; } #iclust-fluid-study .sg-tech-group { display: grid; grid-template-columns: 1fr 1fr; gap: 0 35px; } #iclust-fluid-study .sg-tech-group h3 { grid-column: 1; } #iclust-fluid-study .sg-tech-group>p { grid-column: 2; grid-row: 2/4; margin-top: 0; } #iclust-fluid-study .sg-tech-index { grid-column: 1/-1; } #iclust-fluid-study .sg-tools { grid-column: 1/-1; padding-bottom: 24px; } #iclust-fluid-study .sg-tech-judgment { grid-column: 1/-1; } } @media (max-width: 580px) { #iclust-fluid-study .sg-jumpnav { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; margin-top: 28px; padding-top: 20px; } #iclust-fluid-study .sg-jumpnav>span { grid-column: 1/-1; font-size: 9px; margin-bottom: 8px; } #iclust-fluid-study .sg-jumpnav a { font-size: 10px; gap: 10px; justify-content: space-between; } #iclust-fluid-study :is(#service-context,#delivery-process,#technology-choices,#your-deliverables) { scroll-margin-top: 92px; } #iclust-fluid-study :is(.sg-context,.sg-process,.sg-technology,.sg-engagement,.sg-questions) h2 { font-size: 35px; } #iclust-fluid-study .sg-context-answer>p { font-size: 15px; } #iclust-fluid-study .sg-context li { font-size: 12px; } #iclust-fluid-study .sg-principle { padding: 23px; } #iclust-fluid-study .sg-principle>p:last-child { font-size: 21px; } #iclust-fluid-study .sg-section-intro>p:not(.ip-kicker),#iclust-fluid-study .sg-section-heading>p { font-size: 14px; } #iclust-fluid-study .sg-step summary { padding: 27px 33px 27px 50px; } #iclust-fluid-study .sg-step-number { width: 33px; height: 33px; top: 25px; font-size: 9px; } #iclust-fluid-study .sg-steps:before { left: 16px; } #iclust-fluid-study .sg-step-title { font-size: 23px; } #iclust-fluid-study .sg-step-output { font-size: 11px; margin-top: 14px; } #iclust-fluid-study .sg-step-content { padding-left: 50px; padding-bottom: 28px; } #iclust-fluid-study .sg-step-content>p { font-size: 13px; line-height: 1.8; } #iclust-fluid-study .sg-expand { width: 24px; height: 24px; top: 30px; } #iclust-fluid-study .sg-tech-group { display: flex; } #iclust-fluid-study .sg-tech-group h3 { font-size: 25px; } #iclust-fluid-study .sg-tech-group>p { margin-top: 18px; } #iclust-fluid-study .sg-tools { margin-top: 22px; } #iclust-fluid-study .sg-tools>a,#iclust-fluid-study .sg-tools>span { min-height: 44px; } #iclust-fluid-study .sg-technology-note { margin-top: 30px; } #iclust-fluid-study .sg-deliverables { grid-template-columns: 1fr; gap: 30px; } #iclust-fluid-study .sg-deliverables h3 { font-size: 25px; margin-top: 19px; } #iclust-fluid-study .sg-deliverables p { font-size: 14px; } #iclust-fluid-study .sg-engagement-details { grid-template-columns: 1fr; gap: 29px; padding-top: 0; } #iclust-fluid-study .sg-question-list summary { font-size: 16px; padding-right: 36px; } #iclust-fluid-study .sg-question-list details>p { font-size: 13px; padding-right: 0; } #iclust-fluid-study .sg-question-list .sg-expand { top: 28px; } } @media (prefers-reduced-motion: reduce) { #iclust-fluid-study .sg-expand,#iclust-fluid-study .sg-step-number { transition: none; } } /* Warm light surfaces, deep editorial bands and connected service stages. */ html { background: #eeece8; } html[data-theme="dark"] { background: #121216; } #iclust-fluid-study { --ip-paper: #eeece8; --ip-line: #d0c9cf; --sf-surface: #ded9de; --sf-glass: #eeece8f2; --sf-aura: #4b2f4c0b; background: #18151e; } #iclust-fluid-study[data-theme="dark"] { --ip-paper: #121216; --ip-line: #403746; --sf-surface: #24202b; --sf-glass: #161319f2; } #iclust-fluid-study .ip-nav-links .ip-nav-about { display: flex; } #iclust-fluid-study .ip-service-arrow { background: #2b2630; border-color: #2b2630; color: #f5eef4; } #iclust-fluid-study .ip-service-row:hover .ip-service-arrow { background: var(--ip-magenta); color: #fff; border-color: var(--ip-magenta); } #iclust-fluid-study[data-theme="dark"] .ip-service-arrow { background: #e4dce7; color: #221e28; border-color: #e4dce7; } #iclust-fluid-study .mc-approach-stage { background: #e0dcd8; } #iclust-fluid-study[data-theme="dark"] .mc-approach-stage { background: #211c26; } #iclust-fluid-study .mc-ai-stage, #iclust-fluid-study .mc-service-track .mc-stage, #iclust-fluid-study .ip-contact, #iclust-fluid-study .site-footer, #iclust-fluid-study[data-page="about"] .editorial-hero { --ip-paper: #27232f; --ip-ink: #f5eff5; --ip-muted: #c6bdcc; --ip-line: #5b4f63; --ip-magenta: #d30a81; --sf-hairline: #e9d9ef20; color: var(--ip-ink); color-scheme: dark; background: #27232f; } #iclust-fluid-study .mc-ai-stage { background: radial-gradient(ellipse at 72% 48%,#6a34534a,transparent 62%),#27232f; } #iclust-fluid-study[data-theme="dark"] .mc-ai-stage { background: radial-gradient(ellipse at 72% 48%,#6a34534a,transparent 62%),#211c28; } #iclust-fluid-study .mc-ai-stage .ip-node { color: #e9dfed; background: #352e3e; border-color: #66516b; box-shadow: 0 8px 25px #0002; } #iclust-fluid-study .mc-ai-stage .ip-node.is-lit { border-color: #d767aa; background: #453047; color: #fff1f9; } #iclust-fluid-study .mc-ai-stage .ip-core { background: radial-gradient(circle at 35% 22%,#76516c,#34253d 70%); border-color: #dc8dbd; } #iclust-fluid-study .mc-ai-stage .ip-core span { color: #efe0eb; } #iclust-fluid-study .mc-ai-stage .ip-core b { color: #ffb0dd; } #iclust-fluid-study .mc-ai-stage .ip-core-ring { border-color: #e482bf69; } #iclust-fluid-study .mc-ai-stage .ip-link-base { stroke: #a88eab; opacity: .45; } #iclust-fluid-study .mc-ai-stage .ip-link-active { stroke: #f18bc6; } #iclust-fluid-study .mc-ai-stage .ip-diagram-label { color: #c8bacc; } #iclust-fluid-study .mc-ai-stage .mc-diagram-phase { color: #f1a4d0; } #iclust-fluid-study .mc-ai-stage .mc-tabs button[aria-pressed="true"] { color: #fff; } #iclust-fluid-study .sg-principle { padding-block: 32px; border-color: var(--ip-magenta); } #iclust-fluid-study .sg-technology { background: #ddd7df; } #iclust-fluid-study[data-theme="dark"] .sg-technology { background: #27212e; } #iclust-fluid-study .sg-tech-group { border-top-color: #ad9faf; } #iclust-fluid-study .sg-technology .sg-tools>a { background: #eeeaef; border-color: #bcb0c2; } #iclust-fluid-study[data-theme="dark"] .sg-technology .sg-tools>a { background: #332a3b; border-color: #685771; } #iclust-fluid-study .sg-tech-judgment { border-color: #bcb0c2; } #iclust-fluid-study[data-theme="dark"] .sg-tech-judgment { border-color: #685771; } #iclust-fluid-study[data-page="about"] .editorial-grid:nth-of-type(odd) { background: var(--sf-surface); } #iclust-fluid-study[data-page="about"] .editorial-hero em { color: #f393c9; } #iclust-fluid-study .ip-service-hero { padding-top: 40px; padding-bottom: 34px; background: radial-gradient(ellipse at 100% 20%,#7e638e1c,transparent 60%),var(--ip-paper); } #iclust-fluid-study .ip-service-eyebrow { display: inline-flex; background: #312938; color: #f6eaf4; border-radius: 30px; padding: 7px 12px; font-size: 9px; text-transform: uppercase; letter-spacing: .12em; margin-bottom: 22px; } #iclust-fluid-study[data-theme="dark"] .ip-service-eyebrow { background: #403247; color: #f5e9f2; } #iclust-fluid-study .ip-service-hero h1 { font-size: clamp(44px,5.4vw,78px); line-height: 1.05; font-weight: 550; max-width: 1200px; letter-spacing: -.055em; } #iclust-fluid-study .ip-service-statement { color: var(--ip-magenta); font-size: clamp(23px,2.6vw,35px); letter-spacing: -.035em; line-height: 1.25; margin-top: 22px; } #iclust-fluid-study .ip-service-summary { margin-top: 17px; font-size: 16px; max-width: 680px; } #iclust-fluid-study .ip-breadcrumb { margin-bottom: 25px; } #iclust-fluid-study .sg-jumpnav { margin-top: 30px; padding-top: 17px; } #iclust-fluid-study .mc-service-track .mc-stage { background: radial-gradient(ellipse at 79% 48%,#6b3c6752,transparent 60%),#27232f; padding-top: 23px; padding-bottom: 20px; } #iclust-fluid-study .mc-service-identity { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding-bottom: 17px; border-bottom: 1px solid #c7aed326; min-height: 42px; } #iclust-fluid-study .mc-service-identity>span:first-child { font-size: 14px; letter-spacing: -.005em; color: #f5edf5; } #iclust-fluid-study .mc-service-stage-status { display: inline-flex; gap: 23px; align-items: center; flex-shrink: 0; color: #cebed3; font-size: 10px; } #iclust-fluid-study [data-service-stage-number] { font-variant-numeric: tabular-nums; color: #ee9bca; font-size: 10px; } #iclust-fluid-study .mc-service-track .mc-composition { grid-template-columns: .9fr 1.1fr; gap: 35px; align-items: center; } #iclust-fluid-study .mc-service-track .mc-service-copy { min-width: 0; } #iclust-fluid-study .mc-service-track .mc-panel h2 { color: #f7f1f7; font-size: clamp(33px,4vw,57px); line-height: 1.08; } #iclust-fluid-study .mc-service-track .mc-panel .mc-body { color: #d0c6d5; font-size: 15px; line-height: 1.75; margin-top: 24px; } #iclust-fluid-study .mc-service-track .mc-panel .mc-detail { color: #eba7cf; } #iclust-fluid-study .mc-service-visual { display: grid; grid-template-rows: minmax(0,1fr) auto; width: 100%; min-width: 0; height: clamp(410px,63svh,650px); align-self: center; } #iclust-fluid-study .mc-service-track .mc-art { position: relative; inset: auto; width: 100%; height: 100%; max-height: none; min-height: 0; align-self: stretch; } #iclust-fluid-study .mc-service-track .mc-fallback { object-fit: contain; mix-blend-mode: normal; } #iclust-fluid-study .mc-service-flow { position: relative; z-index: 2; padding: 0 10px 8px; } #iclust-fluid-study .mc-service-caption>p { font-size: 12px; line-height: 1.65; color: #e0d5e5; max-width: 610px; } #iclust-fluid-study .mc-service-caption>p.mc-service-bridge { font-size: 11px; color: #bdb0c4; margin-top: 8px; } #iclust-fluid-study .mc-service-caption .mc-service-static-caption { display: none; } #iclust-fluid-study .mc-service-sequence { list-style: none; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 0; margin: 24px 0 0; gap: 16px; } #iclust-fluid-study .mc-service-sequence>li { position: relative; display: flex; align-items: center; gap: 7px; padding-top: 13px; font-size: 10px; color: #c7bace; white-space: nowrap; } #iclust-fluid-study .mc-service-sequence>li:before,#iclust-fluid-study .mc-service-sequence>li:after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: #77627e; } #iclust-fluid-study .mc-service-sequence>li:after { transform: scaleX(var(--sequence-fill,0)); transform-origin: left; background: #f08bc6; height: 2px; } #iclust-fluid-study .mc-service-sequence>li.is-active { color: #fff; } #iclust-fluid-study .mc-service-sequence>li.is-complete .mc-sequence-number { color: #f6a8d6; } #iclust-fluid-study .mc-sequence-number { color: #a592b1; font-size: 8px; } #iclust-fluid-study .mc-sequence-arrow { margin-left: auto; color: #c695be; font-size: 13px; } #iclust-fluid-study .mc-service-track .mc-story-footer { border-top-color: #9b7fa32c; min-height: 56px; padding-top: 10px; } #iclust-fluid-study .mc-service-track .mc-tabs button { color: #c3b7ca; } #iclust-fluid-study .mc-service-track .mc-tabs button[aria-pressed="true"] { color: #fff; } #iclust-fluid-study .mc-service-track .mc-scroll-note { color: #c8bace; } #iclust-fluid-study .ip-contact { grid-template-columns: .8fr 1.2fr; column-gap: 7%; row-gap: 24px; padding-top: 46px; padding-bottom: 44px; border-top: 1px solid #c7aed326; } #iclust-fluid-study .ip-contact h2,#iclust-fluid-study .ip-contact h1 { font-size: clamp(48px,5.5vw,76px); line-height: 1.06; } #iclust-fluid-study .ip-contact>div>p:last-child { color: #d0c4d6; font-size: 14px; line-height: 1.65; margin-top: 18px; } #iclust-fluid-study .ip-contact .contact-details { margin-top: 20px; font-size: 13px; } #iclust-fluid-study .ip-contact .contact-details p { color: #d0c4d6; font-size: 13px; } #iclust-fluid-study .ip-contact-form { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px 20px; margin-top: 0; } #iclust-fluid-study .ip-contact-form .ip-form-company { grid-column: auto; } #iclust-fluid-study .ip-contact-form label { color: #d4c7dc; font-size: 10px; } #iclust-fluid-study .ip-contact-form .optional { color: #bdb0c7; } #iclust-fluid-study .ip-contact-form input:not([type="checkbox"]),#iclust-fluid-study .ip-contact-form textarea { color: #faf2fb; border-color: #76627e; padding: 9px 0; font-size: 16px; } #iclust-fluid-study .ip-contact-form textarea { min-height: 85px; } #iclust-fluid-study .ip-contact-form input::placeholder,#iclust-fluid-study .ip-contact-form textarea::placeholder { color: #bdb0c4; } #iclust-fluid-study .ip-contact-form .form-consent { display: flex; align-items: flex-start; gap: 10px; font-size: 10px; line-height: 1.65; } #iclust-fluid-study .ip-contact-form input[type="checkbox"] { accent-color: #ea80bd; } #iclust-fluid-study .ip-contact-form .ip-primary { min-height: 43px; background: #ef84c2; color: #291c2c; padding: 6px 7px 6px 18px; } #iclust-fluid-study .ip-contact-form .ip-primary:disabled { opacity: .7; } #iclust-fluid-study .ip-contact-form .ip-primary>span { background: #3a1b3720; width: 30px; height: 30px; } #iclust-fluid-study .ip-contact-form .ip-primary:not(:disabled):hover { background: #f3a0d0; } #iclust-fluid-study .ip-contact-form .ip-form-status { color: #c9bbd2; font-size: 10px; } #iclust-fluid-study .site-footer { --ip-paper: #18151e; background: #18151e; padding-top: 36px; padding-bottom: 28px; gap: 30px; } #iclust-fluid-study .site-footer .ip-logo { filter: invert(1) hue-rotate(180deg) saturate(.82); } #iclust-fluid-study .site-footer nav { color: #d8cddd; } #iclust-fluid-study .footer-brand p,#iclust-fluid-study .footer-legal { color: #baadc3; } #iclust-fluid-study:not(.mc-enhanced) .mc-service-track .mc-composition, #iclust-fluid-study.mc-reduced .mc-service-track .mc-composition { display: grid; grid-template-columns: .95fr 1.05fr; align-items: start; } #iclust-fluid-study:not(.mc-enhanced) .mc-service-visual, #iclust-fluid-study.mc-reduced .mc-service-visual { position: sticky; top: 110px; } #iclust-fluid-study:not(.mc-enhanced) .mc-service-track .mc-art, #iclust-fluid-study.mc-reduced .mc-service-track .mc-art { position: relative; top: auto!important; width: 100%; height: 100%; } #iclust-fluid-study:not(.mc-enhanced) .mc-service-caption .mc-service-dynamic-caption, #iclust-fluid-study:not(.mc-enhanced) .mc-service-bridge, #iclust-fluid-study:not(.mc-enhanced) .mc-service-stage-status { display: none; } #iclust-fluid-study:not(.mc-enhanced) .mc-service-caption .mc-service-static-caption { display: block; } #iclust-fluid-study:not(.mc-enhanced) .mc-service-sequence>li:after { transform: scaleX(1); } @media (max-width: 1000px) { #iclust-fluid-study .mc-service-track .mc-composition { grid-template-columns: .95fr 1.05fr; gap: 22px; } #iclust-fluid-study .mc-service-track .mc-panel .mc-body { font-size: 14px; } #iclust-fluid-study .mc-service-identity>span:first-child { font-size: 12px; } #iclust-fluid-study .ip-contact-form { grid-template-columns: 1fr 1fr; } #iclust-fluid-study .ip-contact-form .ip-form-company { grid-column: 1/-1; } } @media (max-width: 780px) { #iclust-fluid-study .ip-nav-links { gap: 17px; } #iclust-fluid-study .ip-contact { grid-template-columns: .8fr 1.2fr; gap: 25px; } #iclust-fluid-study .mc-service-track .mc-panel h2 { font-size: 34px; } #iclust-fluid-study .mc-service-flow { padding-inline: 0; } #iclust-fluid-study .mc-service-caption>p { font-size: 11px; } #iclust-fluid-study .mc-service-caption>p.mc-service-bridge { font-size: 10px; } #iclust-fluid-study .mc-service-sequence { gap: 10px; } #iclust-fluid-study .mc-service-sequence>li { font-size: 9px; gap: 5px; } } @media (max-width: 580px) { #iclust-fluid-study .ip-nav-links { gap: 13px; font-size: 10px; } #iclust-fluid-study .ip-nav-links .ip-nav-about { display: flex; } #iclust-fluid-study .ip-nav-links .mc-theme-toggle { min-width: 39px; padding: 6px 8px; font-size: 9px; } #iclust-fluid-study .ip-nav-links .ip-nav-contact span { display: none; } #iclust-fluid-study .ip-service-hero { padding-top: 28px; padding-bottom: 25px; } #iclust-fluid-study .ip-service-eyebrow { font-size: 8px; padding: 6px 10px; margin-bottom: 19px; } #iclust-fluid-study .ip-service-hero h1 { font-size: clamp(34px,9vw,48px); } #iclust-fluid-study .ip-service-statement { font-size: 24px; margin-top: 19px; } #iclust-fluid-study .ip-service-summary { font-size: 14px; line-height: 1.7; margin-top: 14px; } #iclust-fluid-study .ip-breadcrumb { font-size: 9px; line-height: 1.6; margin-bottom: 20px; } #iclust-fluid-study .sg-jumpnav { margin-top: 23px; padding-top: 13px; } #iclust-fluid-study .mc-service-track .mc-stage { padding-top: 18px; padding-bottom: 15px; } #iclust-fluid-study .mc-service-identity { gap: 20px; padding-bottom: 12px; min-height: 44px; } #iclust-fluid-study .mc-service-identity>span:first-child { font-size: 11px; line-height: 1.45; max-width: 245px; } #iclust-fluid-study .mc-service-stage-status { gap: 0; } #iclust-fluid-study [data-service-stage-name] { display: none; } #iclust-fluid-study .mc-service-track .mc-composition { display: flex; flex-direction: column; justify-content: center; gap: 10px; width: 100%; } #iclust-fluid-study .mc-service-track .mc-copy { width: 100%; flex: none; } #iclust-fluid-study .mc-service-track .mc-panel { display: block; } #iclust-fluid-study .mc-service-track .mc-panel .ip-kicker { margin-bottom: 10px; font-size: 9px; } #iclust-fluid-study .mc-service-track .mc-panel h2 { font-size: clamp(25px,6.9vw,33px); line-height: 1.12; min-height: 0; width: auto; max-width: 100%; } #iclust-fluid-study .mc-service-track .mc-panel .mc-body { margin-top: 14px; font-size: 13px; line-height: 1.65; max-width: none; } #iclust-fluid-study .mc-service-track .mc-panel .mc-detail { font-size: 10px; margin-top: 12px; } #iclust-fluid-study .mc-service-visual { height: 310px; flex: none; max-width: 450px; } #iclust-fluid-study .mc-service-track .mc-art { position: relative; inset: auto; width: 100%; height: 100%; } #iclust-fluid-study .mc-service-caption>p { font-size: 11px; line-height: 1.6; } #iclust-fluid-study .mc-service-caption>p.mc-service-bridge { font-size: 10px; line-height: 1.55; margin-top: 6px; } #iclust-fluid-study .mc-service-sequence { margin-top: 13px; gap: 12px; } #iclust-fluid-study .mc-service-sequence>li { padding-top: 8px; font-size: 9px; } #iclust-fluid-study .mc-sequence-number { font-size: 7px; } #iclust-fluid-study .mc-service-track .mc-story-footer { min-height: 49px; padding-top: 8px; } #iclust-fluid-study .mc-service-track .mc-tabs { width: 100%; justify-content: space-between; } #iclust-fluid-study .mc-service-track .mc-tabs button { font-size: 10px; padding-inline: 8px; } #iclust-fluid-study .mc-service-track .mc-scroll-note { display: none; } #iclust-fluid-study .ip-contact { grid-template-columns: 1fr; padding-top: 36px; padding-bottom: 33px; row-gap: 24px; } #iclust-fluid-study .ip-contact h2,#iclust-fluid-study .ip-contact h1 { font-size: 52px; } #iclust-fluid-study .ip-contact>div>p:last-child { font-size: 13px; margin-top: 13px; } #iclust-fluid-study .ip-contact-form { grid-template-columns: 1fr 1fr; margin-top: 0; gap: 16px 18px; } #iclust-fluid-study .ip-contact-form textarea { min-height: 80px; } #iclust-fluid-study .site-footer { padding-top: 30px; gap: 23px; } #iclust-fluid-study:not(.mc-enhanced) .mc-service-track .mc-composition, #iclust-fluid-study.mc-reduced .mc-service-track .mc-composition { display: flex; flex-direction: column-reverse; align-items: stretch; gap: 10px; } #iclust-fluid-study:not(.mc-enhanced) .mc-service-visual, #iclust-fluid-study.mc-reduced .mc-service-visual { position: relative; top: auto; align-self: center; margin-block: 15px; height: 320px; } #iclust-fluid-study:not(.mc-enhanced) .mc-service-track .mc-panel, #iclust-fluid-study.mc-reduced .mc-service-track .mc-panel { display: block; } } @media (max-width: 360px) { #iclust-fluid-study .ip-nav-links { gap: 8px; font-size: 9px; } #iclust-fluid-study .ip-nav-links .mc-theme-toggle { min-width: 36px; } #iclust-fluid-study .mc-service-visual { height: 290px; } #iclust-fluid-study .mc-service-identity>span:first-child { font-size: 10px; max-width: 215px; } #iclust-fluid-study .mc-service-track .mc-panel .mc-body { font-size: 12px; } } @media (max-height: 760px) and (min-width: 581px) { #iclust-fluid-study .mc-service-visual { height: 385px; } #iclust-fluid-study .mc-service-track .mc-panel h2 { font-size: 37px; } #iclust-fluid-study .mc-service-track .mc-panel .mc-body { font-size: 13px; line-height: 1.65; margin-top: 18px; } } @media (max-height: 760px) and (max-width: 580px) { #iclust-fluid-study .mc-service-track .mc-stage { min-height: 590px; padding-block: 14px; } #iclust-fluid-study .mc-service-visual { height: 240px; } #iclust-fluid-study .mc-service-track .mc-panel h2 { font-size: 25px; } #iclust-fluid-study .mc-service-track .mc-panel .mc-body { font-size: 12px; line-height: 1.6; } #iclust-fluid-study .mc-service-track .mc-panel .mc-detail { display: none; } #iclust-fluid-study .mc-service-track .mc-story-footer { min-height: 43px; } } /* Keep the original magenta pixels; only the monochrome lettering adapts. */ #iclust-fluid-study .ip-brand-mark { position: relative; display: block; width: 104px; aspect-ratio: 787 / 226; } #iclust-fluid-study .ip-brand-mark>img.ip-logo { width: 100%; height: 100%; filter: none; object-fit: contain; } #iclust-fluid-study .ip-logo-wordmark { display: none; position: absolute; inset: 0; background: #f5eff5; -webkit-mask: url('/assets/logo.png') center / 100% 100% no-repeat; mask: url('/assets/logo.png') center / 100% 100% no-repeat; /* The original alpha is empty between x79 and95. x86.6 is in that gap. */ clip-path: inset(0 0 0 11%); pointer-events: none; } #iclust-fluid-study[data-theme="dark"] .ip-logo-wordmark, #iclust-fluid-study .site-footer .ip-logo-wordmark { display: block; } #iclust-fluid-study .footer-brand-lockup { width: 112px; } #iclust-fluid-study .footer-brand-lockup .ip-brand-mark { width: 100%; } #iclust-fluid-study .footer-brand .footer-tagline { display: flex; justify-content: flex-start; align-items: baseline; gap: .28em; width: 100%; margin-top: 9px; font-size: calc(11.5px + 2pt); line-height: 1.4; letter-spacing: .005em; color: #d2c3da; white-space: nowrap; } #iclust-fluid-study .mc-theme-select { display: block; flex: none; width: 60px; height: 44px; margin: 0; padding: 0 3px; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--ip-muted); font: inherit; font-size: 11px; cursor: pointer; } #iclust-fluid-study .mc-theme-select:hover { color: var(--ip-ink); } #iclust-fluid-study .mc-theme-select:focus-visible { outline: 2px solid var(--ip-magenta); outline-offset: 3px; } #iclust-fluid-study .mc-theme-select option { background: var(--ip-paper); color: var(--ip-ink); } @media (max-width: 580px) { #iclust-fluid-study .ip-brand-mark { width: 78px; } #iclust-fluid-study .mc-theme-select { width: 59px; height: 35px; padding-inline: 6px; font-size: 10px; } #iclust-fluid-study .ip-nav-links { gap: 10px; } } @media (max-width: 360px) { #iclust-fluid-study .ip-brand-mark { width: 68px; } #iclust-fluid-study .mc-theme-select { width: 54px; padding-inline: 4px; font-size: 9px; } #iclust-fluid-study .ip-nav-links { gap: 6px; } } /* Service presentations share a reading rhythm, not a diagram template. */ #iclust-fluid-study .ip-service-page { min-width: 0; } #iclust-fluid-study .ip-service-page .ip-service-hero { padding-block: 34px 30px; } #iclust-fluid-study .ip-service-page .ip-service-hero h1 { font-size: clamp(40px,4.9vw,72px); max-width: 1160px; } #iclust-fluid-study .ip-service-page .mc-service-track { height: 280svh; } #iclust-fluid-study .ip-service-page .mc-service-visual { height: auto; max-height: none; display: grid; grid-template-rows: auto auto; gap: 8px; } #iclust-fluid-study .sv-scene { width: 100%; height: clamp(290px,43svh,470px); min-width: 0; display: grid; grid-template-rows: auto minmax(0,1fr) auto; align-items: center; } #iclust-fluid-study .sv-scene>svg:only-child { grid-row: 1/-1; } #iclust-fluid-study .sv-scene>svg { display: block; width: 100%; height: 100%; min-height: 0; overflow: visible; } #iclust-fluid-study .sv-scene .sv-caption-copy { display: none; } #iclust-fluid-study .ip-service-page .mc-service-flow { padding: 0 8px 8px; } #iclust-fluid-study .ip-service-page .mc-service-sequence { margin-top: 18px; } #iclust-fluid-study .ip-service-page .ip-service-intro { align-items: start; gap: 9%; } #iclust-fluid-study .ip-service-page .ip-service-intro h2 { max-width: 550px; } #iclust-fluid-study .ip-service-page .ip-service-lead { max-width: 650px; } #iclust-fluid-study .sv-layout-strategy .mc-stage { background: radial-gradient(ellipse at 80% 35%,#6b3c6752,transparent 58%),#28242f; } #iclust-fluid-study .sv-layout-experience .mc-stage { background: radial-gradient(ellipse at 70% 48%,#894e7260,transparent 62%),#302633; } #iclust-fluid-study .sv-layout-engineering .mc-stage { background: radial-gradient(ellipse at 70% 62%,#63557850,transparent 60%),#20232d; } #iclust-fluid-study .sv-layout-intelligence .mc-stage { background: radial-gradient(ellipse at 32% 50%,#743f6d50,transparent 65%),#26202f; } #iclust-fluid-study .sv-layout-integration .mc-stage { background: radial-gradient(ellipse at 72% 50%,#59577542,transparent 65%),#242631; } #iclust-fluid-study .sv-layout-growth .mc-stage { background: radial-gradient(ellipse at 30% 50%,#7d3a6250,transparent 63%),#2b222e; } #iclust-fluid-study .sv-layout-evolution .mc-stage { background: radial-gradient(ellipse at 73% 45%,#6c557250,transparent 60%),#25232f; } @media (min-width: 1001px) { #iclust-fluid-study .sv-layout-intelligence .mc-service-track .mc-composition, #iclust-fluid-study .sv-layout-growth .mc-service-track .mc-composition { grid-template-columns: 1.15fr .85fr; gap: 5%; } #iclust-fluid-study .sv-layout-intelligence .mc-service-visual, #iclust-fluid-study .sv-layout-growth .mc-service-visual { order: -1; } #iclust-fluid-study .sv-layout-engineering .mc-service-track .mc-composition { grid-template-columns: .78fr 1.22fr; } #iclust-fluid-study .sv-layout-integration .mc-service-track .mc-composition { grid-template-columns: .82fr 1.18fr; } #iclust-fluid-study .sv-layout-experience .mc-service-track .mc-composition { grid-template-columns: .85fr 1.15fr; } } #iclust-fluid-study:not(.mc-enhanced) .ip-service-page .mc-service-track, #iclust-fluid-study.mc-reduced .ip-service-page .mc-service-track { height: auto; } #iclust-fluid-study:not(.mc-enhanced) .ip-service-page .mc-service-visual, #iclust-fluid-study.mc-reduced .ip-service-page .mc-service-visual { height: auto; } @media (max-width: 1000px) and (min-width: 581px) { #iclust-fluid-study .sv-scene { height: 310px; } #iclust-fluid-study .ip-service-page .mc-service-track .mc-panel h2 { font-size: clamp(29px,4vw,42px); } } @media (max-width: 580px) { #iclust-fluid-study .ip-service-page .ip-service-hero { padding-block: 26px 25px; } #iclust-fluid-study .ip-service-page .ip-service-hero h1 { font-size: clamp(34px,9vw,48px); } #iclust-fluid-study .ip-service-page .mc-service-track { height: 300svh; } #iclust-fluid-study .ip-service-page .mc-service-track .mc-composition { gap: 12px; justify-content: center; } #iclust-fluid-study .sv-scene { height: 224px; } #iclust-fluid-study .ip-service-page .mc-service-visual { height: auto; width: 100%; max-width: 450px; gap: 2px; } #iclust-fluid-study .ip-service-page .mc-service-flow { padding: 0 0 6px; } #iclust-fluid-study .ip-service-page .mc-service-caption>p { font-size: 10px; line-height: 1.5; } #iclust-fluid-study .ip-service-page .mc-service-caption .mc-service-bridge { font-size: 9px; } #iclust-fluid-study .ip-service-page .mc-service-sequence { margin-top: 12px; } #iclust-fluid-study .ip-service-page .ip-service-intro { gap: 27px; } #iclust-fluid-study:not(.mc-enhanced) .ip-service-page .mc-service-track .mc-composition, #iclust-fluid-study.mc-reduced .ip-service-page .mc-service-track .mc-composition { flex-direction: column-reverse; } } @media (max-height: 760px) and (max-width: 580px) { #iclust-fluid-study .sv-scene { height: 190px; } #iclust-fluid-study .ip-service-page .mc-service-track .mc-panel .mc-body { font-size: 12px; margin-top: 10px; line-height: 1.5; } #iclust-fluid-study .ip-service-page .mc-service-track .mc-panel .mc-detail { margin-top: 8px; font-size: 9px; } #iclust-fluid-study .ip-service-page .mc-service-track .mc-panel h2 { font-size: 25px; } } /* Three editorial motion studies: a horizon, a product experience and a build. */ #iclust-fluid-study .sv-scene { position: relative; width: 100%; min-width: 0; min-height: 0; isolation: isolate; } #iclust-fluid-study .sv-core-canvas { display: block; width: 100%; height: 100%; overflow: visible; } #iclust-fluid-study .sv-core-canvas text { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; font-weight: 400; letter-spacing: -.015em; } #iclust-fluid-study .sv-phase-caption path { stroke: #c9a6d1; stroke-width: 1; opacity: .35; } #iclust-fluid-study .sv-phase-caption text { font-size: 12px; fill: #d1cbd8; letter-spacing: .005em; } #iclust-fluid-study .sv-horizon-base { stroke: #ad85b7; stroke-width: 1; fill: none; opacity: .4; } #iclust-fluid-study .sv-horizon-progress { stroke: var(--brand-magenta,#D30A81); stroke-width: 2; fill: none; stroke-linejoin: round; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 0; } #iclust-fluid-study .sv-horizon-label { font-size: 12px; fill: #c6becd; } #iclust-fluid-study .sv-option-shadow { fill: #130c1c; opacity: .24; filter: url(#sv-strategy-shadow); } #iclust-fluid-study .sv-card-hairline { fill: none; stroke: #fff9ff; stroke-width: 1; opacity: .62; } #iclust-fluid-study .sv-option-number { font-size: 10px; fill: #68516f; letter-spacing: .13em; } #iclust-fluid-study .sv-option-title { font-size: 22px; font-weight: 500; fill: #2e2138; } #iclust-fluid-study .sv-option-detail { font-size: 10px; fill: #67546f; } #iclust-fluid-study .sv-strategy-option[data-sv-option="0"] .sv-option-title,#iclust-fluid-study .sv-strategy-option[data-sv-option="0"] .sv-option-number,#iclust-fluid-study .sv-strategy-option[data-sv-option="0"] .sv-option-detail { fill: #fff; } #iclust-fluid-study .sv-option-port { fill: var(--brand-magenta,#D30A81); stroke: #f0eaf4; stroke-width: 1.4; } #iclust-fluid-study .sv-decision-lens>ellipse:not(:first-child) { fill: none; stroke: var(--brand-magenta,#D30A81); stroke-width: 1; opacity: 1; } #iclust-fluid-study .sv-decision-lens>ellipse:nth-child(3) { opacity: .18; } #iclust-fluid-study .sv-decision-lens>path { fill: none; stroke: var(--brand-magenta,#D30A81); stroke-width: 1.3; } #iclust-fluid-study .sv-decision-lens>text { font-size: 18px; fill: #f1edf4; letter-spacing: -.025em; } #iclust-fluid-study .sv-decision-lens>text.sv-lens-detail { font-size: 9px; fill: #c9c1d0; letter-spacing: .015em; } #iclust-fluid-study .sv-strategy-pointer path { fill: none; stroke: var(--brand-magenta,#D30A81); stroke-width: 1.6; } #iclust-fluid-study .sv-journey>path { fill: none; stroke: var(--brand-magenta,#D30A81); stroke-width: 1.3; } #iclust-fluid-study .sv-journey rect { fill: #46334f; stroke: var(--brand-magenta,#D30A81); stroke-width: 1; } #iclust-fluid-study .sv-journey-number { fill: #ded8e4; font-size: 12px; letter-spacing: .12em; } #iclust-fluid-study .sv-journey-title { fill: #f3f0f6; font-size: 17px; } #iclust-fluid-study .sv-wireframe rect,#iclust-fluid-study .sv-wireframe path,#iclust-fluid-study .sv-wireframe circle { fill: #46394f26; stroke: #c2a7ce; stroke-width: 1.2; } #iclust-fluid-study .sv-wireframe>rect:first-child { fill: #3d304b; stroke: #e2bedc; } #iclust-fluid-study .sv-wireframe path { fill: none; } #iclust-fluid-study .sv-wireframe-label { fill: #c1b8ca; font-size: 10px; } #iclust-fluid-study .sv-screen-shadow { fill: #140c21; opacity: .32; filter: url(#sv-experience-shadow); } #iclust-fluid-study .sv-screen-brand { fill: #665371; font-size: 12px; font-weight: 500; } #iclust-fluid-study .sv-screen-heading { fill: #33203d; font-size: 20px; font-weight: 500; } #iclust-fluid-study .sv-screen-secondary { fill: #65546f; font-size: 10px; } #iclust-fluid-study .sv-screen-card-title { fill: #55325f; font-size: 12px; font-weight: 500; } #iclust-fluid-study .sv-mobile-screen { filter: drop-shadow(0 12px 14px #100a1838); } #iclust-fluid-study .sv-phone-title { fill: #56385f; font-size: 10px; font-weight: 500; } #iclust-fluid-study .sv-phone-card { fill: #6c4a76; font-size: 8px; } #iclust-fluid-study .sv-experience-note { fill: #d0c9d8; font-size: 12px; } #iclust-fluid-study .sv-layer-side { fill: #4b3957; stroke: #b091b9; stroke-width: .7; } #iclust-fluid-study .sv-layer-0 .sv-layer-side { fill: #a897b0; } #iclust-fluid-study .sv-layer-2 .sv-layer-side { fill: #71607e; } #iclust-fluid-study .sv-layer-face { stroke: #efe1f1; stroke-opacity: .45; stroke-width: 1; } #iclust-fluid-study .sv-layer-edge { fill: none; stroke: #f1d5ee; stroke-width: 1; stroke-opacity: .36; } #iclust-fluid-study .sv-layer-title { font-size: 23px; font-weight: 500; fill: #35223d; } #iclust-fluid-study .sv-layer-detail { font-size: 11px; fill: #5e4768; } #iclust-fluid-study .sv-layer-1 .sv-layer-title { fill: #f2eff5; } #iclust-fluid-study .sv-layer-1 .sv-layer-detail { fill: #c9c1d0; } #iclust-fluid-study .sv-layer-symbol { fill: none; stroke: #65516e; stroke-width: 1.4; } #iclust-fluid-study .sv-layer-1 .sv-layer-symbol { stroke: #d6badf; } #iclust-fluid-study .sv-product-boundary>path { fill: #a881bc08; stroke: #c9a7d4; stroke-width: 1; } #iclust-fluid-study .sv-product-boundary>path:nth-child(2) { fill: none; opacity: .65; } #iclust-fluid-study .sv-boundary-label { fill: #d6cedf; font-size: 13px; } #iclust-fluid-study .sv-layer-guides { fill: #c3bccb; } #iclust-fluid-study .sv-layer-guides path { fill: none; stroke: #b78cc4; stroke-width: 1; stroke-dasharray: 3 7; opacity: .5; } #iclust-fluid-study .sv-release-base { fill: none; stroke: #88608f; stroke-width: 1; } #iclust-fluid-study .sv-release-line { fill: none; stroke: var(--brand-magenta,#D30A81); stroke-width: 2; stroke-dasharray: 1; stroke-dashoffset: 0; } #iclust-fluid-study .sv-release-proof { filter: drop-shadow(0 11px 13px #140d2030); } #iclust-fluid-study .sv-release-proof-edge { fill: none; stroke: var(--brand-magenta,#D30A81); stroke-width: 1; } #iclust-fluid-study .sv-proof-title { fill: #f4f0f6; font-size: 18px; font-weight: 500; } #iclust-fluid-study .sv-proof-detail { fill: #c9c1d0; font-size: 9px; } @media (max-width: 580px) { #iclust-fluid-study .sv-phase-caption text { font-size: 22px; } #iclust-fluid-study .sv-option-title { font-size: 24px; } #iclust-fluid-study .sv-option-number { font-size: 15px; } #iclust-fluid-study .sv-option-detail,#iclust-fluid-study .sv-horizon-label,#iclust-fluid-study .sv-decision-lens>text.sv-lens-detail { display: none; } #iclust-fluid-study .sv-decision-lens>text { font-size: 23px; } #iclust-fluid-study .sv-journey-title { font-size: 23px; } #iclust-fluid-study .sv-journey-number { font-size: 18px; } #iclust-fluid-study .sv-screen-heading { font-size: 22px; } #iclust-fluid-study .sv-screen-brand { font-size: 17px; } #iclust-fluid-study .sv-screen-card-title { font-size: 19px; } #iclust-fluid-study .sv-screen-secondary,#iclust-fluid-study .sv-wireframe-label,#iclust-fluid-study .sv-experience-note { display: none; } #iclust-fluid-study .sv-phone-title { font-size: 12px; } #iclust-fluid-study .sv-phone-card { font-size: 11px; } #iclust-fluid-study .sv-layer-title { font-size: 27px; } #iclust-fluid-study .sv-layer-detail,#iclust-fluid-study .sv-boundary-label { display: none; } #iclust-fluid-study .sv-proof-title { font-size: 22px; } #iclust-fluid-study .sv-proof-detail { font-size: 12px; } } #iclust-fluid-study .sv-scene{position:relative;width:100%;max-width:660px;margin:auto;color:#f2eff5;isolation:isolate;container-type:inline-size} #iclust-fluid-study .sv-scene-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 13px 2px;min-height:22px} #iclust-fluid-study .sv-scene-label{color:#c9c2d0;font-size:9px;font-weight:650;letter-spacing:.16em;line-height:1.4} #iclust-fluid-study .sv-scene-index{flex:none;color:#a99bb4;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.08em} #iclust-fluid-study .sv-systems-svg{display:block;width:100%;height:100%;min-height:0;overflow:visible;font-family:inherit} #iclust-fluid-study .sv-mobile-copy{display:none} #iclust-fluid-study .sv-systems-svg text{fill:#eae5ef;font-family:inherit} #iclust-fluid-study .sv-systems-svg .sv-label{font-size:14px;font-weight:500;letter-spacing:-.015em} #iclust-fluid-study .sv-systems-svg .sv-micro{font-size:9px;font-weight:550;letter-spacing:.1em;fill:#bbb3c4} #iclust-fluid-study .sv-systems-svg .sv-title{font-size:30px;font-weight:520;letter-spacing:-.045em} #iclust-fluid-study .sv-systems-svg .sv-lane-label{font-size:10px;font-weight:600;letter-spacing:.15em;fill:#bbb3c4} #iclust-fluid-study .sv-systems-svg .sv-pink-text{fill:#f1edf4} #iclust-fluid-study .sv-edge{stroke:#bc9fc3;stroke-width:1;stroke-opacity:.45} #iclust-fluid-study .sv-path-base{fill:none;stroke:#a598b3;stroke-opacity:.26;stroke-width:2} #iclust-fluid-study .sv-path-accent{fill:none;stroke:var(--brand-magenta,#D30A81);stroke-width:2.2;stroke-linecap:round;stroke-opacity:1} #iclust-fluid-study .sv-source-sheet{fill:#d3cbd9;stroke:#f1eaf5;stroke-width:1;stroke-opacity:.8} #iclust-fluid-study .sv-sheet-line{fill:none;stroke:#75647f;stroke-width:3;stroke-linecap:round;stroke-opacity:.6} #iclust-fluid-study .sv-source-sheet~.sv-micro{fill:#695273} #iclust-fluid-study .sv-source-badge rect{fill:#35263e;stroke:#b995c2;stroke-opacity:.35} #iclust-fluid-study .sv-source-badge circle,#iclust-fluid-study .sv-review-items circle,#iclust-fluid-study .sv-pink-fill{fill:var(--brand-magenta,#D30A81);stroke:#eae5ef;stroke-width:.8} #iclust-fluid-study .sv-answer-line{fill:none;stroke:#bcadca;stroke-width:4;stroke-linecap:round;stroke-opacity:.45} #iclust-fluid-study .sv-citation{fill:#D30A811f;stroke:var(--brand-magenta,#D30A81);stroke-opacity:1} #iclust-fluid-study .sv-tick{fill:none;stroke:#eae5ef;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round} #iclust-fluid-study .sv-metro-grid{stroke:#c5b5d1;stroke-opacity:.065;stroke-width:1} #iclust-fluid-study .sv-metro-line{stroke:#a593b6;stroke-opacity:.3;stroke-width:4} #iclust-fluid-study .sv-metro-interchange{stroke:#cb9bbe;stroke-opacity:.28;stroke-width:9} #iclust-fluid-study .sv-metro-route{stroke-width:4} #iclust-fluid-study .sv-metro-stops circle{fill:#302739;stroke:#b19abd;stroke-width:2} #iclust-fluid-study .sv-metro-stops circle+circle{fill:var(--brand-magenta,#D30A81);stroke:none} #iclust-fluid-study .sv-contract-symbol,#iclust-fluid-study .sv-release-symbol{fill:none;stroke:#eae5ef;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} #iclust-fluid-study .sv-trace-dots{fill:none;stroke:#ba9dc8;stroke-width:1.5;stroke-dasharray:3 6;stroke-linecap:round;stroke-opacity:.65} #iclust-fluid-study .sv-recovery-arrow{fill:none;stroke:#eae5ef;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} #iclust-fluid-study .sv-journey-line{fill:none;stroke:#a48cb5;stroke-width:3;stroke-opacity:.5} #iclust-fluid-study .sv-journey-stops circle{fill:#bca8cd;stroke:#e2d2ec;stroke-width:2} #iclust-fluid-study .sv-focus-ring{fill:#D30A810a;stroke:var(--brand-magenta,#D30A81);stroke-width:2} #iclust-fluid-study .sv-a-badge{fill:#5d4a6b;stroke:#c2adcc;stroke-opacity:.4} #iclust-fluid-study .sv-wire-image{fill:#776581;fill-opacity:.32;stroke:#b7a3c5;stroke-opacity:.2} #iclust-fluid-study .sv-wire-button{fill:#b29ebf;fill-opacity:.6} #iclust-fluid-study .sv-decision{fill:#55405e;fill-opacity:.45;stroke:#a786b4;stroke-opacity:.4} #iclust-fluid-study .sv-decision-focus{fill:#D30A811f;stroke:var(--brand-magenta,#D30A81);stroke-opacity:1} #iclust-fluid-study .sv-orbit-back{stroke:#ab93bd;stroke-width:1.6;stroke-opacity:.4} #iclust-fluid-study .sv-orbit-inner{stroke:#b19dc1;stroke-width:1;stroke-opacity:.13;stroke-dasharray:3 8} #iclust-fluid-study .sv-signal{fill:none;stroke:#eae5ef;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} #iclust-fluid-study .sv-release-track{fill:#b5a4c7;fill-opacity:.22} #iclust-fluid-study .sv-roadmap-path{fill:none;stroke:#eae5ef;stroke-width:1.7;stroke-linecap:round} #iclust-fluid-study .sv-caption{display:flex;gap:12px;align-items:flex-start;padding:8px 13px 0;border-top:1px solid #bda5c31f;min-height:32px} #iclust-fluid-study .sv-caption-number{flex:none;padding-top:2px;color:#ded8e4;font-size:10px;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:.1em} #iclust-fluid-study .sv-caption-title{display:block;color:#f2eff5;font-size:14px;line-height:1.3;font-weight:550;letter-spacing:-.02em} #iclust-fluid-study .sv-caption-copy{display:none;max-width:45em;margin:5px 0 0;color:#b9b0c4;font-size:11px;line-height:1.55;letter-spacing:0} @container (max-width:400px){ #iclust-fluid-study .sv-scene-label{font-size:8px;letter-spacing:.1em;max-width:24em} #iclust-fluid-study .sv-scene-heading{padding:0 4px} #iclust-fluid-study .sv-systems-svg .sv-micro{font-size:11px;letter-spacing:.035em} #iclust-fluid-study .sv-systems-svg .sv-label{font-size:18px} #iclust-fluid-study .sv-systems-svg .sv-lane-label{font-size:15px;letter-spacing:.09em} #iclust-fluid-study .sv-systems-svg .sv-title{font-size:31px} #iclust-fluid-study .sv-caption{gap:9px;padding:8px 4px 0;min-height:32px} #iclust-fluid-study .sv-caption-title{font-size:13px} #iclust-fluid-study .sv-caption-copy{font-size:10.5px;line-height:1.5} #iclust-fluid-study .sv-intelligence .sv-review-items .sv-label{font-size:16px} #iclust-fluid-study .sv-integration .sv-trace-dots{stroke-dasharray:3 9} #iclust-fluid-study .sv-growth .sv-journey-labels .sv-label{font-size:18px} #iclust-fluid-study .sv-growth .sv-systems-svg .sv-label{font-size:15px} #iclust-fluid-study .sv-evolution .sv-systems-svg .sv-label{font-size:19px} } @media(max-width:580px){ #iclust-fluid-study .sv-scene:has(.sv-systems-svg){grid-template-rows:minmax(0,1fr)} #iclust-fluid-study .sv-scene:has(.sv-systems-svg) .sv-scene-heading, #iclust-fluid-study .sv-scene:has(.sv-systems-svg) .sv-caption, #iclust-fluid-study .sv-systems-svg .sv-micro, #iclust-fluid-study .sv-systems-svg .sv-desktop-copy{display:none} #iclust-fluid-study .sv-systems-svg .sv-mobile-copy{display:inline} #iclust-fluid-study .sv-systems-svg .sv-label, #iclust-fluid-study .sv-intelligence .sv-review-items .sv-label, #iclust-fluid-study .sv-growth .sv-systems-svg .sv-label, #iclust-fluid-study .sv-growth .sv-journey-labels .sv-label, #iclust-fluid-study .sv-evolution .sv-systems-svg .sv-label{font-size:22px} #iclust-fluid-study .sv-systems-svg .sv-lane-label{font-size:19px;letter-spacing:.07em} #iclust-fluid-study .sv-systems-svg .sv-title{font-size:34px} #iclust-fluid-study .sv-metro-stops text{text-anchor:middle;transform:translateX(24px)} #iclust-fluid-study .sv-metro-stops>g:nth-child(2) text{transform:translateX(32px)} #iclust-fluid-study .sv-trace-dots{display:none} } /* Lower service pages: visible scroll choreography, owned by one finite driver. */ #iclust-fluid-study .ip-service-page { --sv-soft: color-mix(in srgb,var(--ip-magenta) 5%,var(--ip-paper)); --sv-rule: color-mix(in srgb,var(--ip-magenta) 36%,var(--ip-line)); } #iclust-fluid-study .ip-service-page :is(.ip-service-intro,.ip-capabilities,.sg-context,.sg-process,.sg-technology,.ip-service-outcome,.sg-engagement,.sg-questions,.mc-next) { position: relative; } #iclust-fluid-study .ip-service-page :is(.ip-service-intro,.ip-capabilities,.sg-context,.sg-process,.sg-technology,.ip-service-outcome,.sg-engagement,.sg-questions,.mc-next):before { content: ""; position: absolute; left: 5.5%; top: 0; width: clamp(80px,14vw,200px); height: 2px; background: var(--ip-magenta); transform-origin: left; transform: scaleX(var(--sv-enter,1)); pointer-events: none; } #iclust-fluid-study .ip-service-page .sv-word { display: inline-block; color: inherit; vertical-align: baseline; transform-origin: center bottom; } #iclust-fluid-study .ip-service-page.sv-editorial-motion .sv-word { transform: translate3d(var(--sv-word-x,0px),var(--sv-word-y,0px),0) rotate(var(--sv-word-rotate,0deg)) scale(var(--sv-word-scale,1)); opacity: var(--sv-word-opacity,1); } #iclust-fluid-study .ip-service-page.sv-editorial-motion [data-sv-motion] { transform: translate3d(var(--sv-entry-x,0px),var(--sv-entry-y,0px),0) scale(var(--sv-entry-scale,1)); transform-origin: left top; opacity: var(--sv-entry-opacity,1); } #iclust-fluid-study .ip-service-page.sv-editorial-motion [data-sv-motion]:focus-within { transform: none; opacity: 1; } #iclust-fluid-study .ip-service-page .sg-steps:after { content: ""; position: absolute; left: 20px; top: 32px; bottom: 55px; width: 2px; background: var(--ip-magenta); transform: scaleY(var(--sv-process-progress,1)); transform-origin: top; pointer-events: none; z-index: 0; } #iclust-fluid-study .ip-service-page .sg-step-number { z-index: 1; } #iclust-fluid-study .ip-service-page .sg-steps>li { isolation: isolate; z-index: 1; } #iclust-fluid-study .ip-service-page .sg-steps>li.sv-step-current .sg-step-number { border-color: var(--ip-magenta); box-shadow: 0 0 0 7px var(--sv-soft); background: var(--ip-ink); color: var(--ip-paper); } #iclust-fluid-study .ip-service-page .sg-steps>li.sv-step-passed .sg-step-number { border-color: var(--sv-rule); } #iclust-fluid-study .ip-service-page.sv-editorial-motion .sg-step-number:after { content: ""; position: absolute; inset: -7px; border: 1px solid var(--ip-magenta); border-radius: 50%; transform: scale(calc(.88 + var(--sv-step-focus,0) * .2)); opacity: var(--sv-step-focus,0); pointer-events: none; } #iclust-fluid-study .ip-service-page .sg-step-heading { position: relative; } #iclust-fluid-study .ip-service-page.sv-editorial-motion .sg-step-heading:before { content: ""; position: absolute; left: -15px; top: 0; bottom: 0; width: 2px; background: var(--ip-magenta); transform: scaleY(var(--sv-step-focus,0)); transform-origin: center; opacity: var(--sv-step-focus,0); pointer-events: none; } #iclust-fluid-study .ip-service-page :is(.ip-capability,.sg-tech-group,.sg-deliverables>article,.sg-engagement-details>div,.sg-question-list>details) { position: relative; } #iclust-fluid-study .ip-service-page :is(.ip-capability,.sg-tech-group,.sg-deliverables>article,.sg-engagement-details>div,.sg-question-list>details):after { content: ""; position: absolute; top: -1px; left: 0; right: 0; height: 1px; background: var(--ip-magenta); transform: scaleX(var(--sv-card-progress,1)); transform-origin: left; pointer-events: none; } #iclust-fluid-study .ip-service-page.sv-editorial-motion :is(.ip-capability,.sg-tech-group,.sg-deliverables>article,.sv-beats>li)>:is(h3,p,.sv-beat-body) { transform: translateY(calc((1 - var(--sv-card-progress,1)) * 16px)); } #iclust-fluid-study .ip-service-page.sv-editorial-motion .sg-tech-group .sg-tools>* { transform: translateY(calc((1 - var(--sv-card-progress,1)) * (18px + var(--sv-chip-index,0) * 8px))); } #iclust-fluid-study .ip-service-page.sv-editorial-motion .sg-tech-judgment { transform: translateY(calc((1 - var(--sv-card-progress,1)) * 28px)); } #iclust-fluid-study .ip-service-page .sg-tech-index { display: inline-grid; place-items: center; width: 32px; height: 32px; border: 1px solid var(--sv-rule); border-radius: 50%; margin-bottom: 24px; } #iclust-fluid-study .ip-service-page.sv-editorial-motion .sg-tech-index { transform: translateY(calc((1 - var(--sv-card-progress,1)) * -24px)) rotate(calc((1 - var(--sv-card-progress,1)) * -20deg)); } #iclust-fluid-study .ip-service-page .sg-deliverable-number { display: inline-flex; align-items: center; gap: 12px; } #iclust-fluid-study .ip-service-page .sg-deliverable-number:after { content: "→"; display: inline-block; color: var(--ip-muted); } #iclust-fluid-study .ip-service-page.sv-editorial-motion .sg-deliverable-number:after { transform: translateX(calc((1 - var(--sv-card-progress,1)) * -24px)) rotate(calc((1 - var(--sv-card-progress,1)) * -35deg)); } #iclust-fluid-study .ip-service-page .sg-deliverables>article:last-child .sg-deliverable-number:after { content: "↗"; } #iclust-fluid-study .ip-service-page.sv-editorial-motion .sg-engagement-details>div>ul>li { transform: translateX(calc((1 - var(--sv-card-progress,1)) * 24px)); } #iclust-fluid-study .ip-service-page.sv-editorial-motion .sg-engagement-details>div>ul>li:nth-child(even) { transform: translateX(calc((1 - var(--sv-card-progress,1)) * 40px)); } #iclust-fluid-study .ip-service-page.sv-editorial-motion .sg-question-list details>summary { transform: translateY(calc((1 - var(--sv-card-progress,1)) * 9px)); } #iclust-fluid-study .ip-service-page.sv-editorial-motion .sg-question-list details:focus-within>summary { transform: none; } #iclust-fluid-study .ip-service-page.sv-editorial-motion .mc-next :is(.ip-text-link,.seo-related>a)>span { display: inline-block; transform: translateX(calc((1 - var(--sv-card-progress,1)) * -32px)) rotate(calc((1 - var(--sv-card-progress,1)) * -30deg)); } #iclust-fluid-study .ip-service-page .sg-principle { position: relative; overflow: hidden; background: var(--sv-soft); border-left-width: 1px; } #iclust-fluid-study .ip-service-page .sg-principle:after { content: ""; width: 150px; height: 150px; border: 1px solid var(--sv-rule); border-radius: 50%; position: absolute; right: -50px; top: -85px; translate: 0 var(--sv-drift,0px); pointer-events: none; opacity: .35; } /* The short presentation is deliberately a different composition for each discipline. */ #iclust-fluid-study .ip-service-page .sv-presentation { position: relative; overflow: hidden; border-block: 1px solid var(--ip-line); background: var(--sv-soft); padding-block: clamp(60px,7vw,110px); } #iclust-fluid-study .ip-service-page .sv-presentation-heading { position: relative; z-index: 1; } #iclust-fluid-study .ip-service-page .sv-presentation .ip-kicker { font-size: 9px; letter-spacing: .12em; line-height: 1.7; margin-bottom: 23px; } #iclust-fluid-study .ip-service-page .sv-presentation h2 { font-size: clamp(35px,4.5vw,66px); line-height: 1.08; letter-spacing: -.05em; max-width: 730px; font-weight: 500; } #iclust-fluid-study .ip-service-page .sv-presentation-link { display: inline-flex; align-items: center; gap: 26px; min-height: 44px; font-size: 11px; margin-top: 27px; color: var(--ip-muted); } #iclust-fluid-study .ip-service-page .sv-presentation-link span { color: var(--ip-magenta); } #iclust-fluid-study .ip-service-page .sv-beats { position: relative; z-index: 1; list-style: none; padding: 0; margin: 0; } #iclust-fluid-study .ip-service-page .sv-beats>li { position: relative; min-width: 0; } #iclust-fluid-study .ip-service-page .sv-beat-number { color: var(--ip-magenta); font-size: 10px; line-height: 1.5; letter-spacing: .06em; } #iclust-fluid-study .ip-service-page .sv-beats h3 { font-size: clamp(19px,1.8vw,27px); line-height: 1.2; letter-spacing: -.03em; font-weight: 500; } #iclust-fluid-study .ip-service-page .sv-beat-output { color: var(--ip-muted); font-size: 12px; line-height: 1.7; margin-top: 15px; max-width: 330px; } #iclust-fluid-study .ip-service-page .sv-beat-handoff { color: var(--ip-magenta); font-size: 16px; font-weight: 300; } /* Strategy: an oversized decision ribbon, read as three clear editorial rows. */ #iclust-fluid-study .sv-layout-strategy .sv-presentation { display: grid; grid-template-columns: .9fr 1.1fr; gap: 11%; align-items: center; } #iclust-fluid-study .sv-layout-strategy .sv-beats>li { display: grid; grid-template-columns: 30px 1fr 20px; gap: 22px; padding: 27px 0; border-bottom: 1px solid var(--sv-rule); align-items: start; } #iclust-fluid-study .sv-layout-strategy .sv-beats>li:first-child { border-top: 1px solid var(--sv-rule); } #iclust-fluid-study .sv-layout-strategy .sv-beat-number { padding-top: 4px; } #iclust-fluid-study .sv-layout-strategy .ip-capability-grid { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 12%; } #iclust-fluid-study .sv-layout-strategy .sg-technology-grid { grid-template-columns: 1.3fr 1fr 1fr; gap: 6%; } #iclust-fluid-study .sv-layout-strategy .sg-context h2 { font-size: clamp(36px,4.4vw,64px); } /* Experience: a journey storyboard with a deliberately lower middle moment. */ #iclust-fluid-study .sv-layout-experience .sv-presentation-heading { max-width: 760px; margin-inline: auto; text-align: center; } #iclust-fluid-study .sv-layout-experience .sv-presentation h2 { margin-inline: auto; } #iclust-fluid-study .sv-layout-experience .sv-beats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5%; margin-top: 65px; padding-bottom: 34px; } #iclust-fluid-study .sv-layout-experience .sv-beats>li { border-top: 1px solid var(--sv-rule); padding: 25px 26px 30px; background: var(--ip-paper); box-shadow: 0 12px 35px color-mix(in srgb,var(--ip-ink) 3%,transparent); } #iclust-fluid-study .sv-layout-experience .sv-beats>li:nth-child(2) { margin-top: 34px; margin-bottom: -34px; } #iclust-fluid-study .sv-layout-experience .sv-beat-body { margin-top: 32px; } #iclust-fluid-study .sv-layout-experience .sv-beat-handoff { position: absolute; right: 25px; top: 22px; } #iclust-fluid-study .sv-layout-experience .ip-capability-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 45px 12%; } #iclust-fluid-study .sv-layout-experience .ip-capability:nth-child(even) { padding-top: 55px; } #iclust-fluid-study .sv-layout-experience .sg-section-heading { grid-template-columns: 1.4fr 1fr; } #iclust-fluid-study .sv-layout-experience .sg-deliverables { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 45px 10%; } /* Engineering: three broad implementation layers, connected along the edge. */ #iclust-fluid-study .sv-layout-engineering .sv-presentation { display: grid; grid-template-columns: .85fr 1.15fr; gap: 9%; background: #25212b; color: #f5f0f8; --ip-ink: #f5f0f8; --ip-muted: #c2b7ca; --ip-magenta: var(--brand-magenta); --ip-line: #66566e; } #iclust-fluid-study .sv-layout-engineering .sv-beats { padding-left: 35px; } #iclust-fluid-study .sv-layout-engineering .sv-beats:before { content: ""; position: absolute; left: 0; top: 26px; bottom: 26px; width: 1px; background: var(--brand-magenta); } #iclust-fluid-study .sv-layout-engineering .sv-beats>li { display: grid; grid-template-columns: 30px 1fr 20px; gap: 20px; border: 1px solid #76617e; background: #302838; padding: 24px; margin-block: 15px; } #iclust-fluid-study .sv-layout-engineering .sv-beats>li:before { content: ""; position: absolute; left: -35px; top: 26px; width: 35px; height: 1px; background: var(--brand-magenta); } #iclust-fluid-study .sv-layout-engineering .sv-beats>li:nth-child(2) { margin-left: 28px; } #iclust-fluid-study .sv-layout-engineering .sv-beats>li:nth-child(3) { margin-left: 56px; } #iclust-fluid-study .sv-layout-engineering .sg-technology-grid { display: block; margin-left: 28%; } #iclust-fluid-study .sv-layout-engineering .sg-tech-group { display: grid; grid-template-columns: 46px 1fr 1.2fr; gap: 0 6%; padding-block: 30px; } #iclust-fluid-study .sv-layout-engineering .sg-tech-group>p { margin-top: 0; } #iclust-fluid-study .sv-layout-engineering .sg-tools { grid-column: 2; padding-bottom: 0; margin-top: 20px; } #iclust-fluid-study .sv-layout-engineering .sg-tech-judgment { grid-column: 3; grid-row: 2; border-top: 0; padding-top: 20px; margin-top: 0; } #iclust-fluid-study .sv-layout-engineering .sg-process { grid-template-columns: 1fr 1fr; gap: 12%; } /* Intelligence: two preparation/evaluation gates feed a full-width operating gate. */ #iclust-fluid-study .sv-layout-intelligence .sv-presentation { display: grid; grid-template-columns: .82fr 1.18fr; gap: 9%; align-items: center; } #iclust-fluid-study .sv-layout-intelligence .sv-beats { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; } #iclust-fluid-study .sv-layout-intelligence .sv-beats>li { border-top: 1px solid var(--sv-rule); padding-top: 21px; } #iclust-fluid-study .sv-layout-intelligence .sv-beats>li:last-child { grid-column: 1/-1; border: 1px solid var(--sv-rule); border-radius: 18px; padding: 26px 29px; display: grid; grid-template-columns: 28px 1fr 20px; gap: 18px; } #iclust-fluid-study .sv-layout-intelligence .sv-beats>li:not(:last-child) .sv-beat-body { margin-top: 23px; } #iclust-fluid-study .sv-layout-intelligence .sv-beats>li:not(:last-child) .sv-beat-handoff { position: absolute; right: 0; top: 18px; } #iclust-fluid-study .sv-layout-intelligence .sg-process { display: block; } #iclust-fluid-study .sv-layout-intelligence .sg-section-intro { position: relative; top: auto; display: grid; grid-template-columns: 1.2fr 1fr; gap: 10px 12%; margin-bottom: 52px; } #iclust-fluid-study .sv-layout-intelligence .sg-section-intro>.ip-kicker { grid-column: 1/-1; } #iclust-fluid-study .sv-layout-intelligence .sg-section-intro>p:not(.ip-kicker) { margin-top: 0; max-width: none; } #iclust-fluid-study .sv-layout-intelligence .sg-reading-note { grid-column: 2; margin-top: 10px; } #iclust-fluid-study .sv-layout-intelligence .sg-steps { max-width: 940px; margin-left: auto; } #iclust-fluid-study .sv-layout-intelligence .sg-deliverables { grid-template-columns: 1.15fr 1fr; gap: 45px 10%; } /* Integration: contracts and exchanges occupy three connected lanes. */ #iclust-fluid-study .sv-layout-integration .sv-presentation-heading { display: grid; grid-template-columns: 1.2fr 1fr; gap: 0 12%; align-items: end; } #iclust-fluid-study .sv-layout-integration .sv-presentation .ip-kicker { grid-column: 1/-1; } #iclust-fluid-study .sv-layout-integration .sv-presentation-link { align-self: end; justify-self: end; } #iclust-fluid-study .sv-layout-integration .sv-beats { margin-top: 55px; } #iclust-fluid-study .sv-layout-integration .sv-beats>li { display: grid; grid-template-columns: 70px 1fr 26px; gap: 30px; border-top: 1px solid var(--sv-rule); padding: 25px 0; } #iclust-fluid-study .sv-layout-integration .sv-beat-body { display: grid; grid-template-columns: 1fr 1.3fr; gap: 9%; } #iclust-fluid-study .sv-layout-integration .sv-beat-output { margin-top: 0; max-width: none; } #iclust-fluid-study .sv-layout-integration .sg-process { grid-template-columns: .9fr 1.1fr; gap: 9%; } #iclust-fluid-study .sv-layout-integration .sg-technology-grid { grid-template-columns: 1fr; margin-left: 35%; } #iclust-fluid-study .sv-layout-integration .sg-tech-group { padding-block: 28px; display: grid; grid-template-columns: 34px 1fr; gap: 0 25px; } #iclust-fluid-study .sv-layout-integration .sg-tech-group>p,#iclust-fluid-study .sv-layout-integration .sg-tools,#iclust-fluid-study .sv-layout-integration .sg-tech-judgment { grid-column: 2; } #iclust-fluid-study .sv-layout-integration .sg-tech-index { grid-row: 1/3; } /* Growth: a baseline and a question culminate in a wider decision. */ #iclust-fluid-study .sv-layout-growth .sv-presentation { display: grid; grid-template-columns: 1fr 1fr; gap: 8%; align-items: center; } #iclust-fluid-study .sv-layout-growth .sv-beats { display: grid; grid-template-columns: 1fr 1fr; column-gap: 35px; } #iclust-fluid-study .sv-layout-growth .sv-beats>li { padding-block: 23px; border-top: 1px solid var(--sv-rule); } #iclust-fluid-study .sv-layout-growth .sv-beats>li:last-child { grid-column: 1/-1; margin-top: 25px; padding-left: 23px; border-left: 2px solid var(--ip-magenta); border-top: 0; background: var(--ip-paper); } #iclust-fluid-study .sv-layout-growth .sv-beat-body { margin-top: 20px; } #iclust-fluid-study .sv-layout-growth .sv-beat-handoff { position: absolute; right: 12px; top: 20px; } #iclust-fluid-study .sv-layout-growth .sg-context { grid-template-columns: 1.25fr 1fr; } #iclust-fluid-study .sv-layout-growth .ip-capability-grid { grid-template-columns: 1fr 1fr; column-gap: 14%; } #iclust-fluid-study .sv-layout-growth .sg-technology-grid { grid-template-columns: 1fr 1fr; gap: 35px 10%; } #iclust-fluid-study .sv-layout-growth .sg-tech-group:last-child { grid-column: 1/-1; max-width: 790px; margin-left: 18%; } /* Evolution: a staggered cadence, with a return path that carries the learning. */ #iclust-fluid-study .sv-layout-evolution .sv-presentation-heading { max-width: 690px; } #iclust-fluid-study .sv-layout-evolution .sv-beats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7%; margin-top: 55px; padding-bottom: 42px; } #iclust-fluid-study .sv-layout-evolution .sv-beats:after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 0; height: 30px; border: 1px solid var(--sv-rule); border-top: 0; border-radius: 0 0 20px 20px; } #iclust-fluid-study .sv-layout-evolution .sv-beats>li { padding: 25px 0; border-top: 1px solid var(--sv-rule); } #iclust-fluid-study .sv-layout-evolution .sv-beats>li:nth-child(2) { margin-top: 25px; } #iclust-fluid-study .sv-layout-evolution .sv-beats>li:nth-child(3) { margin-top: 50px; } #iclust-fluid-study .sv-layout-evolution .sv-beat-body { margin-top: 23px; } #iclust-fluid-study .sv-layout-evolution .sv-beat-handoff { position: absolute; top: 21px; right: 0; } #iclust-fluid-study .sv-layout-evolution .sg-process { grid-template-columns: 1fr 1.15fr; gap: 11%; } #iclust-fluid-study .sv-layout-evolution .sg-deliverables { grid-template-columns: 1fr 1fr; gap: 45px 12%; } #iclust-fluid-study .sv-layout-evolution .sg-deliverables>article:nth-child(even) { padding-top: 45px; } @media (max-width: 1000px) { #iclust-fluid-study .ip-service-page .sv-presentation { column-gap: 6%; } #iclust-fluid-study .sv-layout-engineering .sg-technology-grid { margin-left: 12%; } #iclust-fluid-study .sv-layout-engineering .sg-tech-group { grid-template-columns: 34px 1fr 1fr; column-gap: 4%; } #iclust-fluid-study .sv-layout-integration .sg-technology-grid { margin-left: 20%; } #iclust-fluid-study .sv-layout-experience .sv-beats>li { padding-inline: 18px; } #iclust-fluid-study .sv-layout-strategy .sv-beats>li { gap: 14px; } } @media (max-width: 780px) { #iclust-fluid-study .ip-service-page .sv-presentation { display: block; } #iclust-fluid-study .ip-service-page .sv-presentation h2 { max-width: 650px; } #iclust-fluid-study .ip-service-page .sv-beats { margin-top: 40px; } #iclust-fluid-study .sv-layout-engineering .sv-beats { margin-top: 35px; } #iclust-fluid-study .sv-layout-intelligence .sv-beats { display: grid; } #iclust-fluid-study .sv-layout-experience .sv-beats { margin-top: 40px; } #iclust-fluid-study .sv-layout-engineering .sg-technology-grid,#iclust-fluid-study .sv-layout-integration .sg-technology-grid { margin-left: 0; } #iclust-fluid-study .sv-layout-intelligence .sg-section-intro { grid-template-columns: 1fr 1fr; gap: 10px 7%; } #iclust-fluid-study .sv-layout-integration .sv-presentation-heading { grid-template-columns: 1fr; } #iclust-fluid-study .sv-layout-integration .sv-presentation-link { justify-self: start; } #iclust-fluid-study .sv-layout-integration .sv-beat-body { gap: 6%; } } @media (max-width: 580px) { #iclust-fluid-study .ip-service-page .sv-presentation { padding-block: 48px; } #iclust-fluid-study .ip-service-page .sv-presentation h2 { font-size: clamp(31px,8.7vw,42px); } #iclust-fluid-study .ip-service-page .sv-presentation .ip-kicker { font-size: 8px; margin-bottom: 19px; } #iclust-fluid-study .ip-service-page .sv-presentation-link { margin-top: 20px; } #iclust-fluid-study .ip-service-page .sv-beats h3 { font-size: 21px; } #iclust-fluid-study .ip-service-page .sv-beat-output { font-size: 12px; } #iclust-fluid-study .ip-service-page :is(.sg-context,.sg-process,.sg-technology,.ip-service-outcome,.sg-engagement,.sg-questions):before { left: 5.5%; width: 30px; } #iclust-fluid-study .ip-service-page .sg-steps:after { left: 15px; top: 27px; bottom: 40px; } #iclust-fluid-study .ip-service-page :is(.ip-capability-grid,.sg-technology-grid,.sg-deliverables) { grid-template-columns: 1fr; } #iclust-fluid-study .ip-service-page :is(.sg-process,.sg-context) { display: block; } #iclust-fluid-study .ip-service-page .sg-context-answer { margin-top: 30px; } #iclust-fluid-study .ip-service-page .sg-principle { margin-top: 30px; } #iclust-fluid-study .ip-service-page .sg-section-heading,#iclust-fluid-study .sv-layout-intelligence .sg-section-intro { display: block; } #iclust-fluid-study .ip-service-page .sg-section-intro { position: relative; top: auto; } #iclust-fluid-study .ip-service-page .sg-section-intro>p:not(.ip-kicker) { margin-top: 22px; } #iclust-fluid-study .ip-service-page .sg-reading-note { margin-top: 24px; } #iclust-fluid-study .sv-layout-experience .sv-presentation-heading { text-align: left; } #iclust-fluid-study .sv-layout-experience .sv-beats,#iclust-fluid-study .sv-layout-evolution .sv-beats { display: block; padding-bottom: 0; } #iclust-fluid-study .sv-layout-experience .sv-beats>li { padding: 22px; margin-top: 18px; } #iclust-fluid-study .sv-layout-experience .sv-beats>li:nth-child(2) { margin-block: 18px 0; } #iclust-fluid-study .sv-layout-experience .sv-beat-body { margin-top: 23px; } #iclust-fluid-study .sv-layout-experience .ip-capability:nth-child(even),#iclust-fluid-study .sv-layout-evolution .sg-deliverables>article:nth-child(even) { padding-top: 25px; } #iclust-fluid-study .sv-layout-strategy .sv-beats>li { grid-template-columns: 24px 1fr 16px; gap: 12px; } #iclust-fluid-study .sv-layout-engineering .sv-beats { padding-left: 16px; } #iclust-fluid-study .sv-layout-engineering .sv-beats>li { padding: 20px 14px; grid-template-columns: 23px 1fr; gap: 12px; } #iclust-fluid-study .sv-layout-engineering .sv-beats>li:before { left: -16px; width: 16px; } #iclust-fluid-study .sv-layout-engineering .sv-beats>li:nth-child(2) { margin-left: 12px; } #iclust-fluid-study .sv-layout-engineering .sv-beats>li:nth-child(3) { margin-left: 24px; } #iclust-fluid-study .sv-layout-engineering .sv-beat-handoff { display: none; } #iclust-fluid-study .sv-layout-engineering .sg-tech-group { display: block; } #iclust-fluid-study .sv-layout-engineering .sg-tech-group>p { margin-top: 20px; } #iclust-fluid-study .sv-layout-engineering .sg-tools { margin-top: 20px; padding-bottom: 22px; } #iclust-fluid-study .sv-layout-engineering .sg-tech-judgment { padding-top: 20px; border-top: 1px solid var(--ip-line); } #iclust-fluid-study .sv-layout-intelligence .sv-beats { display: block; } #iclust-fluid-study .sv-layout-intelligence .sv-beats>li { margin-bottom: 25px; } #iclust-fluid-study .sv-layout-intelligence .sv-beats>li:last-child { padding: 22px 17px; grid-template-columns: 22px 1fr; gap: 12px; } #iclust-fluid-study .sv-layout-intelligence .sv-beats>li:last-child .sv-beat-handoff { display: none; } #iclust-fluid-study .sv-layout-integration .sv-beats>li { grid-template-columns: 24px 1fr 16px; gap: 13px; } #iclust-fluid-study .sv-layout-integration .sv-beat-body { display: block; } #iclust-fluid-study .sv-layout-integration .sv-beat-output { margin-top: 13px; } #iclust-fluid-study .sv-layout-integration .sg-tech-group { grid-template-columns: 30px 1fr; column-gap: 18px; } #iclust-fluid-study .sv-layout-growth .sv-beats { display: block; } #iclust-fluid-study .sv-layout-growth .sv-beats>li:last-child { margin-top: 0; } #iclust-fluid-study .sv-layout-growth .sg-tech-group:last-child { grid-column: auto; margin-left: 0; } #iclust-fluid-study .sv-layout-evolution .sv-beats:after { display: none; } #iclust-fluid-study .sv-layout-evolution .sv-beats>li:nth-child(n) { margin-top: 0; } } /* Preference handling belongs to the shared motion owner, including a user's explicit manual override. With no enhancement, every section stays static. */ #iclust-fluid-study.mc-reduced .ip-service-page .sv-word, #iclust-fluid-study.mc-reduced .ip-service-page [data-sv-motion], #iclust-fluid-study:not(.mc-enhanced) .ip-service-page .sv-word, #iclust-fluid-study:not(.mc-enhanced) .ip-service-page [data-sv-motion] { transform: none!important; opacity: 1!important; } #iclust-fluid-study.mc-reduced .ip-service-page .sg-principle:after, #iclust-fluid-study:not(.mc-enhanced) .ip-service-page .sg-principle:after { translate: none!important; } @media (max-width: 580px) { #iclust-fluid-study .ip-service-page.sv-editorial-motion .sg-tech-group .sg-tools>* { transform: translateY(calc((1 - var(--sv-card-progress,1)) * (10px + var(--sv-chip-index,0) * 4px))); } #iclust-fluid-study .ip-service-page.sv-editorial-motion .sg-tech-judgment { transform: translateY(calc((1 - var(--sv-card-progress,1)) * 16px)); } #iclust-fluid-study .ip-service-page.sv-editorial-motion .sg-engagement-details>div>ul>li { transform: translateX(calc((1 - var(--sv-card-progress,1)) * 10px)); } #iclust-fluid-study .ip-service-page.sv-editorial-motion .sg-engagement-details>div>ul>li:nth-child(even) { transform: translateX(calc((1 - var(--sv-card-progress,1)) * 14px)); } #iclust-fluid-study .ip-service-page.sv-editorial-motion .sg-deliverable-number:after { transform: translateX(calc((1 - var(--sv-card-progress,1)) * -12px)) rotate(calc((1 - var(--sv-card-progress,1)) * -20deg)); } } /* One pigment for brand identity. Neutral ink handles small text contrast; metal, rose surfaces, reflections and material shadows remain intentional. */ #iclust-fluid-study { --ip-muted: #5d5662; } #iclust-fluid-study, #iclust-fluid-study[data-theme="dark"], html[data-theme="dark"] #iclust-fluid-study { --brand-magenta: #d30a81; --ip-magenta: var(--brand-magenta); } #iclust-fluid-study :is(.mc-ai-stage,.mc-service-track .mc-stage,.ip-contact,.site-footer,.editorial-hero,.sv-presentation) { --ip-magenta: var(--brand-magenta); } /* These panels inherit the page's light/dark ink, rather than dark-band tokens. */ #iclust-fluid-study .ip-service-page .sg-principle { color: var(--ip-ink); color-scheme: inherit; } #iclust-fluid-study :is(.ip-kicker,.mc-detail), #iclust-fluid-study .mc-panel .mc-detail, #iclust-fluid-study .mc-service-track .mc-panel .mc-detail, #iclust-fluid-study .mc-approach-copy .mc-detail { color: var(--ip-ink); } #iclust-fluid-study .ip-kicker:before { content: ""; display: inline-block; width: 12px; height: 2px; margin-right: 9px; vertical-align: middle; background: var(--brand-magenta); } #iclust-fluid-study .mc-panel .ip-kicker:before { width: 8px; margin-right: 7px; } #iclust-fluid-study :is(.mc-service-track .mc-panel .mc-detail,.mc-approach-copy .mc-detail) { border-left: 2px solid var(--brand-magenta); padding-left: 10px; } #iclust-fluid-study .ip-service-page :is(.sg-step-output>span,.sg-tech-index,.sg-deliverable-number,.sv-beat-number,.sv-beat-handoff), #iclust-fluid-study :is(.mc-service-stage-status [data-service-stage-number],.mc-sequence-number,.mc-sequence-arrow,.mc-diagram-phase,.ap-assembly-caption [data-assembly-index]) { color: var(--ip-ink); } #iclust-fluid-study .sv-layout-engineering .sv-presentation :is(.sv-beat-number,.sv-beat-handoff) { color: var(--ip-ink); } #iclust-fluid-study .mc-service-sequence>li.is-complete .mc-sequence-number { color: #f5eff5; } #iclust-fluid-study .mc-service-number, #iclust-fluid-study .sg-steps>li.sv-step-passed .sg-step:not([open]) .sg-step-number { color: var(--ip-ink); } #iclust-fluid-study .mc-service-sequence>li:after { background: var(--brand-magenta); } #iclust-fluid-study .mc-ai-stage .ip-core b { color: #f5eff5; } #iclust-fluid-study .mc-ai-stage, #iclust-fluid-study[data-theme="dark"] .mc-ai-stage { background: radial-gradient(ellipse at 72% 48%,#d30a8112,transparent 62%),#211c28; } #iclust-fluid-study .mc-ai-stage .ip-link-active { stroke: var(--brand-magenta); } #iclust-fluid-study .mc-ai-stage .ip-core, #iclust-fluid-study .mc-ai-stage .ip-node.is-lit, #iclust-fluid-study[data-theme="dark"] .mc-ai-stage .ip-node.is-lit { border-color: var(--brand-magenta); } #iclust-fluid-study .mc-ai-stage .ip-core-ring { border-color: color-mix(in srgb,var(--brand-magenta) 45%,transparent); } #iclust-fluid-study[data-page="about"] .editorial-hero em { color: var(--brand-magenta); } #iclust-fluid-study .ip-contact-form input[type="checkbox"] { accent-color: var(--brand-magenta); } #iclust-fluid-study .ip-primary, #iclust-fluid-study[data-theme="dark"] .ip-primary { color: #fff; } #iclust-fluid-study .ip-contact-form .ip-primary { background: var(--brand-magenta); color: #fff; } #iclust-fluid-study .ip-contact-form .ip-primary:not(:disabled):hover, #iclust-fluid-study[data-theme="dark"] .ip-primary:not(:disabled):hover { background: color-mix(in srgb,var(--brand-magenta) 85%,#290719); } #iclust-fluid-study .ip-contact-form .ip-primary>span { background: #ffffff20; } #iclust-fluid-study .mc-head-accent, #iclust-fluid-study .ip-service-statement { color: var(--brand-magenta); } /* Visible illustrative labels also need readable ink under their group opacity. */ #iclust-fluid-study .sv-decision-lens>text.sv-lens-detail { fill: #fff; } #iclust-fluid-study .sv-source-sheet~.sv-micro { fill: #312037; } #iclust-fluid-study .sv-boundary-label { display: none; } #iclust-fluid-study .it-stage{--it-ink:#302735;--it-muted:#716477;--it-card-front:#fff;--it-card-back:#e0dbe4;--it-lens-front:#faf7fa;--it-lens-back:#d6c8d8;--it-edge:#9e87aa;--it-shadow:#58465d;position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;width:100%;max-width:660px;height:clamp(320px,37vw,480px);margin:auto;color:var(--it-ink);isolation:isolate;container-type:inline-size} #iclust-fluid-study[data-theme=dark] .it-stage{--it-ink:#f2edf5;--it-muted:#b9acc4;--it-card-front:#403346;--it-card-back:#251e2d;--it-lens-front:#46314b;--it-lens-back:#211a2a;--it-edge:#a18ba9;--it-shadow:#030107} #iclust-fluid-study .it-workspace{display:block;width:100%;height:100%;min-height:0;overflow:visible;font-family:inherit} #iclust-fluid-study .it-workspace text{font-family:inherit;fill:var(--it-ink);letter-spacing:-.02em} #iclust-fluid-study .it-workspace .it-label{font-size:20px;font-weight:520} #iclust-fluid-study .it-material-front{stop-color:var(--it-card-front)} #iclust-fluid-study .it-material-back{stop-color:var(--it-card-back)} #iclust-fluid-study .it-lens-front{stop-color:var(--it-lens-front)} #iclust-fluid-study .it-lens-back{stop-color:var(--it-lens-back)} #iclust-fluid-study .it-shadow{flood-color:var(--it-shadow)} #iclust-fluid-study .it-grid{fill:var(--it-edge);fill-opacity:.16;stroke:var(--it-edge);stroke-opacity:.065;stroke-width:.8} #iclust-fluid-study .it-flow-base{stroke:var(--it-edge);stroke-opacity:.23;stroke-width:2} #iclust-fluid-study .it-flow-active{stroke:#d30a81;stroke-width:2.3;stroke-linecap:round} #iclust-fluid-study .it-card{fill:url(#it-card-material);stroke:var(--it-edge);stroke-opacity:.47;stroke-width:1} #iclust-fluid-study .it-source-card{stroke-opacity:.35} #iclust-fluid-study .it-card-edge{fill:none;stroke:#fff;stroke-opacity:.7;stroke-width:1;stroke-linecap:round} #iclust-fluid-study .it-fragment-bar{fill:#d30a81} #iclust-fluid-study .it-fragment-etch{fill:none;stroke:var(--it-muted);stroke-width:1.1;stroke-opacity:.35} #iclust-fluid-study .it-permission-line{fill:none;stroke:var(--it-edge);stroke-opacity:.48;stroke-width:1;stroke-dasharray:3 6} #iclust-fluid-study .it-boundary-bracket{fill:none;stroke:#d30a81;stroke-width:1.5;stroke-opacity:.65} #iclust-fluid-study .it-access-pill{fill:var(--it-card-front);fill-opacity:.95;stroke:var(--it-edge);stroke-opacity:.45;stroke-width:1} #iclust-fluid-study .it-permission .it-label{font-size:17px;font-weight:550} #iclust-fluid-study .it-lock{fill:none;stroke:var(--it-ink);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round} #iclust-fluid-study .it-lens-extrusion{fill:#870653;fill-opacity:.34} #iclust-fluid-study .it-lens-rim{stroke-linejoin:round} #iclust-fluid-study .it-lens-edge{fill:none;stroke:#fff;stroke-opacity:.46;stroke-width:1} #iclust-fluid-study .it-lens-reflection{fill:none;stroke:#fff;stroke-opacity:.8;stroke-width:1.6;stroke-linecap:round} #iclust-fluid-study .it-lens-detail{fill:none;stroke:var(--it-edge);stroke-opacity:.18;stroke-width:.8} #iclust-fluid-study .it-workspace .it-ai-mark{font-size:43px;font-weight:560;letter-spacing:-.07em} #iclust-fluid-study .it-workspace .it-lens-label{font-size:16px;font-weight:450;fill:var(--it-muted)} #iclust-fluid-study .it-workspace .it-micro{font-size:9px;font-weight:600;fill:var(--it-muted);letter-spacing:.085em} #iclust-fluid-study .it-workspace .it-response-title{font-size:23px;font-weight:500;letter-spacing:-.045em} #iclust-fluid-study .it-source-pill{fill:#d30a810b;stroke:#d30a81;stroke-opacity:.28;stroke-width:1} #iclust-fluid-study .it-workspace .it-source-label{font-size:18px;font-weight:500} #iclust-fluid-study .it-source-links{fill:none;stroke:var(--it-muted);stroke-width:1.4;stroke-linecap:round} #iclust-fluid-study .it-review-symbol{fill:none;stroke:var(--it-muted);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round} #iclust-fluid-study .it-action-icon{fill:none;stroke:#d30a81;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} #iclust-fluid-study .it-workspace .it-action-label{font-size:18px;font-weight:520} #iclust-fluid-study .it-feedback-base{fill:none;stroke:var(--it-edge);stroke-width:1;stroke-opacity:.22} #iclust-fluid-study .it-feedback-path{fill:none;stroke:#d30a81;stroke-width:1.5;stroke-linecap:round} #iclust-fluid-study .it-feedback-arrow{fill:none;stroke:#d30a81;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round} #iclust-fluid-study .it-workspace .it-feedback-label{font-size:18px;font-weight:500;fill:#c4b9cc} #iclust-fluid-study .it-scope-brief{opacity:0} #iclust-fluid-study .it-workspace .it-scope-title{font-size:24px;font-weight:520;letter-spacing:-.04em} #iclust-fluid-study .it-brief-line{fill:none;stroke:var(--it-edge);stroke-opacity:.4;stroke-width:3;stroke-linecap:round} #iclust-fluid-study .it-stage-caption{display:flex;align-items:center;justify-content:center;gap:13px;min-height:24px;font-size:11px;line-height:1.4;letter-spacing:-.01em;color:#c4b9cc;text-align:center} #iclust-fluid-study .it-caption-index{font-size:9px;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#eee7f2} #iclust-fluid-study .it-review>.it-micro{fill:#c4b9cc} #iclust-fluid-study .it-accessible-process{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} #iclust-fluid-study[data-theme=dark] .it-card-edge{stroke-opacity:.24} #iclust-fluid-study[data-theme=dark] .it-lens-reflection{stroke-opacity:.5} @media(max-width:580px){ #iclust-fluid-study .it-stage{height:230px;max-width:350px;grid-template-rows:minmax(0,1fr)} #iclust-fluid-study .it-stage-caption{display:none} #iclust-fluid-study .it-workspace .it-micro,#iclust-fluid-study .it-fragment-etch,#iclust-fluid-study .it-source-links{display:none} #iclust-fluid-study .it-workspace .it-label,#iclust-fluid-study .it-permission .it-label,#iclust-fluid-study .it-workspace .it-source-label,#iclust-fluid-study .it-workspace .it-action-label,#iclust-fluid-study .it-workspace .it-feedback-label{font-size:22px} #iclust-fluid-study .it-workspace .it-lens-label{font-size:20px} #iclust-fluid-study .it-workspace .it-response-title{font-size:24px} #iclust-fluid-study .it-workspace .it-scope-title{font-size:25px} #iclust-fluid-study .it-permission .it-label{transform:translateX(-2px)} } @media(max-width:360px){#iclust-fluid-study .it-stage{height:220px}} #iclust-fluid-study .seo-related { display: grid; gap: 4px; min-width: 0; } #iclust-fluid-study .seo-related>a { display: flex; gap: 25px; align-items: center; justify-content: space-between; min-height: 44px; padding-block: 8px; border-bottom: 1px solid var(--ip-line); font-size: 13px; line-height: 1.45; } #iclust-fluid-study .seo-related>a>span { color: var(--brand-magenta); flex: none; } /* Editorial pages favour comfortable reading over pinned presentation. */ #iclust-fluid-study .ip-nav-links .ip-nav-insights[aria-current=page] { border-bottom:1px solid var(--ip-magenta); } #iclust-fluid-study :is(.in-index-hero,.in-article-hero) { padding-top:55px; padding-bottom:47px; } #iclust-fluid-study .in-index-hero h1 { font-size:clamp(50px,6.7vw,94px); line-height:1.02; letter-spacing:-.055em; max-width:1000px; } #iclust-fluid-study .in-index-hero h1 em { font-style:normal; color:var(--ip-magenta); } #iclust-fluid-study .in-index-hero>p:last-of-type { margin-top:30px; max-width:650px; font-size:21px; line-height:1.6; color:var(--ip-muted); } #iclust-fluid-study .in-index-note { display:flex; justify-content:space-between; gap:20px; margin-top:40px; padding-top:22px; border-top:1px solid var(--ip-line); font-size:12px; } #iclust-fluid-study .in-index-note a { min-height:44px; display:flex; align-items:center; gap:25px; } #iclust-fluid-study .in-index-note>span { align-self:center; color:var(--ip-muted); } #iclust-fluid-study .in-index-feature { padding-top:0; padding-bottom:65px; } #iclust-fluid-study .in-photo { margin:0; } #iclust-fluid-study .in-photo img { display:block; width:100%; height:100%; object-fit:cover; } #iclust-fluid-study .in-card-image { display:block; overflow:hidden; background:var(--ip-pink); border-radius:4px; } #iclust-fluid-study .in-card-image .in-photo { aspect-ratio:1.55; } #iclust-fluid-study .in-card-image img { aspect-ratio:1.55; transition:transform .5s cubic-bezier(.2,.7,.3,1); } #iclust-fluid-study .in-card-image:hover img { transform:scale(1.025); } #iclust-fluid-study .in-card-copy { padding-top:22px; } #iclust-fluid-study .in-category { font-size:10px; line-height:1.7; font-weight:600; letter-spacing:.07em; text-transform:uppercase; } #iclust-fluid-study .in-category>span { font-size:10px; font-weight:400; letter-spacing:0; text-transform:none; margin-left:14px; color:var(--ip-muted); } #iclust-fluid-study .in-card h3 { font-size:clamp(23px,2.3vw,33px); line-height:1.18; letter-spacing:-.035em; margin-top:13px; } #iclust-fluid-study .in-card h3 a:hover,#iclust-fluid-study .in-featured h2 a:hover { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px; } #iclust-fluid-study .in-card-copy>p:not(.in-category) { margin-top:15px; font-size:14px; line-height:1.75; color:var(--ip-muted); } #iclust-fluid-study .in-read { display:flex; align-items:center; gap:20px; width:fit-content; min-height:44px; margin-top:13px; font-size:12px; } #iclust-fluid-study .in-read>span { color:var(--ip-magenta); font-size:17px; } #iclust-fluid-study .in-featured { display:grid; grid-template-columns:1.12fr 1fr; gap:0; overflow:hidden; border-radius:5px; background:#25212a; color:#f3eff5; } #iclust-fluid-study .in-featured .in-card-image { border-radius:0; } #iclust-fluid-study .in-featured .in-photo { height:100%; min-height:400px; } #iclust-fluid-study .in-featured .in-card-copy { padding:clamp(30px,4vw,64px); align-self:center; } #iclust-fluid-study .in-featured h2 { font-size:clamp(32px,3.5vw,50px); line-height:1.1; letter-spacing:-.045em; margin-top:22px; } #iclust-fluid-study .in-featured .in-card-copy>p:not(.in-category),#iclust-fluid-study .in-featured .in-category>span { color:#ccc2d0; } #iclust-fluid-study .in-featured .in-read { margin-top:25px; } #iclust-fluid-study .in-collection { border-top:1px solid var(--ip-line); padding-top:60px; } #iclust-fluid-study .in-section-heading { display:flex; align-items:end; justify-content:space-between; gap:35px; margin-bottom:36px; } #iclust-fluid-study .in-section-heading h2 { font-size:clamp(32px,3.8vw,51px); line-height:1.12; max-width:650px; letter-spacing:-.045em; } #iclust-fluid-study .in-section-heading>p { max-width:310px; font-size:14px; line-height:1.7; color:var(--ip-muted); } #iclust-fluid-study .in-section-heading .ip-text-link { flex-shrink:0; min-height:44px; margin:0; } #iclust-fluid-study .in-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:52px 30px; } #iclust-fluid-study .in-editorial-note { display:grid; grid-template-columns:.85fr 1.2fr; gap:55px; } #iclust-fluid-study .in-editorial-top.ip-section { --ip-ink:#121216; --ip-muted:#5d5662; --ip-line:#cdc6ce; background:#eeece8; color:#121216; padding-block:58px 44px; } #iclust-fluid-study .in-note-mark { display:inline-block; color:#121216; font-family:Georgia,'Times New Roman',serif; font-weight:700; font-size:clamp(62px,7.1vw,108px); line-height:1; letter-spacing:-.06em; white-space:nowrap; } #iclust-fluid-study .in-note-mark>span { color:#d30a81; } #iclust-fluid-study .in-editorial-top h1 { font-size:clamp(31px,3.7vw,50px); line-height:1.12; letter-spacing:-.045em; max-width:750px; } #iclust-fluid-study .in-editorial-top p.in-note-caption { font-size:10px; letter-spacing:.13em; text-transform:uppercase; margin-top:18px; } #iclust-fluid-study .in-editorial-note p { max-width:650px; font-size:16px; line-height:1.8; color:var(--ip-muted); margin-top:20px; } #iclust-fluid-study .in-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; font-size:11px; margin-bottom:32px; color:var(--ip-muted); } #iclust-fluid-study .in-breadcrumb a { text-decoration:underline; text-underline-offset:3px; } #iclust-fluid-study .in-article-hero h1 { margin-top:22px; max-width:1020px; font-size:clamp(41px,5vw,72px); line-height:1.08; letter-spacing:-.045em; } #iclust-fluid-study .in-standfirst { max-width:780px; margin-top:27px; font-size:clamp(18px,1.8vw,23px); line-height:1.65; color:var(--ip-muted); } #iclust-fluid-study .in-byline { display:flex; align-items:center; flex-wrap:wrap; gap:13px; margin-top:28px; font-size:12px; } #iclust-fluid-study .in-byline>a { text-decoration:underline; text-underline-offset:4px; } #iclust-fluid-study .in-article-type { padding:6px 10px; border:1px solid var(--ip-line); border-radius:20px; color:var(--ip-muted); margin-left:5px; } #iclust-fluid-study .in-cover { padding-top:0; padding-bottom:45px; } #iclust-fluid-study .in-cover .in-photo>img { aspect-ratio:2.25; height:auto; max-height:600px; border-radius:4px; } #iclust-fluid-study .in-photo figcaption { margin-top:11px; font-size:10px; line-height:1.6; color:var(--ip-muted); } #iclust-fluid-study .in-photo figcaption a { text-decoration:underline; text-underline-offset:3px; } #iclust-fluid-study .in-reading-layout { display:grid; grid-template-columns:230px minmax(0,760px); gap:clamp(40px,7vw,120px); justify-content:center; padding-top:25px; padding-bottom:65px; } #iclust-fluid-study .in-contents nav { position:sticky; top:110px; display:grid; gap:4px; } #iclust-fluid-study .in-contents .ip-kicker { margin-bottom:15px; } #iclust-fluid-study .in-contents a { display:flex; align-items:center; min-height:44px; padding-block:7px; border-bottom:1px solid var(--ip-line); color:var(--ip-muted); font-size:12px; line-height:1.55; } #iclust-fluid-study .in-contents a:hover { color:var(--ip-ink); } #iclust-fluid-study .in-prose { min-width:0; font-size:17px; line-height:1.85; } #iclust-fluid-study .in-prose p { margin-bottom:22px; } #iclust-fluid-study .in-prose .in-intro { font-size:20px; line-height:1.75; } #iclust-fluid-study .in-prose h2 { font-size:clamp(27px,3vw,36px); line-height:1.18; letter-spacing:-.035em; margin:45px 0 22px; } #iclust-fluid-study .in-prose section { scroll-margin-top:110px; } #iclust-fluid-study .in-prose ul { padding-left:22px; margin:5px 0 25px; } #iclust-fluid-study .in-prose li { padding-left:7px; margin-bottom:10px; } #iclust-fluid-study .in-prose sup { font-size:10px; vertical-align:super; line-height:0; margin-left:2px; } #iclust-fluid-study .in-prose sup a { text-decoration:underline; text-underline-offset:2px; } #iclust-fluid-study .in-callout { border-left:3px solid var(--ip-magenta); padding:17px 25px; margin:32px 0; background:var(--ip-pink); } #iclust-fluid-study .in-callout p { margin:0; font-size:19px; line-height:1.65; } #iclust-fluid-study .in-takeaway { background:#25212a; color:#f3eff5; padding:30px; margin-top:40px; border-radius:4px; } #iclust-fluid-study .in-takeaway .ip-kicker { color:#ccc2d0; font-size:10px; } #iclust-fluid-study .in-takeaway>p:last-child { font-size:21px; line-height:1.6; margin:16px 0 0; } #iclust-fluid-study .in-prose .in-sources { margin-top:45px; border-top:1px solid var(--ip-line); } #iclust-fluid-study .in-sources>p { font-size:13px; line-height:1.7; color:var(--ip-muted); } #iclust-fluid-study .in-sources ol { padding-left:20px; } #iclust-fluid-study .in-sources li { scroll-margin-top:105px; font-size:13px; margin-bottom:22px; } #iclust-fluid-study .in-sources li>a { text-decoration:underline; text-underline-offset:4px; font-weight:600; } #iclust-fluid-study .in-sources li>p { font-size:12px; line-height:1.75; margin:7px 0 0; color:var(--ip-muted); } #iclust-fluid-study .in-connected { display:grid; grid-template-columns:1fr 1fr; gap:60px; border-block:1px solid var(--ip-line); background:var(--ip-pink); padding-block:60px; } #iclust-fluid-study .in-connected h2 { font-size:clamp(32px,4vw,52px); line-height:1.1; letter-spacing:-.045em; } #iclust-fluid-study .in-expertise-links { align-self:center; } #iclust-fluid-study .in-expertise-links>a { display:flex; justify-content:space-between; align-items:center; gap:25px; min-height:65px; border-bottom:1px solid var(--ip-line); font-size:18px; line-height:1.4; } #iclust-fluid-study .in-expertise-links>a>span:last-child { color:var(--ip-magenta); } #iclust-fluid-study .in-related .in-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } #iclust-fluid-study .in-latest { border-top:1px solid var(--ip-line); } @media(max-width:1000px) { #iclust-fluid-study .in-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 25px; } #iclust-fluid-study .in-featured { grid-template-columns:1fr 1fr; } #iclust-fluid-study .in-featured .in-photo { min-height:360px; } #iclust-fluid-study .in-featured .in-card-copy { padding:28px; } #iclust-fluid-study .in-reading-layout { grid-template-columns:1fr; max-width:850px; margin:auto; gap:35px; } #iclust-fluid-study .in-contents nav { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 25px; } #iclust-fluid-study .in-contents .ip-kicker { grid-column:1/-1; margin-bottom:3px; } #iclust-fluid-study .in-section-heading { align-items:start; } } @media(max-width:580px) { #iclust-fluid-study :is(.in-index-hero,.in-article-hero).ip-section { padding-top:30px; padding-bottom:28px; } #iclust-fluid-study .in-index-hero h1 { font-size:44px; } #iclust-fluid-study .in-index-hero>p:last-of-type { font-size:17px; margin-top:24px; } #iclust-fluid-study .in-index-note { margin-top:26px; padding-top:13px; font-size:11px; } #iclust-fluid-study .in-index-feature.ip-section { padding-top:0; padding-bottom:35px; } #iclust-fluid-study .in-featured { grid-template-columns:1fr; } #iclust-fluid-study .in-featured .in-photo { min-height:0; height:auto; } #iclust-fluid-study .in-featured .in-photo img { aspect-ratio:1.55; } #iclust-fluid-study .in-featured .in-card-copy { padding:25px; } #iclust-fluid-study .in-featured h2 { font-size:32px; margin-top:17px; } #iclust-fluid-study .in-featured .in-read { margin-top:15px; } #iclust-fluid-study .in-card-grid,#iclust-fluid-study .in-related .in-card-grid { grid-template-columns:1fr; gap:33px; } #iclust-fluid-study .in-card h3 { font-size:26px; } #iclust-fluid-study .in-card-copy { padding-top:18px; } #iclust-fluid-study .in-card-copy>p:not(.in-category) { margin-top:12px; } #iclust-fluid-study .in-section-heading { flex-direction:column; gap:16px; margin-bottom:25px; } #iclust-fluid-study .in-section-heading h2 { font-size:32px; } #iclust-fluid-study .in-section-heading>p { font-size:14px; max-width:100%; } #iclust-fluid-study .in-collection { padding-top:35px; } #iclust-fluid-study .in-editorial-note { grid-template-columns:1fr; gap:28px; } #iclust-fluid-study .in-editorial-top.ip-section { padding-block:30px; } #iclust-fluid-study .in-note-mark { font-size:66px; } #iclust-fluid-study .in-editorial-top h1 { font-size:32px; } #iclust-fluid-study .in-editorial-note p { font-size:14px; margin-top:15px; } #iclust-fluid-study .in-breadcrumb { font-size:10px; gap:8px; margin-bottom:25px; } #iclust-fluid-study .in-article-hero h1 { font-size:37px; margin-top:15px; } #iclust-fluid-study .in-standfirst { font-size:18px; line-height:1.65; margin-top:22px; } #iclust-fluid-study .in-byline { gap:11px; margin-top:22px; } #iclust-fluid-study .in-cover.ip-section { padding-top:0; padding-bottom:25px; } #iclust-fluid-study .in-cover .in-photo>img { aspect-ratio:1.45; } #iclust-fluid-study .in-reading-layout.ip-section { padding-top:10px; padding-bottom:35px; gap:32px; } #iclust-fluid-study .in-contents nav { grid-template-columns:1fr; } #iclust-fluid-study .in-prose { font-size:16px; line-height:1.85; } #iclust-fluid-study .in-prose .in-intro { font-size:18px; } #iclust-fluid-study .in-prose h2 { font-size:27px; margin-top:33px; } #iclust-fluid-study .in-prose p { margin-bottom:19px; } #iclust-fluid-study .in-callout { padding:16px 20px; margin-block:25px; } #iclust-fluid-study .in-callout p { font-size:18px; } #iclust-fluid-study .in-takeaway { padding:23px; margin-top:30px; } #iclust-fluid-study .in-takeaway>p:last-child { font-size:20px; } #iclust-fluid-study .in-connected { grid-template-columns:1fr; gap:25px; padding-block:35px; } #iclust-fluid-study .in-expertise-links>a { font-size:17px; } } @media(prefers-reduced-motion:reduce) { #iclust-fluid-study .in-card-image img { transition:none; } } #iclust-fluid-study.mc-reduced .in-card-image img { transition:none; transform:none; } /* Mobile/tablet rhythm. Colour and content remain owned by the shared brand rules. */ @media (max-width:1000px) { #iclust-fluid-study .ip-logo-button { display:flex; align-items:center; min-height:44px; } #iclust-fluid-study .mc-theme-select { height:44px; } #iclust-fluid-study .ip-contact-form input:not([type="checkbox"]), #iclust-fluid-study .ip-contact-form textarea, #iclust-fluid-study .ip-contact-form .ip-send { min-height:44px; } #iclust-fluid-study .ip-menu-services>a { min-height:48px; } #iclust-fluid-study main :is(.ip-section,.ip-service-hero) { min-width:0; } #iclust-fluid-study :is(.ip-capability,.sg-tech-group,.sg-step-heading,.sg-step-work,.sg-step-decision,.sg-deliverables>article,.sg-engagement-details>div,.seo-related) { min-width:0; } #iclust-fluid-study .sg-tech-group :is(h3,p), #iclust-fluid-study .sg-step-output { overflow-wrap:break-word; } #iclust-fluid-study .seo-related { display:grid; gap:0; } #iclust-fluid-study .seo-related a { min-height:44px; display:flex; align-items:center; line-height:1.5; } } /* At tablet widths, two intentional columns replace narrow desktop fragments. */ @media (min-width:581px) and (max-width:1000px) { #iclust-fluid-study .ip-section { padding-block:52px; } #iclust-fluid-study .ip-service-page .ip-service-intro { padding-block:44px; grid-template-columns:.85fr 1.15fr; gap:7%; } #iclust-fluid-study .ip-service-page .ip-capability-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 7%; } #iclust-fluid-study .ip-service-page .sg-context { grid-template-columns:1fr 1fr; gap:30px 7%; padding-top:36px; } #iclust-fluid-study .ip-service-page .sg-context h2 { font-size:clamp(32px,4.6vw,43px); } #iclust-fluid-study .ip-service-page .sg-principle { padding:25px 28px; } #iclust-fluid-study .ip-service-page .sg-principle>p:last-child { font-size:23px; } #iclust-fluid-study .ip-service-page .sg-process { display:block; } #iclust-fluid-study .ip-service-page .sg-section-intro { display:grid; position:static; grid-template-columns:1.1fr 1fr; gap:10px 7%; margin-bottom:30px; } #iclust-fluid-study .ip-service-page .sg-section-intro>.ip-kicker { grid-column:1/-1; margin-bottom:12px; } #iclust-fluid-study .ip-service-page .sg-section-intro>p:not(.ip-kicker) { margin-top:0; max-width:none; } #iclust-fluid-study .ip-service-page .sg-reading-note { grid-column:2; margin-top:5px; } #iclust-fluid-study .ip-service-page .sg-section-heading { grid-template-columns:1.1fr 1fr; gap:7%; margin-bottom:32px; } #iclust-fluid-study .ip-service-page .sg-technology-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 6%; margin-left:0; } #iclust-fluid-study .ip-service-page .sg-tech-group { display:flex; padding-block:22px 0; } #iclust-fluid-study .ip-service-page .sg-tech-group:last-child:nth-child(odd) { grid-column:1/-1; max-width:none; margin-left:0; } #iclust-fluid-study .ip-service-page .sg-tech-group h3 { max-width:none; font-size:24px; } #iclust-fluid-study .ip-service-page .sg-tech-group>p { margin-top:17px; } #iclust-fluid-study .ip-service-page .sg-tools { margin-top:20px; padding-bottom:22px; } #iclust-fluid-study .ip-service-page .sg-tools>a { min-height:44px; } #iclust-fluid-study .ip-service-page .sg-tech-judgment { padding-top:19px; border-top:1px solid var(--ip-line); } #iclust-fluid-study .ip-service-page .sg-deliverables { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 7%; } #iclust-fluid-study .ip-service-page .sg-engagement-details { margin-left:0; gap:7%; padding-top:5px; } #iclust-fluid-study .ip-service-page .sv-presentation { padding-block:48px; } #iclust-fluid-study .ip-service-page .sv-presentation h2 { font-size:clamp(36px,5.4vw,48px); } #iclust-fluid-study .ip-service-page .sv-beats { margin-top:32px; } #iclust-fluid-study .editorial-grid { gap:32px 7%; } #iclust-fluid-study .editorial-grid p { font-size:16px; line-height:1.7; margin-bottom:18px; } #iclust-fluid-study .editorial-lead { margin-top:26px; } #iclust-fluid-study .legal-page { padding-block:46px; } #iclust-fluid-study .legal-page h2 { margin-top:32px; } #iclust-fluid-study .site-footer { padding-top:30px; padding-bottom:24px; gap:24px; } } @media (max-width:580px) { #iclust-fluid-study .ip-nav { height:68px; padding-inline:5.5%; } #iclust-fluid-study .ip-nav-links { gap:9px; } #iclust-fluid-study .ip-logo-button { padding-block:0; } #iclust-fluid-study .mc-theme-select { height:44px; width:59px; padding-inline:6px; } #iclust-fluid-study .ip-nav-links>a, #iclust-fluid-study .ip-expertise-toggle { min-height:44px; } #iclust-fluid-study .ip-mega { top:68px; max-height:calc(100svh - 68px); padding-block:16px 20px; } #iclust-fluid-study .ip-mega-intro h2 { font-size:27px; } #iclust-fluid-study .ip-menu-services>a { font-size:13px; line-height:1.45; padding-block:11px; } #iclust-fluid-study :is(.mc-track,.ip-section,#service-context,#delivery-process,#technology-choices,#your-deliverables) { scroll-margin-top:84px; } #iclust-fluid-study .ip-section { padding-block:40px; } #iclust-fluid-study .ip-section-heading { gap:20px; margin-bottom:26px; } #iclust-fluid-study .ip-section-heading h2 { font-size:33px; } #iclust-fluid-study .ip-section-heading>p { font-size:13px; line-height:1.65; } #iclust-fluid-study .ip-service-row { padding-block:21px; grid-template-columns:20px minmax(0,1fr) 44px; gap:10px; } #iclust-fluid-study .ip-service-copy h3 { font-size:22px; line-height:1.2; } #iclust-fluid-study .ip-service-copy p { margin-top:10px; line-height:1.65; } #iclust-fluid-study .ip-service-arrow { min-width:44px; width:44px; height:44px; } /* Portrait keeps the story and its artwork. Less travel reaches each chapter sooner. */ #iclust-fluid-study.mc-enhanced:not(.mc-reduced) .mc-stage { top:68px; height:calc(100svh - 68px); min-height:0; max-height:none; padding-block:20px 15px; } #iclust-fluid-study.mc-enhanced:not(.mc-reduced) .mc-home-track { height:360svh; } #iclust-fluid-study.mc-enhanced:not(.mc-reduced) .mc-approach-track { height:280svh; } #iclust-fluid-study.mc-enhanced:not(.mc-reduced) .ip-service-page .mc-service-track { height:255svh; } #iclust-fluid-study .mc-home-copy .mc-flow-heading { font-size:clamp(28px,8.1vw,34px); } #iclust-fluid-study .mc-home-track .mc-panel .ip-tagline { margin-bottom:18px; font-size:11px; } #iclust-fluid-study .mc-home-track .mc-panel .mc-body { margin-top:18px; line-height:1.65; } #iclust-fluid-study .mc-home-track .mc-panel .ip-primary { margin-top:22px; } #iclust-fluid-study.mc-enhanced:not(.mc-reduced) .mc-home-track .mc-art { width:46%; height:235px; margin-left:0; } #iclust-fluid-study .mc-story-footer { min-height:49px; padding-top:8px; } #iclust-fluid-study .mc-tabs button { min-height:44px; padding-inline:7px; } #iclust-fluid-study .mc-home-tabs button { font-size:9px; } #iclust-fluid-study .mc-service-identity { min-height:40px; padding-bottom:10px; } #iclust-fluid-study .mc-service-track .mc-composition { gap:8px; } #iclust-fluid-study .mc-service-track .mc-panel .mc-body { margin-top:12px; } #iclust-fluid-study .mc-service-track .mc-panel .mc-detail { margin-top:9px; } #iclust-fluid-study .mc-service-track .mc-story-footer { min-height:46px; padding-top:6px; } #iclust-fluid-study .mc-service-sequence { margin-top:10px; } #iclust-fluid-study .mc-service-caption>p.mc-service-bridge { margin-top:5px; } #iclust-fluid-study .mc-approach-copy .mc-body { margin-top:17px; } #iclust-fluid-study .mc-approach-copy .mc-detail { margin-top:16px; } #iclust-fluid-study .ip-service-page .ip-service-hero { padding-block:23px 25px; } #iclust-fluid-study .ip-service-hero .ip-breadcrumb { margin-bottom:17px; } #iclust-fluid-study .ip-service-eyebrow { margin-bottom:15px; } #iclust-fluid-study .ip-service-page .ip-service-hero h1 { font-size:clamp(32px,8.6vw,42px); line-height:1.06; } #iclust-fluid-study .ip-service-statement { margin-top:17px; font-size:23px; line-height:1.28; } #iclust-fluid-study .ip-service-summary { margin-top:13px; font-size:14px; line-height:1.65; } #iclust-fluid-study .sg-jumpnav { margin-top:20px; padding-top:11px; gap:0 18px; } #iclust-fluid-study .sg-jumpnav>span { margin-bottom:3px; } #iclust-fluid-study .sg-jumpnav a { min-height:44px; font-size:10px; } #iclust-fluid-study .ip-service-page .ip-service-intro { padding-block:36px; gap:22px; } #iclust-fluid-study .ip-service-intro h2 { font-size:29px; } #iclust-fluid-study .ip-service-lead { font-size:15px; line-height:1.7; } #iclust-fluid-study .ip-service-page :is(.sg-context,.sg-process,.sg-technology,.ip-service-outcome,.sg-engagement,.sg-questions) { padding-block:38px; } #iclust-fluid-study .ip-service-page .ip-capabilities { padding-block:30px 38px; } #iclust-fluid-study .ip-service-page :is(.sg-context,.sg-process,.sg-technology,.sg-engagement,.sg-questions) h2 { font-size:31px; line-height:1.13; } #iclust-fluid-study .ip-service-page :is(.sg-context,.sg-process,.sg-questions) { gap:26px; } #iclust-fluid-study .ip-service-page .sg-context-answer { margin-top:24px; } #iclust-fluid-study .ip-service-page .sg-context-answer>p { font-size:15px; line-height:1.7; } #iclust-fluid-study .sg-context ul { margin-top:20px; gap:11px; } #iclust-fluid-study .ip-service-page .sg-principle { margin-top:25px; padding:23px 21px; } #iclust-fluid-study .sg-principle .ip-kicker { margin-bottom:11px; } #iclust-fluid-study .ip-service-page .sg-principle>p:last-child { font-size:20px; line-height:1.55; } #iclust-fluid-study .ip-service-page .ip-capability-grid { gap:26px; } #iclust-fluid-study .ip-capability h3 { margin-top:15px; font-size:23px; } #iclust-fluid-study .ip-capability p { margin-top:12px; font-size:14px; line-height:1.7; } #iclust-fluid-study .ip-service-page :is(.sg-section-heading,.sg-section-intro) { margin-bottom:26px; } #iclust-fluid-study .ip-service-page .sg-section-heading { gap:20px; } #iclust-fluid-study .ip-service-page .sg-section-intro>p:not(.ip-kicker) { margin-top:18px; font-size:14px; line-height:1.75; } #iclust-fluid-study .ip-service-page .sg-reading-note { margin-top:20px; } #iclust-fluid-study .sg-step summary { padding-block:23px; min-height:0; } #iclust-fluid-study .sg-step-number { top:22px; } #iclust-fluid-study .sg-step-title { font-size:22px; line-height:1.25; } #iclust-fluid-study .sg-step-output { margin-top:11px; font-size:11px; line-height:1.65; } #iclust-fluid-study .sg-expand { top:26px; } #iclust-fluid-study .sg-step-content { padding-bottom:25px; grid-template-columns:1fr; gap:20px; } #iclust-fluid-study .sg-step-content>p { line-height:1.75; } #iclust-fluid-study .sg-step-work li,#iclust-fluid-study .sg-step-decision>p:last-child { font-size:12px; line-height:1.7; } #iclust-fluid-study .ip-service-page .sg-technology-grid { gap:28px; } #iclust-fluid-study .ip-service-page .sg-tech-group { padding-top:21px; } #iclust-fluid-study .sg-tech-index { margin-bottom:19px; } #iclust-fluid-study .ip-service-page .sg-tech-group h3 { font-size:23px; } #iclust-fluid-study .sg-tech-group>p { margin-top:16px; font-size:14px; line-height:1.7; } #iclust-fluid-study .sg-tools { gap:7px; margin-top:18px; padding-bottom:20px; } #iclust-fluid-study .sg-tech-judgment { padding-top:18px; } #iclust-fluid-study .sg-technology-note { margin-top:25px; } #iclust-fluid-study .ip-service-page .ip-service-outcome { row-gap:27px; } #iclust-fluid-study .ip-service-outcome>p { font-size:21px; line-height:1.5; } #iclust-fluid-study .ip-service-page .sg-deliverables { gap:27px; } #iclust-fluid-study .sg-deliverables h3 { font-size:23px; margin-top:17px; } #iclust-fluid-study .sg-deliverables p { margin-top:13px; font-size:14px; line-height:1.7; } #iclust-fluid-study .sg-engagement-details { gap:23px; } #iclust-fluid-study .sg-engagement-details h3 { margin-bottom:14px; } #iclust-fluid-study .sg-question-list summary { padding-block:23px; line-height:1.5; } #iclust-fluid-study .sg-question-list .sg-expand { top:25px; } #iclust-fluid-study .sg-question-list details>p { padding-bottom:24px; line-height:1.75; } #iclust-fluid-study .ip-service-page .sv-presentation { padding-block:37px; } #iclust-fluid-study .ip-service-page .sv-presentation .ip-kicker { margin-bottom:16px; } #iclust-fluid-study .ip-service-page .sv-presentation h2 { font-size:clamp(29px,8.2vw,37px); } #iclust-fluid-study .ip-service-page .sv-presentation-link { margin-top:16px; } #iclust-fluid-study .ip-service-page .sv-beats { margin-top:26px; } #iclust-fluid-study .ip-service-page .sv-beat-body { margin-top:18px; } #iclust-fluid-study .ip-service-page .sv-beat-output { margin-top:12px; } #iclust-fluid-study .sv-layout-strategy .sv-beat-body,#iclust-fluid-study .sv-layout-engineering .sv-beat-body,#iclust-fluid-study .sv-layout-integration .sv-beat-body { margin-top:0; } #iclust-fluid-study .mc-next { padding-block:30px; gap:20px; } #iclust-fluid-study .mc-next h2 { font-size:27px; line-height:1.2; } #iclust-fluid-study .mc-next .ip-text-link { margin-top:14px; min-height:44px; } #iclust-fluid-study .seo-related { margin-top:18px; font-size:13px; } #iclust-fluid-study .editorial-hero { padding-block:35px 38px; } #iclust-fluid-study .editorial-hero h1 { font-size:clamp(36px,10vw,46px); line-height:1.08; } #iclust-fluid-study .editorial-lead { font-size:17px; line-height:1.65; margin-top:24px; } #iclust-fluid-study .editorial-grid { gap:23px; padding-block:37px; } #iclust-fluid-study .editorial-grid h2 { font-size:31px; line-height:1.15; } #iclust-fluid-study .editorial-grid p { font-size:15px; line-height:1.75; margin-bottom:18px; } #iclust-fluid-study .legal-page { padding-block:34px; } #iclust-fluid-study .legal-page h1 { font-size:clamp(35px,10vw,44px); line-height:1.1; margin-bottom:24px; } #iclust-fluid-study .legal-page h2 { font-size:24px; line-height:1.2; margin:30px 0 14px; } #iclust-fluid-study .legal-page p { font-size:14px; line-height:1.8; margin-bottom:17px; } #iclust-fluid-study .ip-contact { padding-block:31px; gap:22px; } #iclust-fluid-study .ip-contact h1,#iclust-fluid-study .ip-contact h2 { font-size:49px; } #iclust-fluid-study .ip-contact>div>p:last-child { margin-top:12px; font-size:14px; line-height:1.6; } #iclust-fluid-study .ip-contact-form { margin-top:0; gap:15px 18px; } #iclust-fluid-study .ip-contact-form input:not([type="checkbox"]),#iclust-fluid-study .ip-contact-form textarea { padding-block:11px; } #iclust-fluid-study .ip-contact-form textarea { min-height:94px; } #iclust-fluid-study .ip-contact-form .form-consent { min-height:44px; font-size:11px; line-height:1.6; align-items:start; } #iclust-fluid-study .ip-contact-form .ip-send { min-height:46px; } #iclust-fluid-study .site-footer { padding-block:28px 22px; gap:18px; } #iclust-fluid-study .site-footer nav { gap:0 24px; font-size:12px; } #iclust-fluid-study .site-footer nav a,#iclust-fluid-study .site-footer nav button { min-height:44px; } #iclust-fluid-study .footer-legal { padding-top:17px; font-size:10px; line-height:1.6; } } @media (max-width:360px) { #iclust-fluid-study .ip-nav { padding-inline:4.5%; } #iclust-fluid-study .ip-nav-links { gap:6px; } #iclust-fluid-study .mc-theme-select { width:54px; } #iclust-fluid-study .mc-home-tabs button { font-size:8.5px; padding-inline:3px; } #iclust-fluid-study .mc-home-copy .mc-flow-heading { font-size:28px; } #iclust-fluid-study.mc-enhanced:not(.mc-reduced) .mc-home-track .mc-art { width:44%; height:220px; } #iclust-fluid-study .mc-ai-editorial>h2 { font-size:36px; } #iclust-fluid-study .mc-ai-copy { margin-top:18px; } #iclust-fluid-study .mc-ai-copy h3 { font-size:22px; } #iclust-fluid-study .mc-ai-copy .mc-body { font-size:14px; line-height:1.65; margin-top:14px; } #iclust-fluid-study .ip-contact-form { grid-template-columns:1fr; } #iclust-fluid-study .ip-contact-form :is(label,.ip-form-wide,.ip-form-company,.ip-send) { grid-column:1; } #iclust-fluid-study .sg-step summary { padding-left:44px; padding-right:30px; } #iclust-fluid-study .sg-step-content { padding-left:44px; } #iclust-fluid-study .sg-step-number { width:30px; height:30px; } } /* A short landscape window is a complete static reading layout, not a cropped film. */ @media (max-width:1000px) and (max-height:520px) { #iclust-fluid-study .ip-nav { height:60px; } #iclust-fluid-study .ip-mega { top:60px; max-height:calc(100svh - 60px); } #iclust-fluid-study .ip-section { padding-block:30px; } #iclust-fluid-study.mc-compact-motion .mc-stage { padding-block:27px; height:auto; min-height:0; max-height:none; top:0; } #iclust-fluid-study.mc-compact-motion .mc-home-track .mc-composition { display:flex; flex-direction:column-reverse; gap:18px; } #iclust-fluid-study.mc-compact-motion .mc-home-track .mc-copy { width:100%; } #iclust-fluid-study.mc-compact-motion .mc-home-track .mc-art { position:relative; top:auto!important; width:min(340px,65vw); height:215px; margin:0; align-self:center; } #iclust-fluid-study.mc-compact-motion .mc-panel { padding-block:23px; } #iclust-fluid-study.mc-compact-motion .mc-panel .mc-body { max-width:720px; } #iclust-fluid-study.mc-compact-motion .mc-home-copy .mc-flow-heading { max-width:650px; min-height:0; } #iclust-fluid-study.mc-compact-motion .mc-service-visual { position:relative; top:auto; } #iclust-fluid-study.mc-compact-motion .mc-ap-graphic { height:240px; } #iclust-fluid-study.mc-compact-motion .sg-section-intro { position:static; } #iclust-fluid-study .ip-service-page .ip-service-hero { padding-block:26px; } #iclust-fluid-study .ip-service-page :is(.ip-service-intro,.sg-context,.sg-process,.sg-technology,.ip-service-outcome,.sg-engagement,.sg-questions) { padding-block:30px; } #iclust-fluid-study .ip-service-page .sv-presentation { padding-block:33px; } #iclust-fluid-study .ip-contact { padding-block:28px; } } /* Primary navigation contains destinations. Appearance lives with footer utilities. */ #iclust-fluid-study .ip-nav-links .ip-nav-insights { display:flex; min-height:44px; } #iclust-fluid-study .footer-utilities { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:25px; border-top:1px solid var(--sf-hairline); padding-top:15px; } #iclust-fluid-study .footer-utilities .footer-legal { grid-column:auto; border:0; padding:0; } #iclust-fluid-study .site-appearance { display:flex; align-items:center; gap:12px; flex:none; color:#c6bdcc; } #iclust-fluid-study .site-appearance label { font-size:11px; } #iclust-fluid-study .site-appearance .mc-theme-select { width:66px; height:44px; padding-inline:5px; border:0; border-radius:0; background:transparent; color:#c6bdcc; font-size:11px; } #iclust-fluid-study .site-appearance .mc-theme-select:hover { color:#f5eff5; } #iclust-fluid-study .site-appearance .mc-theme-select option { color:#f5eff5; background:#18151e; } @media(max-width:580px) { #iclust-fluid-study .footer-utilities { flex-direction:column-reverse; align-items:flex-start; gap:12px; padding-top:10px; } } /* A full-height frame avoids moving spare space below the chapter controls. */ #iclust-fluid-study[data-page="home"].mc-enhanced:not(.mc-reduced) .mc-home-track { height:380svh; } #iclust-fluid-study[data-page="home"].mc-enhanced:not(.mc-reduced) .mc-home-copy .mc-flow-heading { font-size:clamp(43px,6.3vw,92px); } #iclust-fluid-study[data-page="home"].mc-enhanced:not(.mc-reduced) .mc-home-copy .mc-body { font-size:18px; line-height:1.75; max-width:380px; } #iclust-fluid-study[data-page="home"].mc-enhanced:not(.mc-reduced) .mc-home-copy .ip-tagline { font-size:13px; margin-bottom:32px; } #iclust-fluid-study[data-page="home"].mc-enhanced:not(.mc-reduced) .mc-home-copy .ip-primary { min-height:52px; margin-top:30px; } /* The camera already fits every morph pose with a safety margin. A small, constant canvas scale uses part of that margin without another motion clock. */ #iclust-fluid-study[data-page="home"].mc-enhanced:not(.mc-reduced) .mc-home-art canvas, #iclust-fluid-study[data-page="home"].mc-enhanced:not(.mc-reduced) .mc-home-art .mc-fallback { transform:scale(1.08); transform-origin:center; } /* Static reading retains all chapters and an uncut illustration. */ #iclust-fluid-study[data-page="home"]:not(.mc-enhanced) .mc-home-track .mc-stage, #iclust-fluid-study[data-page="home"].mc-reduced .mc-home-track .mc-stage { padding-block:24px; } #iclust-fluid-study[data-page="home"]:not(.mc-enhanced) .mc-home-track .mc-panel, #iclust-fluid-study[data-page="home"].mc-reduced .mc-home-track .mc-panel { padding-block:24px; } @media(max-width:580px) { #iclust-fluid-study[data-page="home"].mc-enhanced:not(.mc-reduced) .mc-home-track { height:300svh; } #iclust-fluid-study[data-page="home"].mc-enhanced:not(.mc-reduced) .mc-home-copy .mc-flow-heading { font-size:34px; } #iclust-fluid-study[data-page="home"].mc-enhanced:not(.mc-reduced) .mc-home-copy .mc-body { font-size:17px; line-height:1.7; margin-top:24px; max-width:310px; } #iclust-fluid-study[data-page="home"].mc-enhanced:not(.mc-reduced) .mc-home-copy .ip-tagline { font-size:12px; margin-bottom:24px; } #iclust-fluid-study[data-page="home"].mc-enhanced:not(.mc-reduced) .mc-home-copy .ip-primary { min-height:50px; margin-top:26px; font-size:12px; } #iclust-fluid-study[data-page="home"].mc-enhanced:not(.mc-reduced) .mc-home-art { width:49%; } #iclust-fluid-study[data-page="home"]:not(.mc-enhanced) .mc-home-track .mc-panel, #iclust-fluid-study[data-page="home"].mc-reduced .mc-home-track .mc-panel { padding-block:20px; } #iclust-fluid-study[data-page="home"]:not(.mc-enhanced) .mc-home-art, #iclust-fluid-study[data-page="home"].mc-reduced .mc-home-art { height:220px; } } @media(max-width:360px) { #iclust-fluid-study[data-page="home"].mc-enhanced:not(.mc-reduced) .mc-home-art { width:47%; } #iclust-fluid-study[data-page="home"].mc-enhanced:not(.mc-reduced) .mc-home-copy .mc-flow-heading { font-size:30px; } } /* Short windows already use the complete static reading layout. */ @media(max-width:1000px) and (max-height:520px) { #iclust-fluid-study[data-page="home"].mc-compact-motion .mc-home-track .mc-stage { padding-block:24px; } }