.process-section{padding:var(--spacing-3xl) 0}.process-section .section-title{text-align:center;margin-bottom:2.5rem}.process-outer{display:block;overflow:visible}.process-scaler{display:block;transform-origin:top left;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1)}.process-wrapper{position:relative;width:100%;height:517px;overflow:hidden}.process-wrapper.stacked{height:auto;overflow:visible;display:flex;flex-direction:column;gap:.75rem}.process-flow-container{position:absolute;top:0;left:0;width:901px;transform-origin:top left;transition:transform .4s cubic-bezier(.4, 0, .2, 1)}.process-wrapper.stacked .process-flow-container{position:static;width:100%}.process-flow-container.panel-open{transform:scale(.75)}.process-flow{display:grid;grid-template-columns:298px 329px 274px;grid-template-rows:137px 137px 137px 106px;gap:0;width:901px;user-select:none;overflow:visible}.process-block{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:filter .2s,transform .15s;outline:0;position:relative;overflow:visible;filter:brightness(.95)}.process-block:hover{filter:brightness(1.15);transform:scale(1.03);z-index:2}.process-block:focus-visible{outline:4px solid var(--color-accent);outline-offset:3px;z-index:3}.process-block.active{filter:brightness(.65) saturate(.6);transform:scale(.97);z-index:2}.process-block span{font-family:var(--font-family);font-weight:700;font-size:1.1rem;letter-spacing:.08em;color:#fff;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.35);position:absolute;top:0;left:0;right:0;height:106px;display:flex;align-items:center;justify-content:center}.block--biomass{grid-column:1;grid-row:1;align-self:start;height:106px;background:#318c17;clip-path:polygon(0 0,calc(100% - 31px) 0,100% 53px,calc(100% - 31px) 106px,0 106px)}.block--gasifier{grid-column:2;grid-row:1;align-self:start;height:137px;background:gold;clip-path:polygon(0 0,calc(100% - 31px) 0,100% 53px,calc(100% - 31px) 106px,calc(50% + 53px) 106px,50% 137px,calc(50% - 53px) 106px,0 106px,31px 53px)}.block--gasifier span{color:#333;text-shadow:none}.block--biochar{grid-column:3;grid-row:1;align-self:start;height:106px;background:#f5e6c8;clip-path:polygon(0 0,100% 0,100% 106px,0 106px,31px 53px)}.block--biochar span{color:#967b50;text-shadow:none}.block--air{grid-column:1;grid-row:2;align-self:start;height:106px;background:#a5d9fd;clip-path:polygon(0 0,calc(100% - 31px) 0,100% 53px,calc(100% - 31px) 106px,0 106px)}.block--air span{color:#1a4a6b;text-shadow:none}.block--burner{grid-column:2;grid-row:2;align-self:start;height:137px;background:#e53935;clip-path:polygon(0 0,calc(50% - 53px) 0,50% 31px,calc(50% + 53px) 0,100% 0,100% 106px,calc(50% + 53px) 106px,50% 137px,calc(50% - 53px) 106px,0 106px,31px 53px)}.block--engine{grid-column:2;grid-row:3;align-self:start;height:137px;background:#9c27b0;clip-path:polygon(0 0,calc(50% - 53px) 0,50% 31px,calc(50% + 53px) 0,calc(100% - 31px) 0,100% 53px,calc(100% - 31px) 106px,calc(50% + 53px) 106px,50% 137px,calc(50% - 53px) 106px,0 106px)}.block--hotwater{grid-column:3;grid-row:3;align-self:start;height:106px;background:#ff8c00;clip-path:polygon(0 0,100% 0,100% 106px,0 106px,31px 53px)}.block--hotwater span{color:#5a3300;text-shadow:none}.block--electricity{grid-column:2;grid-row:4;align-self:start;height:106px;background:#00f;clip-path:polygon(0 0,calc(50% - 53px) 0,50% 31px,calc(50% + 53px) 0,100% 0,100% 106px,0 106px)}.process-desc-panel{position:absolute;top:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem 1.5rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;opacity:0;pointer-events:none;transform:translateX(20px);transition:opacity .35s .1s,transform .35s .1s}.process-desc-panel.visible{opacity:1;pointer-events:auto;transform:translateX(0)}.process-outer>.process-desc-panel,.process-wrapper.stacked .process-desc-panel{position:static;width:100%;height:auto!important;transform:none;transition:opacity .3s;display:none;margin-top:.75rem}.process-outer>.process-desc-panel.visible,.process-wrapper.stacked .process-desc-panel.visible{display:flex;opacity:1;pointer-events:auto}.process-desc-panel .desc-title{font-size:1rem;font-weight:700;color:var(--color-accent);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.08em}.process-desc-panel .desc-text{color:var(--color-text-muted);font-size:var(--font-size-base);line-height:var(--line-height);margin:0;white-space:pre-line}.process-desc-panel .desc-close{position:absolute;top:.75rem;right:.75rem;background:0 0;border:none;color:var(--color-text-muted);font-size:1.2rem;cursor:pointer;line-height:1;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:color .2s}.process-desc-panel .desc-close:hover{color:var(--color-text)}.process-i18n-store{display:none}.process-gallery{margin-top:0;width:60%;margin-left:auto;margin-right:auto;overflow:hidden;border-radius:var(--radius-md);aspect-ratio:13/9;background:var(--color-surface);position:relative}.process-gallery-track{position:relative;width:100%;height:100%}.process-gallery-slide{position:absolute;inset:0;opacity:0;transition:opacity .5s}.process-gallery-slide.active{opacity:1}.process-gallery-slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:var(--radius-md)}.process-gallery-label{position:absolute;top:.75rem;left:1rem;z-index:2;text-align:left;color:var(--color-accent,#318c17);font-size:.85rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:0;background:0 0;pointer-events:none;opacity:0;transition:opacity .3s}.process-gallery-label.visible{opacity:1}@media (max-width:1023px){.process-gallery{width:100%}.process-outer{max-width:100%;overflow:hidden}}