/* Selected work: three editorial spreads, alternating text and recordings. */
.work .editorial-grid{display:flex;flex-direction:column;gap:0}.work .editorial-project{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.67fr);gap:clamp(35px,5vw,85px);align-items:center;padding:64px 0 70px;border-top:1px solid #9fb3bf;grid-column:auto;min-width:0}.work .editorial-reverse{grid-template-columns:minmax(0,1.67fr) minmax(0,.83fr)}.editorial-reverse .editorial-copy{grid-column:2;grid-row:1}.editorial-reverse .editorial-media{grid-column:1;grid-row:1}.editorial-copy{min-width:0}.editorial-masthead{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:24px;min-height:80px}.editorial-brand{width:190px;max-width:65%;height:auto;object-fit:contain;filter:brightness(0);opacity:.82}.editorial-brand.editorial-symbol{width:51px;height:73px;max-width:70px;object-fit:contain}.editorial-number{font:400 clamp(65px,7vw,108px)/.85 Georgia,serif;letter-spacing:-.08em;color:#a5b5bd}.editorial-client{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#486174;font-weight:700;margin:0 0 22px;padding-top:15px;border-top:1px solid #c4d0d6}.editorial-copy>.eyebrow{font-size:8px;letter-spacing:.15em;margin:0 0 13px;color:#6d8798}.editorial-copy h3{font:700 clamp(31px,3.15vw,52px)/1.06 var(--display);letter-spacing:-.055em;margin:0 0 23px;color:#233c54}.editorial-copy h3 em{display:inline;font:italic 400 1.08em/1.04 Georgia,'Times New Roman',serif;letter-spacing:-.055em;color:#617d8d}.editorial-description{font-size:14px;line-height:1.85;color:#405968;max-width:360px;margin:0 0 28px}.editorial-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;font-weight:700;padding-bottom:10px;border-bottom:1px solid #839ba9;min-width:160px;color:#29495f}.editorial-link svg{transition:translate .25s}.editorial-link:hover svg{translate:3px -3px}.editorial-media{min-width:0}.work .editorial-media .ink-recording{border-radius:3px;aspect-ratio:1280/746;box-shadow:0 18px 50px #2f4a5e1a}.editorial-caption{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #b8c7cf;padding-top:14px;margin-top:18px;font-size:8px;font-weight:700;letter-spacing:.12em;color:#607b8c}.project-note{padding-top:22px;border-top:1px solid #b8c7cf;line-height:1.7}
/* The narrative stays on the right while the five operational points pass left. */
@media(min-width:901px){.ink-case-grid.case-reversed{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12%;align-items:start}.ink-case-grid.case-reversed>.ink-case-story{grid-column:2;grid-row:1;position:sticky;top:145px;align-self:start}.case-reversed>.ink-features{grid-column:1;grid-row:1;padding-top:0}.case-reversed .ink-features>div{min-height:270px;padding:35px 0 60px;margin-bottom:45px}.case-reversed .ink-features>div:last-child{margin-bottom:0}.case-reversed .ink-features p{max-width:390px}.case-reversed .ink-features .case-icon{margin-bottom:24px}}
/* A spherical metal surface, with an upright, undistorted symbol. */
.hero-art .sculpture{animation:none;transform:none}.hero-art .sculpture-core{inset:35%;border:1px solid #f2faffc7;background:radial-gradient(ellipse at 30% 23%,#fff 0%,#e8f4fa 7%,#b0c9d8 23%,#7397af 47%,#4f738e 69%,#28485f 90%,#1c3c53 100%);box-shadow:inset 4px 5px 10px #ffffffb8,inset -7px -10px 18px #18384c8c,0 14px 24px #1d3d5c4a,0 0 35px #d9f3ff3d;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden;isolation:isolate}.hero-art .sculpture-core:before{content:'';position:absolute;inset:3%;border-radius:50%;background:radial-gradient(ellipse at 25% 18%,#ffffff94,transparent 38%),linear-gradient(135deg,transparent 40%,#ffffff29 48%,transparent 58%);pointer-events:none}.hero-art .sculpture-core:after{content:'';position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 12px #c9eaff66;pointer-events:none}.hero-art .sculpture-core img{position:relative;z-index:1;width:42%;height:61%;object-fit:contain;transform:none;filter:drop-shadow(0 1px 1px #193e5b) drop-shadow(0 0 5px #ffffff40)}
/* A scroll-linked fan: each step emerges from behind its predecessor. */
#connected-example .journey-workflow{isolation:isolate;position:relative;overflow:visible}#connected-example .journey-workflow article{position:relative;transform-origin:50% 50%;will-change:transform,opacity}#connected-example .journey-workflow.fan-ready article,#connected-example .journey-workflow.fan-ready article.is-step-entered{transform:translate3d(var(--fan-x,0px),var(--fan-y,0px),0) scale(var(--fan-scale,1));opacity:var(--fan-opacity,1);transition:none;filter:none}#connected-example .journey-workflow.fan-ready article::after{opacity:var(--fan-opacity,1)}
@media(max-width:1050px) and (min-width:761px){.work .editorial-project,.work .editorial-reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:30px}.work .editorial-reverse{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.editorial-copy h3{font-size:34px}.editorial-masthead{gap:20px}.editorial-brand{width:160px}}
@media(max-width:900px){.ink-case-grid.case-reversed>.ink-case-story{position:relative;top:auto}.case-reversed .ink-features>div{padding:35px 0 45px;min-height:210px}}
@media(max-width:760px){.work .editorial-project,.work .editorial-reverse{grid-template-columns:minmax(0,1fr);gap:30px;padding:38px 0 45px}.editorial-reverse .editorial-copy,.editorial-reverse .editorial-media{grid-column:auto;grid-row:auto}.editorial-copy h3{font-size:clamp(38px,8vw,58px);max-width:500px}.editorial-masthead{margin-bottom:18px;min-height:65px}.editorial-brand{width:170px;max-width:60%}.editorial-number{font-size:80px}.editorial-brand.editorial-symbol{height:66px;width:47px}.editorial-client{margin-bottom:20px}.editorial-copy>.eyebrow{font-size:8px}.editorial-description{max-width:460px}.editorial-caption{font-size:7px;letter-spacing:.08em}.work .editorial-media .ink-recording{border-radius:2px}.ink-case-grid.case-reversed{display:flex;flex-direction:column;gap:50px}.case-reversed>.ink-case-story{order:0}.case-reversed>.ink-features{order:1;width:100%}}
@media(prefers-reduced-motion:reduce){#connected-example .journey-workflow.fan-ready article,#connected-example .journey-workflow.fan-ready article.is-step-entered{transform:none;opacity:1;will-change:auto}.editorial-link svg{transition:none}}
.work .editorial-grid{align-items:stretch}.work .editorial-project{width:100%}
#connected-example .journey-workflow.fan-ready article{background:linear-gradient(135deg,#3b506e,#263b58);box-shadow:inset 0 1px #ffffff2b,0 12px 24px #10203820}
/* Keep the process in one vertical axis; blur and normal scrolling carry motion. */
.refinement-motion-ready #approach .steps>div,
.refinement-motion-ready #approach .steps>div.is-step-entered,
.refinement-motion-ready #approach.process-focus-ready .steps>div{transform:none;translate:none;transition:filter .28s ease,opacity .28s ease}
/* A fading/transformed reveal wrapper creates a separate stacking context and
   can trap the white mask behind the orange circle during fast scrolling.
   These two lens targets must stay opaque, stable and above the live circle. */
#challenges .b2b-heading>div:first-child,
#expertise .section-heading>div:first-child{position:relative;z-index:7;opacity:1;transform:none;translate:none;transition:none}