/* Only the replacement material chapter. Existing Ambiente compositions stay intact. */
.process-chapter{position:relative;height:570svh;min-height:3300px;background:#e9ecde;isolation:isolate;color:var(--ink)}
.process-stage{position:sticky;top:85px;height:calc(100svh - 85px);min-height:620px;padding:42px var(--gutter) 90px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 75% 40%,#f8f5e766,transparent 63%)}
.process-heading{position:relative;z-index:3;pointer-events:none;width:40%}.process-heading .kicker{font-size:10px;letter-spacing:.13em}.process-heading h2{font:clamp(48px,5.2vw,88px)/.98 var(--serif);letter-spacing:-.047em;margin:24px 0 0}.process-heading h2 em{font-weight:400}
.process-picture{position:absolute;top:1%;bottom:15%;left:31%;width:72%;display:flex;align-items:center;justify-content:center;isolation:isolate;touch-action:pan-y;pointer-events:auto}
.process-art{position:relative;width:100%;height:auto;max-height:100%;overflow:visible}.process-world{transform-origin:0 0}.process-fluid-world{position:absolute;width:100%;aspect-ratio:1100/800;max-height:100%;inset:auto 0;pointer-events:none;transform-origin:0 0}.process-fluid-world canvas{width:100%;height:100%;display:block}.process-art-note{position:absolute;bottom:0;right:14%;font-size:9px;letter-spacing:.07em;color:#718063}
.process-reading{position:absolute;left:var(--gutter);top:47%;width:29%;max-width:400px;z-index:3}.process-index{font-size:11px;letter-spacing:.13em;color:var(--red)}.process-reading h3{font:clamp(32px,3.1vw,49px)/1.03 var(--serif);letter-spacing:-.025em;margin:15px 0 18px}.process-reading>p{font-size:14px;line-height:1.65;color:var(--muted);max-width:360px}.process-reading #process-role{font-size:9px;line-height:1.6;letter-spacing:.075em;margin-top:20px;max-width:340px;color:var(--green)}
.process-tabs{position:absolute;bottom:52px;left:var(--gutter);right:var(--gutter);border-top:1px solid #a4b195;display:flex;justify-content:space-between;gap:12px;padding-top:12px;z-index:4}.process-tabs:before{content:'';position:absolute;top:-1px;height:2px;left:0;width:100%;background:#a05c36;transform:scaleX(var(--process-progress,0));transform-origin:left}.process-tabs button{padding:4px 0;text-align:left;font:12px var(--sans);color:var(--green);background:none;border:0;cursor:pointer}.process-tabs button span{font-size:9px;display:block;margin-bottom:5px;letter-spacing:.1em}.process-tabs button[aria-selected=true]{color:#a84b2c}.process-tabs button:focus-visible{outline:1px solid var(--green);outline-offset:5px}.process-foot{position:absolute;bottom:21px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.035em;color:var(--muted);gap:15px;z-index:3}.process-foot a{text-decoration:underline;text-underline-offset:3px}
.process-press,.process-refinery,.process-residuals,.process-oil-fallback,.process-particles,.annotation-press,.annotation-refinery,.annotation-reuse{opacity:0}.process-conduit{opacity:.25}.process-art .process-flow-line,.process-art .process-branch{stroke-dasharray:1;stroke-dashoffset:1}.process-fluid-ready .process-oil-fallback{visibility:hidden}.process-fluid-world{opacity:0}.process-noscript{position:relative;background:#e9ecde;z-index:6;padding:20px;font-size:14px;max-width:700px}
@media(min-width:701px) and (max-height:780px){.process-stage{padding-top:25px;min-height:550px}.process-heading h2{font-size:4.6vw}.process-reading{top:43%}.process-reading h3{font-size:33px;margin:10px 0 12px}.process-reading>p{font-size:12px}.process-reading #process-role{margin-top:12px;font-size:8px}}
@media(max-width:1000px) and (min-width:701px){.process-reading{width:32%}.process-reading>p{font-size:13px}.process-picture{left:30%;width:76%}.process-heading{width:48%}}
@media(max-width:700px){.process-chapter{height:590svh;min-height:2900px}.process-stage{top:76px;height:calc(100svh - 76px);min-height:570px;padding:23px 24px 100px}.process-heading{width:100%}.process-heading .kicker{font-size:8px}.process-heading h2{font-size:clamp(32px,9.4vw,46px);margin:12px 0 0;line-height:.98}.process-heading h2 br{display:none}.process-heading h2 em{display:block}.process-picture{left:0;top:105px;bottom:auto;width:100%;height:calc(100% - 375px);min-height:200px}.process-art-note{display:none}.process-reading{left:24px;right:24px;top:auto;bottom:119px;width:auto;max-width:none}.process-index{font-size:9px}.process-reading h3{font-size:29px;margin:9px 0;line-height:1.02}.process-reading h3 br{display:none}.process-reading>p{font-size:12px;line-height:1.5;max-width:440px}.process-reading #process-role{font-size:8px;margin-top:10px;line-height:1.4;max-width:none}.process-tabs{left:24px;right:24px;bottom:54px;gap:7px;padding-top:10px}.process-tabs button{font-size:9px;min-width:0;overflow-wrap:normal}.process-tabs button span{font-size:8px}.process-foot{left:24px;right:24px;font-size:8px;bottom:24px}.process-foot>span{max-width:125px}.process-foot>a{text-align:right}.process-fluid-world{max-height:100%}}
@media(max-width:360px){.process-stage{padding-left:20px;padding-right:20px}.process-tabs,.process-foot,.process-reading{left:20px;right:20px}.process-tabs button{font-size:8px}.process-reading h3{font-size:26px}.process-reading>p{font-size:11px}}
@media(max-height:650px){.process-chapter{height:auto;min-height:0}.process-stage{position:relative;top:0;height:720px;min-height:720px}.process-foot>span{font-size:0}.process-foot>span:after{content:'Explore las cinco etapas';font-size:9px}}
@media(prefers-reduced-motion:reduce){.process-chapter{height:auto;min-height:0}.process-stage{position:relative;top:0}.process-foot>span{font-size:0}.process-foot>span:after{content:'Explore las cinco etapas';font-size:9px}}
.motion-off .process-chapter{height:auto;min-height:0}.motion-off .process-stage{position:relative;top:0}.motion-off .process-foot>span{font-size:0}.motion-off .process-foot>span:after{content:'Explore las cinco etapas';font-size:9px}
.process-picture{-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 97%,transparent)}
.process-foot{right:calc(var(--gutter) + 155px)}
@media(max-width:700px){.process-foot{right:172px;display:block;line-height:1.6;bottom:19px}.process-foot>span{display:none}.process-foot>a{text-align:left}.process-picture{-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}}